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

package/_verture/{index-7ec72724.js → index-bc461491.js}

@@ -1,7 +1,7 @@
 import { _ as _toConsumableArray } from './toConsumableArray-8f4c9589.js';
 import { _ as _defineProperty } from './defineProperty-1d116156.js';
 import { _ as _slicedToArray } from './slicedToArray-a8206399.js';
-import { r as regenerator } from './index-d63bd287.js';
+import { r as regenerator } from './index-232d890b.js';
 import { _ as __rest, a as __awaiter } from './tslib.es6-55ed4bd2.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React__default, { isValidElement, cloneElement, useRef, useState, useImperativeHandle, useEffect, useMemo } from 'react';
@@ -271,25 +271,25 @@ styleInject(css_248z$1);
 //默认扇形按钮图标
 var getIconMap = function getIconMap(intl) {
   return {
-    'add': {
+    add: {
       icon: jsx(AddOutlinedIcon, {}),
       text: intl({
         id: 'add'
       })
     },
-    'edit': {
+    edit: {
       icon: jsx(EditOutlinedIcon, {}),
       text: intl({
         id: 'edit'
       })
     },
-    'enable': {
+    enable: {
       icon: jsx(Forbid, {}),
       text: intl({
         id: 'disabled'
       })
     },
-    'del': {
+    del: {
       icon: jsx(Delete, {}),
       text: intl({
         id: 'delete'
@@ -371,11 +371,11 @@ var OperateBar = function OperateBar(props) {
   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
+      left: left,
+      top: top
     };
   };
   //计算扇形半径
@@ -484,6 +484,11 @@ var OperateBar = function OperateBar(props) {
   //渲染操作栏
   var renderOperateBar = function renderOperateBar() {
     var actionArr = toActionArr(showActions, nodeData, getIconMap(intl));
+    if (actionArr.length > 1) {
+      var temp = actionArr[0];
+      actionArr[0] = actionArr[1];
+      actionArr[1] = temp;
+    }
     if (!(actionArr === null || actionArr === void 0 ? void 0 : actionArr.length)) return null;
     return actionArr.map(function (item, idx) {
       var _ref2 = item !== null && item !== void 0 ? item : {},
@@ -566,17 +571,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,
@@ -618,11 +623,13 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     paramsCallback = props.paramsCallback,
     titleRender = props.titleRender,
     emptyProps = props.emptyProps,
+    emptyClassName = props.emptyClassName,
     notFoundContent = props.notFoundContent,
     wrapperClassName = props.wrapperClassName,
     wrapperStyle = props.wrapperStyle,
     _props$showLoading = props.showLoading,
     showLoading = _props$showLoading === void 0 ? true : _props$showLoading,
+    loadingNode = props.loadingNode,
     onLoadedKey = props.onLoadedKey,
     _props$tipMaxWidth = props.tipMaxWidth,
     tipMaxWidth = _props$tipMaxWidth === void 0 ? 500 : _props$tipMaxWidth;
@@ -647,7 +654,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],
@@ -694,7 +701,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",
@@ -709,13 +716,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) {
@@ -801,9 +808,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);
       }
@@ -813,7 +820,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);
     }
   };
@@ -845,7 +852,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) {
       //严格模式
@@ -856,14 +863,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);
@@ -889,7 +896,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);
@@ -918,7 +925,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,
@@ -943,7 +950,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);
     }
@@ -992,7 +999,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) {
@@ -1000,7 +1007,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];
                   }
@@ -1066,7 +1073,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);
     }
@@ -1229,7 +1236,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 || []));
@@ -1265,11 +1272,11 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   }, [localFilter, localParams]);
   //渲染空状态
   var renderEmpty = jsx("div", Object.assign({
-    className: clsx("".concat($prefixCls, "-tree ").concat($prefixCls, "-tree-empty"), className),
+    className: clsx("".concat($prefixCls, "-tree ").concat($prefixCls, "-tree-empty"), className, emptyClassName),
     style: props.style
   }, {
     children: notFoundContent !== null && notFoundContent !== void 0 ? notFoundContent : jsx(Empty, Object.assign({
-      size: "small"
+      size: 'small'
     }, emptyProps))
   }));
   //tree memo
@@ -1278,7 +1285,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       firstRender.current = false;
       return null;
     } else if (!(treeData === null || treeData === void 0 ? void 0 : treeData.length)) {
-      return renderEmpty;
+      return !loading ? renderEmpty : null;
     }
     var tCheckedKeys = inCheckedKeys;
     if (checkStrictly) {
@@ -1309,7 +1316,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) {
@@ -1334,7 +1341,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       className: clsx("".concat($prefixCls, "-tree-wrapper"), wrapperClassName),
       style: wrapperStyle
     }, {
-      children: [treeMemo, loading && jsx(Loading, {})]
+      children: [treeMemo, loading && (loadingNode || jsx(Loading, {}))]
     })), renderOperateBar()]
   });
 });
@@ -1361,7 +1368,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: 16px;\n  height: 16px;\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: 2px solid rgb(255, 255, 255);\n  border-top: 0;\n  border-left: 0;\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  content: \" \";\n}\n\n.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner {\n  background-color: rgb(46, 101, 230);\n  border-color: rgb(46, 101, 230);\n}\n\n.paraui-v4-tree-checkbox-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner::after {\n  border-color: rgba(0, 0, 0, 0.25);\n  animation-name: none;\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: #f5f5f5;\n  border-color: #d9d9d9 !important;\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner::after {\n  border-color: #f5f5f5;\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}\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: 4px !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 6px;\n  overflow: hidden;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor {\n  position: relative;\n  margin: 1px 0 0 18px;\n  line-height: 18px;\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}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n  color: rgb(46, 101, 230);\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: 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}";
 styleInject(css_248z);
 
 export { Tree as T };