@para-ui/core 3.0.0 → 3.0.2

package/_verture/{index-3d26f6a5.js → index-cc4c83b8.js}

@@ -17,6 +17,7 @@ import { ComboSelect } from '../ComboSelect/index.js';
 import HelperText from '../HelperText/index.js';
 import clsx from 'clsx';
 import Label from '../Label/index.js';
+import { $ as $prefixCls } from './constant-bf34e6fa.js';
 
 var FormRadioGroup = function FormRadioGroup(props) {
   var defaultValue = props.defaultValue,
@@ -41,7 +42,8 @@ var FormRadioGroup = function FormRadioGroup(props) {
 
   return jsx(RadioGroup, Object.assign({
     value: selectValue,
-    onChange: changeValue
+    onChange: changeValue,
+    hideErrorDom: true
   }, props));
 };
 
@@ -73,7 +75,8 @@ var FormSelect = function FormSelect(props) {
   }, [value]);
   return jsx(Select, Object.assign({
     labelMode: "inside",
-    onChange: changeValue
+    onChange: changeValue,
+    hideErrorDom: true
   }, props, {
     value: selectValue
   }));
@@ -102,7 +105,8 @@ var FormCheckboxGroup = function FormCheckboxGroup(props) {
 
   return jsx(CheckboxGroup, Object.assign({
     value: selectValue,
-    onChange: changeValue
+    onChange: changeValue,
+    hideErrorDom: true
   }, props));
 };
 
@@ -263,12 +267,12 @@ var validate = function validate(item, val) {
   return false;
 };
 
-var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-file-box {\n  padding: 6px;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-file-box .para-file-tips {\n  min-height: 20px;\n  position: relative;\n  padding: 6px;\n}\n.paraui-file-box .para-file-tips .file-tips-item {\n  position: relative;\n  height: 20px;\n  line-height: 16px;\n  padding-right: 20px;\n}\n.paraui-file-box .para-file-tips .file-tips-item > [data-name=LinkGroup] {\n  vertical-align: middle;\n  margin-right: 9px;\n}\n.paraui-file-box .para-file-tips .file-tips-item .file-tips-context {\n  display: inline-block;\n  vertical-align: middle;\n  width: calc(100% - 45px);\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-file-box .para-file-tips .file-tips-item > [data-name=Delete] {\n  display: none;\n  vertical-align: middle;\n  cursor: pointer;\n  position: absolute;\n  right: 3px;\n  top: 2px;\n}\n.paraui-file-box .para-file-tips .file-tips-item > [data-name=Delete]:hover {\n  opacity: 0.8;\n}\n.paraui-file-box .para-file-tips .file-tips-item:hover {\n  backgroundColor: #f5f5f5;\n}\n.paraui-file-box .para-file-tips .file-tips-item:hover > [data-name=Delete] {\n  display: inline-block;\n}";
+var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.form-file {\n  padding: 6px;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.form-file .file-tips {\n  min-height: 20px;\n  position: relative;\n  padding: 6px;\n}\n.form-file .file-tips .file-tips-item {\n  position: relative;\n  height: 20px;\n  line-height: 16px;\n  padding-right: 20px;\n}\n.form-file .file-tips .file-tips-item > [data-name=LinkGroup] {\n  vertical-align: middle;\n  margin-right: 9px;\n}\n.form-file .file-tips .file-tips-item .file-tips-context {\n  display: inline-block;\n  vertical-align: middle;\n  width: calc(100% - 45px);\n  color: rgba(46, 55, 67, 0.7);\n}\n.form-file .file-tips .file-tips-item > [data-name=Delete] {\n  display: none;\n  vertical-align: middle;\n  cursor: pointer;\n  position: absolute;\n  right: 3px;\n  top: 2px;\n}\n.form-file .file-tips .file-tips-item > [data-name=Delete]:hover {\n  opacity: 0.8;\n}\n.form-file .file-tips .file-tips-item:hover {\n  backgroundColor: #f5f5f5;\n}\n.form-file .file-tips .file-tips-item:hover > [data-name=Delete] {\n  display: inline-block;\n}";
 styleInject(css_248z$1);
 
 /**
-* 文件组件
-*/
+ * 文件组件
+ */
 
 var FormFile = function FormFile(props) {
   var _props$fileType = props.fileType,
@@ -280,14 +284,14 @@ var FormFile = function FormFile(props) {
       inputProps = props.inputProps,
       buttonProps = props.buttonProps;
   /**
-  * 存储文件输入框真实dom
-  * @type {HTMLInputElement}
-  */
+   * 存储文件输入框真实dom
+   * @type {HTMLInputElement}
+   */
 
   var inputFileEl = React__default.useRef(null);
   /**
-  * 模拟点击选择文件
-  */
+   * 模拟点击选择文件
+   */
 
   var inputFileClick = function inputFileClick() {
     var _a;
@@ -296,8 +300,8 @@ var FormFile = function FormFile(props) {
     (_a = inputFileEl.current) === null || _a === void 0 ? void 0 : _a.click();
   };
   /**
-  * 文件改变
-  */
+   * 文件改变
+   */
 
 
   var fileChange = function fileChange(value) {
@@ -307,9 +311,9 @@ var FormFile = function FormFile(props) {
     if (value === null) inputFileEl.current.value = null;
   };
   /**
-  * @type {string}
-  * 已选择的文件
-  */
+   * @type {string}
+   * 已选择的文件
+   */
 
 
   var _React$useState = React__default.useState(),
@@ -317,8 +321,8 @@ var FormFile = function FormFile(props) {
       selectedFile = _React$useState2[0],
       setSelectedFile = _React$useState2[1];
   /**
-  * 初始化操作
-  */
+   * 初始化操作
+   */
 
 
   React__default.useEffect(function () {
@@ -331,7 +335,7 @@ var FormFile = function FormFile(props) {
     }
   }, [defaultValue]);
   return jsxs("div", Object.assign({
-    className: 'para-file-box paraui-file-box'
+    className: 'form-file'
   }, {
     children: [!disabled && jsx(Button, Object.assign({
       variant: "outlined"
@@ -348,7 +352,7 @@ var FormFile = function FormFile(props) {
       hidden: true,
       accept: typeof fileType === 'string' ? fileType : fileType.join(',')
     })), selectedFile && selectedFile[0] && jsx("div", Object.assign({
-      className: "para-file-tips ".concat(disabled && 'para-file-tips-disabled' || '')
+      className: "file-tips ".concat(disabled && 'file-tips-disabled' || '')
     }, {
       children: jsxs("div", Object.assign({
         className: "file-tips-item"
@@ -397,7 +401,8 @@ var DefaultCompoments = function DefaultCompoments(props) {
     error: error,
     placeholder: placeholder,
     value: dValue,
-    disabled: disabled
+    disabled: disabled,
+    hideErrorDom: true
   }, inputProps), {
     onChange: function onChange(e) {
       var _a;
@@ -561,6 +566,7 @@ var ItemType = function ItemType(props) {
           multiline: true,
           rows: 3,
           name: name,
+          hideErrorDom: true,
           onChange: function onChange(e) {
             validateFunction(e.target.value);
           }
@@ -573,6 +579,7 @@ var ItemType = function ItemType(props) {
           defaultValue: backData[name],
           disabled: disabled,
           name: name,
+          hideErrorDom: true,
           onChange: function onChange(val) {
             validateFunction(val);
           }
@@ -612,6 +619,7 @@ var ItemType = function ItemType(props) {
             validateFunction(e.target.value);
           },
           name: name,
+          hideErrorDom: true,
           disabled: disabled
         }, inputProps));
     }
@@ -650,15 +658,26 @@ var ErrorTips = function ErrorTips(props) {
     getSetError && getSetError(setErrorTips);
   }, [getSetError]);
   return jsx(HelperText, Object.assign({
-    className: "para-error-tips",
+    className: "error-tips",
     error: true,
     helperText: errorTips
   }, helperTextProps));
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-form-item {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-form-item .para-form-label {\n  display: inline-block;\n}\n.paraui-form-item .para-form-edit > div {\n  padding: 0;\n  width: 100%;\n}\n.paraui-form-item .para-form-edit > div .paraui-helper-text {\n  display: none;\n}\n.paraui-form-item .para-form-edit-snack > div .paraui-helper-text {\n  display: block;\n}\n.paraui-form-item .para-form-edit .paraui-input-number .paraui-text-field {\n  padding: 0px;\n}\n.paraui-form-item .para-form-edit .paraui-check-box-group > label,\n.paraui-form-item .para-form-edit .paraui-radio-group > label {\n  display: none;\n}\n.paraui-form-item .para-form-edit .paraui-check-box-group > div,\n.paraui-form-item .para-form-edit .paraui-radio-group > div {\n  margin-top: 4px;\n}\n.paraui-form-item .para-form-content-vertical {\n  display: inline-block;\n  width: 100%;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-form-item {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v3-form-item.paraui-v3-form-item-checkGroup .form-label .form-labe-text, .paraui-v3-form-item.paraui-v3-form-item-radioGroup .form-label .form-labe-text {\n  margin-bottom: 4px;\n}\n.paraui-v3-form-item .form-label {\n  display: inline-block;\n}\n.paraui-v3-form-item .form-edit > div {\n  padding: 0;\n  width: 100%;\n}\n.paraui-v3-form-item .form-content-vertical {\n  display: inline-block;\n  width: 100%;\n}";
 styleInject(css_248z);
 
+var formInputTypeJson = {
+  checkGroup: true,
+  select: true,
+  radioGroup: true,
+  textarea: true,
+  default: true,
+  switch: true,
+  number: true,
+  file: true,
+  comboSelect: true
+};
 /**
  * form 表单单行组件
  * @author zhanzl
@@ -715,7 +734,7 @@ var FormItem = function FormItem(props) {
 
   var TypeLayout = function TypeLayout(props) {
     return type === 'vertical' ? jsx("div", Object.assign({
-      className: "para-form-content-vertical para-form-content-vertical-".concat(name),
+      className: "form-content-vertical form-content-vertical-".concat(name),
       style: {
         width: "calc(100% - ".concat(labelWidth, "px)")
       }
@@ -724,25 +743,38 @@ var FormItem = function FormItem(props) {
     })) : props.children;
   };
   /**
-  * 展示label
-  */
+   * 展示label
+   */
 
 
   var showLabel = React__default.useCallback(function () {
     if (!label) return '';
     return typeof label === 'string' ? label : label(props);
   }, [label]);
+  /** 处理className */
+
+  var handClass = function handClass() {
+    var str = "".concat($prefixCls, "-form-item ").concat($prefixCls, "-form-item-").concat(name);
+    if (className) str += ' ' + className;
+
+    if (typeof InputType === 'string' && formInputTypeJson[InputType]) {
+      str += " ".concat($prefixCls, "-form-item-").concat(InputType);
+    }
+
+    return str;
+  };
+
   return jsxs("div", Object.assign({
-    className: "para-form-item paraui-form-item paraui-form-item-".concat(name, " ").concat(className)
+    className: handClass()
   }, {
     children: [!hideLabel && jsx("div", Object.assign({
-      className: clsx("para-form-label para-form-label-".concat(name), type === 'vertical' && 'para-form-label-vertical'),
+      className: clsx("form-label form-label-".concat(name), type === 'vertical' && 'form-label-vertical'),
       style: {
         width: type === 'vertical' ? "".concat(labelWidth, "px") : ''
       }
     }, {
       children: jsx(Label, Object.assign({
-        className: clsx('para-form-labe-text', tips && 'para-form-labe-text-hastips'),
+        className: clsx('form-labe-text', tips && 'form-labe-text-hastips'),
         label: showLabel(),
         required: !!((_b = (_a = props === null || props === void 0 ? void 0 : props.rules) === null || _a === void 0 ? void 0 : _a.validate) === null || _b === void 0 ? void 0 : _b.required),
         tooltip: tips,
@@ -750,7 +782,7 @@ var FormItem = function FormItem(props) {
       }, labelProps))
     })), jsxs(TypeLayout, {
       children: [jsx("div", Object.assign({
-        className: "para-form-edit para-form-edit-".concat(name)
+        className: "form-edit form-edit-".concat(name)
       }, {
         children: !props.children ? jsx(ItemType, Object.assign({
           setError: setError,
@@ -761,7 +793,7 @@ var FormItem = function FormItem(props) {
           setValue: setValue
         })) : props.children
       })), !hideError && jsx("div", Object.assign({
-        className: "para-form-error para-form-error-".concat(name)
+        className: "form-error form-error-".concat(name)
       }, {
         children: jsx(ErrorTips, {
           getSetError: function getSetError(fuc) {

package/_verture/{index-ce3860a0.js → index-cf5bf211.js}

@@ -12,6 +12,7 @@ import LoadingOutlined from '@para-ui/icons/LoadingF';
 import FileOutlined from '@para-ui/icons/Document';
 import SolidArrowDown from '@para-ui/icons/DownTriangleF';
 import { Radio } from '../Radio/index.js';
+import { $ as $prefixCls } from './constant-bf34e6fa.js';
 import ReactDOM from 'react-dom';
 import EditOutlinedIcon from '@para-ui/icons/EditFile';
 import AddOutlinedIcon from '@para-ui/icons/PlusCircle';
@@ -226,7 +227,7 @@ var skipOpacityTransition = function skipOpacityTransition(_, event) {
 };
 
 var collapseMotion = {
-  motionName: 'paraui-motion-collapse',
+  motionName: "".concat($prefixCls, "-tree-motion-collapse"),
   onAppearStart: getCollapsedHeight,
   onEnterStart: getCollapsedHeight,
   onAppearActive: getRealHeight,
@@ -303,7 +304,7 @@ function renderTreeNodeIcon(nodeProps, radioable, checkedKey, replaceFields) {
   var key = replaceFields.key;
   var isChecked = ((_a = nodeProps.data) === null || _a === void 0 ? void 0 : _a[key]) === checkedKey;
   return jsx(Radio, {
-    className: 'paraui-tree-node-radio',
+    className: "".concat($prefixCls, "-tree-node-radio"),
     checked: isChecked
   });
 }
@@ -329,7 +330,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.sector-container {\n  position: relative;\n  z-index: 1500;\n}\n.sector-container .sector-item-container {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  padding: 0;\n}\n.sector-container .sector-item-container .sector-item {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 24px;\n  height: 24px;\n  background-color: rgb(255, 255, 255);\n  border-radius: 50%;\n  box-shadow: 4px 4px 6px rgba(70, 75, 105, 0.2), -4px -4px 6px rgba(0, 0, 0, 0.06);\n  cursor: pointer;\n  opacity: 0;\n}\n.sector-container .sector-item-container .sector-item svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.sector-container .sector-item-container .sector-item:hover {\n  color: rgb(54, 102, 214);\n}\n.sector-container .sector-item-container .sector-item:hover svg {\n  color: inherit;\n}\n.sector-container .sector-item-container .sector-item--del:hover {\n  color: rgb(235, 96, 84);\n}\n.sector-container .sector-item-container .sector-item--del:hover svg {\n  color: inherit;\n}";
+var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.sector-container {\n  position: relative;\n  z-index: 1500;\n}\n.sector-container .sector-item-container {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  padding: 0;\n}\n.sector-container .sector-item-container .sector-item {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 24px;\n  height: 24px;\n  background-color: rgb(255, 255, 255);\n  border-radius: 50%;\n  box-shadow: 4px 4px 6px rgba(70, 75, 105, 0.2), -4px -4px 6px rgba(0, 0, 0, 0.06);\n  cursor: pointer;\n  opacity: 0;\n}\n.sector-container .sector-item-container .sector-item svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.sector-container .sector-item-container .sector-item:hover {\n  color: rgb(54, 102, 214);\n}\n.sector-container .sector-item-container .sector-item:hover svg {\n  color: inherit;\n}\n.sector-container .sector-item-container .sector-item--del:hover {\n  color: rgb(235, 96, 84);\n}\n.sector-container .sector-item-container .sector-item--del:hover svg {\n  color: inherit;\n}";
 styleInject(css_248z$1);
 
 var getIconMap = function getIconMap(intl) {
@@ -752,7 +753,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
 
   var nodesRef = useRef([]); //保存节点状态
 
-  var prefixCls = 'paraui-tree'; //cls 前缀
+  var prefixCls = "".concat($prefixCls, "-tree"); //tree容器前缀
 
   var treeMapRef = useRef({}); //tree map
 
@@ -825,7 +826,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     };
 
     return jsxs("span", Object.assign({
-      className: 'paraui-tree-title-wrapper',
+      className: "".concat($prefixCls, "-tree-title-wrapper"),
       onMouseEnter: handleTreeNodeMEnter,
       onMouseLeave: handleTreeNodeMLeave
     }, {
@@ -848,7 +849,9 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     var _currTarget = evt.currentTarget;
 
     if (_currTarget) {
-      var cParentEl = _currTarget.closest('.paraui-tree-node-content-wrapper');
+      var pClsx = ".".concat($prefixCls, "-tree-node-content-wrapper");
+
+      var cParentEl = _currTarget.closest(pClsx);
 
       nodesRef.current.push(cParentEl);
       showMoreActionIcon(cParentEl, true);
@@ -862,7 +865,9 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     var _currTarget = evt.currentTarget;
 
     if (_currTarget) {
-      var cParentEl = _currTarget.closest('.paraui-tree-node-content-wrapper');
+      var pClsx = ".".concat($prefixCls, "-tree-node-content-wrapper");
+
+      var cParentEl = _currTarget.closest(pClsx);
 
       showMoreActionIcon(cParentEl, false);
     }
@@ -873,9 +878,9 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     if (!cParentEl) return;
 
     if (isShow) {
-      cParentEl === null || cParentEl === void 0 ? void 0 : cParentEl.classList.add('paraui-tree-node-content-wrapper--active');
+      cParentEl === null || cParentEl === void 0 ? void 0 : cParentEl.classList.add("".concat($prefixCls, "-tree-node-content-wrapper--active"));
     } else {
-      cParentEl === null || cParentEl === void 0 ? void 0 : cParentEl.classList.remove('paraui-tree-node-content-wrapper--active');
+      cParentEl === null || cParentEl === void 0 ? void 0 : cParentEl.classList.remove("".concat($prefixCls, "-tree-node-content-wrapper--active"));
     }
   }; //mouse enter sector
 
@@ -933,7 +938,8 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
 
   var handleOnRemove = function handleOnRemove(anchorEl) {
     if (anchorEl) {
-      var cParentEl = anchorEl.closest('.paraui-tree-node-content-wrapper');
+      var pCls = ".".concat($prefixCls, "-tree-node-content-wrapper");
+      var cParentEl = anchorEl.closest(pCls);
       showMoreActionIcon(cParentEl, false);
       removeSector(anchorEl);
     }
@@ -947,7 +953,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       nodesRef.current.forEach(function (el) {
         var _a;
 
-        (_a = el === null || el === void 0 ? void 0 : el.classList) === null || _a === void 0 ? void 0 : _a.remove('paraui-tree-node-content-wrapper--active');
+        (_a = el === null || el === void 0 ? void 0 : el.classList) === null || _a === void 0 ? void 0 : _a.remove("".concat($prefixCls, "-tree-node-content-wrapper--active"));
       });
       nodesRef.current.length = 0;
     }
@@ -976,13 +982,20 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }
 
     var mKeys = [].concat(_toConsumableArray(temp), _toConsumableArray(unMatchKeys));
-    setInCheckedKeys(mKeys);
+
+    if (!('checkedKeys' in props)) {
+      setInCheckedKeys(mKeys);
+    }
+
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(mKeys, e, halfChecked);
   }; //展开节点
 
 
   var internalExpand = function internalExpand(expandedKeys, e) {
-    setInExpandedKeys(_toConsumableArray(expandedKeys));
+    if (!('expandedKeys' in props)) {
+      setInExpandedKeys(_toConsumableArray(expandedKeys));
+    }
+
     onExpand === null || onExpand === void 0 ? void 0 : onExpand(expandedKeys, e);
   }; //请求树数据
 
@@ -1060,7 +1073,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
 
   var renderLoadMoreNode = function renderLoadMoreNode(dataNode) {
     return jsx("span", Object.assign({
-      className: "paraui-tree-treenode-more-wrapper",
+      className: "".concat($prefixCls, "-tree-treenode-more-wrapper"),
       onClick: function onClick(e) {
         e.stopPropagation();
         onLoadData(dataNode);
@@ -1445,7 +1458,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   }, [localFilter, localParams]); //渲染空状态
 
   var renderEmpty = jsx("div", Object.assign({
-    className: clsx('paraui-tree paraui-tree-empty', className),
+    className: clsx("".concat($prefixCls, "-tree ").concat($prefixCls, "-tree-empty"), className),
     style: props.style
   }, {
     children: notFoundContent !== null && notFoundContent !== void 0 ? notFoundContent : jsx(Empty, Object.assign({
@@ -1471,10 +1484,6 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       };
     }
 
-    if (props.onMounted) {
-      props.onMounted();
-    }
-
     return jsx(RcTree, Object.assign({
       itemHeight: 20,
       ref: ref
@@ -1518,7 +1527,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
 
   return jsxs(Fragment, {
     children: [jsxs("div", Object.assign({
-      className: clsx('paraui-tree-wrapper', wrapperClassName),
+      className: clsx("".concat($prefixCls, "-tree-wrapper"), wrapperClassName),
       style: wrapperStyle
     }, {
       children: [treeMemo, loading && jsx(Loading, {})]
@@ -1549,7 +1558,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-tree-treenode-leaf-last .paraui-tree-switcher-leaf-line::before {\n  top: auto !important;\n  bottom: auto !important;\n  height: 14px !important;\n}\n\n@keyframes paraCheckboxEffect {\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-tree-rtl {\n  direction: rtl;\n}\n.paraui-tree-rtl .paraui-tree-node-content-wrapper[draggable=true] .paraui-tree-drop-indicator::after {\n  right: -6px;\n  left: unset;\n}\n.paraui-tree .paraui-tree-treenode-rtl {\n  direction: rtl;\n}\n.paraui-tree-rtl .paraui-tree-switcher_close .paraui-tree-switcher-icon svg {\n  transform: rotate(90deg);\n}\n.paraui-tree-show-line .paraui-tree-indent-unit::before .paraui-tree-rtl.paraui-tree-show-line .paraui-tree-indent-unit::before {\n  right: auto;\n  left: -13px;\n  border-right: none;\n  border-left: 1px solid #d9d9d9;\n}\n.paraui-tree-checkbox .paraui-tree-rtl.paraui-tree-checkbox {\n  margin: 4px 0 0 8px;\n}\n\n.paraui-tree-select-dropdown-rtl .paraui-select-tree-checkbox {\n  margin: 4px 0 0 8px;\n}\n\n.paraui-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-tree-checkbox-wrapper:hover .paraui-tree-checkbox-inner, .paraui-tree-checkbox:hover .paraui-tree-checkbox-inner, .paraui-tree-checkbox-input:focus + .paraui-tree-checkbox-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-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  -webkit-animation: paraCheckboxEffect 0.36s ease-in-out;\n  animation: paraCheckboxEffect 0.36s ease-in-out;\n  -webkit-animation-fill-mode: backwards;\n  animation-fill-mode: backwards;\n  content: \"\";\n  box-sizing: border-box;\n}\n.paraui-tree-checkbox:hover::after, .paraui-tree-checkbox-wrapper:hover .paraui-tree-checkbox::after {\n  visibility: visible;\n}\n.paraui-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-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-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-tree-checkbox-checked .paraui-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-tree-checkbox-checked .paraui-tree-checkbox-inner {\n  background-color: rgb(54, 102, 214);\n  border-color: rgb(54, 102, 214);\n}\n\n.paraui-tree-checkbox-disabled {\n  cursor: not-allowed;\n}\n.paraui-tree-checkbox-disabled.paraui-tree-checkbox-checked .paraui-tree-checkbox-inner::after {\n  border-color: rgba(0, 0, 0, 0.25);\n  -webkit-animation-name: none;\n  animation-name: none;\n}\n.paraui-tree-checkbox-disabled .paraui-tree-checkbox-input {\n  cursor: not-allowed;\n}\n.paraui-tree-checkbox-disabled .paraui-tree-checkbox-inner {\n  background-color: #f5f5f5;\n  border-color: #d9d9d9 !important;\n}\n.paraui-tree-checkbox-disabled .paraui-tree-checkbox-inner::after {\n  border-color: #f5f5f5;\n  border-collapse: separate;\n  -webkit-animation-name: none;\n  animation-name: none;\n}\n.paraui-tree-checkbox-disabled + span {\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-tree-checkbox-disabled:hover::after, .paraui-tree-checkbox-wrapper:hover .paraui-tree-checkbox-disabled::after {\n  visibility: hidden;\n}\n\n.paraui-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-tree-checkbox-wrapper.paraui-tree-checkbox-wrapper-disabled {\n  cursor: not-allowed;\n}\n.paraui-tree-checkbox-wrapper + .paraui-tree-checkbox-wrapper {\n  margin-left: 8px;\n}\n\n.paraui-tree-checkbox + span {\n  padding-right: 8px;\n  padding-left: 8px;\n}\n\n.paraui-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-tree-checkbox-group-item {\n  margin-right: 8px;\n}\n.paraui-tree-checkbox-group-item:last-child {\n  margin-right: 0;\n}\n.paraui-tree-checkbox-group-item + .paraui-tree-checkbox-group-item {\n  margin-left: 0;\n}\n\n.paraui-tree-checkbox-indeterminate .paraui-tree-checkbox-inner {\n  background-color: rgb(54, 102, 214);\n  border-color: rgb(54, 102, 214);\n}\n.paraui-tree-checkbox-indeterminate .paraui-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-tree-checkbox-indeterminate.paraui-tree-checkbox-disabled .paraui-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-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-tree-focused:not(:hover):not(.paraui-tree-active-focused) {\n  background: #e6f7ff;\n}\n.paraui-tree-list-holder-inner {\n  align-items: flex-start;\n}\n.paraui-tree.paraui-tree-block-node .paraui-tree-list-holder-inner {\n  align-items: stretch;\n}\n.paraui-tree.paraui-tree-block-node .paraui-tree-list-holder-inner .paraui-tree-node-content-wrapper {\n  flex: auto;\n}\n.paraui-tree .paraui-tree-treenode {\n  display: flex;\n  align-items: flex-start;\n  outline: none;\n}\n.paraui-tree .paraui-tree-treenode-disabled .paraui-tree-node-content-wrapper {\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-tree .paraui-tree-treenode-disabled .paraui-tree-node-content-wrapper:hover {\n  background: transparent;\n}\n.paraui-tree .paraui-tree-treenode-active .paraui-tree-node-content-wrapper {\n  background: #f5f5f5;\n}\n.paraui-tree .paraui-tree-treenode:not(.paraui-tree .paraui-tree-treenode-disabled).filter-node .paraui-tree-title {\n  color: inherit;\n  font-weight: 500;\n}\n.paraui-tree-indent {\n  align-self: stretch;\n  white-space: nowrap;\n  user-select: none;\n}\n.paraui-tree-indent-unit {\n  display: inline-block;\n  width: 24px;\n}\n.paraui-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  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.paraui-tree-switcher .paraui-tree-switcher-icon,\n.paraui-tree-switcher .paraui-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-tree-switcher .paraui-tree-switcher-icon svg,\n.paraui-tree-switcher .paraui-select-tree-switcher-icon svg {\n  font-size: inherit;\n  color: inherit;\n  transition: transform 0.3s;\n}\n.paraui-tree-switcher-noop {\n  cursor: default;\n}\n.paraui-tree-switcher_close .paraui-tree-switcher-icon {\n  transform: rotate(-90deg);\n}\n.paraui-tree-switcher_close .paraui-tree-switcher-icon svg {\n  color: currentColor;\n  transform: rotate(-90deg);\n}\n.paraui-tree-switcher-loading-icon {\n  color: rgb(54, 102, 214);\n  will-change: transform;\n  transition: transform 0.3s ease-in-out;\n  animation: loadingCircle 1s infinite linear;\n  vertical-align: middle;\n  font-size: 14px !important;\n}\n@keyframes loadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-tree-switcher-leaf-line {\n  position: relative;\n  z-index: 1;\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n}\n.paraui-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-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-tree-checkbox {\n  top: initial;\n  margin: 6px 6px 0 0;\n}\n.paraui-tree .paraui-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-tree .paraui-tree-node-content-wrapper:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 4px;\n}\n.paraui-tree .paraui-tree-node-content-wrapper.paraui-tree-node-selected {\n  background-color: transparent;\n  color: rgb(54, 102, 214);\n}\n.paraui-tree .paraui-tree-node-content-wrapper .paraui-tree-iconEle {\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin-left: -6px;\n  line-height: 24px;\n  text-align: center;\n  vertical-align: top;\n}\n.paraui-tree .paraui-tree-node-content-wrapper .paraui-tree-iconEle > svg {\n  vertical-align: -0.125em;\n  color: inherit;\n}\n.paraui-tree .paraui-tree-node-content-wrapper .paraui-tree-iconEle:empty {\n  display: none;\n}\n.paraui-tree-unselectable .paraui-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-tree-node-content-wrapper[draggable=true] {\n  line-height: 24px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.paraui-tree-node-content-wrapper[draggable=true] .paraui-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-tree-node-content-wrapper[draggable=true] .paraui-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-tree .paraui-tree-treenode.drop-container > [draggable] {\n  box-shadow: 0 0 0 2px rgb(54, 102, 214);\n}\n.paraui-tree-show-line .paraui-tree-indent-unit {\n  position: relative;\n  height: 100%;\n}\n.paraui-tree-show-line .paraui-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-tree-show-line .paraui-tree-indent-unit-end::before {\n  display: none;\n}\n.paraui-tree-show-line .paraui-tree-switcher {\n  background: rgb(255, 255, 255);\n}\n.paraui-tree-show-line .paraui-tree-switcher_close svg {\n  transform: rotate(-90deg);\n  color: inherit;\n  font-size: 14px;\n  transition: transform 0.3s;\n}\n.paraui-tree-show-line .paraui-tree-switcher_open svg {\n  color: inherit;\n  font-size: 14px;\n  transition: transform 0.3s;\n}\n.paraui-tree-show-line .paraui-tree-switcher-line-icon {\n  vertical-align: -0.225em;\n  color: inherit;\n  font-size: 14px;\n}\n.paraui-tree-empty {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-tree-node-content-wrapper .paraui-tree-treenode-more-wrapper {\n  color: rgb(54, 102, 214);\n}\n.paraui-tree .paraui-tree-node-content-wrapper--active {\n  background-color: rgba(171, 176, 185, 0.12) !important;\n  border-radius: 4px !important;\n}\n.paraui-tree .paraui-tree-node-content-wrapper--active .sector-anchor {\n  opacity: 1;\n}\n.paraui-tree-title-wrapper {\n  display: inline-flex;\n  align-items: center;\n  margin: 0 -6px;\n  padding: 0 6px;\n}\n.paraui-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-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-tree-title-wrapper .sector-anchor svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-tree-title-wrapper--active .sector-anchor {\n  opacity: 1;\n}\n.paraui-tree-radioable .paraui-tree-iconEle {\n  position: absolute;\n  left: -18px;\n  top: 0;\n}\n.paraui-tree-radioable .paraui-tree-checkbox {\n  display: none !important;\n}\n.paraui-tree-radioable .paraui-tree-checkbox-checked + .paraui-tree-node-content-wrapper {\n  color: rgb(54, 102, 214);\n}\n.paraui-tree-radioable .paraui-tree-node-radio {\n  width: 16px;\n  height: 16px;\n  margin-top: 4px;\n}\n.paraui-tree-radioable-showradio .paraui-tree-node-content-wrapper {\n  margin-left: 22px;\n}\n\n.paraui-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/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\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: 24px;\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 .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-title-wrapper {\n  display: inline-flex;\n  align-items: center;\n  margin: 0 -6px;\n  padding: 0 6px;\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: -18px;\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  margin-left: 22px;\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.d.ts

@@ -94,6 +94,8 @@ export { default as SelectInput } from './SelectInput';
 export * from './SelectInput';
 export { default as Selector } from './Selector';
 export * from './Selector';
+export { default as SelectorPicker } from './SelectorPicker';
+export * from './SelectorPicker';
 export { default as SingleBox } from './SingleBox';
 export * from './SingleBox';
 export { default as Slider } from './Slider';
@@ -118,6 +120,8 @@ export { default as TimePicker } from './TimePicker';
 export * from './TimePicker';
 export { default as Timeline } from './Timeline';
 export * from './Timeline';
+export { default as Title } from './Title';
+export * from './Title';
 export { default as ToggleButton } from './ToggleButton';
 export * from './ToggleButton';
 export { default as Tooltip } from './Tooltip';

package/index.js

@@ -19,8 +19,8 @@ export { Drawer } from './Drawer/index.js';
 export { Dropdown } from './Dropdown/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-3d26f6a5.js';
-export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-fc19f4ae.js';
+export { F as FormItem } from './_verture/index-cc4c83b8.js';
+export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-95c3fc87.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';
 export { default as HelperText } from './HelperText/index.js';
@@ -46,7 +46,8 @@ export { RadioGroup } from './RadioGroup/index.js';
 export { Search } from './Search/index.js';
 export { default as Select } from './Select/index.js';
 export { SelectInput } from './SelectInput/index.js';
-export { default as Selector } from './Selector/index.js';
+export { default as Selector, handFieldConfig } from './Selector/index.js';
+export { default as SelectorPicker } from './SelectorPicker/index.js';
 export { SingleBox } from './SingleBox/index.js';
 export { Slider } from './Slider/index.js';
 export { default as Split } from './Split/index.js';
@@ -59,16 +60,19 @@ export { Test } from './Test/index.js';
 export { TextField } from './TextField/index.js';
 export { default as TimePicker } from './TimePicker/index.js';
 export { Timeline } from './Timeline/index.js';
+export { Title } from './Title/index.js';
 export { ToggleButton, ToggleButtonGroup } from './ToggleButton/index.js';
 export { Tooltip } from './Tooltip/index.js';
 export { Transfer } from './Transfer/index.js';
-export { T as Tree } from './_verture/index-ce3860a0.js';
+export { T as Tree } from './_verture/index-cf5bf211.js';
 export { default as Upload } from './Upload/index.js';
 import './_verture/slicedToArray-d7722f4b.js';
 import 'react/jsx-runtime';
 import 'react';
-import '@para-ui/icons/More';
+import 'react-dom';
 import '@paraview/lib';
+import './_verture/constant-bf34e6fa.js';
+import '@para-ui/icons/More';
 import './_verture/style-inject.es-300983ab.js';
 import './_verture/toConsumableArray-f8047a75.js';
 import './_verture/typeof-498dd2b1.js';
@@ -111,7 +115,6 @@ import 'rc-input-number';
 import '@para-ui/icons/Up';
 import '@para-ui/icons/Minus';
 import '@para-ui/icons/Plus';
-import 'react-dom';
 import '@para-ui/icons';
 import '@para-ui/icons/IndentRightFill';
 import '@para-ui/icons/IndentLeftFill';
@@ -127,6 +130,7 @@ import '@para-ui/icons/DoubleRight';
 import '@para-ui/icons/Left';
 import 'rc-progress';
 import '@para-ui/icons/Check';
+import '@para-ui/icons/Refresh';
 import 'rc-slider';
 import 'rc-steps';
 import '@para-ui/icons/One';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "3.0.0",
+  "version": "3.0.2",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",
@@ -9,13 +9,14 @@
   "license": "ParaView",
   "scripts": {
     "ci": "npm ci --unsafe-perm && npm run build",
-    "start": "node run dev && webpack serve --config=./config/webpack.dev.config.js",
-    "build": "rm -rf lib && rollup -c",
+    "start": "node run dev && webpack serve --mode=development --config=./config/webpack.dev.config.js",
+    "build:docs": "node run && webpack --config=./config/webpack.dev.config.js",
+    "build": "rm -rf dist && rollup -c",
     "npm:publish": "./publish.sh"
   },
   "dependencies": {
-    "@para-ui/core": "^2.0.9",
-    "@para-ui/icons": "^2.1.15",
+    "@para-ui/core": "^3.0.0",
+    "@para-ui/icons": "^3.0.0",
     "@paraview/lib": "^2.0.3",
     "clsx": "1.1.1",
     "dayjs": "^1.11.3",
@@ -70,12 +71,14 @@
     "@types/react-slick": "^0.23.8",
     "@types/react-syntax-highlighter": "^13.5.2",
     "@types/react-transition-group": "^4.4.4",
+    "copy-webpack-plugin": "^11.0.0",
     "core-js": "^3.21.1",
     "css-loader": "^3.4.2",
     "file-loader": "^5.1.0",
     "fs-extra": "^8.1.0",
     "html-webpack-plugin": "^5.5.0",
     "mini-css-extract-plugin": "^2.6.1",
+    "minimist": "^1.2.6",
     "postcss": "^8.4.14",
     "postcss-import": "^14.1.0",
     "react-app-polyfill": "^3.0.0",