@admin-core/design 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/README.en.md +698 -0
  2. package/README.md +574 -181
  3. package/dist/index.cjs +4 -4
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.js +1142 -877
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.umd.js +4 -4
  8. package/dist/index.umd.js.map +1 -1
  9. package/dist/theme/constants.d.ts +5 -0
  10. package/dist/theme/constants.d.ts.map +1 -1
  11. package/dist/theme/i18n/en-US.d.ts +3 -0
  12. package/dist/theme/i18n/en-US.d.ts.map +1 -0
  13. package/dist/theme/i18n/index.d.ts +34 -0
  14. package/dist/theme/i18n/index.d.ts.map +1 -0
  15. package/dist/theme/i18n/zh-CN.d.ts +69 -0
  16. package/dist/theme/i18n/zh-CN.d.ts.map +1 -0
  17. package/dist/theme/index.d.ts +4 -2
  18. package/dist/theme/index.d.ts.map +1 -1
  19. package/dist/theme/integration.d.ts +124 -0
  20. package/dist/theme/integration.d.ts.map +1 -0
  21. package/dist/theme/utils.d.ts +1 -1
  22. package/dist/theme/utils.d.ts.map +1 -1
  23. package/package.json +18 -11
  24. package/src/css/base.css +145 -0
  25. package/src/css/components.css +96 -0
  26. package/src/css/index.css +21 -0
  27. package/src/css/integrations/ant-design-vue.css +64 -0
  28. package/src/css/integrations/arco-design.css +62 -0
  29. package/src/css/integrations/element-plus.css +157 -0
  30. package/src/css/integrations/index.css +17 -0
  31. package/src/css/integrations/naive-ui.css +60 -0
  32. package/src/css/nprogress.css +74 -0
  33. package/src/css/transition.css +256 -0
  34. package/src/css/ui.css +117 -0
  35. package/src/css/utilities.css +138 -0
  36. package/src/tokens/dark.css +406 -0
  37. package/src/tokens/index.ts +6 -0
  38. package/src/tokens/light.css +297 -0
@@ -32,8 +32,13 @@ export declare const HTML_ATTRIBUTES: {
32
32
  * 主题切换过渡时间(毫秒)
33
33
  */
34
34
  export declare const THEME_TRANSITION_DURATION = 300;
35
+ /**
36
+ * 获取所有可用的主题元数据(带国际化)
37
+ */
38
+ export declare function getThemeMetadata(): ThemeMetadata[];
35
39
  /**
36
40
  * 所有可用的主题元数据 - 2026流行色系列
41
+ * @deprecated 使用 getThemeMetadata() 以支持国际化
37
42
  */
38
43
  export declare const THEME_METADATA: ThemeMetadata[];
39
44
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/theme/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE1D;;GAEG;AACH,eAAO,MAAM,kBAAkB,UAAU,CAAA;AAEzC;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,YAAwB,CAAA;AAE5D;;GAEG;AACH,eAAO,MAAM,YAAY;;;CAGf,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,WAAW;;;CAGd,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,eAAe;;;CAGlB,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,yBAAyB,MAAM,CAAA;AAE5C;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,aAAa,EA0HzC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,SAAS,kCAErB,CAAA"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/theme/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG1D;;GAEG;AACH,eAAO,MAAM,kBAAkB,UAAU,CAAA;AAEzC;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,YAAwB,CAAA;AAE5D;;GAEG;AACH,eAAO,MAAM,YAAY;;;CAGf,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,WAAW;;;CAGd,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,eAAe;;;CAGlB,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,yBAAyB,MAAM,CAAA;AAmG5C;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,aAAa,EAAE,CAMlD;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,aAAa,EAAuB,CAAA;AAEjE;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;CAUrB,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,SAAS,kCAErB,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { ThemeTranslations } from './zh-CN';
2
+ export declare const enUS: ThemeTranslations;
3
+ //# sourceMappingURL=en-US.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"en-US.d.ts","sourceRoot":"","sources":["../../../src/theme/i18n/en-US.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,eAAO,MAAM,IAAI,EAAE,iBA+DlB,CAAA"}
@@ -0,0 +1,34 @@
1
+ import { zhCN, ThemeTranslations } from './zh-CN';
2
+ import { enUS } from './en-US';
3
+ export type Locale = 'zh-CN' | 'en-US';
4
+ /**
5
+ * 所有支持的语言
6
+ */
7
+ export declare const locales: Record<Locale, ThemeTranslations>;
8
+ /**
9
+ * 默认语言
10
+ */
11
+ export declare const DEFAULT_LOCALE: Locale;
12
+ /**
13
+ * 设置当前语言
14
+ */
15
+ export declare function setLocale(locale: Locale): void;
16
+ /**
17
+ * 获取当前语言
18
+ */
19
+ export declare function getLocale(): Locale;
20
+ /**
21
+ * 获取当前语言的翻译
22
+ */
23
+ export declare function getTranslations(): ThemeTranslations;
24
+ /**
25
+ * 获取主题名称(国际化)
26
+ */
27
+ export declare function getThemeName(themeId: string): string;
28
+ /**
29
+ * 获取主题描述(国际化)
30
+ */
31
+ export declare function getThemeDescription(themeId: string): string;
32
+ export type { ThemeTranslations };
33
+ export { zhCN, enUS };
34
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/i18n/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,MAAM,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;AAEtC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAGrD,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,MAAgB,CAAA;AAO7C;;GAEG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAO9C;AAED;;GAEG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAElC;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,iBAAiB,CAEnD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAGpD;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAG3D;AAGD,YAAY,EAAE,iBAAiB,EAAE,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA"}
@@ -0,0 +1,69 @@
1
+ /**
2
+ * 中文(简体)翻译
3
+ */
4
+ export declare const zhCN: {
5
+ themes: {
6
+ default: {
7
+ name: string;
8
+ description: string;
9
+ };
10
+ slate: {
11
+ name: string;
12
+ description: string;
13
+ };
14
+ 'burnished-lilac': {
15
+ name: string;
16
+ description: string;
17
+ };
18
+ teaberry: {
19
+ name: string;
20
+ description: string;
21
+ };
22
+ amaranth: {
23
+ name: string;
24
+ description: string;
25
+ };
26
+ 'pulse-blue': {
27
+ name: string;
28
+ description: string;
29
+ };
30
+ 'deep-teal': {
31
+ name: string;
32
+ description: string;
33
+ };
34
+ 'mermaid-aqua': {
35
+ name: string;
36
+ description: string;
37
+ };
38
+ 'pearl-purple': {
39
+ name: string;
40
+ description: string;
41
+ };
42
+ burgundy: {
43
+ name: string;
44
+ description: string;
45
+ };
46
+ 'burnt-sienna': {
47
+ name: string;
48
+ description: string;
49
+ };
50
+ 'olive-sage': {
51
+ name: string;
52
+ description: string;
53
+ };
54
+ 'champagne-gold': {
55
+ name: string;
56
+ description: string;
57
+ };
58
+ 'dusty-rose': {
59
+ name: string;
60
+ description: string;
61
+ };
62
+ 'citrus-green': {
63
+ name: string;
64
+ description: string;
65
+ };
66
+ };
67
+ };
68
+ export type ThemeTranslations = typeof zhCN;
69
+ //# sourceMappingURL=zh-CN.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"zh-CN.d.ts","sourceRoot":"","sources":["../../../src/theme/i18n/zh-CN.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+DhB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,OAAO,IAAI,CAAA"}
@@ -42,9 +42,11 @@
42
42
  * ```
43
43
  */
44
44
  export type { ThemeMode, ThemeVariant, ThemeCategory, ThemeMetadata, ThemeConfig, ThemeState, ThemeChangeOptions, UseThemeReturn, ColorToken, ColorValue, ThemeColors, ThemeEventType, ThemeEventCallback, ThemeEventListener, } from './types';
45
- export { DEFAULT_THEME_MODE, DEFAULT_THEME_VARIANT, STORAGE_KEYS, CSS_CLASSES, HTML_ATTRIBUTES, THEME_TRANSITION_DURATION, THEME_METADATA, THEMES_BY_CATEGORY, THEME_MAP, } from './constants';
46
- export { getHtmlElement, getStoredMode, getStoredVariant, storeMode, storeVariant, clearStoredTheme, applyMode, applyVariant, getCurrentMode, getCurrentVariant, applyTheme, enableTransition, disableTransition, toggleDarkMode, initTheme, detectSystemTheme, watchSystemTheme, getAvailableThemes, getThemeMetadata, parseHSL, toHSLString, getCSSVariable, setCSSVariable, getThemeColor, isValidVariant, isValidMode, applyCustomTheme, getStoredCustomTheme, clearCustomTheme, restoreCustomTheme, hexToHSL, rgbToHSL, generateThemeFromPrimary, applyThemeFromPrimary, } from './utils';
45
+ export { DEFAULT_THEME_MODE, DEFAULT_THEME_VARIANT, STORAGE_KEYS, CSS_CLASSES, HTML_ATTRIBUTES, THEME_TRANSITION_DURATION, THEME_METADATA, THEMES_BY_CATEGORY, THEME_MAP, getThemeMetadata, } from './constants';
46
+ export { setLocale, getLocale, getTranslations, getThemeName, getThemeDescription, locales, DEFAULT_LOCALE, zhCN, enUS, type Locale, type ThemeTranslations, } from './i18n';
47
+ export { getHtmlElement, getStoredMode, getStoredVariant, storeMode, storeVariant, clearStoredTheme, applyMode, applyVariant, getCurrentMode, getCurrentVariant, applyTheme, enableTransition, disableTransition, toggleDarkMode, initTheme, detectSystemTheme, watchSystemTheme, getAvailableThemes, getThemeMetadataById, parseHSL, toHSLString, getCSSVariable, setCSSVariable, getThemeColor, isValidVariant, isValidMode, applyCustomTheme, getStoredCustomTheme, clearCustomTheme, restoreCustomTheme, hexToHSL, rgbToHSL, generateThemeFromPrimary, applyThemeFromPrimary, } from './utils';
47
48
  export type { CustomThemeColors } from './utils';
49
+ export { getHSLColor, getRGBColor, getHexColor, hslToRgb, hslToHex, getThemeColors, getThemeColorsRGB, getThemeColorsHex, } from './integration';
48
50
  export { useTheme, useSystemTheme, useThemeColor, useThemeTransition, } from './composables';
49
51
  export { useTheme as default } from './composables';
50
52
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAGH,YAAY,EACV,SAAS,EACT,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,SAAS,CAAA;AAGhB,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,YAAY,EACZ,WAAW,EACX,eAAe,EACf,yBAAyB,EACzB,cAAc,EACd,kBAAkB,EAClB,SAAS,GACV,MAAM,aAAa,CAAA;AAGpB,OAAO,EACL,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,SAAS,CAAA;AAGhB,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGhD,OAAO,EACL,QAAQ,EACR,cAAc,EACd,aAAa,EACb,kBAAkB,GACnB,MAAM,eAAe,CAAA;AAGtB,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAGH,YAAY,EACV,SAAS,EACT,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,SAAS,CAAA;AAGhB,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,YAAY,EACZ,WAAW,EACX,eAAe,EACf,yBAAyB,EACzB,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,gBAAgB,GACjB,MAAM,aAAa,CAAA;AAGpB,OAAO,EACL,SAAS,EACT,SAAS,EACT,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,OAAO,EACP,cAAc,EACd,IAAI,EACJ,IAAI,EACJ,KAAK,MAAM,EACX,KAAK,iBAAiB,GACvB,MAAM,QAAQ,CAAA;AAGf,OAAO,EACL,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,SAAS,CAAA;AAGhB,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGhD,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,eAAe,CAAA;AAGtB,OAAO,EACL,QAAQ,EACR,cAAc,EACd,aAAa,EACb,kBAAkB,GACnB,MAAM,eAAe,CAAA;AAGtB,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA"}
@@ -0,0 +1,124 @@
1
+ /**
2
+ * 第三方组件库集成工具函数
3
+ */
4
+ /**
5
+ * 获取 HSL 格式的颜色值
6
+ * @param token - CSS 变量名(不带 -- 前缀)
7
+ * @returns HSL 格式的颜色字符串,如 'hsl(212, 100%, 48%)'
8
+ */
9
+ export declare function getHSLColor(token: string): string;
10
+ /**
11
+ * 将 HSL 字符串转换为 RGB 字符串
12
+ * @param hsl - HSL 字符串,格式:'212 100% 48%' 或 'hsl(212, 100%, 48%)'
13
+ * @returns RGB 格式字符串,如 'rgb(0, 102, 245)'
14
+ */
15
+ export declare function hslToRgb(hsl: string): string;
16
+ /**
17
+ * 将 HSL 字符串转换为 HEX 字符串
18
+ * @param hsl - HSL 字符串,格式:'212 100% 48%' 或 'hsl(212, 100%, 48%)'
19
+ * @returns HEX 格式字符串,如 '#0066F5'
20
+ */
21
+ export declare function hslToHex(hsl: string): string;
22
+ /**
23
+ * 获取 RGB 格式的颜色值
24
+ * @param token - CSS 变量名(不带 -- 前缀)
25
+ * @returns RGB 格式的颜色字符串,如 'rgb(0, 102, 245)'
26
+ */
27
+ export declare function getRGBColor(token: string): string;
28
+ /**
29
+ * 获取 HEX 格式的颜色值
30
+ * @param token - CSS 变量名(不带 -- 前缀)
31
+ * @returns HEX 格式的颜色字符串,如 '#0066F5'
32
+ */
33
+ export declare function getHexColor(token: string): string;
34
+ /**
35
+ * 获取所有主题颜色(HSL 格式)
36
+ * @returns 包含所有主题颜色的对象
37
+ */
38
+ export declare function getThemeColors(): {
39
+ primary: string;
40
+ primaryForeground: string;
41
+ secondary: string;
42
+ secondaryForeground: string;
43
+ accent: string;
44
+ accentForeground: string;
45
+ muted: string;
46
+ mutedForeground: string;
47
+ destructive: string;
48
+ destructiveForeground: string;
49
+ success: string;
50
+ successForeground: string;
51
+ warning: string;
52
+ warningForeground: string;
53
+ info: string;
54
+ infoForeground: string;
55
+ background: string;
56
+ backgroundDeep: string;
57
+ foreground: string;
58
+ card: string;
59
+ cardForeground: string;
60
+ border: string;
61
+ input: string;
62
+ ring: string;
63
+ };
64
+ /**
65
+ * 获取所有主题颜色(RGB 格式)
66
+ * @returns 包含所有主题颜色的对象(RGB 格式)
67
+ */
68
+ export declare function getThemeColorsRGB(): {
69
+ primary: string;
70
+ primaryForeground: string;
71
+ secondary: string;
72
+ secondaryForeground: string;
73
+ accent: string;
74
+ accentForeground: string;
75
+ muted: string;
76
+ mutedForeground: string;
77
+ destructive: string;
78
+ destructiveForeground: string;
79
+ success: string;
80
+ successForeground: string;
81
+ warning: string;
82
+ warningForeground: string;
83
+ info: string;
84
+ infoForeground: string;
85
+ background: string;
86
+ backgroundDeep: string;
87
+ foreground: string;
88
+ card: string;
89
+ cardForeground: string;
90
+ border: string;
91
+ input: string;
92
+ ring: string;
93
+ };
94
+ /**
95
+ * 获取所有主题颜色(HEX 格式)
96
+ * @returns 包含所有主题颜色的对象(HEX 格式)
97
+ */
98
+ export declare function getThemeColorsHex(): {
99
+ primary: string;
100
+ primaryForeground: string;
101
+ secondary: string;
102
+ secondaryForeground: string;
103
+ accent: string;
104
+ accentForeground: string;
105
+ muted: string;
106
+ mutedForeground: string;
107
+ destructive: string;
108
+ destructiveForeground: string;
109
+ success: string;
110
+ successForeground: string;
111
+ warning: string;
112
+ warningForeground: string;
113
+ info: string;
114
+ infoForeground: string;
115
+ background: string;
116
+ backgroundDeep: string;
117
+ foreground: string;
118
+ card: string;
119
+ cardForeground: string;
120
+ border: string;
121
+ input: string;
122
+ ring: string;
123
+ };
124
+ //# sourceMappingURL=integration.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"integration.d.ts","sourceRoot":"","sources":["../../src/theme/integration.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGjD;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAsC5C;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAc5C;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGjD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGjD;AAED;;;GAGG;AACH,wBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;EA2B7B;AAED;;;GAGG;AACH,wBAAgB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;EA2BhC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;EA2BhC"}
@@ -75,7 +75,7 @@ export declare function getAvailableThemes(): import('./types').ThemeMetadata[];
75
75
  /**
76
76
  * 根据 ID 获取主题元数据
77
77
  */
78
- export declare function getThemeMetadata(variant: ThemeVariant): import('./types').ThemeMetadata | undefined;
78
+ export declare function getThemeMetadataById(variant: ThemeVariant): import('./types').ThemeMetadata | undefined;
79
79
  /**
80
80
  * 解析 HSL 颜色字符串
81
81
  * @param hsl - HSL 颜色字符串,格式:'hsl(262.1, 83.3%, 57.8%)' 或 '262.1 83.3% 57.8%'
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/theme/utils.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/theme/utils.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@admin-core/design",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "description": "设计系统(样式、令牌)",
@@ -28,6 +28,10 @@
28
28
  "./style.css": "./dist/style.css",
29
29
  "./css": "./dist/style.css",
30
30
  "./css/index.css": "./src/css/index.css",
31
+ "./css/integrations/element-plus.css": "./src/css/integrations/element-plus.css",
32
+ "./css/integrations/ant-design-vue.css": "./src/css/integrations/ant-design-vue.css",
33
+ "./css/integrations/naive-ui.css": "./src/css/integrations/naive-ui.css",
34
+ "./css/integrations/arco-design.css": "./src/css/integrations/arco-design.css",
31
35
  "./tokens/light.css": "./src/tokens/light.css",
32
36
  "./tokens/dark.css": "./src/tokens/dark.css",
33
37
  "./umd": "./dist/index.umd.js",
@@ -50,22 +54,25 @@
50
54
  "types": "./dist/index.d.ts",
51
55
  "files": [
52
56
  "dist",
57
+ "src/css",
58
+ "src/tokens",
53
59
  "src/scss-bem",
54
- "README.md"
60
+ "README.md",
61
+ "README.en.md"
55
62
  ],
56
63
  "publishConfig": {
57
64
  "access": "public"
58
65
  },
66
+ "devDependencies": {
67
+ "@types/node": "^22.15.5",
68
+ "sass": "^1.97.1",
69
+ "tailwindcss": "^4.1.18",
70
+ "typescript": "^5.9.3",
71
+ "vite": "^7.3.1",
72
+ "vite-plugin-dts": "^4.5.4"
73
+ },
59
74
  "scripts": {
60
75
  "build": "vite build",
61
76
  "dev": "vite build --watch"
62
- },
63
- "devDependencies": {
64
- "@types/node": "catalog:",
65
- "sass": "catalog:",
66
- "tailwindcss": "catalog:",
67
- "typescript": "catalog:",
68
- "vite": "catalog:",
69
- "vite-plugin-dts": "catalog:"
70
77
  }
71
- }
78
+ }
@@ -0,0 +1,145 @@
1
+ /**
2
+ * 基础样式
3
+ * 全局重置和基础元素样式
4
+ */
5
+ @layer base {
6
+ /* 全局盒模型和边框重置 */
7
+ *,
8
+ ::after,
9
+ ::before {
10
+ box-sizing: border-box;
11
+ border-style: solid;
12
+ border-width: 0;
13
+ border-color: hsl(var(--border));
14
+ }
15
+
16
+ /* HTML 根元素样式 */
17
+ html {
18
+ color: hsl(var(--foreground));
19
+ background-color: hsl(var(--background));
20
+ font-family: var(--font-family);
21
+ font-size: var(--font-size-base, 16px);
22
+ line-height: 1.15;
23
+ font-variation-settings: normal;
24
+ text-size-adjust: 100%;
25
+ font-synthesis-weight: none;
26
+ scroll-behavior: smooth;
27
+ text-rendering: optimizelegibility;
28
+ -webkit-tap-highlight-color: transparent;
29
+ }
30
+
31
+ /* 应用容器、body 和 html 全高度 */
32
+ #app,
33
+ body,
34
+ html {
35
+ width: 100%;
36
+ height: 100%;
37
+ }
38
+
39
+ /* Body 样式 */
40
+ body {
41
+ min-height: 100vh;
42
+ }
43
+
44
+ /* 链接样式重置 */
45
+ a,
46
+ a:active,
47
+ a:hover,
48
+ a:link,
49
+ a:visited {
50
+ text-decoration: none;
51
+ }
52
+
53
+ /* 视图过渡动画配置 */
54
+ ::view-transition-new(root),
55
+ ::view-transition-old(root) {
56
+ animation: none;
57
+ mix-blend-mode: normal;
58
+ }
59
+
60
+ /* 旧视图层级 */
61
+ ::view-transition-old(root) {
62
+ z-index: 1;
63
+ }
64
+
65
+ /* 新视图层级 */
66
+ ::view-transition-new(root) {
67
+ z-index: 2147483646;
68
+ }
69
+
70
+ /* 暗色模式下的视图过渡层级反转 */
71
+ html.dark::view-transition-old(root) {
72
+ z-index: 2147483646;
73
+ }
74
+
75
+ html.dark::view-transition-new(root) {
76
+ z-index: 1;
77
+ }
78
+
79
+ /* 输入框占位符样式 */
80
+ input::placeholder,
81
+ textarea::placeholder {
82
+ opacity: 1;
83
+ color: hsl(var(--input-placeholder));
84
+ }
85
+
86
+ /* Select 下拉框样式 */
87
+ select {
88
+ background-color: hsl(var(--input-background)) !important;
89
+ color: hsl(var(--foreground)) !important;
90
+ color-scheme: light dark;
91
+ }
92
+
93
+ /* 深色模式下的 select */
94
+ html.dark select {
95
+ color-scheme: dark;
96
+ background-color: hsl(var(--background)) !important;
97
+ }
98
+
99
+ /* Select 选项样式 - 尽力而为,浏览器支持有限 */
100
+ select option {
101
+ background-color: hsl(var(--background)) !important;
102
+ color: hsl(var(--foreground)) !important;
103
+ }
104
+
105
+ html.dark select option {
106
+ background-color: hsl(var(--background)) !important;
107
+ color: hsl(var(--foreground)) !important;
108
+ }
109
+
110
+ /* 移除数字输入框的增减按钮 */
111
+ input[type='number']::-webkit-inner-spin-button,
112
+ input[type='number']::-webkit-outer-spin-button {
113
+ margin: 0;
114
+ appearance: none;
115
+ }
116
+
117
+ /* 自定义滚动条样式(仅非 macOS 系统) */
118
+ html:not([data-platform='macOs']) {
119
+ /* 滚动条尺寸 */
120
+ ::-webkit-scrollbar {
121
+ height: 10px;
122
+ width: 10px;
123
+ }
124
+
125
+ /* 滚动条滑块 */
126
+ ::-webkit-scrollbar-thumb {
127
+ background-color: hsl(var(--border));
128
+ border-radius: 0.125rem;
129
+ border: none;
130
+ }
131
+
132
+ /* 滚动条轨道 */
133
+ ::-webkit-scrollbar-track {
134
+ border-radius: 0.125rem;
135
+ border: none;
136
+ background-color: transparent;
137
+ box-shadow: none;
138
+ }
139
+
140
+ /* 隐藏滚动条按钮 */
141
+ ::-webkit-scrollbar-button {
142
+ display: none;
143
+ }
144
+ }
145
+ }
@@ -0,0 +1,96 @@
1
+ /**
2
+ * 组件样式
3
+ * 可复用的组件类
4
+ */
5
+ @layer components {
6
+ /* 水平居中布局 */
7
+ .flex-center {
8
+ display: flex;
9
+ align-items: center;
10
+ justify-content: center;
11
+ }
12
+
13
+ /* 垂直居中布局 */
14
+ .flex-col-center {
15
+ display: flex;
16
+ flex-direction: column;
17
+ align-items: center;
18
+ justify-content: center;
19
+ }
20
+
21
+ /* 卡片容器样式 */
22
+ .card-box {
23
+ background-color: hsl(var(--card));
24
+ color: hsl(var(--card-foreground));
25
+ border: 1px solid hsl(var(--border));
26
+ border-radius: 0.75rem;
27
+ }
28
+
29
+ /* 轮廓框样式 */
30
+ .outline-box {
31
+ position: relative;
32
+ cursor: pointer;
33
+ border-radius: 0.375rem;
34
+ padding: 0.25rem;
35
+ outline: 1px solid hsl(var(--border));
36
+ }
37
+
38
+ /* 轮廓框悬停效果 */
39
+ .outline-box::after {
40
+ content: "";
41
+ position: absolute;
42
+ left: 50%;
43
+ top: 50%;
44
+ z-index: 20;
45
+ height: 0;
46
+ width: 1px;
47
+ border-radius: 0.125rem;
48
+ opacity: 0;
49
+ outline: 2px solid transparent;
50
+ transition: all 0.3s;
51
+ }
52
+
53
+ /* 激活状态的轮廓框 */
54
+ .outline-box.outline-box-active {
55
+ outline: 2px solid hsl(var(--primary));
56
+ }
57
+
58
+ .outline-box.outline-box-active::after {
59
+ display: none;
60
+ }
61
+
62
+ /* 非激活状态的悬停效果 */
63
+ .outline-box:not(.outline-box-active):hover::after {
64
+ left: 0;
65
+ top: 0;
66
+ height: 100%;
67
+ width: 100%;
68
+ padding: 0.25rem;
69
+ opacity: 1;
70
+ outline-color: hsl(var(--primary));
71
+ }
72
+
73
+ /* 链接样式 */
74
+ .admin-link {
75
+ color: hsl(var(--primary));
76
+ cursor: pointer;
77
+ }
78
+
79
+ .admin-link:hover {
80
+ opacity: 0.8;
81
+ }
82
+
83
+ .admin-link:active {
84
+ opacity: 0.6;
85
+ }
86
+ }
87
+
88
+ /* 反色模式 */
89
+ html.invert-mode {
90
+ filter: invert(1);
91
+ }
92
+
93
+ /* 灰度模式 */
94
+ html.grayscale-mode {
95
+ filter: grayscale(1);
96
+ }
@@ -0,0 +1,21 @@
1
+ /**
2
+ * @admin-core/design 样式系统入口
3
+ *
4
+ * 包含:
5
+ * 1. Tailwind CSS v4 基础
6
+ * 2. 设计令牌(浅色/暗色主题)
7
+ * 3. 基础样式、组件样式、工具类
8
+ */
9
+
10
+ /* Tailwind CSS v4 导入 */
11
+ @import "tailwindcss";
12
+
13
+ /* 导入设计令牌 */
14
+ @import "../tokens/light.css";
15
+ @import "../tokens/dark.css";
16
+
17
+ /* 导入样式模块 */
18
+ @import "./utilities.css";
19
+ @import "./base.css";
20
+ @import "./components.css";
21
+