antdv-next 0.0.111 → 1.0.0-alpha.1

package/dist/theme/themes/default/index.js

@@ -0,0 +1,43 @@
+import { defaultPresetColors } from "../seed.js";
+import genColorMapToken from "../shared/genColorMapToken.js";
+import genCommonMapToken from "../shared/genCommonMapToken.js";
+import genControlHeight_default from "../shared/genControlHeight.js";
+import genFontMapToken_default from "../shared/genFontMapToken.js";
+import genSizeMapToken from "../shared/genSizeMapToken.js";
+import { generateColorPalettes, generateNeutralColorPalettes } from "./colors.js";
+import { generate, presetPalettes, presetPrimaryColors } from "@ant-design/colors";
+
+//#region src/theme/themes/default/index.ts
+function derivative(token) {
+	presetPrimaryColors.pink = presetPrimaryColors.magenta;
+	presetPalettes.pink = presetPalettes.magenta;
+	const colorPalettes = Object.keys(defaultPresetColors).map((colorKey) => {
+		const colors = token[colorKey] === presetPrimaryColors[colorKey] ? presetPalettes[colorKey] : generate(token[colorKey]);
+		return Array.from({ length: 10 }, () => 1).reduce((prev, _, i) => {
+			prev[`${colorKey}-${i + 1}`] = colors?.[i];
+			prev[`${colorKey}${i + 1}`] = colors?.[i];
+			return prev;
+		}, {});
+	}).reduce((prev, cur) => {
+		prev = {
+			...prev,
+			...cur
+		};
+		return prev;
+	}, {});
+	return {
+		...token,
+		...colorPalettes,
+		...genColorMapToken(token, {
+			generateColorPalettes,
+			generateNeutralColorPalettes
+		}),
+		...genFontMapToken_default(token.fontSize),
+		...genSizeMapToken(token),
+		...genControlHeight_default(token),
+		...genCommonMapToken(token)
+	};
+}
+
+//#endregion
+export { derivative as default };

package/dist/theme/themes/default/theme.d.ts

@@ -0,0 +1 @@
+import "@antdv-next/cssinjs";

package/dist/theme/themes/default/theme.js

@@ -0,0 +1,9 @@
+import derivative from "./index.js";
+import { createTheme } from "@antdv-next/cssinjs";
+
+//#region src/theme/themes/default/theme.ts
+const defaultTheme = createTheme(derivative);
+var theme_default = defaultTheme;
+
+//#endregion
+export { theme_default as default };

package/dist/theme/themes/seed.js

@@ -0,0 +1,58 @@
+//#region src/theme/themes/seed.ts
+const defaultPresetColors = {
+	blue: "#1677FF",
+	purple: "#722ED1",
+	cyan: "#13C2C2",
+	green: "#52C41A",
+	magenta: "#EB2F96",
+	pink: "#EB2F96",
+	red: "#F5222D",
+	orange: "#FA8C16",
+	yellow: "#FADB14",
+	volcano: "#FA541C",
+	geekblue: "#2F54EB",
+	gold: "#FAAD14",
+	lime: "#A0D911"
+};
+const seedToken = {
+	...defaultPresetColors,
+	colorPrimary: "#1677ff",
+	colorSuccess: "#52c41a",
+	colorWarning: "#faad14",
+	colorError: "#ff4d4f",
+	colorInfo: "#1677ff",
+	colorLink: "",
+	colorTextBase: "",
+	colorBgBase: "",
+	fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+'Noto Color Emoji'`,
+	fontFamilyCode: `'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace`,
+	fontSize: 14,
+	lineWidth: 1,
+	lineType: "solid",
+	motionUnit: .1,
+	motionBase: 0,
+	motionEaseOutCirc: "cubic-bezier(0.08, 0.82, 0.17, 1)",
+	motionEaseInOutCirc: "cubic-bezier(0.78, 0.14, 0.15, 0.86)",
+	motionEaseOut: "cubic-bezier(0.215, 0.61, 0.355, 1)",
+	motionEaseInOut: "cubic-bezier(0.645, 0.045, 0.355, 1)",
+	motionEaseOutBack: "cubic-bezier(0.12, 0.4, 0.29, 1.46)",
+	motionEaseInBack: "cubic-bezier(0.71, -0.46, 0.88, 0.6)",
+	motionEaseInQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
+	motionEaseOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
+	borderRadius: 6,
+	sizeUnit: 4,
+	sizeStep: 4,
+	sizePopupArrow: 16,
+	controlHeight: 32,
+	zIndexBase: 0,
+	zIndexPopupBase: 1e3,
+	opacityImage: 1,
+	wireframe: false,
+	motion: true
+};
+var seed_default = seedToken;
+
+//#endregion
+export { seed_default as default, defaultPresetColors };

package/dist/theme/themes/shared/genColorMapToken.js

@@ -0,0 +1,77 @@
+import { FastColor } from "@ant-design/fast-color";
+
+//#region src/theme/themes/shared/genColorMapToken.ts
+function genColorMapToken(seed, { generateColorPalettes, generateNeutralColorPalettes }) {
+	const { colorSuccess: colorSuccessBase, colorWarning: colorWarningBase, colorError: colorErrorBase, colorInfo: colorInfoBase, colorPrimary: colorPrimaryBase, colorBgBase, colorTextBase } = seed;
+	const primaryColors = generateColorPalettes(colorPrimaryBase);
+	const successColors = generateColorPalettes(colorSuccessBase);
+	const warningColors = generateColorPalettes(colorWarningBase);
+	const errorColors = generateColorPalettes(colorErrorBase);
+	const infoColors = generateColorPalettes(colorInfoBase);
+	const neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase);
+	const linkColors = generateColorPalettes(seed.colorLink || seed.colorInfo);
+	const colorErrorBgFilledHover = new FastColor(errorColors[1]).mix(new FastColor(errorColors[3]), 50).toHexString();
+	return {
+		...neutralColors,
+		colorPrimaryBg: primaryColors[1],
+		colorPrimaryBgHover: primaryColors[2],
+		colorPrimaryBorder: primaryColors[3],
+		colorPrimaryBorderHover: primaryColors[4],
+		colorPrimaryHover: primaryColors[5],
+		colorPrimary: primaryColors[6],
+		colorPrimaryActive: primaryColors[7],
+		colorPrimaryTextHover: primaryColors[8],
+		colorPrimaryText: primaryColors[9],
+		colorPrimaryTextActive: primaryColors[10],
+		colorSuccessBg: successColors[1],
+		colorSuccessBgHover: successColors[2],
+		colorSuccessBorder: successColors[3],
+		colorSuccessBorderHover: successColors[4],
+		colorSuccessHover: successColors[4],
+		colorSuccess: successColors[6],
+		colorSuccessActive: successColors[7],
+		colorSuccessTextHover: successColors[8],
+		colorSuccessText: successColors[9],
+		colorSuccessTextActive: successColors[10],
+		colorErrorBg: errorColors[1],
+		colorErrorBgHover: errorColors[2],
+		colorErrorBgFilledHover,
+		colorErrorBgActive: errorColors[3],
+		colorErrorBorder: errorColors[3],
+		colorErrorBorderHover: errorColors[4],
+		colorErrorHover: errorColors[5],
+		colorError: errorColors[6],
+		colorErrorActive: errorColors[7],
+		colorErrorTextHover: errorColors[8],
+		colorErrorText: errorColors[9],
+		colorErrorTextActive: errorColors[10],
+		colorWarningBg: warningColors[1],
+		colorWarningBgHover: warningColors[2],
+		colorWarningBorder: warningColors[3],
+		colorWarningBorderHover: warningColors[4],
+		colorWarningHover: warningColors[4],
+		colorWarning: warningColors[6],
+		colorWarningActive: warningColors[7],
+		colorWarningTextHover: warningColors[8],
+		colorWarningText: warningColors[9],
+		colorWarningTextActive: warningColors[10],
+		colorInfoBg: infoColors[1],
+		colorInfoBgHover: infoColors[2],
+		colorInfoBorder: infoColors[3],
+		colorInfoBorderHover: infoColors[4],
+		colorInfoHover: infoColors[4],
+		colorInfo: infoColors[6],
+		colorInfoActive: infoColors[7],
+		colorInfoTextHover: infoColors[8],
+		colorInfoText: infoColors[9],
+		colorInfoTextActive: infoColors[10],
+		colorLinkHover: linkColors[4],
+		colorLink: linkColors[6],
+		colorLinkActive: linkColors[7],
+		colorBgMask: new FastColor("#000").setA(.45).toRgbString(),
+		colorWhite: "#fff"
+	};
+}
+
+//#endregion
+export { genColorMapToken as default };

package/dist/theme/themes/shared/genCommonMapToken.js

@@ -0,0 +1,16 @@
+import genRadius_default from "./genRadius.js";
+
+//#region src/theme/themes/shared/genCommonMapToken.ts
+function genCommonMapToken(token) {
+	const { motionUnit, motionBase, borderRadius, lineWidth } = token;
+	return {
+		motionDurationFast: `${(motionBase + motionUnit).toFixed(1)}s`,
+		motionDurationMid: `${(motionBase + motionUnit * 2).toFixed(1)}s`,
+		motionDurationSlow: `${(motionBase + motionUnit * 3).toFixed(1)}s`,
+		lineWidthBold: lineWidth + 1,
+		...genRadius_default(borderRadius)
+	};
+}
+
+//#endregion
+export { genCommonMapToken as default };

package/dist/theme/themes/shared/genControlHeight.js

@@ -0,0 +1,13 @@
+//#region src/theme/themes/shared/genControlHeight.ts
+function genControlHeight(token) {
+	const { controlHeight } = token;
+	return {
+		controlHeightSM: controlHeight * .75,
+		controlHeightXS: controlHeight * .5,
+		controlHeightLG: controlHeight * 1.25
+	};
+}
+var genControlHeight_default = genControlHeight;
+
+//#endregion
+export { genControlHeight_default as default };

package/dist/theme/themes/shared/genFontMapToken.js

@@ -0,0 +1,40 @@
+import getFontSizes from "./genFontSizes.js";
+
+//#region src/theme/themes/shared/genFontMapToken.ts
+function genFontMapToken(fontSize) {
+	const fontSizePairs = getFontSizes(fontSize);
+	const fontSizes = fontSizePairs.map((pair) => pair.size);
+	const lineHeights = fontSizePairs.map((pair) => pair.lineHeight);
+	const fontSizeMD = fontSizes[1];
+	const fontSizeSM = fontSizes[0];
+	const fontSizeLG = fontSizes[2];
+	const lineHeight = lineHeights[1];
+	const lineHeightSM = lineHeights[0];
+	const lineHeightLG = lineHeights[2];
+	return {
+		fontSizeSM,
+		fontSize: fontSizeMD,
+		fontSizeLG,
+		fontSizeXL: fontSizes[3],
+		fontSizeHeading1: fontSizes[6],
+		fontSizeHeading2: fontSizes[5],
+		fontSizeHeading3: fontSizes[4],
+		fontSizeHeading4: fontSizes[3],
+		fontSizeHeading5: fontSizes[2],
+		lineHeight,
+		lineHeightLG,
+		lineHeightSM,
+		fontHeight: Math.round(lineHeight * fontSizeMD),
+		fontHeightLG: Math.round(lineHeightLG * fontSizeLG),
+		fontHeightSM: Math.round(lineHeightSM * fontSizeSM),
+		lineHeightHeading1: lineHeights[6],
+		lineHeightHeading2: lineHeights[5],
+		lineHeightHeading3: lineHeights[4],
+		lineHeightHeading4: lineHeights[3],
+		lineHeightHeading5: lineHeights[2]
+	};
+}
+var genFontMapToken_default = genFontMapToken;
+
+//#endregion
+export { genFontMapToken_default as default };

package/dist/theme/themes/shared/genFontSizes.js

@@ -0,0 +1,20 @@
+//#region src/theme/themes/shared/genFontSizes.ts
+function getLineHeight(fontSize) {
+	return (fontSize + 8) / fontSize;
+}
+function getFontSizes(base) {
+	const fontSizes = Array.from({ length: 10 }).map((_, index) => {
+		const i = index - 1;
+		const baseSize = base * Math.E ** (i / 5);
+		const intSize = index > 1 ? Math.floor(baseSize) : Math.ceil(baseSize);
+		return Math.floor(intSize / 2) * 2;
+	});
+	fontSizes[1] = base;
+	return fontSizes.map((size) => ({
+		size,
+		lineHeight: getLineHeight(size)
+	}));
+}
+
+//#endregion
+export { getFontSizes as default, getLineHeight };

package/dist/theme/themes/shared/genRadius.js

@@ -0,0 +1,30 @@
+//#region src/theme/themes/shared/genRadius.ts
+function genRadius(radiusBase) {
+	let radiusLG = radiusBase;
+	let radiusSM = radiusBase;
+	let radiusXS = radiusBase;
+	let radiusOuter = radiusBase;
+	if (radiusBase < 6 && radiusBase >= 5) radiusLG = radiusBase + 1;
+	else if (radiusBase < 16 && radiusBase >= 6) radiusLG = radiusBase + 2;
+	else if (radiusBase >= 16) radiusLG = 16;
+	if (radiusBase < 7 && radiusBase >= 5) radiusSM = 4;
+	else if (radiusBase < 8 && radiusBase >= 7) radiusSM = 5;
+	else if (radiusBase < 14 && radiusBase >= 8) radiusSM = 6;
+	else if (radiusBase < 16 && radiusBase >= 14) radiusSM = 7;
+	else if (radiusBase >= 16) radiusSM = 8;
+	if (radiusBase < 6 && radiusBase >= 2) radiusXS = 1;
+	else if (radiusBase >= 6) radiusXS = 2;
+	if (radiusBase > 4 && radiusBase < 8) radiusOuter = 4;
+	else if (radiusBase >= 8) radiusOuter = 6;
+	return {
+		borderRadius: radiusBase,
+		borderRadiusXS: radiusXS,
+		borderRadiusSM: radiusSM,
+		borderRadiusLG: radiusLG,
+		borderRadiusOuter: radiusOuter
+	};
+}
+var genRadius_default = genRadius;
+
+//#endregion
+export { genRadius_default as default };

package/dist/theme/themes/shared/genSizeMapToken.js

@@ -0,0 +1,18 @@
+//#region src/theme/themes/shared/genSizeMapToken.ts
+function genSizeMapToken(token) {
+	const { sizeUnit, sizeStep } = token;
+	return {
+		sizeXXL: sizeUnit * (sizeStep + 8),
+		sizeXL: sizeUnit * (sizeStep + 4),
+		sizeLG: sizeUnit * (sizeStep + 2),
+		sizeMD: sizeUnit * (sizeStep + 1),
+		sizeMS: sizeUnit * sizeStep,
+		size: sizeUnit * sizeStep,
+		sizeSM: sizeUnit * (sizeStep - 1),
+		sizeXS: sizeUnit * (sizeStep - 2),
+		sizeXXS: sizeUnit * (sizeStep - 3)
+	};
+}
+
+//#endregion
+export { genSizeMapToken as default };

package/dist/theme/useToken.d.ts

@@ -0,0 +1,4 @@
+import "./interface/index.js";
+import "./context.js";
+import { Ref } from "vue";
+import "@antdv-next/cssinjs";

package/dist/theme/useToken.js

@@ -0,0 +1,102 @@
+import version_default from "../version/index.js";
+import seed_default from "./themes/seed.js";
+import theme_default from "./themes/default/theme.js";
+import { useDesignToken } from "./context.js";
+import formatToken from "./util/alias.js";
+import { computed } from "vue";
+import { useCacheToken } from "@antdv-next/cssinjs";
+
+//#region src/theme/useToken.ts
+const unitless = {
+	lineHeight: true,
+	lineHeightSM: true,
+	lineHeightLG: true,
+	lineHeightHeading1: true,
+	lineHeightHeading2: true,
+	lineHeightHeading3: true,
+	lineHeightHeading4: true,
+	lineHeightHeading5: true,
+	opacityLoading: true,
+	fontWeightStrong: true,
+	zIndexPopupBase: true,
+	zIndexBase: true,
+	opacityImage: true
+};
+const ignore = {
+	motionBase: true,
+	motionUnit: true
+};
+const preserve = {
+	screenXS: true,
+	screenXSMin: true,
+	screenXSMax: true,
+	screenSM: true,
+	screenSMMin: true,
+	screenSMMax: true,
+	screenMD: true,
+	screenMDMin: true,
+	screenMDMax: true,
+	screenLG: true,
+	screenLGMin: true,
+	screenLGMax: true,
+	screenXL: true,
+	screenXLMin: true,
+	screenXLMax: true,
+	screenXXL: true,
+	screenXXLMin: true
+};
+function getComputedToken$1(originToken, overrideToken, theme) {
+	const derivativeToken = theme.getDerivativeToken(originToken);
+	const { override,...components } = overrideToken;
+	let mergedDerivativeToken = {
+		...derivativeToken,
+		override
+	};
+	mergedDerivativeToken = formatToken(mergedDerivativeToken);
+	if (components) Object.entries(components).forEach(([key, value]) => {
+		const { theme: componentTheme,...componentTokens } = value;
+		let mergedComponentToken = componentTokens;
+		if (componentTheme) mergedComponentToken = getComputedToken$1({
+			...mergedDerivativeToken,
+			...componentTokens
+		}, { override: componentTokens }, componentTheme);
+		mergedDerivativeToken[key] = mergedComponentToken;
+	});
+	return mergedDerivativeToken;
+}
+function useToken() {
+	const designContext = useDesignToken();
+	const salt = computed(() => `${version_default}-${designContext.value.hashed || ""}`);
+	const mergedTheme = computed(() => designContext.value?.theme || theme_default);
+	const cssVar = computed(() => {
+		const cssVar$1 = designContext.value.cssVar;
+		return {
+			prefix: cssVar$1?.prefix || "ant",
+			key: cssVar$1?.key || "css-var-root"
+		};
+	});
+	const cachedToken = useCacheToken(mergedTheme, computed(() => [seed_default, designContext.value.token]), computed(() => {
+		return {
+			salt: salt.value,
+			override: designContext.value.override,
+			getComputedToken: getComputedToken$1,
+			cssVar: {
+				...cssVar.value,
+				unitless,
+				ignore,
+				preserve
+			}
+		};
+	}));
+	return [
+		mergedTheme,
+		computed(() => cachedToken.value[2]),
+		computed(() => designContext.value.hashed ? cachedToken.value[1] : ""),
+		computed(() => cachedToken.value[0]),
+		cssVar,
+		computed(() => !!designContext.value?.zeroRuntime)
+	];
+}
+
+//#endregion
+export { useToken as default, unitless };

package/dist/theme/util/alias.js

@@ -0,0 +1,165 @@
+import seed_default from "../themes/seed.js";
+import getAlphaColor_default from "./getAlphaColor.js";
+import { FastColor } from "@ant-design/fast-color";
+
+//#region src/theme/util/alias.ts
+/**
+* Seed (designer) > Derivative (designer) > Alias (developer).
+*
+* Merge seed & derivative & override token and generate alias token for developer.
+*/
+function formatToken(derivativeToken) {
+	const { override,...restToken } = derivativeToken;
+	const overrideTokens = { ...override };
+	Object.keys(seed_default).forEach((token) => {
+		delete overrideTokens[token];
+	});
+	const mergedToken = {
+		...restToken,
+		...overrideTokens
+	};
+	const screenXS = 480;
+	const screenSM = 576;
+	const screenMD = 768;
+	const screenLG = 992;
+	const screenXL = 1200;
+	const screenXXL = 1600;
+	if (mergedToken.motion === false) {
+		const fastDuration = "0s";
+		mergedToken.motionDurationFast = fastDuration;
+		mergedToken.motionDurationMid = fastDuration;
+		mergedToken.motionDurationSlow = fastDuration;
+	}
+	return {
+		...mergedToken,
+		colorFillContent: mergedToken.colorFillSecondary,
+		colorFillContentHover: mergedToken.colorFill,
+		colorFillAlter: mergedToken.colorFillQuaternary,
+		colorBgContainerDisabled: mergedToken.colorFillTertiary,
+		colorBorderBg: mergedToken.colorBgContainer,
+		colorSplit: getAlphaColor_default(mergedToken.colorBorderSecondary, mergedToken.colorBgContainer),
+		colorTextPlaceholder: mergedToken.colorTextQuaternary,
+		colorTextDisabled: mergedToken.colorTextQuaternary,
+		colorTextHeading: mergedToken.colorText,
+		colorTextLabel: mergedToken.colorTextSecondary,
+		colorTextDescription: mergedToken.colorTextTertiary,
+		colorTextLightSolid: mergedToken.colorWhite,
+		colorHighlight: mergedToken.colorError,
+		colorBgTextHover: mergedToken.colorFillSecondary,
+		colorBgTextActive: mergedToken.colorFill,
+		colorIcon: mergedToken.colorTextTertiary,
+		colorIconHover: mergedToken.colorText,
+		colorErrorOutline: getAlphaColor_default(mergedToken.colorErrorBg, mergedToken.colorBgContainer),
+		colorWarningOutline: getAlphaColor_default(mergedToken.colorWarningBg, mergedToken.colorBgContainer),
+		fontSizeIcon: mergedToken.fontSizeSM,
+		lineWidthFocus: mergedToken.lineWidth * 3,
+		lineWidth: mergedToken.lineWidth,
+		controlOutlineWidth: mergedToken.lineWidth * 2,
+		controlInteractiveSize: mergedToken.controlHeight / 2,
+		controlItemBgHover: mergedToken.colorFillTertiary,
+		controlItemBgActive: mergedToken.colorPrimaryBg,
+		controlItemBgActiveHover: mergedToken.colorPrimaryBgHover,
+		controlItemBgActiveDisabled: mergedToken.colorFill,
+		controlTmpOutline: mergedToken.colorFillQuaternary,
+		controlOutline: getAlphaColor_default(mergedToken.colorPrimaryBg, mergedToken.colorBgContainer),
+		lineType: mergedToken.lineType,
+		borderRadius: mergedToken.borderRadius,
+		borderRadiusXS: mergedToken.borderRadiusXS,
+		borderRadiusSM: mergedToken.borderRadiusSM,
+		borderRadiusLG: mergedToken.borderRadiusLG,
+		fontWeightStrong: 600,
+		opacityLoading: .65,
+		linkDecoration: "none",
+		linkHoverDecoration: "none",
+		linkFocusDecoration: "none",
+		controlPaddingHorizontal: 12,
+		controlPaddingHorizontalSM: 8,
+		paddingXXS: mergedToken.sizeXXS,
+		paddingXS: mergedToken.sizeXS,
+		paddingSM: mergedToken.sizeSM,
+		padding: mergedToken.size,
+		paddingMD: mergedToken.sizeMD,
+		paddingLG: mergedToken.sizeLG,
+		paddingXL: mergedToken.sizeXL,
+		paddingContentHorizontalLG: mergedToken.sizeLG,
+		paddingContentVerticalLG: mergedToken.sizeMS,
+		paddingContentHorizontal: mergedToken.sizeMS,
+		paddingContentVertical: mergedToken.sizeSM,
+		paddingContentHorizontalSM: mergedToken.size,
+		paddingContentVerticalSM: mergedToken.sizeXS,
+		marginXXS: mergedToken.sizeXXS,
+		marginXS: mergedToken.sizeXS,
+		marginSM: mergedToken.sizeSM,
+		margin: mergedToken.size,
+		marginMD: mergedToken.sizeMD,
+		marginLG: mergedToken.sizeLG,
+		marginXL: mergedToken.sizeXL,
+		marginXXL: mergedToken.sizeXXL,
+		boxShadow: `
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    `,
+		boxShadowSecondary: `
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    `,
+		boxShadowTertiary: `
+      0 1px 2px 0 rgba(0, 0, 0, 0.03),
+      0 1px 6px -1px rgba(0, 0, 0, 0.02),
+      0 2px 4px 0 rgba(0, 0, 0, 0.02)
+    `,
+		screenXS,
+		screenXSMin: screenXS,
+		screenXSMax: screenSM - 1,
+		screenSM,
+		screenSMMin: screenSM,
+		screenSMMax: screenMD - 1,
+		screenMD,
+		screenMDMin: screenMD,
+		screenMDMax: screenLG - 1,
+		screenLG,
+		screenLGMin: screenLG,
+		screenLGMax: screenXL - 1,
+		screenXL,
+		screenXLMin: screenXL,
+		screenXLMax: screenXXL - 1,
+		screenXXL,
+		screenXXLMin: screenXXL,
+		boxShadowPopoverArrow: "2px 2px 5px rgba(0, 0, 0, 0.05)",
+		boxShadowCard: `
+      0 1px 2px -2px ${new FastColor("rgba(0, 0, 0, 0.16)").toRgbString()},
+      0 3px 6px 0 ${new FastColor("rgba(0, 0, 0, 0.12)").toRgbString()},
+      0 5px 12px 4px ${new FastColor("rgba(0, 0, 0, 0.09)").toRgbString()}
+    `,
+		boxShadowDrawerRight: `
+      -6px 0 16px 0 rgba(0, 0, 0, 0.08),
+      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
+      -9px 0 28px 8px rgba(0, 0, 0, 0.05)
+    `,
+		boxShadowDrawerLeft: `
+      6px 0 16px 0 rgba(0, 0, 0, 0.08),
+      3px 0 6px -4px rgba(0, 0, 0, 0.12),
+      9px 0 28px 8px rgba(0, 0, 0, 0.05)
+    `,
+		boxShadowDrawerUp: `
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    `,
+		boxShadowDrawerDown: `
+      0 -6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 -9px 28px 8px rgba(0, 0, 0, 0.05)
+    `,
+		boxShadowTabsOverflowLeft: "inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)",
+		boxShadowTabsOverflowRight: "inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)",
+		boxShadowTabsOverflowTop: "inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)",
+		boxShadowTabsOverflowBottom: "inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)",
+		...overrideTokens
+	};
+}
+
+//#endregion
+export { formatToken as default };

package/dist/theme/util/genPresetColor.d.ts

@@ -0,0 +1,2 @@
+import "../internal.js";
+import { CSSObject } from "@antdv-next/cssinjs";

package/dist/theme/util/genPresetColor.js

@@ -0,0 +1,23 @@
+import { PresetColors } from "../interface/presetColors.js";
+
+//#region src/theme/util/genPresetColor.ts
+function genPresetColor(token, genCss) {
+	return PresetColors.reduce((prev, colorKey) => {
+		const lightColor = token[`${colorKey}1`];
+		const lightBorderColor = token[`${colorKey}3`];
+		const darkColor = token[`${colorKey}6`];
+		const textColor = token[`${colorKey}7`];
+		return {
+			...prev,
+			...genCss(colorKey, {
+				lightColor,
+				lightBorderColor,
+				darkColor,
+				textColor
+			})
+		};
+	}, {});
+}
+
+//#endregion
+export { genPresetColor as default };

package/dist/theme/util/genStyleUtils.d.ts

@@ -0,0 +1,3 @@
+import "../interface/index.js";
+import "vue";
+import "@antdv-next/cssinjs";