zkit-ui 1.0.6 → 2.0.0
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 +25 -11
- package/dist/ZKitCoreProvider.d.ts +13 -0
- package/dist/ZKitCoreProvider.d.ts.map +1 -0
- package/dist/ZKitCoreProvider.js +10 -0
- package/dist/ZKitProvider.d.ts +2 -10
- package/dist/ZKitProvider.d.ts.map +1 -1
- package/dist/ZKitProvider.js +4 -5
- package/dist/all.d.ts +59 -0
- package/dist/all.d.ts.map +1 -0
- package/dist/all.js +92 -0
- package/dist/index.d.ts +2 -46
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -73
- 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/package.json +164 -2
- package/src/ZKitCoreProvider.tsx +34 -0
- package/src/ZKitProvider.tsx +25 -33
- package/src/all.ts +397 -0
- package/src/index.ts +5 -374
- package/src/services/ActionDialogService/README.md +3 -2
- package/src/services/CardToastService/README.md +2 -2
- package/src/services/ImagePreviewService/README.md +2 -2
- package/src/services/LoadingService/README.md +1 -1
- package/src/services/PermissionPurposeDialogService/README.md +2 -2
- package/src/services/PermissionPurposeDialogService/index.tsx +1 -1
- package/src/services/PickerService/README.md +2 -2
- package/src/services/PickerService/index.tsx +1 -1
- package/src/ui/Accordion/README.md +2 -2
- package/src/ui/AddressCascader/README.md +4 -2
- package/src/ui/BetweenTime/README.md +12 -12
- package/src/ui/Button/README.md +7 -7
- package/src/ui/Checkbox/README.md +2 -2
- package/src/ui/DatePicker/README.md +2 -1
- package/src/ui/LinkedScroll/README.md +2 -1
- package/src/ui/Picker/README.md +2 -1
- package/src/ui/Radio/README.md +2 -1
- package/src/ui/Sheet/README.md +3 -1
- package/src/ui/SliderCaptcha/README.md +1 -1
- package/src/ui/Switch/README.md +1 -1
- package/src/ui/Text/README.md +2 -2
- package/src/ui/TextInput/README.md +6 -6
- package/src/ui/WheelColumn/README.md +1 -1
package/src/ui/Button/README.md
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
## 基础用法
|
|
6
6
|
|
|
7
7
|
```tsx
|
|
8
|
-
import { Button } from 'zkit-ui';
|
|
8
|
+
import { Button } from 'zkit-ui/button';
|
|
9
9
|
|
|
10
10
|
export function Demo() {
|
|
11
11
|
return <Button onPress={() => {}}>确定</Button>;
|
|
@@ -15,7 +15,7 @@ export function Demo() {
|
|
|
15
15
|
## 外观语义
|
|
16
16
|
|
|
17
17
|
```tsx
|
|
18
|
-
import { Button } from 'zkit-ui';
|
|
18
|
+
import { Button } from 'zkit-ui/button';
|
|
19
19
|
|
|
20
20
|
export function Demo() {
|
|
21
21
|
return (
|
|
@@ -37,7 +37,7 @@ export function Demo() {
|
|
|
37
37
|
## 尺寸与布局
|
|
38
38
|
|
|
39
39
|
```tsx
|
|
40
|
-
import { Button } from 'zkit-ui';
|
|
40
|
+
import { Button } from 'zkit-ui/button';
|
|
41
41
|
import { sp, wp } from 'zkit-tools';
|
|
42
42
|
|
|
43
43
|
export function Demo() {
|
|
@@ -67,7 +67,7 @@ export function Demo() {
|
|
|
67
67
|
## 图标
|
|
68
68
|
|
|
69
69
|
```tsx
|
|
70
|
-
import { Button } from 'zkit-ui';
|
|
70
|
+
import { Button } from 'zkit-ui/button';
|
|
71
71
|
import { wp } from 'zkit-tools';
|
|
72
72
|
|
|
73
73
|
export function Demo() {
|
|
@@ -94,7 +94,7 @@ export function Demo() {
|
|
|
94
94
|
## 加载状态
|
|
95
95
|
|
|
96
96
|
```tsx
|
|
97
|
-
import { Button } from 'zkit-ui';
|
|
97
|
+
import { Button } from 'zkit-ui/button';
|
|
98
98
|
|
|
99
99
|
export function Demo() {
|
|
100
100
|
return (
|
|
@@ -114,7 +114,7 @@ export function Demo() {
|
|
|
114
114
|
## 精确覆盖
|
|
115
115
|
|
|
116
116
|
```tsx
|
|
117
|
-
import { Button } from 'zkit-ui';
|
|
117
|
+
import { Button } from 'zkit-ui/button';
|
|
118
118
|
import { wp } from 'zkit-tools';
|
|
119
119
|
|
|
120
120
|
export function Demo() {
|
|
@@ -139,7 +139,7 @@ export function Demo() {
|
|
|
139
139
|
## 渐变、阴影与按压反馈
|
|
140
140
|
|
|
141
141
|
```tsx
|
|
142
|
-
import { Button } from 'zkit-ui';
|
|
142
|
+
import { Button } from 'zkit-ui/button';
|
|
143
143
|
|
|
144
144
|
export function Demo() {
|
|
145
145
|
return (
|
|
@@ -16,7 +16,7 @@ Checkbox 是三端一致的复选框组件,适合协议勾选、多选列表
|
|
|
16
16
|
|
|
17
17
|
```tsx
|
|
18
18
|
import * as React from 'react';
|
|
19
|
-
import { Checkbox } from 'zkit-ui';
|
|
19
|
+
import { Checkbox } from 'zkit-ui/checkbox';
|
|
20
20
|
|
|
21
21
|
export function Demo() {
|
|
22
22
|
const [checked, setChecked] = React.useState(false);
|
|
@@ -51,7 +51,7 @@ const partiallyChecked = selected.length > 0 && !allChecked;
|
|
|
51
51
|
## CheckboxGroup
|
|
52
52
|
|
|
53
53
|
```tsx
|
|
54
|
-
import { Checkbox, CheckboxGroup } from 'zkit-ui';
|
|
54
|
+
import { Checkbox, CheckboxGroup } from 'zkit-ui/checkbox';
|
|
55
55
|
import { wp } from 'zkit-tools';
|
|
56
56
|
|
|
57
57
|
const options = [
|
|
@@ -13,7 +13,8 @@ DatePicker 是日期语义组件,底层复用 Picker 的三端滚轮与 Sheet
|
|
|
13
13
|
|
|
14
14
|
```tsx
|
|
15
15
|
import * as React from 'react';
|
|
16
|
-
import { Button
|
|
16
|
+
import { Button } from 'zkit-ui/button';
|
|
17
|
+
import { DatePicker } from 'zkit-ui/date-picker';
|
|
17
18
|
|
|
18
19
|
export function Demo() {
|
|
19
20
|
const [value, setValue] = React.useState<string | null>(null);
|
package/src/ui/Picker/README.md
CHANGED
package/src/ui/Radio/README.md
CHANGED
|
@@ -17,7 +17,8 @@ Radio 是三端一致的单选组件,适合互斥选项、设置项模式选
|
|
|
17
17
|
|
|
18
18
|
```tsx
|
|
19
19
|
import * as React from 'react';
|
|
20
|
-
import {
|
|
20
|
+
import { Text } from 'zkit-ui/text';
|
|
21
|
+
import { Radio, RadioGroup } from 'zkit-ui/radio';
|
|
21
22
|
import { wp } from 'zkit-tools';
|
|
22
23
|
|
|
23
24
|
type Density = 'compact' | 'comfortable' | 'spacious';
|
package/src/ui/Sheet/README.md
CHANGED
|
@@ -6,7 +6,9 @@
|
|
|
6
6
|
|
|
7
7
|
```tsx
|
|
8
8
|
import * as React from 'react';
|
|
9
|
-
import {
|
|
9
|
+
import { Text } from 'zkit-ui/text';
|
|
10
|
+
import { Button } from 'zkit-ui/button';
|
|
11
|
+
import { Sheet } from 'zkit-ui/sheet';
|
|
10
12
|
|
|
11
13
|
export function Demo() {
|
|
12
14
|
const [open, setOpen] = React.useState(false);
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
|
|
20
20
|
```tsx
|
|
21
21
|
import * as React from 'react';
|
|
22
|
-
import { SliderCaptcha, type SliderCaptchaChallenge } from 'zkit-ui';
|
|
22
|
+
import { SliderCaptcha, type SliderCaptchaChallenge } from 'zkit-ui/slider-captcha';
|
|
23
23
|
|
|
24
24
|
type LoginCaptchaChallenge = SliderCaptchaChallenge & {
|
|
25
25
|
nonceStr: string;
|
package/src/ui/Switch/README.md
CHANGED
package/src/ui/Text/README.md
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
## 基础用法
|
|
18
18
|
|
|
19
19
|
```tsx
|
|
20
|
-
import { Text } from 'zkit-ui';
|
|
20
|
+
import { Text } from 'zkit-ui/text';
|
|
21
21
|
|
|
22
22
|
export function Demo() {
|
|
23
23
|
return <Text>默认正文</Text>;
|
|
@@ -35,7 +35,7 @@ export function Demo() {
|
|
|
35
35
|
## 排版语义
|
|
36
36
|
|
|
37
37
|
```tsx
|
|
38
|
-
import { Text } from 'zkit-ui';
|
|
38
|
+
import { Text } from 'zkit-ui/text';
|
|
39
39
|
|
|
40
40
|
export function Demo() {
|
|
41
41
|
return (
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
```tsx
|
|
19
19
|
import * as React from 'react';
|
|
20
|
-
import { TextInput } from 'zkit-ui';
|
|
20
|
+
import { TextInput } from 'zkit-ui/text-input';
|
|
21
21
|
|
|
22
22
|
export function Demo() {
|
|
23
23
|
const [value, setValue] = React.useState('');
|
|
@@ -36,7 +36,7 @@ export function Demo() {
|
|
|
36
36
|
## 原生薄封装
|
|
37
37
|
|
|
38
38
|
```tsx
|
|
39
|
-
import { TextInputPrimitive } from 'zkit-ui';
|
|
39
|
+
import { TextInputPrimitive } from 'zkit-ui/text-input';
|
|
40
40
|
import { wp } from 'zkit-tools';
|
|
41
41
|
|
|
42
42
|
export function Demo() {
|
|
@@ -54,7 +54,7 @@ export function Demo() {
|
|
|
54
54
|
## 非受控
|
|
55
55
|
|
|
56
56
|
```tsx
|
|
57
|
-
import { TextInput } from 'zkit-ui';
|
|
57
|
+
import { TextInput } from 'zkit-ui/text-input';
|
|
58
58
|
|
|
59
59
|
export function Demo() {
|
|
60
60
|
return (
|
|
@@ -72,7 +72,7 @@ export function Demo() {
|
|
|
72
72
|
## 描述、错误和计数
|
|
73
73
|
|
|
74
74
|
```tsx
|
|
75
|
-
import { TextInput } from 'zkit-ui';
|
|
75
|
+
import { TextInput } from 'zkit-ui/text-input';
|
|
76
76
|
|
|
77
77
|
export function Demo() {
|
|
78
78
|
return (
|
|
@@ -95,7 +95,7 @@ export function Demo() {
|
|
|
95
95
|
## 前后缀与清除按钮
|
|
96
96
|
|
|
97
97
|
```tsx
|
|
98
|
-
import { TextInput } from 'zkit-ui';
|
|
98
|
+
import { TextInput } from 'zkit-ui/text-input';
|
|
99
99
|
|
|
100
100
|
export function Demo() {
|
|
101
101
|
return (
|
|
@@ -116,7 +116,7 @@ export function Demo() {
|
|
|
116
116
|
## 外观
|
|
117
117
|
|
|
118
118
|
```tsx
|
|
119
|
-
import { TextInput } from 'zkit-ui';
|
|
119
|
+
import { TextInput } from 'zkit-ui/text-input';
|
|
120
120
|
import { wp } from 'zkit-tools';
|
|
121
121
|
|
|
122
122
|
export function Demo() {
|