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;
|