zkit-ui 1.0.4 → 1.0.6
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.md +6 -6
- package/dist/{ComponentLibProvider.d.ts → ZKitProvider.d.ts} +3 -3
- package/dist/ZKitProvider.d.ts.map +1 -0
- package/dist/{ComponentLibProvider.js → ZKitProvider.js} +3 -3
- package/dist/config.d.ts +6 -6
- package/dist/config.d.ts.map +1 -1
- package/dist/config.js +15 -15
- package/dist/index.d.ts +4 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -4
- package/dist/services/ActionDialogService/shared.js +1 -1
- package/dist/services/PermissionPurposeDialogService/index.d.ts +1 -1
- package/dist/services/PermissionPurposeDialogService/index.js +1 -1
- package/dist/services/PickerService/index.d.ts +1 -1
- package/dist/services/PickerService/index.js +1 -1
- package/dist/theme/ThemeProvider.js +1 -1
- package/package.json +1 -1
- package/src/{ComponentLibProvider.tsx → ZKitProvider.tsx} +4 -4
- package/src/config.ts +18 -18
- package/src/index.ts +4 -4
- package/src/services/ActionDialogService/README.md +1 -1
- package/src/services/ActionDialogService/shared.ts +1 -1
- package/src/services/CardToastService/README.md +1 -1
- package/src/services/ImagePreviewService/README.md +1 -1
- package/src/services/LoadingService/README.md +4 -4
- package/src/services/PermissionPurposeDialogService/README.md +4 -4
- package/src/services/PermissionPurposeDialogService/index.tsx +1 -1
- package/src/services/PickerService/README.md +4 -4
- package/src/services/PickerService/index.tsx +1 -1
- package/src/theme/ThemeProvider.tsx +1 -1
- package/dist/ComponentLibProvider.d.ts.map +0 -1
package/README.md
CHANGED
|
@@ -31,17 +31,17 @@ import { Button } from 'zkit-ui';
|
|
|
31
31
|
### 推荐用法:统一 Provider(主题 + i18n + 全局浮层)
|
|
32
32
|
|
|
33
33
|
```tsx
|
|
34
|
-
import {
|
|
34
|
+
import { ZKitProvider } from 'zkit-ui';
|
|
35
35
|
|
|
36
36
|
export function AppProviders({ children }: { children: React.ReactNode }) {
|
|
37
37
|
return (
|
|
38
|
-
<
|
|
38
|
+
<ZKitProvider
|
|
39
39
|
theme={{ colors: { primary: '#2563EB' } }}
|
|
40
40
|
messages={{ 'button.ok': '确定' }}
|
|
41
41
|
missingKeyPolicy="throw"
|
|
42
42
|
>
|
|
43
43
|
{children}
|
|
44
|
-
</
|
|
44
|
+
</ZKitProvider>
|
|
45
45
|
);
|
|
46
46
|
}
|
|
47
47
|
```
|
|
@@ -61,9 +61,9 @@ import { ThemeProvider } from 'zkit-ui';
|
|
|
61
61
|
如果你的项目希望“即便没包 Provider,也要有一致默认值”,可以在应用启动时配置:
|
|
62
62
|
|
|
63
63
|
```ts
|
|
64
|
-
import {
|
|
64
|
+
import { configureZKit } from 'zkit-ui';
|
|
65
65
|
|
|
66
|
-
|
|
66
|
+
configureZKit({
|
|
67
67
|
theme: { colors: { primary: '#0F172A' } },
|
|
68
68
|
i18n: {
|
|
69
69
|
locale: 'zh-CN',
|
|
@@ -195,7 +195,7 @@ import { ImagePreview, imagePreview } from 'zkit-ui';
|
|
|
195
195
|
imagePreview.open({ images, index: 0 });
|
|
196
196
|
```
|
|
197
197
|
|
|
198
|
-
`ImagePreview` 使用 `open/defaultOpen/onOpenChange` 管理显隐,使用 `value/defaultValue/onChange` 管理当前图片索引。全局 `imagePreview.open()` 返回 handle,可通过 `handle.result` 获取关闭原因和最终索引;`
|
|
198
|
+
`ImagePreview` 使用 `open/defaultOpen/onOpenChange` 管理显隐,使用 `value/defaultValue/onChange` 管理当前图片索引。全局 `imagePreview.open()` 返回 handle,可通过 `handle.result` 获取关闭原因和最终索引;`ZKitProvider` 已内置 `ImagePreviewProvider`。
|
|
199
199
|
|
|
200
200
|
### 目录与导出
|
|
201
201
|
|
|
@@ -2,7 +2,7 @@ import type * as React from 'react';
|
|
|
2
2
|
import type { I18nMessages, I18nMissingKeyPolicy } from './i18n/types';
|
|
3
3
|
import { type LoadingDefaults } from './services/LoadingService/index';
|
|
4
4
|
import type { Theme, ThemeOverride } from './theme/types';
|
|
5
|
-
export type
|
|
5
|
+
export type ZKitProviderProps = {
|
|
6
6
|
baseTheme?: Theme;
|
|
7
7
|
theme?: ThemeOverride;
|
|
8
8
|
locale?: string;
|
|
@@ -11,5 +11,5 @@ export type ComponentLibProviderProps = {
|
|
|
11
11
|
loading?: LoadingDefaults;
|
|
12
12
|
children: React.ReactNode;
|
|
13
13
|
};
|
|
14
|
-
export declare function
|
|
15
|
-
//# sourceMappingURL=
|
|
14
|
+
export declare function ZKitProvider({ baseTheme, theme, locale, messages, missingKeyPolicy, loading, children, }: ZKitProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
//# sourceMappingURL=ZKitProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZKitProvider.d.ts","sourceRoot":"","sources":["../src/ZKitProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIvE,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAIxF,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE1D,MAAM,MAAM,iBAAiB,GAAG;IAE9B,SAAS,CAAC,EAAE,KAAK,CAAC;IAElB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACxC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAKF,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,QAAQ,GACT,EAAE,iBAAiB,2CAoBnB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.ZKitProvider = ZKitProvider;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const I18nProvider_1 = require("./i18n/I18nProvider");
|
|
6
6
|
const index_1 = require("./services/ActionDialogService/index");
|
|
@@ -10,9 +10,9 @@ const index_4 = require("./services/LoadingService/index");
|
|
|
10
10
|
const index_5 = require("./services/PermissionPurposeDialogService/index");
|
|
11
11
|
const index_6 = require("./services/PickerService/index");
|
|
12
12
|
const ThemeProvider_1 = require("./theme/ThemeProvider");
|
|
13
|
-
//
|
|
13
|
+
// ZKitProvider 是组件库推荐的顶层 Provider:
|
|
14
14
|
// - 同时提供 Theme 与 i18n
|
|
15
15
|
// - 避免业务方在 App 里层层包裹多个 Provider
|
|
16
|
-
function
|
|
16
|
+
function ZKitProvider({ baseTheme, theme, locale, messages, missingKeyPolicy, loading, children, }) {
|
|
17
17
|
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1.ThemeProvider, { baseTheme: baseTheme, theme: theme, children: (0, jsx_runtime_1.jsx)(I18nProvider_1.I18nProvider, { locale: locale, messages: messages, missingKeyPolicy: missingKeyPolicy, children: (0, jsx_runtime_1.jsx)(index_6.PickerServiceProvider, { children: (0, jsx_runtime_1.jsx)(index_2.ToastProvider, { children: (0, jsx_runtime_1.jsx)(index_1.ActionDialogProvider, { children: (0, jsx_runtime_1.jsx)(index_4.LoadingProvider, { defaults: loading, children: (0, jsx_runtime_1.jsx)(index_5.PermissionPurposeDialogProvider, { children: (0, jsx_runtime_1.jsx)(index_3.ImagePreviewProvider, { children: children }) }) }) }) }) }) }) }));
|
|
18
18
|
}
|
package/dist/config.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import type { Theme, ThemeOverride } from './theme/types';
|
|
2
2
|
import type { I18nMessages, I18nMissingKeyPolicy } from './i18n/types';
|
|
3
|
-
export type
|
|
3
|
+
export type ZKitI18nConfig = {
|
|
4
4
|
locale?: string;
|
|
5
5
|
messages?: I18nMessages;
|
|
6
6
|
missingKeyPolicy?: I18nMissingKeyPolicy;
|
|
7
7
|
};
|
|
8
|
-
export type
|
|
8
|
+
export type ZKitConfig = {
|
|
9
9
|
theme?: ThemeOverride;
|
|
10
|
-
i18n?:
|
|
10
|
+
i18n?: ZKitI18nConfig;
|
|
11
11
|
};
|
|
12
|
-
export declare function
|
|
13
|
-
export declare function
|
|
12
|
+
export declare function configureZKit(next: ZKitConfig): void;
|
|
13
|
+
export declare function getZKitConfig(): ZKitConfig;
|
|
14
14
|
export declare function getDefaultTheme(): Theme;
|
|
15
|
-
export declare function getDefaultI18nConfig(): Required<
|
|
15
|
+
export declare function getDefaultI18nConfig(): Required<ZKitI18nConfig>;
|
|
16
16
|
//# sourceMappingURL=config.d.ts.map
|
package/dist/config.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAQvE,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAQvE,MAAM,MAAM,cAAc,GAAG;IAE3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,QAAQ,CAAC,EAAE,YAAY,CAAC;IAIxB,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IAEvB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAKF,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,QAS7C;AAED,wBAAgB,aAAa,IAAI,UAAU,CAE1C;AAMD,wBAAgB,eAAe,IAAI,KAAK,CAEvC;AAKD,wBAAgB,oBAAoB,IAAI,QAAQ,CAAC,cAAc,CAAC,CAM/D"}
|
package/dist/config.js
CHANGED
|
@@ -1,42 +1,42 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.
|
|
3
|
+
exports.configureZKit = configureZKit;
|
|
4
|
+
exports.getZKitConfig = getZKitConfig;
|
|
5
5
|
exports.getDefaultTheme = getDefaultTheme;
|
|
6
6
|
exports.getDefaultI18nConfig = getDefaultI18nConfig;
|
|
7
7
|
const defaultTheme_1 = require("./theme/defaultTheme");
|
|
8
8
|
const mergeTheme_1 = require("./theme/mergeTheme");
|
|
9
9
|
const locale_1 = require("./i18n/locale");
|
|
10
|
-
let
|
|
10
|
+
let zKitConfig = {};
|
|
11
11
|
// 合并式更新:多次调用会按层级合并(不会把之前的 i18n 整块覆盖掉)
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
...
|
|
12
|
+
function configureZKit(next) {
|
|
13
|
+
zKitConfig = {
|
|
14
|
+
...zKitConfig,
|
|
15
15
|
...next,
|
|
16
16
|
i18n: {
|
|
17
|
-
...
|
|
17
|
+
...zKitConfig.i18n,
|
|
18
18
|
...next.i18n,
|
|
19
19
|
},
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
-
function
|
|
23
|
-
return
|
|
22
|
+
function getZKitConfig() {
|
|
23
|
+
return zKitConfig;
|
|
24
24
|
}
|
|
25
25
|
// getDefaultTheme 用于生成“当前有效的默认主题”:
|
|
26
26
|
// - defaultTheme 作为组件库内置基线
|
|
27
|
-
// -
|
|
27
|
+
// - configureZKit({ theme }) 提供全局覆盖
|
|
28
28
|
// - ThemeProvider({ theme }) 再做实例级覆盖(优先级更高)
|
|
29
29
|
function getDefaultTheme() {
|
|
30
|
-
return (0, mergeTheme_1.mergeTheme)(defaultTheme_1.defaultTheme,
|
|
30
|
+
return (0, mergeTheme_1.mergeTheme)(defaultTheme_1.defaultTheme, zKitConfig.theme);
|
|
31
31
|
}
|
|
32
32
|
// getDefaultI18nConfig 用于生成“当前有效的默认 i18n 配置”:
|
|
33
|
-
// -
|
|
33
|
+
// - configureZKit({ i18n }) 可在应用启动时设定默认 locale/messages
|
|
34
34
|
// - I18nProvider({ ... }) 可在局部覆盖(例如某个子树临时切换语言)
|
|
35
35
|
function getDefaultI18nConfig() {
|
|
36
36
|
var _a, _b, _c, _d, _e, _f;
|
|
37
37
|
return {
|
|
38
|
-
locale: (_b = (_a =
|
|
39
|
-
messages: (_d = (_c =
|
|
40
|
-
missingKeyPolicy: (_f = (_e =
|
|
38
|
+
locale: (_b = (_a = zKitConfig.i18n) === null || _a === void 0 ? void 0 : _a.locale) !== null && _b !== void 0 ? _b : (0, locale_1.resolveSystemBuiltinLocale)(),
|
|
39
|
+
messages: (_d = (_c = zKitConfig.i18n) === null || _c === void 0 ? void 0 : _c.messages) !== null && _d !== void 0 ? _d : {},
|
|
40
|
+
missingKeyPolicy: (_f = (_e = zKitConfig.i18n) === null || _e === void 0 ? void 0 : _e.missingKeyPolicy) !== null && _f !== void 0 ? _f : 'key',
|
|
41
41
|
};
|
|
42
42
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -33,15 +33,15 @@ export type { LinkedScrollChangeMeta, LinkedScrollChangeSource, LinkedScrollItem
|
|
|
33
33
|
export { ThemeProvider } from './theme/ThemeProvider';
|
|
34
34
|
export { useTheme } from './theme/useTheme';
|
|
35
35
|
export type { Theme, ThemeOverride } from './theme/types';
|
|
36
|
-
export {
|
|
37
|
-
export type {
|
|
36
|
+
export { configureZKit } from './config';
|
|
37
|
+
export type { ZKitConfig, ZKitI18nConfig } from './config';
|
|
38
38
|
export { BUILTIN_I18N_LOCALES, DEFAULT_I18N_LOCALE, resolveBuiltinLocale, resolveSystemBuiltinLocale, } from './i18n/locale';
|
|
39
39
|
export type { BuiltinI18nLocale } from './i18n/locale';
|
|
40
40
|
export { I18nProvider } from './i18n/I18nProvider';
|
|
41
41
|
export { useI18n } from './i18n/useI18n';
|
|
42
42
|
export type { I18nContextValue, I18nMessages, I18nMissingKeyPolicy, I18nTranslate, I18nTranslateParams, } from './i18n/types';
|
|
43
|
-
export {
|
|
44
|
-
export type {
|
|
43
|
+
export { ZKitProvider } from './ZKitProvider';
|
|
44
|
+
export type { ZKitProviderProps } from './ZKitProvider';
|
|
45
45
|
export { pickerService, PickerServiceProvider } from './services/PickerService/index';
|
|
46
46
|
export type { AddressPickerResult, BetweenTimePickerResult, DatePickerResult, PickOptions, PickDateOptions, PickAddressOptions, PickBetweenTimeOptions, PickerResult, } from './services/PickerService/index';
|
|
47
47
|
export { toast, ToastProvider } from './services/CardToastService/index';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ActionDialogProvider = exports.actionDialog = exports.ActionDialog = exports.ToastProvider = exports.toast = exports.PickerServiceProvider = exports.pickerService = exports.
|
|
3
|
+
exports.ActionDialogProvider = exports.actionDialog = exports.ActionDialog = exports.ToastProvider = exports.toast = exports.PickerServiceProvider = exports.pickerService = exports.ZKitProvider = exports.useI18n = exports.I18nProvider = exports.resolveSystemBuiltinLocale = exports.resolveBuiltinLocale = exports.DEFAULT_I18N_LOCALE = exports.BUILTIN_I18N_LOCALES = exports.configureZKit = exports.useTheme = exports.ThemeProvider = exports.LinkedScroll = exports.RadioIndicator = exports.RadioGroup = exports.Radio = exports.SliderCaptcha = exports.Switch = exports.DatePicker = exports.AddressCascader = exports.WHEEL_VISIBLE_ITEMS = exports.WHEEL_VIEWPORT_HEIGHT = exports.WHEEL_ITEM_HEIGHT = exports.WHEEL_AREA_VERTICAL_INSET = exports.WHEEL_AREA_HEIGHT = exports.WheelColumn = exports.Picker = exports.BetweenTime = exports.AccordionTrigger = exports.AccordionItem = exports.AccordionIndicator = exports.AccordionContent = exports.Accordion = exports.SheetHeader = exports.SheetFooter = exports.SheetContent = exports.Sheet = exports.TextInputPrimitive = exports.TextInput = exports.Text = exports.CheckboxIndicator = exports.CheckboxGroup = exports.Checkbox = exports.LoadingSpinner = exports.Button = void 0;
|
|
4
4
|
exports.ImagePreviewProvider = exports.ImagePreview = exports.imagePreview = exports.PermissionPurposeDialogProvider = exports.permissionPurposeDialog = exports.LoadingProvider = exports.loading = void 0;
|
|
5
5
|
var index_1 = require("./ui/Button/index");
|
|
6
6
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return index_1.Button; } });
|
|
@@ -56,7 +56,7 @@ Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: functio
|
|
|
56
56
|
var useTheme_1 = require("./theme/useTheme");
|
|
57
57
|
Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return useTheme_1.useTheme; } });
|
|
58
58
|
var config_1 = require("./config");
|
|
59
|
-
Object.defineProperty(exports, "
|
|
59
|
+
Object.defineProperty(exports, "configureZKit", { enumerable: true, get: function () { return config_1.configureZKit; } });
|
|
60
60
|
var locale_1 = require("./i18n/locale");
|
|
61
61
|
Object.defineProperty(exports, "BUILTIN_I18N_LOCALES", { enumerable: true, get: function () { return locale_1.BUILTIN_I18N_LOCALES; } });
|
|
62
62
|
Object.defineProperty(exports, "DEFAULT_I18N_LOCALE", { enumerable: true, get: function () { return locale_1.DEFAULT_I18N_LOCALE; } });
|
|
@@ -66,8 +66,8 @@ var I18nProvider_1 = require("./i18n/I18nProvider");
|
|
|
66
66
|
Object.defineProperty(exports, "I18nProvider", { enumerable: true, get: function () { return I18nProvider_1.I18nProvider; } });
|
|
67
67
|
var useI18n_1 = require("./i18n/useI18n");
|
|
68
68
|
Object.defineProperty(exports, "useI18n", { enumerable: true, get: function () { return useI18n_1.useI18n; } });
|
|
69
|
-
var
|
|
70
|
-
Object.defineProperty(exports, "
|
|
69
|
+
var ZKitProvider_1 = require("./ZKitProvider");
|
|
70
|
+
Object.defineProperty(exports, "ZKitProvider", { enumerable: true, get: function () { return ZKitProvider_1.ZKitProvider; } });
|
|
71
71
|
var index_17 = require("./services/PickerService/index");
|
|
72
72
|
Object.defineProperty(exports, "pickerService", { enumerable: true, get: function () { return index_17.pickerService; } });
|
|
73
73
|
Object.defineProperty(exports, "PickerServiceProvider", { enumerable: true, get: function () { return index_17.PickerServiceProvider; } });
|
|
@@ -90,7 +90,7 @@ declare class PermissionPurposeDialogServiceClass {
|
|
|
90
90
|
export declare const permissionPurposeDialog: PermissionPurposeDialogServiceClass;
|
|
91
91
|
/**
|
|
92
92
|
* 权限用途说明 Provider
|
|
93
|
-
* @description 需要在应用根组件中包裹,已内置于
|
|
93
|
+
* @description 需要在应用根组件中包裹,已内置于 ZKitProvider
|
|
94
94
|
*/
|
|
95
95
|
export declare function PermissionPurposeDialogProvider({ children }: {
|
|
96
96
|
children: React.ReactNode;
|
|
@@ -306,7 +306,7 @@ function PermissionPurposeCard({ open, options, }) {
|
|
|
306
306
|
}
|
|
307
307
|
/**
|
|
308
308
|
* 权限用途说明 Provider
|
|
309
|
-
* @description 需要在应用根组件中包裹,已内置于
|
|
309
|
+
* @description 需要在应用根组件中包裹,已内置于 ZKitProvider
|
|
310
310
|
*/
|
|
311
311
|
function PermissionPurposeDialogProvider({ children }) {
|
|
312
312
|
const [state, setState] = React.useState(initialState);
|
|
@@ -119,7 +119,7 @@ declare class PickerServiceClass {
|
|
|
119
119
|
export declare const pickerService: PickerServiceClass;
|
|
120
120
|
/**
|
|
121
121
|
* 选择器服务 Provider
|
|
122
|
-
* @description 需要在应用根组件中包裹,已内置于
|
|
122
|
+
* @description 需要在应用根组件中包裹,已内置于 ZKitProvider
|
|
123
123
|
*/
|
|
124
124
|
export declare function PickerServiceProvider({ children }: {
|
|
125
125
|
children: React.ReactNode;
|
|
@@ -129,7 +129,7 @@ const initialState = {
|
|
|
129
129
|
};
|
|
130
130
|
/**
|
|
131
131
|
* 选择器服务 Provider
|
|
132
|
-
* @description 需要在应用根组件中包裹,已内置于
|
|
132
|
+
* @description 需要在应用根组件中包裹,已内置于 ZKitProvider
|
|
133
133
|
*/
|
|
134
134
|
function PickerServiceProvider({ children }) {
|
|
135
135
|
const [state, setState] = React.useState(initialState);
|
|
@@ -51,7 +51,7 @@ function ThemeProvider({ baseTheme, theme, children }) {
|
|
|
51
51
|
const value = React.useMemo(() => {
|
|
52
52
|
// 优先级(低 -> 高):
|
|
53
53
|
// 1) defaultTheme
|
|
54
|
-
// 2)
|
|
54
|
+
// 2) configureZKit({ theme })
|
|
55
55
|
// 3) ThemeProvider({ baseTheme })
|
|
56
56
|
// 4) ThemeProvider({ theme })
|
|
57
57
|
const finalTheme = (0, mergeTheme_1.mergeTheme)(baseTheme !== null && baseTheme !== void 0 ? baseTheme : (0, config_1.getDefaultTheme)(), theme);
|
package/package.json
CHANGED
|
@@ -10,7 +10,7 @@ import { PickerServiceProvider } from './services/PickerService/index';
|
|
|
10
10
|
import { ThemeProvider } from './theme/ThemeProvider';
|
|
11
11
|
import type { Theme, ThemeOverride } from './theme/types';
|
|
12
12
|
|
|
13
|
-
export type
|
|
13
|
+
export type ZKitProviderProps = {
|
|
14
14
|
// baseTheme 用于传入完整主题作为基线(例如品牌主题)
|
|
15
15
|
baseTheme?: Theme;
|
|
16
16
|
// theme 用于对 baseTheme 做局部覆盖(例如只改 primary)
|
|
@@ -22,10 +22,10 @@ export type ComponentLibProviderProps = {
|
|
|
22
22
|
children: React.ReactNode;
|
|
23
23
|
};
|
|
24
24
|
|
|
25
|
-
//
|
|
25
|
+
// ZKitProvider 是组件库推荐的顶层 Provider:
|
|
26
26
|
// - 同时提供 Theme 与 i18n
|
|
27
27
|
// - 避免业务方在 App 里层层包裹多个 Provider
|
|
28
|
-
export function
|
|
28
|
+
export function ZKitProvider({
|
|
29
29
|
baseTheme,
|
|
30
30
|
theme,
|
|
31
31
|
locale,
|
|
@@ -33,7 +33,7 @@ export function ComponentLibProvider({
|
|
|
33
33
|
missingKeyPolicy,
|
|
34
34
|
loading,
|
|
35
35
|
children,
|
|
36
|
-
}:
|
|
36
|
+
}: ZKitProviderProps) {
|
|
37
37
|
return (
|
|
38
38
|
<ThemeProvider baseTheme={baseTheme} theme={theme}>
|
|
39
39
|
<I18nProvider locale={locale} messages={messages} missingKeyPolicy={missingKeyPolicy}>
|
package/src/config.ts
CHANGED
|
@@ -8,9 +8,9 @@ import type { I18nMessages, I18nMissingKeyPolicy } from './i18n/types';
|
|
|
8
8
|
// 1) Theme:用于给所有组件提供默认 tokens(颜色等)
|
|
9
9
|
// 2) i18n:用于给所有组件提供默认文案字典/缺失策略
|
|
10
10
|
//
|
|
11
|
-
// 推荐在应用启动时调用一次
|
|
11
|
+
// 推荐在应用启动时调用一次 configureZKit()(例如在 app entry),
|
|
12
12
|
// 这样即便业务侧没有包 Provider,组件库也能拿到一致的默认值。
|
|
13
|
-
export type
|
|
13
|
+
export type ZKitI18nConfig = {
|
|
14
14
|
// locale 目前仅用于透传;组件内部可据此选择 key 前缀或做格式化扩展
|
|
15
15
|
locale?: string;
|
|
16
16
|
// messages 是 key -> 文案 的扁平字典,组件内部用 t(key) 获取
|
|
@@ -21,45 +21,45 @@ export type ComponentLibI18nConfig = {
|
|
|
21
21
|
missingKeyPolicy?: I18nMissingKeyPolicy;
|
|
22
22
|
};
|
|
23
23
|
|
|
24
|
-
export type
|
|
24
|
+
export type ZKitConfig = {
|
|
25
25
|
// theme 是“覆盖对象”,只需要传你要改的字段即可(未传字段回落到 defaultTheme)
|
|
26
26
|
theme?: ThemeOverride;
|
|
27
|
-
i18n?:
|
|
27
|
+
i18n?: ZKitI18nConfig;
|
|
28
28
|
};
|
|
29
29
|
|
|
30
|
-
let
|
|
30
|
+
let zKitConfig: ZKitConfig = {};
|
|
31
31
|
|
|
32
32
|
// 合并式更新:多次调用会按层级合并(不会把之前的 i18n 整块覆盖掉)
|
|
33
|
-
export function
|
|
34
|
-
|
|
35
|
-
...
|
|
33
|
+
export function configureZKit(next: ZKitConfig) {
|
|
34
|
+
zKitConfig = {
|
|
35
|
+
...zKitConfig,
|
|
36
36
|
...next,
|
|
37
37
|
i18n: {
|
|
38
|
-
...
|
|
38
|
+
...zKitConfig.i18n,
|
|
39
39
|
...next.i18n,
|
|
40
40
|
},
|
|
41
41
|
};
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
export function
|
|
45
|
-
return
|
|
44
|
+
export function getZKitConfig(): ZKitConfig {
|
|
45
|
+
return zKitConfig;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
// getDefaultTheme 用于生成“当前有效的默认主题”:
|
|
49
49
|
// - defaultTheme 作为组件库内置基线
|
|
50
|
-
// -
|
|
50
|
+
// - configureZKit({ theme }) 提供全局覆盖
|
|
51
51
|
// - ThemeProvider({ theme }) 再做实例级覆盖(优先级更高)
|
|
52
52
|
export function getDefaultTheme(): Theme {
|
|
53
|
-
return mergeTheme(defaultTheme,
|
|
53
|
+
return mergeTheme(defaultTheme, zKitConfig.theme);
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
// getDefaultI18nConfig 用于生成“当前有效的默认 i18n 配置”:
|
|
57
|
-
// -
|
|
57
|
+
// - configureZKit({ i18n }) 可在应用启动时设定默认 locale/messages
|
|
58
58
|
// - I18nProvider({ ... }) 可在局部覆盖(例如某个子树临时切换语言)
|
|
59
|
-
export function getDefaultI18nConfig(): Required<
|
|
59
|
+
export function getDefaultI18nConfig(): Required<ZKitI18nConfig> {
|
|
60
60
|
return {
|
|
61
|
-
locale:
|
|
62
|
-
messages:
|
|
63
|
-
missingKeyPolicy:
|
|
61
|
+
locale: zKitConfig.i18n?.locale ?? resolveSystemBuiltinLocale(),
|
|
62
|
+
messages: zKitConfig.i18n?.messages ?? {},
|
|
63
|
+
missingKeyPolicy: zKitConfig.i18n?.missingKeyPolicy ?? 'key',
|
|
64
64
|
};
|
|
65
65
|
}
|
package/src/index.ts
CHANGED
|
@@ -241,8 +241,8 @@ export type {
|
|
|
241
241
|
export { ThemeProvider } from './theme/ThemeProvider';
|
|
242
242
|
export { useTheme } from './theme/useTheme';
|
|
243
243
|
export type { Theme, ThemeOverride } from './theme/types';
|
|
244
|
-
export {
|
|
245
|
-
export type {
|
|
244
|
+
export { configureZKit } from './config';
|
|
245
|
+
export type { ZKitConfig, ZKitI18nConfig } from './config';
|
|
246
246
|
export {
|
|
247
247
|
BUILTIN_I18N_LOCALES,
|
|
248
248
|
DEFAULT_I18N_LOCALE,
|
|
@@ -259,8 +259,8 @@ export type {
|
|
|
259
259
|
I18nTranslate,
|
|
260
260
|
I18nTranslateParams,
|
|
261
261
|
} from './i18n/types';
|
|
262
|
-
export {
|
|
263
|
-
export type {
|
|
262
|
+
export { ZKitProvider } from './ZKitProvider';
|
|
263
|
+
export type { ZKitProviderProps } from './ZKitProvider';
|
|
264
264
|
export { pickerService, PickerServiceProvider } from './services/PickerService/index';
|
|
265
265
|
export type {
|
|
266
266
|
AddressPickerResult,
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
- `ActionDialog`:声明式组件,支持 `open/defaultOpen/onOpenChange`
|
|
6
6
|
- `actionDialog`:全局命令式服务,适合路由守卫、请求确认、跨组件业务流程
|
|
7
7
|
|
|
8
|
-
`
|
|
8
|
+
`ZKitProvider` 已内置 `ActionDialogProvider`;只有单独使用 `actionDialog` 服务时才需要确认 Provider 已挂载。
|
|
9
9
|
|
|
10
10
|
## 设计取舍
|
|
11
11
|
|
|
@@ -33,7 +33,7 @@ import { ImagePreview } from 'zkit-ui';
|
|
|
33
33
|
|
|
34
34
|
## 命令式用法
|
|
35
35
|
|
|
36
|
-
`
|
|
36
|
+
`ZKitProvider` 已内置 `ImagePreviewProvider`。如果没有使用统一 Provider,需要在应用根部单独挂载。
|
|
37
37
|
|
|
38
38
|
```tsx
|
|
39
39
|
import { imagePreview } from 'zkit-ui';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# LoadingService
|
|
2
2
|
|
|
3
|
-
全局加载 HUD 服务,用于短时阻塞、Promise 生命周期反馈和轻量结果态。`
|
|
3
|
+
全局加载 HUD 服务,用于短时阻塞、Promise 生命周期反馈和轻量结果态。`ZKitProvider` 已内置 `LoadingProvider`,普通业务入口只需要导入 `loading`。
|
|
4
4
|
|
|
5
5
|
## 设计要点
|
|
6
6
|
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
- `loading.promise()` 绑定异步任务,成功/失败结果只会更新当前仍活跃的 handle
|
|
10
10
|
- `loading` 默认 15s 超时自动关闭,`success/error` 默认短暂停留后关闭
|
|
11
11
|
- Android 不使用 `elevation` 或额外阴影层;iOS/Web 阴影跟随同一动画层,退出完成后卸载,避免残影
|
|
12
|
-
- 默认文案来自 i18n,可通过 `
|
|
12
|
+
- 默认文案来自 i18n,可通过 `ZKitProvider loading` 或 `LoadingProvider defaults` 覆盖
|
|
13
13
|
|
|
14
14
|
## 基础用法
|
|
15
15
|
|
|
@@ -88,7 +88,7 @@ loading.hide(); // 隐藏当前 HUD
|
|
|
88
88
|
## Provider 配置
|
|
89
89
|
|
|
90
90
|
```tsx
|
|
91
|
-
<
|
|
91
|
+
<ZKitProvider
|
|
92
92
|
loading={{
|
|
93
93
|
loadingTimeout: 20000,
|
|
94
94
|
successDuration: 1000,
|
|
@@ -104,7 +104,7 @@ loading.hide(); // 隐藏当前 HUD
|
|
|
104
104
|
}}
|
|
105
105
|
>
|
|
106
106
|
<App />
|
|
107
|
-
</
|
|
107
|
+
</ZKitProvider>
|
|
108
108
|
```
|
|
109
109
|
|
|
110
110
|
## 关键类型
|
|
@@ -4,16 +4,16 @@
|
|
|
4
4
|
|
|
5
5
|
## 前置条件
|
|
6
6
|
|
|
7
|
-
确保应用根组件已包裹 `
|
|
7
|
+
确保应用根组件已包裹 `ZKitProvider`(已内置 `PermissionPurposeDialogProvider`):
|
|
8
8
|
|
|
9
9
|
```tsx
|
|
10
|
-
import {
|
|
10
|
+
import { ZKitProvider } from 'zkit-ui';
|
|
11
11
|
|
|
12
12
|
export default function App() {
|
|
13
13
|
return (
|
|
14
|
-
<
|
|
14
|
+
<ZKitProvider>
|
|
15
15
|
{/* 你的应用内容 */}
|
|
16
|
-
</
|
|
16
|
+
</ZKitProvider>
|
|
17
17
|
);
|
|
18
18
|
}
|
|
19
19
|
```
|
|
@@ -387,7 +387,7 @@ function PermissionPurposeCard({
|
|
|
387
387
|
|
|
388
388
|
/**
|
|
389
389
|
* 权限用途说明 Provider
|
|
390
|
-
* @description 需要在应用根组件中包裹,已内置于
|
|
390
|
+
* @description 需要在应用根组件中包裹,已内置于 ZKitProvider
|
|
391
391
|
*/
|
|
392
392
|
export function PermissionPurposeDialogProvider({ children }: { children: React.ReactNode }) {
|
|
393
393
|
const [state, setState] = React.useState<PermissionPurposeDialogState>(initialState);
|
|
@@ -4,16 +4,16 @@
|
|
|
4
4
|
|
|
5
5
|
## 前置条件
|
|
6
6
|
|
|
7
|
-
确保应用根组件已包裹 `
|
|
7
|
+
确保应用根组件已包裹 `ZKitProvider`(已内置 `PickerServiceProvider`):
|
|
8
8
|
|
|
9
9
|
```tsx
|
|
10
|
-
import {
|
|
10
|
+
import { ZKitProvider } from 'zkit-ui';
|
|
11
11
|
|
|
12
12
|
export default function App() {
|
|
13
13
|
return (
|
|
14
|
-
<
|
|
14
|
+
<ZKitProvider>
|
|
15
15
|
{/* 你的应用内容 */}
|
|
16
|
-
</
|
|
16
|
+
</ZKitProvider>
|
|
17
17
|
);
|
|
18
18
|
}
|
|
19
19
|
```
|
|
@@ -221,7 +221,7 @@ const initialState: PickerState = {
|
|
|
221
221
|
|
|
222
222
|
/**
|
|
223
223
|
* 选择器服务 Provider
|
|
224
|
-
* @description 需要在应用根组件中包裹,已内置于
|
|
224
|
+
* @description 需要在应用根组件中包裹,已内置于 ZKitProvider
|
|
225
225
|
*/
|
|
226
226
|
export function PickerServiceProvider({ children }: { children: React.ReactNode }) {
|
|
227
227
|
const [state, setState] = React.useState<PickerState>(initialState);
|
|
@@ -30,7 +30,7 @@ export function ThemeProvider({ baseTheme, theme, children }: ThemeProviderProps
|
|
|
30
30
|
const value = React.useMemo(() => {
|
|
31
31
|
// 优先级(低 -> 高):
|
|
32
32
|
// 1) defaultTheme
|
|
33
|
-
// 2)
|
|
33
|
+
// 2) configureZKit({ theme })
|
|
34
34
|
// 3) ThemeProvider({ baseTheme })
|
|
35
35
|
// 4) ThemeProvider({ theme })
|
|
36
36
|
const finalTheme = mergeTheme(baseTheme ?? getDefaultTheme(), theme);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ComponentLibProvider.d.ts","sourceRoot":"","sources":["../src/ComponentLibProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIvE,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAIxF,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE1D,MAAM,MAAM,yBAAyB,GAAG;IAEtC,SAAS,CAAC,EAAE,KAAK,CAAC;IAElB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACxC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAKF,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,QAAQ,GACT,EAAE,yBAAyB,2CAoB3B"}
|