zkit-ui 1.0.5 → 2.0.0

package/src/ui/BetweenTime/README.md

@@ -11,7 +11,7 @@ BetweenTime 是一个高性能的时间区间选择器组件：
 ## 基础用法
 
 ```tsx
-import { BetweenTime } from 'zkit-ui';
+import { BetweenTime } from 'zkit-ui/between-time';
 import { Text } from 'react-native';
 
 export function Demo() {
@@ -31,7 +31,7 @@ export function Demo() {
 ## 精度控制：type
 
 ```tsx
-import { BetweenTime } from 'zkit-ui';
+import { BetweenTime } from 'zkit-ui/between-time';
 
 export function Demo() {
   return (
@@ -83,7 +83,7 @@ export function Demo() {
 ## 时间范围限制：start / end
 
 ```tsx
-import { BetweenTime } from 'zkit-ui';
+import { BetweenTime } from 'zkit-ui/between-time';
 
 export function Demo() {
   return (
@@ -106,7 +106,7 @@ export function Demo() {
 ## 快捷选择：quickDate
 
 ```tsx
-import { BetweenTime } from 'zkit-ui';
+import { BetweenTime } from 'zkit-ui/between-time';
 
 export function Demo() {
   return (
@@ -131,7 +131,7 @@ export function Demo() {
 ## 自定义格式：format
 
 ```tsx
-import { BetweenTime } from 'zkit-ui';
+import { BetweenTime } from 'zkit-ui/between-time';
 
 export function Demo() {
   return (
@@ -163,7 +163,7 @@ export function Demo() {
 ## 受控模式
 
 ```tsx
-import { BetweenTime } from 'zkit-ui';
+import { BetweenTime } from 'zkit-ui/between-time';
 
 export function Demo() {
   const [value, setValue] = React.useState<string[]>(['2024-01-01', '2024-12-31']);
@@ -192,7 +192,7 @@ export function Demo() {
 ## 非受控模式
 
 ```tsx
-import { BetweenTime } from 'zkit-ui';
+import { BetweenTime } from 'zkit-ui/between-time';
 
 export function Demo() {
   return (
@@ -209,7 +209,7 @@ export function Demo() {
 ## 懒加载：lazyContent
 
 ```tsx
-import { BetweenTime } from 'zkit-ui';
+import { BetweenTime } from 'zkit-ui/between-time';
 
 export function Demo() {
   return (
@@ -230,7 +230,7 @@ export function Demo() {
 ## 自定义弹窗高度：drawerSize
 
 ```tsx
-import { BetweenTime } from 'zkit-ui';
+import { BetweenTime } from 'zkit-ui/between-time';
 import { wp } from 'zkit-tools';
 
 export function Demo() {
@@ -245,7 +245,7 @@ export function Demo() {
 ## 自定义单位名称：cellUnits
 
 ```tsx
-import { BetweenTime } from 'zkit-ui';
+import { BetweenTime } from 'zkit-ui/between-time';
 
 export function Demo() {
   return (
@@ -267,7 +267,7 @@ export function Demo() {
 ## 禁用状态：disabled
 
 ```tsx
-import { BetweenTime } from 'zkit-ui';
+import { BetweenTime } from 'zkit-ui/between-time';
 
 export function Demo() {
   return (
@@ -281,7 +281,7 @@ export function Demo() {
 ## 格式同步到值：formatSyncValue
 
 ```tsx
-import { BetweenTime } from 'zkit-ui';
+import { BetweenTime } from 'zkit-ui/between-time';
 
 export function Demo() {
   const [value, setValue] = React.useState<string[]>([]);

package/src/ui/Button/README.md

@@ -5,7 +5,7 @@
 ## 基础用法
 
 ```tsx
-import { Button } from 'zkit-ui';
+import { Button } from 'zkit-ui/button';
 
 export function Demo() {
   return <Button onPress={() => {}}>确定</Button>;
@@ -15,7 +15,7 @@ export function Demo() {
 ## 外观语义
 
 ```tsx
-import { Button } from 'zkit-ui';
+import { Button } from 'zkit-ui/button';
 
 export function Demo() {
   return (
@@ -37,7 +37,7 @@ export function Demo() {
 ## 尺寸与布局
 
 ```tsx
-import { Button } from 'zkit-ui';
+import { Button } from 'zkit-ui/button';
 import { sp, wp } from 'zkit-tools';
 
 export function Demo() {
@@ -67,7 +67,7 @@ export function Demo() {
 ## 图标
 
 ```tsx
-import { Button } from 'zkit-ui';
+import { Button } from 'zkit-ui/button';
 import { wp } from 'zkit-tools';
 
 export function Demo() {
@@ -94,7 +94,7 @@ export function Demo() {
 ## 加载状态
 
 ```tsx
-import { Button } from 'zkit-ui';
+import { Button } from 'zkit-ui/button';
 
 export function Demo() {
   return (
@@ -114,7 +114,7 @@ export function Demo() {
 ## 精确覆盖
 
 ```tsx
-import { Button } from 'zkit-ui';
+import { Button } from 'zkit-ui/button';
 import { wp } from 'zkit-tools';
 
 export function Demo() {
@@ -139,7 +139,7 @@ export function Demo() {
 ## 渐变、阴影与按压反馈
 
 ```tsx
-import { Button } from 'zkit-ui';
+import { Button } from 'zkit-ui/button';
 
 export function Demo() {
   return (

package/src/ui/Checkbox/README.md

@@ -16,7 +16,7 @@ Checkbox 是三端一致的复选框组件，适合协议勾选、多选列表
 
 ```tsx
 import * as React from 'react';
-import { Checkbox } from 'zkit-ui';
+import { Checkbox } from 'zkit-ui/checkbox';
 
 export function Demo() {
   const [checked, setChecked] = React.useState(false);
@@ -51,7 +51,7 @@ const partiallyChecked = selected.length > 0 && !allChecked;
 ## CheckboxGroup
 
 ```tsx
-import { Checkbox, CheckboxGroup } from 'zkit-ui';
+import { Checkbox, CheckboxGroup } from 'zkit-ui/checkbox';
 import { wp } from 'zkit-tools';
 
 const options = [

package/src/ui/DatePicker/README.md

@@ -13,7 +13,8 @@ DatePicker 是日期语义组件，底层复用 Picker 的三端滚轮与 Sheet
 
 ```tsx
 import * as React from 'react';
-import { Button, DatePicker } from 'zkit-ui';
+import { Button } from 'zkit-ui/button';
+import { DatePicker } from 'zkit-ui/date-picker';
 
 export function Demo() {
   const [value, setValue] = React.useState<string | null>(null);

package/src/ui/LinkedScroll/README.md

@@ -8,7 +8,8 @@
 
 ```tsx
 import { View } from 'react-native';
-import { LinkedScroll, Text } from 'zkit-ui';
+import { Text } from 'zkit-ui/text';
+import { LinkedScroll } from 'zkit-ui/linked-scroll';
 import { wp } from 'zkit-tools';
 
 const items = [

package/src/ui/Picker/README.md

@@ -11,7 +11,8 @@
 
 ```tsx
 import * as React from 'react';
-import { Picker, Text } from 'zkit-ui';
+import { Text } from 'zkit-ui/text';
+import { Picker } from 'zkit-ui/picker';
 
 const options = [
   { value: 'design', label: 'Design' },

package/src/ui/Radio/README.md

@@ -17,7 +17,8 @@ Radio 是三端一致的单选组件，适合互斥选项、设置项模式选
 
 ```tsx
 import * as React from 'react';
-import { Radio, RadioGroup, Text } from 'zkit-ui';
+import { Text } from 'zkit-ui/text';
+import { Radio, RadioGroup } from 'zkit-ui/radio';
 import { wp } from 'zkit-tools';
 
 type Density = 'compact' | 'comfortable' | 'spacious';

package/src/ui/Sheet/README.md

@@ -6,7 +6,9 @@
 
 ```tsx
 import * as React from 'react';
-import { Button, Sheet, Text } from 'zkit-ui';
+import { Text } from 'zkit-ui/text';
+import { Button } from 'zkit-ui/button';
+import { Sheet } from 'zkit-ui/sheet';
 
 export function Demo() {
   const [open, setOpen] = React.useState(false);

package/src/ui/SliderCaptcha/README.md

@@ -19,7 +19,7 @@
 
 ```tsx
 import * as React from 'react';
-import { SliderCaptcha, type SliderCaptchaChallenge } from 'zkit-ui';
+import { SliderCaptcha, type SliderCaptchaChallenge } from 'zkit-ui/slider-captcha';
 
 type LoginCaptchaChallenge = SliderCaptchaChallenge & {
   nonceStr: string;

package/src/ui/Switch/README.md

@@ -14,7 +14,7 @@ Switch 是布尔开关组件，适合“立即启用/停用某项设置”的场
 
 ```tsx
 import * as React from 'react';
-import { Switch } from 'zkit-ui';
+import { Switch } from 'zkit-ui/switch';
 
 export function Demo() {
   const [checked, setChecked] = React.useState(false);

package/src/ui/Text/README.md

@@ -17,7 +17,7 @@
 ## 基础用法
 
 ```tsx
-import { Text } from 'zkit-ui';
+import { Text } from 'zkit-ui/text';
 
 export function Demo() {
   return <Text>默认正文</Text>;
@@ -35,7 +35,7 @@ export function Demo() {
 ## 排版语义
 
 ```tsx
-import { Text } from 'zkit-ui';
+import { Text } from 'zkit-ui/text';
 
 export function Demo() {
   return (

package/src/ui/TextInput/README.md

@@ -17,7 +17,7 @@
 
 ```tsx
 import * as React from 'react';
-import { TextInput } from 'zkit-ui';
+import { TextInput } from 'zkit-ui/text-input';
 
 export function Demo() {
   const [value, setValue] = React.useState('');
@@ -36,7 +36,7 @@ export function Demo() {
 ## 原生薄封装
 
 ```tsx
-import { TextInputPrimitive } from 'zkit-ui';
+import { TextInputPrimitive } from 'zkit-ui/text-input';
 import { wp } from 'zkit-tools';
 
 export function Demo() {
@@ -54,7 +54,7 @@ export function Demo() {
 ## 非受控
 
 ```tsx
-import { TextInput } from 'zkit-ui';
+import { TextInput } from 'zkit-ui/text-input';
 
 export function Demo() {
   return (
@@ -72,7 +72,7 @@ export function Demo() {
 ## 描述、错误和计数
 
 ```tsx
-import { TextInput } from 'zkit-ui';
+import { TextInput } from 'zkit-ui/text-input';
 
 export function Demo() {
   return (
@@ -95,7 +95,7 @@ export function Demo() {
 ## 前后缀与清除按钮
 
 ```tsx
-import { TextInput } from 'zkit-ui';
+import { TextInput } from 'zkit-ui/text-input';
 
 export function Demo() {
   return (
@@ -116,7 +116,7 @@ export function Demo() {
 ## 外观
 
 ```tsx
-import { TextInput } from 'zkit-ui';
+import { TextInput } from 'zkit-ui/text-input';
 import { wp } from 'zkit-tools';
 
 export function Demo() {

package/src/ui/WheelColumn/README.md

@@ -14,7 +14,7 @@
 ## 基础用法
 
 ```tsx
-import { WheelColumn, type WheelColumnOption } from 'zkit-ui';
+import { WheelColumn, type WheelColumnOption } from 'zkit-ui/wheel-column';
 import { wp } from 'zkit-tools';
 
 const options: WheelColumnOption[] = [

package/dist/ComponentLibProvider.d.ts

@@ -1,15 +0,0 @@
-import type * as React from 'react';
-import type { I18nMessages, I18nMissingKeyPolicy } from './i18n/types';
-import { type LoadingDefaults } from './services/LoadingService/index';
-import type { Theme, ThemeOverride } from './theme/types';
-export type ComponentLibProviderProps = {
-    baseTheme?: Theme;
-    theme?: ThemeOverride;
-    locale?: string;
-    messages?: I18nMessages;
-    missingKeyPolicy?: I18nMissingKeyPolicy;
-    loading?: LoadingDefaults;
-    children: React.ReactNode;
-};
-export declare function ComponentLibProvider({ baseTheme, theme, locale, messages, missingKeyPolicy, loading, children, }: ComponentLibProviderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ComponentLibProvider.d.ts.map

package/dist/ComponentLibProvider.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/dist/ComponentLibProvider.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentLibProvider = ComponentLibProvider;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const I18nProvider_1 = require("./i18n/I18nProvider");
-const index_1 = require("./services/ActionDialogService/index");
-const index_2 = require("./services/CardToastService/index");
-const index_3 = require("./services/ImagePreviewService/index");
-const index_4 = require("./services/LoadingService/index");
-const index_5 = require("./services/PermissionPurposeDialogService/index");
-const index_6 = require("./services/PickerService/index");
-const ThemeProvider_1 = require("./theme/ThemeProvider");
-// ComponentLibProvider 是组件库推荐的顶层 Provider：
-// - 同时提供 Theme 与 i18n
-// - 避免业务方在 App 里层层包裹多个 Provider
-function ComponentLibProvider({ baseTheme, theme, locale, messages, missingKeyPolicy, loading, children, }) {
-    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 }) }) }) }) }) }) }) }));
-}

package/src/ComponentLibProvider.tsx

@@ -1,56 +0,0 @@
-import type * as React from 'react';
-import { I18nProvider } from './i18n/I18nProvider';
-import type { I18nMessages, I18nMissingKeyPolicy } from './i18n/types';
-import { ActionDialogProvider } from './services/ActionDialogService/index';
-import { ToastProvider } from './services/CardToastService/index';
-import { ImagePreviewProvider } from './services/ImagePreviewService/index';
-import { LoadingProvider, type LoadingDefaults } from './services/LoadingService/index';
-import { PermissionPurposeDialogProvider } from './services/PermissionPurposeDialogService/index';
-import { PickerServiceProvider } from './services/PickerService/index';
-import { ThemeProvider } from './theme/ThemeProvider';
-import type { Theme, ThemeOverride } from './theme/types';
-
-export type ComponentLibProviderProps = {
-  // baseTheme 用于传入完整主题作为基线（例如品牌主题）
-  baseTheme?: Theme;
-  // theme 用于对 baseTheme 做局部覆盖（例如只改 primary）
-  theme?: ThemeOverride;
-  locale?: string;
-  messages?: I18nMessages;
-  missingKeyPolicy?: I18nMissingKeyPolicy;
-  loading?: LoadingDefaults;
-  children: React.ReactNode;
-};
-
-// ComponentLibProvider 是组件库推荐的顶层 Provider：
-// - 同时提供 Theme 与 i18n
-// - 避免业务方在 App 里层层包裹多个 Provider
-export function ComponentLibProvider({
-  baseTheme,
-  theme,
-  locale,
-  messages,
-  missingKeyPolicy,
-  loading,
-  children,
-}: ComponentLibProviderProps) {
-  return (
-    <ThemeProvider baseTheme={baseTheme} theme={theme}>
-      <I18nProvider locale={locale} messages={messages} missingKeyPolicy={missingKeyPolicy}>
-        <PickerServiceProvider>
-          <ToastProvider>
-            <ActionDialogProvider>
-              <LoadingProvider defaults={loading}>
-                <PermissionPurposeDialogProvider>
-                  <ImagePreviewProvider>
-                    {children}
-                  </ImagePreviewProvider>
-                </PermissionPurposeDialogProvider>
-              </LoadingProvider>
-            </ActionDialogProvider>
-          </ToastProvider>
-        </PickerServiceProvider>
-      </I18nProvider>
-    </ThemeProvider>
-  );
-}