@para-ui/core 3.0.86 → 4.0.0-beta

package/CollapseLayout/index.js

@@ -1,17 +1,17 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
 import DoubleLeft from '@para-ui/icons/DoubleLeft';
 import DoubleRight from '@para-ui/icons/DoubleRight';
-import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import clsx from 'clsx';
 import { a as getAutoHeightDuration } from '../_verture/util-7e1fb1e2.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/typeof-498dd2b1.js';
+import '../_verture/typeof-adeedc13.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-collapse-layout {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paraui-v3-collapse-layout .collapse-layout-icon-transform-top {\n  transform: rotate(90deg);\n}\n.paraui-v3-collapse-layout .collapse-layout-icon-transform-bottom {\n  transform: rotate(-90deg);\n}\n.paraui-v3-collapse-layout .collapse-layout-icon-transform-right {\n  transform: rotate(180deg);\n}\n.paraui-v3-collapse-layout .collapse-layout-display {\n  overflow: hidden;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-click span, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-click span, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-click span, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-click span {\n  font-size: 12px;\n  font-weight: 400;\n  text-align: center;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-click {\n  position: absolute;\n  top: 50%;\n  left: \"\";\n  width: 20px;\n  height: 72px;\n  background: rgba(171, 176, 185, 0.12);\n  text-align: center;\n  cursor: pointer;\n  margin-top: -36px;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition-property: right;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n  right: 0px;\n  border-radius: 4px 0 0 4px;\n  border-right: 1px solid rgb(54, 102, 214);\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-display-shadow {\n  transition-property: margin-right;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-click {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 20px;\n  height: 72px;\n  background: rgba(171, 176, 185, 0.12);\n  text-align: center;\n  cursor: pointer;\n  margin-top: -36px;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition-property: left;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n  border-left: 1px solid rgb(54, 102, 214);\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-display-shadow {\n  transition-property: margin-left;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left > div, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-right > div {\n  display: inline-block;\n  vertical-align: middle;\n  height: 100%;\n  position: relative;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-display-shadow, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-display-shadow {\n  height: 100%;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-display,\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-default, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-display,\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-default {\n  transition: width;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-click, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-click {\n  flex-direction: column;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-click {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: 72px;\n  height: 20px;\n  background: rgba(171, 176, 185, 0.12);\n  text-align: center;\n  cursor: pointer;\n  margin-top: 0;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition-property: top;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n  margin-left: -36px;\n  border-top: 1px solid rgb(54, 102, 214);\n  border-radius: 0 0 4px 4px;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-display-shadow {\n  transition-property: margin-top;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-click {\n  position: absolute;\n  top: \"\";\n  left: 50%;\n  width: 72px;\n  height: 20px;\n  background: rgba(171, 176, 185, 0.12);\n  text-align: center;\n  cursor: pointer;\n  margin-top: 0;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition-property: bottom;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n  margin-left: -36px;\n  bottom: 0px;\n  border-bottom: 1px solid rgb(54, 102, 214);\n  border-radius: 4px 4px 0 0;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-display-shadow {\n  transition-property: margin-bottom;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-display,\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-default, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-display,\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-default {\n  transition-property: height;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-display-shadow, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-display-shadow {\n  width: 100%;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top > div, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom > div {\n  display: block;\n  width: 100%;\n  position: relative;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-collapse-layout {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paraui-v4-collapse-layout .collapse-layout-icon-transform-top {\n  transform: rotate(90deg);\n}\n.paraui-v4-collapse-layout .collapse-layout-icon-transform-bottom {\n  transform: rotate(-90deg);\n}\n.paraui-v4-collapse-layout .collapse-layout-icon-transform-right {\n  transform: rotate(180deg);\n}\n.paraui-v4-collapse-layout .collapse-layout-display {\n  overflow: hidden;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click {\n  position: absolute;\n  z-index: 1;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click span, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click span, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click span, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click span {\n  font-size: 12px;\n  font-weight: 400;\n  text-align: center;\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn {\n  z-index: 11;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line {\n  display: none;\n  cursor: no-drop;\n  z-index: 10;\n  position: absolute;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line:after {\n  position: absolute;\n  content: \"\";\n  background: rgb(234, 236, 241);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move {\n  user-select: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click {\n  transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn {\n  transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after {\n  background: rgb(46, 101, 230);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-display {\n  transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow {\n  transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-default {\n  transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line {\n  display: inline-block;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn {\n  right: -1px;\n  position: absolute;\n  top: 50%;\n  left: \"\";\n  width: 20px;\n  height: 70px;\n  background: rgb(247, 248, 250);\n  text-align: center;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition-property: right;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n  border-radius: 4px 0 0 4px;\n  border-right: 1px solid rgb(46, 101, 230);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display-shadow {\n  transition-property: margin-right;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 20px;\n  height: 70px;\n  background: rgb(247, 248, 250);\n  text-align: center;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition-property: left;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n  border-left: 1px solid rgb(46, 101, 230);\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display-shadow {\n  transition-property: margin-left;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > div, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > div {\n  display: inline-block;\n  vertical-align: middle;\n  height: 100%;\n  position: relative;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display-shadow {\n  height: 100%;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display,\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display,\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-default {\n  transition: width;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click {\n  flex-direction: column;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn {\n  transform: translateY(-50%);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line {\n  width: 10px;\n  height: 100%;\n  left: 100%;\n  top: 0;\n  transform: translateX(-50%);\n  cursor: col-resize;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line:after {\n  left: 5px;\n  width: 1px;\n  height: 100%;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: 70px;\n  height: 20px;\n  background: rgb(247, 248, 250);\n  text-align: center;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition-property: top;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n  border-top: 1px solid rgb(46, 101, 230);\n  border-radius: 0 0 4px 4px;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display-shadow {\n  transition-property: margin-top;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn {\n  position: absolute;\n  top: \"\";\n  left: 50%;\n  width: 70px;\n  height: 20px;\n  background: rgb(247, 248, 250);\n  text-align: center;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition-property: bottom;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n  bottom: -1px;\n  border-bottom: 1px solid rgb(46, 101, 230);\n  border-radius: 4px 4px 0 0;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display-shadow {\n  transition-property: margin-bottom;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > div, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > div {\n  display: block;\n  width: 100%;\n  position: relative;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display,\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display,\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-default {\n  transition-property: height;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display-shadow {\n  width: 100%;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn {\n  transform: translateX(-50%);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line {\n  width: 100%;\n  height: 10px;\n  left: 0;\n  top: 100%;\n  transform: translateY(-50%);\n  cursor: row-resize;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line:after {\n  top: 5px;\n  height: 1px;\n  width: 100%;\n}";
 styleInject(css_248z);
 
 /**
@@ -29,21 +29,52 @@ var CollapseLayout = function CollapseLayout(props) {
     spacing = _props$spacing === void 0 ? 20 : _props$spacing,
     _props$zoomLength = props.zoomLength,
     zoomLength = _props$zoomLength === void 0 ? 0 : _props$zoomLength,
+    _props$minDragLength = props.minDragLength,
+    minDragLength = _props$minDragLength === void 0 ? 100 : _props$minDragLength,
     _props$unit = props.unit,
     unit = _props$unit === void 0 ? 'px' : _props$unit,
     style = props.style,
     _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
     onClickBtn = props.onClickBtn;
+  var constData = useRef({
+    zoomLength: zoomLength || 0,
+    downPos: {}
+  });
+  var comRef = useRef(null);
+  var displayRefOutside = useRef(null);
   var displayRef = useRef(null);
+  var defaultRef = useRef(null);
+  var btnRef = useRef(null);
   /**
    * 处理动画时间
    * */
   var handTime = function handTime() {
-    var dom = displayRef.current;
-    if (!dom) return 0;
+    var displayRefDom = displayRef.current;
+    var defaultRefDom = defaultRef.current;
+    if (!displayRefDom || !defaultRefDom) return 0;
+    var dom = null;
+    var direction = '';
+    switch (type) {
+      case 'left':
+        dom = displayRefDom;
+        direction = 'lr';
+        break;
+      case 'right':
+        dom = defaultRefDom;
+        direction = 'lr';
+        break;
+      case 'top':
+        dom = defaultRefDom;
+        direction = 'tb';
+        break;
+      case 'bottom':
+        dom = displayRefDom;
+        direction = 'tb';
+        break;
+    }
     var rect = dom.getBoundingClientRect();
-    var durationHand = getAutoHeightDuration(rect.width);
+    var durationHand = getAutoHeightDuration(direction === 'lr' ? rect.width : rect.height);
     return durationHand;
   };
   var duration = handTime(); // 动画时间
@@ -79,7 +110,7 @@ var CollapseLayout = function CollapseLayout(props) {
   // 收缩容器的样式
   var handDisplayStyle = function handDisplayStyle() {
     var json = {};
-    var collapseL = (showBox ? zoomLength : 0) + unit; // 收缩长度
+    var collapseL = (showBox ? constData.current.zoomLength : 0) + unit; // 收缩长度
     var wH = hangWH();
     json[wH] = collapseL;
     json['transitionDuration'] = duration + 'ms';
@@ -90,8 +121,8 @@ var CollapseLayout = function CollapseLayout(props) {
     var json = {};
     var direction = "margin".concat(formatterType(type));
     var wH = hangWH();
-    json[wH] = zoomLength + unit;
-    json[direction] = (showBox ? 0 : zoomLength) + unit;
+    json[wH] = constData.current.zoomLength + unit;
+    json[direction] = (showBox ? 0 : constData.current.zoomLength) + unit;
     json['transitionDuration'] = duration + 'ms';
     return json;
   };
@@ -99,7 +130,7 @@ var CollapseLayout = function CollapseLayout(props) {
   var handDefaultStyle = function handDefaultStyle() {
     var json = {};
     var wH = hangWH();
-    var collapseL = showBox ? zoomLength : 0; // 收缩长度
+    var collapseL = showBox ? constData.current.zoomLength : 0; // 收缩长度
     json[wH] = "calc(100% - ".concat(collapseL + spacing).concat(unit);
     var direction = "margin".concat(formatterType(type));
     json[direction] = spacing + unit;
@@ -114,7 +145,8 @@ var CollapseLayout = function CollapseLayout(props) {
           // 可收缩的
           return jsx("div", Object.assign({
             className: "collapse-layout-display",
-            style: handDisplayStyle()
+            style: handDisplayStyle(),
+            ref: displayRefOutside
           }, {
             children: jsx("div", Object.assign({
               className: "collapse-layout-display-shadow",
@@ -127,7 +159,8 @@ var CollapseLayout = function CollapseLayout(props) {
         default:
           return jsx("div", Object.assign({
             className: "collapse-layout-default",
-            style: handDefaultStyle()
+            style: handDefaultStyle(),
+            ref: defaultRef
           }, {
             children: props.defaultContent
           }), idx);
@@ -139,6 +172,86 @@ var CollapseLayout = function CollapseLayout(props) {
     setShowBox(!showBox);
     onClickBtn && onClickBtn(!showBox);
   };
+  /** 鼠标按下事件 */
+  var onmousedown = function onmousedown(e) {
+    constData.current.downPos.pageX = e.pageX;
+    constData.current.downPos.pageY = e.pageY;
+    var displayRefOutsideDom = displayRefOutside.current;
+    var displayRefDom = displayRef.current;
+    var btnRefDom = btnRef.current;
+    var comRefDom = comRef.current;
+    if (!displayRefDom || !displayRefOutsideDom || !btnRefDom || !comRefDom) return;
+    var displayRefOutsideDomRect = displayRefOutsideDom.getBoundingClientRect();
+    var displayRefDomRect = displayRefDom.getBoundingClientRect();
+    var btnRefDomRect = btnRefDom.getBoundingClientRect();
+    var comRefDomRect = comRefDom.getBoundingClientRect();
+    constData.current.displayRefOutsideDomRect = displayRefOutsideDomRect;
+    constData.current.displayRefDomRect = displayRefDomRect;
+    constData.current.btnRefDomRect = btnRefDomRect;
+    constData.current.comRefDomRect = comRefDomRect;
+    comRefDom.classList.add("".concat($prefixCls, "-collapse-layout-move"));
+    window.addEventListener('mousemove', onmousemove);
+    window.addEventListener("mouseup", onmouseup);
+  };
+  /** 鼠标移动 */
+  var onmousemove = function onmousemove(e) {
+    var displayRefOutsideDom = displayRefOutside.current;
+    var displayRefDom = displayRef.current;
+    var defaultRefDom = defaultRef.current;
+    var btnRefDom = btnRef.current;
+    if (!displayRefDom || !displayRefOutsideDom || !btnRefDom || !defaultRefDom) return;
+    var displayRefOutsideDomRect = constData.current.displayRefOutsideDomRect;
+    var comRefDomRect = constData.current.comRefDomRect;
+    switch (type) {
+      case 'left':
+        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';
+        defaultRefDom.style.width = "calc(100% - ".concat(widthHand, "px)");
+        btnRefDom.style.left = 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';
+        defaultRefDom.style.width = "calc(100% - ".concat(widthHandR, "px)");
+        btnRefDom.style.right = 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';
+        defaultRefDom.style.height = "calc(100% - ".concat(heightHand, "px)");
+        btnRefDom.style.top = 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';
+        defaultRefDom.style.height = "calc(100% - ".concat(heightHandB, "px)");
+        btnRefDom.style.bottom = heightHandB + 'px';
+        constData.current.zoomLength = heightHandB;
+        break;
+    }
+  };
+  /** 鼠标抬起 */
+  var onmouseup = function onmouseup() {
+    var comRefDom = comRef.current;
+    comRefDom.classList.remove("".concat($prefixCls, "-collapse-layout-move"));
+    window.removeEventListener('mousemove', onmousemove);
+    window.removeEventListener("mouseup", onmouseup);
+  };
   /**
    * 展开收起按钮
    * */
@@ -150,15 +263,23 @@ 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 ? zoomLength : 0).concat(unit)), _defineProperty(_style, "transitionDuration", duration + 'ms'), _style),
-      onClick: clickBtn
+      style: (_style = {}, _defineProperty(_style, type, "".concat(showBox ? constData.current.zoomLength : 0).concat(unit)), _defineProperty(_style, "transitionDuration", duration + 'ms'), _style),
+      ref: btnRef
     }, {
-      children: [computeLabel && jsx("span", {
-        children: computeLabel
-      }), showBox ? jsx(DoubleLeft, {
-        className: "collapse-layout-icon-transform-".concat(type)
-      }) : jsx(DoubleRight, {
-        className: "collapse-layout-icon-transform-".concat(type)
+      children: [jsxs("div", Object.assign({
+        className: 'switch-btn',
+        onClick: clickBtn
+      }, {
+        children: [computeLabel && jsx("span", {
+          children: computeLabel
+        }), showBox ? jsx(DoubleLeft, {
+          className: "collapse-layout-icon-transform-".concat(type)
+        }) : jsx(DoubleRight, {
+          className: "collapse-layout-icon-transform-".concat(type)
+        })]
+      })), jsx("div", {
+        className: 'drag-line',
+        onMouseDown: onmousedown
       })]
     }));
   };
@@ -167,6 +288,7 @@ var CollapseLayout = function CollapseLayout(props) {
   }, [open]);
   return jsxs("div", Object.assign({
     className: clsx("".concat($prefixCls, "-collapse-layout"), "".concat($prefixCls, "-collapse-layout-").concat(showBox), "".concat($prefixCls, "-collapse-layout-").concat(type), "".concat($prefixCls, "-collapse-layout-").concat(type, "-").concat(showBox), className),
+    ref: comRef,
     style: style
   }, {
     children: [handBtn(), Layout()]

package/ColorPicker/chromePicker/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ChromePickerProps } from 'react-color';
+import './index.scss';
+interface IProps extends ChromePickerProps {
+    /** 类名 */
+    className?: string;
+}
+declare const ChromePicker: (props: IProps) => JSX.Element;
+export default ChromePicker;

package/ColorPicker/compactPicker/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CompactPickerProps } from 'react-color';
+import './index.scss';
+interface IProps extends CompactPickerProps {
+    /** 类名 */
+    className?: string;
+}
+declare const CompactPicker: (props: IProps) => JSX.Element;
+export default CompactPicker;

package/ColorPicker/config.d.ts

@@ -0,0 +1,5 @@
+export declare const colorCardList: string[];
+export declare const colorCardSketchList: {
+    color: string;
+    title: string;
+}[];

package/ColorPicker/index.d.ts

@@ -1,4 +1,7 @@
-import { SketchPicker, ChromePicker, CompactPicker, SwatchesPicker } from 'react-color';
+import SwatchesPicker from './swatchesPicker';
+import CompactPicker from './compactPicker';
+import ChromePicker from './chromePicker';
+import SketchPicker from './sketchPicker';
 import './index.scss';
 export default SketchPicker;
 export { ChromePicker, CompactPicker, SwatchesPicker };

package/ColorPicker/index.js

@@ -1,4 +1,8 @@
-import { SketchPicker } from 'react-color';
-export { ChromePicker, CompactPicker, SwatchesPicker, SketchPicker as default } from 'react-color';
-import '../_verture/index-a369ca3f.js';
+import { S as SketchPicker } from '../_verture/index-5c77417d.js';
+export { C as ChromePicker, a as CompactPicker, b as SwatchesPicker, S as default } from '../_verture/index-5c77417d.js';
+import 'react/jsx-runtime';
+import 'react-color';
+import 'clsx';
+import '../_verture/constant-0d9802f7.js';
 import '../_verture/style-inject.es-300983ab.js';
+import 'react';

package/ColorPicker/sketchPicker/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { SketchPickerProps } from 'react-color';
+import './index.scss';
+interface IProps extends SketchPickerProps {
+    /** 类名 */
+    className?: string;
+    clear?: boolean;
+    onClear?: () => void;
+}
+declare const SketchPicker: (props: IProps) => JSX.Element;
+export default SketchPicker;

package/ColorPicker/swatchesPicker/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { SwatchesPickerProps } from 'react-color';
+import './index.scss';
+interface IProps extends SwatchesPickerProps {
+    /** 类名 */
+    className?: string;
+}
+declare const SwatchesPicker: (props: IProps) => JSX.Element;
+export default SwatchesPicker;

package/ComboSelect/index.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
-import { r as regenerator } from '../_verture/index-beef914f.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
+import { r as regenerator } from '../_verture/index-d63bd287.js';
 import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default, { useRef, useState, useMemo, useImperativeHandle, useEffect } from 'react';
@@ -10,29 +10,31 @@ import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircle from '@para-ui/icons/CloseCircle';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-9738004e.js';
+import { T as Tree } from '../_verture/index-7ec72724.js';
 import { Button } from '../Button/index.js';
-import { D as Dropdown } from '../_verture/index-77f9e0fb.js';
+import { D as Dropdown } from '../_verture/index-e9007d6a.js';
 import { Popover } from '../Popover/index.js';
 import AutoTips from '../AutoTips/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import clsx from 'clsx';
-import { g as getReplaceField, i as isRemoteLoad, d as debounce, t as toArray, a as getOverlaySize } from '../_verture/utils-c9b9a157.js';
+import { g as getReplaceField, i as isRemoteLoad, d as debounce, t as toArray, a as getOverlaySize } from '../_verture/utils-f0e81540.js';
 import { DeepClone, ArrayToObject } from '@paraview/lib';
 import GlobalContext from '@para-ui/core/GlobalContext';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-1b846a65.js';
 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-66aa48a1.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/typeof-498dd2b1.js';
+import '../_verture/typeof-adeedc13.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/typeof-b240b062.js';
 import '../Checkbox/index.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
@@ -46,14 +48,15 @@ import '../Pagination/index.js';
 import '../TextField/index.js';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
+import '@para-ui/icons/CloseCircleF';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../Select/index.js';
 import '@para-ui/icons/Check';
-import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/Left';
 import 'rc-pagination';
 import '@para-ui/icons/Right';
+import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import 'rc-tree';
 import '@para-ui/icons/Document';
@@ -61,7 +64,6 @@ import 'react-dom';
 import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';
 import '@para-ui/icons/Delete';
-import '@para-ui/icons/Forbid';
 import '@para-ui/icons/MoreCircle';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-87febeb9.js';
@@ -90,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 Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-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 rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v3-comboselect .comboselect-wrapper:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-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: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-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-v3-comboselect .comboselect-wrapper .comboselect-arrow svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-v3-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-v3-comboselect .comboselect-wrapper .comboselect-clear svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 16px;\n}\n.paraui-v3-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-v3-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-v3-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(46, 55, 67);\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item {\n  flex: none;\n  max-width: 100%;\n}\n.paraui-v3-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(46, 55, 67);\n  line-height: 22px;\n  background-color: rgba(171, 176, 185, 0.2);\n  border-radius: 4px;\n  user-select: none;\n  transition: 0.3s;\n  cursor: default;\n}\n.paraui-v3-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-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg {\n  font-size: 16px;\n  color: inherit;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.4);\n  cursor: not-allowed;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled .comboselect-item-remove {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--unclosable .comboselect-item-content {\n  margin-right: 0;\n}\n.paraui-v3-comboselect-focused .comboselect-wrapper {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-focused .comboselect-wrapper .comboselect-arrow {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-comboselect-disabled .comboselect-wrapper {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n  pointer-events: none;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper {\n  min-height: 36px;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper .comboselect-overflow {\n  padding-top: 5px;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n  height: 24px;\n  margin-bottom: 5px;\n  line-height: 24px;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n  height: 34px;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper .comboselect-arrow {\n  top: 8px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper {\n  min-height: 28px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper .comboselect-overflow {\n  padding-top: 3px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n  height: 20px;\n  margin-bottom: 3px;\n  line-height: 20px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n  height: 26px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper .comboselect-arrow {\n  top: 3px;\n}\n.paraui-v3-comboselect-error .comboselect-wrapper {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-comboselect-error .comboselect-wrapper:hover {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-comboselect-clear .comboselect-wrapper:hover .comboselect-arrow {\n  opacity: 0;\n}\n.paraui-v3-comboselect-clear .comboselect-wrapper:hover .comboselect-clear {\n  opacity: 1;\n}\n.paraui-v3-comboselect-non-popup {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-comboselect-non-popup .comboselect-wrapper {\n  border: none;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n  cursor: default;\n}\n.paraui-v3-comboselect-non-popup .comboselect-wrapper:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content {\n  position: relative;\n}\n.paraui-v3-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 rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon {\n  line-height: 0;\n  cursor: pointer;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-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(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input::placeholder {\n  color: rgba(46, 55, 67, 0.4);\n  font-size: 14px;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg {\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n  transition: all 0.3s;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg:hover {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-table {\n  padding-bottom: 10px;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .paraui-v3-table {\n  box-shadow: none;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree {\n  padding: 6px 7px;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree .paraui-v3-tree-empty {\n  padding: 52px 0 73px 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-dropdown-wrapper {\n  position: relative;\n  color: initial;\n  overflow: hidden;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  padding: 0 18px;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-icon {\n  line-height: 0;\n  cursor: pointer;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-icon svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-input {\n  width: 100%;\n  flex: auto;\n  margin: 0 10px 0 10px;\n  border: none;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-input::placeholder {\n  color: rgba(46, 55, 67, 0.4);\n  font-size: 14px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search .comboselect-clear-icon {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg {\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n  transition: all 0.3s;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg:hover {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-comboselect-dropdown .comboselect-table {\n  height: 100%;\n  padding-bottom: 10px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-table .paraui-v3-table {\n  box-shadow: none;\n}\n.paraui-v3-comboselect-dropdown .comboselect-tree {\n  height: 100%;\n  padding: 6px 7px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-tree .paraui-v3-tree-empty {\n  height: 100%;\n  padding: 52px 0 73px 0;\n}\n.paraui-v3-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 rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-comboselect-dropdown .comboselect-actions button + button {\n  margin-left: 10px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-fullPath {\n  height: 34px;\n  line-height: 34px;\n  padding: 0 12px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-comboselect-dropdown .comboselect-fullPath span {\n  display: inline-block;\n  height: 100%;\n  padding-right: 10px;\n  border-right: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-comboselect-dropdown .comboselect-list {\n  padding: 8px 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-empty {\n  padding: 50px 0 72px 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode {\n  width: 100%;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode .paraui-v3-tree-switcher {\n  display: none;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode .paraui-v3-tree-checkbox {\n  display: none;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode .paraui-v3-tree-node-content-wrapper {\n  width: 100%;\n  margin: 0;\n  padding: 6px 28px 6px 12px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode .paraui-v3-tree-node-content-wrapper:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode-checkbox-checked .paraui-v3-tree-node-content-wrapper {\n  position: relative;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode-checkbox-checked .paraui-v3-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(54, 102, 214);\n  border-top: 0;\n  border-left: 0;\n  border-bottom-right-radius: 2px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list-single .paraui-v3-tree-treenode-checkbox-checked .paraui-v3-tree-node-content-wrapper::after {\n  display: none;\n}\n.paraui-v3-comboselect-more-popover {\n  padding-left: 12px;\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper {\n  width: 300px;\n  padding: 12px 0;\n}\n.paraui-v3-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: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-content {\n  max-height: 300px;\n  padding: 0 12px;\n  overflow-y: auto;\n}\n.paraui-v3-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(46, 55, 67);\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-text {\n  display: inline-block;\n  max-width: calc(100% - 25px);\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove {\n  display: inline-flex;\n  margin-left: auto;\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg {\n  font-size: 20px;\n  color: rgb(46, 55, 67);\n  cursor: pointer;\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-input::-ms-clear, .paraui-v3-comboselect-non-popup .comboselect-search-input::-ms-clear {\n  display: none;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-input::-ms-reveal, .paraui-v3-comboselect-non-popup .comboselect-search-input::-ms-reveal {\n  display: none;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-input:-moz-placeholder, .paraui-v3-comboselect-non-popup .comboselect-search-input:-moz-placeholder {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-input::-moz-placeholder, .paraui-v3-comboselect-non-popup .comboselect-search-input::-moz-placeholder {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-input:-ms-input-placeholder, .paraui-v3-comboselect-non-popup .comboselect-search-input:-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-input::-ms-input-placeholder, .paraui-v3-comboselect-non-popup .comboselect-search-input::-ms-input-placeholder {\n  /* Microsoft Edge */\n  color: rgba(46, 55, 67, 0.4);\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: 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}";
 styleInject(css_248z);
 
 //组合选择器

package/Container/index.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
-import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-container {\n  display: flex;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-container > .container-body {\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-tlr {\n  flex-direction: column;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-top {\n  flex: none;\n  z-index: 1;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-body {\n  display: flex;\n  overflow: hidden;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-body > .container-body-right {\n  flex: 1;\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-body > .container-body-right > .container-right {\n  height: 100%;\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-body > .container-left {\n  flex: none;\n}\n.paraui-v3-container.paraui-v3-tlrb {\n  flex-direction: column;\n}\n.paraui-v3-container.paraui-v3-tlrb > .container-top {\n  flex: none;\n  z-index: 1;\n}\n.paraui-v3-container.paraui-v3-tlrb > .container-body {\n  display: flex;\n  overflow: hidden;\n}\n.paraui-v3-container.paraui-v3-tlrb > .container-body > .container-left {\n  flex: none;\n}\n.paraui-v3-container.paraui-v3-tlrb > .container-body > .container-right {\n  flex: 1;\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-ltrb > .container-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v3-container.paraui-v3-ltrb > .container-body > .container-right {\n  flex: 1;\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-ltrb > .container-left {\n  flex: none;\n}\n.paraui-v3-container.paraui-v3-trb {\n  flex-direction: column;\n}\n.paraui-v3-container.paraui-v3-trb > .container-right {\n  flex: 1;\n  overflow: auto;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-container {\n  display: flex;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-container > .container-body {\n  overflow: auto;\n}\n.paraui-v4-container.paraui-v4-tlr {\n  flex-direction: column;\n}\n.paraui-v4-container.paraui-v4-tlr > .container-top {\n  flex: none;\n  z-index: 1;\n}\n.paraui-v4-container.paraui-v4-tlr > .container-body {\n  display: flex;\n  overflow: hidden;\n}\n.paraui-v4-container.paraui-v4-tlr > .container-body > .container-body-right {\n  flex: 1;\n  overflow: auto;\n}\n.paraui-v4-container.paraui-v4-tlr > .container-body > .container-body-right > .container-right {\n  height: 100%;\n  overflow: auto;\n}\n.paraui-v4-container.paraui-v4-tlr > .container-body > .container-left {\n  flex: none;\n}\n.paraui-v4-container.paraui-v4-tlrb {\n  flex-direction: column;\n}\n.paraui-v4-container.paraui-v4-tlrb > .container-top {\n  flex: none;\n  z-index: 1;\n}\n.paraui-v4-container.paraui-v4-tlrb > .container-body {\n  display: flex;\n  overflow: hidden;\n}\n.paraui-v4-container.paraui-v4-tlrb > .container-body > .container-left {\n  flex: none;\n}\n.paraui-v4-container.paraui-v4-tlrb > .container-body > .container-right {\n  flex: 1;\n  overflow: auto;\n}\n.paraui-v4-container.paraui-v4-ltrb > .container-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v4-container.paraui-v4-ltrb > .container-body > .container-right {\n  flex: 1;\n  overflow: auto;\n}\n.paraui-v4-container.paraui-v4-ltrb > .container-left {\n  flex: none;\n}\n.paraui-v4-container.paraui-v4-trb {\n  flex-direction: column;\n}\n.paraui-v4-container.paraui-v4-trb > .container-right {\n  flex: 1;\n  overflow: auto;\n}";
 styleInject(css_248z);
 
 // 通用布局容器

package/CopyText/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @author linhd
+ * @date 2023/5/9 13:56
+ * @description 复制文本
+ */
+import { FunctionComponent, ReactNode } from 'react';
+import { TextFieldProps } from "../TextField";
+import './index.scss';
+export interface CopyTextProps {
+    className?: string;
+    /**
+     * 类型
+     * 输入框：input
+     * 文本：text
+     * */
+    type?: 'input' | 'text';
+    /** 输入框Props */
+    textFieldProps?: Omit<TextFieldProps, 'label'>;
+    /** 标题 */
+    label?: ReactNode;
+    /** 显示值 输入框类型的，必须传string类型 */
+    value?: ReactNode;
+    /** 复制值 */
+    copyValue?: string;
+    /** 复制图标 */
+    copyIcon?: ReactNode;
+    /** 延时 */
+    timeout?: number;
+    /** 复制事件 */
+    onCopy?: () => (Promise<string | void> | string | void);
+}
+declare const CopyText: FunctionComponent<CopyTextProps>;
+export default CopyText;