@para-ui/core 4.0.0-beta → 4.0.0-rc.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 +1 -1
- package/AutoBox/index.js +12 -12
- package/AutoTips/autoTipsMultiline/index.d.ts +1 -1
- package/AutoTips/index.d.ts +2 -2
- package/AutoTips/index.js +17 -17
- package/Badge/index.d.ts +23 -0
- package/Badge/index.js +54 -0
- package/Breadcrumbs/index.js +8 -8
- package/Button/SplitButton.d.ts +1 -1
- package/Button/index.d.ts +1 -1
- package/Button/index.js +4 -4
- package/Carousel/index.d.ts +6 -6
- package/Carousel/index.js +5 -5
- package/Cascader/Cascader.d.ts +10 -10
- package/Cascader/OptionList/Column.d.ts +3 -3
- package/Cascader/OptionList/index.d.ts +2 -2
- package/Cascader/index.d.ts +1 -1
- package/Cascader/index.js +5 -3
- package/Cascader/lang/en_US.d.ts +5 -0
- package/Cascader/lang/index.d.ts +11 -0
- package/Cascader/lang/zh_CN.d.ts +5 -0
- package/Cascader/utils/treeUtil.d.ts +1 -1
- package/Checkbox/index.d.ts +1 -1
- package/Checkbox/index.js +5 -5
- package/CheckboxGroup/index.d.ts +2 -2
- package/CheckboxGroup/index.js +3 -3
- package/Collapse/index.js +4 -4
- package/CollapseBox/index.js +12 -20
- package/CollapseLayout/index.js +20 -20
- package/ColorPicker/index.js +2 -2
- package/ComboSelect/index.js +53 -63
- package/ComboSelect/interface.d.ts +3 -3
- package/ComboSelect/utils.d.ts +5 -0
- package/Container/index.d.ts +3 -3
- package/Container/index.js +56 -56
- package/CopyText/index.d.ts +2 -2
- package/CopyText/index.js +2 -2
- package/DatePicker/generatePicker/index.d.ts +22 -22
- package/DatePicker/index.js +10 -8
- package/DatePicker/util.d.ts +1 -1
- package/Desktop/index.d.ts +1 -1
- package/Desktop/index.js +19 -14
- package/DragVerify/index.d.ts +1 -1
- package/DragVerify/index.js +15 -15
- package/Drawer/index.d.ts +2 -2
- package/Drawer/index.js +118 -17
- package/Drawer/interface.d.ts +10 -2
- package/Drawer/util.d.ts +6 -0
- package/Dropdown/index.d.ts +1 -1
- package/DynamicMultiBox/formItem.d.ts +1 -1
- package/DynamicMultiBox/index.d.ts +7 -2
- package/DynamicMultiBox/index.js +42 -39
- package/DynamicMultiBox/interface.d.ts +8 -8
- package/DynamicMultiBox/rowForm.d.ts +3 -1
- package/Empty/index.d.ts +1 -1
- package/Empty/index.js +2 -2
- package/Form/index.d.ts +12 -13
- package/Form/index.js +14 -12
- package/FormItem/compoments/defaultCompoments/index.d.ts +4 -4
- package/FormItem/compoments/formCheckboxGroup/index.d.ts +1 -1
- package/FormItem/compoments/formFile/index.d.ts +2 -2
- package/FormItem/compoments/formRadioGroup/index.d.ts +1 -1
- package/FormItem/compoments/formSelect/index.d.ts +7 -7
- package/FormItem/errorTips.d.ts +3 -3
- package/FormItem/index.d.ts +5 -5
- package/FormItem/index.js +7 -6
- package/FormItem/lang/en_US.d.ts +10 -0
- package/FormItem/lang/index.d.ts +21 -0
- package/FormItem/lang/zh_CN.d.ts +10 -0
- package/FormItem/validateFunction.d.ts +1 -1
- package/FunctionModal/dialog.d.ts +26 -26
- package/FunctionModal/index.d.ts +6 -6
- package/FunctionModal/index.js +9 -9
- package/FunctionModal/modalContext.d.ts +3 -3
- package/GlobalContext/componentsProps.d.ts +7 -7
- package/GlobalContext/index.d.ts +2 -2
- package/GlobalContext/index.js +1 -1
- package/GlobalContext/useFormatMessage.d.ts +1 -1
- package/Help/index.js +2 -2
- package/HelperText/index.js +1 -1
- package/InputLang/index.d.ts +2 -2
- package/InputLang/index.js +8 -8
- package/InputNumber/index.d.ts +2 -2
- package/InputNumber/index.js +4 -4
- package/Label/index.js +2 -2
- package/Loading/index.js +1 -1
- package/Menu/index.js +14 -14
- package/Menu/interface.d.ts +1 -1
- package/Message/index.js +12 -12
- package/Modal/Confirm/index.d.ts +3 -3
- package/Modal/index.d.ts +1 -1
- package/Modal/index.js +7 -7
- package/MultiBox/index.d.ts +2 -2
- package/MultiBox/index.js +11 -7
- package/Notification/index.js +2 -2
- package/OperateBtn/index.d.ts +2 -2
- package/OperateBtn/index.js +42 -37
- package/PageHeader/index.js +31 -31
- package/PageHeader/interface.d.ts +1 -1
- package/Pagination/index.d.ts +1 -1
- package/Pagination/index.js +17 -17
- package/ParauiProvider/index.js +1 -1
- package/PasswordRules/index.js +8 -8
- package/PopConfirm/index.js +4 -4
- package/Progress/Line.d.ts +10 -10
- package/Progress/Steps.d.ts +2 -2
- package/Progress/index.d.ts +12 -12
- package/Progress/index.js +40 -40
- package/Progress/utils.d.ts +4 -4
- package/Querying/index.d.ts +1 -1
- package/Querying/index.js +2 -2
- package/README.md +3 -0
- package/Radio/index.d.ts +1 -1
- package/Radio/index.js +5 -5
- package/RadioGroup/index.d.ts +2 -2
- package/RadioGroup/index.js +3 -3
- package/Search/index.js +2 -2
- package/Select/index.d.ts +3 -3
- package/Select/index.js +43 -43
- package/SelectInput/index.js +2 -2
- package/Selector/index.js +19 -19
- package/Selector/interface.d.ts +6 -6
- package/SelectorPicker/index.d.ts +4 -4
- package/SelectorPicker/index.js +12 -12
- package/SingleBox/index.d.ts +2 -2
- package/SingleBox/index.js +3 -3
- package/Slider/interface.d.ts +1 -1
- package/Status/index.d.ts +6 -4
- package/Status/index.js +21 -9
- package/Stepper/index.d.ts +5 -5
- package/Stepper/index.js +24 -24
- package/Styles/scrollbar.scss +66 -66
- package/Styles/theme.scss +62 -61
- package/Switch/index.d.ts +7 -7
- package/Switch/index.js +24 -6
- package/Switch/lang/en_US.d.ts +4 -0
- package/Switch/lang/index.d.ts +9 -0
- package/Switch/lang/zh_CN.d.ts +4 -0
- package/Table/index.js +36 -36
- package/Table/interface.d.ts +4 -4
- package/Table/tableBodyElement/index.d.ts +1 -1
- package/Table/tableBodyInterface.d.ts +2 -2
- package/Table/tableContainer/index.d.ts +1 -1
- package/Table/tableElement/index.d.ts +1 -1
- package/Table/tableHeadElement/index.d.ts +1 -1
- package/Table/tableHeadInterface.d.ts +1 -1
- package/Table/tablePaginationInterface.d.ts +6 -6
- package/Table/tdElement/index.d.ts +1 -1
- package/Table/thElement/index.d.ts +2 -2
- package/Table/trElement/index.d.ts +1 -1
- package/Table/util.d.ts +1 -1
- package/Tabs/index.d.ts +1 -1
- package/Tabs/index.js +26 -18
- package/Tag/TagGroup.d.ts +5 -5
- package/Tag/index.d.ts +7 -7
- package/Tag/index.js +33 -1207
- package/TextEditor/index.d.ts +2 -2
- package/TextEditor/index.js +45 -27
- package/TextEditor/lang/en_US.d.ts +4 -0
- package/TextEditor/lang/index.d.ts +9 -0
- package/TextEditor/lang/zh_CN.d.ts +4 -0
- package/TextField/index.d.ts +1 -1
- package/TextField/index.js +13 -13
- package/TimePicker/index.d.ts +1 -1
- package/TimePicker/index.js +2 -1
- package/Timeline/TimelineItem.d.ts +1 -1
- package/Timeline/index.d.ts +5 -5
- package/Timeline/index.js +14 -14
- package/Title/index.d.ts +6 -4
- package/Title/index.js +9 -5
- package/ToggleButton/ToggleButtonGroup.d.ts +1 -1
- package/ToggleButton/index.d.ts +5 -1
- package/ToggleButton/index.js +17 -10
- package/Tooltip/index.js +1 -1
- package/Transfer/box.d.ts +6 -6
- package/Transfer/index.js +27 -27
- package/Tree/OperateBar/index.d.ts +2 -2
- package/Tree/Tree.d.ts +2 -2
- package/Tree/index.js +4 -4
- package/Tree/interface.d.ts +8 -4
- package/Tree/utils/tools.d.ts +1 -1
- package/Upload/Dragger/index.d.ts +2 -2
- package/Upload/ErroTip/index.d.ts +1 -1
- package/Upload/index.d.ts +2 -2
- package/Upload/index.js +13 -13
- package/Upload/interface.d.ts +1 -1
- package/_verture/{index-5c77417d.js → index-0f315bca.js} +4 -4
- package/_verture/{index-e2881a53.js → index-19947788.js} +2 -2
- package/_verture/{index-d63bd287.js → index-232d890b.js} +1 -1
- package/_verture/{index-68db2bc3.js → index-92e406f4.js} +50 -26
- package/_verture/{index-7ec72724.js → index-bc461491.js} +45 -38
- package/_verture/{index-e6f85fd5.js → index-d251967e.js} +104 -47
- package/_verture/{modalContext-c12ca3e8.js → modalContext-9299acc9.js} +26 -26
- package/_verture/tinycolor-ece3542d.js +1180 -0
- package/_verture/{utils-f0e81540.js → utils-06d86594.js} +3 -6
- package/index.d.ts +2 -0
- package/index.js +14 -13
- package/locale/en-US.d.ts +19 -0
- package/locale/index.d.ts +38 -0
- package/locale/index.js +41 -3
- package/locale/zh-CN.d.ts +19 -0
- package/package.json +53 -8
- package/umd/AutoBox.js +2 -2
- package/umd/AutoTips.js +4 -4
- package/umd/Badge.js +1 -0
- package/umd/Breadcrumbs.js +2 -2
- package/umd/Button.js +2 -2
- package/umd/ButtonGroup.js +4 -4
- package/umd/Cascader.js +4 -4
- package/umd/Checkbox.js +5 -5
- package/umd/CheckboxGroup.js +5 -5
- package/umd/Collapse.js +1 -1
- package/umd/CollapseBox.js +1 -1
- package/umd/CollapseLayout.js +4 -4
- package/umd/ColorPicker.js +1 -1
- package/umd/ComboSelect.js +6 -6
- package/umd/CopyText.js +2 -2
- package/umd/DatePicker.js +2 -2
- package/umd/Desktop.js +2 -2
- package/umd/DragVerify.js +4 -4
- package/umd/Drawer.js +4 -4
- package/umd/DynamicMultiBox.js +4 -4
- package/umd/Form.js +4 -4
- package/umd/FormItem.js +4 -4
- package/umd/FunctionModal.js +2 -2
- package/umd/GlobalContext.js +1 -1
- package/umd/Help.js +2 -2
- package/umd/HelperText.js +1 -1
- package/umd/InputLang.js +4 -4
- package/umd/InputNumber.js +2 -2
- package/umd/Label.js +2 -2
- package/umd/Loading.js +1 -1
- package/umd/Menu.js +2 -2
- package/umd/Message.js +1 -1
- package/umd/Modal.js +2 -2
- package/umd/MultiBox.js +7 -7
- package/umd/Notification.js +2 -2
- package/umd/OperateBtn.js +2 -2
- package/umd/PageHeader.js +2 -2
- package/umd/Pagination.js +4 -4
- package/umd/ParauiProvider.js +1 -1
- package/umd/PasswordRules.js +3 -3
- package/umd/PopConfirm.js +2 -2
- package/umd/Popover.js +1 -1
- package/umd/Progress.js +1 -1
- package/umd/Radio.js +2 -2
- package/umd/RadioGroup.js +2 -2
- package/umd/Search.js +7 -7
- package/umd/Select.js +2 -2
- package/umd/SelectInput.js +2 -2
- package/umd/Selector.js +2 -2
- package/umd/SelectorPicker.js +2 -2
- package/umd/SingleBox.js +2 -2
- package/umd/Status.js +4 -4
- package/umd/Stepper.js +2 -2
- package/umd/Switch.js +5 -5
- package/umd/Table.js +6 -6
- package/umd/Tabs.js +4 -4
- package/umd/Tag.js +2 -2
- package/umd/TextEditor.js +3 -3
- package/umd/TextField.js +7 -7
- package/umd/TimePicker.js +2 -2
- package/umd/Title.js +2 -2
- package/umd/ToggleButton.js +4 -4
- package/umd/Tooltip.js +1 -1
- package/umd/Transfer.js +5 -5
- package/umd/Tree.js +7 -7
- package/umd/Upload.js +2 -2
- package/umd/locale.js +1 -1
- /package/_verture/{typeof-b240b062.js → typeof-c310ee4a.js} +0 -0
package/Checkbox/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import React, { FunctionComponent, ReactNode } from 'react';
|
|
7
7
|
import { LabelTooltipProps } from '../Label';
|
|
8
|
-
import { TooltipProps } from
|
|
8
|
+
import { TooltipProps } from '../Tooltip';
|
|
9
9
|
import './index.scss';
|
|
10
10
|
export interface CheckboxProps {
|
|
11
11
|
/** 样式class */
|
package/Checkbox/index.js
CHANGED
|
@@ -14,7 +14,7 @@ import 'rc-tooltip';
|
|
|
14
14
|
import 'rc-tooltip/lib/placements';
|
|
15
15
|
import '@para-ui/icons/Forbid';
|
|
16
16
|
|
|
17
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-checkbox {\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-v4-checkbox:hover {\n /*& > .checkbox-label {\n color: $
|
|
17
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-checkbox {\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-v4-checkbox:hover {\n /*& > .checkbox-label {\n color: $NB2;\n cursor: pointer;\n\n svg {\n color: $NB2;\n }\n }\n\n // 帮组\n & > .checkbox-help {\n padding: 0 8px;\n\n & > .checkbox-label {\n color: $NB2;\n cursor: pointer;\n\n svg {\n color: $NB2;\n }\n }\n }*/\n}\n.paraui-v4-checkbox:hover > .checkbox-box > .checkbox-box-inner {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-checkbox > .checkbox-box {\n position: relative;\n}\n.paraui-v4-checkbox > .checkbox-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-v4-checkbox > .checkbox-box > .checkbox-box-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n border-radius: 2px;\n background-color: white;\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-checkbox > .checkbox-box > .checkbox-box-inner:after {\n position: absolute;\n display: table;\n content: \" \";\n}\n.paraui-v4-checkbox > .checkbox-label {\n color: rgb(29, 33, 38);\n padding: 0 8px;\n margin: 0;\n display: inline-flex;\n align-items: flex-start;\n overflow: hidden;\n cursor: pointer;\n}\n.paraui-v4-checkbox > .checkbox-label > .checkbox-help > svg {\n top: 0;\n}\n.paraui-v4-checkbox .checkbox-label {\n line-height: 16px;\n}\n.paraui-v4-checkbox > .checkbox-help {\n padding: 0 8px;\n position: relative;\n top: -1px;\n overflow: hidden;\n}\n.paraui-v4-checkbox > .checkbox-help > .checkbox-label {\n width: 100%;\n color: rgb(29, 33, 38);\n margin: 0;\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n cursor: pointer;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-checked:hover > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(46, 101, 230);\n border-color: transparent;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(46, 101, 230);\n border-color: transparent;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n border: 1px solid white;\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(1) translate(-50%, -50%);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-indeterminate:hover > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(46, 101, 230);\n border-color: transparent;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(46, 101, 230);\n border-color: transparent;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n background-color: white;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(1);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-label {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-label svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-help > .checkbox-label {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-help > .checkbox-label svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-box > input {\n cursor: not-allowed;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(234, 236, 241);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-checked:hover > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(212, 218, 227);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n border-color: rgb(255, 255, 255);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-indeterminate:hover > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(212, 218, 227);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-small > .checkbox-box {\n top: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-small > .checkbox-box > .checkbox-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-small.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n top: 45%;\n left: 21%;\n width: 4px;\n height: 7px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-small.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n width: 8px;\n height: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-medium > .checkbox-box {\n top: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-medium > .checkbox-box > .checkbox-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-medium.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n top: 45%;\n left: 21%;\n width: 4px;\n height: 7px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-medium.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n width: 8px;\n height: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-large > .checkbox-box {\n top: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-large > .checkbox-box > .checkbox-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-large.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n top: 45%;\n left: 21%;\n width: 4px;\n height: 7px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-large.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n width: 8px;\n height: 1px;\n}";
|
|
18
18
|
styleInject(css_248z);
|
|
19
19
|
|
|
20
20
|
var Checkbox = function Checkbox(props) {
|
|
@@ -60,8 +60,8 @@ var Checkbox = function Checkbox(props) {
|
|
|
60
60
|
};
|
|
61
61
|
// 处理class
|
|
62
62
|
var handClass = function handClass() {
|
|
63
|
-
var str = $prefixCls
|
|
64
|
-
if (className) str +=
|
|
63
|
+
var str = "".concat($prefixCls, "-checkbox");
|
|
64
|
+
if (className) str += " ".concat(className);
|
|
65
65
|
if (size) str += " ".concat($prefixCls, "-checkbox-").concat(size);
|
|
66
66
|
if (disabled) str += " ".concat($prefixCls, "-checkbox-disabled");
|
|
67
67
|
if (indeterminate) str += " ".concat($prefixCls, "-checkbox-indeterminate");else if (checkedCom) str += " ".concat($prefixCls, "-checkbox-checked");
|
|
@@ -73,7 +73,7 @@ var Checkbox = function Checkbox(props) {
|
|
|
73
73
|
var handLabelClass = function handLabelClass() {
|
|
74
74
|
var str = 'checkbox-label';
|
|
75
75
|
if (labelTooltip && labelTooltip.className) {
|
|
76
|
-
str +=
|
|
76
|
+
str += " ".concat(labelTooltip.className);
|
|
77
77
|
}
|
|
78
78
|
return str;
|
|
79
79
|
};
|
|
@@ -81,7 +81,7 @@ var Checkbox = function Checkbox(props) {
|
|
|
81
81
|
var handHelpClassName = function handHelpClassName() {
|
|
82
82
|
var str = ' checkbox-help';
|
|
83
83
|
if (labelTooltip && labelTooltip.helpClassName) {
|
|
84
|
-
str +=
|
|
84
|
+
str += " ".concat(labelTooltip.helpClassName);
|
|
85
85
|
}
|
|
86
86
|
return str;
|
|
87
87
|
};
|
package/CheckboxGroup/index.d.ts
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import React, { FunctionComponent, ReactNode } from 'react';
|
|
7
7
|
import { CheckboxProps } from '../Checkbox';
|
|
8
|
-
import { LabelTooltipProps } from
|
|
9
|
-
import { HelperTextDetailProps } from
|
|
8
|
+
import { LabelTooltipProps } from '../Label';
|
|
9
|
+
import { HelperTextDetailProps } from '../HelperText';
|
|
10
10
|
import './index.scss';
|
|
11
11
|
export interface CheckboxListProps extends CheckboxProps {
|
|
12
12
|
[name: string]: any;
|
package/CheckboxGroup/index.js
CHANGED
|
@@ -82,7 +82,7 @@ var CheckboxGroup = function CheckboxGroup(props) {
|
|
|
82
82
|
var handLabelClass = function handLabelClass() {
|
|
83
83
|
var str = 'checkbox-group-label';
|
|
84
84
|
if (labelTooltip && labelTooltip.className) {
|
|
85
|
-
str +=
|
|
85
|
+
str += " ".concat(labelTooltip.className);
|
|
86
86
|
}
|
|
87
87
|
return str;
|
|
88
88
|
};
|
|
@@ -111,8 +111,8 @@ var CheckboxGroup = function CheckboxGroup(props) {
|
|
|
111
111
|
};
|
|
112
112
|
// 处理class
|
|
113
113
|
var handClass = function handClass() {
|
|
114
|
-
var str = $prefixCls
|
|
115
|
-
if (className) str +=
|
|
114
|
+
var str = "".concat($prefixCls, "-checkbox-group");
|
|
115
|
+
if (className) str += " ".concat(className);
|
|
116
116
|
if (size) str += " ".concat($prefixCls, "-checkbox-group-").concat(size);
|
|
117
117
|
if (error) str += " ".concat($prefixCls, "-checkbox-group-error");
|
|
118
118
|
if (disabled) str += " ".concat($prefixCls, "-checkbox-group-disabled");
|
package/Collapse/index.js
CHANGED
|
@@ -19,7 +19,7 @@ var CollapsePanelProps = function CollapsePanelProps(props) {
|
|
|
19
19
|
};
|
|
20
20
|
return jsx(RcCollapse.Panel, Object.assign({}, props, {
|
|
21
21
|
className: handClass(),
|
|
22
|
-
prefixCls: $rcPrefixCls
|
|
22
|
+
prefixCls: "".concat($rcPrefixCls, "-collapse")
|
|
23
23
|
}));
|
|
24
24
|
};
|
|
25
25
|
|
|
@@ -127,8 +127,8 @@ var Collapse = function Collapse(props) {
|
|
|
127
127
|
};
|
|
128
128
|
/** 处理className */
|
|
129
129
|
var handClass = function handClass() {
|
|
130
|
-
var str = $prefixCls
|
|
131
|
-
if (className) str +=
|
|
130
|
+
var str = "".concat($prefixCls, "-collapse");
|
|
131
|
+
if (className) str += " ".concat(className);
|
|
132
132
|
if (expandIconPosition) str += " ".concat($prefixCls, "-collapse-svg-").concat(expandIconPosition);
|
|
133
133
|
return str;
|
|
134
134
|
};
|
|
@@ -141,7 +141,7 @@ var Collapse = function Collapse(props) {
|
|
|
141
141
|
openMotion: openMotion
|
|
142
142
|
}, props, {
|
|
143
143
|
expandIcon: renderExpandIcon,
|
|
144
|
-
prefixCls: $rcPrefixCls
|
|
144
|
+
prefixCls: "".concat($rcPrefixCls, "-collapse"),
|
|
145
145
|
className: handClass()
|
|
146
146
|
}, {
|
|
147
147
|
children: getItems()
|
package/CollapseBox/index.js
CHANGED
|
@@ -42,19 +42,11 @@ var CollapseBox = function CollapseBox(props) {
|
|
|
42
42
|
useEffect(function () {
|
|
43
43
|
setInProp(open);
|
|
44
44
|
}, [open]);
|
|
45
|
-
// 处理节点
|
|
46
|
-
var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {
|
|
47
|
-
return function (nodeOrAppearing) {
|
|
48
|
-
if (callback) {
|
|
49
|
-
callback(nodeOrAppearing);
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
};
|
|
53
45
|
// 下拉
|
|
54
|
-
var handleEnter =
|
|
46
|
+
var handleEnter = function handleEnter(node) {
|
|
55
47
|
node.style.height = collapsedHeight;
|
|
56
|
-
}
|
|
57
|
-
var handleEntering =
|
|
48
|
+
};
|
|
49
|
+
var handleEntering = function handleEntering(node) {
|
|
58
50
|
var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
|
|
59
51
|
var _getTransitionProps = getTransitionProps({
|
|
60
52
|
style: style,
|
|
@@ -71,16 +63,16 @@ var CollapseBox = function CollapseBox(props) {
|
|
|
71
63
|
node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
|
|
72
64
|
}
|
|
73
65
|
node.style.height = "".concat(wrapperHeight, "px");
|
|
74
|
-
}
|
|
75
|
-
var handleEntered =
|
|
66
|
+
};
|
|
67
|
+
var handleEntered = function handleEntered(node) {
|
|
76
68
|
node.style.height = 'auto';
|
|
77
|
-
}
|
|
69
|
+
};
|
|
78
70
|
// 收起
|
|
79
|
-
var handleExit =
|
|
71
|
+
var handleExit = function handleExit(node) {
|
|
80
72
|
var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
|
|
81
73
|
node.style.height = "".concat(wrapperHeight, "px");
|
|
82
|
-
}
|
|
83
|
-
var handleExiting =
|
|
74
|
+
};
|
|
75
|
+
var handleExiting = function handleExiting(node) {
|
|
84
76
|
var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
|
|
85
77
|
var _getTransitionProps2 = getTransitionProps({
|
|
86
78
|
style: style,
|
|
@@ -97,15 +89,15 @@ var CollapseBox = function CollapseBox(props) {
|
|
|
97
89
|
node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
|
|
98
90
|
}
|
|
99
91
|
node.style.height = collapsedHeight;
|
|
100
|
-
}
|
|
92
|
+
};
|
|
101
93
|
// 完成下拉/收起回调
|
|
102
94
|
var addEndListener = function addEndListener(nodeOrNext, maybeNext) {
|
|
103
95
|
timer.current = setTimeout(maybeNext, autoTransitionDuration.current || 0);
|
|
104
96
|
};
|
|
105
97
|
// 处理className
|
|
106
98
|
var handClass = function handClass(state) {
|
|
107
|
-
var str = $prefixCls
|
|
108
|
-
if (className) str +=
|
|
99
|
+
var str = "".concat($prefixCls, "-collapse-box");
|
|
100
|
+
if (className) str += " ".concat(className);
|
|
109
101
|
if (state === 'entered') str += " ".concat($prefixCls, "-collapse-box-entered");
|
|
110
102
|
if (state === 'exited' && !inProp && collapsedHeight === '0px') str += " ".concat($prefixCls, "-collapse-box-hidden");
|
|
111
103
|
return str;
|
package/CollapseLayout/index.js
CHANGED
|
@@ -102,7 +102,7 @@ var CollapseLayout = function CollapseLayout(props) {
|
|
|
102
102
|
// 计算方位
|
|
103
103
|
var hangWH = function hangWH() {
|
|
104
104
|
var wH = 'width';
|
|
105
|
-
if (type ===
|
|
105
|
+
if (type === 'top' || type === 'bottom') {
|
|
106
106
|
wH = 'height';
|
|
107
107
|
}
|
|
108
108
|
return wH;
|
|
@@ -113,7 +113,7 @@ var CollapseLayout = function CollapseLayout(props) {
|
|
|
113
113
|
var collapseL = (showBox ? constData.current.zoomLength : 0) + unit; // 收缩长度
|
|
114
114
|
var wH = hangWH();
|
|
115
115
|
json[wH] = collapseL;
|
|
116
|
-
json['transitionDuration'] = duration
|
|
116
|
+
json['transitionDuration'] = "".concat(duration, "ms");
|
|
117
117
|
return json;
|
|
118
118
|
};
|
|
119
119
|
// 收缩容器的样式,里面的样式
|
|
@@ -123,7 +123,7 @@ var CollapseLayout = function CollapseLayout(props) {
|
|
|
123
123
|
var wH = hangWH();
|
|
124
124
|
json[wH] = constData.current.zoomLength + unit;
|
|
125
125
|
json[direction] = (showBox ? 0 : constData.current.zoomLength) + unit;
|
|
126
|
-
json['transitionDuration'] = duration
|
|
126
|
+
json['transitionDuration'] = "".concat(duration, "ms");
|
|
127
127
|
return json;
|
|
128
128
|
};
|
|
129
129
|
// 自适应容器的样式
|
|
@@ -134,14 +134,14 @@ var CollapseLayout = function CollapseLayout(props) {
|
|
|
134
134
|
json[wH] = "calc(100% - ".concat(collapseL + spacing).concat(unit);
|
|
135
135
|
var direction = "margin".concat(formatterType(type));
|
|
136
136
|
json[direction] = spacing + unit;
|
|
137
|
-
json['transitionDuration'] = duration
|
|
137
|
+
json['transitionDuration'] = "".concat(duration, "ms");
|
|
138
138
|
return json;
|
|
139
139
|
};
|
|
140
140
|
// 布局
|
|
141
141
|
var Layout = function Layout() {
|
|
142
142
|
return typeConfig.layout[type].map(function (key, idx) {
|
|
143
143
|
switch (key) {
|
|
144
|
-
case
|
|
144
|
+
case 'display':
|
|
145
145
|
// 可收缩的
|
|
146
146
|
return jsx("div", Object.assign({
|
|
147
147
|
className: "collapse-layout-display",
|
|
@@ -191,7 +191,7 @@ var CollapseLayout = function CollapseLayout(props) {
|
|
|
191
191
|
constData.current.comRefDomRect = comRefDomRect;
|
|
192
192
|
comRefDom.classList.add("".concat($prefixCls, "-collapse-layout-move"));
|
|
193
193
|
window.addEventListener('mousemove', onmousemove);
|
|
194
|
-
window.addEventListener(
|
|
194
|
+
window.addEventListener('mouseup', onmouseup);
|
|
195
195
|
};
|
|
196
196
|
/** 鼠标移动 */
|
|
197
197
|
var onmousemove = function onmousemove(e) {
|
|
@@ -207,40 +207,40 @@ var CollapseLayout = function CollapseLayout(props) {
|
|
|
207
207
|
var moveX = e.pageX - constData.current.downPos.pageX;
|
|
208
208
|
var widthHand = displayRefOutsideDomRect.width + moveX;
|
|
209
209
|
if (comRefDomRect.width - widthHand < minDragLength || widthHand < minDragLength) return;
|
|
210
|
-
displayRefOutsideDom.style.width = widthHand
|
|
211
|
-
displayRefDom.style.width = widthHand
|
|
210
|
+
displayRefOutsideDom.style.width = "".concat(widthHand, "px");
|
|
211
|
+
displayRefDom.style.width = "".concat(widthHand, "px");
|
|
212
212
|
defaultRefDom.style.width = "calc(100% - ".concat(widthHand, "px)");
|
|
213
|
-
btnRefDom.style.left = widthHand
|
|
213
|
+
btnRefDom.style.left = "".concat(widthHand, "px");
|
|
214
214
|
constData.current.zoomLength = widthHand;
|
|
215
215
|
break;
|
|
216
216
|
case 'right':
|
|
217
217
|
var moveXR = e.pageX - constData.current.downPos.pageX;
|
|
218
218
|
var widthHandR = displayRefOutsideDomRect.width - moveXR;
|
|
219
219
|
if (comRefDomRect.width - widthHandR < minDragLength || widthHandR < minDragLength) return;
|
|
220
|
-
displayRefOutsideDom.style.width = widthHandR
|
|
221
|
-
displayRefDom.style.width = widthHandR
|
|
220
|
+
displayRefOutsideDom.style.width = "".concat(widthHandR, "px");
|
|
221
|
+
displayRefDom.style.width = "".concat(widthHandR, "px");
|
|
222
222
|
defaultRefDom.style.width = "calc(100% - ".concat(widthHandR, "px)");
|
|
223
|
-
btnRefDom.style.right = widthHandR
|
|
223
|
+
btnRefDom.style.right = "".concat(widthHandR, "px");
|
|
224
224
|
constData.current.zoomLength = widthHandR;
|
|
225
225
|
break;
|
|
226
226
|
case 'top':
|
|
227
227
|
var moveY = e.pageY - constData.current.downPos.pageY;
|
|
228
228
|
var heightHand = displayRefOutsideDomRect.height + moveY;
|
|
229
229
|
if (comRefDomRect.height - heightHand < minDragLength || heightHand < minDragLength) return;
|
|
230
|
-
displayRefOutsideDom.style.height = heightHand
|
|
231
|
-
displayRefDom.style.height = heightHand
|
|
230
|
+
displayRefOutsideDom.style.height = "".concat(heightHand, "px");
|
|
231
|
+
displayRefDom.style.height = "".concat(heightHand, "px");
|
|
232
232
|
defaultRefDom.style.height = "calc(100% - ".concat(heightHand, "px)");
|
|
233
|
-
btnRefDom.style.top = heightHand
|
|
233
|
+
btnRefDom.style.top = "".concat(heightHand, "px");
|
|
234
234
|
constData.current.zoomLength = heightHand;
|
|
235
235
|
break;
|
|
236
236
|
case 'bottom':
|
|
237
237
|
var moveYB = e.pageY - constData.current.downPos.pageY;
|
|
238
238
|
var heightHandB = displayRefOutsideDomRect.height - moveYB;
|
|
239
239
|
if (comRefDomRect.height - heightHandB < minDragLength || heightHandB < minDragLength) return;
|
|
240
|
-
displayRefOutsideDom.style.height = heightHandB
|
|
241
|
-
displayRefDom.style.height = heightHandB
|
|
240
|
+
displayRefOutsideDom.style.height = "".concat(heightHandB, "px");
|
|
241
|
+
displayRefDom.style.height = "".concat(heightHandB, "px");
|
|
242
242
|
defaultRefDom.style.height = "calc(100% - ".concat(heightHandB, "px)");
|
|
243
|
-
btnRefDom.style.bottom = heightHandB
|
|
243
|
+
btnRefDom.style.bottom = "".concat(heightHandB, "px");
|
|
244
244
|
constData.current.zoomLength = heightHandB;
|
|
245
245
|
break;
|
|
246
246
|
}
|
|
@@ -250,7 +250,7 @@ var CollapseLayout = function CollapseLayout(props) {
|
|
|
250
250
|
var comRefDom = comRef.current;
|
|
251
251
|
comRefDom.classList.remove("".concat($prefixCls, "-collapse-layout-move"));
|
|
252
252
|
window.removeEventListener('mousemove', onmousemove);
|
|
253
|
-
window.removeEventListener(
|
|
253
|
+
window.removeEventListener('mouseup', onmouseup);
|
|
254
254
|
};
|
|
255
255
|
/**
|
|
256
256
|
* 展开收起按钮
|
|
@@ -263,7 +263,7 @@ var CollapseLayout = function CollapseLayout(props) {
|
|
|
263
263
|
var computeLabel = showBox ? showLabel : hideLabel;
|
|
264
264
|
return jsxs("div", Object.assign({
|
|
265
265
|
className: "collapse-layout-click collapse-layout-click-label-".concat(!!computeLabel),
|
|
266
|
-
style: (_style = {}, _defineProperty(_style, type, "".concat(showBox ? constData.current.zoomLength : 0).concat(unit)), _defineProperty(_style, "transitionDuration", duration
|
|
266
|
+
style: (_style = {}, _defineProperty(_style, type, "".concat(showBox ? constData.current.zoomLength : 0).concat(unit)), _defineProperty(_style, "transitionDuration", "".concat(duration, "ms")), _style),
|
|
267
267
|
ref: btnRef
|
|
268
268
|
}, {
|
|
269
269
|
children: [jsxs("div", Object.assign({
|
package/ColorPicker/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { S as SketchPicker } from '../_verture/index-
|
|
2
|
-
export { C as ChromePicker, a as CompactPicker, b as SwatchesPicker, S as default } from '../_verture/index-
|
|
1
|
+
import { S as SketchPicker } from '../_verture/index-0f315bca.js';
|
|
2
|
+
export { C as ChromePicker, a as CompactPicker, b as SwatchesPicker, S as default } from '../_verture/index-0f315bca.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'react-color';
|
|
5
5
|
import 'clsx';
|