@para-ui/core 4.0.0-rc → 4.0.0-rc.1

package/Checkbox/index.js

@@ -60,8 +60,8 @@ var Checkbox = function Checkbox(props) {
   };
   // 处理class
   var handClass = function handClass() {
-    var str = $prefixCls + '-checkbox';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-checkbox");
+    if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-checkbox-").concat(size);
     if (disabled) str += " ".concat($prefixCls, "-checkbox-disabled");
     if (indeterminate) str += " ".concat($prefixCls, "-checkbox-indeterminate");else if (checkedCom) str += " ".concat($prefixCls, "-checkbox-checked");
@@ -73,7 +73,7 @@ var Checkbox = function Checkbox(props) {
   var handLabelClass = function handLabelClass() {
     var str = 'checkbox-label';
     if (labelTooltip && labelTooltip.className) {
-      str += ' ' + labelTooltip.className;
+      str += " ".concat(labelTooltip.className);
     }
     return str;
   };
@@ -81,7 +81,7 @@ var Checkbox = function Checkbox(props) {
   var handHelpClassName = function handHelpClassName() {
     var str = ' checkbox-help';
     if (labelTooltip && labelTooltip.helpClassName) {
-      str += ' ' + labelTooltip.helpClassName;
+      str += " ".concat(labelTooltip.helpClassName);
     }
     return str;
   };

package/CheckboxGroup/index.d.ts

@@ -5,8 +5,8 @@
  */
 import React, { FunctionComponent, ReactNode } from 'react';
 import { CheckboxProps } from '../Checkbox';
-import { LabelTooltipProps } from "../Label";
-import { HelperTextDetailProps } from "../HelperText";
+import { LabelTooltipProps } from '../Label';
+import { HelperTextDetailProps } from '../HelperText';
 import './index.scss';
 export interface CheckboxListProps extends CheckboxProps {
     [name: string]: any;

package/CheckboxGroup/index.js

@@ -82,7 +82,7 @@ var CheckboxGroup = function CheckboxGroup(props) {
       var handLabelClass = function handLabelClass() {
         var str = 'checkbox-group-label';
         if (labelTooltip && labelTooltip.className) {
-          str += ' ' + labelTooltip.className;
+          str += " ".concat(labelTooltip.className);
         }
         return str;
       };
@@ -111,8 +111,8 @@ var CheckboxGroup = function CheckboxGroup(props) {
   };
   // 处理class
   var handClass = function handClass() {
-    var str = $prefixCls + '-checkbox-group';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-checkbox-group");
+    if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-checkbox-group-").concat(size);
     if (error) str += " ".concat($prefixCls, "-checkbox-group-error");
     if (disabled) str += " ".concat($prefixCls, "-checkbox-group-disabled");

package/Collapse/index.js

@@ -19,7 +19,7 @@ var CollapsePanelProps = function CollapsePanelProps(props) {
   };
   return jsx(RcCollapse.Panel, Object.assign({}, props, {
     className: handClass(),
-    prefixCls: $rcPrefixCls + '-collapse'
+    prefixCls: "".concat($rcPrefixCls, "-collapse")
   }));
 };
 
@@ -127,8 +127,8 @@ var Collapse = function Collapse(props) {
   };
   /** 处理className */
   var handClass = function handClass() {
-    var str = $prefixCls + '-collapse';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-collapse");
+    if (className) str += " ".concat(className);
     if (expandIconPosition) str += " ".concat($prefixCls, "-collapse-svg-").concat(expandIconPosition);
     return str;
   };
@@ -141,7 +141,7 @@ var Collapse = function Collapse(props) {
     openMotion: openMotion
   }, props, {
     expandIcon: renderExpandIcon,
-    prefixCls: $rcPrefixCls + '-collapse',
+    prefixCls: "".concat($rcPrefixCls, "-collapse"),
     className: handClass()
   }, {
     children: getItems()

package/CollapseBox/index.js

@@ -42,19 +42,11 @@ var CollapseBox = function CollapseBox(props) {
   useEffect(function () {
     setInProp(open);
   }, [open]);
-  // 处理节点
-  var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {
-    return function (nodeOrAppearing) {
-      if (callback) {
-        callback(nodeOrAppearing);
-      }
-    };
-  };
   // 下拉
-  var handleEnter = normalizedTransitionCallback(function (node) {
+  var handleEnter = function handleEnter(node) {
     node.style.height = collapsedHeight;
-  });
-  var handleEntering = normalizedTransitionCallback(function (node) {
+  };
+  var handleEntering = function handleEntering(node) {
     var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
     var _getTransitionProps = getTransitionProps({
         style: style,
@@ -71,16 +63,16 @@ var CollapseBox = function CollapseBox(props) {
       node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
     }
     node.style.height = "".concat(wrapperHeight, "px");
-  });
-  var handleEntered = normalizedTransitionCallback(function (node) {
+  };
+  var handleEntered = function handleEntered(node) {
     node.style.height = 'auto';
-  });
+  };
   // 收起
-  var handleExit = normalizedTransitionCallback(function (node) {
+  var handleExit = function handleExit(node) {
     var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
     node.style.height = "".concat(wrapperHeight, "px");
-  });
-  var handleExiting = normalizedTransitionCallback(function (node) {
+  };
+  var handleExiting = function handleExiting(node) {
     var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
     var _getTransitionProps2 = getTransitionProps({
         style: style,
@@ -97,15 +89,15 @@ var CollapseBox = function CollapseBox(props) {
       node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
     }
     node.style.height = collapsedHeight;
-  });
+  };
   // 完成下拉/收起回调
   var addEndListener = function addEndListener(nodeOrNext, maybeNext) {
     timer.current = setTimeout(maybeNext, autoTransitionDuration.current || 0);
   };
   // 处理className
   var handClass = function handClass(state) {
-    var str = $prefixCls + '-collapse-box';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-collapse-box");
+    if (className) str += " ".concat(className);
     if (state === 'entered') str += " ".concat($prefixCls, "-collapse-box-entered");
     if (state === 'exited' && !inProp && collapsedHeight === '0px') str += " ".concat($prefixCls, "-collapse-box-hidden");
     return str;

package/CollapseLayout/index.js

@@ -102,7 +102,7 @@ var CollapseLayout = function CollapseLayout(props) {
   // 计算方位
   var hangWH = function hangWH() {
     var wH = 'width';
-    if (type === "top" || type === "bottom") {
+    if (type === 'top' || type === 'bottom') {
       wH = 'height';
     }
     return wH;
@@ -113,7 +113,7 @@ var CollapseLayout = function CollapseLayout(props) {
     var collapseL = (showBox ? constData.current.zoomLength : 0) + unit; // 收缩长度
     var wH = hangWH();
     json[wH] = collapseL;
-    json['transitionDuration'] = duration + 'ms';
+    json['transitionDuration'] = "".concat(duration, "ms");
     return json;
   };
   // 收缩容器的样式,里面的样式
@@ -123,7 +123,7 @@ var CollapseLayout = function CollapseLayout(props) {
     var wH = hangWH();
     json[wH] = constData.current.zoomLength + unit;
     json[direction] = (showBox ? 0 : constData.current.zoomLength) + unit;
-    json['transitionDuration'] = duration + 'ms';
+    json['transitionDuration'] = "".concat(duration, "ms");
     return json;
   };
   // 自适应容器的样式
@@ -134,14 +134,14 @@ var CollapseLayout = function CollapseLayout(props) {
     json[wH] = "calc(100% - ".concat(collapseL + spacing).concat(unit);
     var direction = "margin".concat(formatterType(type));
     json[direction] = spacing + unit;
-    json['transitionDuration'] = duration + 'ms';
+    json['transitionDuration'] = "".concat(duration, "ms");
     return json;
   };
   // 布局
   var Layout = function Layout() {
     return typeConfig.layout[type].map(function (key, idx) {
       switch (key) {
-        case "display":
+        case 'display':
           // 可收缩的
           return jsx("div", Object.assign({
             className: "collapse-layout-display",
@@ -191,7 +191,7 @@ var CollapseLayout = function CollapseLayout(props) {
     constData.current.comRefDomRect = comRefDomRect;
     comRefDom.classList.add("".concat($prefixCls, "-collapse-layout-move"));
     window.addEventListener('mousemove', onmousemove);
-    window.addEventListener("mouseup", onmouseup);
+    window.addEventListener('mouseup', onmouseup);
   };
   /** 鼠标移动 */
   var onmousemove = function onmousemove(e) {
@@ -207,40 +207,40 @@ var CollapseLayout = function CollapseLayout(props) {
         var moveX = e.pageX - constData.current.downPos.pageX;
         var widthHand = displayRefOutsideDomRect.width + moveX;
         if (comRefDomRect.width - widthHand < minDragLength || widthHand < minDragLength) return;
-        displayRefOutsideDom.style.width = widthHand + 'px';
-        displayRefDom.style.width = widthHand + 'px';
+        displayRefOutsideDom.style.width = "".concat(widthHand, "px");
+        displayRefDom.style.width = "".concat(widthHand, "px");
         defaultRefDom.style.width = "calc(100% - ".concat(widthHand, "px)");
-        btnRefDom.style.left = widthHand + 'px';
+        btnRefDom.style.left = "".concat(widthHand, "px");
         constData.current.zoomLength = widthHand;
         break;
       case 'right':
         var moveXR = e.pageX - constData.current.downPos.pageX;
         var widthHandR = displayRefOutsideDomRect.width - moveXR;
         if (comRefDomRect.width - widthHandR < minDragLength || widthHandR < minDragLength) return;
-        displayRefOutsideDom.style.width = widthHandR + 'px';
-        displayRefDom.style.width = widthHandR + 'px';
+        displayRefOutsideDom.style.width = "".concat(widthHandR, "px");
+        displayRefDom.style.width = "".concat(widthHandR, "px");
         defaultRefDom.style.width = "calc(100% - ".concat(widthHandR, "px)");
-        btnRefDom.style.right = widthHandR + 'px';
+        btnRefDom.style.right = "".concat(widthHandR, "px");
         constData.current.zoomLength = widthHandR;
         break;
       case 'top':
         var moveY = e.pageY - constData.current.downPos.pageY;
         var heightHand = displayRefOutsideDomRect.height + moveY;
         if (comRefDomRect.height - heightHand < minDragLength || heightHand < minDragLength) return;
-        displayRefOutsideDom.style.height = heightHand + 'px';
-        displayRefDom.style.height = heightHand + 'px';
+        displayRefOutsideDom.style.height = "".concat(heightHand, "px");
+        displayRefDom.style.height = "".concat(heightHand, "px");
         defaultRefDom.style.height = "calc(100% - ".concat(heightHand, "px)");
-        btnRefDom.style.top = heightHand + 'px';
+        btnRefDom.style.top = "".concat(heightHand, "px");
         constData.current.zoomLength = heightHand;
         break;
       case 'bottom':
         var moveYB = e.pageY - constData.current.downPos.pageY;
         var heightHandB = displayRefOutsideDomRect.height - moveYB;
         if (comRefDomRect.height - heightHandB < minDragLength || heightHandB < minDragLength) return;
-        displayRefOutsideDom.style.height = heightHandB + 'px';
-        displayRefDom.style.height = heightHandB + 'px';
+        displayRefOutsideDom.style.height = "".concat(heightHandB, "px");
+        displayRefDom.style.height = "".concat(heightHandB, "px");
         defaultRefDom.style.height = "calc(100% - ".concat(heightHandB, "px)");
-        btnRefDom.style.bottom = heightHandB + 'px';
+        btnRefDom.style.bottom = "".concat(heightHandB, "px");
         constData.current.zoomLength = heightHandB;
         break;
     }
@@ -250,7 +250,7 @@ var CollapseLayout = function CollapseLayout(props) {
     var comRefDom = comRef.current;
     comRefDom.classList.remove("".concat($prefixCls, "-collapse-layout-move"));
     window.removeEventListener('mousemove', onmousemove);
-    window.removeEventListener("mouseup", onmouseup);
+    window.removeEventListener('mouseup', onmouseup);
   };
   /**
    * 展开收起按钮
@@ -263,7 +263,7 @@ var CollapseLayout = function CollapseLayout(props) {
     var computeLabel = showBox ? showLabel : hideLabel;
     return jsxs("div", Object.assign({
       className: "collapse-layout-click collapse-layout-click-label-".concat(!!computeLabel),
-      style: (_style = {}, _defineProperty(_style, type, "".concat(showBox ? constData.current.zoomLength : 0).concat(unit)), _defineProperty(_style, "transitionDuration", duration + 'ms'), _style),
+      style: (_style = {}, _defineProperty(_style, type, "".concat(showBox ? constData.current.zoomLength : 0).concat(unit)), _defineProperty(_style, "transitionDuration", "".concat(duration, "ms")), _style),
       ref: btnRef
     }, {
       children: [jsxs("div", Object.assign({

package/ColorPicker/index.js

@@ -1,5 +1,5 @@
-import { S as SketchPicker } from '../_verture/index-8469865e.js';
-export { C as ChromePicker, a as CompactPicker, b as SwatchesPicker, S as default } from '../_verture/index-8469865e.js';
+import { S as SketchPicker } from '../_verture/index-0f315bca.js';
+export { C as ChromePicker, a as CompactPicker, b as SwatchesPicker, S as default } from '../_verture/index-0f315bca.js';
 import 'react/jsx-runtime';
 import 'react-color';
 import 'clsx';

package/ComboSelect/index.js

@@ -10,7 +10,7 @@ import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-47297a40.js';
+import { T as Tree } from '../_verture/index-bc461491.js';
 import { Button } from '../Button/index.js';
 import { D as Dropdown } from '../_verture/index-e9007d6a.js';
 import { Popover } from '../Popover/index.js';
@@ -25,6 +25,8 @@ import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js'
 import Label from '../Label/index.js';
 import HelperText from '../HelperText/index.js';
 import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { Search } from '../Search/index.js';
+import LoadingOutlined from '@para-ui/icons/LoadingF';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-adeedc13.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
@@ -49,7 +51,6 @@ import '../TextField/index.js';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '../Loading/index.js';
-import '@para-ui/icons/LoadingF';
 import '../Select/index.js';
 import '@para-ui/icons/Check';
 import '@para-ui/icons/Left';
@@ -91,7 +92,7 @@ var localeJson = {
   en: en
 };
 
-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}";
+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: 7px;\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(161, 168, 179);\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 .comboselect-item-remove svg:hover {\n  color: rgb(46, 101, 230);\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-small .comboselect-wrapper, .paraui-v4-comboselect-medium .comboselect-wrapper {\n  min-height: 28px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow {\n  padding-top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-item .comboselect-item, .paraui-v4-comboselect-medium .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, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n  height: 26px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-arrow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-arrow {\n  top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-clear, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-clear {\n  top: 5px;\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(161, 168, 179);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input {\n  width: 100%;\n  flex: auto;\n  border: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input .text-field-content {\n  border: unset;\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(161, 168, 179);\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 .table-pagination {\n  height: 52px;\n  padding-right: 20px;\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  min-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(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input {\n  width: 100%;\n  flex: auto;\n  border: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input .text-field-content {\n  border: unset;\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(161, 168, 179);\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  height: 52px;\n  padding-right: 20px;\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  flex: 1 1;\n  overflow-y: auto;\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-tree .loading-node-content {\n  display: flex;\n  justify-content: center;\n}\n@keyframes rotateLoading {\n  0% {\n    transformOrigin: 50% 50%;\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon {\n  margin-right: 4px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon > svg {\n  transition: all 0.3s ease-in-out;\n  animation: rotateLoading 1s infinite linear;\n  font-size: 20px;\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: 15px;\n  height: 10px;\n  right: 12px;\n  top: 50%;\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAVCAYAAABR915hAAAABHNCSVQICAgIfAhkiAAAAPhJREFUSEu91TsKwkAQANBZ0drOIjaWIkTiCcSbaLHgbTxAFPUGHkFvEAh4hASs7BXH3WBC/tmv24TAJG8/M7ME/jRcGq8JfnYIJAj3zor8w01QwGNqvaG/sA6XUUQ4sxWziVgcTSgnrcFtqDW4C7UCi6DGYVE0g2f04d39UaCTZzJoArs0urIMWyLgKfTHGxVcFk3gOY2e7DnkLyq4CvpbcbGryOCqaHbGlR8IbLsOWshqGVwXrZSTCG4Cra3jNtwU2thA6nCA3i1/taW3jEr5tXauMp4HdNHOllmHm0A7YR6Qx02hQjAPmm7jyeCFXnhwLqpnWv7uCxqa4b8ke3ZZAAAAAElFTkSuQmCC\");\n  transform: translateY(-50%);\n  background-size: 15px 11px;\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}";
 styleInject(css_248z);
 
 //组合选择器
@@ -304,8 +305,8 @@ var ComboSelect = function ComboSelect(props) {
     onChange === null || onChange === void 0 ? void 0 : onChange(newCheckList);
   };
   /**
-  * @desc 搜索 - 防抖
-  */
+   * @desc 搜索 - 防抖
+   */
   var onRealTimeSearch = useMemo(function () {
     return debounce(function (val) {
       return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
@@ -322,16 +323,9 @@ var ComboSelect = function ComboSelect(props) {
     }, 400);
   }, []);
   //输入框
-  var handleInputChange = function handleInputChange(evt) {
-    setInputValue(evt.target.value);
-    realTimeSearch && onRealTimeSearch(evt.target.value);
-  };
-  //清空搜索值，重置搜索
-  var handleClearSearchValue = function handleClearSearchValue() {
-    setInputValue('');
-    if (onSearch) return onSearch('');
-    searchKeyRef.current = '';
-    setInRefresh(Math.random());
+  var handleInputChange = function handleInputChange(value) {
+    setInputValue(value);
+    realTimeSearch && onRealTimeSearch(value);
   };
   var searchFn = function searchFn(value) {
     var input = value !== null && value !== void 0 ? value : inputValue;
@@ -343,15 +337,6 @@ var ComboSelect = function ComboSelect(props) {
     }
     if (isRemoteLoadRef.current) setLoadKeys([]);
   };
-  //输入框回车搜索
-  var handleEnterSearch = function handleEnterSearch(evt, type) {
-    if (type === 'click') {
-      searchFn();
-    } else if (evt) {
-      var keyCode = evt.which || evt.keyCode;
-      if (keyCode === 13) searchFn();
-    }
-  };
   //popover 完成
   var handlePopoverDone = function handlePopoverDone(evt, flag) {
     if (flag) {
@@ -365,7 +350,7 @@ var ComboSelect = function ComboSelect(props) {
   //设置容器宽高
   var setPopoverWH = function setPopoverWH() {
     var w = 'auto';
-    if (selectRef.current) w = selectRef.current.offsetWidth + 'px';
+    if (selectRef.current) w = "".concat(selectRef.current.offsetWidth, "px");
     var overlayStyle = getOverlaySize(mode, isRemoteLoadRef.current, maxHeight, height);
     var wObj = {
       minWidth: w,
@@ -383,8 +368,7 @@ var ComboSelect = function ComboSelect(props) {
   //select className
   var makeSelectCls = function makeSelectCls() {
     var _clsx;
-    var isMedium = size !== 'medium';
-    return clsx("".concat($prefixCls, "-comboselect"), className, (_clsx = {}, _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-focused"), open && !disablePopup), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-disabled"), disabled), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-radioable"), !checkable), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-error"), error), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-clear"), hasAllClear), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-non-popup"), disablePopup), _clsx), isMedium && "".concat($prefixCls, "-comboselect-").concat(size));
+    return clsx("".concat($prefixCls, "-comboselect"), className, (_clsx = {}, _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-focused"), open && !disablePopup), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-disabled"), disabled), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-radioable"), !checkable), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-error"), error), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-clear"), hasAllClear), _defineProperty(_clsx, "".concat($prefixCls, "-comboselect-non-popup"), disablePopup), _clsx), "".concat($prefixCls, "-comboselect-").concat(size));
   };
   //格式化选中数据
   var formatSelectedData = function formatSelectedData(values, keys) {
@@ -455,34 +439,32 @@ var ComboSelect = function ComboSelect(props) {
         maxWidth: maxWidth
       };
     }
-    return jsxs("div", Object.assign({
+    return jsx("div", Object.assign({
       className: 'comboselect-search',
       style: styObj
     }, {
-      children: [jsx("span", Object.assign({
-        className: 'comboselect-search-icon',
-        onClick: function onClick() {
-          return handleEnterSearch(null, 'click');
-        }
-      }, {
-        children: jsx(SearchIcon, {})
-      })), jsx("input", {
-        placeholder: searchPlaceholder !== null && searchPlaceholder !== void 0 ? searchPlaceholder : intl({
-          id: 'searchPlaceholder'
-        }),
+      children: jsx(Search, {
         className: 'comboselect-search-input',
+        rightIconExist: true,
+        showBtn: false,
+        rightIcon: jsx(SearchIcon, {}),
+        btnType: "inside",
+        value: inputValue,
         ref: searchInputRef,
         onChange: handleInputChange,
-        value: inputValue,
-        onKeyUp: function onKeyUp(evt) {
-          return handleEnterSearch(evt, 'enter');
+        placeholder: searchPlaceholder !== null && searchPlaceholder !== void 0 ? searchPlaceholder : intl({
+          id: 'searchPlaceholder'
+        }),
+        onClickBtn: function onClickBtn() {
+          searchFn();
+        },
+        onEnter: function onEnter() {
+          searchFn();
+        },
+        onClear: function onClear() {
+          searchFn('');
         }
-      }), inputValue && jsx("span", Object.assign({
-        className: 'comboselect-clear-icon',
-        onClick: handleClearSearchValue
-      }, {
-        children: jsx(CloseCircleF, {})
-      }))]
+      })
     }));
   };
   //render popover action
@@ -792,7 +774,7 @@ var ComboSelect = function ComboSelect(props) {
         checkCount: false
       }))
     }));
-  }, [checkKeys, refresh, params, inRefresh, open]);
+  }, [checkKeys, refresh, params, inRefresh, disablePopup, open, getParams, fieldKey, checkable]);
   //树组件
   var treeMemo = useMemo(function () {
     if (!disablePopup && !open || !['tree', 'list'].includes(mode)) return null;
@@ -879,10 +861,19 @@ var ComboSelect = function ComboSelect(props) {
         onCheck: handleTreeCheck,
         onSelect: handleSelect,
         titleRender: _titleRender,
-        refresh: refresh !== null && refresh !== void 0 ? refresh : inRefresh
+        refresh: refresh !== null && refresh !== void 0 ? refresh : inRefresh,
+        loadingNode: jsxs("div", Object.assign({
+          className: 'loading-node-content'
+        }, {
+          children: [jsx("div", Object.assign({
+            className: 'loading-icon'
+          }, {
+            children: jsx(LoadingOutlined, {})
+          })), "\u641C\u7D22\u4E2D"]
+        }))
       }))
     }));
-  }, [checkKeys, refresh, params, inRefresh, open, loadedKeys]);
+  }, [checkKeys, refresh, params, inRefresh, disablePopup, open, loadedKeys, mode, getParams, checkable]);
   //组合选择器输入框
   var comboSelectorInput = jsxs("div", Object.assign({
     className: 'comboselect-wrapper',
@@ -981,7 +972,7 @@ var ComboSelect = function ComboSelect(props) {
           }), " ( ".concat(moreTagList.length, " )")]
         })
       })), jsx("div", Object.assign({
-        className: "comboselect-more-content"
+        className: 'comboselect-more-content'
       }, {
         children: generateMoreTag()
       }))]

package/ComboSelect/interface.d.ts

@@ -6,10 +6,10 @@
 import React, { ReactNode } from 'react';
 import { TableProps as ITableProps } from '../Table/interface';
 import { TreeProps, TreeNodeProps } from '../Tree/interface';
-import { Placement } from "../Dropdown";
-import { LabelTooltipProps } from "../Label";
+import { Placement } from '../Dropdown';
+import { LabelTooltipProps } from '../Label';
 import { EmptyProps } from '../Empty';
-import { HelperTextDetailProps } from "../HelperText";
+import { HelperTextDetailProps } from '../HelperText';
 type TableProps = ITableProps & {
     /** table 参数 */
     params?: Object;

package/Container/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import "./index.scss";
+import React from 'react';
+import './index.scss';
 interface Props {
     /**
      * 容器自定义className
@@ -39,7 +39,7 @@ interface Props {
      │       │                              │    │              bottom               │
      └───────┴──────────────────────────────┘    └───────────────────────────────────┘
      */
-    type?: "tlrb" | "ltrb" | "trb" | "tlr";
+    type?: 'tlrb' | 'ltrb' | 'trb' | 'tlr';
     /**
      * 顶部容器
      */