@xhsreds/reds-rn-next 0.10.1-beta202512111732 → 0.10.1-beta202512111836
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/coverage/.tmp/coverage-0.json +1 -1
- package/coverage/.tmp/coverage-1.json +1 -1
- package/coverage/.tmp/coverage-11.json +1 -1
- package/coverage/.tmp/coverage-12.json +1 -1
- package/coverage/.tmp/coverage-13.json +1 -1
- package/coverage/.tmp/coverage-14.json +1 -1
- package/coverage/.tmp/coverage-15.json +1 -1
- package/coverage/.tmp/coverage-16.json +1 -1
- package/coverage/.tmp/coverage-17.json +1 -1
- package/coverage/.tmp/coverage-18.json +1 -1
- package/coverage/.tmp/coverage-19.json +1 -1
- package/coverage/.tmp/coverage-2.json +1 -1
- package/coverage/.tmp/coverage-20.json +1 -1
- package/coverage/.tmp/coverage-21.json +1 -1
- package/coverage/.tmp/coverage-22.json +1 -1
- package/coverage/.tmp/coverage-24.json +1 -1
- package/coverage/.tmp/coverage-25.json +1 -1
- package/coverage/.tmp/coverage-27.json +1 -1
- package/coverage/.tmp/coverage-29.json +1 -1
- package/coverage/.tmp/coverage-3.json +1 -1
- package/coverage/.tmp/coverage-30.json +1 -1
- package/coverage/.tmp/coverage-31.json +1 -1
- package/coverage/.tmp/coverage-32.json +1 -1
- package/coverage/.tmp/coverage-33.json +1 -1
- package/coverage/.tmp/coverage-35.json +1 -1
- package/coverage/.tmp/coverage-37.json +1 -1
- package/coverage/.tmp/coverage-38.json +1 -1
- package/coverage/.tmp/coverage-39.json +1 -1
- package/coverage/.tmp/coverage-4.json +1 -1
- package/coverage/.tmp/coverage-5.json +1 -1
- package/coverage/.tmp/coverage-6.json +1 -1
- package/coverage/.tmp/coverage-7.json +1 -1
- package/coverage/.tmp/coverage-8.json +1 -1
- package/coverage/.tmp/coverage-9.json +1 -1
- package/lib/cjs/i18n/index.js +33 -33
- package/lib/esm/i18n/index.js +33 -33
- package/package.json +2 -2
- package/src/components/ActionSheets/doc/index.mdx +4 -4
- package/src/components/ActionablePopover/doc/index.mdx +5 -5
- package/src/components/Alert/doc/index.mdx +7 -7
- package/src/components/Button/doc/index.mdx +4 -4
- package/src/components/Carousel/doc/index.mdx +4 -4
- package/src/components/CheckBoxGroup/doc/index.mdx +3 -3
- package/src/components/Collapse/doc/index.mdx +3 -3
- package/src/components/DatePicker/doc/index.mdx +21 -21
- package/src/components/DropDown/doc/index.mdx +6 -6
- package/src/components/Empty/doc/index.mdx +3 -3
- package/src/components/FAB/doc/index.mdx +3 -3
- package/src/components/Form/doc/index.mdx +4 -4
- package/src/components/Icon/doc/index.mdx +3 -3
- package/src/components/Image/doc/index.mdx +4 -4
- package/src/components/MiniSnackBar/doc/index.mdx +3 -3
- package/src/components/NoticeBar/doc/index.mdx +4 -4
- package/src/components/Picker/doc/index.mdx +5 -5
- package/src/components/PickerView/doc/index.mdx +3 -3
- package/src/components/Popover/doc/index.mdx +5 -5
- package/src/components/ProgressIndicator/doc/index.mdx +11 -11
- package/src/components/PullRefresh/doc/index.mdx +3 -3
- package/src/components/Radio/doc/index.mdx +3 -3
- package/src/components/Rate/doc/index.mdx +3 -3
- package/src/components/Search/doc/index.mdx +17 -17
- package/src/components/SegmentedControl/doc/index.mdx +3 -3
- package/src/components/Sheets/doc/index.mdx +35 -43
- package/src/components/Slider/doc/index.mdx +6 -6
- package/src/components/Stepper/doc/index.mdx +3 -3
- package/src/components/Switch/doc/index.mdx +4 -4
- package/src/components/Tab/doc/index.mdx +3 -3
- package/src/components/TabBar/doc/index.mdx +3 -3
- package/src/components/Tag/doc/index.mdx +4 -4
- package/src/components/Text/doc/index.mdx +4 -4
- package/src/components/TextField/doc/index.mdx +32 -32
- package/src/components/TextView/doc/index.mdx +5 -5
- package/src/components/Toast/doc/index.mdx +6 -6
- package/src/components/Uploader/doc/index.mdx +26 -26
- package/src/components/Video/doc/index.mdx +4 -4
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xhsreds/reds-rn-next",
|
|
3
|
-
"version": "0.10.1-
|
|
3
|
+
"version": "0.10.1-beta202512111836",
|
|
4
4
|
"author": "贾斌(呀哈) <jiabin@xiaohongshu.com>",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"dependencies": {
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"react-native-svg": "13.14.0",
|
|
28
28
|
"@xhs/react-native-harmony": "*",
|
|
29
29
|
"@xhs/reds-components": "*",
|
|
30
|
-
"@xhsreds/reds-token-next": "0.10.1-
|
|
30
|
+
"@xhsreds/reds-token-next": "0.10.1-beta202512111836"
|
|
31
31
|
},
|
|
32
32
|
"peerDependenciesMeta": {
|
|
33
33
|
"ozone-schema-web": {
|
|
@@ -26,7 +26,7 @@ ActionSheets size属性继承自sheets组件 容器高度由sheets内部容器
|
|
|
26
26
|
|
|
27
27
|
### Events
|
|
28
28
|
|
|
29
|
-
| 事件 | 描述 | 类型
|
|
30
|
-
| -------- | ---------- |
|
|
31
|
-
| onClose | 关闭时触发 | ()
|
|
32
|
-
| onChange | 点击时触发 | (value: string)
|
|
29
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
30
|
+
| -------- | ---------- | ------------------------- | ------ |
|
|
31
|
+
| onClose | 关闭时触发 | () => any | |
|
|
32
|
+
| onChange | 点击时触发 | (value: string) => any | |
|
|
@@ -34,8 +34,8 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
34
34
|
|
|
35
35
|
### Events
|
|
36
36
|
|
|
37
|
-
| 事件 | 描述 | 类型
|
|
38
|
-
| --------------- | ----------------- |
|
|
39
|
-
| onClickMask | 点击遮罩层时触发 | (evnet: GestureResponderEvent)
|
|
40
|
-
| onVisibleChange | visible改变时触发 | (value: boolean)
|
|
41
|
-
| onClick | visible改变时触发 | (value: string | number)
|
|
37
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
38
|
+
| --------------- | ----------------- | ----------------------------------------- | ------ |
|
|
39
|
+
| onClickMask | 点击遮罩层时触发 | (evnet: GestureResponderEvent) => void | |
|
|
40
|
+
| onVisibleChange | visible改变时触发 | (value: boolean) => void | |
|
|
41
|
+
| onClick | visible改变时触发 | (value: string | number) => void | |
|
|
@@ -38,10 +38,10 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
38
38
|
|
|
39
39
|
### Events
|
|
40
40
|
|
|
41
|
-
| 事件 | 描述 | 类型
|
|
42
|
-
| --------- | ------------------ |
|
|
43
|
-
| onConfirm | 点击确认按钮时触发 | (value: GestureResponderEvent)
|
|
44
|
-
| onCancel | 点击取消按钮时触发 | (value: GestureResponderEvent)
|
|
45
|
-
| onOpen | 打开弹窗时触发 | ()
|
|
46
|
-
| onClose | 关闭弹窗时触发 | ()
|
|
47
|
-
| onMask | 点击确认按钮时触发 | (value: GestureResponderEvent)
|
|
41
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
42
|
+
| --------- | ------------------ | ----------------------------------------- | ------ |
|
|
43
|
+
| onConfirm | 点击确认按钮时触发 | (value: GestureResponderEvent) => void | |
|
|
44
|
+
| onCancel | 点击取消按钮时触发 | (value: GestureResponderEvent) => void | |
|
|
45
|
+
| onOpen | 打开弹窗时触发 | () => void | |
|
|
46
|
+
| onClose | 关闭弹窗时触发 | () => void | |
|
|
47
|
+
| onMask | 点击确认按钮时触发 | (value: GestureResponderEvent) => void | |
|
|
@@ -33,7 +33,7 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
33
33
|
|
|
34
34
|
### Events
|
|
35
35
|
|
|
36
|
-
| 事件 | 描述 | 类型
|
|
37
|
-
| ------------------- | ------------------ |
|
|
38
|
-
| onClick | 被点击时触发 | (value: GestureResponderEvent)
|
|
39
|
-
| onFirstDrawFinished | 第一次渲染结束回调 | ()
|
|
36
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
37
|
+
| ------------------- | ------------------ | ----------------------------------------- | ------ |
|
|
38
|
+
| onClick | 被点击时触发 | (value: GestureResponderEvent) => void | |
|
|
39
|
+
| onFirstDrawFinished | 第一次渲染结束回调 | () => void | |
|
|
@@ -34,7 +34,7 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
34
34
|
|
|
35
35
|
### Events
|
|
36
36
|
|
|
37
|
-
| 事件 | 描述 | 类型
|
|
38
|
-
| -------- | ------------------ |
|
|
39
|
-
| onChange | 当值发生变化时触发 | (value: any, index: number)
|
|
40
|
-
| onClick | 被点击时触发 | (value: any, index: number)
|
|
37
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
38
|
+
| -------- | ------------------ | -------------------------------------- | ------ |
|
|
39
|
+
| onChange | 当值发生变化时触发 | (value: any, index: number) => void | |
|
|
40
|
+
| onClick | 被点击时触发 | (value: any, index: number) => void | |
|
|
@@ -25,6 +25,6 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
25
25
|
|
|
26
26
|
### Events
|
|
27
27
|
|
|
28
|
-
| 事件 | 描述 | 类型
|
|
29
|
-
| -------- | ------------------ |
|
|
30
|
-
| onChange | 当值发生变化时触发 | (value: string[] | number[])
|
|
28
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
29
|
+
| -------- | ------------------ | -------------------------------------------- | ------ |
|
|
30
|
+
| onChange | 当值发生变化时触发 | (value: string[] | number[]) => void | |
|
|
@@ -19,6 +19,6 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
19
19
|
|
|
20
20
|
### Events
|
|
21
21
|
|
|
22
|
-
| 事件 | 描述 | 类型
|
|
23
|
-
| -------- | -------------- |
|
|
24
|
-
| onChange | 切换面板时触发 | (activeValue: ActiveValueType)
|
|
22
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
23
|
+
| -------- | -------------- | ----------------------------------------- | ------ |
|
|
24
|
+
| onChange | 切换面板时触发 | (activeValue: ActiveValueType) => void | |
|
|
@@ -10,27 +10,27 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
10
10
|
|
|
11
11
|
### Props
|
|
12
12
|
|
|
13
|
-
| 属性 | 描述 | 类型
|
|
14
|
-
| ------------- | ----------------------------------------- |
|
|
15
|
-
| visible | 是否展示datePicker | boolean
|
|
16
|
-
| value | 选中值 | string
|
|
17
|
-
| cancelText | 关闭文案 | string
|
|
18
|
-
| mode | 模式 | DatePickerMode
|
|
19
|
-
| startYear | 选择器的最小可选时间，默认为当前时间-10年 | number
|
|
20
|
-
| endYear | 选择器的最大可选时间，默认为当前时间+10年 | number
|
|
21
|
-
| startTime | 选择器的最小可选时间，优先级大于startYear | string
|
|
22
|
-
| endTime | 选择器的最大可选时间，优先级大于endYear | string
|
|
23
|
-
| label | 标题 | string
|
|
24
|
-
| formatter | 格式化时间格式 | (value: string)
|
|
25
|
-
| isDatePattern | 是否返回时间格式数据 | boolean
|
|
26
|
-
| closeText | 关闭文案 | string
|
|
27
|
-
| mask | mask | boolean
|
|
28
|
-
| hostName | hostName | string
|
|
13
|
+
| 属性 | 描述 | 类型 | 默认值 |
|
|
14
|
+
| ------------- | ----------------------------------------- | ------------------------- | --------------------------- |
|
|
15
|
+
| visible | 是否展示datePicker | boolean | false |
|
|
16
|
+
| value | 选中值 | string | |
|
|
17
|
+
| cancelText | 关闭文案 | string | |
|
|
18
|
+
| mode | 模式 | DatePickerMode | DatePickerMode.YearMonthDay |
|
|
19
|
+
| startYear | 选择器的最小可选时间，默认为当前时间-10年 | number | |
|
|
20
|
+
| endYear | 选择器的最大可选时间，默认为当前时间+10年 | number | |
|
|
21
|
+
| startTime | 选择器的最小可选时间，优先级大于startYear | string | |
|
|
22
|
+
| endTime | 选择器的最大可选时间，优先级大于endYear | string | |
|
|
23
|
+
| label | 标题 | string | |
|
|
24
|
+
| formatter | 格式化时间格式 | (value: string) => any | (value: string) => value |
|
|
25
|
+
| isDatePattern | 是否返回时间格式数据 | boolean | false |
|
|
26
|
+
| closeText | 关闭文案 | string | |
|
|
27
|
+
| mask | mask | boolean | |
|
|
28
|
+
| hostName | hostName | string | root |
|
|
29
29
|
|
|
30
30
|
### Events
|
|
31
31
|
|
|
32
|
-
| 事件 | 描述 | 类型
|
|
33
|
-
| --------- | ------------------ |
|
|
34
|
-
| onChange | 当值发生变化时触发 | (value: string)
|
|
35
|
-
| onCancel | 取消事件 | ()
|
|
36
|
-
| onConfirm | 确定事件 | (value: string)
|
|
32
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
33
|
+
| --------- | ------------------ | -------------------------- | ------------------------ |
|
|
34
|
+
| onChange | 当值发生变化时触发 | (value: string) => void | (value: string) => {} |
|
|
35
|
+
| onCancel | 取消事件 | () => void | () => {} |
|
|
36
|
+
| onConfirm | 确定事件 | (value: string) => void | (value: string) => {} |
|
|
@@ -65,9 +65,9 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
65
65
|
|
|
66
66
|
### Events
|
|
67
67
|
|
|
68
|
-
| 事件 | 描述 | 类型
|
|
69
|
-
| --------- | --------------- |
|
|
70
|
-
| onReset | filter 重置选项 | ()
|
|
71
|
-
| onConfirm | 确定选项 | ()
|
|
72
|
-
| onClose | 关闭 | ()
|
|
73
|
-
| onChange | 选择onChange | (key: string, index: number)
|
|
68
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
69
|
+
| --------- | --------------- | --------------------------------------- | ----------- |
|
|
70
|
+
| onReset | filter 重置选项 | () => void | () => {} |
|
|
71
|
+
| onConfirm | 确定选项 | () => void | () => {} |
|
|
72
|
+
| onClose | 关闭 | () => void | () => {} |
|
|
73
|
+
| onChange | 选择onChange | (key: string, index: number) => void | () => {} |
|
|
@@ -20,6 +20,6 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
20
20
|
|
|
21
21
|
### Events
|
|
22
22
|
|
|
23
|
-
| 事件 | 描述 | 类型
|
|
24
|
-
| ------- | ------------ |
|
|
25
|
-
| onClick | 访问链接操作 | ()
|
|
23
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
24
|
+
| ------- | ------------ | ------------- | ------ |
|
|
25
|
+
| onClick | 访问链接操作 | () => void | |
|
|
@@ -28,6 +28,6 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
28
28
|
|
|
29
29
|
### Events
|
|
30
30
|
|
|
31
|
-
| 事件 | 描述 | 类型
|
|
32
|
-
| ------- | ------------ |
|
|
33
|
-
| onClick | 被点击时触发 | (value: GestureResponderEvent)
|
|
31
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
32
|
+
| ------- | ------------ | ----------------------------------------- | ------ |
|
|
33
|
+
| onClick | 被点击时触发 | (value: GestureResponderEvent) => void | |
|
|
@@ -23,7 +23,7 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
23
23
|
|
|
24
24
|
### Events
|
|
25
25
|
|
|
26
|
-
| 事件 | 描述 | 类型
|
|
27
|
-
| -------- | -------------- |
|
|
28
|
-
| onSubmit | 点击提交时触发 | (value: FormData, errors: any)
|
|
29
|
-
| onError | 有错误时触发 | (error: any, data: FormData)
|
|
26
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
27
|
+
| -------- | -------------- | ----------------------------------------- | ------ |
|
|
28
|
+
| onSubmit | 点击提交时触发 | (value: FormData, errors: any) => void | |
|
|
29
|
+
| onError | 有错误时触发 | (error: any, data: FormData) => void | |
|
|
@@ -24,6 +24,6 @@ Jfrog平台查一下最新@xhs/reder-icon-svg-ReDs_icon版本项目中引入 按
|
|
|
24
24
|
|
|
25
25
|
### Events
|
|
26
26
|
|
|
27
|
-
| 事件 | 描述 | 类型
|
|
28
|
-
| ------- | ------------ |
|
|
29
|
-
| onClick | 被点击时触发 | (value: GestureResponderEvent)
|
|
27
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
28
|
+
| ------- | ------------ | ----------------------------------------- | ------ |
|
|
29
|
+
| onClick | 被点击时触发 | (value: GestureResponderEvent) => void | |
|
|
@@ -28,7 +28,7 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
28
28
|
|
|
29
29
|
### Events
|
|
30
30
|
|
|
31
|
-
| 事件 | 描述 | 类型
|
|
32
|
-
| ------------------- | ------------------ |
|
|
33
|
-
| onReload | 重新加载时触发 | (v: GestureResponderEvent)
|
|
34
|
-
| onFirstDrawFinished | 第一次渲染结束回调 | (e: Event)
|
|
31
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
32
|
+
| ------------------- | ------------------ | ------------------------------------- | ----------- |
|
|
33
|
+
| onReload | 重新加载时触发 | (v: GestureResponderEvent) => void | |
|
|
34
|
+
| onFirstDrawFinished | 第一次渲染结束回调 | (e: Event) => void | () => {} |
|
|
@@ -22,6 +22,6 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
22
22
|
|
|
23
23
|
### Events
|
|
24
24
|
|
|
25
|
-
| 事件 | 描述 | 类型
|
|
26
|
-
| ------- | -------- |
|
|
27
|
-
| onClick | 点击事件 | ()
|
|
25
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
26
|
+
| ------- | -------- | ------------- | ------ |
|
|
27
|
+
| onClick | 点击事件 | () => void | |
|
|
@@ -26,7 +26,7 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
26
26
|
|
|
27
27
|
### Events
|
|
28
28
|
|
|
29
|
-
| 事件 | 描述 | 类型
|
|
30
|
-
| ------- | ------------ |
|
|
31
|
-
| onClose | 关闭容器 | ()
|
|
32
|
-
| onClick | 被点击时触发 | ()
|
|
29
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
30
|
+
| ------- | ------------ | ------------- | ------ |
|
|
31
|
+
| onClose | 关闭容器 | () => void | |
|
|
32
|
+
| onClick | 被点击时触发 | () => void | |
|
|
@@ -21,8 +21,8 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
21
21
|
|
|
22
22
|
### Events
|
|
23
23
|
|
|
24
|
-
| 事件 | 描述 | 类型
|
|
25
|
-
| --------- | ---------------- |
|
|
26
|
-
| onConfirm | 确定回调 | (val: string[])
|
|
27
|
-
| onCancel | 取消回调 | ()
|
|
28
|
-
| onChange | 选择选项改变回调 | (val: string[])
|
|
24
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
25
|
+
| --------- | ---------------- | -------------------------- | ----------- |
|
|
26
|
+
| onConfirm | 确定回调 | (val: string[]) => void | () => {} |
|
|
27
|
+
| onCancel | 取消回调 | () => void | () => {} |
|
|
28
|
+
| onChange | 选择选项改变回调 | (val: string[]) => void | () => {} |
|
|
@@ -19,6 +19,6 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
19
19
|
|
|
20
20
|
### Events
|
|
21
21
|
|
|
22
|
-
| 事件 | 描述 | 类型
|
|
23
|
-
| -------- | -------- |
|
|
24
|
-
| onChange | 选择变化 | (val: string[])
|
|
22
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
23
|
+
| -------- | -------- | -------------------------- | ----------- |
|
|
24
|
+
| onChange | 选择变化 | (val: string[]) => void | () => {} |
|
|
@@ -12,7 +12,7 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
12
12
|
| ------------------ | --------------------------------- | --------------------------------------------------------------------------------------------------- | --------------- |
|
|
13
13
|
| visible | 是否显示气泡 | boolean | undefined |
|
|
14
14
|
| placement | 气泡方向 | "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end" | top |
|
|
15
|
-
| content | 弹出内容 | ReactNode | (()
|
|
15
|
+
| content | 弹出内容 | ReactNode | (() => ReactNode) | |
|
|
16
16
|
| opacity | 遮罩透明度 | number | 0 |
|
|
17
17
|
| mode | 主题色 | "light" | "dark" | "alwaysLight" | "alwaysDark" | light |
|
|
18
18
|
| trigger | 触发方式 | "click" | "touch" | click |
|
|
@@ -33,7 +33,7 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
33
33
|
|
|
34
34
|
### Events
|
|
35
35
|
|
|
36
|
-
| 事件 | 描述 | 类型
|
|
37
|
-
| --------------- | ----------------- |
|
|
38
|
-
| onClickMask | 点击遮罩层时触发 | (evnet: GestureResponderEvent)
|
|
39
|
-
| onVisibleChange | visible改变时触发 | (value: boolean)
|
|
36
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
37
|
+
| --------------- | ----------------- | ----------------------------------------- | ------ |
|
|
38
|
+
| onClickMask | 点击遮罩层时触发 | (evnet: GestureResponderEvent) => void | |
|
|
39
|
+
| onVisibleChange | visible改变时触发 | (value: boolean) => void | |
|
|
@@ -25,16 +25,16 @@ import ProgressDemo from "!!raw-loader!../demo/progress.tsx";
|
|
|
25
25
|
|
|
26
26
|
### Props
|
|
27
27
|
|
|
28
|
-
| 属性 | 描述 | 类型 | 默认值
|
|
29
|
-
| ------------ | -------------- | -------------------------------------- |
|
|
30
|
-
| percent | 当前进度 | number | 0
|
|
31
|
-
| showPercent | 展示文字 | boolean | true
|
|
32
|
-
| textStyle | 字体样式 | any |
|
|
33
|
-
| formatText | 进度条文字函数 | (percent: number)
|
|
34
|
-
| size | 进度条尺寸 | number |
|
|
35
|
-
| type | 类型 | string | default
|
|
36
|
-
| strokeColor | 边框颜色 | "dark" | "light" | "primary" |
|
|
37
|
-
| strokeWidth | 边框宽度 | number |
|
|
38
|
-
| lottieSource | lottie自定义 | string |
|
|
28
|
+
| 属性 | 描述 | 类型 | 默认值 |
|
|
29
|
+
| ------------ | -------------- | -------------------------------------- | ---------------------------------------------------------------- |
|
|
30
|
+
| percent | 当前进度 | number | 0 |
|
|
31
|
+
| showPercent | 展示文字 | boolean | true |
|
|
32
|
+
| textStyle | 字体样式 | any | |
|
|
33
|
+
| formatText | 进度条文字函数 | (percent: number) => string | (percent: number) => (percent > 100 ? "100%" : percent + "%") |
|
|
34
|
+
| size | 进度条尺寸 | number | |
|
|
35
|
+
| type | 类型 | string | default |
|
|
36
|
+
| strokeColor | 边框颜色 | "dark" | "light" | "primary" | |
|
|
37
|
+
| strokeWidth | 边框宽度 | number | |
|
|
38
|
+
| lottieSource | lottie自定义 | string | |
|
|
39
39
|
|
|
40
40
|
### Events
|
|
@@ -32,6 +32,6 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
32
32
|
|
|
33
33
|
### Events
|
|
34
34
|
|
|
35
|
-
| 事件 | 描述 | 类型
|
|
36
|
-
| --------- | ------------------ |
|
|
37
|
-
| onRequest | 下拉执行的请求函数 | ()
|
|
35
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
36
|
+
| --------- | ------------------ | ------------- | ------ |
|
|
37
|
+
| onRequest | 下拉执行的请求函数 | () => void | |
|
|
@@ -32,6 +32,6 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
32
32
|
|
|
33
33
|
### Events
|
|
34
34
|
|
|
35
|
-
| 事件 | 描述 | 类型
|
|
36
|
-
| ------- | -------- |
|
|
37
|
-
| onClick | 点击事件 | (value: string)
|
|
35
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
36
|
+
| ------- | -------- | -------------------------- | ------ |
|
|
37
|
+
| onClick | 点击事件 | (value: string) => void | |
|
|
@@ -28,6 +28,6 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
28
28
|
|
|
29
29
|
### Events
|
|
30
30
|
|
|
31
|
-
| 事件 | 描述 | 类型
|
|
32
|
-
| -------- | ------------------ |
|
|
33
|
-
| onChange | 当值发生变化时触发 | (value: number)
|
|
31
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
32
|
+
| -------- | ------------------ | -------------------------- | ------ |
|
|
33
|
+
| onChange | 当值发生变化时触发 | (value: number) => void | |
|
|
@@ -19,7 +19,7 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
19
19
|
| disabled | 是否禁用输入框 | boolean | |
|
|
20
20
|
| readonly | 是否为只读状态，只读状态下无法输入内容 | boolean | |
|
|
21
21
|
| clearable | 是否启用清除图标，点击清除图标后会清空输入框 | boolean | true |
|
|
22
|
-
| formatter | 输入内容格式化函数 | (val: string)
|
|
22
|
+
| formatter | 输入内容格式化函数 | (val: string) => string | |
|
|
23
23
|
| formatterTrigger | 格式化函数触发的时机 | TextFieldFormatTriggerType | onChange |
|
|
24
24
|
| inputAlign | 输入框对齐方式 | "left" | "right" | |
|
|
25
25
|
| autocomplete | 对齐方式 | string | |
|
|
@@ -37,19 +37,19 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
37
37
|
|
|
38
38
|
### Events
|
|
39
39
|
|
|
40
|
-
| 事件 | 描述 | 类型
|
|
41
|
-
| ---------------------- | ---------------------------------- |
|
|
42
|
-
| onSearch | 键盘的搜索事件 | (val: Event)
|
|
43
|
-
| onInput | 输入框输入时触发 | (value: string)
|
|
44
|
-
| onChange | 当modelValue发生变化时触发 | (e: any)
|
|
45
|
-
| onFocus | 输入框获得焦点时触发 | (event: FocusEvent)
|
|
46
|
-
| onBlur | 输入框失去焦点时触发 | (event: FocusEvent)
|
|
47
|
-
| onClear | 点击清除按钮时触发 | ()
|
|
48
|
-
| onCameraIconClick | 相机图标 | ()
|
|
49
|
-
| onSearchIconClick | 搜索图标 | ()
|
|
50
|
-
| onLeftBackIconClick | 左箭头返回 | ()
|
|
51
|
-
| onButtonClick | 文字按钮 | (value: string)
|
|
52
|
-
| onCancelClick | 取消按钮 | ()
|
|
53
|
-
| onSearchClick | 搜索按钮 | (value: string)
|
|
54
|
-
| onAdditionalIconsClick | 额外图标区域 | ()
|
|
55
|
-
| onButtonTextClick | 自定义操作文案buttonText的点击事件 | (value: string)
|
|
40
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
41
|
+
| ---------------------- | ---------------------------------- | ----------------------------- | ----------- |
|
|
42
|
+
| onSearch | 键盘的搜索事件 | (val: Event) => void | |
|
|
43
|
+
| onInput | 输入框输入时触发 | (value: string) => any | |
|
|
44
|
+
| onChange | 当modelValue发生变化时触发 | (e: any) => void | |
|
|
45
|
+
| onFocus | 输入框获得焦点时触发 | (event: FocusEvent) => any | |
|
|
46
|
+
| onBlur | 输入框失去焦点时触发 | (event: FocusEvent) => any | |
|
|
47
|
+
| onClear | 点击清除按钮时触发 | () => any | |
|
|
48
|
+
| onCameraIconClick | 相机图标 | () => any | |
|
|
49
|
+
| onSearchIconClick | 搜索图标 | () => any | |
|
|
50
|
+
| onLeftBackIconClick | 左箭头返回 | () => any | |
|
|
51
|
+
| onButtonClick | 文字按钮 | (value: string) => any | |
|
|
52
|
+
| onCancelClick | 取消按钮 | () => any | |
|
|
53
|
+
| onSearchClick | 搜索按钮 | (value: string) => any | |
|
|
54
|
+
| onAdditionalIconsClick | 额外图标区域 | () => any | |
|
|
55
|
+
| onButtonTextClick | 自定义操作文案buttonText的点击事件 | (value: string) => any | () => {} |
|
|
@@ -18,6 +18,6 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
18
18
|
|
|
19
19
|
### Events
|
|
20
20
|
|
|
21
|
-
| 事件 | 描述 | 类型
|
|
22
|
-
| -------- | ------------------ |
|
|
23
|
-
| onChange | 当值发生变化时触发 | (value: string | number)
|
|
21
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
22
|
+
| -------- | ------------------ | ---------------------------------------- | ------ |
|
|
23
|
+
| onChange | 当值发生变化时触发 | (value: string | number) => void | |
|
|
@@ -10,49 +10,41 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
10
10
|
|
|
11
11
|
### Props
|
|
12
12
|
|
|
13
|
-
| 属性 | 描述 | 类型
|
|
14
|
-
| ------------------ | ---------------------------------- |
|
|
15
|
-
| label | 标题 | string
|
|
16
|
-
| mask | 是否展示遮罩层 | boolean
|
|
17
|
-
| maskMode | 背景颜色类型 | SheetsMaskMode
|
|
18
|
-
| sheetsType | sheets类型 | SheetsType
|
|
19
|
-
| cancel | 返回按钮 | boolean
|
|
20
|
-
| close | 关闭按钮 | boolean
|
|
21
|
-
| zIndex | 容器层级 | number
|
|
22
|
-
| cancelType | 返回按钮类型 | SheetsActionType
|
|
23
|
-
| closeType | 确定按钮类型 | SheetsActionType
|
|
24
|
-
| cancelText | 取消操作文案 | string
|
|
25
|
-
| closeText | 确定操作文案 | string
|
|
26
|
-
| iconType | icon 类型 | SheetsIconType
|
|
27
|
-
| size | size | SheetsSize
|
|
28
|
-
| children | sheets内容 | ReactNode
|
|
29
|
-
| maskStyle | mask style | ViewStyle
|
|
30
|
-
| sheetsStyle | sheets style | ViewStyle
|
|
31
|
-
| headerStyle | header样式 | ViewStyle
|
|
32
|
-
| autoSize | 高度 | number
|
|
33
|
-
| header | 自定义header | ReactNode
|
|
34
|
-
| animatedSheetsSize | AnimatedSheets是否是固定高度 | AnimatedSheetsSize
|
|
35
|
-
| isMaskClose | 点击弹层回调 | boolean
|
|
36
|
-
| visible | 是否展示sheets | boolean
|
|
37
|
-
| onImmediateCancel | 点击关闭弹窗立即执行 | ()
|
|
38
|
-
| onImmediateConfirm | 点击确定弹窗立即执行 | ()
|
|
39
|
-
| avoidSheetsMove | 安卓上是否阻止键盘弹出弹窗位置上移 | boolean
|
|
40
|
-
| headlerLayout | headlerLayout | "center" | "left"
|
|
41
|
-
| openAnimation | openAnimation | {
|
|
42
|
-
|
|
43
|
-
duration?: number;
|
|
44
|
-
easing?: (value: number) => number;
|
|
45
|
-
|
|
46
|
-
} | `{}` |
|
|
47
|
-
| closeAnimation | closeAnimation | {
|
|
48
|
-
duration?: number;
|
|
49
|
-
easing?: (value: number) => number;
|
|
50
|
-
} | `{}` |
|
|
13
|
+
| 属性 | 描述 | 类型 | 默认值 |
|
|
14
|
+
| ------------------ | ---------------------------------- | ------------------------------------------------------------------------- | ----------------------- |
|
|
15
|
+
| label | 标题 | string | |
|
|
16
|
+
| mask | 是否展示遮罩层 | boolean | true |
|
|
17
|
+
| maskMode | 背景颜色类型 | SheetsMaskMode | SheetsMaskMode.light |
|
|
18
|
+
| sheetsType | sheets类型 | SheetsType | SheetsType.normal |
|
|
19
|
+
| cancel | 返回按钮 | boolean | true |
|
|
20
|
+
| close | 关闭按钮 | boolean | true |
|
|
21
|
+
| zIndex | 容器层级 | number | 0 |
|
|
22
|
+
| cancelType | 返回按钮类型 | SheetsActionType | SheetsActionType.icon |
|
|
23
|
+
| closeType | 确定按钮类型 | SheetsActionType | SheetsActionType.icon |
|
|
24
|
+
| cancelText | 取消操作文案 | string | |
|
|
25
|
+
| closeText | 确定操作文案 | string | |
|
|
26
|
+
| iconType | icon 类型 | SheetsIconType | SheetsIconType.normal |
|
|
27
|
+
| size | size | SheetsSize | SheetsSize.auto |
|
|
28
|
+
| children | sheets内容 | ReactNode | |
|
|
29
|
+
| maskStyle | mask style | ViewStyle | `{}` |
|
|
30
|
+
| sheetsStyle | sheets style | ViewStyle | `{}` |
|
|
31
|
+
| headerStyle | header样式 | ViewStyle | `{}` |
|
|
32
|
+
| autoSize | 高度 | number | |
|
|
33
|
+
| header | 自定义header | ReactNode | |
|
|
34
|
+
| animatedSheetsSize | AnimatedSheets是否是固定高度 | AnimatedSheetsSize | AnimatedSheetsSize.auto |
|
|
35
|
+
| isMaskClose | 点击弹层回调 | boolean | true |
|
|
36
|
+
| visible | 是否展示sheets | boolean | false |
|
|
37
|
+
| onImmediateCancel | 点击关闭弹窗立即执行 | () => void | () => {} |
|
|
38
|
+
| onImmediateConfirm | 点击确定弹窗立即执行 | () => void | () => {} |
|
|
39
|
+
| avoidSheetsMove | 安卓上是否阻止键盘弹出弹窗位置上移 | boolean | false |
|
|
40
|
+
| headlerLayout | headlerLayout | "center" | "left" | center |
|
|
41
|
+
| openAnimation | openAnimation | `{ duration?: number; easing?: (value: number) => number; }` | `{}` |
|
|
42
|
+
| closeAnimation | closeAnimation | `{ duration?: number; easing?: (value: number) => number; }` | `{}` |
|
|
51
43
|
|
|
52
44
|
### Events
|
|
53
45
|
|
|
54
|
-
| 事件 | 描述 | 类型
|
|
55
|
-
| ------------- | ---------------- |
|
|
56
|
-
| onCancel | 取消事件 | ()
|
|
57
|
-
| onConfirm | 确定事件 | ()
|
|
58
|
-
| onAnimatedOut | 弹窗动画结束特效 | ()
|
|
46
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
47
|
+
| ------------- | ---------------- | ------------ | ----------- |
|
|
48
|
+
| onCancel | 取消事件 | () => any | () => {} |
|
|
49
|
+
| onConfirm | 确定事件 | () => any | () => {} |
|
|
50
|
+
| onAnimatedOut | 弹窗动画结束特效 | () => any | () => {} |
|
|
@@ -29,9 +29,9 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
29
29
|
|
|
30
30
|
### Events
|
|
31
31
|
|
|
32
|
-
| 事件 | 描述 | 类型
|
|
33
|
-
| ------------- | ------------------ |
|
|
34
|
-
| onValueChange | 当值发生变化时触发 | (value: number)
|
|
35
|
-
| onDrag | 拖拽时触发 | (value: Event)
|
|
36
|
-
| onDragStart | 拖拽开始触发 | (value: Event)
|
|
37
|
-
| onDragEnd | 拖拽完成触发 | (value: Event)
|
|
32
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
33
|
+
| ------------- | ------------------ | ------------------------- | ------ |
|
|
34
|
+
| onValueChange | 当值发生变化时触发 | (value: number) => any | |
|
|
35
|
+
| onDrag | 拖拽时触发 | (value: Event) => any | |
|
|
36
|
+
| onDragStart | 拖拽开始触发 | (value: Event) => any | |
|
|
37
|
+
| onDragEnd | 拖拽完成触发 | (value: Event) => any | |
|
|
@@ -21,6 +21,6 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
21
21
|
|
|
22
22
|
### Events
|
|
23
23
|
|
|
24
|
-
| 事件 | 描述 | 类型
|
|
25
|
-
| -------- | ------------------ |
|
|
26
|
-
| onChange | 当值发生变化时触发 | (value: number)
|
|
24
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
25
|
+
| -------- | ------------------ | ------------------------- | ------ |
|
|
26
|
+
| onChange | 当值发生变化时触发 | (value: number) => any | |
|
|
@@ -25,7 +25,7 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
25
25
|
|
|
26
26
|
### Events
|
|
27
27
|
|
|
28
|
-
| 事件 | 描述 | 类型
|
|
29
|
-
| -------- | ------------------ |
|
|
30
|
-
| onChange | 当值发生变化时触发 | (value: boolean)
|
|
31
|
-
| onClick | 被点击时触发 | (value: GestureResponderEvent)
|
|
28
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
29
|
+
| -------- | ------------------ | ---------------------------------------- | ------ |
|
|
30
|
+
| onChange | 当值发生变化时触发 | (value: boolean) => any | |
|
|
31
|
+
| onClick | 被点击时触发 | (value: GestureResponderEvent) => any | |
|
|
@@ -29,6 +29,6 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
|
|
|
29
29
|
|
|
30
30
|
### Events
|
|
31
31
|
|
|
32
|
-
| 事件 | 描述 | 类型
|
|
33
|
-
| -------- | ------- |
|
|
34
|
-
| onChange | 点击tab | (value: string, index: number)
|
|
32
|
+
| 事件 | 描述 | 类型 | 默认值 |
|
|
33
|
+
| -------- | ------- | ---------------------------------------- | ------ |
|
|
34
|
+
| onChange | 点击tab | (value: string, index: number) => any | |
|