@chenhui996/gg-ui 0.1.0-beta.1 → 0.1.0-beta.2
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/gz-ui-lib/components/config-provider/goldDarkAdapters.d.ts +2 -2
- package/gz-ui-lib/components/config-provider/index.d.ts +4 -4
- package/gz-ui-lib/components/date-picker/MonthPicker.d.ts +1 -1
- package/gz-ui-lib/components/date-picker/QuarterPicker.d.ts +1 -1
- package/gz-ui-lib/components/date-picker/TimePicker.d.ts +1 -1
- package/gz-ui-lib/components/date-picker/WeekPicker.d.ts +1 -1
- package/gz-ui-lib/components/date-picker/YearPicker.d.ts +1 -1
- package/gz-ui-lib/index.cjs +1 -1
- package/gz-ui-lib/index.d.ts +1 -1
- package/gz-ui-lib/index.js +561 -3272
- package/gz-ui-lib/styles/themes/buttonGradient.d.ts +2 -2
- package/gz-ui-lib/styles/themes/index.d.ts +3 -0
- package/gz-ui-lib/styles/themes/themeCssVariables.d.ts +3 -0
- package/gz-ui-lib/styles/themes/themeTokens.d.ts +2 -0
- package/gz-ui-lib/styles/themes/types.d.ts +18 -0
- package/package.json +5 -6
- package/gz-ui-lib/styles/themes/themeConfig.d.ts +0 -273
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
1
|
import { ThemeConfig } from 'antd/es/config-provider/context';
|
|
2
|
+
import { CSSProperties } from 'react';
|
|
3
3
|
export declare const goldDarkButtonGradientClassName = "gz-button-gold-dark-gradient";
|
|
4
4
|
type CSSVariableProperties = CSSProperties & Record<`--${string}`, string | number | undefined>;
|
|
5
5
|
type ButtonGradientTokens = {
|
|
@@ -13,7 +13,7 @@ type ButtonGradientTokens = {
|
|
|
13
13
|
primaryTextHover?: string;
|
|
14
14
|
primaryTextActive?: string;
|
|
15
15
|
};
|
|
16
|
-
export declare const isGoldDarkMode: (mode: string) => mode is "
|
|
16
|
+
export declare const isGoldDarkMode: (mode: string) => mode is "gold-dark";
|
|
17
17
|
export declare const getButtonGradientTokens: (themeConfig: ThemeConfig) => ButtonGradientTokens;
|
|
18
18
|
export declare const hasPrimarySolidGradientTokens: (tokens: ButtonGradientTokens) => boolean;
|
|
19
19
|
export declare const getButtonGradientStyleVars: (tokens: ButtonGradientTokens) => CSSVariableProperties;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { getDesignTokens, } from './themeTokens';
|
|
2
|
+
export { applyDesignTokenCssVariables, getDesignTokenCssVariables, } from './themeCssVariables';
|
|
3
|
+
export type { GZDesignTokenBundle, GZThemeCssVariablesOptions, GZThemeMode, GZThemeName, GZThemeOptions, GZThemeVariant, } from './types';
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { GZThemeCssVariablesOptions } from './types';
|
|
2
|
+
export declare const getDesignTokenCssVariables: ({ prefix, includeComponents, includeCustom, ...themeOptions }: GZThemeCssVariablesOptions) => Record<string, string>;
|
|
3
|
+
export declare const applyDesignTokenCssVariables: ({ target, ...options }: GZThemeCssVariablesOptions) => (() => void);
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ThemeConfig } from 'antd/es/config-provider/context';
|
|
2
|
+
export type GZThemeName = "gold" | "blue";
|
|
3
|
+
export type GZThemeVariant = "light" | "dark";
|
|
4
|
+
export type GZThemeMode = `${GZThemeName}-${GZThemeVariant}`;
|
|
5
|
+
export interface GZThemeOptions {
|
|
6
|
+
themeMode: GZThemeMode;
|
|
7
|
+
}
|
|
8
|
+
export interface GZDesignTokenBundle {
|
|
9
|
+
globalToken: NonNullable<ThemeConfig["token"]>;
|
|
10
|
+
components: NonNullable<ThemeConfig["components"]>;
|
|
11
|
+
custom?: Record<string, unknown>;
|
|
12
|
+
}
|
|
13
|
+
export interface GZThemeCssVariablesOptions extends GZThemeOptions {
|
|
14
|
+
prefix?: string;
|
|
15
|
+
target?: HTMLElement;
|
|
16
|
+
includeComponents?: boolean;
|
|
17
|
+
includeCustom?: boolean;
|
|
18
|
+
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chenhui996/gg-ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.1.0-beta.
|
|
4
|
+
"version": "0.1.0-beta.2",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"gz-ui-lib"
|
|
@@ -27,12 +27,10 @@
|
|
|
27
27
|
"lint": "eslint .",
|
|
28
28
|
"preview": "vite preview",
|
|
29
29
|
"dev": "dumi dev",
|
|
30
|
+
"devw": "father dev",
|
|
30
31
|
"docs:build": "dumi build",
|
|
31
|
-
"
|
|
32
|
-
"tokens:transform
|
|
33
|
-
"tokens:transform:gold-light": "node scripts/transformFullTokens.js --source guozhi-design-tokens-origin/gold-theme --output guozhi-design-tokens/gold-theme/light-mode --mode Light --name goldLightTheme",
|
|
34
|
-
"tokens:transform:blue-dark": "node scripts/transformFullTokens.js --source guozhi-design-tokens-origin/blue-theme --output guozhi-design-tokens/blue-theme/dark-mode --mode Dark --name blueDarkTheme",
|
|
35
|
-
"tokens:transform:blue-light": "node scripts/transformFullTokens.js --source guozhi-design-tokens-origin/blue-theme --output guozhi-design-tokens/blue-theme/light-mode --mode Light --name blueLightTheme"
|
|
32
|
+
"release:prepare": "node scripts/release-prepare.js",
|
|
33
|
+
"tokens:transform": "node scripts/transformAllTokens.js"
|
|
36
34
|
},
|
|
37
35
|
"dependencies": {
|
|
38
36
|
"@ant-design/happy-work-theme": "^2.0.0",
|
|
@@ -62,6 +60,7 @@
|
|
|
62
60
|
"eslint": "^9.39.1",
|
|
63
61
|
"eslint-plugin-react-hooks": "^7.0.1",
|
|
64
62
|
"eslint-plugin-react-refresh": "^0.4.24",
|
|
63
|
+
"father": "^4.6.23",
|
|
65
64
|
"globals": "^16.5.0",
|
|
66
65
|
"react": "^19.2.5",
|
|
67
66
|
"react-dom": "^19.2.5",
|
|
@@ -1,273 +0,0 @@
|
|
|
1
|
-
import { ThemeConfig } from 'antd/es/config-provider/context';
|
|
2
|
-
import { blueDarkThemeTokens } from '../../../guozhi-design-tokens/blue-theme/dark-mode/blueDarkThemeTokens';
|
|
3
|
-
import { blueLightThemeTokens } from '../../../guozhi-design-tokens/blue-theme/light-mode/blueLightThemeTokens';
|
|
4
|
-
import { goldDarkThemeTokens } from '../../../guozhi-design-tokens/gold-theme/dark-mode/goldDarkThemeTokens';
|
|
5
|
-
import { goldLightThemeTokens } from '../../../guozhi-design-tokens/gold-theme/light-mode/goldLightThemeTokens';
|
|
6
|
-
export type GZThemeName = "gold" | "blue";
|
|
7
|
-
export type GZThemeVariant = "light" | "dark";
|
|
8
|
-
export type GZThemeSelection = `${GZThemeName}-${GZThemeVariant}`;
|
|
9
|
-
export type GZThemeMode = GZThemeSelection | "goldDark" | "goldLight" | "blueDark" | "blueLight" | "light" | "dark";
|
|
10
|
-
export declare const defaultThemeMode: GZThemeSelection;
|
|
11
|
-
export declare const getThemeConfig: (mode: GZThemeMode) => ThemeConfig;
|
|
12
|
-
export declare const defaultThemeConfig: ThemeConfig;
|
|
13
|
-
export declare const goldDarkThemeConfig: ThemeConfig;
|
|
14
|
-
export declare const goldLightThemeConfig: ThemeConfig;
|
|
15
|
-
export declare const blueDarkThemeConfig: ThemeConfig;
|
|
16
|
-
export declare const blueLightThemeConfig: ThemeConfig;
|
|
17
|
-
export declare const goldDarkThemeCustomTokens: {
|
|
18
|
-
responsive: {
|
|
19
|
-
"Desktop SM": {
|
|
20
|
-
device: number;
|
|
21
|
-
deviceMin: number;
|
|
22
|
-
deviceMax: number;
|
|
23
|
-
hideOnDesktop: number;
|
|
24
|
-
hideOnDesktopSM: number;
|
|
25
|
-
hideOnTablet: number;
|
|
26
|
-
hideOnMobile: number;
|
|
27
|
-
onlyDesktop: number;
|
|
28
|
-
onlyDesktopSM: number;
|
|
29
|
-
onlyTablet: number;
|
|
30
|
-
onlyMobile: number;
|
|
31
|
-
gutter: number;
|
|
32
|
-
pageOffset: number;
|
|
33
|
-
};
|
|
34
|
-
Desktop: {
|
|
35
|
-
device: number;
|
|
36
|
-
deviceMin: number;
|
|
37
|
-
deviceMax: number;
|
|
38
|
-
hideOnDesktop: number;
|
|
39
|
-
hideOnDesktopSM: number;
|
|
40
|
-
hideOnTablet: number;
|
|
41
|
-
hideOnMobile: number;
|
|
42
|
-
onlyDesktop: number;
|
|
43
|
-
onlyDesktopSM: number;
|
|
44
|
-
onlyTablet: number;
|
|
45
|
-
onlyMobile: number;
|
|
46
|
-
gutter: number;
|
|
47
|
-
pageOffset: number;
|
|
48
|
-
};
|
|
49
|
-
Mobile: {
|
|
50
|
-
device: number;
|
|
51
|
-
deviceMin: number;
|
|
52
|
-
deviceMax: number;
|
|
53
|
-
hideOnDesktop: number;
|
|
54
|
-
hideOnDesktopSM: number;
|
|
55
|
-
hideOnTablet: number;
|
|
56
|
-
hideOnMobile: number;
|
|
57
|
-
onlyDesktop: number;
|
|
58
|
-
onlyDesktopSM: number;
|
|
59
|
-
onlyTablet: number;
|
|
60
|
-
onlyMobile: number;
|
|
61
|
-
gutter: number;
|
|
62
|
-
pageOffset: number;
|
|
63
|
-
};
|
|
64
|
-
Tablet: {
|
|
65
|
-
device: number;
|
|
66
|
-
deviceMin: number;
|
|
67
|
-
deviceMax: number;
|
|
68
|
-
hideOnDesktop: number;
|
|
69
|
-
hideOnDesktopSM: number;
|
|
70
|
-
hideOnTablet: number;
|
|
71
|
-
hideOnMobile: number;
|
|
72
|
-
onlyDesktop: number;
|
|
73
|
-
onlyDesktopSM: number;
|
|
74
|
-
onlyTablet: number;
|
|
75
|
-
onlyMobile: number;
|
|
76
|
-
gutter: number;
|
|
77
|
-
pageOffset: number;
|
|
78
|
-
};
|
|
79
|
-
};
|
|
80
|
-
};
|
|
81
|
-
export declare const goldLightThemeCustomTokens: {
|
|
82
|
-
responsive: {
|
|
83
|
-
"Desktop SM": {
|
|
84
|
-
device: number;
|
|
85
|
-
deviceMin: number;
|
|
86
|
-
deviceMax: number;
|
|
87
|
-
hideOnDesktop: number;
|
|
88
|
-
hideOnDesktopSM: number;
|
|
89
|
-
hideOnTablet: number;
|
|
90
|
-
hideOnMobile: number;
|
|
91
|
-
onlyDesktop: number;
|
|
92
|
-
onlyDesktopSM: number;
|
|
93
|
-
onlyTablet: number;
|
|
94
|
-
onlyMobile: number;
|
|
95
|
-
gutter: number;
|
|
96
|
-
pageOffset: number;
|
|
97
|
-
};
|
|
98
|
-
Desktop: {
|
|
99
|
-
device: number;
|
|
100
|
-
deviceMin: number;
|
|
101
|
-
deviceMax: number;
|
|
102
|
-
hideOnDesktop: number;
|
|
103
|
-
hideOnDesktopSM: number;
|
|
104
|
-
hideOnTablet: number;
|
|
105
|
-
hideOnMobile: number;
|
|
106
|
-
onlyDesktop: number;
|
|
107
|
-
onlyDesktopSM: number;
|
|
108
|
-
onlyTablet: number;
|
|
109
|
-
onlyMobile: number;
|
|
110
|
-
gutter: number;
|
|
111
|
-
pageOffset: number;
|
|
112
|
-
};
|
|
113
|
-
Mobile: {
|
|
114
|
-
device: number;
|
|
115
|
-
deviceMin: number;
|
|
116
|
-
deviceMax: number;
|
|
117
|
-
hideOnDesktop: number;
|
|
118
|
-
hideOnDesktopSM: number;
|
|
119
|
-
hideOnTablet: number;
|
|
120
|
-
hideOnMobile: number;
|
|
121
|
-
onlyDesktop: number;
|
|
122
|
-
onlyDesktopSM: number;
|
|
123
|
-
onlyTablet: number;
|
|
124
|
-
onlyMobile: number;
|
|
125
|
-
gutter: number;
|
|
126
|
-
pageOffset: number;
|
|
127
|
-
};
|
|
128
|
-
Tablet: {
|
|
129
|
-
device: number;
|
|
130
|
-
deviceMin: number;
|
|
131
|
-
deviceMax: number;
|
|
132
|
-
hideOnDesktop: number;
|
|
133
|
-
hideOnDesktopSM: number;
|
|
134
|
-
hideOnTablet: number;
|
|
135
|
-
hideOnMobile: number;
|
|
136
|
-
onlyDesktop: number;
|
|
137
|
-
onlyDesktopSM: number;
|
|
138
|
-
onlyTablet: number;
|
|
139
|
-
onlyMobile: number;
|
|
140
|
-
gutter: number;
|
|
141
|
-
pageOffset: number;
|
|
142
|
-
};
|
|
143
|
-
};
|
|
144
|
-
};
|
|
145
|
-
export declare const blueDarkThemeCustomTokens: {
|
|
146
|
-
responsive: {
|
|
147
|
-
"Desktop SM": {
|
|
148
|
-
device: number;
|
|
149
|
-
deviceMin: number;
|
|
150
|
-
deviceMax: number;
|
|
151
|
-
hideOnDesktop: number;
|
|
152
|
-
hideOnDesktopSM: number;
|
|
153
|
-
hideOnTablet: number;
|
|
154
|
-
hideOnMobile: number;
|
|
155
|
-
onlyDesktop: number;
|
|
156
|
-
onlyDesktopSM: number;
|
|
157
|
-
onlyTablet: number;
|
|
158
|
-
onlyMobile: number;
|
|
159
|
-
gutter: number;
|
|
160
|
-
pageOffset: number;
|
|
161
|
-
};
|
|
162
|
-
Desktop: {
|
|
163
|
-
device: number;
|
|
164
|
-
deviceMin: number;
|
|
165
|
-
deviceMax: number;
|
|
166
|
-
hideOnDesktop: number;
|
|
167
|
-
hideOnDesktopSM: number;
|
|
168
|
-
hideOnTablet: number;
|
|
169
|
-
hideOnMobile: number;
|
|
170
|
-
onlyDesktop: number;
|
|
171
|
-
onlyDesktopSM: number;
|
|
172
|
-
onlyTablet: number;
|
|
173
|
-
onlyMobile: number;
|
|
174
|
-
gutter: number;
|
|
175
|
-
pageOffset: number;
|
|
176
|
-
};
|
|
177
|
-
Mobile: {
|
|
178
|
-
device: number;
|
|
179
|
-
deviceMin: number;
|
|
180
|
-
deviceMax: number;
|
|
181
|
-
hideOnDesktop: number;
|
|
182
|
-
hideOnDesktopSM: number;
|
|
183
|
-
hideOnTablet: number;
|
|
184
|
-
hideOnMobile: number;
|
|
185
|
-
onlyDesktop: number;
|
|
186
|
-
onlyDesktopSM: number;
|
|
187
|
-
onlyTablet: number;
|
|
188
|
-
onlyMobile: number;
|
|
189
|
-
gutter: number;
|
|
190
|
-
pageOffset: number;
|
|
191
|
-
};
|
|
192
|
-
Tablet: {
|
|
193
|
-
device: number;
|
|
194
|
-
deviceMin: number;
|
|
195
|
-
deviceMax: number;
|
|
196
|
-
hideOnDesktop: number;
|
|
197
|
-
hideOnDesktopSM: number;
|
|
198
|
-
hideOnTablet: number;
|
|
199
|
-
hideOnMobile: number;
|
|
200
|
-
onlyDesktop: number;
|
|
201
|
-
onlyDesktopSM: number;
|
|
202
|
-
onlyTablet: number;
|
|
203
|
-
onlyMobile: number;
|
|
204
|
-
gutter: number;
|
|
205
|
-
pageOffset: number;
|
|
206
|
-
};
|
|
207
|
-
};
|
|
208
|
-
};
|
|
209
|
-
export declare const blueLightThemeCustomTokens: {
|
|
210
|
-
responsive: {
|
|
211
|
-
"Desktop SM": {
|
|
212
|
-
device: number;
|
|
213
|
-
deviceMin: number;
|
|
214
|
-
deviceMax: number;
|
|
215
|
-
hideOnDesktop: number;
|
|
216
|
-
hideOnDesktopSM: number;
|
|
217
|
-
hideOnTablet: number;
|
|
218
|
-
hideOnMobile: number;
|
|
219
|
-
onlyDesktop: number;
|
|
220
|
-
onlyDesktopSM: number;
|
|
221
|
-
onlyTablet: number;
|
|
222
|
-
onlyMobile: number;
|
|
223
|
-
gutter: number;
|
|
224
|
-
pageOffset: number;
|
|
225
|
-
};
|
|
226
|
-
Desktop: {
|
|
227
|
-
device: number;
|
|
228
|
-
deviceMin: number;
|
|
229
|
-
deviceMax: number;
|
|
230
|
-
hideOnDesktop: number;
|
|
231
|
-
hideOnDesktopSM: number;
|
|
232
|
-
hideOnTablet: number;
|
|
233
|
-
hideOnMobile: number;
|
|
234
|
-
onlyDesktop: number;
|
|
235
|
-
onlyDesktopSM: number;
|
|
236
|
-
onlyTablet: number;
|
|
237
|
-
onlyMobile: number;
|
|
238
|
-
gutter: number;
|
|
239
|
-
pageOffset: number;
|
|
240
|
-
};
|
|
241
|
-
Mobile: {
|
|
242
|
-
device: number;
|
|
243
|
-
deviceMin: number;
|
|
244
|
-
deviceMax: number;
|
|
245
|
-
hideOnDesktop: number;
|
|
246
|
-
hideOnDesktopSM: number;
|
|
247
|
-
hideOnTablet: number;
|
|
248
|
-
hideOnMobile: number;
|
|
249
|
-
onlyDesktop: number;
|
|
250
|
-
onlyDesktopSM: number;
|
|
251
|
-
onlyTablet: number;
|
|
252
|
-
onlyMobile: number;
|
|
253
|
-
gutter: number;
|
|
254
|
-
pageOffset: number;
|
|
255
|
-
};
|
|
256
|
-
Tablet: {
|
|
257
|
-
device: number;
|
|
258
|
-
deviceMin: number;
|
|
259
|
-
deviceMax: number;
|
|
260
|
-
hideOnDesktop: number;
|
|
261
|
-
hideOnDesktopSM: number;
|
|
262
|
-
hideOnTablet: number;
|
|
263
|
-
hideOnMobile: number;
|
|
264
|
-
onlyDesktop: number;
|
|
265
|
-
onlyDesktopSM: number;
|
|
266
|
-
onlyTablet: number;
|
|
267
|
-
onlyMobile: number;
|
|
268
|
-
gutter: number;
|
|
269
|
-
pageOffset: number;
|
|
270
|
-
};
|
|
271
|
-
};
|
|
272
|
-
};
|
|
273
|
-
export { blueDarkThemeTokens, blueLightThemeTokens, goldDarkThemeTokens, goldLightThemeTokens, };
|