@para-ui/core 4.0.0-beta → 4.0.0-rc
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/AutoTips/index.js +5 -5
- package/Button/index.js +2 -2
- package/Cascader/index.js +3 -3
- package/Checkbox/index.js +1 -1
- package/ColorPicker/index.js +2 -2
- package/ComboSelect/index.js +13 -14
- package/ComboSelect/utils.d.ts +5 -0
- package/CopyText/index.js +2 -2
- package/DatePicker/index.js +2 -1
- package/Desktop/index.js +1 -1
- package/DragVerify/index.js +2 -2
- package/Drawer/index.d.ts +2 -2
- package/Drawer/index.js +129 -24
- package/Drawer/interface.d.ts +8 -0
- package/Drawer/util.d.ts +6 -0
- package/DynamicMultiBox/index.d.ts +7 -2
- package/DynamicMultiBox/index.js +5 -5
- package/Form/index.js +6 -6
- package/FormItem/index.js +6 -6
- package/FunctionModal/index.js +5 -5
- package/GlobalContext/index.js +1 -1
- package/Help/index.js +1 -1
- package/InputNumber/index.js +1 -1
- package/Modal/index.js +2 -2
- package/MultiBox/index.js +8 -4
- package/Notification/index.js +1 -1
- package/OperateBtn/index.js +4 -3
- package/PageHeader/index.js +1 -1
- package/ParauiProvider/index.js +1 -1
- package/PasswordRules/index.js +1 -1
- package/PopConfirm/index.js +1 -1
- package/Radio/index.js +1 -1
- package/Search/index.js +1 -1
- package/Select/index.js +1 -1
- package/Selector/index.js +4 -4
- package/SelectorPicker/index.js +3 -3
- package/Status/index.d.ts +2 -0
- package/Status/index.js +17 -5
- package/Stepper/index.js +1 -1
- package/Styles/scrollbar.scss +66 -66
- package/Styles/theme.scss +62 -61
- package/Switch/index.js +1 -1
- package/Table/index.js +2 -2
- package/Tabs/index.js +1 -1
- package/Tag/index.js +10 -1184
- package/TimePicker/index.js +1 -0
- package/Title/index.d.ts +2 -0
- package/Title/index.js +6 -2
- package/Tooltip/index.js +1 -1
- package/Transfer/index.js +6 -6
- package/Tree/OperateBar/index.d.ts +2 -2
- package/Tree/index.js +4 -4
- package/Tree/interface.d.ts +4 -0
- package/Upload/index.js +6 -6
- package/_verture/{index-e2881a53.js → index-19947788.js} +2 -2
- package/_verture/{index-e6f85fd5.js → index-1c8d3e94.js} +3 -0
- package/_verture/{index-d63bd287.js → index-232d890b.js} +1 -1
- package/_verture/{index-7ec72724.js → index-47297a40.js} +36 -29
- package/_verture/{index-5c77417d.js → index-8469865e.js} +2 -2
- package/_verture/{index-68db2bc3.js → index-e1b800aa.js} +2 -2
- package/_verture/{modalContext-c12ca3e8.js → modalContext-670eab09.js} +1 -1
- package/_verture/tinycolor-ece3542d.js +1180 -0
- package/_verture/{utils-f0e81540.js → utils-06d86594.js} +3 -6
- package/index.js +11 -11
- package/locale/index.js +2 -2
- package/package.json +51 -8
- package/umd/AutoBox.js +1 -1
- package/umd/AutoTips.js +4 -4
- package/umd/Breadcrumbs.js +2 -2
- package/umd/Button.js +2 -2
- package/umd/ButtonGroup.js +4 -4
- package/umd/Cascader.js +6 -6
- package/umd/Checkbox.js +5 -5
- package/umd/CheckboxGroup.js +5 -5
- 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/Drawer.js +4 -4
- package/umd/DynamicMultiBox.js +4 -4
- package/umd/Form.js +2 -2
- 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/InputLang.js +4 -4
- package/umd/InputNumber.js +2 -2
- package/umd/Label.js +2 -2
- package/umd/Modal.js +2 -2
- package/umd/MultiBox.js +2 -2
- package/umd/Notification.js +1 -1
- package/umd/OperateBtn.js +2 -2
- package/umd/PageHeader.js +2 -2
- package/umd/Pagination.js +2 -2
- package/umd/ParauiProvider.js +1 -1
- package/umd/PasswordRules.js +4 -4
- package/umd/PopConfirm.js +2 -2
- package/umd/Popover.js +1 -1
- package/umd/Radio.js +2 -2
- package/umd/RadioGroup.js +2 -2
- package/umd/Search.js +2 -2
- 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 +2 -2
- package/umd/Table.js +6 -6
- package/umd/Tabs.js +2 -2
- package/umd/Tag.js +2 -2
- package/umd/TextEditor.js +2 -2
- package/umd/TextField.js +2 -2
- 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/AutoTips/index.js
CHANGED
|
@@ -226,10 +226,10 @@ var AutoTips = function AutoTips(props) {
|
|
|
226
226
|
setTTips(val);
|
|
227
227
|
};
|
|
228
228
|
// 处理最大宽度
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
}
|
|
229
|
+
/*const handMaxWidth = () => {
|
|
230
|
+
if (tipMaxWidth) return tipMaxWidth;
|
|
231
|
+
return tipsElm && tipsElm.current ? tipsElm.current.offsetWidth : 0;
|
|
232
|
+
}*/
|
|
233
233
|
// 判断浏览器是否是safari
|
|
234
234
|
var isSafari = function isSafari() {
|
|
235
235
|
var userAgent = navigator.userAgent;
|
|
@@ -257,7 +257,7 @@ var AutoTips = function AutoTips(props) {
|
|
|
257
257
|
interactive: interactive,
|
|
258
258
|
boundariesElement: 'viewport',
|
|
259
259
|
overlayClassName: $prefixCls + '-auto-tips-tooltip',
|
|
260
|
-
maxWidth:
|
|
260
|
+
maxWidth: tipMaxWidth
|
|
261
261
|
}, {
|
|
262
262
|
children: jsx("div", Object.assign({
|
|
263
263
|
className: "auto-tips-content",
|
package/Button/index.js
CHANGED
|
@@ -35,7 +35,7 @@ var localeJson = {
|
|
|
35
35
|
en: en
|
|
36
36
|
};
|
|
37
37
|
|
|
38
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午5:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n@keyframes buttonLoadingSpin {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v4-button {\n border: 0;\n cursor: pointer;\n display: inline-flex;\n outline: 0;\n position: relative;\n align-items: center;\n user-select: none;\n vertical-align: middle;\n justify-content: center;\n text-decoration: none;\n background-color: transparent;\n appearance: none;\n -webkit-tap-highlight-color: transparent;\n padding: 0 10px;\n line-height: 1.5715;\n border-radius: 4px;\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 white-space: nowrap;\n color: rgb(255, 255, 255);\n box-sizing: border-box;\n letter-spacing: 0.02857em;\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.paraui-v4-button .button-label {\n width: 100%;\n display: inherit;\n align-items: inherit;\n justify-content: inherit;\n}\n.paraui-v4-button .button-icon {\n display: inherit;\n margin-right: 4px;\n}\n.paraui-v4-button .button-icon svg {\n color: inherit;\n font-weight: 500;\n}\n.paraui-v4-button .button-icon-end {\n margin-right: 0;\n margin-left: 4px;\n}\n.paraui-v4-button .button-icon-loading {\n animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v4-button-loading {\n pointer-events: none;\n}\n.paraui-v4-button-contained {\n color: rgb(255, 255, 255);\n background-color: rgb(46, 101, 230);\n}\n.paraui-v4-button-contained:hover {\n background-color: rgb(87, 131, 235);\n}\n.paraui-v4-button-contained.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-contained.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-contained[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-contained[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-contained.paraui-v4-button-dangerous {\n background-color: rgb(244, 66, 66);\n}\n.paraui-v4-button-contained.paraui-v4-button-dangerous:hover {\n background-color: rgb(246, 103, 103);\n}\n.paraui-v4-button-outlined {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-button-outlined:hover {\n color: rgb(46, 101, 230);\n border-color: rgb(87, 131, 235);\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-outlined.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-outlined.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-outlined[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-outlined[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-outlined.paraui-v4-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-button-outlined.paraui-v4-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-button-text {\n color: rgb(46, 101, 230);\n background-color: transparent;\n border: none;\n}\n.paraui-v4-button-text:hover {\n color: rgb(87, 131, 235);\n background-color: transparent;\n}\n.paraui-v4-button-text.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-text.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-text[disabled] {\n color: rgb(29, 33, 38);\n background-color: transparent;\n border: none;\n cursor: not-allowed;\n}\n.paraui-v4-button-text[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v4-button-text.paraui-v4-button-dangerous {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-button-text.paraui-v4-button-dangerous:hover {\n color: rgb(246, 103, 103);\n}\n.paraui-v4-button-large {\n height: 32px;\n}\n.paraui-v4-button-medium {\n height: 28px;\n}\n.paraui-v4-button-small {\n height: 28px;\n}\n.paraui-v4-button--disabled {\n display: inline-block;\n cursor: not-allowed;\n}\n.paraui-v4-button--disabled button {\n pointer-events: none;\n}\n\n.paraui-v4-icon-button {\n flex: 0 0 auto;\n overflow: visible;\n text-align: center;\n transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n padding: 0;\n border-radius: 4px;\n}\n.paraui-v4-icon-button-loading {\n pointer-events: none;\n}\n.paraui-v4-icon-button-loading .button-loading-icon {\n display: inline-flex;\n animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v4-icon-button svg {\n color: inherit;\n font-size: 500;\n}\n.paraui-v4-icon-button-contained {\n color: rgb(255, 255, 255);\n background-color: rgb(46, 101, 230);\n}\n.paraui-v4-icon-button-contained:hover {\n background-color: rgb(87, 131, 235);\n box-shadow: none;\n}\n.paraui-v4-icon-button-contained.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-contained.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-contained[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-contained[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-contained.paraui-v4-icon-button-dangerous {\n background-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-contained.paraui-v4-icon-button-dangerous:hover {\n background-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-outlined {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-icon-button-outlined:hover {\n color: rgb(46, 101, 230);\n border-color: rgb(87, 131, 235);\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-outlined.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-outlined[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-outlined[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-icon-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-text {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-icon-button-text:hover {\n color: rgb(87, 131, 235);\n background-color: transparent;\n}\n.paraui-v4-icon-button-text.paraui-v4-button-link-disabled {\n pointer-events: none;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-icon-button-text.paraui-v4-button-link-disabled:hover {\n background-color: transparent;\n}\n.paraui-v4-icon-button-text[disabled] {\n color: rgb(161, 168, 179);\n pointer-events: none;\n}\n.paraui-v4-icon-button-text[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-dangerous:hover {\n color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-large {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-large svg {\n font-size: 24px;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-medium {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-medium svg {\n font-size: 20px;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-small {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-small svg {\n font-size: 20px;\n}\n.paraui-v4-icon-button-activate {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n color: rgb(46, 101, 230);\n border-color: rgb(87, 131, 235);\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-icon-button-activate.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-activate.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-activate[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-activate[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-activate.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-activate.paraui-v4-icon-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-large {\n width: 32px;\n height: 32px;\n}\n.paraui-v4-icon-button-medium {\n width: 28px;\n height: 28px;\n}\n.paraui-v4-icon-button-small {\n width: 28px;\n height: 28px;\n}\n\n.paraui-v4-button-split {\n display: inline-block;\n}\n.paraui-v4-button-split .paraui-v4-button-split--active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-button-split-list {\n padding: 4px 0;\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-split-list ul .split-li {\n padding: 8px 10px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n line-height: 1;\n cursor: pointer;\n transition: background-color 0.3s, color 0.3s;\n white-space: nowrap;\n}\n.paraui-v4-button-split-list ul .split-li:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--active:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--hover:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--disabled {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-button-split-list ul .split-li.split-li--disabled:hover {\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-split-list ul .split-li-group:not(:first-child) {\n position: relative;\n margin-top: 8px;\n}\n.paraui-v4-button-split-list ul .split-li-group:not(:first-child):before {\n content: \"\";\n position: absolute;\n top: -4px;\n left: 8px;\n right: 8px;\n border-top: 1px solid rgb(234, 236, 241);\n}";
|
|
38
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午5:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n@keyframes buttonLoadingSpin {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v4-button {\n border: 0;\n cursor: pointer;\n display: inline-flex;\n outline: 0;\n position: relative;\n align-items: center;\n user-select: none;\n vertical-align: middle;\n justify-content: center;\n text-decoration: none;\n background-color: transparent;\n appearance: none;\n -webkit-tap-highlight-color: transparent;\n padding: 0 10px;\n line-height: 1.5715;\n border-radius: 4px;\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 white-space: nowrap;\n color: rgb(255, 255, 255);\n box-sizing: border-box;\n letter-spacing: 0.02857em;\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.paraui-v4-button .button-label {\n width: 100%;\n display: inherit;\n align-items: inherit;\n justify-content: inherit;\n}\n.paraui-v4-button .button-icon {\n display: inherit;\n margin-right: 4px;\n}\n.paraui-v4-button .button-icon svg {\n color: inherit;\n font-weight: 500;\n}\n.paraui-v4-button .button-icon-end {\n margin-right: 0;\n margin-left: 4px;\n}\n.paraui-v4-button .button-icon-loading {\n animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v4-button-loading {\n pointer-events: none;\n}\n.paraui-v4-button-contained {\n color: rgb(255, 255, 255);\n background-color: rgb(46, 101, 230);\n}\n.paraui-v4-button-contained:hover {\n background-color: rgb(87, 131, 235);\n}\n.paraui-v4-button-contained.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-contained.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-contained[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-contained[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-contained.paraui-v4-button-dangerous {\n background-color: rgb(244, 66, 66);\n}\n.paraui-v4-button-contained.paraui-v4-button-dangerous:hover {\n background-color: rgb(246, 103, 103);\n}\n.paraui-v4-button-outlined {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-button-outlined:hover {\n color: rgb(46, 101, 230);\n border-color: rgb(87, 131, 235);\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-outlined.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-outlined.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-outlined[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-outlined[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-outlined.paraui-v4-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-button-outlined.paraui-v4-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-button-text {\n color: rgb(46, 101, 230);\n background-color: transparent;\n border: none;\n}\n.paraui-v4-button-text:hover {\n color: rgb(87, 131, 235);\n background-color: transparent;\n}\n.paraui-v4-button-text.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-text.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-text[disabled] {\n color: rgb(29, 33, 38);\n background-color: transparent;\n border: none;\n cursor: not-allowed;\n}\n.paraui-v4-button-text[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v4-button-text.paraui-v4-button-dangerous {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-button-text.paraui-v4-button-dangerous:hover {\n color: rgb(246, 103, 103);\n}\n.paraui-v4-button-large {\n height: 32px;\n}\n.paraui-v4-button-medium {\n height: 28px;\n}\n.paraui-v4-button-small {\n height: 28px;\n}\n.paraui-v4-button--disabled {\n display: inline-block;\n cursor: not-allowed;\n}\n.paraui-v4-button--disabled button {\n pointer-events: none;\n}\n\n.paraui-v4-icon-button {\n flex: 0 0 auto;\n overflow: visible;\n text-align: center;\n transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n padding: 0;\n border-radius: 4px;\n}\n.paraui-v4-icon-button-loading {\n pointer-events: none;\n}\n.paraui-v4-icon-button-loading .button-loading-icon {\n display: inline-flex;\n animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v4-icon-button svg {\n color: inherit;\n font-size: 16px;\n}\n.paraui-v4-icon-button-contained {\n color: rgb(255, 255, 255);\n background-color: rgb(46, 101, 230);\n}\n.paraui-v4-icon-button-contained:hover {\n background-color: rgb(87, 131, 235);\n box-shadow: none;\n}\n.paraui-v4-icon-button-contained.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-contained.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-contained[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-contained[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-contained.paraui-v4-icon-button-dangerous {\n background-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-contained.paraui-v4-icon-button-dangerous:hover {\n background-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-outlined {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-icon-button-outlined:hover {\n color: rgb(46, 101, 230);\n border-color: rgb(87, 131, 235);\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-outlined.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-outlined[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-outlined[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-icon-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-text {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-icon-button-text:hover {\n color: rgb(87, 131, 235);\n background-color: transparent;\n}\n.paraui-v4-icon-button-text.paraui-v4-button-link-disabled {\n pointer-events: none;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-icon-button-text.paraui-v4-button-link-disabled:hover {\n background-color: transparent;\n}\n.paraui-v4-icon-button-text[disabled] {\n color: rgb(161, 168, 179);\n pointer-events: none;\n}\n.paraui-v4-icon-button-text[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-dangerous:hover {\n color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-large {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-large svg {\n font-size: 24px;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-medium {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-medium svg {\n font-size: 20px;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-small {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-small svg {\n font-size: 20px;\n}\n.paraui-v4-icon-button-activate {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n color: rgb(46, 101, 230);\n border-color: rgb(46, 101, 230);\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-icon-button-activate.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-activate.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-activate[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-activate[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-activate.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-activate.paraui-v4-icon-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-large {\n width: 32px;\n height: 32px;\n}\n.paraui-v4-icon-button-medium {\n width: 28px;\n height: 28px;\n}\n.paraui-v4-icon-button-small {\n width: 28px;\n height: 28px;\n}\n\n.paraui-v4-button-split {\n display: inline-block;\n}\n.paraui-v4-button-split .paraui-v4-button-split--active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-button-split-list {\n padding: 4px 0;\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-split-list ul .split-li {\n padding: 8px 10px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n line-height: 1;\n cursor: pointer;\n transition: background-color 0.3s, color 0.3s;\n white-space: nowrap;\n}\n.paraui-v4-button-split-list ul .split-li:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--active:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--hover:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--disabled {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-button-split-list ul .split-li.split-li--disabled:hover {\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-split-list ul .split-li-group:not(:first-child) {\n position: relative;\n margin-top: 8px;\n}\n.paraui-v4-button-split-list ul .split-li-group:not(:first-child):before {\n content: \"\";\n position: absolute;\n top: -4px;\n left: 8px;\n right: 8px;\n border-top: 1px solid rgb(234, 236, 241);\n}";
|
|
39
39
|
styleInject(css_248z);
|
|
40
40
|
|
|
41
41
|
//分体式按钮
|
|
@@ -50,7 +50,7 @@ function SplitButton(props) {
|
|
|
50
50
|
onClick = props.onClick,
|
|
51
51
|
optionRender = props.optionRender,
|
|
52
52
|
_props$placement = props.placement,
|
|
53
|
-
placement = _props$placement === void 0 ? '
|
|
53
|
+
placement = _props$placement === void 0 ? 'bottomLeft' : _props$placement,
|
|
54
54
|
buttonProps = props.buttonProps,
|
|
55
55
|
_props$iconButton = props.iconButton,
|
|
56
56
|
iconButton = _props$iconButton === void 0 ? false : _props$iconButton,
|
package/Cascader/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C as Cascader } from '../_verture/index-
|
|
2
|
-
export { C as default } from '../_verture/index-
|
|
1
|
+
import { C as Cascader } from '../_verture/index-e1b800aa.js';
|
|
2
|
+
export { C as default } from '../_verture/index-e1b800aa.js';
|
|
3
3
|
import '../_verture/defineProperty-1d116156.js';
|
|
4
4
|
import '../_verture/typeof-adeedc13.js';
|
|
5
5
|
import '../_verture/toConsumableArray-8f4c9589.js';
|
|
@@ -11,7 +11,7 @@ import 'react';
|
|
|
11
11
|
import 'react-dom';
|
|
12
12
|
import 'rc-motion';
|
|
13
13
|
import 'clsx';
|
|
14
|
-
import '../_verture/typeof-
|
|
14
|
+
import '../_verture/typeof-c310ee4a.js';
|
|
15
15
|
import 'rc-tree/lib/utils/conductUtil';
|
|
16
16
|
import '@para-ui/icons/Right';
|
|
17
17
|
import '@para-ui/icons/Down';
|
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) {
|
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-8469865e.js';
|
|
2
|
+
export { C as ChromePicker, a as CompactPicker, b as SwatchesPicker, S as default } from '../_verture/index-8469865e.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'react-color';
|
|
5
5
|
import 'clsx';
|
package/ComboSelect/index.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
|
|
2
2
|
import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
|
|
3
3
|
import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
|
|
4
|
-
import { r as regenerator } from '../_verture/index-
|
|
4
|
+
import { r as regenerator } from '../_verture/index-232d890b.js';
|
|
5
5
|
import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
6
6
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
7
7
|
import React__default, { useRef, useState, useMemo, useImperativeHandle, useEffect } from 'react';
|
|
8
8
|
import Down from '@para-ui/icons/Down';
|
|
9
9
|
import SearchIcon from '@para-ui/icons/Search';
|
|
10
10
|
import CloseIcon from '@para-ui/icons/Close';
|
|
11
|
-
import
|
|
11
|
+
import CloseCircleF from '@para-ui/icons/CloseCircleF';
|
|
12
12
|
import Table from '../Table/index.js';
|
|
13
|
-
import { T as Tree } from '../_verture/index-
|
|
13
|
+
import { T as Tree } from '../_verture/index-47297a40.js';
|
|
14
14
|
import { Button } from '../Button/index.js';
|
|
15
15
|
import { D as Dropdown } from '../_verture/index-e9007d6a.js';
|
|
16
16
|
import { Popover } from '../Popover/index.js';
|
|
17
17
|
import AutoTips from '../AutoTips/index.js';
|
|
18
18
|
import { Tooltip } from '../Tooltip/index.js';
|
|
19
19
|
import clsx from 'clsx';
|
|
20
|
-
import { g as getReplaceField, i as isRemoteLoad, d as debounce, t as toArray, a as getOverlaySize } from '../_verture/utils-
|
|
20
|
+
import { g as getReplaceField, i as isRemoteLoad, d as debounce, t as toArray, a as getOverlaySize } from '../_verture/utils-06d86594.js';
|
|
21
21
|
import { DeepClone, ArrayToObject } from '@paraview/lib';
|
|
22
22
|
import GlobalContext from '@para-ui/core/GlobalContext';
|
|
23
23
|
import { u as useGlobalProps } from '../_verture/useGlobalProps-1b846a65.js';
|
|
@@ -28,7 +28,7 @@ import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
|
|
|
28
28
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
29
29
|
import '../_verture/typeof-adeedc13.js';
|
|
30
30
|
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
31
|
-
import '../_verture/typeof-
|
|
31
|
+
import '../_verture/typeof-c310ee4a.js';
|
|
32
32
|
import '../Checkbox/index.js';
|
|
33
33
|
import '../Help/index.js';
|
|
34
34
|
import '@para-ui/icons/Help';
|
|
@@ -48,7 +48,6 @@ import '../Pagination/index.js';
|
|
|
48
48
|
import '../TextField/index.js';
|
|
49
49
|
import '@para-ui/icons/PreviewClose';
|
|
50
50
|
import '@para-ui/icons/PreviewOpen';
|
|
51
|
-
import '@para-ui/icons/CloseCircleF';
|
|
52
51
|
import '../Loading/index.js';
|
|
53
52
|
import '@para-ui/icons/LoadingF';
|
|
54
53
|
import '../Select/index.js';
|
|
@@ -92,7 +91,7 @@ var localeJson = {
|
|
|
92
91
|
en: en
|
|
93
92
|
};
|
|
94
93
|
|
|
95
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-comboselect .comboselect-wrapper {\n position: relative;\n display: flex;\n width: 100%;\n min-height: 32px;\n padding: 0 12px;\n font-size: 14px;\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-placeholder {\n position: absolute;\n top: 50%;\n left: 12px;\n right: 42px;\n transform: translateY(-50%);\n font-size: 14px;\n color: rgb(161, 168, 179);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow {\n position: absolute;\n top: 5px;\n right: 12px;\n line-height: 0;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow svg {\n color: rgb(92, 101, 115);\n font-size: 20px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear {\n position: absolute;\n top: 9px;\n right: 12px;\n opacity: 0;\n line-height: 0;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg {\n color: rgb(92, 101, 115);\n font-size: 500;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow {\n position: relative;\n display: flex;\n width: 100%;\n flex: auto;\n flex-wrap: wrap;\n padding: 4px 30px 0 0;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 30px;\n padding: 0 30px 0 0;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow .comboselect-single-content {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item {\n flex: none;\n max-width: 100%;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n display: inline-flex;\n align-items: center;\n padding: 0 12px;\n height: 22px;\n margin: 0 8px 4px 0;\n max-width: 100%;\n color: rgb(29, 33, 38);\n line-height: 22px;\n background-color: rgb(234, 236, 241);\n border-radius: 4px;\n user-select: none;\n transition: 0.3s;\n cursor: default;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-content {\n display: inline-block;\n margin-right: 4px;\n overflow: hidden;\n font-size: 12px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg {\n font-size: 500;\n color: inherit;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled {\n color: rgb(161, 168, 179);\n background-color: rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled .comboselect-item-remove {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--unclosable .comboselect-item-content {\n margin-right: 0;\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper .comboselect-arrow {\n transform: rotate(180deg);\n color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-comboselect-disabled .comboselect-wrapper {\n background-color: rgb(234, 236, 241);\n border-color: rgb(212, 218, 227);\n pointer-events: none;\n}\n.paraui-v4-comboselect-large .comboselect-wrapper {\n min-height: 36px;\n}\n.paraui-v4-comboselect-large .comboselect-wrapper .comboselect-overflow {\n padding-top: 5px;\n}\n.paraui-v4-comboselect-large .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n height: 24px;\n margin-bottom: 5px;\n line-height: 24px;\n}\n.paraui-v4-comboselect-large .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 34px;\n}\n.paraui-v4-comboselect-large .comboselect-wrapper .comboselect-arrow {\n top: 8px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper {\n min-height: 28px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow {\n padding-top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n height: 20px;\n margin-bottom: 3px;\n line-height: 20px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 26px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-arrow {\n top: 3px;\n}\n.paraui-v4-comboselect-error .comboselect-wrapper {\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-error .comboselect-wrapper:hover {\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-arrow {\n opacity: 0;\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-clear {\n opacity: 1;\n}\n.paraui-v4-comboselect-non-popup {\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper {\n border: none;\n border-bottom: 1px solid rgb(212, 218, 227);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n cursor: default;\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper:hover {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content {\n position: relative;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search {\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 18px;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon svg {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input {\n width: 100%;\n height: 100%;\n flex: auto;\n margin: 0 10px 0 10px;\n border: none;\n color: rgb(29, 33, 38);\n font-size: 14px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg {\n font-size: 500;\n color: rgb(92, 101, 115);\n transition: all 0.3s;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table {\n padding-bottom: 10px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .paraui-v4-table {\n box-shadow: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree {\n padding: 6px 7px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree .paraui-v4-tree-empty {\n padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper {\n position: relative;\n color: initial;\n overflow: hidden;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search {\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 18px;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon svg {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input {\n width: 100%;\n flex: auto;\n margin: 0 10px 0 10px;\n border: none;\n color: rgb(29, 33, 38);\n font-size: 14px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg {\n font-size: 500;\n color: rgb(92, 101, 115);\n transition: all 0.3s;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-dropdown .comboselect-table {\n height: 100%;\n padding-bottom: 10px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table {\n box-shadow: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree {\n height: 100%;\n padding: 6px 7px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .paraui-v4-tree-empty {\n height: 100%;\n padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions {\n display: flex;\n align-items: center;\n padding: 8px 20px 8px 0;\n justify-content: flex-end;\n border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions button + button {\n margin-left: 10px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath {\n height: 34px;\n line-height: 34px;\n padding: 0 12px;\n border-top: 1px solid rgb(234, 236, 241);\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath span {\n display: inline-block;\n height: 100%;\n padding-right: 10px;\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list {\n padding: 8px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-empty {\n padding: 50px 0 72px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode {\n width: 100%;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-switcher {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-checkbox {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper {\n width: 100%;\n margin: 0;\n padding: 6px 28px 6px 12px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper:hover {\n background-color: rgb(234, 236, 241);\n border-radius: 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper {\n position: relative;\n color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n position: absolute;\n content: \" \";\n width: 5px;\n height: 10px;\n right: 12px;\n top: 50%;\n transform: translateY(-50%) rotate(45deg);\n border: 2px solid rgb(87, 131, 235);\n border-top: 0;\n border-left: 0;\n border-bottom-right-radius: 2px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list-single .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n display: none;\n}\n.paraui-v4-comboselect-more-popover {\n padding-left: 12px;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper {\n width: 300px;\n padding: 12px 0;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-title {\n display: block;\n padding: 0 12px;\n margin-bottom: 5px;\n font-size: 12px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-content {\n max-height: 300px;\n padding: 0 12px;\n overflow-y: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item {\n display: flex;\n align-items: center;\n height: 36px;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-text {\n display: inline-block;\n max-width: calc(100% - 25px);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove {\n display: inline-flex;\n margin-left: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg {\n font-size: 20px;\n color: rgb(29, 33, 38);\n cursor: pointer;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-clear, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-clear {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-reveal, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-reveal {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-input-placeholder {\n /* Microsoft Edge */\n color: rgb(161, 168, 179);\n}";
|
|
94
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-comboselect .comboselect-wrapper {\n position: relative;\n display: flex;\n width: 100%;\n min-height: 32px;\n padding: 0 12px;\n font-size: 14px;\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-placeholder {\n position: absolute;\n top: 50%;\n left: 12px;\n right: 42px;\n transform: translateY(-50%);\n font-size: 14px;\n color: rgb(161, 168, 179);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow {\n position: absolute;\n top: 5px;\n right: 12px;\n line-height: 0;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow svg {\n color: rgb(92, 101, 115);\n font-size: 20px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear {\n position: absolute;\n top: 9px;\n right: 12px;\n opacity: 0;\n line-height: 0;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg {\n color: rgb(92, 101, 115);\n font-size: 16px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow {\n position: relative;\n display: flex;\n width: 100%;\n flex: auto;\n flex-wrap: wrap;\n padding: 4px 30px 0 0;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 30px;\n padding: 0 30px 0 0;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow .comboselect-single-content {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item {\n flex: none;\n max-width: 100%;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n display: inline-flex;\n align-items: center;\n padding: 0 12px;\n height: 22px;\n margin: 0 8px 4px 0;\n max-width: 100%;\n color: rgb(29, 33, 38);\n line-height: 22px;\n background-color: rgb(234, 236, 241);\n border-radius: 4px;\n user-select: none;\n transition: 0.3s;\n cursor: default;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-content {\n display: inline-block;\n margin-right: 4px;\n overflow: hidden;\n font-size: 12px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg {\n font-size: 16px;\n color: inherit;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled {\n color: rgb(161, 168, 179);\n background-color: rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled .comboselect-item-remove {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--unclosable .comboselect-item-content {\n margin-right: 0;\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper .comboselect-arrow {\n transform: rotate(180deg);\n color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-comboselect-disabled .comboselect-wrapper {\n background-color: rgb(234, 236, 241);\n border-color: rgb(212, 218, 227);\n pointer-events: none;\n}\n.paraui-v4-comboselect-large .comboselect-wrapper {\n min-height: 36px;\n}\n.paraui-v4-comboselect-large .comboselect-wrapper .comboselect-overflow {\n padding-top: 5px;\n}\n.paraui-v4-comboselect-large .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n height: 24px;\n margin-bottom: 5px;\n line-height: 24px;\n}\n.paraui-v4-comboselect-large .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 34px;\n}\n.paraui-v4-comboselect-large .comboselect-wrapper .comboselect-arrow {\n top: 8px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper {\n min-height: 28px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow {\n padding-top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n height: 20px;\n margin-bottom: 3px;\n line-height: 20px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 26px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-arrow {\n top: 3px;\n}\n.paraui-v4-comboselect-error .comboselect-wrapper {\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-error .comboselect-wrapper:hover {\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-arrow {\n opacity: 0;\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-clear {\n opacity: 1;\n}\n.paraui-v4-comboselect-non-popup {\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper {\n border: none;\n border-bottom: 1px solid rgb(212, 218, 227);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n cursor: default;\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper:hover {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content {\n position: relative;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search {\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 10px;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon svg {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input {\n width: 100%;\n height: 100%;\n flex: auto;\n margin: 0 10px 0 10px;\n border: none;\n color: rgb(29, 33, 38);\n font-size: 14px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgb(92, 101, 115);\n transition: all 0.3s;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table {\n padding-bottom: 10px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .paraui-v4-table {\n box-shadow: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree {\n padding: 6px 7px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree .paraui-v4-tree-empty {\n padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper {\n position: relative;\n color: initial;\n overflow: hidden;\n}\n.paraui-v4-comboselect-dropdown .dropdown-content {\n display: flex;\n flex-direction: column;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search {\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 10px;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon svg {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input {\n width: 100%;\n flex: auto;\n margin: 0 10px 0 10px;\n border: none;\n color: rgb(29, 33, 38);\n font-size: 14px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgb(92, 101, 115);\n transition: all 0.3s;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-table {\n flex: 1 1;\n overflow-y: auto;\n height: 100%;\n padding-bottom: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table {\n box-shadow: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-pagination {\n padding-right: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-pagination {\n height: 52px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-contain {\n height: calc(100% - 52px);\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree {\n height: 100%;\n padding: 6px 7px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .paraui-v4-tree-empty {\n height: 100%;\n padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions {\n display: flex;\n align-items: center;\n padding: 8px 20px 8px 0;\n justify-content: flex-end;\n border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions button + button {\n margin-left: 10px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath {\n height: 34px;\n line-height: 34px;\n padding: 0 12px;\n border-top: 1px solid rgb(234, 236, 241);\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath span {\n display: inline-block;\n height: 100%;\n padding-right: 10px;\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list {\n padding: 8px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-empty {\n padding: 50px 0 72px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode {\n width: 100%;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-switcher {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-checkbox {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper {\n width: 100%;\n margin: 0;\n padding: 6px 28px 6px 12px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper:hover {\n background-color: rgb(247, 248, 250);\n border-radius: 0 !important;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper {\n position: relative;\n color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n position: absolute;\n content: \" \";\n width: 5px;\n height: 10px;\n right: 12px;\n top: 50%;\n transform: translateY(-50%) rotate(45deg);\n border: 2px solid rgb(87, 131, 235);\n border-top: 0;\n border-left: 0;\n border-bottom-right-radius: 2px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list-single .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n display: none;\n}\n.paraui-v4-comboselect-more-popover {\n padding-left: 12px;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper {\n width: 300px;\n padding: 12px 0;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-title {\n display: block;\n padding: 0 12px;\n margin-bottom: 5px;\n font-size: 12px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-content {\n max-height: 300px;\n padding: 0 12px;\n overflow-y: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item {\n display: flex;\n align-items: center;\n height: 36px;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-text {\n display: inline-block;\n max-width: calc(100% - 25px);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove {\n display: inline-flex;\n margin-left: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg {\n font-size: 20px;\n color: rgb(29, 33, 38);\n cursor: pointer;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-clear, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-clear {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-reveal, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-reveal {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-input-placeholder {\n /* Microsoft Edge */\n color: rgb(161, 168, 179);\n}";
|
|
96
95
|
styleInject(css_248z);
|
|
97
96
|
|
|
98
97
|
//组合选择器
|
|
@@ -482,7 +481,7 @@ var ComboSelect = function ComboSelect(props) {
|
|
|
482
481
|
className: 'comboselect-clear-icon',
|
|
483
482
|
onClick: handleClearSearchValue
|
|
484
483
|
}, {
|
|
485
|
-
children: jsx(
|
|
484
|
+
children: jsx(CloseCircleF, {})
|
|
486
485
|
}))]
|
|
487
486
|
}));
|
|
488
487
|
};
|
|
@@ -902,7 +901,7 @@ var ComboSelect = function ComboSelect(props) {
|
|
|
902
901
|
className: 'comboselect-clear',
|
|
903
902
|
onClick: handleAllClear
|
|
904
903
|
}, {
|
|
905
|
-
children: jsx(
|
|
904
|
+
children: jsx(CloseCircleF, {})
|
|
906
905
|
})), !(checkList === null || checkList === void 0 ? void 0 : checkList.length) && jsx("span", Object.assign({
|
|
907
906
|
className: 'comboselect-placeholder'
|
|
908
907
|
}, {
|
|
@@ -933,16 +932,16 @@ var ComboSelect = function ComboSelect(props) {
|
|
|
933
932
|
}, [checkKeys, inputValue, refresh, params, fullPath, hasAllClear, helperText, language, locale, onChange, onClear]);
|
|
934
933
|
//popover 浮层
|
|
935
934
|
var renderOverlay = function renderOverlay() {
|
|
936
|
-
return
|
|
935
|
+
return jsx("div", Object.assign({
|
|
937
936
|
ref: popUpNodeRef,
|
|
938
937
|
className: 'comboselect-dropdown-wrapper'
|
|
939
938
|
}, {
|
|
940
|
-
children:
|
|
939
|
+
children: jsxs("div", Object.assign({
|
|
941
940
|
style: setPopoverWH(),
|
|
942
|
-
className: "".concat($prefixCls, "-scrollbar-small")
|
|
941
|
+
className: "".concat($prefixCls, "-scrollbar-small dropdown-content")
|
|
943
942
|
}, {
|
|
944
|
-
children: [mode === 'table' ? tableMemo : treeMemo, open && renderFullPath(), showPopoverActions && renderActions()]
|
|
945
|
-
}))
|
|
943
|
+
children: [showSearch && renderSearch(), mode === 'table' ? tableMemo : treeMemo, open && renderFullPath(), showPopoverActions && renderActions()]
|
|
944
|
+
}))
|
|
946
945
|
}));
|
|
947
946
|
};
|
|
948
947
|
//popover 渲染更多节点
|
package/ComboSelect/utils.d.ts
CHANGED
|
@@ -3,8 +3,13 @@ export declare const toArray: (list: any) => any[];
|
|
|
3
3
|
export declare const isRemoteLoad: (mode: string, props: any) => boolean;
|
|
4
4
|
export declare const getOverlaySize: (mode: string, isRemoteLoad?: boolean, maxHeight?: number, height?: number) => {
|
|
5
5
|
height: string;
|
|
6
|
+
width?: undefined;
|
|
6
7
|
} | {
|
|
7
8
|
[x: string]: string;
|
|
8
9
|
height?: undefined;
|
|
10
|
+
width?: undefined;
|
|
11
|
+
} | {
|
|
12
|
+
width: string;
|
|
13
|
+
height: string;
|
|
9
14
|
};
|
|
10
15
|
export declare function debounce<T extends (...args: any[]) => any>(func: T, delay: number): T;
|
package/CopyText/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
|
|
2
|
-
import { r as regenerator } from '../_verture/index-
|
|
2
|
+
import { r as regenerator } from '../_verture/index-232d890b.js';
|
|
3
3
|
import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
4
4
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
5
5
|
import { useState, useRef, useEffect } from 'react';
|
|
@@ -10,7 +10,7 @@ import Label from '../Label/index.js';
|
|
|
10
10
|
import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
|
|
11
11
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
12
12
|
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
13
|
-
import '../_verture/typeof-
|
|
13
|
+
import '../_verture/typeof-c310ee4a.js';
|
|
14
14
|
import '../_verture/typeof-adeedc13.js';
|
|
15
15
|
import '@paraview/lib';
|
|
16
16
|
import '@para-ui/icons/PreviewClose';
|
package/DatePicker/index.js
CHANGED
|
@@ -37,6 +37,7 @@ import 'dayjs';
|
|
|
37
37
|
import '@para-ui/icons/Close';
|
|
38
38
|
import '@para-ui/icons/EditOutline';
|
|
39
39
|
import '../_verture/toConsumableArray-8f4c9589.js';
|
|
40
|
+
import '../_verture/tinycolor-ece3542d.js';
|
|
40
41
|
import '@para-ui/icons/Plus';
|
|
41
42
|
import '../Help/index.js';
|
|
42
43
|
import '@para-ui/icons/Help';
|
|
@@ -539,7 +540,7 @@ function generatePicker(generateConfig) {
|
|
|
539
540
|
return MergedDatePicker;
|
|
540
541
|
}
|
|
541
542
|
|
|
542
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午2:25\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n@keyframes datePickerSlideUpIn {\n 0% {\n transform: scaleY(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n 100% {\n transform: scaleY(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n}\n@keyframes datePickerSlideUpOut {\n 0% {\n transform: scaleY(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n 100% {\n transform: scaleY(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n}\n@keyframes datePickerSlideDownIn {\n 0% {\n transform: scaleY(0.8);\n transform-origin: 100% 100%;\n opacity: 0;\n }\n 100% {\n transform: scaleY(1);\n transform-origin: 100% 100%;\n opacity: 1;\n }\n}\n@keyframes datePickerSlideDownOut {\n 0% {\n transform: scaleY(1);\n transform-origin: 100% 100%;\n opacity: 1;\n }\n 100% {\n transform: scaleY(0.8);\n transform-origin: 100% 100%;\n opacity: 0;\n }\n}\n.paraui-v4-picker {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n padding: 4px 10px 4px;\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n background: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n transition: border 0.3s, box-shadow 0.3s;\n}\n.paraui-v4-picker:hover {\n border-color: rgb(46, 101, 230);\n border-right-width: 1px !important;\n}\n.paraui-v4-picker-focused {\n border-color: rgb(46, 101, 230);\n border-right-width: 1px !important;\n outline: 0;\n}\n.paraui-v4-picker-disabled {\n background: rgb(247, 248, 250);\n border-color: rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-picker-disabled:hover {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-picker-disabled .paraui-v4-picker-suffix {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-picker-borderless {\n background-color: transparent !important;\n border-color: transparent !important;\n box-shadow: none !important;\n}\n.paraui-v4-picker-input {\n position: relative;\n display: inline-flex;\n align-items: center;\n width: 100%;\n}\n.paraui-v4-picker-input > input {\n position: relative;\n display: inline-block;\n width: 100%;\n min-width: 0;\n padding: 4px 11px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n line-height: 1.5715;\n background-color: rgb(255, 255, 255);\n background-image: none;\n transition: all 0.3s;\n flex: auto;\n min-width: 1px;\n height: auto;\n padding: 0;\n background: transparent;\n border: 0;\n}\n.paraui-v4-picker-input > input::-moz-placeholder {\n opacity: 1;\n}\n.paraui-v4-picker-input > input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-picker-input > input:placeholder-shown {\n text-overflow: ellipsis;\n}\n.paraui-v4-picker-input > input:hover {\n border-color: rgb(46, 101, 230);\n border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input:focus, .paraui-v4-picker-input > input-focused {\n border-color: rgb(46, 101, 230);\n border-right-width: 1px !important;\n outline: 0;\n}\n.paraui-v4-picker-input > input-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n cursor: not-allowed;\n opacity: 1;\n}\n.paraui-v4-picker-input > input-disabled:hover {\n border-color: rgb(212, 218, 227);\n border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n cursor: not-allowed;\n opacity: 1;\n}\n.paraui-v4-picker-input > input[disabled]:hover {\n border-color: rgb(212, 218, 227);\n border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input-borderless, .paraui-v4-picker-input > input-borderless:hover, .paraui-v4-picker-input > input-borderless:focus, .paraui-v4-picker-input > input-borderless-focused, .paraui-v4-picker-input > input-borderless-disabled, .paraui-v4-picker-input > input-borderless[disabled] {\n background-color: transparent;\n border: none;\n box-shadow: none;\n}\n.paraui-v4-picker-input > inputtextarea {\n max-width: 100%;\n height: auto;\n min-height: 32px;\n line-height: 1.5715;\n vertical-align: bottom;\n transition: all 0.3s, height 0s;\n}\n.paraui-v4-picker-input > input-lg {\n padding: 6.5px 11px;\n font-size: 500;\n}\n.paraui-v4-picker-input > input-sm {\n padding: 0px 7px;\n}\n.paraui-v4-picker-input > input:focus {\n box-shadow: none;\n}\n.paraui-v4-picker-input > input[disabled] {\n background: transparent;\n}\n.paraui-v4-picker-input:hover .paraui-v4-picker-clear {\n opacity: 1;\n}\n.paraui-v4-picker-input-placeholder > input {\n color: #bfbfbf;\n}\n.paraui-v4-picker-large {\n padding: 4px 10px 4px;\n}\n.paraui-v4-picker-large .paraui-v4-picker-input > input {\n font-size: 500;\n}\n.paraui-v4-picker-small {\n padding: 0px 7px 0px;\n}\n.paraui-v4-picker-suffix {\n align-self: center;\n margin-left: 4px;\n color: rgb(92, 101, 115);\n line-height: 1;\n pointer-events: none;\n}\n.paraui-v4-picker-suffix > * {\n vertical-align: top;\n}\n.paraui-v4-picker-suffix svg {\n color: inherit;\n font-size: 18px;\n}\n.paraui-v4-picker-clear {\n position: absolute;\n top: 50%;\n right: 0;\n color: rgb(161, 168, 179);\n line-height: 1;\n background: rgb(255, 255, 255);\n transform: translateY(-50%);\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.3s, color 0.3s;\n}\n.paraui-v4-picker-clear svg {\n color: inherit;\n font-size: 18px;\n}\n.paraui-v4-picker-clear > * {\n vertical-align: top;\n}\n.paraui-v4-picker-clear:hover {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-picker-separator {\n position: relative;\n display: inline-block;\n width: 1em;\n height: 16px;\n color: rgb(92, 101, 115);\n font-size: 500;\n vertical-align: top;\n cursor: default;\n}\n.paraui-v4-picker-separator svg {\n color: inherit;\n font-size: inherit;\n}\n.paraui-v4-picker-focused .paraui-v4-picker-separator {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-picker-focused .paraui-v4-picker-separator svg {\n color: inherit;\n}\n.paraui-v4-picker-disabled .paraui-v4-picker-range-separator .paraui-v4-picker-separator {\n cursor: not-allowed;\n}\n.paraui-v4-picker-range {\n position: relative;\n display: inline-flex;\n}\n.paraui-v4-picker-range .paraui-v4-picker-clear {\n right: 11px;\n}\n.paraui-v4-picker-range:hover .paraui-v4-picker-clear {\n opacity: 1;\n}\n.paraui-v4-picker-range .paraui-v4-picker-active-bar {\n bottom: -1px;\n height: 2px;\n margin-left: 11px;\n background: rgb(46, 101, 230);\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n}\n.paraui-v4-picker-range.paraui-v4-picker-focused .paraui-v4-picker-active-bar {\n opacity: 1;\n}\n.paraui-v4-picker-range-separator {\n align-items: center;\n padding: 0 10px;\n line-height: 1;\n}\n.paraui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-clear {\n right: 7px;\n}\n.paraui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-active-bar {\n margin-left: 7px;\n}\n.paraui-v4-picker-dropdown {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: absolute;\n z-index: 1500;\n}\n.paraui-v4-picker-dropdown-hidden {\n display: none;\n}\n.paraui-v4-picker-dropdown-placement-bottomLeft .paraui-v4-picker-range-arrow {\n display: none;\n top: 1.66666667px;\n transform: rotate(-45deg);\n}\n.paraui-v4-picker-dropdown-placement-topLeft .paraui-v4-picker-range-arrow {\n display: none;\n bottom: 1.66666667px;\n transform: rotate(135deg);\n}\n.paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-topRight, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-topRight {\n animation-name: datePickerSlideDownIn;\n}\n.paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-bottomRight, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-bottomRight {\n animation-name: datePickerSlideUpIn;\n}\n.paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-topRight {\n animation-name: datePickerSlideDownOut;\n}\n.paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-bottomRight {\n animation-name: datePickerSlideUpOut;\n}\n.paraui-v4-picker-dropdown-range {\n padding: 6.66666667px 0;\n}\n.paraui-v4-picker-dropdown-range-hidden {\n display: none;\n}\n.paraui-v4-picker-panel-layout {\n display: flex;\n}\n.paraui-v4-picker-presets {\n display: flex;\n flex-direction: column;\n min-width: 120px;\n max-width: 200px;\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-presets ul {\n padding: 10px;\n box-sizing: border-box;\n height: 0;\n flex: auto;\n overflow-y: auto;\n}\n.paraui-v4-picker-presets ul li {\n margin-top: 8px;\n}\n.paraui-v4-picker-presets ul li:first-child {\n margin-top: 0;\n}\n.paraui-v4-picker-presets .paraui-v4-tag {\n width: 100%;\n padding: 0 10px;\n margin-right: 0;\n margin-bottom: 0;\n}\n.paraui-v4-picker-presets-left .paraui-v4-picker-panel-layout {\n display: flex;\n}\n.paraui-v4-picker-presets-left .paraui-v4-picker-panel-layout > .paraui-v4-picker-presets {\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-presets-right .paraui-v4-picker-panel-layout {\n display: flex;\n flex-direction: row-reverse;\n}\n.paraui-v4-picker-presets-right .paraui-v4-picker-panel-layout > .paraui-v4-picker-presets {\n border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-dropdown .paraui-v4-picker-panel > .paraui-v4-picker-time-panel {\n padding-top: 4px;\n}\n.paraui-v4-picker-ranges {\n margin-bottom: 0;\n padding: 4px 10px;\n overflow: hidden;\n text-align: left;\n list-style: none;\n}\n.paraui-v4-picker-ranges > li {\n display: inline-block;\n}\n.paraui-v4-picker-ranges .paraui-v4-picker-ok {\n height: 36px;\n display: flex;\n align-items: center;\n float: right;\n margin-left: 8px;\n}\n.paraui-v4-picker-range-wrapper {\n display: flex;\n}\n.paraui-v4-picker-range-arrow {\n position: absolute;\n z-index: 1;\n display: none;\n width: 10px;\n height: 10px;\n margin-left: 16.5px;\n box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);\n transition: left 0.3s ease-out;\n}\n.paraui-v4-picker-range-arrow::after {\n position: absolute;\n top: 1px;\n right: 1px;\n width: 10px;\n height: 10px;\n border: 5px solid rgb(234, 236, 241);\n border-color: #fff #fff transparent transparent;\n content: \"\";\n}\n.paraui-v4-picker-panel-container {\n overflow: hidden;\n vertical-align: top;\n background: #fff;\n border-radius: 4px;\n box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n transition: margin 0.3s;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panels {\n display: inline-flex;\n flex-wrap: nowrap;\n direction: ltr;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panel {\n vertical-align: top;\n background: transparent;\n border-width: 0 0 1px 0;\n border-radius: 0;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panel-focused {\n border-color: rgb(234, 236, 241);\n}\n.paraui-v4-picker-input > input::-ms-clear {\n display: none;\n}\n.paraui-v4-picker-input > input::-ms-reveal {\n display: none;\n}\n.paraui-v4-picker-input > input:-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input::-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input:-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input::-ms-input-placeholder {\n /* Microsoft Edge */\n color: rgb(161, 168, 179);\n}\n\n.paraui-v4-picker-panel {\n display: inline-flex;\n flex-direction: column;\n text-align: center;\n background: #fff;\n border: 1px solid rgb(234, 236, 241);\n border-radius: 2px;\n outline: none;\n}\n.paraui-v4-picker-panel-focused {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-decade-panel, .paraui-v4-picker-year-panel, .paraui-v4-picker-quarter-panel, .paraui-v4-picker-month-panel, .paraui-v4-picker-week-panel, .paraui-v4-picker-date-panel, .paraui-v4-picker-time-panel {\n display: flex;\n flex-direction: column;\n width: 276px;\n}\n.paraui-v4-picker-header {\n display: flex;\n padding: 0 10px;\n color: rgb(29, 33, 38);\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-header > * {\n flex: none;\n}\n.paraui-v4-picker-header button {\n padding: 0;\n color: rgb(29, 33, 38);\n line-height: 40px;\n background: transparent;\n border: 0;\n cursor: pointer;\n transition: color 0.3s;\n}\n.paraui-v4-picker-header > button {\n min-width: 1.6em;\n line-height: 0;\n font-size: 500;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-header > button:hover {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-header-view {\n flex: auto;\n line-height: 40px;\n font-size: 14px;\n}\n.paraui-v4-picker-header-view button {\n color: rgb(29, 33, 38);\n font-weight: 400;\n}\n.paraui-v4-picker-header-view button:not(:first-child) {\n margin-left: 8px;\n}\n.paraui-v4-picker-header-view button:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-prev-icon, .paraui-v4-picker-next-icon, .paraui-v4-picker-super-prev-icon, .paraui-v4-picker-super-next-icon {\n position: relative;\n display: inline-block;\n width: 7px;\n height: 7px;\n}\n.paraui-v4-picker-prev-icon::before, .paraui-v4-picker-next-icon::before, .paraui-v4-picker-super-prev-icon::before, .paraui-v4-picker-super-next-icon::before {\n position: absolute;\n top: 0;\n left: 0;\n display: inline-block;\n width: 7px;\n height: 7px;\n border: 0 solid currentColor;\n border-width: 1.5px 0 0 1.5px;\n content: \"\";\n}\n.paraui-v4-picker-super-prev-icon::after, .paraui-v4-picker-super-next-icon::after {\n position: absolute;\n top: 4px;\n left: 4px;\n display: inline-block;\n width: 7px;\n height: 7px;\n border: 0 solid currentColor;\n border-width: 1.5px 0 0 1.5px;\n content: \"\";\n}\n.paraui-v4-picker-prev-icon, .paraui-v4-picker-super-prev-icon {\n transform: rotate(-45deg);\n}\n.paraui-v4-picker-next-icon, .paraui-v4-picker-super-next-icon {\n transform: rotate(135deg);\n}\n.paraui-v4-picker-content {\n width: 100%;\n table-layout: fixed;\n border-collapse: collapse;\n}\n.paraui-v4-picker-content th,\n.paraui-v4-picker-content td {\n position: relative;\n min-width: 24px;\n font-weight: 400;\n}\n.paraui-v4-picker-content th {\n height: 30px;\n color: rgb(29, 33, 38);\n line-height: 30px;\n}\n.paraui-v4-picker-cell {\n padding: 3px 0;\n color: rgb(161, 168, 179);\n cursor: pointer;\n}\n.paraui-v4-picker-cell-in-view {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-cell-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-picker-cell::before {\n position: absolute;\n top: 50%;\n right: 0;\n left: 0;\n z-index: 1;\n height: 24px;\n transform: translateY(-50%);\n content: \"\";\n}\n.paraui-v4-picker-cell .paraui-v4-picker-cell-inner {\n position: relative;\n z-index: 2;\n display: inline-block;\n min-width: 24px;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n transition: background 0.3s, border 0.3s;\n}\n.paraui-v4-picker-cell .paraui-v4-picker-cell-inner:after {\n display: none;\n}\n.paraui-v4-picker-cell:hover:not(.paraui-v4-picker-cell-in-view) .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell:hover:not(.paraui-v4-picker-cell-selected):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end):not(.paraui-v4-picker-cell-range-hover-start):not(.paraui-v4-picker-cell-range-hover-end) .paraui-v4-picker-cell-inner {\n background: rgb(247, 248, 250);\n border-radius: 4px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n z-index: 1;\n width: 3px;\n height: 3px;\n border-radius: 50%;\n background-color: rgb(46, 101, 230);\n border-radius: 4px;\n content: \"\";\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range {\n position: relative;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range::before {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-selected .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end .paraui-v4-picker-cell-inner {\n color: rgb(255, 255, 255);\n background: rgb(46, 101, 230);\n border-radius: 4px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start:not(.paraui-v4-picker-cell-range-start-single)::before, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end:not(.paraui-v4-picker-cell-range-end-single)::before {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start::before {\n left: 50%;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end::before {\n right: 50%;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start:not(.paraui-v4-picker-cell-in-range):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end:not(.paraui-v4-picker-cell-in-range):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start.paraui-v4-picker-cell-range-start-single::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start.paraui-v4-picker-cell-range-start.paraui-v4-picker-cell-range-end.paraui-v4-picker-cell-range-end-near-hover::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end.paraui-v4-picker-cell-range-start.paraui-v4-picker-cell-range-end.paraui-v4-picker-cell-range-start-near-hover::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end.paraui-v4-picker-cell-range-end-single::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:not(.paraui-v4-picker-cell-in-range)::after {\n position: absolute;\n top: 50%;\n z-index: 0;\n height: 24px;\n border-top: 1px dashed rgb(46, 101, 230);\n border-bottom: 1px dashed rgb(46, 101, 230);\n transform: translateY(-50%);\n content: \"\";\n}\n.paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-cell-range-hover::after {\n right: 0;\n left: 2px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-rage-start:not(.paraui-v4-picker-cell-range-start-single):not(.paraui-v4-picker-cell-range-end) .paraui-v4-picker-cell-inner {\n border-radius: 4px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end:not(.paraui-v4-picker-cell-range-end-single):not(.paraui-v4-picker-cell-range-start) .paraui-v4-picker-cell-inner {\n border-radius: 4px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after, .paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: -1;\n background: rgb(247, 248, 250);\n content: \"\";\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after {\n right: -6px;\n left: 0;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after {\n right: 0;\n left: -6px;\n}\n.paraui-v4-picker-cell-range-hover.paraui-v4-picker-cell-range-start::after {\n right: 50%;\n}\n.paraui-v4-picker-cell-range-hover.paraui-v4-picker-cell-range-end::after {\n left: 50%;\n}\ntr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:first-child::after, tr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end:first-child::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-start.paraui-v4-picker-cell-range-hover-edge-start.paraui-v4-picker-cell-range-hover-edge-start-near-range::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-edge-start:not(.paraui-v4-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start::after {\n left: 6px;\n border-left: 1px dashed rgb(46, 101, 230);\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\ntr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:last-child::after, tr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start:last-child::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-end.paraui-v4-picker-cell-range-hover-edge-end.paraui-v4-picker-cell-range-hover-edge-end-near-range::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-edge-end:not(.paraui-v4-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end::after {\n right: 6px;\n border-right: 1px dashed rgb(46, 101, 230);\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n.paraui-v4-picker-cell-disabled {\n pointer-events: none;\n}\n.paraui-v4-picker-cell-disabled .paraui-v4-picker-cell-inner {\n color: #bbbecb;\n background: transparent;\n}\n.paraui-v4-picker-cell-disabled::before {\n background: #f8f8f8;\n}\n.paraui-v4-picker-cell-disabled.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n border-color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-content, .paraui-v4-picker-year-panel .paraui-v4-picker-content, .paraui-v4-picker-quarter-panel .paraui-v4-picker-content, .paraui-v4-picker-month-panel .paraui-v4-picker-content {\n margin: 8px 0;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-year-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-inner {\n padding: 0 8px;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell-disabled .paraui-v4-picker-cell-inner, .paraui-v4-picker-year-panel .paraui-v4-picker-cell-disabled .paraui-v4-picker-cell-inner, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-disabled .paraui-v4-picker-cell-inner, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-disabled .paraui-v4-picker-cell-inner {\n background: #f5f5f5;\n}\n.paraui-v4-picker-footer {\n width: min-content;\n min-width: 100%;\n line-height: 36px;\n text-align: center;\n}\n.paraui-v4-picker-panel .paraui-v4-picker-footer {\n border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-footer-extra {\n padding: 0 12px;\n line-height: 38px;\n text-align: left;\n}\n.paraui-v4-picker-footer-extra:not(:last-child) {\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-now {\n text-align: left;\n}\n.paraui-v4-picker-now-btn {\n color: rgb(46, 101, 230);\n font-size: 14px;\n cursor: pointer;\n}\n.paraui-v4-picker-today-btn {\n color: rgb(46, 101, 230);\n cursor: pointer;\n font-size: 14px;\n}\n.paraui-v4-picker-today-btn:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-today-btn:active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-today-btn-disabled-disabled {\n cursor: not-allowed;\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell-inner {\n padding: 0 4px;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell::before {\n display: none;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-body, .paraui-v4-picker-quarter-panel .paraui-v4-picker-body, .paraui-v4-picker-month-panel .paraui-v4-picker-body {\n padding: 0 8px;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-inner {\n width: 60px;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-range-hover-start::after {\n left: 14px;\n border-left: 1px dashed #7ec1ff;\n border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-panel-rtl .paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-month-panel .paraui-v4-picker-cell-range-hover-start::after {\n right: 14px;\n border-right: 1px dashed #7ec1ff;\n border-radius: 0 2px 2px 0;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-range-hover-end::after {\n right: 14px;\n border-right: 1px dashed #7ec1ff;\n border-radius: 0 2px 2px 0;\n}\n.paraui-v4-picker-panel-rtl .paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-month-panel .paraui-v4-picker-cell-range-hover-end::after {\n left: 14px;\n border-left: 1px dashed #7ec1ff;\n border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-week-panel .paraui-v4-picker-body {\n padding: 8px 10px;\n}\n.paraui-v4-picker-week-panel .paraui-v4-picker-cell:hover .paraui-v4-picker-cell-inner, .paraui-v4-picker-week-panel .paraui-v4-picker-cell-selected .paraui-v4-picker-cell-inner,\n.paraui-v4-picker-week-panel .paraui-v4-picker-cell .paraui-v4-picker-cell-inner {\n background: transparent !important;\n}\n.paraui-v4-picker-week-panel-row td {\n transition: background 0.3s;\n}\n.paraui-v4-picker-week-panel-row:hover td::before {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-week-panel-row:hover td:first-child::before {\n border-radius: 4px 0 0 4px;\n}\n.paraui-v4-picker-week-panel-row:hover td:last-child::before {\n border-radius: 0 4px 4px 0;\n}\n.paraui-v4-picker-week-panel-row-selected td::before, .paraui-v4-picker-week-panel-row-selected:hover td::before {\n background: rgb(46, 101, 230);\n}\n.paraui-v4-picker-week-panel-row-selected td:first-child::before, .paraui-v4-picker-week-panel-row-selected:hover td:first-child::before {\n border-radius: 4px 0 0 4px;\n}\n.paraui-v4-picker-week-panel-row-selected td:last-child::before, .paraui-v4-picker-week-panel-row-selected:hover td:last-child::before {\n border-radius: 0 4px 4px 0;\n}\n.paraui-v4-picker-week-panel-row-selected td.paraui-v4-picker-cell-week, .paraui-v4-picker-week-panel-row-selected:hover td.paraui-v4-picker-cell-week {\n color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-picker-week-panel-row-selected td.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before, .paraui-v4-picker-week-panel-row-selected:hover td.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n border-color: rgb(255, 255, 255);\n}\n.paraui-v4-picker-week-panel-row-selected td .paraui-v4-picker-cell-inner, .paraui-v4-picker-week-panel-row-selected:hover td .paraui-v4-picker-cell-inner {\n color: rgb(255, 255, 255);\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-body {\n padding: 8px 10px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-content {\n width: 252px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-content th {\n width: 36px;\n}\n.paraui-v4-picker-datetime-panel {\n display: flex;\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel {\n border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-date-panel,\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel {\n transition: opacity 0.3s;\n}\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-date-panel,\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-time-panel {\n opacity: 0.3;\n}\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-date-panel-active,\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-time-panel-active {\n opacity: 1;\n}\n.paraui-v4-picker-time-panel {\n width: auto;\n min-width: auto;\n}\n.paraui-v4-picker-time-panel .paraui-v4-picker-content {\n display: flex;\n flex: auto;\n height: 224px;\n}\n.paraui-v4-picker-time-panel-column {\n flex: 1 0 auto;\n width: 72px;\n margin: 0;\n padding: 0;\n overflow-y: hidden;\n text-align: left;\n list-style: none;\n transition: background 0.3s;\n}\n.paraui-v4-picker-use12Hours .paraui-v4-picker-time-panel-column:last-child {\n width: auto;\n}\n.paraui-v4-picker-use12Hours .paraui-v4-picker-time-panel-column:last-child > li .paraui-v4-picker-time-panel-cell-inner {\n padding: 0 10px;\n}\n.paraui-v4-picker-time-panel-column::after {\n display: block;\n height: 196px;\n content: \"\";\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel-column::after {\n height: 198px;\n}\n.paraui-v4-picker-time-panel-column-active {\n background: rgba(230, 247, 255, 0.2);\n}\n.paraui-v4-picker-time-panel-column:hover {\n overflow-y: auto;\n}\n.paraui-v4-picker-time-panel-column > li {\n margin: 0;\n padding: 0;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell .paraui-v4-picker-time-panel-cell-inner {\n display: block;\n width: 100%;\n height: 28px;\n margin: 0;\n padding: 0 0 0 28px;\n color: rgb(29, 33, 38);\n line-height: 28px;\n border-radius: 0;\n cursor: pointer;\n transition: background 0.3s;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell .paraui-v4-picker-time-panel-cell-inner:hover {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-selected .paraui-v4-picker-time-panel-cell-inner {\n background: rgb(247, 248, 250);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-disabled .paraui-v4-picker-time-panel-cell-inner {\n color: #BBBECB;\n background: transparent;\n cursor: not-allowed;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-disabled .paraui-v4-picker-time-panel-cell-inner:hover {\n background: transparent;\n}\n\n_:-ms-fullscreen .paraui-v4-picker-range-wrapper .paraui-v4-picker-month-panel .paraui-v4-picker-cell,\n_:-ms-fullscreen .paraui-v4-picker-range-wrapper .paraui-v4-picker-year-panel .paraui-v4-picker-cell,\n:root .paraui-v4-picker-range-wrapper .paraui-v4-picker-month-panel .paraui-v4-picker-cell,\n:root .paraui-v4-picker-range-wrapper .paraui-v4-picker-year-panel .paraui-v4-picker-cell {\n padding: 21px 0;\n}\n\nparaui-v4-picker-rtl {\n direction: rtl;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-suffix {\n margin-right: 4px;\n margin-left: 0;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-clear {\n right: auto;\n left: 0;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-separator {\n transform: rotate(180deg);\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-header-view button:not(:first-child) {\n margin-right: 8px;\n margin-left: 0;\n}\nparaui-v4-picker-range .paraui-v4-picker-clear .paraui-v4-picker-rtl {\n right: auto;\n left: 11px;\n}\nparaui-v4-picker-range .paraui-v4-picker-active-bar .paraui-v4-picker-rtl {\n margin-right: 11px;\n margin-left: 0;\n}\nparaui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-active-bar .paraui-v4-picker-rtl {\n margin-right: 7px;\n}\nparaui-v4-picker-ranges .paraui-v4-picker-dropdown-rtl {\n text-align: right;\n}\n.paraui-v4-picker-dropdown-rtl paraui-v4-picker-ranges .paraui-v4-picker-ok {\n float: left;\n margin-right: 8px;\n margin-left: 0;\n}\nparaui-v4-picker-panel-rtl {\n direction: rtl;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-prev-icon, .paraui-v4-picker-panel-rtl paraui-v4-picker-super-prev-icon {\n transform: rotate(135deg);\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-next-icon, .paraui-v4-picker-panel-rtl paraui-v4-picker-super-next-icon {\n transform: rotate(-45deg);\n}\nparaui-v4-picker-cell .paraui-v4-picker-cell-inner {\n position: relative;\n z-index: 2;\n display: inline-block;\n min-width: 24px;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n transition: background 0.3s, border 0.3s;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-start::before {\n right: 50%;\n left: 0;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-end::before {\n right: 0;\n left: 50%;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-startparaui-v4-picker-cell-range-end::before {\n right: 50%;\n left: 50%;\n}\n.paraui-v4-picker-panel-rtl .paraui-v4-picker-date-panel paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-in-rangeparaui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after {\n right: 0;\n left: -6px;\n}\n.paraui-v4-picker-date-panel paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-in-rangparaui-v4-picker-cellparaui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after .paraui-v4-picker-panel-rtl {\n right: -6px;\n left: 0;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-start::after {\n right: 0;\n left: 50%;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-end::after {\n right: 50%;\n left: 0;\n}\nparaui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-start:not(paraui-v4-picker-cell-range-start-single):not(paraui-v4-picker-cell-range-end) .paraui-v4-picker-cell-inner .paraui-v4-picker-panel-rtl {\n border-radius: 0 2px 2px 0;\n}\nparaui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-end:not(paraui-v4-picker-cell-range-end-single):not(paraui-v4-picker-cell-range-start) .paraui-v4-picker-cell-inner .paraui-v4-picker-panel-rtl {\n border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover:not(paraui-v4-picker-cell-selected):first-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-edge-startparaui-v4-picker-cell-range-hover-edge-start-near-range::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-start::after {\n right: 6px;\n left: 0;\n border-right: 1px dashed #7ec1ff;\n border-left: none;\n border-top-left-radius: 0;\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-left-radius: 0;\n}\n.paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover:not(paraui-v4-picker-cell-selected):last-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hover-edge-endparaui-v4-picker-cell-range-hover-edge-end-near-range::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-edge-end:not(paraui-v4-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-end::after {\n right: 0;\n left: 6px;\n border-right: none;\n border-left: 1px dashed #7ec1ff;\n border-top-left-radius: 2px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 2px;\n}\n.paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-start:last-child::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-end:first-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-endparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hover-startparaui-v4-picker-cell-range-hover-edge-end:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-hover-edge-start:last-child::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-hover-edge-end:first-child::after {\n right: 6px;\n left: 6px;\n border-right: 1px dashed #7ec1ff;\n border-left: 1px dashed #7ec1ff;\n border-radius: 2px;\n}\n.paraui-v4-picker-dropdown-rtl paraui-v4-picker-footer-extra {\n direction: rtl;\n text-align: right;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-time-panel {\n direction: ltr;\n}\n\n.paraui-v4-picker-wrapper {\n position: relative;\n display: inline-block;\n}\n.paraui-v4-picker-wrapper .paraui-v4-picker-error {\n border-color: linear-gradient(90deg, rgb(46, 101, 230) 50%, rgb(240, 245, 255) 100%);\n}\n.paraui-v4-picker-wrapper .paraui-v4-picker-helperText {\n margin: 5px 0 0 12px;\n color: linear-gradient(90deg, rgb(46, 101, 230) 50%, rgb(240, 245, 255) 100%);\n font-size: 14px;\n}";
|
|
543
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午2:25\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n@keyframes datePickerSlideUpIn {\n 0% {\n transform: scaleY(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n 100% {\n transform: scaleY(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n}\n@keyframes datePickerSlideUpOut {\n 0% {\n transform: scaleY(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n 100% {\n transform: scaleY(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n}\n@keyframes datePickerSlideDownIn {\n 0% {\n transform: scaleY(0.8);\n transform-origin: 100% 100%;\n opacity: 0;\n }\n 100% {\n transform: scaleY(1);\n transform-origin: 100% 100%;\n opacity: 1;\n }\n}\n@keyframes datePickerSlideDownOut {\n 0% {\n transform: scaleY(1);\n transform-origin: 100% 100%;\n opacity: 1;\n }\n 100% {\n transform: scaleY(0.8);\n transform-origin: 100% 100%;\n opacity: 0;\n }\n}\n.paraui-v4-picker {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n padding: 4px 10px 4px;\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n background: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n transition: border 0.3s, box-shadow 0.3s;\n}\n.paraui-v4-picker:hover {\n border-color: rgb(46, 101, 230);\n border-right-width: 1px !important;\n}\n.paraui-v4-picker-focused {\n border-color: rgb(46, 101, 230);\n border-right-width: 1px !important;\n outline: 0;\n}\n.paraui-v4-picker-disabled {\n background: rgb(247, 248, 250);\n border-color: rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-picker-disabled:hover {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-picker-disabled .paraui-v4-picker-suffix {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-picker-borderless {\n background-color: transparent !important;\n border-color: transparent !important;\n box-shadow: none !important;\n}\n.paraui-v4-picker-input {\n position: relative;\n display: inline-flex;\n align-items: center;\n width: 100%;\n}\n.paraui-v4-picker-input > input {\n position: relative;\n display: inline-block;\n width: 100%;\n min-width: 0;\n padding: 4px 11px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n line-height: 1.5715;\n background-color: rgb(255, 255, 255);\n background-image: none;\n transition: all 0.3s;\n flex: auto;\n min-width: 1px;\n height: auto;\n padding: 0;\n background: transparent;\n border: 0;\n}\n.paraui-v4-picker-input > input::-moz-placeholder {\n opacity: 1;\n}\n.paraui-v4-picker-input > input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-picker-input > input:placeholder-shown {\n text-overflow: ellipsis;\n}\n.paraui-v4-picker-input > input:hover {\n border-color: rgb(46, 101, 230);\n border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input:focus, .paraui-v4-picker-input > input-focused {\n border-color: rgb(46, 101, 230);\n border-right-width: 1px !important;\n outline: 0;\n}\n.paraui-v4-picker-input > input-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n cursor: not-allowed;\n opacity: 1;\n}\n.paraui-v4-picker-input > input-disabled:hover {\n border-color: rgb(212, 218, 227);\n border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n cursor: not-allowed;\n opacity: 1;\n}\n.paraui-v4-picker-input > input[disabled]:hover {\n border-color: rgb(212, 218, 227);\n border-right-width: 1px !important;\n}\n.paraui-v4-picker-input > input-borderless, .paraui-v4-picker-input > input-borderless:hover, .paraui-v4-picker-input > input-borderless:focus, .paraui-v4-picker-input > input-borderless-focused, .paraui-v4-picker-input > input-borderless-disabled, .paraui-v4-picker-input > input-borderless[disabled] {\n background-color: transparent;\n border: none;\n box-shadow: none;\n}\n.paraui-v4-picker-input > inputtextarea {\n max-width: 100%;\n height: auto;\n min-height: 32px;\n line-height: 1.5715;\n vertical-align: bottom;\n transition: all 0.3s, height 0s;\n}\n.paraui-v4-picker-input > input-lg {\n padding: 6.5px 11px;\n font-size: 16px;\n}\n.paraui-v4-picker-input > input-sm {\n padding: 0px 7px;\n}\n.paraui-v4-picker-input > input:focus {\n box-shadow: none;\n}\n.paraui-v4-picker-input > input[disabled] {\n background: transparent;\n}\n.paraui-v4-picker-input:hover .paraui-v4-picker-clear {\n opacity: 1;\n}\n.paraui-v4-picker-input-placeholder > input {\n color: #bfbfbf;\n}\n.paraui-v4-picker-large {\n padding: 4px 10px 4px;\n}\n.paraui-v4-picker-large .paraui-v4-picker-input > input {\n font-size: 16px;\n}\n.paraui-v4-picker-small {\n padding: 0px 7px 0px;\n}\n.paraui-v4-picker-suffix {\n align-self: center;\n margin-left: 4px;\n color: rgb(92, 101, 115);\n line-height: 1;\n pointer-events: none;\n}\n.paraui-v4-picker-suffix > * {\n vertical-align: top;\n}\n.paraui-v4-picker-suffix svg {\n color: inherit;\n font-size: 18px;\n}\n.paraui-v4-picker-clear {\n position: absolute;\n top: 50%;\n right: 0;\n color: rgb(161, 168, 179);\n line-height: 1;\n background: rgb(255, 255, 255);\n transform: translateY(-50%);\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.3s, color 0.3s;\n}\n.paraui-v4-picker-clear svg {\n color: inherit;\n font-size: 18px;\n}\n.paraui-v4-picker-clear > * {\n vertical-align: top;\n}\n.paraui-v4-picker-clear:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-separator {\n position: relative;\n display: inline-block;\n width: 1em;\n height: 16px;\n color: rgb(92, 101, 115);\n font-size: 16px;\n vertical-align: top;\n cursor: default;\n}\n.paraui-v4-picker-separator svg {\n color: inherit;\n font-size: inherit;\n}\n.paraui-v4-picker-focused .paraui-v4-picker-separator {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-picker-focused .paraui-v4-picker-separator svg {\n color: inherit;\n}\n.paraui-v4-picker-disabled .paraui-v4-picker-range-separator .paraui-v4-picker-separator {\n cursor: not-allowed;\n}\n.paraui-v4-picker-range {\n position: relative;\n display: inline-flex;\n}\n.paraui-v4-picker-range .paraui-v4-picker-clear {\n right: 11px;\n}\n.paraui-v4-picker-range:hover .paraui-v4-picker-clear {\n opacity: 1;\n}\n.paraui-v4-picker-range .paraui-v4-picker-active-bar {\n bottom: -1px;\n height: 2px;\n margin-left: 11px;\n background: rgb(46, 101, 230);\n opacity: 0;\n transition: all 0.3s ease-out;\n pointer-events: none;\n}\n.paraui-v4-picker-range.paraui-v4-picker-focused .paraui-v4-picker-active-bar {\n opacity: 1;\n}\n.paraui-v4-picker-range-separator {\n align-items: center;\n padding: 0 10px;\n line-height: 1;\n}\n.paraui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-clear {\n right: 7px;\n}\n.paraui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-active-bar {\n margin-left: 7px;\n}\n.paraui-v4-picker-dropdown {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: absolute;\n z-index: 1500;\n}\n.paraui-v4-picker-dropdown-hidden {\n display: none;\n}\n.paraui-v4-picker-dropdown-placement-bottomLeft .paraui-v4-picker-range-arrow {\n display: none;\n top: 1.66666667px;\n transform: rotate(-45deg);\n}\n.paraui-v4-picker-dropdown-placement-topLeft .paraui-v4-picker-range-arrow {\n display: none;\n bottom: 1.66666667px;\n transform: rotate(135deg);\n}\n.paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-topRight, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-topRight {\n animation-name: datePickerSlideDownIn;\n}\n.paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v4-picker-dropdown-placement-bottomRight, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v4-picker-dropdown-placement-bottomRight {\n animation-name: datePickerSlideUpIn;\n}\n.paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-topLeft, .paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-topRight {\n animation-name: datePickerSlideDownOut;\n}\n.paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-bottomLeft, .paraui-v4-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v4-picker-dropdown-placement-bottomRight {\n animation-name: datePickerSlideUpOut;\n}\n.paraui-v4-picker-dropdown-range {\n padding: 6.66666667px 0;\n}\n.paraui-v4-picker-dropdown-range-hidden {\n display: none;\n}\n.paraui-v4-picker-panel-layout {\n display: flex;\n}\n.paraui-v4-picker-presets {\n display: flex;\n flex-direction: column;\n min-width: 120px;\n max-width: 200px;\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-presets ul {\n padding: 10px;\n box-sizing: border-box;\n height: 0;\n flex: auto;\n overflow-y: auto;\n}\n.paraui-v4-picker-presets ul li {\n margin-top: 8px;\n}\n.paraui-v4-picker-presets ul li:first-child {\n margin-top: 0;\n}\n.paraui-v4-picker-presets .paraui-v4-tag {\n width: 100%;\n padding: 0 10px;\n margin-right: 0;\n margin-bottom: 0;\n}\n.paraui-v4-picker-presets-left .paraui-v4-picker-panel-layout {\n display: flex;\n}\n.paraui-v4-picker-presets-left .paraui-v4-picker-panel-layout > .paraui-v4-picker-presets {\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-presets-right .paraui-v4-picker-panel-layout {\n display: flex;\n flex-direction: row-reverse;\n}\n.paraui-v4-picker-presets-right .paraui-v4-picker-panel-layout > .paraui-v4-picker-presets {\n border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-dropdown .paraui-v4-picker-panel > .paraui-v4-picker-time-panel {\n padding-top: 10px;\n}\n.paraui-v4-picker-ranges {\n margin-bottom: 0;\n padding: 4px 10px;\n overflow: hidden;\n text-align: left;\n list-style: none;\n}\n.paraui-v4-picker-ranges > li {\n display: inline-block;\n}\n.paraui-v4-picker-ranges .paraui-v4-picker-ok {\n height: 36px;\n display: flex;\n align-items: center;\n float: right;\n margin-left: 8px;\n}\n.paraui-v4-picker-range-wrapper {\n display: flex;\n}\n.paraui-v4-picker-range-arrow {\n position: absolute;\n z-index: 1;\n display: none;\n width: 10px;\n height: 10px;\n margin-left: 16.5px;\n box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);\n transition: left 0.3s ease-out;\n}\n.paraui-v4-picker-range-arrow::after {\n position: absolute;\n top: 1px;\n right: 1px;\n width: 10px;\n height: 10px;\n border: 5px solid rgb(234, 236, 241);\n border-color: #fff #fff transparent transparent;\n content: \"\";\n}\n.paraui-v4-picker-panel-container {\n overflow: hidden;\n vertical-align: top;\n background: #fff;\n border-radius: 4px;\n box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n transition: margin 0.3s;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panels {\n display: inline-flex;\n flex-wrap: nowrap;\n direction: ltr;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panel {\n vertical-align: top;\n background: transparent;\n border-width: 0 0 1px 0;\n border-radius: 0;\n}\n.paraui-v4-picker-panel-container .paraui-v4-picker-panel-focused {\n border-color: rgb(234, 236, 241);\n}\n.paraui-v4-picker-input > input::-ms-clear {\n display: none;\n}\n.paraui-v4-picker-input > input::-ms-reveal {\n display: none;\n}\n.paraui-v4-picker-input > input:-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input::-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input:-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-input > input::-ms-input-placeholder {\n /* Microsoft Edge */\n color: rgb(161, 168, 179);\n}\n\n.paraui-v4-picker-panel {\n display: inline-flex;\n flex-direction: column;\n text-align: center;\n background: #fff;\n border: 1px solid rgb(234, 236, 241);\n border-radius: 2px;\n outline: none;\n}\n.paraui-v4-picker-panel-focused {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-decade-panel, .paraui-v4-picker-year-panel, .paraui-v4-picker-quarter-panel, .paraui-v4-picker-month-panel, .paraui-v4-picker-week-panel, .paraui-v4-picker-date-panel, .paraui-v4-picker-time-panel {\n display: flex;\n flex-direction: column;\n width: 272px;\n}\n.paraui-v4-picker-header {\n display: flex;\n padding: 0 10px;\n color: rgb(29, 33, 38);\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-header > * {\n flex: none;\n}\n.paraui-v4-picker-header button {\n padding: 0;\n color: rgb(29, 33, 38);\n line-height: 40px;\n background: transparent;\n border: 0;\n cursor: pointer;\n transition: color 0.3s;\n}\n.paraui-v4-picker-header > button {\n min-width: 1.6em;\n line-height: 0;\n font-size: 16px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-header > button:hover {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-header-view {\n flex: auto;\n line-height: 40px;\n font-size: 14px;\n}\n.paraui-v4-picker-header-view button {\n color: rgb(29, 33, 38);\n font-weight: 400;\n}\n.paraui-v4-picker-header-view button:not(:first-child) {\n margin-left: 8px;\n}\n.paraui-v4-picker-header-view button:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-prev-icon, .paraui-v4-picker-next-icon, .paraui-v4-picker-super-prev-icon, .paraui-v4-picker-super-next-icon {\n position: relative;\n display: inline-block;\n width: 7px;\n height: 7px;\n}\n.paraui-v4-picker-prev-icon::before, .paraui-v4-picker-next-icon::before, .paraui-v4-picker-super-prev-icon::before, .paraui-v4-picker-super-next-icon::before {\n position: absolute;\n top: 0;\n left: 0;\n display: inline-block;\n width: 7px;\n height: 7px;\n border: 0 solid currentColor;\n border-width: 1.5px 0 0 1.5px;\n content: \"\";\n}\n.paraui-v4-picker-super-prev-icon::after, .paraui-v4-picker-super-next-icon::after {\n position: absolute;\n top: 4px;\n left: 4px;\n display: inline-block;\n width: 7px;\n height: 7px;\n border: 0 solid currentColor;\n border-width: 1.5px 0 0 1.5px;\n content: \"\";\n}\n.paraui-v4-picker-prev-icon, .paraui-v4-picker-super-prev-icon {\n transform: rotate(-45deg);\n}\n.paraui-v4-picker-next-icon, .paraui-v4-picker-super-next-icon {\n transform: rotate(135deg);\n}\n.paraui-v4-picker-content {\n width: 100%;\n table-layout: fixed;\n border-collapse: collapse;\n}\n.paraui-v4-picker-content th,\n.paraui-v4-picker-content td {\n position: relative;\n min-width: 24px;\n font-weight: 400;\n}\n.paraui-v4-picker-content th {\n height: 30px;\n color: rgb(29, 33, 38);\n line-height: 30px;\n}\n.paraui-v4-picker-cell {\n padding: 3px 0;\n color: rgb(161, 168, 179);\n cursor: pointer;\n}\n.paraui-v4-picker-cell-in-view {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-picker-cell-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-picker-cell::before {\n position: absolute;\n top: 50%;\n right: 0;\n left: 0;\n z-index: 1;\n height: 24px;\n transform: translateY(-50%);\n content: \"\";\n}\n.paraui-v4-picker-cell .paraui-v4-picker-cell-inner {\n position: relative;\n z-index: 2;\n display: inline-block;\n min-width: 24px;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n transition: background 0.3s, border 0.3s;\n}\n.paraui-v4-picker-cell .paraui-v4-picker-cell-inner:after {\n display: none;\n}\n.paraui-v4-picker-cell:hover:not(.paraui-v4-picker-cell-in-view) .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell:hover:not(.paraui-v4-picker-cell-selected):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end):not(.paraui-v4-picker-cell-range-hover-start):not(.paraui-v4-picker-cell-range-hover-end) .paraui-v4-picker-cell-inner {\n background: rgb(247, 248, 250);\n border-radius: 4px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n z-index: 1;\n width: 3px;\n height: 3px;\n border-radius: 50%;\n background-color: rgb(46, 101, 230);\n border-radius: 4px;\n content: \"\";\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range {\n position: relative;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range::before {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-selected .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start .paraui-v4-picker-cell-inner, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end .paraui-v4-picker-cell-inner {\n color: rgb(255, 255, 255);\n background: rgb(46, 101, 230);\n border-radius: 4px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start:not(.paraui-v4-picker-cell-range-start-single)::before, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end:not(.paraui-v4-picker-cell-range-end-single)::before {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-start::before {\n left: 50%;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end::before {\n right: 50%;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start:not(.paraui-v4-picker-cell-in-range):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end:not(.paraui-v4-picker-cell-in-range):not(.paraui-v4-picker-cell-range-start):not(.paraui-v4-picker-cell-range-end)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start.paraui-v4-picker-cell-range-start-single::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start.paraui-v4-picker-cell-range-start.paraui-v4-picker-cell-range-end.paraui-v4-picker-cell-range-end-near-hover::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end.paraui-v4-picker-cell-range-start.paraui-v4-picker-cell-range-end.paraui-v4-picker-cell-range-start-near-hover::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end.paraui-v4-picker-cell-range-end-single::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:not(.paraui-v4-picker-cell-in-range)::after {\n position: absolute;\n top: 50%;\n z-index: 0;\n height: 24px;\n border-top: 1px dashed rgb(46, 101, 230);\n border-bottom: 1px dashed rgb(46, 101, 230);\n transform: translateY(-50%);\n content: \"\";\n}\n.paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-cell-range-hover::after {\n right: 0;\n left: 2px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-rage-start:not(.paraui-v4-picker-cell-range-start-single):not(.paraui-v4-picker-cell-range-end) .paraui-v4-picker-cell-inner {\n border-radius: 4px;\n}\n.paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-end:not(.paraui-v4-picker-cell-range-end-single):not(.paraui-v4-picker-cell-range-start) .paraui-v4-picker-cell-inner {\n border-radius: 4px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after, .paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: -1;\n background: rgb(247, 248, 250);\n content: \"\";\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after {\n right: -6px;\n left: 0;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-in-range.paraui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after {\n right: 0;\n left: -6px;\n}\n.paraui-v4-picker-cell-range-hover.paraui-v4-picker-cell-range-start::after {\n right: 50%;\n}\n.paraui-v4-picker-cell-range-hover.paraui-v4-picker-cell-range-end::after {\n left: 50%;\n}\ntr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:first-child::after, tr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end:first-child::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-start.paraui-v4-picker-cell-range-hover-edge-start.paraui-v4-picker-cell-range-hover-edge-start-near-range::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-edge-start:not(.paraui-v4-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start::after {\n left: 6px;\n border-left: 1px dashed rgb(46, 101, 230);\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\ntr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover:last-child::after, tr > .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-start:last-child::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-end.paraui-v4-picker-cell-range-hover-edge-end.paraui-v4-picker-cell-range-hover-edge-end-near-range::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-edge-end:not(.paraui-v4-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v4-picker-cell-in-view.paraui-v4-picker-cell-range-hover-end::after {\n right: 6px;\n border-right: 1px dashed rgb(46, 101, 230);\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n.paraui-v4-picker-cell-disabled {\n pointer-events: none;\n}\n.paraui-v4-picker-cell-disabled .paraui-v4-picker-cell-inner {\n color: #bbbecb;\n background: transparent;\n}\n.paraui-v4-picker-cell-disabled::before {\n background: #f8f8f8;\n}\n.paraui-v4-picker-cell-disabled.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n border-color: rgb(161, 168, 179);\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-content, .paraui-v4-picker-year-panel .paraui-v4-picker-content, .paraui-v4-picker-quarter-panel .paraui-v4-picker-content, .paraui-v4-picker-month-panel .paraui-v4-picker-content {\n margin: 8px 0;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-year-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-inner {\n padding: 0 8px;\n}\n.paraui-v4-picker-footer {\n width: min-content;\n min-width: 100%;\n line-height: 36px;\n text-align: center;\n}\n.paraui-v4-picker-panel .paraui-v4-picker-footer {\n border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-footer-extra {\n padding: 0 12px;\n line-height: 38px;\n text-align: left;\n}\n.paraui-v4-picker-footer-extra:not(:last-child) {\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-now {\n text-align: left;\n}\n.paraui-v4-picker-now-btn {\n color: rgb(46, 101, 230);\n font-size: 14px;\n cursor: pointer;\n}\n.paraui-v4-picker-today-btn {\n color: rgb(46, 101, 230);\n cursor: pointer;\n font-size: 14px;\n}\n.paraui-v4-picker-today-btn:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-today-btn:active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-today-btn-disabled-disabled {\n cursor: not-allowed;\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell-inner {\n padding: 0 4px;\n}\n.paraui-v4-picker-decade-panel .paraui-v4-picker-cell::before {\n display: none;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-body, .paraui-v4-picker-quarter-panel .paraui-v4-picker-body, .paraui-v4-picker-month-panel .paraui-v4-picker-body {\n padding: 0 8px;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-inner, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-inner {\n width: 60px;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-range-hover-start::after {\n left: 14px;\n border-left: 1px dashed #7ec1ff;\n border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-panel-rtl .paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-start::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-month-panel .paraui-v4-picker-cell-range-hover-start::after {\n right: 14px;\n border-right: 1px dashed #7ec1ff;\n border-radius: 0 2px 2px 0;\n}\n.paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-month-panel .paraui-v4-picker-cell-range-hover-end::after {\n right: 14px;\n border-right: 1px dashed #7ec1ff;\n border-radius: 0 2px 2px 0;\n}\n.paraui-v4-picker-panel-rtl .paraui-v4-picker-year-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-quarter-panel .paraui-v4-picker-cell-range-hover-end::after, .paraui-v4-picker-panel-rtl .paraui-v4-picker-month-panel .paraui-v4-picker-cell-range-hover-end::after {\n left: 14px;\n border-left: 1px dashed #7ec1ff;\n border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-week-panel .paraui-v4-picker-body {\n padding: 8px 10px;\n}\n.paraui-v4-picker-week-panel .paraui-v4-picker-cell:hover .paraui-v4-picker-cell-inner, .paraui-v4-picker-week-panel .paraui-v4-picker-cell-selected .paraui-v4-picker-cell-inner,\n.paraui-v4-picker-week-panel .paraui-v4-picker-cell .paraui-v4-picker-cell-inner {\n background: transparent !important;\n}\n.paraui-v4-picker-week-panel-row td {\n transition: background 0.3s;\n}\n.paraui-v4-picker-week-panel-row:hover td::before {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-week-panel-row:hover td:first-child::before {\n border-radius: 4px 0 0 4px;\n}\n.paraui-v4-picker-week-panel-row:hover td:last-child::before {\n border-radius: 0 4px 4px 0;\n}\n.paraui-v4-picker-week-panel-row-selected td::before, .paraui-v4-picker-week-panel-row-selected:hover td::before {\n background: rgb(46, 101, 230);\n}\n.paraui-v4-picker-week-panel-row-selected td:first-child::before, .paraui-v4-picker-week-panel-row-selected:hover td:first-child::before {\n border-radius: 4px 0 0 4px;\n}\n.paraui-v4-picker-week-panel-row-selected td:last-child::before, .paraui-v4-picker-week-panel-row-selected:hover td:last-child::before {\n border-radius: 0 4px 4px 0;\n}\n.paraui-v4-picker-week-panel-row-selected td.paraui-v4-picker-cell-week, .paraui-v4-picker-week-panel-row-selected:hover td.paraui-v4-picker-cell-week {\n color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-picker-week-panel-row-selected td.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before, .paraui-v4-picker-week-panel-row-selected:hover td.paraui-v4-picker-cell-today .paraui-v4-picker-cell-inner::before {\n border-color: rgb(255, 255, 255);\n}\n.paraui-v4-picker-week-panel-row-selected td .paraui-v4-picker-cell-inner, .paraui-v4-picker-week-panel-row-selected:hover td .paraui-v4-picker-cell-inner {\n color: rgb(255, 255, 255);\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-body {\n padding: 8px 10px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-content {\n width: 252px;\n}\n.paraui-v4-picker-date-panel .paraui-v4-picker-content th {\n width: 36px;\n}\n.paraui-v4-picker-datetime-panel {\n display: flex;\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel {\n border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-date-panel,\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel {\n transition: opacity 0.3s;\n}\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-date-panel,\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-time-panel {\n opacity: 0.3;\n}\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-date-panel-active,\n.paraui-v4-picker-datetime-panel-active .paraui-v4-picker-time-panel-active {\n opacity: 1;\n}\n.paraui-v4-picker-time-panel {\n width: auto;\n min-width: auto;\n}\n.paraui-v4-picker-time-panel .paraui-v4-picker-content {\n display: flex;\n flex: auto;\n height: 224px;\n}\n.paraui-v4-picker-time-panel-column {\n flex: 1 0 auto;\n width: 56px;\n margin: 0;\n padding: 0;\n overflow-y: hidden;\n text-align: left;\n list-style: none;\n transition: background 0.3s;\n}\n.paraui-v4-picker-time-panel-column::after {\n display: block;\n height: 196px;\n content: \"\";\n}\n.paraui-v4-picker-datetime-panel .paraui-v4-picker-time-panel-column::after {\n height: 198px;\n}\n.paraui-v4-picker-time-panel-column-active {\n background: rgba(230, 247, 255, 0.2);\n}\n.paraui-v4-picker-time-panel-column:hover {\n overflow-y: auto;\n}\n.paraui-v4-picker-time-panel-column > li {\n margin: 0;\n padding: 0;\n margin: 0 4px 6px 4px;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell .paraui-v4-picker-time-panel-cell-inner {\n display: block;\n width: 100%;\n height: 24px;\n margin: 0;\n padding: 0 0 0 16px;\n color: rgb(29, 33, 38);\n line-height: 24px;\n border-radius: 2px;\n cursor: pointer;\n transition: background 0.3s;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell .paraui-v4-picker-time-panel-cell-inner:hover {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-selected .paraui-v4-picker-time-panel-cell-inner {\n background: rgb(247, 248, 250);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-disabled .paraui-v4-picker-time-panel-cell-inner {\n color: #BBBECB;\n background: transparent;\n cursor: not-allowed;\n}\n.paraui-v4-picker-time-panel-column > li.paraui-v4-picker-time-panel-cell-disabled .paraui-v4-picker-time-panel-cell-inner:hover {\n background: transparent;\n}\n\n_:-ms-fullscreen .paraui-v4-picker-range-wrapper .paraui-v4-picker-month-panel .paraui-v4-picker-cell,\n_:-ms-fullscreen .paraui-v4-picker-range-wrapper .paraui-v4-picker-year-panel .paraui-v4-picker-cell,\n:root .paraui-v4-picker-range-wrapper .paraui-v4-picker-month-panel .paraui-v4-picker-cell,\n:root .paraui-v4-picker-range-wrapper .paraui-v4-picker-year-panel .paraui-v4-picker-cell {\n padding: 21px 0;\n}\n\nparaui-v4-picker-rtl {\n direction: rtl;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-suffix {\n margin-right: 4px;\n margin-left: 0;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-clear {\n right: auto;\n left: 0;\n}\n.paraui-v4-picker-rtl paraui-v4-picker-separator {\n transform: rotate(180deg);\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-header-view button:not(:first-child) {\n margin-right: 8px;\n margin-left: 0;\n}\nparaui-v4-picker-range .paraui-v4-picker-clear .paraui-v4-picker-rtl {\n right: auto;\n left: 11px;\n}\nparaui-v4-picker-range .paraui-v4-picker-active-bar .paraui-v4-picker-rtl {\n margin-right: 11px;\n margin-left: 0;\n}\nparaui-v4-picker-range.paraui-v4-picker-small .paraui-v4-picker-active-bar .paraui-v4-picker-rtl {\n margin-right: 7px;\n}\nparaui-v4-picker-ranges .paraui-v4-picker-dropdown-rtl {\n text-align: right;\n}\n.paraui-v4-picker-dropdown-rtl paraui-v4-picker-ranges .paraui-v4-picker-ok {\n float: left;\n margin-right: 8px;\n margin-left: 0;\n}\nparaui-v4-picker-panel-rtl {\n direction: rtl;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-prev-icon, .paraui-v4-picker-panel-rtl paraui-v4-picker-super-prev-icon {\n transform: rotate(135deg);\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-next-icon, .paraui-v4-picker-panel-rtl paraui-v4-picker-super-next-icon {\n transform: rotate(-45deg);\n}\nparaui-v4-picker-cell .paraui-v4-picker-cell-inner {\n position: relative;\n z-index: 2;\n display: inline-block;\n min-width: 24px;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n transition: background 0.3s, border 0.3s;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-start::before {\n right: 50%;\n left: 0;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-end::before {\n right: 0;\n left: 50%;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-startparaui-v4-picker-cell-range-end::before {\n right: 50%;\n left: 50%;\n}\n.paraui-v4-picker-panel-rtl .paraui-v4-picker-date-panel paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-in-rangeparaui-v4-picker-cell-range-hover-start .paraui-v4-picker-cell-inner::after {\n right: 0;\n left: -6px;\n}\n.paraui-v4-picker-date-panel paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-in-rangparaui-v4-picker-cellparaui-v4-picker-cell-range-hover-end .paraui-v4-picker-cell-inner::after .paraui-v4-picker-panel-rtl {\n right: -6px;\n left: 0;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-start::after {\n right: 0;\n left: 50%;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-end::after {\n right: 50%;\n left: 0;\n}\nparaui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-start:not(paraui-v4-picker-cell-range-start-single):not(paraui-v4-picker-cell-range-end) .paraui-v4-picker-cell-inner .paraui-v4-picker-panel-rtl {\n border-radius: 0 2px 2px 0;\n}\nparaui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-end:not(paraui-v4-picker-cell-range-end-single):not(paraui-v4-picker-cell-range-start) .paraui-v4-picker-cell-inner .paraui-v4-picker-panel-rtl {\n border-radius: 2px 0 0 2px;\n}\n.paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover:not(paraui-v4-picker-cell-selected):first-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-edge-startparaui-v4-picker-cell-range-hover-edge-start-near-range::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-start::after {\n right: 6px;\n left: 0;\n border-right: 1px dashed #7ec1ff;\n border-left: none;\n border-top-left-radius: 0;\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-left-radius: 0;\n}\n.paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover:not(paraui-v4-picker-cell-selected):last-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hover-edge-endparaui-v4-picker-cell-range-hover-edge-end-near-range::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-edge-end:not(paraui-v4-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-end::after {\n right: 0;\n left: 6px;\n border-right: none;\n border-left: 1px dashed #7ec1ff;\n border-top-left-radius: 2px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 2px;\n}\n.paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-start:last-child::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-range-hover-end:first-child::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hover-endparaui-v4-picker-cell-range-hover-edge-start:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hover-startparaui-v4-picker-cell-range-hover-edge-end:not(paraui-v4-picker-cell-range-hover)::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-startparaui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-hover-edge-start:last-child::after, .paraui-v4-picker-panel-rtl tr > paraui-v4-picker-cell-in-viewparaui-v4-picker-cell-endparaui-v4-picker-cell-range-hoverparaui-v4-picker-cell-range-hover-edge-end:first-child::after {\n right: 6px;\n left: 6px;\n border-right: 1px dashed #7ec1ff;\n border-left: 1px dashed #7ec1ff;\n border-radius: 2px;\n}\n.paraui-v4-picker-dropdown-rtl paraui-v4-picker-footer-extra {\n direction: rtl;\n text-align: right;\n}\n.paraui-v4-picker-panel-rtl paraui-v4-picker-time-panel {\n direction: ltr;\n}\n\n.paraui-v4-picker-wrapper {\n position: relative;\n display: inline-block;\n}\n.paraui-v4-picker-wrapper .paraui-v4-picker-error {\n border-color: linear-gradient(90deg, rgb(46, 101, 230) 50%, rgb(240, 245, 255) 100%);\n}\n.paraui-v4-picker-wrapper .paraui-v4-picker-helperText {\n margin: 5px 0 0 12px;\n color: linear-gradient(90deg, rgb(46, 101, 230) 50%, rgb(240, 245, 255) 100%);\n font-size: 14px;\n}";
|
|
543
544
|
styleInject(css_248z);
|
|
544
545
|
|
|
545
546
|
var DatePicker = generatePicker(dayjsGenerateConfig);
|
package/Desktop/index.js
CHANGED
|
@@ -53,7 +53,7 @@ var localeJson = {
|
|
|
53
53
|
en: en
|
|
54
54
|
};
|
|
55
55
|
|
|
56
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-desktop {\n width: 100%;\n height: 100%;\n}\n.paraui-v4-desktop .paraui-v4-cp {\n cursor: pointer;\n font-size: 14px;\n font-weight: 700;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-title-input {\n max-width: 440px;\n min-width: 200px;\n}\n.paraui-v4-desktop .desktop-title-input-btn {\n margin-left: 10px;\n}\n.paraui-v4-desktop .desktop-title-wrapper {\n display: flex;\n flex: 1;\n width: 100%;\n position: relative;\n}\n.paraui-v4-desktop .desktop-title {\n display: flex;\n height: 20px;\n line-height: 20px;\n font-size: 14px;\n margin: 20px 0;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist {\n display: flex;\n align-items: center;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea {\n width: 38px;\n height: 30px;\n display: flex;\n align-items: center;\n cursor: pointer;\n flex-shrink: 0;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea:hover svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-desktop .desktop-title > div {\n width: 100%;\n text-align: center;\n color: rgb(29, 33, 38);\n font-weight: 600;\n font-size: 14px;\n}\n.paraui-v4-desktop .desktop-title > div > span {\n cursor: pointer;\n font-weight: bold;\n}\n.paraui-v4-desktop .pd-lr38 {\n padding: 0 38px;\n}\n.paraui-v4-desktop .desktop-box {\n position: relative;\n width: 100%;\n height: calc(100% - 50px);\n}\n.paraui-v4-desktop .desktop-box .desktop-item {\n position: absolute;\n top: 0;\n left: 0;\n transition: top 0.5s, left 0.5s;\n user-select: none;\n cursor: pointer;\n background-color: white;\n border-radius: 8px;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-name {\n text-align: center;\n position: absolute;\n font-size: 14px;\n z-index: 0;\n width: 100%;\n padding: 0 5px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body {\n width: 100px;\n margin: 25px auto 10px;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body img {\n width: 100%;\n height: 100%;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-name {\n margin: 0 auto;\n color: rgb(29, 33, 38);\n font-size: 14px;\n max-width: 180px;\n text-align: center;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body {\n text-align: center;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body img {\n height: 70px;\n margin-top: 25px;\n margin-bottom: 10px;\n pointer-events: none;\n}\n.paraui-v4-desktop .desktop-box .item-disable {\n box-shadow: none;\n cursor: not-allowed;\n position: relative;\n}\n.paraui-v4-desktop .desktop-box .item-disable::before {\n display: block;\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n z-index: 1;\n}\n.paraui-v4-desktop .desktop-box [drag-item=true] {\n z-index: 2;\n transition: none;\n}\n.paraui-v4-desktop .desktop-box [impact=true] {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-desktop .desktop-box [in-dir=true] {\n display: none !important;\n}\n.paraui-v4-desktop .desktop-box .img-box {\n display: inline-block;\n width: 100%;\n text-align: center;\n margin-top: 10px;\n}\n.paraui-v4-desktop .desktop-box .img-box > img {\n width: 100px;\n height: 100px;\n user-drag: none;\n}\n.paraui-v4-desktop .desktop-box .desktop-dir .img-box {\n display: inline-block;\n}\n.paraui-v4-desktop .desktop-box .desktop-dir .img-box > img {\n width: 40px;\n height: 40px;\n margin: 5px 15px;\n}\n.paraui-v4-desktop .menu-list {\n position: absolute;\n box-shadow: 4px 4px 6px #dcdde3;\n background-color: #ffffff;\n font-size: 14px;\n border-radius: 4px;\n z-index: 10;\n display: none;\n transition: background-color 0.2s;\n}\n.paraui-v4-desktop .menu-list .menu-item {\n padding: 5px 15px;\n cursor: pointer;\n}\n.paraui-v4-desktop .menu-list .menu-item:hover {\n background-color: rgb(246, 246, 246);\n}";
|
|
56
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-desktop {\n width: 100%;\n height: 100%;\n}\n.paraui-v4-desktop .paraui-v4-cp {\n cursor: pointer;\n font-size: 14px;\n font-weight: 700;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-title-input {\n max-width: 440px;\n min-width: 200px;\n}\n.paraui-v4-desktop .desktop-title-input-btn {\n margin-left: 10px;\n}\n.paraui-v4-desktop .desktop-title-wrapper {\n display: flex;\n flex: 1;\n width: 100%;\n position: relative;\n}\n.paraui-v4-desktop .desktop-title {\n display: flex;\n height: 20px;\n line-height: 20px;\n font-size: 14px;\n margin: 20px 0;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist {\n display: flex;\n align-items: center;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea {\n width: 38px;\n height: 30px;\n display: flex;\n align-items: center;\n cursor: pointer;\n flex-shrink: 0;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea:hover svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-desktop .desktop-title > div {\n width: 100%;\n text-align: center;\n color: rgb(29, 33, 38);\n font-weight: 600;\n font-size: 14px;\n}\n.paraui-v4-desktop .desktop-title > div > span {\n cursor: pointer;\n font-weight: bold;\n}\n.paraui-v4-desktop .pd-lr38 {\n padding: 0 38px;\n}\n.paraui-v4-desktop .desktop-box {\n position: relative;\n width: 100%;\n height: calc(100% - 50px);\n}\n.paraui-v4-desktop .desktop-box .desktop-item {\n position: absolute;\n top: 0;\n left: 0;\n transition: top 0.5s, left 0.5s;\n user-select: none;\n cursor: pointer;\n background-color: white;\n border-radius: 8px;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-name {\n text-align: center;\n position: absolute;\n font-size: 14px;\n z-index: 0;\n width: 100%;\n padding: 0 5px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body {\n width: 100px;\n margin: 25px auto 10px;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body svg {\n display: block;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body img {\n width: 100%;\n height: 100%;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-name {\n margin: 0 auto;\n color: rgb(29, 33, 38);\n font-size: 14px;\n max-width: 180px;\n text-align: center;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body {\n text-align: center;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body svg {\n display: block;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body img {\n height: 70px;\n margin-top: 25px;\n margin-bottom: 10px;\n pointer-events: none;\n}\n.paraui-v4-desktop .desktop-box .item-disable {\n box-shadow: none;\n cursor: not-allowed;\n position: relative;\n}\n.paraui-v4-desktop .desktop-box .item-disable::before {\n display: block;\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n z-index: 1;\n}\n.paraui-v4-desktop .desktop-box [drag-item=true] {\n z-index: 2;\n transition: none;\n}\n.paraui-v4-desktop .desktop-box [impact=true] {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-desktop .desktop-box [in-dir=true] {\n display: none !important;\n}\n.paraui-v4-desktop .desktop-box .img-box {\n display: inline-block;\n width: 100%;\n text-align: center;\n margin-top: 10px;\n}\n.paraui-v4-desktop .desktop-box .img-box > img {\n width: 100px;\n height: 100px;\n user-drag: none;\n}\n.paraui-v4-desktop .desktop-box .desktop-dir .img-box {\n display: inline-block;\n}\n.paraui-v4-desktop .desktop-box .desktop-dir .img-box > img {\n width: 40px;\n height: 40px;\n margin: 5px 15px;\n}\n.paraui-v4-desktop .menu-list {\n position: absolute;\n box-shadow: 4px 4px 6px #dcdde3;\n background-color: #ffffff;\n font-size: 14px;\n border-radius: 4px;\n z-index: 10;\n display: none;\n transition: background-color 0.2s;\n}\n.paraui-v4-desktop .menu-list .menu-item {\n padding: 5px 15px;\n cursor: pointer;\n}\n.paraui-v4-desktop .menu-list .menu-item:hover {\n background-color: rgb(246, 246, 246);\n}";
|
|
57
57
|
styleInject(css_248z);
|
|
58
58
|
|
|
59
59
|
/** 默认图标 */
|
package/DragVerify/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
|
|
2
|
-
import { r as regenerator } from '../_verture/index-
|
|
2
|
+
import { r as regenerator } from '../_verture/index-232d890b.js';
|
|
3
3
|
import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
4
4
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
5
|
import { useState, useRef, useEffect } from 'react';
|
|
@@ -13,7 +13,7 @@ import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js'
|
|
|
13
13
|
import { Loading } from '../Loading/index.js';
|
|
14
14
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
15
15
|
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
16
|
-
import '../_verture/typeof-
|
|
16
|
+
import '../_verture/typeof-c310ee4a.js';
|
|
17
17
|
import '@para-ui/core/GlobalContext';
|
|
18
18
|
import '@para-ui/icons/LoadingF';
|
|
19
19
|
|
package/Drawer/index.d.ts
CHANGED
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
* @date 2021/8/9 下午3:46
|
|
4
4
|
* @description drawer
|
|
5
5
|
*/
|
|
6
|
-
import {
|
|
6
|
+
import { FC } from 'react';
|
|
7
7
|
import { DrawerProps } from './interface';
|
|
8
8
|
import './index.scss';
|
|
9
|
-
export declare const Drawer:
|
|
9
|
+
export declare const Drawer: FC<DrawerProps>;
|
|
10
10
|
export type { DrawerProps };
|
|
11
11
|
export default Drawer;
|