@fjyueke/arco-mcp 1.0.0 → 1.0.1

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.
Files changed (61) hide show
  1. package/metaData/components/action-sheet/api.md +94 -0
  2. package/metaData/components/avatar/api.md +49 -0
  3. package/metaData/components/badge/api.md +20 -0
  4. package/metaData/components/button/api.md +37 -0
  5. package/metaData/components/carousel/api.md +81 -0
  6. package/metaData/components/cell/api.md +60 -0
  7. package/metaData/components/checkbox/api.md +83 -0
  8. package/metaData/components/circle-progress/api.md +32 -0
  9. package/metaData/components/collapse/api.md +66 -0
  10. package/metaData/components/context-provider/api.md +36 -0
  11. package/metaData/components/count-down/api.md +32 -0
  12. package/metaData/components/date-picker/api.md +94 -0
  13. package/metaData/components/dialog/api.md +192 -0
  14. package/metaData/components/divider/api.md +17 -0
  15. package/metaData/components/dropdown/api.md +72 -0
  16. package/metaData/components/dropdown-menu/api.md +83 -0
  17. package/metaData/components/ellipsis/api.md +25 -0
  18. package/metaData/components/form/api.md +82 -0
  19. package/metaData/components/grid/api.md +31 -0
  20. package/metaData/components/icon/api.md +7 -0
  21. package/metaData/components/image/api.md +54 -0
  22. package/metaData/components/image-picker/api.md +108 -0
  23. package/metaData/components/image-preview/api.md +111 -0
  24. package/metaData/components/index-bar/api.md +75 -0
  25. package/metaData/components/input/api.md +52 -0
  26. package/metaData/components/keyboard/api.md +65 -0
  27. package/metaData/components/load-more/api.md +40 -0
  28. package/metaData/components/loading/api.md +26 -0
  29. package/metaData/components/masking/api.md +85 -0
  30. package/metaData/components/nav-bar/api.md +32 -0
  31. package/metaData/components/notice-bar/api.md +26 -0
  32. package/metaData/components/notify/api.md +73 -0
  33. package/metaData/components/pagination/api.md +33 -0
  34. package/metaData/components/picker/api.md +81 -0
  35. package/metaData/components/picker-view/api.md +49 -0
  36. package/metaData/components/popover/api.md +136 -0
  37. package/metaData/components/popup/api.md +93 -0
  38. package/metaData/components/popup-swiper/api.md +100 -0
  39. package/metaData/components/portal/api.md +6 -0
  40. package/metaData/components/progress/api.md +34 -0
  41. package/metaData/components/pull-refresh/api.md +29 -0
  42. package/metaData/components/radio/api.md +81 -0
  43. package/metaData/components/rate/api.md +25 -0
  44. package/metaData/components/search-bar/api.md +89 -0
  45. package/metaData/components/show-monitor/api.md +26 -0
  46. package/metaData/components/skeleton/api.md +93 -0
  47. package/metaData/components/slider/api.md +34 -0
  48. package/metaData/components/stepper/api.md +38 -0
  49. package/metaData/components/steps/api.md +49 -0
  50. package/metaData/components/sticky/api.md +37 -0
  51. package/metaData/components/swipe-action/api.md +36 -0
  52. package/metaData/components/swipe-load/api.md +35 -0
  53. package/metaData/components/switch/api.md +30 -0
  54. package/metaData/components/tab-bar/api.md +49 -0
  55. package/metaData/components/tabs/api.md +179 -0
  56. package/metaData/components/tag/api.md +72 -0
  57. package/metaData/components/textarea/api.md +59 -0
  58. package/metaData/components/toast/api.md +82 -0
  59. package/metaData/components/transition/api.md +11 -0
  60. package/metaData/components/uploader/api.md +74 -0
  61. package/package.json +1 -1
@@ -0,0 +1,94 @@
1
+ > 属性/Props
2
+
3
+ |参数|描述|类型|默认值|
4
+ |----------|-------------|------|------|
5
+ |onOk|点击选中时执行的回调|(timestamp: number \| \[number, number\], obj: IDateObj \| \[IDateObj, IDateObj\]) =\> void|-|
6
+ |currentTs|当前选中的时间,timestamp|number \| \[number, number\]|Date.now()|
7
+ |onChange|选中后的回调|(timestamp: number \| \[number, number\], obj: IDateObj \| \[IDateObj, IDateObj\]) =\> void|-|
8
+ |onValueChange|每列数据选择变化后的回调函数|(timestamp: number, obj: IDateObj, index: number) =\> void|-|
9
+ |mode|可选列类型,date \- 年月日,time \- 时分秒,datetime \- 年月日时分秒|"date" \| "time" \| "datetime"|"datetime"|
10
+ |typeArr|可选列数组|ItemType\[\]|[]|
11
+ |minTs|最小可选日期,timestamp|number \| \{ startTs: number; endTs: number; \}|当前时间的前十年|
12
+ |maxTs|最大可选日期,timestamp|number \| \{ startTs: number; endTs: number; \}|当前时间的后十年|
13
+ |useUTC|是否使用 UTC 时间|boolean|false|
14
+ |rangeItemFormat|日期时间范围选择展示格式|string|-|
15
+ |formatter|各可选项展示的格式化方法,参数type为ItemTypes,参数value为当前行的值,返回展示的文字|(value: number, type: ItemType) =\> string|(value: number) => (value < 10 ? \`0${value}\` : String(value))|
16
+ |valueFilter|可选择行过滤方法,参数type为ItemType,参数value为当前行的值,返回true表示该行可选择|(type: ItemType, value: number) =\> boolean|() => true|
17
+ |columnsProcessor|选择器列表项干预,可插入自定义选项|(columns: PickerData\[\]\[\], currentDateObj: IDateObj) =\> PickerData\[\]\[\]|-|
18
+ |renderSeparator|自定义分隔符|() =\> ReactNode|-|
19
+ |renderLinkedContainer|将选择器的展现隐藏状态及选中值的展示与某个容器关联,传入后将同时渲染该容器和选择器组件,此时选择器组件的 visible 和 onHide 属性可不传,点击该容器会唤起选择器|(currentTs: number \| \[number, number\], itemTypes: ItemType\[\]) =\> ReactNode|-|
20
+ |visible|是否展示选择器|boolean|false|
21
+ |maskClosable|点击蒙层是否关闭菜单|boolean|false|
22
+ |needBottomOffset|从底部滑出的菜单内容是否适配ipx底部|boolean|false|
23
+ |translateZ|\[即将废弃\] 开启translateZ强制提升|boolean|false|
24
+ |maskTransitionTimeout|菜单蒙层动画时长|number \| \{ appear?: number; enter?: number; exit?: number; \}|{ enter: 450, exit: 240 }|
25
+ |contentTransitionTimeout|菜单内容动画时长|number \| \{ appear?: number; enter?: number; exit?: number; \}|{ enter: 450, exit: 240 }|
26
+ |contentTransitionType|内容过渡动画类名|string|\`slide-from-${props.direction}\`|
27
+ |className|自定义类名|string|-|
28
+ |maskClass|自定义蒙层类名|string|-|
29
+ |maskStyle|自定义蒙层样式|CSSProperties|-|
30
+ |contentClass|自定义内容类名|string|-|
31
+ |contentStyle|自定义内容样式|CSSProperties|-|
32
+ |maskTransitionType|蒙层过渡动画类名|string|"fade"|
33
+ |contentTransitionVarType|内容过渡动画类名变量标识|string|-|
34
+ |animatingClosable|执行进场动画时点击蒙层是否可关闭菜单|boolean|false|
35
+ |mountOnEnter|是否在打开菜单时再加载内容|boolean|true|
36
+ |unmountOnExit|是否在退出时卸载内容|boolean|true|
37
+ |preventBodyScroll|弹窗打开时是否禁止body的滚动|boolean|true|
38
+ |initialBodyOverflow|页面初始 overflow 状态,即关闭弹窗时 overflow 应该还原的状态|string|第一个全屏组件(弹窗、toast等)打开时页面overflow值|
39
+ |gestureOutOfControl|是否禁用滚动容器手势判断,禁用后交给业务方自己判断|boolean|true|
40
+ |onClose|关闭后回调(动画执行完毕)|(scene?: string) =\> void|-|
41
+ |onOpen|打开后回调(动画执行完毕)|() =\> void|-|
42
+ |onMaskClick|点击蒙层回调,maskClosable=false时也会触发|() =\> void|-|
43
+ |onTouchMove|弹窗的touchmove回调|(e: TouchEvent, prevented: boolean, direction: "x" \| "y") =\> void|-|
44
+ |onPreventTouchMove|非滚动区域或滚动到顶部及底部时的触摸事件回调|(e: TouchEvent, direction: "x" \| "y") =\> void|-|
45
+ |getContainer|获取挂载容器|() =\> HTMLElement|-|
46
+ |rows|行数(一列可选项的行数),必须是奇数,最小为3个|number|5|
47
+ |disabled|是否不可用|boolean|false|
48
+ |onHide|点击遮罩层或取消、确定按钮的隐藏回调|(scene?: string) =\> void|-|
49
+ |itemStyle|每列样式|CSSProperties|-|
50
+ |okText|弹窗确认已选值的文案|string|"确定"|
51
+ |dismissText|弹窗取消的文案|string|"取消"|
52
+ |onDismiss|点击取消时执行的回调|() =\> void|-|
53
+ |clickable|是否可通过点击操作选择内容|boolean|true|
54
+ |hideEmptyCols|是否隐藏无数据的空列,常用于级联选择|boolean|false|
55
+ |title|选择器标题|string|""|
56
+ |touchToStop|是否通过长按停止滑动,传入数字 x 表示触摸超过 x 毫秒算长按,传 true 表示 x=100,长按事件与 click 事件互斥|number \| boolean|false|
57
+ |renderExtraHeader|自定义头部扩展区域|() =\> ReactNode|-|
58
+
59
+ > 引用/Refs
60
+
61
+ |参数|描述|类型|
62
+ |----------|-------------|------|
63
+ |dom|最外层元素 DOM|HTMLDivElement|
64
+
65
+ > IDateObj
66
+
67
+ |参数|描述|类型|
68
+ |----------|-------------|------|
69
+ |year|年|number|
70
+ |month|月|number|
71
+ |date|日|number|
72
+ |hour|时|number|
73
+ |minute|分|number|
74
+ |second|秒|number|
75
+
76
+ > mode
77
+
78
+ ```
79
+ "date" | "time" | "datetime"
80
+ ```
81
+
82
+ > ItemType
83
+
84
+ ```
85
+ "date" | "year" | "month" | "hour" | "minute" | "second"
86
+ ```
87
+
88
+ > PickerData
89
+
90
+ |参数|描述|类型|
91
+ |----------|-------------|------|
92
+ |value|每一列展示的每项文案对应的值|ReactText|
93
+ |label|每一列展示的文案|ReactNode|
94
+ |children|级联状态下,该列对应的下一列数据|PickerData\[\]|
@@ -0,0 +1,192 @@
1
+ > 属性/Props
2
+
3
+ |参数|描述|类型|默认值|
4
+ |----------|-------------|------|------|
5
+ |title|弹窗标题|ReactNode|-|
6
+ |footer|底部按钮配置|FooterButtonOptions\[\]|[]|
7
+ |footerType|底部按钮样式,grid表示通栏样式,button表示按钮样式,platform=ios时有效|"grid" \| "button"|"grid"|
8
+ |renderFooter|自定义渲染footer|() =\> ReactNode|-|
9
+ |footerCollapseCount|底部按钮大于等于多少个时竖向排布|number|3|
10
+ |titleAlign|标题对齐方向|"left" \| "center" \| "right"|platform=android 时为"left",否则为"center"|
11
+ |contentAlign|内容对齐方向|"left" \| "center" \| "right"|platform=android 时为"left",否则为"center"|
12
+ |platform|当前所在操作系统,对应不同样式|"ios" \| "android"|跟随当前所在系统|
13
+ |extra|弹窗中的其他元素,比如关闭按钮等|ReactNode|-|
14
+ |contentTransitionType|内容过渡动画类名|string|platform=android 时为"fade",否则为"fade-scale"|
15
+ |maskTransitionTimeout|蒙层动画时长|number \| \{ appear?: number; enter?: number; exit?: number; \}|300|
16
+ |contentTransitionTimeout|弹窗内容动画时长|number \| \{ appear?: number; enter?: number; exit?: number; \}|450|
17
+ |className|自定义类名|string|-|
18
+ |maskClass|自定义蒙层类名|string|-|
19
+ |maskStyle|自定义蒙层样式|CSSProperties|-|
20
+ |contentClass|自定义内容类名|string|-|
21
+ |contentStyle|自定义内容样式|CSSProperties|-|
22
+ |visible|是否展示菜单(受控)|boolean|必填|
23
+ |close|关闭菜单方法|(e: MouseEvent\<HTMLElement, MouseEvent\>) =\> void|必填|
24
+ |maskTransitionType|蒙层过渡动画类名|string|"fade"|
25
+ |contentTransitionVarType|内容过渡动画类名变量标识|string|-|
26
+ |children|菜单内部内容|ReactNode|-|
27
+ |maskClosable|点击蒙层是否关闭菜单|boolean|true|
28
+ |animatingClosable|执行进场动画时点击蒙层是否可关闭菜单|boolean|false|
29
+ |mountOnEnter|是否在打开菜单时再加载内容|boolean|true|
30
+ |unmountOnExit|是否在退出时卸载内容|boolean|true|
31
+ |orientationDirection|transform方向,用于通过transform模拟横屏的情况|"left" \| "right" \| "top" \| "bottom"|"top"|
32
+ |preventBodyScroll|弹窗打开时是否禁止body的滚动|boolean|true|
33
+ |initialBodyOverflow|页面初始 overflow 状态,即关闭弹窗时 overflow 应该还原的状态|string|第一个全屏组件(弹窗、toast等)打开时页面overflow值|
34
+ |gestureOutOfControl|是否禁用滚动容器手势判断,禁用后交给业务方自己判断|boolean|false|
35
+ |onClose|关闭后回调(动画执行完毕)|(scene?: string) =\> void|-|
36
+ |onOpen|打开后回调(动画执行完毕)|() =\> void|-|
37
+ |onMaskClick|点击蒙层回调,maskClosable=false时也会触发|() =\> void|-|
38
+ |onTouchMove|弹窗的touchmove回调|(e: TouchEvent, prevented: boolean, direction: "x" \| "y") =\> void|-|
39
+ |onPreventTouchMove|非滚动区域或滚动到顶部及底部时的触摸事件回调|(e: TouchEvent, direction: "x" \| "y") =\> void|-|
40
+ |getContainer|获取挂载容器|() =\> HTMLElement|-|
41
+ |getScrollContainer|内容内部滚动区域容器,在该容器中未滚动到顶部或底部时会释放滚动|() =\> HTMLElement \| HTMLElement\[\]|-|
42
+
43
+ > 引用/Refs
44
+
45
+ |参数|描述|类型|
46
+ |----------|-------------|------|
47
+ |dom|最外层元素 DOM|HTMLDivElement|
48
+ |mask|蒙层 DOM|HTMLDivElement|
49
+ |content|内容 DOM|HTMLDivElement|
50
+ |setCloseScene|在关闭弹窗前修改 onClose 的 scene 参数值|(scene: string) =\> void|
51
+
52
+ > 方法/Methods
53
+
54
+ |方法名|描述|类型|
55
+ |----------|-------------|------|
56
+ |alert|打开确认框(含一个确认按钮)|(config: AlertOptions & DialogProps) =\> \{ close: () =\> void; update: (newConfig: AlertOptions & DialogProps) =\> void; \}|
57
+ |confirm|打开提示框(含一个确认按钮和一个取消按钮)|(config: ConfirmOptions & AlertOptions) =\> \{ close: () =\> void; update: (newConfig: ConfirmOptions & AlertOptions) =\> void; \}|
58
+ |open|打开常规对话框|(config: DialogProps) =\> \{ close: () =\> void; update: (newConfig: DialogProps) =\> void; \}|
59
+
60
+ > FooterButtonOptions
61
+
62
+ |参数|描述|类型|
63
+ |----------|-------------|------|
64
+ |content|按钮内容|ReactNode \| ((locale: ILocale) =\> ReactNode)|
65
+ |className|按钮类名|string|
66
+ |disabled|是否禁用按钮|boolean|
67
+ |onClick|点击按钮事件,返回值为true时可以阻止dialog关闭|(e: MouseEvent\<HTMLElement, MouseEvent\>) =\> boolean \| void \| Promise\<boolean \| void\>|
68
+
69
+ > ILocale
70
+
71
+ |参数|描述|类型|
72
+ |----------|-------------|------|
73
+ |locale|语言类型|string|
74
+ |LoadMore|-|\{ loadMoreText: string; loadingText: string; noDataText: string; failLoadText: string; prepareScrollText: string; prepareClickText: string; \}|
75
+ |Picker|-|\{ okText: string; cancelText: string; \}|
76
+ |Tag|-|\{ addTag: string; \}|
77
+ |Dialog|-|\{ okText: string; cancelText: string; \}|
78
+ |SwipeLoad|-|\{ normalText: string; activeText: string; \}|
79
+ |PullRefresh|-|\{ loadingText: string; pullingText: string; finishText: string; loosingText: string; \}|
80
+ |DropdownMenu|-|\{ select: string; \}|
81
+ |Pagination|-|\{ previousPage: string; nextPage: string; \}|
82
+ |Image|-|\{ loadError: string; \}|
83
+ |ImagePicker|-|\{ loadError: string; \}|
84
+ |SearchBar|-|\{ placeholder: string; cancelBtn: string; \}|
85
+ |Stepper|-|\{ minusButtonName: string; addButtonName: string; \}|
86
+ |Keyboard|-|\{ confirm: string; \}|
87
+ |Form|-|\{ required: string; type: \{ email: string; url: string; string: string; number: string; array: string; object: string; boolean: string; \}; number: \{ min: string; max: string; equal: string; range: string; positive: string; negative: string; \}; \.\.\. 4 more \.\.\.; pickerDefaultHint: string; \}|
88
+ |NavBar|-|\{ backBtnAriaLabel: string; \}|
89
+ |Uploader|-|\{ uploadBtn: string; retryUpload: string; \}|
90
+
91
+ > AlertOptions
92
+
93
+ |参数|描述|类型|默认值|
94
+ |----------|-------------|------|------|
95
+ |key|组件挂载容器id区分|string|-|
96
+ |onOk|点击确认按钮回调|(e: MouseEvent\<HTMLElement, MouseEvent\>) =\> boolean \| void \| Promise\<boolean \| void\>|-|
97
+ |okText|确认按钮文字|ReactNode|-|
98
+ |unmountOnExit|是否在退出时卸载内容|boolean|true|
99
+ |getContainer|获取挂载容器|() =\> HTMLElement|-|
100
+ |onClose|关闭后回调(动画执行完毕)|(scene?: string) =\> void|-|
101
+ |title|弹窗标题|ReactNode|-|
102
+ |footer|底部按钮配置|FooterButtonOptions\[\]|[]|
103
+ |footerType|底部按钮样式,grid表示通栏样式,button表示按钮样式,platform=ios时有效|"grid" \| "button"|"grid"|
104
+ |renderFooter|自定义渲染footer|() =\> ReactNode|-|
105
+ |footerCollapseCount|底部按钮大于等于多少个时竖向排布|number|3|
106
+ |titleAlign|标题对齐方向|"left" \| "center" \| "right"|platform=android 时为"left",否则为"center"|
107
+ |contentAlign|内容对齐方向|"left" \| "center" \| "right"|platform=android 时为"left",否则为"center"|
108
+ |platform|当前所在操作系统,对应不同样式|"ios" \| "android"|跟随当前所在系统|
109
+ |extra|弹窗中的其他元素,比如关闭按钮等|ReactNode|-|
110
+ |contentTransitionType|内容过渡动画类名|string|platform=android 时为"fade",否则为"fade-scale"|
111
+ |maskTransitionTimeout|蒙层动画时长|number \| \{ appear?: number; enter?: number; exit?: number; \}|300|
112
+ |contentTransitionTimeout|弹窗内容动画时长|number \| \{ appear?: number; enter?: number; exit?: number; \}|450|
113
+ |className|自定义类名|string|-|
114
+ |maskClass|自定义蒙层类名|string|-|
115
+ |maskStyle|自定义蒙层样式|CSSProperties|-|
116
+ |contentClass|自定义内容类名|string|-|
117
+ |contentStyle|自定义内容样式|CSSProperties|-|
118
+ |maskTransitionType|蒙层过渡动画类名|string|"fade"|
119
+ |contentTransitionVarType|内容过渡动画类名变量标识|string|-|
120
+ |children|菜单内部内容|ReactNode|-|
121
+ |maskClosable|点击蒙层是否关闭菜单|boolean|true|
122
+ |animatingClosable|执行进场动画时点击蒙层是否可关闭菜单|boolean|false|
123
+ |mountOnEnter|是否在打开菜单时再加载内容|boolean|true|
124
+ |orientationDirection|transform方向,用于通过transform模拟横屏的情况|"left" \| "right" \| "top" \| "bottom"|"top"|
125
+ |preventBodyScroll|弹窗打开时是否禁止body的滚动|boolean|true|
126
+ |initialBodyOverflow|页面初始 overflow 状态,即关闭弹窗时 overflow 应该还原的状态|string|第一个全屏组件(弹窗、toast等)打开时页面overflow值|
127
+ |gestureOutOfControl|是否禁用滚动容器手势判断,禁用后交给业务方自己判断|boolean|false|
128
+ |onOpen|打开后回调(动画执行完毕)|() =\> void|-|
129
+ |onMaskClick|点击蒙层回调,maskClosable=false时也会触发|() =\> void|-|
130
+ |onTouchMove|弹窗的touchmove回调|(e: TouchEvent, prevented: boolean, direction: "x" \| "y") =\> void|-|
131
+ |onPreventTouchMove|非滚动区域或滚动到顶部及底部时的触摸事件回调|(e: TouchEvent, direction: "x" \| "y") =\> void|-|
132
+ |getScrollContainer|内容内部滚动区域容器,在该容器中未滚动到顶部或底部时会释放滚动|() =\> HTMLElement \| HTMLElement\[\]|-|
133
+
134
+ > GlobalContextParams
135
+
136
+ |参数|描述|类型|默认值|
137
+ |----------|-------------|------|------|
138
+ |prefixCls|组件类名前缀|string|"arco"|
139
+ |system|手动控制当前所在系统,传入后将直接使用传入的值,ssr场景需指定系统初始值时适用|"" \| "ios" \| "android" \| "pc"|""|
140
+ |useDarkMode|是否监听系统原生的暗黑模式变化(prefers\-color\-scheme: dark)以判断是否切为暗黑模式|boolean|false|
141
+ |isDarkMode|是否处于暗黑模式,指定后以指定的值为准|boolean|false|
142
+ |darkModeSelector|当处于暗黑模式时,body上挂载的类名,为空值时不挂载类名|string|"arco-theme-dark"|
143
+ |theme|主题变量,传入后将在线替换css变量,需设置less变量 @use\-css\-vars: 1|Record\<string, string\>|-|
144
+ |locale|国际化语言包配置|ILocale|-|
145
+ |useRtl|是否使用Rtl模式|boolean|false|
146
+ |onDarkModeChange|当系统原生暗黑模式发生变化时触发,useDarkMode=true 时有效|(isDark: boolean) =\> void|-|
147
+ |createRoot|React19 修改了 createRoot 的引入路径,导致组件内部无法直接引入(低react版本会找不到模块)。因此使用 react 19 的用户需从外部传入 createRoot 方法|CreateRootFnType|-|
148
+
149
+ > ConfirmOptions
150
+
151
+ |参数|描述|类型|默认值|
152
+ |----------|-------------|------|------|
153
+ |onCancel|点击取消按钮回调|(e: MouseEvent\<HTMLElement, MouseEvent\>) =\> boolean \| void \| Promise\<boolean \| void\>|-|
154
+ |cancelText|取消按钮文字|ReactNode|-|
155
+ |key|组件挂载容器id区分|string|-|
156
+ |onOk|点击确认按钮回调|(e: MouseEvent\<HTMLElement, MouseEvent\>) =\> boolean \| void \| Promise\<boolean \| void\>|-|
157
+ |okText|确认按钮文字|ReactNode|-|
158
+ |unmountOnExit|是否在退出时卸载内容|boolean|true|
159
+ |getContainer|获取挂载容器|() =\> HTMLElement|-|
160
+ |onClose|关闭后回调(动画执行完毕)|(scene?: string) =\> void|-|
161
+ |title|弹窗标题|ReactNode|-|
162
+ |footer|底部按钮配置|FooterButtonOptions\[\]|[]|
163
+ |footerType|底部按钮样式,grid表示通栏样式,button表示按钮样式,platform=ios时有效|"grid" \| "button"|"grid"|
164
+ |renderFooter|自定义渲染footer|() =\> ReactNode|-|
165
+ |footerCollapseCount|底部按钮大于等于多少个时竖向排布|number|3|
166
+ |titleAlign|标题对齐方向|"left" \| "center" \| "right"|platform=android 时为"left",否则为"center"|
167
+ |contentAlign|内容对齐方向|"left" \| "center" \| "right"|platform=android 时为"left",否则为"center"|
168
+ |platform|当前所在操作系统,对应不同样式|"ios" \| "android"|跟随当前所在系统|
169
+ |extra|弹窗中的其他元素,比如关闭按钮等|ReactNode|-|
170
+ |contentTransitionType|内容过渡动画类名|string|platform=android 时为"fade",否则为"fade-scale"|
171
+ |maskTransitionTimeout|蒙层动画时长|number \| \{ appear?: number; enter?: number; exit?: number; \}|300|
172
+ |contentTransitionTimeout|弹窗内容动画时长|number \| \{ appear?: number; enter?: number; exit?: number; \}|450|
173
+ |className|自定义类名|string|-|
174
+ |maskClass|自定义蒙层类名|string|-|
175
+ |maskStyle|自定义蒙层样式|CSSProperties|-|
176
+ |contentClass|自定义内容类名|string|-|
177
+ |contentStyle|自定义内容样式|CSSProperties|-|
178
+ |maskTransitionType|蒙层过渡动画类名|string|"fade"|
179
+ |contentTransitionVarType|内容过渡动画类名变量标识|string|-|
180
+ |children|菜单内部内容|ReactNode|-|
181
+ |maskClosable|点击蒙层是否关闭菜单|boolean|true|
182
+ |animatingClosable|执行进场动画时点击蒙层是否可关闭菜单|boolean|false|
183
+ |mountOnEnter|是否在打开菜单时再加载内容|boolean|true|
184
+ |orientationDirection|transform方向,用于通过transform模拟横屏的情况|"left" \| "right" \| "top" \| "bottom"|"top"|
185
+ |preventBodyScroll|弹窗打开时是否禁止body的滚动|boolean|true|
186
+ |initialBodyOverflow|页面初始 overflow 状态,即关闭弹窗时 overflow 应该还原的状态|string|第一个全屏组件(弹窗、toast等)打开时页面overflow值|
187
+ |gestureOutOfControl|是否禁用滚动容器手势判断,禁用后交给业务方自己判断|boolean|false|
188
+ |onOpen|打开后回调(动画执行完毕)|() =\> void|-|
189
+ |onMaskClick|点击蒙层回调,maskClosable=false时也会触发|() =\> void|-|
190
+ |onTouchMove|弹窗的touchmove回调|(e: TouchEvent, prevented: boolean, direction: "x" \| "y") =\> void|-|
191
+ |onPreventTouchMove|非滚动区域或滚动到顶部及底部时的触摸事件回调|(e: TouchEvent, direction: "x" \| "y") =\> void|-|
192
+ |getScrollContainer|内容内部滚动区域容器,在该容器中未滚动到顶部或底部时会释放滚动|() =\> HTMLElement \| HTMLElement\[\]|-|
@@ -0,0 +1,17 @@
1
+ > 属性/Props
2
+
3
+ |参数|描述|类型|默认值|
4
+ |----------|-------------|------|------|
5
+ |hairline|是否使用 0\.5px 线|boolean|true|
6
+ |content|文字|ReactNode|-|
7
+ |align|文字位置|"left" \| "center" \| "right"|'center'|
8
+ |width|分割线宽度(单边),仅在\`align\`为\`center\`时生效|ReactText|-|
9
+ |children|子元素,同 content,优先级低于 content|ReactNode|null|
10
+ |className|自定义类名|string|""|
11
+ |style|自定义样式|CSSProperties|{}|
12
+
13
+ > 引用/Refs
14
+
15
+ |参数|描述|类型|
16
+ |----------|-------------|------|
17
+ |dom|最外层 DOM 元素|HTMLDivElement|
@@ -0,0 +1,72 @@
1
+ > 属性/Props
2
+
3
+ |参数|描述|类型|默认值|
4
+ |----------|-------------|------|------|
5
+ |showDropdown|是否展开下拉框|boolean|必填|
6
+ |options|展示的选项,优先级低于dropdownNode|OptionsItem\[\]|[]|
7
+ |children|自定义下拉框元素|ReactNode|-|
8
+ |onCancel|取消选择|() =\> void|必填|
9
+ |className|自定义类名|string|-|
10
+ |style|自定义样式|CSSProperties|-|
11
+ |extraNode|下拉框底部元素|ReactNode|-|
12
+ |top|定位下拉框出现的位置|number|-|
13
+ |bottom|向上展开时下拉框出现的位置|number|-|
14
+ |direction|展开方向|"up" \| "down"|"down"|
15
+ |height|受控模式,下拉框高度|number|-|
16
+ |maxHeight|下拉框最大的高度|number|500|
17
+ |clickOtherToClose|点击其他区域是否取消选择|boolean|true|
18
+ |touchToClose|是否在触发touchstart时就取消选择,否则在click之后再取消选择|boolean|true|
19
+ |dropdownAnimationTimeout|展开收起动画的时间|number|300|
20
+ |dropdownAnimationFunction|展开收起动画曲线函数|string|"cubic-bezier(0.32, 0.96, 0.6, 1)"|
21
+ |showMask|是否展示遮罩层|boolean|true|
22
+ |maskAnimationTimeout|蒙层动画时长|number|500|
23
+ |maskAnimationFunction|蒙层动画函数|string|"cubic-bezier(0.32, 0.96, 0.6, 1)"|
24
+ |useColumn|使用多列标签样式,传 true 为 4 列,传数字为指定 n 列|number \| boolean|false|
25
+ |optionIcon|选项附带图标|ReactNode|-|
26
+ |mountOnEnter|是否在打开下拉框时再加载内容|boolean|true|
27
+ |unmountOnExit|是否在退出时卸载内容|boolean|true|
28
+ |preventBodyScroll|弹窗打开时是否禁止body的滚动|boolean|true|
29
+ |initialBodyOverflow|页面初始 overflow 状态,即关闭弹窗时 overflow 应该还原的状态|string|第一个全屏组件(弹窗、toast等)打开时页面overflow值|
30
+ |getAnchorElement|用于定位的元素,优先级低于top/bottom|() =\> HTMLElement|当前DOM所在位置的父元素|
31
+ |isStopTouchEl|点击某元素时是否阻止关闭面板, 优先级高于\`getStopTouchElement\`,当 clickOtherToClose=true 时有效|(el: HTMLElement) =\> boolean|-|
32
+ |getStopTouchElements|可阻止关闭面板的元素,当 clickOtherToClose=true 时有效|() =\> HTMLElement\[\]|当前组件的父元素|
33
+ |getScrollContainer|内容内部滚动区域容器,在该容器中未滚动到顶部或底部时会释放滚动|() =\> HTMLElement \| HTMLElement\[\]|-|
34
+ |getPortalContainer|获取挂载容器|() =\> HTMLElement|-|
35
+ |multiple|是否支持多选|boolean|false|
36
+ |defaultSelectedValue|默认选中值|string \| number \| ReactText\[\]|-|
37
+ |selectedValue|当前选择的选项标识|string \| number \| ReactText\[\]|-|
38
+ |onOptionClick|点击选项时触发的回调函数|((val: ReactText, op: OptionsItem) =\> void) \| ((selected: boolean, val: ReactText, op: OptionsItem) =\> void)|-|
39
+ |onOptionChange|当选项改变时触发的回调函数|((val: ReactText, op: OptionsItem) =\> void) \| ((vals: ReactText\[\], op: OptionsItem) =\> void)|-|
40
+
41
+ > 引用/Refs
42
+
43
+ |参数|描述|类型|
44
+ |----------|-------------|------|
45
+ |dom|最外层元素 DOM|HTMLDivElement|
46
+
47
+ > Dropdown.Options
48
+
49
+ |参数|描述|类型|默认值|
50
+ |----------|-------------|------|------|
51
+ |options|展示的选项列表|OptionsItem\[\]|必填|
52
+ |useColumn|使用多列标签样式,传 true 为 4 列,传数字为指定 n 列|number \| boolean|false|
53
+ |icon|选项列表右侧图标|ReactNode|-|
54
+ |multiple|是否支持多选|boolean|false|
55
+ |defaultSelectedValue|默认选中值|string \| number \| ReactText\[\]|-|
56
+ |selectedValue|当前选择的选项标识|string \| number \| ReactText\[\]|-|
57
+ |onOptionClick|点击选项时触发的回调函数|((val: ReactText, op: OptionsItem) =\> void) \| ((selected: boolean, val: ReactText, op: OptionsItem) =\> void)|-|
58
+ |onOptionChange|当选项改变时触发的回调函数|((val: ReactText, op: OptionsItem) =\> void) \| ((vals: ReactText\[\], op: OptionsItem) =\> void)|-|
59
+
60
+ > OptionsItem
61
+
62
+ |参数|描述|类型|
63
+ |----------|-------------|------|
64
+ |label|选项名称|ReactNode|
65
+ |value|选项标识|ReactText|
66
+ |disabled|选项是否可用,默认false表示可用|boolean|
67
+
68
+ > DropdownOptionsRef
69
+
70
+ |参数|描述|类型|
71
+ |----------|-------------|------|
72
+ |dom|最外层元素 DOM|HTMLDivElement|
@@ -0,0 +1,83 @@
1
+ > 属性/Props
2
+
3
+ |参数|描述|类型|默认值|
4
+ |----------|-------------|------|------|
5
+ |className|自定义类名|string|-|
6
+ |style|自定义样式|CSSProperties|-|
7
+ |defaultSelectIndex|初始被选择的选择器的序号|number|-|
8
+ |selectIndex|(受控) 被选择的选择器的序号|number|-|
9
+ |disabled|选择器禁用状态|boolean\[\]|-|
10
+ |selectTips|选择器的说明|string\[\]|-|
11
+ |onSelectChange|当选中的选择器改变的时候触发的回调函数|(selectIndex: number) =\> void|-|
12
+ |icon|选择器右侧的图标|ReactNode|-|
13
+ |defaultShowDropdown|初始状态,下拉框状态|boolean|-|
14
+ |showDropdown|可选受控,组件挂载时下拉框的状态|boolean|-|
15
+ |onDropdownChange|下拉框展示状态改变时触发的回调函数|(dropdown: boolean, selectIndex?: number) =\> void|-|
16
+ |getContainer|获得下拉框的容器|() =\> HTMLDivElement|-|
17
+ |chooseAndClose|选择后是否收起面板,仅单选有效|boolean|true|
18
+ |onCancel|取消选择|() =\> void|-|
19
+ |children|自定义下拉框元素|ReactNode|-|
20
+ |extraForDropdown|dropdown参数|DropdownCommonProps|-|
21
+ |multiple|是否支持多选|boolean|false|
22
+ |options|下拉框展示的选择项,其中级联选项仅单选支持|string\[\] \| OptionsItem\[\]\[\] \| CascadeOptions\[\]|必填|
23
+ |defaultValues|初始选择项|ReactText\[\] \| ReactText\[\]\[\]|-|
24
+ |values|(受控) 每个选择器选中的项|ReactText\[\] \| ReactText\[\]\[\]|-|
25
+ |renderSelectLabel|自定义选择器|((op: OptionsItem, index: number) =\> ReactNode) \| ((op: OptionsItem\[\], index: number) =\> ReactNode)|-|
26
+ |onOptionClick|点击选项时触发的回调函数|((value: ReactText, item: OptionsItem, selectIndex?: number) =\> void) \| ((selected: boolean, val: ReactText, item: OptionsItem, selectIndex?: number) =\> void)|-|
27
+ |onOptionChange|选项改变时触发的回调函数|((value: ReactText, item: OptionsItem, selectIndex?: number) =\> void) \| ((vals: ReactText\[\], item: OptionsItem, selectIndex?: number) =\> void)|-|
28
+ |onValuesChange|所有选择器选项总值改变时的回调函数|((values: ReactText\[\]) =\> void) \| ((values: ReactText\[\]\[\]) =\> void)|-|
29
+ |getFormattedOptions|格式化传入的options|((options: string\[\] \| OptionsItem\[\]\[\] \| CascadeOptions\[\], values?: ReactText\[\]) =\> \{ formattedOptions: OptionsItem\[\]\[\]; formattedValue: ReactText\[\]; \}) \| ((options: string\[\] \| \.\.\. 1 more \.\.\. \| CascadeOptions\[\], values?: ReactText\[\]\[\]) =\> \{ \.\.\.; \})|-|
30
+
31
+ > 引用/Refs
32
+
33
+ |参数|描述|类型|
34
+ |----------|-------------|------|
35
+ |dom|最外层元素 DOM|HTMLDivElement|
36
+
37
+ > DropdownCommonProps
38
+
39
+ |参数|描述|类型|默认值|
40
+ |----------|-------------|------|------|
41
+ |className|自定义类名|string|-|
42
+ |style|自定义样式|CSSProperties|-|
43
+ |extraNode|下拉框底部元素|ReactNode|-|
44
+ |top|定位下拉框出现的位置|number|-|
45
+ |bottom|向上展开时下拉框出现的位置|number|-|
46
+ |direction|展开方向|"up" \| "down"|"down"|
47
+ |height|受控模式,下拉框高度|number|-|
48
+ |maxHeight|下拉框最大的高度|number|500|
49
+ |clickOtherToClose|点击其他区域是否取消选择|boolean|true|
50
+ |touchToClose|是否在触发touchstart时就取消选择,否则在click之后再取消选择|boolean|true|
51
+ |dropdownAnimationTimeout|展开收起动画的时间|number|300|
52
+ |dropdownAnimationFunction|展开收起动画曲线函数|string|"cubic-bezier(0.32, 0.96, 0.6, 1)"|
53
+ |showMask|是否展示遮罩层|boolean|true|
54
+ |maskAnimationTimeout|蒙层动画时长|number|500|
55
+ |maskAnimationFunction|蒙层动画函数|string|"cubic-bezier(0.32, 0.96, 0.6, 1)"|
56
+ |useColumn|使用多列标签样式,传 true 为 4 列,传数字为指定 n 列|number \| boolean|false|
57
+ |optionIcon|选项附带图标|ReactNode|-|
58
+ |mountOnEnter|是否在打开下拉框时再加载内容|boolean|true|
59
+ |unmountOnExit|是否在退出时卸载内容|boolean|true|
60
+ |preventBodyScroll|弹窗打开时是否禁止body的滚动|boolean|true|
61
+ |initialBodyOverflow|页面初始 overflow 状态,即关闭弹窗时 overflow 应该还原的状态|string|第一个全屏组件(弹窗、toast等)打开时页面overflow值|
62
+ |getAnchorElement|用于定位的元素,优先级低于top/bottom|() =\> HTMLElement|当前DOM所在位置的父元素|
63
+ |isStopTouchEl|点击某元素时是否阻止关闭面板, 优先级高于\`getStopTouchElement\`,当 clickOtherToClose=true 时有效|(el: HTMLElement) =\> boolean|-|
64
+ |getStopTouchElements|可阻止关闭面板的元素,当 clickOtherToClose=true 时有效|() =\> HTMLElement\[\]|当前组件的父元素|
65
+ |getScrollContainer|内容内部滚动区域容器,在该容器中未滚动到顶部或底部时会释放滚动|() =\> HTMLElement \| HTMLElement\[\]|-|
66
+ |getPortalContainer|获取挂载容器|() =\> HTMLElement|-|
67
+
68
+ > OptionsItem
69
+
70
+ |参数|描述|类型|
71
+ |----------|-------------|------|
72
+ |label|选项名称|ReactNode|
73
+ |value|选项标识|ReactText|
74
+ |disabled|选项是否可用,默认false表示可用|boolean|
75
+
76
+ > CascadeOptions
77
+
78
+ |参数|描述|类型|
79
+ |----------|-------------|------|
80
+ |children|级联选择的下一级内容|OptionsItem\[\]|
81
+ |label|选项名称|ReactNode|
82
+ |value|选项标识|ReactText|
83
+ |disabled|选项是否可用,默认false表示可用|boolean|
@@ -0,0 +1,25 @@
1
+ > 属性/Props
2
+
3
+ |参数|描述|类型|默认值|
4
+ |----------|-------------|------|------|
5
+ |className|自定义类名|string|-|
6
+ |maxHeight|最大显示高度,单位 px,优先级高于 maxLine|number|-|
7
+ |endExcludes|文本结尾处(缩略符之前)需要过滤掉的字符|string\[\]|[]|
8
+ |reflowOnResize|容器大小变化时是否自适应,使用原生缩略时默认为 true|boolean|false|
9
+ |floatEllipsisNode|文本缩略时,缩略符节点是否浮在文本右下角(默认加渐变色背景)|boolean|false|
10
+ |onReflow|文本缩略处理的完成回调|(ellipsis: boolean, text: string) =\> void|-|
11
+ |text|需要缩略的文本内容|string|必填|
12
+ |ellipsis|是否开启缩略|boolean|true|
13
+ |maxLine|最大显示行数|number|1|
14
+ |dangerouslyUseInnerHTML|是否使用 innerHTML 插入文本(警告:务必确保 text 安全可靠,否则易导致 XSS 漏洞)|boolean|false|
15
+ |ellipsisNode|自定义缩略符节点,文本缩略时插入文本尾部|ReactNode|"..."|
16
+ |collapseNode|自定义收起符节点,不为空且文本展开时插入文本尾部|ReactNode|-|
17
+ |onEllipsisNodeClick|缩略节点点击事件|(e: MouseEvent\<HTMLSpanElement, MouseEvent\>) =\> void|-|
18
+ |onCollapseNodeClick|收起节点点击事件|(e: MouseEvent\<HTMLSpanElement, MouseEvent\>) =\> void|-|
19
+
20
+ > 引用/Refs
21
+
22
+ |参数|描述|类型|
23
+ |----------|-------------|------|
24
+ |dom|最外层元素 DOM|HTMLDivElement|
25
+ |reflow|控制容器重新编排|() =\> void|
@@ -0,0 +1,82 @@
1
+ > 属性/Props
2
+
3
+ |参数|描述|类型|默认值|
4
+ |----------|-------------|------|------|
5
+ |className|自定义类名|string|-|
6
+ |style|自定义样式|CSSProperties|-|
7
+ |layout|表单项布局|"horizontal" \| "vertical" \| "inline"|"horizontal"|
8
+ |form|表单实例|IFormInstance|-|
9
+ |initialValues|表单初始数据|Record\<string, any\>|-|
10
+ |onValuesChange|表单项数据变化时的回调|(changedValues: any, values: any) =\> void|-|
11
+ |onChange|表单项数据变化时的回调(仅用户操作表单时触发)|(changedValues: any, values: any) =\> void|-|
12
+ |onSubmit|表单项数据变化时的回调|(values: any, otherInfo?: IFieldError\[\]) =\> void|-|
13
+ |onSubmitFailed|表单项数据变化时的回调|(values: any, errorInfo: IFieldError\[\] \| Error) =\> void|-|
14
+ |disabled|表单禁止输入|boolean|-|
15
+
16
+ > 引用/Refs
17
+
18
+ |参数|描述|类型|
19
+ |----------|-------------|------|
20
+ |dom|最外层元素 DOM|HTMLFormElement|
21
+ |form|Form对象实例|IFormInstance|
22
+
23
+ > Form.Item
24
+
25
+ |参数|描述|类型|默认值|
26
+ |----------|-------------|------|------|
27
+ |label|表单项名|ReactNode|必填|
28
+ |style|表单项Stylesheet|CSSProperties|-|
29
+ |className|表单项样式|string|-|
30
+ |field|表单项字段|string|必填|
31
+ |required|表单项是否必填|boolean|-|
32
+ |disabled|表单项是否禁用|boolean|-|
33
+ |layout|表单项布局|"horizontal" \| "vertical" \| "inline"|"horizontal"|
34
+ |children|表单项子节点|ReactElement\<any, string \| ((props: any) =\> ReactElement\<any, any\>) \| (new (props: any) =\> Component\<any, any, any\>)\>|必填|
35
+ |shouldUpdate|表单项是否刷新|IShouldUpdateFunc|-|
36
+ |rules|表单项规则|IRules\[\]|-|
37
+ |extra|表单项下方节点|ReactElement\<any, string \| ((props: any) =\> ReactElement\<any, any\>) \| (new (props: any) =\> Component\<any, any, any\>)\>|-|
38
+ |trigger|触发事件更新事件名称|string|"onChange"|
39
+ |requiredIcon|自定义必填标识|ReactNode|-|
40
+ |initialValue|表单项初始数据|any|-|
41
+ |displayType|手动指定为内置组件的类型|"Input" \| "Textarea" \| "Checkbox" \| "CheckboxGroup" \| "DatePicker" \| "Picker" \| "Radio" \| "RadioGroup" \| "Slider" \| "Switch" \| "ImagePicker" \| "Rate" \| "Stepper"|-|
42
+
43
+ > IFormInstance
44
+
45
+ |参数|描述|类型|
46
+ |----------|-------------|------|
47
+ |getFieldValue|获取单个表单项值|(name: string) =\> any|
48
+ |getFieldsValue|获取多个表单项值|(name?: string\[\]) =\> Record\<string, any\>|
49
+ |getFieldError|获取单个表单项的错误|(name: string) =\> ReactNode\[\]|
50
+ |resetFields|重置表单项|() =\> void|
51
+ |setFieldValue|设置单个表单项值|(name: string, value: any) =\> boolean|
52
+ |setFieldsValue|设置多个表单项值|(value: Record\<string, any\>) =\> void|
53
+ |validateFields|校验所有表单项|() =\> Promise\<IFieldError\[\]\>|
54
+ |submit|提交表单|() =\> void|
55
+
56
+ > IFieldError
57
+
58
+ |参数|描述|类型|
59
+ |----------|-------------|------|
60
+ |value|-|any|
61
+ |errors|-|ReactNode\[\]|
62
+ |warnings|-|ReactNode\[\]|
63
+ |field|-|string|
64
+ |dom|-|HTMLDivElement|
65
+
66
+ > IRules
67
+
68
+ ```
69
+ ITypeRules<ValidatorType.Number> | ITypeRules<ValidatorType.String> | ITypeRules<ValidatorType.Array> | ITypeRules<ValidatorType.Boolean> | ITypeRules<ValidatorType.Object> | ITypeRules<ValidatorType.Custom>
70
+ ```
71
+
72
+ > FormInternalComponentType
73
+
74
+ ```
75
+ "Input" | "Textarea" | "Checkbox" | "CheckboxGroup" | "DatePicker" | "Picker" | "Radio" | "RadioGroup" | "Slider" | "Switch" | "ImagePicker" | "Rate" | "Stepper"
76
+ ```
77
+
78
+ > FormItemRef
79
+
80
+ |参数|描述|类型|
81
+ |----------|-------------|------|
82
+ |dom|最外层元素 DOM|HTMLDivElement|
@@ -0,0 +1,31 @@
1
+ > 属性/Props
2
+
3
+ |参数|描述|类型|默认值|
4
+ |----------|-------------|------|------|
5
+ |className|自定义类名|string|-|
6
+ |style|自定义样式|CSSProperties|-|
7
+ |data|传入的数据|GridData\[\]|必填|
8
+ |columns|一行的列数|number|3|
9
+ |border|是否有边框|boolean|false|
10
+ |gutter|格子间的间距|number \| \{ x: number; y: number; \}|0|
11
+ |shape|格子的形状,可选值为 circle|string|"square"|
12
+ |isSliding|溢出时是否支持滑动|boolean|false|
13
+ |direction|格子内容排列的方向,可选值为 horizontal|string|"vertical"|
14
+
15
+ > 引用/Refs
16
+
17
+ |参数|描述|类型|
18
+ |----------|-------------|------|
19
+ |dom|最外层元素 DOM|HTMLDivElement|
20
+
21
+ > GridData
22
+
23
+ |参数|描述|类型|
24
+ |----------|-------------|------|
25
+ |img|传入图标的资源地址|ReactNode|
26
+ |title|传入的标题文字内容|ReactNode|
27
+ |content|传入的描述文字内容|ReactNode|
28
+ |className|自定义样式|string|
29
+ |onClick|点击后的回调函数|(item: GridData) =\> void|
30
+ |itemStyle|每个格子自定义样式|CSSProperties|
31
+ |renderGrid|自定义单个 grid 的创建函数|(item: GridData, colIndex: number, rowIndex: number) =\> ReactNode|
@@ -0,0 +1,7 @@
1
+ > 属性/Props
2
+
3
+ |参数|描述|类型|默认值|
4
+ |----------|-------------|------|------|
5
+ |className|节点类名|string|-|
6
+ |useCurrentColor|fill值是否使用color属性值,否则保留原有颜色|boolean|true|
7
+ |style|自定义样式|React.CSSProperties|-|