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

package/_verture/{index-47297a40.js → index-692e29c1.js}

@@ -191,15 +191,18 @@ function renderSwitcherIcon(prefixCls, switcherIcon, showLine, _ref) {
     expanded = _ref.expanded,
     loading = _ref.loading;
     _ref.eventKey;
+  // 如果有loading 返回loading
   if (loading) {
     return jsx(LoadingOutlined, {
       className: "".concat(prefixCls, "-switcher-loading-icon")
     });
   }
   var showLeafIcon;
+  // 如果有showLine切showLine是对象的情况下，就用showLine对象下的icon
   if (showLine && _typeof(showLine) === 'object') {
     showLeafIcon = showLine.showLeafIcon;
   }
+  // 如果是叶子节点
   if (isLeaf) {
     if (showLine) {
       if (_typeof(showLine) === 'object' && !showLeafIcon) {
@@ -207,6 +210,7 @@ function renderSwitcherIcon(prefixCls, switcherIcon, showLine, _ref) {
           className: "".concat(prefixCls, "-switcher-leaf-line")
         });
       }
+      // 当存在showLine时，用户没有传icon时，则展示默认icon
       return jsx(FileOutlined, {
         className: "".concat(prefixCls, "-switcher-line-icon")
       });
@@ -219,9 +223,11 @@ function renderSwitcherIcon(prefixCls, switcherIcon, showLine, _ref) {
       className: clsx(switcherIcon.props.className || '', switcherCls)
     });
   }
+  // 如果是开关节点
   if (switcherIcon) {
     return switcherIcon;
   }
+  // 普通节点
   if (showLine) {
     return expanded ? jsx(SolidArrowDown, {
       className: "".concat(prefixCls, "-switcher-line-icon")
@@ -229,6 +235,7 @@ function renderSwitcherIcon(prefixCls, switcherIcon, showLine, _ref) {
       className: "".concat(prefixCls, "-switcher-line-icon")
     });
   }
+  // 默认返回
   return jsx(SolidArrowDown, {
     className: switcherCls
   });
@@ -274,25 +281,25 @@ var getIconMap = function getIconMap(intl) {
     add: {
       icon: jsx(AddOutlinedIcon, {}),
       text: intl({
-        id: "add"
+        id: 'add'
       })
     },
     edit: {
       icon: jsx(EditOutlinedIcon, {}),
       text: intl({
-        id: "edit"
+        id: 'edit'
       })
     },
     enable: {
       icon: jsx(Forbid, {}),
       text: intl({
-        id: "disabled"
+        id: 'disabled'
       })
     },
     del: {
       icon: jsx(Delete, {}),
       text: intl({
-        id: "delete"
+        id: 'delete'
       })
     }
   };
@@ -310,10 +317,10 @@ var toActionArr = function toActionArr(actions, nodeData, IconMap) {
   var arr = [];
   Object.keys(actions).forEach(function (k) {
     var aItem = actions[k];
-    if (k !== "customizeActions") {
+    if (k !== 'customizeActions') {
       //非自定义
-      if (_typeof(aItem) === "object") {
-        if (typeof aItem.show === "function") {
+      if (_typeof(aItem) === 'object') {
+        if (typeof aItem.show === 'function') {
           if (aItem.show(nodeData)) arr.push(Object.assign(Object.assign(Object.assign({}, IconMap[k]), aItem), {
             action: k
           }));
@@ -322,7 +329,7 @@ var toActionArr = function toActionArr(actions, nodeData, IconMap) {
             action: k
           }));
         }
-      } else if (typeof aItem === "function") {
+      } else if (typeof aItem === 'function') {
         if (aItem(nodeData)) {
           arr.push(Object.assign(Object.assign({}, IconMap[k]), {
             action: k
@@ -336,7 +343,7 @@ var toActionArr = function toActionArr(actions, nodeData, IconMap) {
     } else if (Array.isArray(aItem) && aItem.length) {
       //自定义按钮
       aItem.forEach(function (_) {
-        if (typeof _.show === "function") {
+        if (typeof _.show === 'function') {
           if (_.show(nodeData)) {
             arr.push(_);
           }
@@ -354,7 +361,7 @@ var OperateBar = function OperateBar(props) {
     showActions = props.showActions,
     onRemove = props.onRemove;
   var portalRef = useRef(null); //portal
-  var uidRef = useRef(UUID().replace(/-/g, "")); //portal uid
+  var uidRef = useRef(UUID().replace(/-/g, '')); //portal uid
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     nodeData = _useState2[0],
@@ -367,12 +374,12 @@ var OperateBar = function OperateBar(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     hasPortal = _useState6[0],
     setHasPortal = _useState6[1]; //创建插槽portal
+  var intl = useFormatMessage('Tree', localeJson);
   var opRefCurrent = opRef.current;
-  var intl = useFormatMessage("Tree", localeJson);
   //扇形位置
   var getPosition = function getPosition(length, deg) {
-    var left = Math.round(Math.sin(Math.PI / 180 * deg) * length) + "px";
-    var top = -Math.round(Math.cos(Math.PI / 180 * deg) * length + 12) + "px";
+    var left = "".concat(Math.round(Math.sin(Math.PI / 180 * deg) * length), "px");
+    var top = "".concat(-Math.round(Math.cos(Math.PI / 180 * deg) * length + 12), "px");
     return {
       left: left,
       top: top
@@ -425,7 +432,7 @@ var OperateBar = function OperateBar(props) {
   var sectorAndRotate = function sectorAndRotate() {
     var _a;
     var portal = document.getElementById(uidRef.current);
-    var container = (_a = portal === null || portal === void 0 ? void 0 : portal.getElementsByClassName("sector-item-container")) === null || _a === void 0 ? void 0 : _a[0];
+    var container = (_a = portal === null || portal === void 0 ? void 0 : portal.getElementsByClassName('sector-item-container')) === null || _a === void 0 ? void 0 : _a[0];
     var items = (container === null || container === void 0 ? void 0 : container.childNodes) || [];
     var parentContainer = container === null || container === void 0 ? void 0 : container.parentNode;
     var r = calcRadius(items.length);
@@ -448,7 +455,7 @@ var OperateBar = function OperateBar(props) {
   var sectorAndRotateReverse = function sectorAndRotateReverse() {
     var _a, _b;
     var portal = document.getElementById(uidRef.current);
-    var container = (_a = portal === null || portal === void 0 ? void 0 : portal.getElementsByClassName("sector-item-container")) === null || _a === void 0 ? void 0 : _a[0];
+    var container = (_a = portal === null || portal === void 0 ? void 0 : portal.getElementsByClassName('sector-item-container')) === null || _a === void 0 ? void 0 : _a[0];
     var items = (container === null || container === void 0 ? void 0 : container.childNodes) || [];
     for (var i = 0; i < items.length; i++) {
       var item = items[i];
@@ -499,8 +506,8 @@ var OperateBar = function OperateBar(props) {
         title: text
       }, {
         children: jsx("li", Object.assign({
-          className: clsx("sector-item", {
-            "sector-item--del": action === "del"
+          className: clsx('sector-item', {
+            'sector-item--del': action === 'del'
           }),
           onClick: function onClick(evt) {
             return handleNodeActions(nodeData, action, evt);
@@ -523,10 +530,10 @@ var OperateBar = function OperateBar(props) {
     var createPortal = function createPortal() {
       var portal = document.getElementById(uidRef.current);
       if (!portal) {
-        portal = document.createElement("div");
+        portal = document.createElement('div');
         portal.id = uidRef.current;
-        portal.style.position = "fixed";
-        portal.style.top = "-9999px";
+        portal.style.position = 'fixed';
+        portal.style.top = '-9999px';
         portal.style.zIndex = 1500;
         document.body.appendChild(portal);
         setHasPortal(true);
@@ -571,17 +578,17 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     _props$params = props.params,
     params = _props$params === void 0 ? null : _props$params,
     _props$method = props.method,
-    method = _props$method === void 0 ? "GET" : _props$method,
+    method = _props$method === void 0 ? 'GET' : _props$method,
     headers = props.headers,
     requestCallback = props.requestCallback,
     refresh = props.refresh,
     _props$replaceFields = props.replaceFields,
     replaceFields = _props$replaceFields === void 0 ? {
-      key: "key",
-      parentId: "parentId",
-      children: "children",
-      title: "title",
-      loadKey: "key"
+      key: 'key',
+      parentId: 'parentId',
+      children: 'children',
+      title: 'title',
+      loadKey: 'key'
     } : _props$replaceFields,
     originTreeData = props.treeData,
     className = props.className,
@@ -654,7 +661,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var treeOriDataRef = useRef([]); //tree origin data
   var nPageSize = Object.assign(Object.assign({}, defaultPageSize), pageSize);
   var halfCheckedKeys = useRef([]); //半选keys
-  var intl = useFormatMessage("Tree", localeJson);
+  var intl = useFormatMessage('Tree', localeJson);
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
     loading = _useState8[0],
@@ -701,7 +708,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       //加载更多节点
       return jsx("span", Object.assign({
         className: "".concat($prefixCls, "-tree-title-wrapper"),
-        title: ""
+        title: ''
       }, {
         children: jsx(AutoTips, Object.assign({
           placement: "top-start",
@@ -716,13 +723,13 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       onMouseEnter: handleTreeNodeMEnter,
       onMouseLeave: handleTreeNodeMLeave,
       onClick: handleTreeNodeClick,
-      title: blockNode ? "" : undefined
+      title: blockNode ? '' : undefined
     }, {
       children: [jsx(AutoTips, Object.assign({
         tipMaxWidth: tipMaxWidth,
         placement: "top-start"
       }, {
-        children: typeof titleRender === "function" ? titleRender(nodeData) : nodeData.title
+        children: typeof titleRender === 'function' ? titleRender(nodeData) : nodeData.title
       })), !!showActions && jsx("div", Object.assign({
         className: "sector-anchor",
         onMouseEnter: function onMouseEnter(evt) {
@@ -808,9 +815,9 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var showSector = function showSector(anchorEl, nodeData) {
     var _a, _b;
     var portalRoot = document.getElementById(opRef.current.uid);
-    anchorEl.classList.add("sector-anchor--active");
+    anchorEl.classList.add('sector-anchor--active');
     if (portalRoot) {
-      var container = portalRoot.querySelector(".sector-container");
+      var container = portalRoot.querySelector('.sector-container');
       if (container) {
         (_b = (_a = opRef.current) === null || _a === void 0 ? void 0 : _a.onShowSector) === null || _b === void 0 ? void 0 : _b.call(_a, nodeData, true);
       }
@@ -820,7 +827,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var removeSector = function removeSector(anchorEl) {
     var _a, _b;
     if (anchorEl) {
-      anchorEl.classList.remove("sector-anchor--active");
+      anchorEl.classList.remove('sector-anchor--active');
       (_b = (_a = opRef.current) === null || _a === void 0 ? void 0 : _a.onShowSector) === null || _b === void 0 ? void 0 : _b.call(_a, {}, false);
     }
   };
@@ -852,7 +859,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     if (radioable) {
       //单选
       var node = e.node;
-      var key = (_a = replaceFields.key) !== null && _a !== void 0 ? _a : "key";
+      var key = (_a = replaceFields.key) !== null && _a !== void 0 ? _a : 'key';
       if (e.checked) temp = [node[key]];
     } else if (checkStrictly) {
       //严格模式
@@ -863,14 +870,14 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       temp = checkedKeys;
       halfChecked = e.halfCheckedKeys;
     }
-    if (!("checkedKeys" in props)) {
+    if (!('checkedKeys' in props)) {
       setInCheckedKeys(temp);
     }
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(temp, e, halfChecked);
   };
   //展开节点
   var internalExpand = function internalExpand(expandedKeys, e) {
-    if (!("expandedKeys" in props)) {
+    if (!('expandedKeys' in props)) {
       setInExpandedKeys(_toConsumableArray(expandedKeys));
     }
     onExpand === null || onExpand === void 0 ? void 0 : onExpand(expandedKeys, e);
@@ -896,7 +903,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
               url: url,
               ctx: ctx,
               method: m
-            }, m === "GET" ? "params" : "data", tParams || {});
+            }, m === 'GET' ? 'params' : 'data', tParams || {});
             if (headers) opts.headers = headers;
             _context.next = 9;
             return Request(opts);
@@ -925,7 +932,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     return {
       key: String((Math.random() * 1000000 | 0) + Date.now()),
       title: intl({
-        id: "loadMore"
+        id: 'loadMore'
       }),
       checkable: false,
       disableCheckbox: true,
@@ -950,7 +957,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   //更新tree数据
   var updateTreeData = function updateTreeData(list, key, children, moreFlag) {
     //root节点
-    if (key === "ROOT_KEY") {
+    if (key === 'ROOT_KEY') {
       list.pop(); //删除加载更多节点
       return list.concat(children);
     }
@@ -999,7 +1006,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
             case 3:
               //当前节点key
               tKey = key; //参数动态字段
-              loadKey = (_a = replaceFields.loadKey) !== null && _a !== void 0 ? _a : "key"; //加载节点时参数
+              loadKey = (_a = replaceFields.loadKey) !== null && _a !== void 0 ? _a : 'key'; //加载节点时参数
               loadParams = Object.assign(_defineProperty({}, loadKey, tKey), params); //是否分页
               if (pagination) {
                 if (moreFlag) {
@@ -1007,7 +1014,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
                   tKey = parentId;
                   treeMapRef.current[tKey].page += 1;
                   loadParams[loadKey] = tKey;
-                  if (tKey === "ROOT_KEY") {
+                  if (tKey === 'ROOT_KEY') {
                     //根节点加载更多，不需要key
                     delete loadParams[loadKey];
                   }
@@ -1073,7 +1080,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     //计算分页，是否显示加载更多
     if (page * size < total) {
       var loadMoreData = getLoadMoreData();
-      loadMoreData.parentId = parentId || "ROOT_KEY";
+      loadMoreData.parentId = parentId || 'ROOT_KEY';
       loadMoreData.title = renderLoadMoreNode(loadMoreData);
       newTreeData.push(loadMoreData);
     }
@@ -1236,7 +1243,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       var searchKey = _ref2.searchKey,
         searchValue = _ref2.searchValue;
       if (!searchKey) return;
-      if (searchValue === "") {
+      if (searchValue === '') {
         setTreeData(treeOriDataRef.current);
         var tKeys = expandedKeys || defaultExpandedKeys;
         setInExpandedKeys(_toConsumableArray(tKeys || []));
@@ -1276,7 +1283,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     style: props.style
   }, {
     children: notFoundContent !== null && notFoundContent !== void 0 ? notFoundContent : jsx(Empty, Object.assign({
-      size: "small"
+      size: 'small'
     }, emptyProps))
   }));
   //tree memo
@@ -1316,7 +1323,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       onExpand: internalExpand,
       icon: function icon(nodeProps) {
         if (_icon) {
-          return typeof _icon === "function" ? _icon(nodeProps) : _icon;
+          return typeof _icon === 'function' ? _icon(nodeProps) : _icon;
         }
         if (nodeProps.checkable === false) return null;
         if (!radioable) {
@@ -1368,7 +1375,7 @@ if (!Element.prototype.closest) {
   };
 }
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午8:39\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-tree-treenode-leaf-last .paraui-v4-tree-switcher-leaf-line::before {\n  top: auto !important;\n  bottom: auto !important;\n  height: 14px !important;\n}\n\n@keyframes treeCheckboxEffect {\n  0% {\n    transform: scale(1);\n    opacity: 0.5;\n  }\n  100% {\n    transform: scale(1.6);\n    opacity: 0;\n  }\n}\n.paraui-v4-tree-rtl {\n  direction: rtl;\n}\n.paraui-v4-tree-rtl .paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator::after {\n  right: -6px;\n  left: unset;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-rtl {\n  direction: rtl;\n}\n.paraui-v4-tree-rtl .paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon svg {\n  transform: rotate(90deg);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before .paraui-v4-tree-rtl.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before {\n  right: auto;\n  left: -13px;\n  border-right: none;\n  border-left: 1px solid #d9d9d9;\n}\n.paraui-v4-tree-checkbox .paraui-v4-tree-rtl.paraui-v4-tree-checkbox {\n  margin: 4px 0 0 8px;\n}\n\n.paraui-v4-tree-select-dropdown-rtl .paraui-v4-select-tree-checkbox {\n  margin: 4px 0 0 8px;\n}\n\n.paraui-v4-tree-checkbox {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgba(29, 33, 38, 0.9);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: relative;\n  top: 0.2em;\n  line-height: 1;\n  white-space: nowrap;\n  outline: none;\n  cursor: pointer;\n}\n.paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox-inner, .paraui-v4-tree-checkbox:hover .paraui-v4-tree-checkbox-inner, .paraui-v4-tree-checkbox-input:focus + .paraui-v4-tree-checkbox-inner {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-tree-checkbox-checked::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 1px solid rgb(46, 101, 230);\n  border-radius: 2px;\n  visibility: hidden;\n  animation: treeCheckboxEffect 0.36s ease-in-out;\n  animation-fill-mode: backwards;\n  content: \"\";\n  box-sizing: border-box;\n}\n.paraui-v4-tree-checkbox:hover::after, .paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox::after {\n  visibility: visible;\n}\n.paraui-v4-tree-checkbox-inner {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n  width: 14px;\n  height: 14px;\n  direction: ltr;\n  background-color: rgb(255, 255, 255);\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n  border-collapse: separate;\n  transition: all 0.3s;\n}\n.paraui-v4-tree-checkbox-inner::after {\n  position: absolute;\n  top: 50%;\n  left: 21.5%;\n  display: table;\n  width: 6px;\n  height: 9px;\n  border: 2px solid rgb(255, 255, 255);\n  border-top: 0;\n  border-left: 0;\n  transform: rotate(45deg) scale(0) translate(-50%, -50%);\n  opacity: 0;\n  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;\n  content: \" \";\n  box-sizing: border-box;\n}\n.paraui-v4-tree-checkbox-input {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  opacity: 0;\n}\n\n.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner::after {\n  position: absolute;\n  display: table;\n  border: 1px solid rgb(255, 255, 255);\n  border-top: 0;\n  border-left: 0;\n  width: 4px;\n  height: 8px;\n  top: 45%;\n  left: 21%;\n  transform: rotate(45deg) scale(1) translate(-50%, -50%);\n  opacity: 1;\n  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\n  line-height: 16px;\n  content: \" \";\n}\n\n.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner {\n  background-color: rgb(46, 101, 230);\n  border-color: rgba(0, 0, 0, 0);\n  line-height: 16px;\n}\n\n.paraui-v4-tree-checkbox-disabled {\n  cursor: not-allowed;\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner {\n  border-color: rgb(212, 218, 227) !important;\n}\n.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked:hover .paraui-v4-tree-checkbox-inner {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner::after {\n  border-color: rgb(255, 255, 255);\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-input {\n  cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner {\n  background-color: rgb(234, 236, 241);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner::after {\n  border-color: #fff !important;\n  border-collapse: separate;\n  animation-name: none;\n}\n.paraui-v4-tree-checkbox-disabled + span {\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-disabled:hover::after, .paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox-disabled::after {\n  visibility: hidden;\n}\n\n.paraui-v4-tree-checkbox-wrapper {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgba(29, 33, 38, 0.9);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  display: inline-flex;\n  align-items: baseline;\n  line-height: unset;\n  cursor: pointer;\n}\n.paraui-v4-tree-checkbox-wrapper.paraui-v4-tree-checkbox-wrapper-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-wrapper + .paraui-v4-tree-checkbox-wrapper {\n  margin-left: 8px;\n}\n\n.paraui-v4-tree-checkbox + span {\n  padding-right: 8px;\n  padding-left: 8px;\n}\n\n.paraui-v4-tree-checkbox-group {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgba(29, 33, 38, 0.9);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  display: inline-block;\n}\n.paraui-v4-tree-checkbox-group-item {\n  margin-right: 8px;\n}\n.paraui-v4-tree-checkbox-group-item:last-child {\n  margin-right: 0;\n}\n.paraui-v4-tree-checkbox-group-item + .paraui-v4-tree-checkbox-group-item {\n  margin-left: 0;\n}\n\n.paraui-v4-tree-checkbox-indeterminate .paraui-v4-tree-checkbox-inner {\n  background-color: rgb(46, 101, 230);\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-tree-checkbox-indeterminate .paraui-v4-tree-checkbox-inner::after {\n  top: 50%;\n  left: 50%;\n  width: 8px;\n  height: 2px;\n  background-color: rgb(255, 255, 255);\n  border: 0;\n  transform: translate(-50%, -50%) scale(1);\n  opacity: 1;\n  content: \" \";\n}\n.paraui-v4-tree-checkbox-indeterminate.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner::after {\n  background-color: rgba(0, 0, 0, 0.25);\n  border-color: rgba(0, 0, 0, 0.25);\n}\n\n.paraui-v4-tree-wrapper .paraui-v4-tree-empty {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.paraui-v4-tree {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgba(29, 33, 38, 0.9);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  background: rgb(255, 255, 255);\n  border-radius: 2px;\n  transition: background-color 0.3s;\n}\n.paraui-v4-tree-focused:not(:hover):not(.paraui-v4-tree-active-focused) {\n  background: #e6f7ff;\n}\n.paraui-v4-tree-list-holder-inner {\n  align-items: flex-start;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner {\n  align-items: stretch;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner .paraui-v4-tree-node-content-wrapper {\n  flex: auto;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode {\n  display: flex;\n  align-items: flex-start;\n  outline: none;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper {\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n  background: transparent;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-active .paraui-v4-tree-node-content-wrapper {\n  background: #f5f5f5;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode:not(.paraui-v4-tree .paraui-v4-tree-treenode-disabled).filter-node .paraui-v4-tree-title {\n  color: inherit;\n  font-weight: 500;\n}\n.paraui-v4-tree-indent {\n  align-self: stretch;\n  white-space: nowrap;\n  user-select: none;\n}\n.paraui-v4-tree-indent-unit {\n  display: inline-block;\n  width: 24px;\n}\n.paraui-v4-tree-switcher {\n  position: relative;\n  flex: none;\n  align-self: stretch;\n  width: 24px;\n  margin: 0;\n  line-height: 24px;\n  text-align: center;\n  cursor: pointer;\n  user-select: none;\n}\n.paraui-v4-tree-switcher .paraui-v4-tree-switcher-icon,\n.paraui-v4-tree-switcher .paraui-v4-select-tree-switcher-icon {\n  display: inline-block;\n  font-size: 14px;\n  vertical-align: middle;\n  transition: transform 0.3s;\n  color: inherit;\n}\n.paraui-v4-tree-switcher .paraui-v4-tree-switcher-icon svg,\n.paraui-v4-tree-switcher .paraui-v4-select-tree-switcher-icon svg {\n  font-size: inherit;\n  color: inherit;\n  transition: transform 0.3s;\n}\n.paraui-v4-tree-switcher-noop {\n  cursor: default;\n}\n.paraui-v4-tree-switcher-icon[data-name=DownTriangleF]:hover {\n  color: rgb(46, 101, 230);\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon {\n  transform: rotate(-90deg);\n}\n.paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon svg {\n  color: currentColor;\n  transform: rotate(-90deg);\n}\n.paraui-v4-tree-switcher-loading-icon {\n  color: rgb(46, 101, 230);\n  will-change: transform;\n  transition: transform 0.3s ease-in-out;\n  animation: treeLoadingCircle 1s infinite linear;\n  vertical-align: middle;\n  font-size: 14px !important;\n}\n@keyframes treeLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v4-tree-switcher-leaf-line {\n  position: relative;\n  z-index: 1;\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-tree-switcher-leaf-line::before {\n  position: absolute;\n  top: 0;\n  bottom: -4px;\n  margin-left: -1px;\n  border-left: 1px solid #d9d9d9;\n  content: \" \";\n}\n.paraui-v4-tree-switcher-leaf-line::after {\n  position: absolute;\n  width: 10px;\n  height: 14px;\n  margin-left: -1px;\n  border-bottom: 1px solid #d9d9d9;\n  content: \" \";\n}\n.paraui-v4-tree-checkbox {\n  top: initial;\n  margin: 6px 6px 0 0;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper {\n  position: relative;\n  z-index: auto;\n  min-height: 24px;\n  margin: 2px 0 0 0;\n  padding: 0 6px;\n  color: inherit;\n  line-height: 24px;\n  background: transparent;\n  border-radius: 2px;\n  cursor: pointer;\n  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper:hover {\n  background-color: rgb(247, 248, 250);\n  border-radius: 4px;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper.paraui-v4-tree-node-selected {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle {\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin-left: -6px;\n  line-height: 26px;\n  text-align: center;\n  vertical-align: top;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle > svg {\n  vertical-align: -0.125em;\n  color: inherit;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle:empty {\n  display: none;\n}\n.paraui-v4-tree-unselectable .paraui-v4-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] {\n  line-height: 24px;\n  user-select: none;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator {\n  position: absolute;\n  z-index: 1;\n  height: 2px;\n  background-color: rgb(46, 101, 230);\n  border-radius: 1px;\n  pointer-events: none;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator::after {\n  position: absolute;\n  top: -3px;\n  left: -6px;\n  width: 8px;\n  height: 8px;\n  background-color: transparent;\n  border: 2px solid rgb(46, 101, 230);\n  border-radius: 50%;\n  content: \"\";\n}\n.paraui-v4-tree .paraui-v4-tree-treenode.drop-container > [draggable] {\n  box-shadow: 0 0 0 2px rgb(46, 101, 230);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit {\n  position: relative;\n  height: 100%;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before {\n  position: absolute;\n  top: 0;\n  right: 12px;\n  bottom: -4px;\n  border-right: 1px solid #d9d9d9;\n  content: \"\";\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit-end::before {\n  display: none;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher {\n  background: rgb(255, 255, 255);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher_close svg {\n  transform: rotate(-90deg);\n  color: inherit;\n  font-size: 14px;\n  transition: transform 0.3s;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher_open svg {\n  color: inherit;\n  font-size: 14px;\n  transition: transform 0.3s;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher-line-icon {\n  vertical-align: -0.225em;\n  color: inherit;\n  font-size: 14px;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher-line-icon[data-name=DownTriangleF]:hover {\n  color: rgb(46, 101, 230);\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-tree-node-content-wrapper {\n  overflow: hidden;\n  display: flex;\n}\n.paraui-v4-tree-node-content-wrapper .paraui-v4-tree-title {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n.paraui-v4-tree-node-content-wrapper .paraui-v4-tree-treenode-more-wrapper {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper--active {\n  background-color: rgb(247, 248, 250) !important;\n  border-radius: 2px !important;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper--active .sector-anchor {\n  opacity: 1 !important;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner .paraui-v4-tree-node-content-wrapper {\n  flex-grow: 0;\n  flex-shrink: 1;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper {\n  display: inline-flex;\n  align-items: center;\n  margin: 0 -6px;\n  padding: 0 8px;\n  overflow: hidden;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor {\n  position: relative;\n  margin: 1px 0 0 10px;\n  line-height: 14px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor:before {\n  content: \" \";\n  position: absolute;\n  left: -9px;\n  top: 0;\n  width: 1px;\n  height: 14px;\n  background-color: rgb(247, 248, 250);\n  pointer-events: none;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor svg:hover {\n  background: rgba(212, 218, 227, 0.4);\n  border-radius: 2px;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n  color: rgb(46, 101, 230);\n  background: rgba(212, 218, 227, 0.4);\n  border-radius: 2px;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper--active .sector-anchor {\n  opacity: 1;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-iconEle {\n  position: absolute;\n  left: 8px;\n  top: 0;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-checkbox {\n  display: none !important;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-checkbox-checked + .paraui-v4-tree-node-content-wrapper {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-node-radio {\n  width: 16px;\n  height: 16px;\n  padding: 0;\n  margin-top: 4px;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable-showradio .paraui-v4-tree-node-content-wrapper {\n  padding-left: 28px;\n}\n\n.paraui-v4-tree-motion-collapse {\n  overflow: hidden;\n  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午8:39\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-tree-treenode-leaf-last .paraui-v4-tree-switcher-leaf-line::before {\n  top: auto !important;\n  bottom: auto !important;\n  height: 14px !important;\n}\n\n@keyframes treeCheckboxEffect {\n  0% {\n    transform: scale(1);\n    opacity: 0.5;\n  }\n  100% {\n    transform: scale(1.6);\n    opacity: 0;\n  }\n}\n.paraui-v4-tree-rtl {\n  direction: rtl;\n}\n.paraui-v4-tree-rtl .paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator::after {\n  right: -6px;\n  left: unset;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-rtl {\n  direction: rtl;\n}\n.paraui-v4-tree-rtl .paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon svg {\n  transform: rotate(90deg);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before .paraui-v4-tree-rtl.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before {\n  right: auto;\n  left: -13px;\n  border-right: none;\n  border-left: 1px solid #d9d9d9;\n}\n.paraui-v4-tree-checkbox .paraui-v4-tree-rtl.paraui-v4-tree-checkbox {\n  margin: 4px 0 0 8px;\n}\n\n.paraui-v4-tree-select-dropdown-rtl .paraui-v4-select-tree-checkbox {\n  margin: 4px 0 0 8px;\n}\n\n.paraui-v4-tree-checkbox {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: relative;\n  top: 0.2em;\n  line-height: 1;\n  white-space: nowrap;\n  outline: none;\n  cursor: pointer;\n}\n.paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox-inner, .paraui-v4-tree-checkbox:hover .paraui-v4-tree-checkbox-inner, .paraui-v4-tree-checkbox-input:focus + .paraui-v4-tree-checkbox-inner {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-tree-checkbox-checked::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 1px solid rgb(46, 101, 230);\n  border-radius: 2px;\n  visibility: hidden;\n  animation: treeCheckboxEffect 0.36s ease-in-out;\n  animation-fill-mode: backwards;\n  content: \"\";\n  box-sizing: border-box;\n}\n.paraui-v4-tree-checkbox:hover::after, .paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox::after {\n  visibility: visible;\n}\n.paraui-v4-tree-checkbox-inner {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n  width: 14px;\n  height: 14px;\n  direction: ltr;\n  background-color: rgb(255, 255, 255);\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n  border-collapse: separate;\n  transition: all 0.3s;\n}\n.paraui-v4-tree-checkbox-inner::after {\n  position: absolute;\n  top: 50%;\n  left: 21.5%;\n  display: table;\n  width: 6px;\n  height: 9px;\n  border: 2px solid rgb(255, 255, 255);\n  border-top: 0;\n  border-left: 0;\n  transform: rotate(45deg) scale(0) translate(-50%, -50%);\n  opacity: 0;\n  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;\n  content: \" \";\n  box-sizing: border-box;\n}\n.paraui-v4-tree-checkbox-input {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  opacity: 0;\n}\n\n.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner::after {\n  position: absolute;\n  display: table;\n  border: 1px solid rgb(255, 255, 255);\n  border-top: 0;\n  border-left: 0;\n  width: 4px;\n  height: 8px;\n  top: 45%;\n  left: 21%;\n  transform: rotate(45deg) scale(1) translate(-50%, -50%);\n  opacity: 1;\n  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\n  line-height: 16px;\n  content: \" \";\n}\n\n.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner {\n  background-color: rgb(46, 101, 230);\n  border-color: rgba(0, 0, 0, 0);\n  line-height: 16px;\n}\n\n.paraui-v4-tree-checkbox-disabled {\n  cursor: not-allowed;\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner {\n  background-color: rgb(234, 236, 241);\n  border: none !important;\n}\n.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked:hover .paraui-v4-tree-checkbox-inner {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner::after {\n  border-color: rgb(255, 255, 255);\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-input {\n  cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner {\n  background-color: rgb(234, 236, 241);\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner::after {\n  border-color: #fff !important;\n  border-collapse: separate;\n  animation-name: none;\n}\n.paraui-v4-tree-checkbox-disabled + span {\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-disabled:hover::after, .paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox-disabled::after {\n  visibility: hidden;\n}\n\n.paraui-v4-tree-checkbox-wrapper {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  display: inline-flex;\n  align-items: baseline;\n  line-height: unset;\n  cursor: pointer;\n}\n.paraui-v4-tree-checkbox-wrapper.paraui-v4-tree-checkbox-wrapper-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-wrapper + .paraui-v4-tree-checkbox-wrapper {\n  margin-left: 8px;\n}\n\n.paraui-v4-tree-checkbox + span {\n  padding-right: 8px;\n  padding-left: 8px;\n}\n\n.paraui-v4-tree-checkbox-group {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  display: inline-block;\n}\n.paraui-v4-tree-checkbox-group-item {\n  margin-right: 8px;\n}\n.paraui-v4-tree-checkbox-group-item:last-child {\n  margin-right: 0;\n}\n.paraui-v4-tree-checkbox-group-item + .paraui-v4-tree-checkbox-group-item {\n  margin-left: 0;\n}\n\n.paraui-v4-tree-checkbox-indeterminate .paraui-v4-tree-checkbox-inner {\n  background-color: rgb(46, 101, 230);\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-tree-checkbox-indeterminate .paraui-v4-tree-checkbox-inner::after {\n  top: 50%;\n  left: 50%;\n  width: 8px;\n  height: 2px;\n  background-color: rgb(255, 255, 255);\n  border: 0;\n  transform: translate(-50%, -50%) scale(1);\n  opacity: 1;\n  content: \" \";\n}\n.paraui-v4-tree-checkbox-indeterminate.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner::after {\n  background-color: rgba(0, 0, 0, 0.25);\n  border-color: rgba(0, 0, 0, 0.25);\n}\n\n.paraui-v4-tree-wrapper .paraui-v4-tree-empty {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.paraui-v4-tree {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  background: rgb(255, 255, 255);\n  border-radius: 2px;\n  transition: background-color 0.3s;\n}\n.paraui-v4-tree-focused:not(:hover):not(.paraui-v4-tree-active-focused) {\n  background: #e6f7ff;\n}\n.paraui-v4-tree-list-holder-inner {\n  align-items: flex-start;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner {\n  align-items: stretch;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner .paraui-v4-tree-node-content-wrapper {\n  flex: auto;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode {\n  display: flex;\n  align-items: flex-start;\n  outline: none;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper {\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n  background: transparent;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-active .paraui-v4-tree-node-content-wrapper {\n  background: #f5f5f5;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode:not(.paraui-v4-tree .paraui-v4-tree-treenode-disabled).filter-node .paraui-v4-tree-title {\n  color: inherit;\n  font-weight: 500;\n}\n.paraui-v4-tree-indent {\n  align-self: stretch;\n  white-space: nowrap;\n  user-select: none;\n}\n.paraui-v4-tree-indent-unit {\n  display: inline-block;\n  width: 24px;\n}\n.paraui-v4-tree-switcher {\n  position: relative;\n  flex: none;\n  align-self: stretch;\n  width: 24px;\n  margin: 0;\n  line-height: 24px;\n  text-align: center;\n  cursor: pointer;\n  user-select: none;\n}\n.paraui-v4-tree-switcher .paraui-v4-tree-switcher-icon,\n.paraui-v4-tree-switcher .paraui-v4-select-tree-switcher-icon {\n  display: inline-block;\n  font-size: 14px;\n  vertical-align: middle;\n  transition: transform 0.3s;\n  color: inherit;\n}\n.paraui-v4-tree-switcher .paraui-v4-tree-switcher-icon svg,\n.paraui-v4-tree-switcher .paraui-v4-select-tree-switcher-icon svg {\n  font-size: inherit;\n  color: inherit;\n  transition: transform 0.3s;\n}\n.paraui-v4-tree-switcher-noop {\n  cursor: default;\n}\n.paraui-v4-tree-switcher-icon[data-name=DownTriangleF]:hover {\n  color: rgb(46, 101, 230);\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon {\n  transform: rotate(-90deg);\n}\n.paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon svg {\n  color: currentColor;\n  transform: rotate(-90deg);\n}\n.paraui-v4-tree-switcher-loading-icon {\n  color: rgb(46, 101, 230);\n  will-change: transform;\n  transition: transform 0.3s ease-in-out;\n  animation: treeLoadingCircle 1s infinite linear;\n  vertical-align: middle;\n  font-size: 14px !important;\n}\n@keyframes treeLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v4-tree-switcher-leaf-line {\n  position: relative;\n  z-index: 1;\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-tree-switcher-leaf-line::before {\n  position: absolute;\n  top: 0;\n  bottom: -4px;\n  margin-left: -1px;\n  border-left: 1px solid #d9d9d9;\n  content: \" \";\n}\n.paraui-v4-tree-switcher-leaf-line::after {\n  position: absolute;\n  width: 10px;\n  height: 14px;\n  margin-left: -1px;\n  border-bottom: 1px solid #d9d9d9;\n  content: \" \";\n}\n.paraui-v4-tree-checkbox {\n  top: initial;\n  margin: 6px 6px 0 0;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper {\n  position: relative;\n  z-index: auto;\n  min-height: 24px;\n  margin: 2px 0 0 0;\n  padding: 0 6px;\n  color: inherit;\n  line-height: 24px;\n  background: transparent;\n  border-radius: 2px;\n  cursor: pointer;\n  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper:hover {\n  background-color: rgb(247, 248, 250);\n  border-radius: 4px;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper.paraui-v4-tree-node-selected {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle {\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin-left: -6px;\n  line-height: 26px;\n  text-align: center;\n  vertical-align: top;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle > svg {\n  vertical-align: -0.125em;\n  color: inherit;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle:empty {\n  display: none;\n}\n.paraui-v4-tree-unselectable .paraui-v4-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] {\n  line-height: 24px;\n  user-select: none;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator {\n  position: absolute;\n  z-index: 1;\n  height: 2px;\n  background-color: rgb(46, 101, 230);\n  border-radius: 1px;\n  pointer-events: none;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator::after {\n  position: absolute;\n  top: -3px;\n  left: -6px;\n  width: 8px;\n  height: 8px;\n  background-color: transparent;\n  border: 2px solid rgb(46, 101, 230);\n  border-radius: 50%;\n  content: \"\";\n}\n.paraui-v4-tree .paraui-v4-tree-treenode.drop-container > [draggable] {\n  box-shadow: 0 0 0 2px rgb(46, 101, 230);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit {\n  position: relative;\n  height: 100%;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before {\n  position: absolute;\n  top: 0;\n  right: 12px;\n  bottom: -4px;\n  border-right: 1px solid #d9d9d9;\n  content: \"\";\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit-end::before {\n  display: none;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher {\n  background: rgb(255, 255, 255);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher_close svg {\n  transform: rotate(-90deg);\n  color: inherit;\n  font-size: 14px;\n  transition: transform 0.3s;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher_open svg {\n  color: inherit;\n  font-size: 14px;\n  transition: transform 0.3s;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher-line-icon {\n  vertical-align: -0.225em;\n  color: inherit;\n  font-size: 14px;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher-line-icon[data-name=DownTriangleF]:hover {\n  color: rgb(46, 101, 230);\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-tree-node-content-wrapper {\n  overflow: hidden;\n  display: flex;\n}\n.paraui-v4-tree-node-content-wrapper .paraui-v4-tree-title {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n.paraui-v4-tree-node-content-wrapper .paraui-v4-tree-treenode-more-wrapper {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper--active {\n  background-color: rgb(247, 248, 250) !important;\n  border-radius: 2px !important;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper--active .sector-anchor {\n  opacity: 1 !important;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner .paraui-v4-tree-node-content-wrapper {\n  flex-grow: 0;\n  flex-shrink: 1;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper {\n  display: inline-flex;\n  align-items: center;\n  margin: 0 -6px;\n  padding: 0 8px;\n  overflow: hidden;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor {\n  position: relative;\n  margin: 1px 0 0 10px;\n  line-height: 14px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor:before {\n  content: \" \";\n  position: absolute;\n  left: -9px;\n  top: 0;\n  width: 1px;\n  height: 14px;\n  background-color: rgb(247, 248, 250);\n  pointer-events: none;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor svg:hover {\n  background: rgba(212, 218, 227, 0.4);\n  border-radius: 2px;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n  color: rgb(46, 101, 230);\n  background: rgba(212, 218, 227, 0.4);\n  border-radius: 2px;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper--active .sector-anchor {\n  opacity: 1;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-iconEle {\n  position: absolute;\n  left: 8px;\n  top: 0;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-checkbox {\n  display: none !important;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-checkbox-checked + .paraui-v4-tree-node-content-wrapper {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-node-radio {\n  width: 16px;\n  height: 16px;\n  padding: 0;\n  margin-top: 4px;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable-showradio .paraui-v4-tree-node-content-wrapper {\n  padding-left: 28px;\n}\n\n.paraui-v4-tree-motion-collapse {\n  overflow: hidden;\n  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}";
 styleInject(css_248z);
 
 export { Tree as T };

package/_verture/{modalContext-670eab09.js → modalContext-11c51a45.js}

@@ -23,8 +23,8 @@ var FDialog = function FDialog(props) {
     listIndex = props.listIndex,
     ModalProps = props.ModalProps;
   /**
-  * 外部想要单独关闭弹窗传出
-  */
+   * 外部想要单独关闭弹窗传出
+   */
   React__default.useEffect(function () {
     getClose && getClose(function () {
       return onClose(listIndex);
@@ -56,8 +56,8 @@ var FDialog = function FDialog(props) {
 };
 
 /**
-* 创建模态框的上下文
-*/
+ * 创建模态框的上下文
+ */
 var FunctionModalContext = /*#__PURE__*/React__default.createContext(Promise.reject);
 /**
  * 弹出框组件
@@ -71,8 +71,8 @@ var useModal = function useModal() {
 };
 var setState;
 /**
-* 函数弹窗组件Provider
-*/
+ * 函数弹窗组件Provider
+ */
 var FunctionModalProvider = function FunctionModalProvider(_ref) {
   var children = _ref.children;
   // 模态框组 配置
@@ -88,10 +88,10 @@ var FunctionModalProvider = function FunctionModalProvider(_ref) {
   // 存储每个模态框的 promise 方法
   var awaitingPromiseRef = React__default.useRef([]);
   /**
-  * 模态框初始化方法
-  * @param options 模态框配置
-  * @return 返回一个promise 用于外部判断弹窗状态
-  */
+   * 模态框初始化方法
+   * @param options 模态框配置
+   * @return 返回一个promise 用于外部判断弹窗状态
+   */
   var openConfirmation = function openConfirmation(options) {
     setConfirmationState(function (pre) {
       pre.push(options);
@@ -105,10 +105,10 @@ var FunctionModalProvider = function FunctionModalProvider(_ref) {
     });
   };
   /**
-  * 模态框关闭方法
-  * @param idx 模态框在模态框数组里的下标，用于拿到对应的配置 和 promise
-  * @description 关闭后会清空相关配置
-  */
+   * 模态框关闭方法
+   * @param idx 模态框在模态框数组里的下标，用于拿到对应的配置 和 promise
+   * @description 关闭后会清空相关配置
+   */
   var handleClose = function handleClose(idx) {
     // 是否有禁用取消停止功能的配置
     if (confirmationState[idx] && !confirmationState[idx].disCatchOnCancel && awaitingPromiseRef.current[idx]) {
@@ -120,9 +120,9 @@ var FunctionModalProvider = function FunctionModalProvider(_ref) {
     deleteOption(idx);
   };
   /**
-  * 模态框确定触发的方法
-  * @param idx 模态框在模态框数组里的下标，用于拿到对应的配置 和 promise
-  */
+   * 模态框确定触发的方法
+   * @param idx 模态框在模态框数组里的下标，用于拿到对应的配置 和 promise
+   */
   var handleSubmit = function handleSubmit(idx) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
       var checkFuc, jude, pRef;
@@ -157,10 +157,10 @@ var FunctionModalProvider = function FunctionModalProvider(_ref) {
     }));
   };
   /**
-  * 删除模态框配置，promise 执行成功操作
-  * @param pRef 模态框的promise
-  * @param idx 模态框在模态框组里的下标
-  */
+   * 删除模态框配置，promise 执行成功操作
+   * @param pRef 模态框的promise
+   * @param idx 模态框在模态框组里的下标
+   */
   var deleteOption = function deleteOption(idx, pRef) {
     setTimeout(function () {
       pRef && pRef.resolve(true);
@@ -172,10 +172,10 @@ var FunctionModalProvider = function FunctionModalProvider(_ref) {
     }, 200);
   };
   /**
-  * 隐藏模态框对应的dom
-  * @param idx 模态框在模态框数组里的下标
-  * @desc 解决异步导致的闪烁问题
-  */
+   * 隐藏模态框对应的dom
+   * @param idx 模态框在模态框数组里的下标
+   * @desc 解决异步导致的闪烁问题
+   */
   var hideDialog = function hideDialog(idx) {
     var dialogEl = document.querySelectorAll('.function-modal .MuiDialog-container')[idx];
     if (dialogEl) dialogEl.style.opacity = '0';

package/index.d.ts

@@ -2,6 +2,8 @@ export { default as AutoBox } from './AutoBox';
 export * from './AutoBox';
 export { default as AutoTips } from './AutoTips';
 export * from './AutoTips';
+export { default as Badge } from './Badge';
+export * from './Badge';
 export { default as Breadcrumbs } from './Breadcrumbs';
 export * from './Breadcrumbs';
 export { default as Button } from './Button';
@@ -32,6 +34,8 @@ export { default as CopyText } from './CopyText';
 export * from './CopyText';
 export { default as DatePicker } from './DatePicker';
 export * from './DatePicker';
+export { default as Descriptions } from './Descriptions';
+export * from './Descriptions';
 export { default as Desktop } from './Desktop';
 export * from './Desktop';
 export { default as DragVerify } from './DragVerify';