@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.
- package/README.en.md +698 -0
- package/README.md +574 -181
- package/dist/index.cjs +4 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1142 -877
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +4 -4
- package/dist/index.umd.js.map +1 -1
- package/dist/theme/constants.d.ts +5 -0
- package/dist/theme/constants.d.ts.map +1 -1
- package/dist/theme/i18n/en-US.d.ts +3 -0
- package/dist/theme/i18n/en-US.d.ts.map +1 -0
- package/dist/theme/i18n/index.d.ts +34 -0
- package/dist/theme/i18n/index.d.ts.map +1 -0
- package/dist/theme/i18n/zh-CN.d.ts +69 -0
- package/dist/theme/i18n/zh-CN.d.ts.map +1 -0
- package/dist/theme/index.d.ts +4 -2
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/integration.d.ts +124 -0
- package/dist/theme/integration.d.ts.map +1 -0
- package/dist/theme/utils.d.ts +1 -1
- package/dist/theme/utils.d.ts.map +1 -1
- package/package.json +18 -11
- package/src/css/base.css +145 -0
- package/src/css/components.css +96 -0
- package/src/css/index.css +21 -0
- package/src/css/integrations/ant-design-vue.css +64 -0
- package/src/css/integrations/arco-design.css +62 -0
- package/src/css/integrations/element-plus.css +157 -0
- package/src/css/integrations/index.css +17 -0
- package/src/css/integrations/naive-ui.css +60 -0
- package/src/css/nprogress.css +74 -0
- package/src/css/transition.css +256 -0
- package/src/css/ui.css +117 -0
- package/src/css/utilities.css +138 -0
- package/src/tokens/dark.css +406 -0
- package/src/tokens/index.ts +6 -0
- 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;
|
|
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 @@
|
|
|
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"}
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -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 {
|
|
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,
|
|
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"}
|
package/dist/theme/utils.d.ts
CHANGED
|
@@ -75,7 +75,7 @@ export declare function getAvailableThemes(): import('./types').ThemeMetadata[];
|
|
|
75
75
|
/**
|
|
76
76
|
* 根据 ID 获取主题元数据
|
|
77
77
|
*/
|
|
78
|
-
export declare function
|
|
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":"AAAA;;GAEG;AAEH,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EACZ,WAAW,EACX,kBAAkB,EAClB,UAAU,EACX,MAAM,SAAS,CAAA;AAYhB;;GAEG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAE5C;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,SAAS,GAAG,IAAI,CAIhD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,YAAY,GAAG,IAAI,CAItD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAG/C;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAGxD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAwB/C;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CA2CxD;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,SAAS,CAK1C;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,YAAY,CAMhD;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,EAC5B,OAAO,GAAE,kBAAuB,GAC/B,IAAI,CA+BN;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAGvC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAGxC;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,OAAO,GAAE,kBAAuB,GAAG,SAAS,CAO1E;AAED;;;GAGG;AACH,wBAAgB,SAAS,IAAI,WAAW,CAcvC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,SAAS,CAK7C;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,GAAG,MAAM,IAAI,CAchF;AAED;;GAEG;AACH,wBAAgB,kBAAkB,sCAEjC;AAED;;GAEG;AACH,wBAAgB,
|
|
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.
|
|
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
|
+
}
|
package/src/css/base.css
ADDED
|
@@ -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
|
+
|