@para-ui/core 3.0.113 → 3.0.115

package/ComboSelect/index.js

@@ -10,7 +10,7 @@ import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircle from '@para-ui/icons/CloseCircle';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-48dc6207.js';
+import { T as Tree } from '../_verture/index-b5400443.js';
 import { Button } from '../Button/index.js';
 import { D as Dropdown } from '../_verture/index-77f9e0fb.js';
 import { Popover } from '../Popover/index.js';
@@ -179,7 +179,8 @@ var ComboSelect = function ComboSelect(props) {
     dropdownMatchSelectWidth = _useGlobalProps$dropd === void 0 ? true : _useGlobalProps$dropd,
     getPopupContainer = _useGlobalProps.getPopupContainer,
     maxTagTextLength = _useGlobalProps.maxTagTextLength,
-    renderInputContent = _useGlobalProps.renderInputContent;
+    renderInputContent = _useGlobalProps.renderInputContent,
+    renderNotCheckListInputContent = _useGlobalProps.renderNotCheckListInputContent;
   var _React$useContext = React__default.useContext(GlobalContext),
     language = _React$useContext.language,
     locale = _React$useContext.locale;
@@ -888,31 +889,33 @@ var ComboSelect = function ComboSelect(props) {
     }));
   }, [checkKeys, refresh, params, inRefresh, open, loadedKeys]);
   //组合选择器输入框
-  var comboSelectorInput = jsxs("div", Object.assign({
+  var comboSelectorInput = jsx("div", Object.assign({
     className: 'comboselect-wrapper',
     ref: selectRef,
     onClick: handleSelectorClick
   }, {
-    children: [jsx("div", Object.assign({
-      className: clsx('comboselect-overflow', !checkable && 'comboselect-overflow-single')
-    }, {
-      children: tagMemo
-    })), !disablePopup && jsx("span", Object.assign({
-      className: 'comboselect-arrow'
-    }, {
-      children: jsx(Down, {})
-    })), hasAllClear && jsx("span", Object.assign({
-      className: 'comboselect-clear',
-      onClick: handleAllClear
-    }, {
-      children: jsx(CloseCircle, {})
-    })), !(checkList === null || checkList === void 0 ? void 0 : checkList.length) && jsx("span", Object.assign({
-      className: 'comboselect-placeholder'
-    }, {
-      children: placeholder !== null && placeholder !== void 0 ? placeholder : intl({
-        id: 'pleaseSelect'
-      })
-    }))]
+    children: renderNotCheckListInputContent ? renderNotCheckListInputContent() : jsxs(Fragment, {
+      children: [jsx("div", Object.assign({
+        className: clsx('comboselect-overflow', !checkable && 'comboselect-overflow-single')
+      }, {
+        children: tagMemo
+      })), !disablePopup && jsx("span", Object.assign({
+        className: 'comboselect-arrow'
+      }, {
+        children: jsx(Down, {})
+      })), hasAllClear && jsx("span", Object.assign({
+        className: 'comboselect-clear',
+        onClick: handleAllClear
+      }, {
+        children: jsx(CloseCircle, {})
+      })), !(checkList === null || checkList === void 0 ? void 0 : checkList.length) && jsx("span", Object.assign({
+        className: 'comboselect-placeholder'
+      }, {
+        children: placeholder !== null && placeholder !== void 0 ? placeholder : intl({
+          id: 'pleaseSelect'
+        })
+      }))]
+    })
   }));
   //渲染label
   var renderLabel = function renderLabel() {

package/ComboSelect/interface.d.ts

@@ -147,4 +147,6 @@ export interface ComboSelectProps extends HelperTextDetailProps {
     maxTagTextLength?: number;
     /** 自定义渲染输入框内容 */
     renderInputContent?: (options: SelectOpt | SelectOpt[]) => React.ReactNode;
+    /** 脱离选中项的自定义输入框内容 */
+    renderNotCheckListInputContent?: () => React.ReactNode;
 }

package/DynamicMultiBox/index.js

@@ -74,7 +74,7 @@ import '@para-ui/icons/Left';
 import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-48dc6207.js';
+import '../_verture/index-b5400443.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';
@@ -1135,12 +1135,33 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
     if (popoverClassName) str += ' ' + popoverClassName;
     return str;
   };
+  /**
+   * 判断是否全部隐藏删除
+   * 默认全部隐藏
+   * */
+  var isAllHideDelete = function isAllHideDelete() {
+    var _a;
+    var bol = true;
+    if (valueList.length > deleteDisable.length) {
+      return false;
+    }
+    for (var i = 0, l = valueList === null || valueList === void 0 ? void 0 : valueList.length; i < l; i++) {
+      var id = (_a = valueList[i]) === null || _a === void 0 ? void 0 : _a[rowKey];
+      if (id && deleteDisable.indexOf(id) === -1) {
+        bol = false;
+        break;
+      }
+    }
+    return bol;
+  };
   /**
    * 渲染表头
    * */
   var renderTitle = useMemo(function () {
     var config = [].concat(_toConsumableArray(fixedConfig), _toConsumableArray(selectedConfig));
     if (!(config === null || config === void 0 ? void 0 : config.length)) return null;
+    var showDeleteIcon = keepLastItem ? valueList.length > 1 : true;
+    var isAllHideDelBol = isAllHideDelete();
     return jsxs("div", Object.assign({
       className: 'title-config'
     }, {
@@ -1173,7 +1194,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
         required: singleTitle === null || singleTitle === void 0 ? void 0 : singleTitle.required,
         label: singleTitle === null || singleTitle === void 0 ? void 0 : singleTitle.label
       }) : null, jsxs("div", Object.assign({
-        className: "operator-column-40 ".concat(isSort && (valueList === null || valueList === void 0 ? void 0 : valueList.length) > 1 ? 'operator-column-80' : '')
+        className: "operator-column-40 ".concat(isSort && showDeleteIcon && !isAllHideDelBol ? 'operator-column-80' : '')
       }, {
         children: [isSort && jsx("div", {
           className: 'blank-block'
@@ -1194,26 +1215,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
         }))]
       }))]
     }));
-  }, [titleMode, fixedConfig, selectedConfig, isSort, isFilter, checked, onCheckChange, onRestoreDefault, rowKey]);
-  /**
-   * 判断是否全部隐藏删除
-   * 默认全部隐藏
-   * */
-  var isAllHideDelete = function isAllHideDelete() {
-    var _a;
-    var bol = true;
-    if (valueList.length > deleteDisable.length) {
-      return false;
-    }
-    for (var i = 0, l = valueList === null || valueList === void 0 ? void 0 : valueList.length; i < l; i++) {
-      var id = (_a = valueList[i]) === null || _a === void 0 ? void 0 : _a[rowKey];
-      if (id && deleteDisable.indexOf(id) === -1) {
-        bol = false;
-        break;
-      }
-    }
-    return bol;
-  };
+  }, [titleMode, fixedConfig, selectedConfig, isSort, isFilter, checked, onCheckChange, onRestoreDefault, rowKey, keepLastItem, valueList, deleteDisable]);
   /**
    *@desc 渲染内容
    * */
@@ -1269,7 +1271,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
         })
       });
     }
-  }, [valueList, isSort, isFilter, errors, fixedConfig, selectedConfig, keepLastItem, deleteRender, rowKey]);
+  }, [valueList, isSort, isFilter, errors, fixedConfig, selectedConfig, keepLastItem, deleteRender, rowKey, deleteDisable]);
   /**
    * @desc 删除事件
    * */

package/Form/index.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-3414a559.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-b698be52.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
@@ -70,7 +70,7 @@ import '@para-ui/icons/Left';
 import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-48dc6207.js';
+import '../_verture/index-b5400443.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-3414a559.js';
+export { F as default } from '../_verture/index-b698be52.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-66aa48a1.js';
@@ -70,7 +70,7 @@ import '@para-ui/icons/Left';
 import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-48dc6207.js';
+import '../_verture/index-b5400443.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/Pagination/index.d.ts

@@ -33,6 +33,10 @@ export interface PaginationProps {
     currentRowsPerPage?: number;
     /** 当前页数 */
     page?: number;
+    /** 当前页数最大限制,
+     * true 默认限制,不超过总页数
+     * */
+    pageMaxLimit?: boolean;
     /** 跳转页数 */
     skipFunc?: (num?: number, skipValue?: number) => void;
     /** 下拉框弹窗内容 */

package/Pagination/index.js

@@ -85,6 +85,8 @@ var Pagination = function Pagination(props) {
     currentRowsPerPage = _props$currentRowsPer === void 0 ? 10 : _props$currentRowsPer,
     _props$page = props.page,
     page = _props$page === void 0 ? 1 : _props$page,
+    _props$pageMaxLimit = props.pageMaxLimit,
+    pageMaxLimit = _props$pageMaxLimit === void 0 ? true : _props$pageMaxLimit,
     skipFunc = props.skipFunc,
     changePage = props.changePage,
     changeRowsPerPage = props.changeRowsPerPage,
@@ -154,10 +156,10 @@ var Pagination = function Pagination(props) {
   }, [props.rowsPerPage]);
   useEffect(function () {
     var num = Number(totalPage);
-    if (pageCom > num && num !== pageCom) {
+    if (pageMaxLimit && pageCom > num && num !== pageCom) {
       setPageCom(num);
     }
-  }, [pageCom, totalPage]);
+  }, [pageCom, totalPage, pageMaxLimit]);
   useEffect(function () {
     var num = Math.ceil(total / currentRowsPerPageCom);
     // props.page 防止外部传入自定义页面,设置无效(表格分页)

package/README.md

@@ -1,3 +1,19 @@
+## 版本: 3.0.115
+
+    para-ui/core@3.0.115 发布
+        【组合选择器-ComboSelect】组合选择器增加renderNotCheckListInputContent参数，不依赖选项，自定义展示内容
+
+## 版本: 3.0.114
+
+    para-ui/core@3.0.114 发布
+        【树-Tree】请求树，父容器自动计算size，占满父容器
+        【树-Tree】修改加载更多按钮位置超出，吸附在最底部
+        【树-Tree】修改loading位置始终在父容器中间
+        【动态多值框-DynamicMultiBox】修复keepLastItem为false,标题错位
+        【下拉框-Select】修复分组下拉框搜索数据丢失
+        【分页-Pagination】增加pageMaxLimit参数
+        【表格-Table】增加非首页空状态展示
+
 ## 版本: 3.0.113
 
     para-ui/core@3.0.113 发布
@@ -97,6 +113,12 @@
     para-ui/core@3.0.95 发布
         【表单-form】修改校验文案
 
+## 版本: 3.0.94
+  para-ui/core@3.0.94 发布
+    【树-tree】修复树空状态和loading同时出现的问题
+    【表格-Table】修复表格右侧固定，滚动不对齐问题
+    【下拉框-Select】修改下拉框初始值延迟问题
+
 ## 版本: 3.0.93
 
     para-ui/core@3.0.93 发布

package/Select/index.js

@@ -383,7 +383,7 @@ var Select = function Select(props) {
     var arr = [];
     var listDeep = _toConsumableArray(listData);
     for (var i = 0, l = listDeep.length; i < l; i++) {
-      var item = listDeep[i];
+      var item = Object.assign({}, listDeep[i]);
       if (item[childrenName] && item[childrenName].length > 0) {
         var childArr = item[childrenName];
         var handChildArr = [];

package/Table/index.js

@@ -339,7 +339,9 @@ var en = {
   loadMore: 'Load more',
   refresh: 'Refresh',
   selectNum: 'Selected {num} items',
-  selectAll: 'Select All'
+  selectAll: 'Select All',
+  noHomePageEmpty: 'There is no data on this page',
+  returnPrevPage: 'Return to previous page'
 };
 
 var zh = {
@@ -350,7 +352,9 @@ var zh = {
   loadMore: '加载更多',
   refresh: '刷新',
   selectNum: '已选{num}项',
-  selectAll: '全选'
+  selectAll: '全选',
+  noHomePageEmpty: '当前页面无数据',
+  returnPrevPage: '返回上一页'
 };
 
 var localeJson = {
@@ -1246,11 +1250,42 @@ var TableBody = function TableBody(props) {
       if ((emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.showRefresh) !== undefined) {
         return emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.showRefresh;
       }
-      if (url) {
+      if (url && Number(page) <= 1) {
         return true;
       }
       return false;
     };
+    // 处理非首页非空状态
+    var handleDescription = function handleDescription() {
+      if (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.description) return emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.description;
+      if (Number(page) > 1) {
+        return jsxs("div", Object.assign({
+          className: 'no-home-page-empty'
+        }, {
+          children: [jsx("div", Object.assign({
+            className: 'empty-desc'
+          }, {
+            children: intl({
+              id: 'noHomePageEmpty'
+            })
+          })), jsx("div", Object.assign({
+            className: 'return-prev-page'
+          }, {
+            children: jsx(Button, Object.assign({
+              variant: "text",
+              size: "small",
+              onClick: function onClick() {
+                changePage && changePage(Number(page) - 1);
+              }
+            }, {
+              children: intl({
+                id: 'returnPrevPage'
+              })
+            }))
+          }))]
+        }));
+      }
+    };
     // 处理className
     var handClassNoData = function handClassNoData() {
       var str = 'table-no-data';
@@ -1265,6 +1300,7 @@ var TableBody = function TableBody(props) {
         colSpan: expandableColSpan
       }, {
         children: jsx(Empty, Object.assign({}, emptyProps, {
+          description: handleDescription(),
           showRefresh: handRefreshBtn(),
           onRefresh: function onRefresh(event) {
             if (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.onRefresh) {
@@ -1276,7 +1312,7 @@ var TableBody = function TableBody(props) {
         }))
       }))
     }));
-  }, [expandableColSpan, emptyProps, url, _onRefresh]);
+  }, [expandableColSpan, emptyProps, url, _onRefresh, page, changePage]);
   // 复选框useCallback
   var TableCheckCallback = useCallback(function (row) {
     if (check) {
@@ -1695,6 +1731,7 @@ var TableHead = function TableHead(props) {
   }, {
     children: [handlePaginationRight(), jsx(Pagination, {
       className: 'table-pagination-com',
+      pageMaxLimit: false,
       type: paginationType,
       autoType: autoPagination,
       flippingArrow: flippingArrow,
@@ -2756,8 +2793,8 @@ var Table = function Table(propsInit) {
   /**
    * 加载更多,点击改变分页
    */
-  var changePageMore = function changePageMore() {
-    var pageHnad = Number(pageCom) + 1;
+  var changePageMore = function changePageMore(num) {
+    var pageHnad = num ? num : Number(pageCom) + 1;
     handPage(pageHnad);
   };
   /**

package/Table/lang/en_US.d.ts

@@ -7,5 +7,7 @@ declare const _default: {
     refresh: string;
     selectNum: string;
     selectAll: string;
+    noHomePageEmpty: string;
+    returnPrevPage: string;
 };
 export default _default;

package/Table/lang/index.d.ts

@@ -8,6 +8,8 @@ declare const _default: {
         refresh: string;
         selectNum: string;
         selectAll: string;
+        noHomePageEmpty: string;
+        returnPrevPage: string;
     };
     en: {
         empty: string;
@@ -18,6 +20,8 @@ declare const _default: {
         refresh: string;
         selectNum: string;
         selectAll: string;
+        noHomePageEmpty: string;
+        returnPrevPage: string;
     };
 };
 export default _default;

package/Table/lang/zh_CN.d.ts

@@ -7,5 +7,7 @@ declare const _default: {
     refresh: string;
     selectNum: string;
     selectAll: string;
+    noHomePageEmpty: string;
+    returnPrevPage: string;
 };
 export default _default;

package/Tree/index.js

@@ -1,5 +1,5 @@
-import { T as Tree } from '../_verture/index-48dc6207.js';
-export { T as default } from '../_verture/index-48dc6207.js';
+import { T as Tree } from '../_verture/index-b5400443.js';
+export { T as default } from '../_verture/index-b5400443.js';
 import '../_verture/toConsumableArray-81040c9e.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/defineProperty-62acccfc.js';

package/_verture/{index-48dc6207.js → index-b5400443.js}

@@ -561,6 +561,7 @@ var defaultPageSize = {
 };
 //tree 组件
 var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+  var _a;
   var url = props.url,
     ctx = props.ctx,
     _props$params = props.params,
@@ -657,6 +658,22 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     inLoadedKeys = _useState10[0],
     setInLoadKeys = _useState10[1];
+  var treeBoxRef = useRef(null);
+  var constData = useRef({
+    propsSize: (_a = props.pageSize) === null || _a === void 0 ? void 0 : _a.size,
+    pageSize: Object.assign(Object.assign({}, defaultPageSize), pageSize)
+  });
+  constData.current.pageSize = Object.assign(Object.assign({}, constData.current.pageSize), pageSize);
+  // 计算size
+  var autoSize = function autoSize() {
+    if (!treeBoxRef.current || constData.current.propsSize) return;
+    var parentDom = treeBoxRef.current.parentElement;
+    var parentRect = parentDom.getBoundingClientRect();
+    var size = Math.floor((parentRect.height - 26) / 26);
+    if (size && size > 0) {
+      constData.current.pageSize.size = size;
+    }
+  };
   //新属性
   var newProps = Object.assign(Object.assign({}, props), {
     showLine: Boolean(showLine),
@@ -912,6 +929,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   //加载更多节点数据
   var getLoadMoreData = function getLoadMoreData() {
     return {
+      className: 'more-tree-node',
       key: String((Math.random() * 1000000 | 0) + Date.now()),
       title: intl({
         id: 'loadMore'
@@ -1155,6 +1173,9 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     additionProps.titleRender = internalTitleRender;
     return additionProps;
   };
+  useEffect(function () {
+    autoSize();
+  }, []);
   useEffect(function () {
     if (defaultCheckedKeys) {
       //默认值checked
@@ -1324,12 +1345,12 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }) : null;
   };
   return jsxs(Fragment, {
-    children: [jsxs("div", Object.assign({
+    children: [jsx("div", Object.assign({
       className: clsx("".concat($prefixCls, "-tree-wrapper"), wrapperClassName),
       style: wrapperStyle
     }, {
-      children: [treeMemo, loading && jsx(Loading, {})]
-    })), renderOperateBar()]
+      children: treeMemo
+    })), loading && jsx(Loading, {}), renderOperateBar()]
   });
 });
 Tree.defaultProps = {
@@ -1355,7 +1376,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 Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-tree-treenode-leaf-last .paraui-v3-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-v3-tree-rtl {\n  direction: rtl;\n}\n.paraui-v3-tree-rtl .paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator::after {\n  right: -6px;\n  left: unset;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-rtl {\n  direction: rtl;\n}\n.paraui-v3-tree-rtl .paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon svg {\n  transform: rotate(90deg);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before .paraui-v3-tree-rtl.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before {\n  right: auto;\n  left: -13px;\n  border-right: none;\n  border-left: 1px solid #d9d9d9;\n}\n.paraui-v3-tree-checkbox .paraui-v3-tree-rtl.paraui-v3-tree-checkbox {\n  margin: 4px 0 0 8px;\n}\n\n.paraui-v3-tree-select-dropdown-rtl .paraui-v3-select-tree-checkbox {\n  margin: 4px 0 0 8px;\n}\n\n.paraui-v3-tree-checkbox {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\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-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox-inner, .paraui-v3-tree-checkbox:hover .paraui-v3-tree-checkbox-inner, .paraui-v3-tree-checkbox-input:focus + .paraui-v3-tree-checkbox-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-tree-checkbox-checked::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 1px solid rgb(54, 102, 214);\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-v3-tree-checkbox:hover::after, .paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox::after {\n  visibility: visible;\n}\n.paraui-v3-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-v3-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-v3-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-v3-tree-checkbox-checked .paraui-v3-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-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner {\n  background-color: rgb(54, 102, 214);\n  border-color: rgb(54, 102, 214);\n}\n\n.paraui-v3-tree-checkbox-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner::after {\n  border-color: rgba(0, 0, 0, 0.25);\n  animation-name: none;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-input {\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner {\n  background-color: #f5f5f5;\n  border-color: #d9d9d9 !important;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner::after {\n  border-color: #f5f5f5;\n  border-collapse: separate;\n  animation-name: none;\n}\n.paraui-v3-tree-checkbox-disabled + span {\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled:hover::after, .paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox-disabled::after {\n  visibility: hidden;\n}\n\n.paraui-v3-tree-checkbox-wrapper {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\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-v3-tree-checkbox-wrapper.paraui-v3-tree-checkbox-wrapper-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-wrapper + .paraui-v3-tree-checkbox-wrapper {\n  margin-left: 8px;\n}\n\n.paraui-v3-tree-checkbox + span {\n  padding-right: 8px;\n  padding-left: 8px;\n}\n\n.paraui-v3-tree-checkbox-group {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\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-v3-tree-checkbox-group-item {\n  margin-right: 8px;\n}\n.paraui-v3-tree-checkbox-group-item:last-child {\n  margin-right: 0;\n}\n.paraui-v3-tree-checkbox-group-item + .paraui-v3-tree-checkbox-group-item {\n  margin-left: 0;\n}\n\n.paraui-v3-tree-checkbox-indeterminate .paraui-v3-tree-checkbox-inner {\n  background-color: rgb(54, 102, 214);\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-tree-checkbox-indeterminate .paraui-v3-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-v3-tree-checkbox-indeterminate.paraui-v3-tree-checkbox-disabled .paraui-v3-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-v3-tree-wrapper .paraui-v3-tree-empty {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.paraui-v3-tree {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\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-v3-tree-focused:not(:hover):not(.paraui-v3-tree-active-focused) {\n  background: #e6f7ff;\n}\n.paraui-v3-tree-list-holder-inner {\n  align-items: flex-start;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner {\n  align-items: stretch;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner .paraui-v3-tree-node-content-wrapper {\n  flex: auto;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode {\n  display: flex;\n  align-items: flex-start;\n  outline: none;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper {\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper:hover {\n  background: transparent;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-active .paraui-v3-tree-node-content-wrapper {\n  background: #f5f5f5;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode:not(.paraui-v3-tree .paraui-v3-tree-treenode-disabled).filter-node .paraui-v3-tree-title {\n  color: inherit;\n  font-weight: 500;\n}\n.paraui-v3-tree-indent {\n  align-self: stretch;\n  white-space: nowrap;\n  user-select: none;\n}\n.paraui-v3-tree-indent-unit {\n  display: inline-block;\n  width: 24px;\n}\n.paraui-v3-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-v3-tree-switcher .paraui-v3-tree-switcher-icon,\n.paraui-v3-tree-switcher .paraui-v3-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-v3-tree-switcher .paraui-v3-tree-switcher-icon svg,\n.paraui-v3-tree-switcher .paraui-v3-select-tree-switcher-icon svg {\n  font-size: inherit;\n  color: inherit;\n  transition: transform 0.3s;\n}\n.paraui-v3-tree-switcher-noop {\n  cursor: default;\n}\n.paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon {\n  transform: rotate(-90deg);\n}\n.paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon svg {\n  color: currentColor;\n  transform: rotate(-90deg);\n}\n.paraui-v3-tree-switcher-loading-icon {\n  color: rgb(54, 102, 214);\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-v3-tree-switcher-leaf-line {\n  position: relative;\n  z-index: 1;\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-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-v3-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-v3-tree-checkbox {\n  top: initial;\n  margin: 6px 6px 0 0;\n}\n.paraui-v3-tree .paraui-v3-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-v3-tree .paraui-v3-tree-node-content-wrapper:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 4px;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper.paraui-v3-tree-node-selected {\n  background-color: transparent;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-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-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle > svg {\n  vertical-align: -0.125em;\n  color: inherit;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle:empty {\n  display: none;\n}\n.paraui-v3-tree-unselectable .paraui-v3-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] {\n  line-height: 24px;\n  user-select: none;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator {\n  position: absolute;\n  z-index: 1;\n  height: 2px;\n  background-color: rgb(54, 102, 214);\n  border-radius: 1px;\n  pointer-events: none;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-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(54, 102, 214);\n  border-radius: 50%;\n  content: \"\";\n}\n.paraui-v3-tree .paraui-v3-tree-treenode.drop-container > [draggable] {\n  box-shadow: 0 0 0 2px rgb(54, 102, 214);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit {\n  position: relative;\n  height: 100%;\n}\n.paraui-v3-tree-show-line .paraui-v3-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-v3-tree-show-line .paraui-v3-tree-indent-unit-end::before {\n  display: none;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher {\n  background: rgb(255, 255, 255);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher_close svg {\n  transform: rotate(-90deg);\n  color: inherit;\n  font-size: 14px;\n  transition: transform 0.3s;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher_open svg {\n  color: inherit;\n  font-size: 14px;\n  transition: transform 0.3s;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher-line-icon {\n  vertical-align: -0.225em;\n  color: inherit;\n  font-size: 14px;\n}\n.paraui-v3-tree-node-content-wrapper {\n  overflow: hidden;\n  display: flex;\n}\n.paraui-v3-tree-node-content-wrapper .paraui-v3-tree-title {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n.paraui-v3-tree-node-content-wrapper .paraui-v3-tree-treenode-more-wrapper {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper--active {\n  background-color: rgba(171, 176, 185, 0.12) !important;\n  border-radius: 4px !important;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper--active .sector-anchor {\n  opacity: 1 !important;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner .paraui-v3-tree-node-content-wrapper {\n  flex-grow: 0;\n  flex-shrink: 1;\n}\n.paraui-v3-tree .paraui-v3-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-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  margin: 1px 0 0 18px;\n  line-height: 14px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.paraui-v3-tree .paraui-v3-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: rgba(171, 176, 185, 0.2);\n  pointer-events: none;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper--active .sector-anchor {\n  opacity: 1;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-iconEle {\n  position: absolute;\n  left: 8px;\n  top: 0;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-checkbox {\n  display: none !important;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-checkbox-checked + .paraui-v3-tree-node-content-wrapper {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-node-radio {\n  width: 16px;\n  height: 16px;\n  padding: 0;\n  margin-top: 4px;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable-showradio .paraui-v3-tree-node-content-wrapper {\n  padding-left: 28px;\n}\n\n.paraui-v3-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 Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-tree-treenode-leaf-last .paraui-v3-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-v3-tree-rtl {\n  direction: rtl;\n}\n.paraui-v3-tree-rtl .paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator::after {\n  right: -6px;\n  left: unset;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-rtl {\n  direction: rtl;\n}\n.paraui-v3-tree-rtl .paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon svg {\n  transform: rotate(90deg);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before .paraui-v3-tree-rtl.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before {\n  right: auto;\n  left: -13px;\n  border-right: none;\n  border-left: 1px solid #d9d9d9;\n}\n.paraui-v3-tree-checkbox .paraui-v3-tree-rtl.paraui-v3-tree-checkbox {\n  margin: 4px 0 0 8px;\n}\n\n.paraui-v3-tree-select-dropdown-rtl .paraui-v3-select-tree-checkbox {\n  margin: 4px 0 0 8px;\n}\n\n.paraui-v3-tree-checkbox {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\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-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox-inner, .paraui-v3-tree-checkbox:hover .paraui-v3-tree-checkbox-inner, .paraui-v3-tree-checkbox-input:focus + .paraui-v3-tree-checkbox-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-tree-checkbox-checked::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 1px solid rgb(54, 102, 214);\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-v3-tree-checkbox:hover::after, .paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox::after {\n  visibility: visible;\n}\n.paraui-v3-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-v3-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-v3-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-v3-tree-checkbox-checked .paraui-v3-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-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner {\n  background-color: rgb(54, 102, 214);\n  border-color: rgb(54, 102, 214);\n}\n\n.paraui-v3-tree-checkbox-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner::after {\n  border-color: rgba(0, 0, 0, 0.25);\n  animation-name: none;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-input {\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner {\n  background-color: #f5f5f5;\n  border-color: #d9d9d9 !important;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner::after {\n  border-color: #f5f5f5;\n  border-collapse: separate;\n  animation-name: none;\n}\n.paraui-v3-tree-checkbox-disabled + span {\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled:hover::after, .paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox-disabled::after {\n  visibility: hidden;\n}\n\n.paraui-v3-tree-checkbox-wrapper {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\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-v3-tree-checkbox-wrapper.paraui-v3-tree-checkbox-wrapper-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-wrapper + .paraui-v3-tree-checkbox-wrapper {\n  margin-left: 8px;\n}\n\n.paraui-v3-tree-checkbox + span {\n  padding-right: 8px;\n  padding-left: 8px;\n}\n\n.paraui-v3-tree-checkbox-group {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\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-v3-tree-checkbox-group-item {\n  margin-right: 8px;\n}\n.paraui-v3-tree-checkbox-group-item:last-child {\n  margin-right: 0;\n}\n.paraui-v3-tree-checkbox-group-item + .paraui-v3-tree-checkbox-group-item {\n  margin-left: 0;\n}\n\n.paraui-v3-tree-checkbox-indeterminate .paraui-v3-tree-checkbox-inner {\n  background-color: rgb(54, 102, 214);\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-tree-checkbox-indeterminate .paraui-v3-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-v3-tree-checkbox-indeterminate.paraui-v3-tree-checkbox-disabled .paraui-v3-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-v3-tree-wrapper {\n  height: 100%;\n  overflow: auto;\n}\n.paraui-v3-tree-wrapper .paraui-v3-tree-empty {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v3-tree-wrapper .more-tree-node {\n  width: 100%;\n  background-color: rgb(255, 255, 255);\n  position: sticky;\n  bottom: 0;\n}\n\n.paraui-v3-tree {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\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-v3-tree-focused:not(:hover):not(.paraui-v3-tree-active-focused) {\n  background: #e6f7ff;\n}\n.paraui-v3-tree-list-holder-inner {\n  align-items: flex-start;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner {\n  align-items: stretch;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner .paraui-v3-tree-node-content-wrapper {\n  flex: auto;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode {\n  display: flex;\n  align-items: flex-start;\n  outline: none;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper {\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper:hover {\n  background: transparent;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-active .paraui-v3-tree-node-content-wrapper {\n  background: #f5f5f5;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode:not(.paraui-v3-tree .paraui-v3-tree-treenode-disabled).filter-node .paraui-v3-tree-title {\n  color: inherit;\n  font-weight: 500;\n}\n.paraui-v3-tree-indent {\n  align-self: stretch;\n  white-space: nowrap;\n  user-select: none;\n}\n.paraui-v3-tree-indent-unit {\n  display: inline-block;\n  width: 24px;\n}\n.paraui-v3-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-v3-tree-switcher .paraui-v3-tree-switcher-icon,\n.paraui-v3-tree-switcher .paraui-v3-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-v3-tree-switcher .paraui-v3-tree-switcher-icon svg,\n.paraui-v3-tree-switcher .paraui-v3-select-tree-switcher-icon svg {\n  font-size: inherit;\n  color: inherit;\n  transition: transform 0.3s;\n}\n.paraui-v3-tree-switcher-noop {\n  cursor: default;\n}\n.paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon {\n  transform: rotate(-90deg);\n}\n.paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon svg {\n  color: currentColor;\n  transform: rotate(-90deg);\n}\n.paraui-v3-tree-switcher-loading-icon {\n  color: rgb(54, 102, 214);\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-v3-tree-switcher-leaf-line {\n  position: relative;\n  z-index: 1;\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-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-v3-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-v3-tree-checkbox {\n  top: initial;\n  margin: 6px 6px 0 0;\n}\n.paraui-v3-tree .paraui-v3-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-v3-tree .paraui-v3-tree-node-content-wrapper:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 4px;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper.paraui-v3-tree-node-selected {\n  background-color: transparent;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-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-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle > svg {\n  vertical-align: -0.125em;\n  color: inherit;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle:empty {\n  display: none;\n}\n.paraui-v3-tree-unselectable .paraui-v3-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] {\n  line-height: 24px;\n  user-select: none;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator {\n  position: absolute;\n  z-index: 1;\n  height: 2px;\n  background-color: rgb(54, 102, 214);\n  border-radius: 1px;\n  pointer-events: none;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-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(54, 102, 214);\n  border-radius: 50%;\n  content: \"\";\n}\n.paraui-v3-tree .paraui-v3-tree-treenode.drop-container > [draggable] {\n  box-shadow: 0 0 0 2px rgb(54, 102, 214);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit {\n  position: relative;\n  height: 100%;\n}\n.paraui-v3-tree-show-line .paraui-v3-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-v3-tree-show-line .paraui-v3-tree-indent-unit-end::before {\n  display: none;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher {\n  background: rgb(255, 255, 255);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher_close svg {\n  transform: rotate(-90deg);\n  color: inherit;\n  font-size: 14px;\n  transition: transform 0.3s;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher_open svg {\n  color: inherit;\n  font-size: 14px;\n  transition: transform 0.3s;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher-line-icon {\n  vertical-align: -0.225em;\n  color: inherit;\n  font-size: 14px;\n}\n.paraui-v3-tree-node-content-wrapper {\n  overflow: hidden;\n  display: flex;\n}\n.paraui-v3-tree-node-content-wrapper .paraui-v3-tree-title {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n.paraui-v3-tree-node-content-wrapper .paraui-v3-tree-treenode-more-wrapper {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper--active {\n  background-color: rgba(171, 176, 185, 0.12) !important;\n  border-radius: 4px !important;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper--active .sector-anchor {\n  opacity: 1 !important;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner .paraui-v3-tree-node-content-wrapper {\n  flex-grow: 0;\n  flex-shrink: 1;\n}\n.paraui-v3-tree .paraui-v3-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-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  margin: 1px 0 0 18px;\n  line-height: 14px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.paraui-v3-tree .paraui-v3-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: rgba(171, 176, 185, 0.2);\n  pointer-events: none;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper--active .sector-anchor {\n  opacity: 1;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-iconEle {\n  position: absolute;\n  left: 8px;\n  top: 0;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-checkbox {\n  display: none !important;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-checkbox-checked + .paraui-v3-tree-node-content-wrapper {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-node-radio {\n  width: 16px;\n  height: 16px;\n  padding: 0;\n  margin-top: 4px;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable-showradio .paraui-v3-tree-node-content-wrapper {\n  padding-left: 28px;\n}\n\n.paraui-v3-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/index.js

@@ -22,7 +22,7 @@ export { D as Dropdown } from './_verture/index-77f9e0fb.js';
 export { default as DynamicMultiBox } from './DynamicMultiBox/index.js';
 export { default as Empty } from './Empty/index.js';
 export { default as Form } from './Form/index.js';
-export { F as FormItem } from './_verture/index-3414a559.js';
+export { F as FormItem } from './_verture/index-b698be52.js';
 export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-305f73f4.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';
@@ -69,7 +69,7 @@ export { Title } from './Title/index.js';
 export { ToggleButton, ToggleButtonGroup } from './ToggleButton/index.js';
 export { Tooltip } from './Tooltip/index.js';
 export { SSortablejs, Transfer } from './Transfer/index.js';
-export { T as Tree } from './_verture/index-48dc6207.js';
+export { T as Tree } from './_verture/index-b5400443.js';
 export { default as Upload } from './Upload/index.js';
 export { default as locale } from './locale/index.js';
 import './_verture/slicedToArray-76060636.js';

package/locale/en-US.d.ts

@@ -127,6 +127,8 @@ declare const _default: {
         refresh: string;
         selectNum: string;
         selectAll: string;
+        noHomePageEmpty: string;
+        returnPrevPage: string;
     };
     Tabs: {
         confirmDelete: string;

package/locale/index.d.ts

@@ -128,6 +128,8 @@ declare const _default: {
             refresh: string;
             selectNum: string;
             selectAll: string;
+            noHomePageEmpty: string;
+            returnPrevPage: string;
         };
         Tabs: {
             confirmDelete: string;
@@ -292,6 +294,8 @@ declare const _default: {
             refresh: string;
             selectNum: string;
             selectAll: string;
+            noHomePageEmpty: string;
+            returnPrevPage: string;
         };
         Tabs: {
             confirmDelete: string;

package/locale/index.js

@@ -126,7 +126,9 @@ var enUS = {
     "loadMore": "Load more",
     "refresh": "Refresh",
     "selectNum": "Selected {num} items",
-    "selectAll": "Select All"
+    "selectAll": "Select All",
+    "noHomePageEmpty": "There is no data on this page",
+    "returnPrevPage": "Return to previous page"
   },
   "Tabs": {
     "confirmDelete": "Are you sure delete?"
@@ -291,7 +293,9 @@ var zhCN = {
     "loadMore": "加载更多",
     "refresh": "刷新",
     "selectNum": "已选{num}项",
-    "selectAll": "全选"
+    "selectAll": "全选",
+    "noHomePageEmpty": "当前页面无数据",
+    "returnPrevPage": "返回上一页"
   },
   "Tabs": {
     "confirmDelete": "确定删除吗？"

package/locale/zh-CN.d.ts

@@ -127,6 +127,8 @@ declare const _default: {
         refresh: string;
         selectNum: string;
         selectAll: string;
+        noHomePageEmpty: string;
+        returnPrevPage: string;
     };
     Tabs: {
         confirmDelete: string;