52 lines
1.6 KiB
JavaScript
Raw Permalink Normal View History

2024-01-29 09:26:07 +08:00
import { internalSelectionLight } from "../../_internal/selection/styles/index.mjs";
import { internalSelectMenuLight } from "../../_internal/select-menu/styles/index.mjs";
import { scrollbarLight } from "../../_internal/scrollbar/styles/index.mjs";
import { checkboxLight } from "../../checkbox/styles/index.mjs";
import { commonLight } from "../../_styles/common/index.mjs";
import { createTheme } from "../../_mixins/index.mjs";
import { emptyLight } from "../../empty/styles/index.mjs";
2024-08-02 18:19:39 +08:00
export function self(vars) {
2024-01-29 09:26:07 +08:00
const {
borderRadius,
boxShadow2,
popoverColor,
textColor2,
textColor3,
primaryColor,
textColorDisabled,
dividerColor,
hoverColor,
fontSizeMedium,
heightMedium
} = vars;
return {
menuBorderRadius: borderRadius,
menuColor: popoverColor,
menuBoxShadow: boxShadow2,
menuDividerColor: dividerColor,
menuHeight: 'calc(var(--n-option-height) * 6.6)',
optionArrowColor: textColor3,
optionHeight: heightMedium,
optionFontSize: fontSizeMedium,
optionColorHover: hoverColor,
optionTextColor: textColor2,
optionTextColorActive: primaryColor,
optionTextColorDisabled: textColorDisabled,
optionCheckMarkColor: primaryColor,
loadingColor: primaryColor,
columnWidth: '180px'
};
2024-08-02 18:19:39 +08:00
}
2024-01-29 09:26:07 +08:00
const cascaderLight = createTheme({
name: 'Cascader',
common: commonLight,
peers: {
InternalSelectMenu: internalSelectMenuLight,
InternalSelection: internalSelectionLight,
Scrollbar: scrollbarLight,
Checkbox: checkboxLight,
Empty: emptyLight
},
self
});
export default cascaderLight;