@para-ui/core 2.2.9 → 3.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.
- package/AutoBox/index.d.ts +34 -34
- package/AutoBox/index.js +203 -15
- package/AutoTips/index.d.ts +27 -27
- package/AutoTips/index.js +84 -15
- package/Breadcrumbs/index.d.ts +39 -39
- package/Breadcrumbs/index.js +227 -15
- package/Button/SplitButton.d.ts +62 -61
- package/Button/index.d.ts +79 -56
- package/Button/index.js +387 -14
- package/Button/lang/en_US.d.ts +4 -4
- package/Button/lang/index.d.ts +9 -9
- package/Button/lang/zh_CN.d.ts +4 -4
- package/ButtonGroup/index.d.ts +33 -33
- package/ButtonGroup/index.js +128 -14
- package/Carousel/index.d.ts +38 -30
- package/Carousel/index.js +77 -15
- package/Cascader/index.d.ts +52 -52
- package/Cascader/index.js +166 -15
- package/Cascader/lang/en_US.d.ts +4 -4
- package/Cascader/lang/index.d.ts +9 -9
- package/Cascader/lang/zh_CN.d.ts +4 -4
- package/Checkbox/index.d.ts +40 -40
- package/Checkbox/index.js +105 -14
- package/CheckboxGroup/index.d.ts +46 -46
- package/CheckboxGroup/index.js +138 -14
- package/Collapse/collapsePanel.d.ts +30 -30
- package/Collapse/index.d.ts +57 -57
- package/Collapse/index.js +171 -15
- package/Collapse/motion.d.ts +5 -5
- package/Collapse/util.d.ts +11 -11
- package/CollapseBox/index.d.ts +27 -27
- package/CollapseBox/index.js +164 -15
- package/CollapseBox/util.d.ts +5 -5
- package/ColorPicker/index.d.ts +4 -4
- package/ColorPicker/index.js +4 -1
- package/ComboSelect/index.d.ts +6 -11
- package/ComboSelect/index.js +1062 -14
- package/ComboSelect/interface.d.ts +145 -143
- package/ComboSelect/lang/en_US.d.ts +9 -8
- package/ComboSelect/lang/index.d.ts +19 -17
- package/ComboSelect/lang/zh_CN.d.ts +9 -8
- package/ComboSelect/utils.d.ts +9 -12
- package/Container/index.d.ts +77 -77
- package/Container/index.js +234 -15
- package/DatePicker/PickerButton.d.ts +3 -3
- package/DatePicker/PickerTag.d.ts +3 -3
- package/DatePicker/generatePicker/generateRangePicker.d.ts +4 -4
- package/DatePicker/generatePicker/generateSinglePicker.d.ts +11 -11
- package/DatePicker/generatePicker/index.d.ts +84 -77
- package/DatePicker/index.d.ts +18 -18
- package/DatePicker/index.js +737 -14
- package/DatePicker/lang/en_US.d.ts +3 -3
- package/DatePicker/lang/index.d.ts +7 -7
- package/DatePicker/lang/zh_CN.d.ts +3 -3
- package/DatePicker/util.d.ts +20 -20
- package/Desktop/index.d.ts +57 -55
- package/Desktop/index.js +853 -14
- package/Drawer/index.d.ts +11 -11
- package/Drawer/index.js +195 -14
- package/Drawer/interface.d.ts +83 -83
- package/Drawer/lang/en_US.d.ts +5 -5
- package/Drawer/lang/index.d.ts +11 -11
- package/Drawer/lang/zh_CN.d.ts +5 -5
- package/Dropdown/index.d.ts +38 -0
- package/Dropdown/index.js +67 -0
- package/Empty/images/index.d.ts +3 -2
- package/Empty/index.d.ts +30 -30
- package/Empty/index.js +644 -14
- package/Empty/lang/en_US.d.ts +6 -6
- package/Empty/lang/index.d.ts +13 -13
- package/Empty/lang/zh_CN.d.ts +6 -6
- package/Form/index.d.ts +181 -181
- package/Form/index.js +377 -14
- package/FormItem/compoments/defaultCompoments/index.d.ts +19 -19
- package/FormItem/compoments/formCheckboxGroup/index.d.ts +8 -8
- package/FormItem/compoments/formFile/index.d.ts +38 -38
- package/FormItem/compoments/formRadioGroup/index.d.ts +8 -8
- package/FormItem/compoments/formSelect/index.d.ts +18 -18
- package/FormItem/errorTips.d.ts +12 -12
- package/FormItem/index.d.ts +152 -152
- package/FormItem/index.js +74 -14
- package/FormItem/itemType.d.ts +42 -42
- package/FormItem/validateFunction.d.ts +15 -15
- package/FunctionModal/dialog.d.ts +58 -58
- package/FunctionModal/index.d.ts +8 -8
- package/FunctionModal/index.js +39 -14
- package/FunctionModal/modalContext.d.ts +15 -14
- package/GlobalContext/componentsProps.d.ts +21 -19
- package/GlobalContext/confirmLocale.d.ts +7 -7
- package/GlobalContext/index.d.ts +28 -28
- package/GlobalContext/index.js +41 -16
- package/GlobalContext/intl.d.ts +34 -34
- package/GlobalContext/useFormatMessage.d.ts +3 -3
- package/Help/index.d.ts +24 -20
- package/Help/index.js +39 -15
- package/HelperText/index.d.ts +19 -19
- package/HelperText/index.js +29 -15
- package/Hooks/useGlobalProps.d.ts +1 -1
- package/InputLang/index.d.ts +49 -49
- package/InputLang/index.js +270 -14
- package/InputNumber/index.d.ts +74 -74
- package/InputNumber/index.js +308 -14
- package/Label/index.d.ts +35 -35
- package/Label/index.js +81 -14
- package/Loading/index.d.ts +17 -17
- package/Loading/index.js +47 -15
- package/Menu/footerExpansion.d.ts +9 -9
- package/Menu/index.d.ts +10 -10
- package/Menu/index.js +1232 -14
- package/Menu/interface.d.ts +139 -139
- package/Menu/logo.d.ts +9 -9
- package/Menu/verticalMenuList.d.ts +14 -14
- package/Message/index.d.ts +73 -73
- package/Message/index.js +222 -15
- package/Modal/Confirm/index.d.ts +65 -66
- package/Modal/index.d.ts +99 -61
- package/Modal/index.js +449 -14
- package/Modal/lang/en_US.d.ts +5 -5
- package/Modal/lang/index.d.ts +11 -11
- package/Modal/lang/zh_CN.d.ts +5 -5
- package/MultiBox/index.d.ts +54 -54
- package/MultiBox/index.js +231 -14
- package/Notification/index.d.ts +74 -52
- package/Notification/index.js +266 -15
- package/OperateBtn/index.d.ts +59 -59
- package/OperateBtn/index.js +260 -14
- package/OperateBtn/lang/en_US.d.ts +4 -4
- package/OperateBtn/lang/index.d.ts +9 -9
- package/OperateBtn/lang/zh_CN.d.ts +4 -4
- package/PageHeader/horizontalMeun.d.ts +9 -9
- package/PageHeader/horizontalMeunRight.d.ts +9 -9
- package/PageHeader/index.d.ts +10 -10
- package/PageHeader/index.js +1170 -14
- package/PageHeader/interface.d.ts +167 -167
- package/Pagination/index.d.ts +33 -33
- package/Pagination/index.js +469 -14
- package/Pagination/lang/en_US.d.ts +8 -8
- package/Pagination/lang/index.d.ts +17 -17
- package/Pagination/lang/zh_CN.d.ts +8 -8
- package/ParauiProvider/index.d.ts +8 -12
- package/ParauiProvider/index.js +53 -15
- package/PopConfirm/index.d.ts +61 -56
- package/PopConfirm/index.js +191 -14
- package/PopConfirm/lang/en_US.d.ts +5 -5
- package/PopConfirm/lang/index.d.ts +11 -11
- package/PopConfirm/lang/zh_CN.d.ts +5 -5
- package/Popover/index.d.ts +16 -14
- package/Popover/index.js +66 -15
- package/Progress/Line.d.ts +47 -47
- package/Progress/Steps.d.ts +17 -17
- package/Progress/index.d.ts +81 -81
- package/Progress/index.js +358 -20
- package/Progress/utils.d.ts +6 -6
- package/Querying/images/index.d.ts +3 -2
- package/Querying/index.d.ts +26 -26
- package/Querying/index.js +762 -14
- package/Querying/lang/en_US.d.ts +4 -4
- package/Querying/lang/index.d.ts +9 -9
- package/Querying/lang/zh_CN.d.ts +4 -4
- package/README.md +37 -1
- package/Radio/index.d.ts +38 -38
- package/Radio/index.js +94 -14
- package/RadioGroup/index.d.ts +47 -47
- package/RadioGroup/index.js +128 -14
- package/Search/index.d.ts +56 -56
- package/Search/index.js +220 -14
- package/Select/index.d.ts +88 -86
- package/Select/index.js +1290 -14
- package/Select/lang/en_US.d.ts +5 -5
- package/Select/lang/index.d.ts +11 -11
- package/Select/lang/zh_CN.d.ts +5 -5
- package/SelectInput/index.d.ts +11 -11
- package/SelectInput/index.js +51 -14
- package/Selector/index.d.ts +11 -0
- package/Selector/index.js +2123 -0
- package/Selector/interface.d.ts +355 -0
- package/Selector/lang/en_US.d.ts +8 -0
- package/Selector/lang/index.d.ts +17 -0
- package/Selector/lang/zh_CN.d.ts +8 -0
- package/Selector/selectorData/index.d.ts +10 -0
- package/Selector/selectorMain/index.d.ts +10 -0
- package/Selector/selectorNode/index.d.ts +10 -0
- package/Selector/util.d.ts +15 -0
- package/SelectorPicker/index.d.ts +49 -0
- package/SelectorPicker/index.js +316 -0
- package/SingleBox/index.d.ts +42 -42
- package/SingleBox/index.js +194 -14
- package/Slider/index.d.ts +14 -14
- package/Slider/index.js +125 -15
- package/Slider/interface.d.ts +102 -102
- package/Split/index.d.ts +7 -7
- package/Split/index.js +134 -15
- package/Stepper/icons.d.ts +5 -5
- package/Stepper/index.d.ts +59 -39
- package/Stepper/index.js +98 -15
- package/Switch/index.d.ts +78 -78
- package/Switch/index.js +73 -14
- package/Table/index.d.ts +10 -10
- package/Table/index.js +2728 -14
- package/Table/interface.d.ts +202 -202
- package/Table/lang/en_US.d.ts +6 -6
- package/Table/lang/index.d.ts +13 -13
- package/Table/lang/zh_CN.d.ts +6 -6
- package/Table/tableBody.d.ts +9 -9
- package/Table/tableBodyElement/index.d.ts +15 -15
- package/Table/tableBodyInterface.d.ts +67 -67
- package/Table/tableContainer/index.d.ts +16 -16
- package/Table/tableElement/index.d.ts +17 -17
- package/Table/tableHead.d.ts +9 -9
- package/Table/tableHeadElement/index.d.ts +15 -15
- package/Table/tableHeadInterface.d.ts +26 -30
- package/Table/tablePagination.d.ts +9 -9
- package/Table/tablePaginationInterFace.d.ts +24 -24
- package/Table/tdElement/index.d.ts +15 -15
- package/Table/thElement/index.d.ts +15 -15
- package/Table/trElement/index.d.ts +15 -15
- package/Table/util.d.ts +16 -16
- package/Tabs/index.d.ts +69 -48
- package/Tabs/index.js +218 -14
- package/Tabs/lang/en_US.d.ts +4 -0
- package/Tabs/lang/index.d.ts +9 -0
- package/Tabs/lang/zh_CN.d.ts +4 -0
- package/Tag/TagGroup.d.ts +66 -66
- package/Tag/index.d.ts +34 -34
- package/Tag/index.js +286 -14
- package/Test/index.d.ts +3 -2
- package/Test/index.js +9 -16
- package/TextField/index.d.ts +95 -93
- package/TextField/index.js +687 -14
- package/TimePicker/index.d.ts +22 -22
- package/TimePicker/index.js +78 -14
- package/TimePicker/locale/en_US.d.ts +3 -3
- package/TimePicker/locale/zh_CN.d.ts +3 -3
- package/TimePicker/style/index.d.ts +1 -1
- package/Timeline/TimelineItem.d.ts +30 -0
- package/Timeline/index.d.ts +32 -22
- package/Timeline/index.js +157 -15
- package/ToggleButton/ToggleButtonGroup.d.ts +49 -49
- package/ToggleButton/index.d.ts +49 -49
- package/ToggleButton/index.js +200 -14
- package/Tooltip/index.d.ts +11 -14
- package/Tooltip/index.js +346 -15
- package/Tooltip/interface.d.ts +31 -0
- package/Tooltip/utils.d.ts +18 -0
- package/Transfer/index.d.ts +18 -17
- package/Transfer/index.js +343 -14
- package/Transfer/lang/en_US.d.ts +6 -6
- package/Transfer/lang/index.d.ts +13 -13
- package/Transfer/lang/zh_CN.d.ts +6 -6
- package/Tree/OperateBar/index.d.ts +13 -13
- package/Tree/Tree.d.ts +4 -4
- package/Tree/index.d.ts +5 -5
- package/Tree/index.js +35 -14
- package/Tree/interface.d.ts +207 -207
- package/Tree/lang/en_US.d.ts +8 -8
- package/Tree/lang/index.d.ts +17 -17
- package/Tree/lang/zh_CN.d.ts +8 -8
- package/Tree/utils/tools.d.ts +26 -26
- package/Tree/utils/treeUtil.d.ts +15 -15
- package/Upload/Dragger/index.d.ts +10 -10
- package/Upload/ErroTip/index.d.ts +13 -13
- package/Upload/ImageUpload/index.d.ts +14 -14
- package/Upload/ImgCrop/EasyCrop.d.ts +17 -17
- package/Upload/ImgCrop/constants.d.ts +7 -7
- package/Upload/ImgCrop/index.d.ts +6 -6
- package/Upload/ImgCrop/interface.d.ts +43 -24
- package/Upload/UploadList/index.d.ts +5 -5
- package/Upload/index.d.ts +15 -15
- package/Upload/index.js +1550 -14
- package/Upload/interface.d.ts +134 -134
- package/Upload/lang/en_US.d.ts +12 -12
- package/Upload/lang/index.d.ts +25 -25
- package/Upload/lang/zh_CN.d.ts +12 -12
- package/_verture/defineProperty-0590dc61.js +16 -0
- package/_verture/index-342379c6.js +391 -0
- package/_verture/index-5bb4b5d7.js +1551 -0
- package/_verture/index-a369ca3f.js +4 -0
- package/_verture/index-abfdd262.js +778 -0
- package/_verture/index-e2881a53.js +16 -0
- package/_verture/intl-336570e4.js +65 -0
- package/_verture/modalContext-59669f93.js +228 -0
- package/_verture/slicedToArray-d7722f4b.js +62 -0
- package/_verture/style-inject.es-300983ab.js +28 -0
- package/_verture/toConsumableArray-f8047a75.js +19 -0
- package/_verture/tslib.es6-55ed4bd2.js +38 -0
- package/_verture/typeof-498dd2b1.js +11 -0
- package/_verture/useFormatMessage-ac9d6acf.js +20 -0
- package/_verture/useGlobalProps-af9a2af6.js +12 -0
- package/index.d.ts +132 -128
- package/index.js +163 -19
- package/package.json +59 -23
- package/ComboSelect/WithTabsCombo/index.d.ts +0 -11
- package/ComboSelect/WithTabsCombo/interface.d.ts +0 -141
- package/Popper/index.d.ts +0 -13
- package/Popper/index.js +0 -16
- package/cdn/AutoBox/index.js +0 -29
- package/cdn/AutoTips/index.js +0 -40
- package/cdn/Breadcrumbs/index.js +0 -53
- package/cdn/Button/index.js +0 -79
- package/cdn/ButtonGroup/index.js +0 -79
- package/cdn/Carousel/index.js +0 -6
- package/cdn/Cascader/index.js +0 -42
- package/cdn/Checkbox/index.js +0 -53
- package/cdn/CheckboxGroup/index.js +0 -53
- package/cdn/Collapse/index.js +0 -27
- package/cdn/CollapseBox/index.js +0 -1
- package/cdn/ColorPicker/index.js +0 -1
- package/cdn/ComboSelect/index.js +0 -438
- package/cdn/Container/index.js +0 -1
- package/cdn/DatePicker/index.js +0 -185
- package/cdn/Desktop/index.js +0 -24
- package/cdn/Drawer/index.js +0 -84
- package/cdn/Empty/index.js +0 -1
- package/cdn/Form/index.js +0 -477
- package/cdn/FormItem/index.js +0 -477
- package/cdn/FunctionModal/index.js +0 -144
- package/cdn/GlobalContext/index.js +0 -1
- package/cdn/Help/index.js +0 -53
- package/cdn/HelperText/index.js +0 -1
- package/cdn/InputLang/index.js +0 -144
- package/cdn/InputNumber/index.js +0 -118
- package/cdn/Label/index.js +0 -53
- package/cdn/Loading/index.js +0 -14
- package/cdn/Menu/index.js +0 -40
- package/cdn/Message/index.js +0 -53
- package/cdn/Modal/index.js +0 -144
- package/cdn/MultiBox/index.js +0 -131
- package/cdn/Notification/index.js +0 -66
- package/cdn/OperateBtn/index.js +0 -92
- package/cdn/PageHeader/index.js +0 -92
- package/cdn/Pagination/index.js +0 -214
- package/cdn/ParauiProvider/index.js +0 -9
- package/cdn/PopConfirm/index.js +0 -131
- package/cdn/Popover/index.js +0 -16
- package/cdn/Popper/index.js +0 -26
- package/cdn/Progress/index.js +0 -58
- package/cdn/Querying/index.js +0 -1
- package/cdn/Radio/index.js +0 -53
- package/cdn/RadioGroup/index.js +0 -53
- package/cdn/Search/index.js +0 -144
- package/cdn/Select/index.js +0 -131
- package/cdn/SelectInput/index.js +0 -131
- package/cdn/SingleBox/index.js +0 -131
- package/cdn/Slider/index.js +0 -16
- package/cdn/Split/index.js +0 -1
- package/cdn/Stepper/index.js +0 -154
- package/cdn/Switch/index.js +0 -71
- package/cdn/Table/index.js +0 -292
- package/cdn/Tabs/index.js +0 -165
- package/cdn/Tag/index.js +0 -27
- package/cdn/Test/index.js +0 -1
- package/cdn/TextField/index.js +0 -105
- package/cdn/TimePicker/index.js +0 -185
- package/cdn/Timeline/index.js +0 -16
- package/cdn/ToggleButton/index.js +0 -79
- package/cdn/Tooltip/index.js +0 -40
- package/cdn/Transfer/index.js +0 -170
- package/cdn/Tree/index.js +0 -170
- package/cdn/Upload/index.js +0 -252
- package/style.css +0 -72
package/Querying/lang/en_US.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
querying: string;
|
|
3
|
-
};
|
|
4
|
-
export default _default;
|
|
1
|
+
declare const _default: {
|
|
2
|
+
querying: string;
|
|
3
|
+
};
|
|
4
|
+
export default _default;
|
package/Querying/lang/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
zh: {
|
|
3
|
-
querying: string;
|
|
4
|
-
};
|
|
5
|
-
en: {
|
|
6
|
-
querying: string;
|
|
7
|
-
};
|
|
8
|
-
};
|
|
9
|
-
export default _default;
|
|
1
|
+
declare const _default: {
|
|
2
|
+
zh: {
|
|
3
|
+
querying: string;
|
|
4
|
+
};
|
|
5
|
+
en: {
|
|
6
|
+
querying: string;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
export default _default;
|
package/Querying/lang/zh_CN.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
querying: string;
|
|
3
|
-
};
|
|
4
|
-
export default _default;
|
|
1
|
+
declare const _default: {
|
|
2
|
+
querying: string;
|
|
3
|
+
};
|
|
4
|
+
export default _default;
|
package/README.md
CHANGED
|
@@ -1,3 +1,25 @@
|
|
|
1
|
+
## 版本: 3.0.1
|
|
2
|
+
|
|
3
|
+
para-ui/core@3.0.1 发布
|
|
4
|
+
【PageHeader】 导航栏页头修改用户名行高,让内容不被遮挡
|
|
5
|
+
【Table】 修改表格请求多次发送loading在safari不正常
|
|
6
|
+
【Table】 提高表格loading组件层级为100,防止在表格中使用,固定列被遮挡
|
|
7
|
+
【Table】修复表格表头显示列,复选框safari不对齐问题
|
|
8
|
+
【Selector】增加空状态
|
|
9
|
+
【TextField】增加搜索空状态
|
|
10
|
+
【Button】增加 a 链接行为
|
|
11
|
+
【Button.IconButton】增加 a 链接行为
|
|
12
|
+
【ComboSelect】超出最大Tag显示数,超出部分弹出显示
|
|
13
|
+
|
|
14
|
+
## 版本: 3.0.0
|
|
15
|
+
|
|
16
|
+
para-ui/core@3.0.0 发布
|
|
17
|
+
1. 摒弃@material-ui依赖,现组件库以 rc 系列组件为基础封装,组件基本兼容旧用法
|
|
18
|
+
2. Popover 组件用法大不相同,需开发人员同步更新
|
|
19
|
+
3. moment 替换为 dayjs
|
|
20
|
+
4. 组件浮层默认挂载到body容器
|
|
21
|
+
5. 组件库文档同步更新
|
|
22
|
+
|
|
1
23
|
## 版本: 2.2.9
|
|
2
24
|
|
|
3
25
|
para-ui/core@2.2.9 发布
|
|
@@ -21,12 +43,22 @@
|
|
|
21
43
|
【Message】挂载容器增加className和style属性
|
|
22
44
|
【Table】改变url,分页回到第一页
|
|
23
45
|
|
|
46
|
+
## 版本: 2.2.5-beta
|
|
47
|
+
|
|
48
|
+
para-ui/core@2.2.5-beta 发布
|
|
49
|
+
【全局】优化声明文件打包
|
|
50
|
+
|
|
24
51
|
## 版本: 2.2.5
|
|
25
52
|
|
|
26
53
|
para-ui/core@2.2.5 发布
|
|
27
54
|
【Radio】修改label传入空字符串显示了label问题
|
|
28
55
|
【Checkbox】修改label传入空字符串显示了label问题
|
|
29
56
|
|
|
57
|
+
## 版本: 2.2.4-beta
|
|
58
|
+
|
|
59
|
+
para-ui/core@2.2.4-beta 发布
|
|
60
|
+
【全局】修改打包方式为rollup
|
|
61
|
+
|
|
30
62
|
## 版本: 2.2.4
|
|
31
63
|
|
|
32
64
|
para-ui/core@2.2.4 发布
|
|
@@ -35,6 +67,11 @@
|
|
|
35
67
|
【ComboSelect】增加height属性
|
|
36
68
|
【Popover】修改z-index为1300
|
|
37
69
|
|
|
70
|
+
## 版本: 2.2.0
|
|
71
|
+
|
|
72
|
+
para-ui/core@2.2.0 发布
|
|
73
|
+
【全局】去除所有mui相关组件,以及依赖
|
|
74
|
+
|
|
38
75
|
## 版本: 2.1.45
|
|
39
76
|
|
|
40
77
|
para-ui/core@2.1.45 发布
|
|
@@ -310,7 +347,6 @@
|
|
|
310
347
|
【ComboSelect】解决超出屏幕时,上下闪动问题
|
|
311
348
|
【ComboSelect】解决数据为空时,频繁刷新问题
|
|
312
349
|
【ComboSelect】解决表格搜索模式时,多个滚动条问题
|
|
313
|
-
【Tree】增加onMounted属性,非空挂载完成回调
|
|
314
350
|
【ToggleButtonGroup】增加文字类型和样式
|
|
315
351
|
【MultiBox】修改下边距过大
|
|
316
352
|
【SingleBox】修改下边距过大
|
package/Radio/index.d.ts
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @author linhd
|
|
3
|
-
* @date 2021/8/4 10:20
|
|
4
|
-
* @description 单选框
|
|
5
|
-
*/
|
|
6
|
-
import React, { FunctionComponent, ReactNode } from 'react';
|
|
7
|
-
import { LabelTooltipProps } from '../Label';
|
|
8
|
-
import './index.scss';
|
|
9
|
-
export interface RadioProps {
|
|
10
|
-
/** 样式class */
|
|
11
|
-
className?: string;
|
|
12
|
-
/** style */
|
|
13
|
-
style?: React.CSSProperties;
|
|
14
|
-
/** 标题 */
|
|
15
|
-
label?: ReactNode;
|
|
16
|
-
/** 帮组提示信息 */
|
|
17
|
-
labelTooltip?: LabelTooltipProps;
|
|
18
|
-
/** 大小 */
|
|
19
|
-
size?: 'small' | 'medium' | 'large';
|
|
20
|
-
/** 默认值 有值不受控组件 初始化第一次 */
|
|
21
|
-
defaultChecked?: boolean;
|
|
22
|
-
/** 默认值 有值受控组件*/
|
|
23
|
-
checked?: boolean;
|
|
24
|
-
/** 禁用 */
|
|
25
|
-
disabled?: boolean;
|
|
26
|
-
/** inputProps */
|
|
27
|
-
inputProps?: {
|
|
28
|
-
type?: string;
|
|
29
|
-
value?: any;
|
|
30
|
-
checked?: any;
|
|
31
|
-
[name: string]: any;
|
|
32
|
-
};
|
|
33
|
-
/** 改变事件 */
|
|
34
|
-
onChange?: (e: any, checked: boolean) => void;
|
|
35
|
-
[name: string]: any;
|
|
36
|
-
}
|
|
37
|
-
export declare const Radio: FunctionComponent<RadioProps>;
|
|
38
|
-
export default Radio;
|
|
1
|
+
/**
|
|
2
|
+
* @author linhd
|
|
3
|
+
* @date 2021/8/4 10:20
|
|
4
|
+
* @description 单选框
|
|
5
|
+
*/
|
|
6
|
+
import React, { FunctionComponent, ReactNode } from 'react';
|
|
7
|
+
import { LabelTooltipProps } from '../Label';
|
|
8
|
+
import './index.scss';
|
|
9
|
+
export interface RadioProps {
|
|
10
|
+
/** 样式class */
|
|
11
|
+
className?: string;
|
|
12
|
+
/** style */
|
|
13
|
+
style?: React.CSSProperties;
|
|
14
|
+
/** 标题 */
|
|
15
|
+
label?: ReactNode;
|
|
16
|
+
/** 帮组提示信息 */
|
|
17
|
+
labelTooltip?: LabelTooltipProps;
|
|
18
|
+
/** 大小 */
|
|
19
|
+
size?: 'small' | 'medium' | 'large';
|
|
20
|
+
/** 默认值 有值不受控组件 初始化第一次 */
|
|
21
|
+
defaultChecked?: boolean;
|
|
22
|
+
/** 默认值 有值受控组件*/
|
|
23
|
+
checked?: boolean;
|
|
24
|
+
/** 禁用 */
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
/** inputProps */
|
|
27
|
+
inputProps?: {
|
|
28
|
+
type?: string;
|
|
29
|
+
value?: any;
|
|
30
|
+
checked?: any;
|
|
31
|
+
[name: string]: any;
|
|
32
|
+
};
|
|
33
|
+
/** 改变事件 */
|
|
34
|
+
onChange?: (e: any, checked: boolean) => void;
|
|
35
|
+
[name: string]: any;
|
|
36
|
+
}
|
|
37
|
+
export declare const Radio: FunctionComponent<RadioProps>;
|
|
38
|
+
export default Radio;
|
package/Radio/index.js
CHANGED
|
@@ -1,14 +1,94 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
1
|
+
import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { useState, useEffect } from 'react';
|
|
4
|
+
import Label from '../Label/index.js';
|
|
5
|
+
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
6
|
+
import '../Help/index.js';
|
|
7
|
+
import '../_verture/tslib.es6-55ed4bd2.js';
|
|
8
|
+
import '../Tooltip/index.js';
|
|
9
|
+
import 'rc-tooltip';
|
|
10
|
+
import 'rc-tooltip/lib/placements';
|
|
11
|
+
import 'clsx';
|
|
12
|
+
import '@para-ui/icons/Help';
|
|
13
|
+
|
|
14
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-radio {\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n cursor: pointer;\n display: inline-flex;\n align-items: flex-start;\n line-height: 16px;\n}\n.paraui-radio:hover > .paraui-radio-label {\n color: rgba(54, 102, 214, 0.8);\n cursor: pointer;\n}\n.paraui-radio:hover > .paraui-radio-label svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-radio:hover > .paraui-help > .paraui-radio-label {\n color: rgba(54, 102, 214, 0.8);\n cursor: pointer;\n}\n.paraui-radio:hover > .paraui-help > .paraui-radio-label svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-radio:hover > .paraui-radio-box > .paraui-radio-box-inner {\n border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-radio > .paraui-radio-box {\n position: relative;\n}\n.paraui-radio > .paraui-radio-box > input {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n.paraui-radio > .paraui-radio-box > .paraui-radio-box-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n background-color: white;\n border: 1px solid rgba(171, 176, 185, 0.4);\n border-radius: 50%;\n}\n.paraui-radio > .paraui-radio-box > .paraui-radio-box-inner:after {\n position: absolute;\n display: table;\n content: \" \";\n transform: scale(1) translate(-50%, -50%);\n background-color: white;\n border-radius: 50%;\n left: 50%;\n top: 50%;\n}\n.paraui-radio > .paraui-radio-label {\n color: rgb(46, 55, 67);\n padding: 0 8px;\n margin: 0;\n display: inline-flex;\n align-items: flex-start;\n}\n.paraui-radio > .paraui-radio-label > .paraui-help > svg {\n top: 0;\n}\n.paraui-radio .paraui-label {\n line-height: 16px;\n}\n.paraui-radio > .paraui-help {\n padding: 0 8px;\n}\n.paraui-radio > .paraui-help > .paraui-radio-label {\n color: rgb(46, 55, 67);\n margin: 0;\n display: inline-flex;\n align-items: center;\n}\n.paraui-radio.radio-checked > .paraui-radio-box > .paraui-radio-box-inner {\n border-color: transparent;\n background-color: rgb(54, 102, 214);\n}\n.paraui-radio.radio-checked:hover > .paraui-radio-box > .paraui-radio-box-inner {\n border-color: transparent;\n background-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-radio.radio-disabled {\n cursor: not-allowed;\n}\n.paraui-radio.radio-disabled:hover > .paraui-radio-box > .paraui-radio-box-inner {\n background-color: rgb(245, 246, 247);\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-radio.radio-disabled > .paraui-radio-label {\n color: rgba(46, 55, 67, 0.4);\n cursor: not-allowed;\n}\n.paraui-radio.radio-disabled > .paraui-radio-label svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-radio.radio-disabled > .paraui-radio-box > input {\n cursor: not-allowed;\n}\n.paraui-radio.radio-disabled > .paraui-radio-box > .paraui-radio-box-inner {\n background-color: rgb(245, 246, 247);\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-radio.radio-disabled > .paraui-radio-box > .paraui-radio-box-inner:after {\n background-color: rgb(245, 246, 247);\n}\n.paraui-radio.radio-disabled.radio-checked > .paraui-radio-box > .paraui-radio-box-inner:after {\n background-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-radio.radio-disabled > .paraui-help {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-radio.radio-disabled > .paraui-help > .paraui-radio-label {\n color: rgba(46, 55, 67, 0.4);\n cursor: not-allowed;\n}\n.paraui-radio.radio-small > .paraui-radio-box {\n top: 1px;\n}\n.paraui-radio.radio-small > .paraui-radio-box > .paraui-radio-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-radio.radio-small > .paraui-radio-box > .paraui-radio-box-inner:after {\n width: 4px;\n height: 4px;\n}\n.paraui-radio.radio-medium > .paraui-radio-box > .paraui-radio-box-inner {\n width: 16px;\n height: 16px;\n}\n.paraui-radio.radio-medium > .paraui-radio-box > .paraui-radio-box-inner:after {\n width: 6px;\n height: 6px;\n}\n.paraui-radio.radio-large > .paraui-radio-box > .paraui-radio-box-inner {\n width: 16px;\n height: 16px;\n}\n.paraui-radio.radio-large > .paraui-radio-box > .paraui-radio-box-inner:after {\n width: 6px;\n height: 6px;\n}";
|
|
15
|
+
styleInject(css_248z);
|
|
16
|
+
|
|
17
|
+
var Radio = function Radio(props) {
|
|
18
|
+
var _props$className = props.className,
|
|
19
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
20
|
+
labelTooltip = props.labelTooltip,
|
|
21
|
+
_props$label = props.label,
|
|
22
|
+
label = _props$label === void 0 ? '' : _props$label,
|
|
23
|
+
_props$size = props.size,
|
|
24
|
+
size = _props$size === void 0 ? 'large' : _props$size,
|
|
25
|
+
_props$disabled = props.disabled,
|
|
26
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
27
|
+
onChange = props.onChange,
|
|
28
|
+
style = props.style;
|
|
29
|
+
|
|
30
|
+
var _useState = useState(false),
|
|
31
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
32
|
+
checkedCom = _useState2[0],
|
|
33
|
+
setCheckedCom = _useState2[1]; // 复选框状态
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
useEffect(function () {
|
|
37
|
+
if (props.defaultChecked !== undefined) setCheckedCom(props.defaultChecked);
|
|
38
|
+
}, []);
|
|
39
|
+
useEffect(function () {
|
|
40
|
+
if (props.checked !== undefined) setCheckedCom(props.checked);
|
|
41
|
+
}, [props.checked]); // 点击选择
|
|
42
|
+
|
|
43
|
+
var clickCheck = function clickCheck(e) {
|
|
44
|
+
e.preventDefault();
|
|
45
|
+
if (disabled) return; // 不可受控组件
|
|
46
|
+
|
|
47
|
+
if (props.checked === undefined) setCheckedCom(!checkedCom);
|
|
48
|
+
e.target.checked = !checkedCom;
|
|
49
|
+
onChange && onChange(e, !checkedCom);
|
|
50
|
+
}; // 处理className
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
var handClass = function handClass() {
|
|
54
|
+
var str = 'paraui-radio';
|
|
55
|
+
if (className) str += ' ' + className;
|
|
56
|
+
if (size) str += ' radio-' + size;
|
|
57
|
+
if (disabled) str += ' radio-disabled';
|
|
58
|
+
if (checkedCom) str += ' radio-checked';
|
|
59
|
+
return str;
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
var handLabelClass = function handLabelClass() {
|
|
63
|
+
var str = 'paraui-radio-label';
|
|
64
|
+
|
|
65
|
+
if (labelTooltip && labelTooltip.className) {
|
|
66
|
+
str += ' ' + labelTooltip.className;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
return str;
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
return jsxs("label", Object.assign({
|
|
73
|
+
className: handClass(),
|
|
74
|
+
onClick: clickCheck,
|
|
75
|
+
style: style
|
|
76
|
+
}, {
|
|
77
|
+
children: [jsxs("span", Object.assign({
|
|
78
|
+
className: "paraui-radio-box"
|
|
79
|
+
}, {
|
|
80
|
+
children: [jsx("input", Object.assign({
|
|
81
|
+
type: "radio",
|
|
82
|
+
value: checkedCom
|
|
83
|
+
}, props.inputProps)), jsx("span", {
|
|
84
|
+
className: "paraui-radio-box-inner"
|
|
85
|
+
})]
|
|
86
|
+
})), label !== undefined && label !== '' && label !== null ? jsx(Label, Object.assign({
|
|
87
|
+
label: label
|
|
88
|
+
}, labelTooltip, {
|
|
89
|
+
className: handLabelClass()
|
|
90
|
+
})) : null]
|
|
91
|
+
}));
|
|
92
|
+
};
|
|
93
|
+
|
|
94
|
+
export { Radio, Radio as default };
|
package/RadioGroup/index.d.ts
CHANGED
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @author linhd
|
|
3
|
-
* @date 2021/8/4 14:18
|
|
4
|
-
* @description 单选框组
|
|
5
|
-
*/
|
|
6
|
-
import React, { FunctionComponent, ReactNode } from 'react';
|
|
7
|
-
import { RadioProps } from '../Radio';
|
|
8
|
-
import { LabelTooltipProps } from "../Label";
|
|
9
|
-
import './index.scss';
|
|
10
|
-
export interface RadioListProps extends RadioProps {
|
|
11
|
-
[name: string]: any;
|
|
12
|
-
}
|
|
13
|
-
export interface RadioGroupProps {
|
|
14
|
-
/** 样式class */
|
|
15
|
-
className?: string;
|
|
16
|
-
/** style */
|
|
17
|
-
style?: React.CSSProperties;
|
|
18
|
-
/** 标题 */
|
|
19
|
-
label?: ReactNode;
|
|
20
|
-
/** 帮组提示信息 */
|
|
21
|
-
labelTooltip?: LabelTooltipProps;
|
|
22
|
-
/** 尺寸 */
|
|
23
|
-
size?: 'small' | 'medium' | 'large';
|
|
24
|
-
/** 是否必填 */
|
|
25
|
-
required?: boolean;
|
|
26
|
-
/** 布局方式 横向/竖向 */
|
|
27
|
-
row?: boolean;
|
|
28
|
-
/** 是否禁用 */
|
|
29
|
-
disabled?: boolean;
|
|
30
|
-
/** 是否显示错误 */
|
|
31
|
-
error?: boolean;
|
|
32
|
-
/** 错误提示 */
|
|
33
|
-
helperText?: ReactNode;
|
|
34
|
-
/** 默认值 不受控 */
|
|
35
|
-
defaultValue?: any;
|
|
36
|
-
/** 默认值 */
|
|
37
|
-
value?: any;
|
|
38
|
-
/** 选中选值 */
|
|
39
|
-
id?: string;
|
|
40
|
-
/** 选项数据 */
|
|
41
|
-
list: RadioListProps[];
|
|
42
|
-
/** 改变值 */
|
|
43
|
-
onChange?: (val: any, item?: RadioListProps) => void;
|
|
44
|
-
[name: string]: any;
|
|
45
|
-
}
|
|
46
|
-
export declare const RadioGroup: FunctionComponent<RadioGroupProps>;
|
|
47
|
-
export default RadioGroup;
|
|
1
|
+
/**
|
|
2
|
+
* @author linhd
|
|
3
|
+
* @date 2021/8/4 14:18
|
|
4
|
+
* @description 单选框组
|
|
5
|
+
*/
|
|
6
|
+
import React, { FunctionComponent, ReactNode } from 'react';
|
|
7
|
+
import { RadioProps } from '../Radio';
|
|
8
|
+
import { LabelTooltipProps } from "../Label";
|
|
9
|
+
import './index.scss';
|
|
10
|
+
export interface RadioListProps extends RadioProps {
|
|
11
|
+
[name: string]: any;
|
|
12
|
+
}
|
|
13
|
+
export interface RadioGroupProps {
|
|
14
|
+
/** 样式class */
|
|
15
|
+
className?: string;
|
|
16
|
+
/** style */
|
|
17
|
+
style?: React.CSSProperties;
|
|
18
|
+
/** 标题 */
|
|
19
|
+
label?: ReactNode;
|
|
20
|
+
/** 帮组提示信息 */
|
|
21
|
+
labelTooltip?: LabelTooltipProps;
|
|
22
|
+
/** 尺寸 */
|
|
23
|
+
size?: 'small' | 'medium' | 'large';
|
|
24
|
+
/** 是否必填 */
|
|
25
|
+
required?: boolean;
|
|
26
|
+
/** 布局方式 横向/竖向 */
|
|
27
|
+
row?: boolean;
|
|
28
|
+
/** 是否禁用 */
|
|
29
|
+
disabled?: boolean;
|
|
30
|
+
/** 是否显示错误 */
|
|
31
|
+
error?: boolean;
|
|
32
|
+
/** 错误提示 */
|
|
33
|
+
helperText?: ReactNode;
|
|
34
|
+
/** 默认值 不受控 */
|
|
35
|
+
defaultValue?: any;
|
|
36
|
+
/** 默认值 */
|
|
37
|
+
value?: any;
|
|
38
|
+
/** 选中选值 */
|
|
39
|
+
id?: string;
|
|
40
|
+
/** 选项数据 */
|
|
41
|
+
list: RadioListProps[];
|
|
42
|
+
/** 改变值 */
|
|
43
|
+
onChange?: (val: any, item?: RadioListProps) => void;
|
|
44
|
+
[name: string]: any;
|
|
45
|
+
}
|
|
46
|
+
export declare const RadioGroup: FunctionComponent<RadioGroupProps>;
|
|
47
|
+
export default RadioGroup;
|