@para-ui/core 3.0.0 → 3.0.1

package/SelectorPicker/index.js

@@ -0,0 +1,316 @@
+import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-f8047a75.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, Fragment as Fragment$1 } from 'react';
+import HelperText from '../HelperText/index.js';
+import Label from '../Label/index.js';
+import clsx from 'clsx';
+import { Dropdown } from '../Dropdown/index.js';
+import Selector, { handFieldConfig } from '../Selector/index.js';
+import CloseCircle from '@para-ui/icons/CloseCircle';
+import Down from '@para-ui/icons/Down';
+import CloseIcon from '@para-ui/icons/Close';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../Help/index.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Help';
+import 'rc-dropdown';
+import '../_verture/index-342379c6.js';
+import '../Radio/index.js';
+import '../Checkbox/index.js';
+import '../Popover/index.js';
+import '../Loading/index.js';
+import '@para-ui/icons/LoadingF';
+import '../Search/index.js';
+import '../TextField/index.js';
+import '../_verture/typeof-498dd2b1.js';
+import '@paraview/lib';
+import '@para-ui/icons/PreviewClose';
+import '@para-ui/icons/PreviewOpen';
+import '../AutoTips/index.js';
+import '../_verture/useGlobalProps-af9a2af6.js';
+import '@para-ui/core/GlobalContext';
+import '../Button/index.js';
+import '@para-ui/icons/Forbid';
+import '../_verture/useFormatMessage-ac9d6acf.js';
+import '@para-ui/icons/Search';
+import '../Breadcrumbs/index.js';
+import '@para-ui/icons/More';
+import '../Empty/index.js';
+import '@para-ui/icons/Refresh';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/2 5:57 PM\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-selector-picker-wrapper {\n  position: relative;\n  display: flex;\n  min-height: 36px;\n  padding: 0 42px 0 12px;\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-selector-picker-wrapper:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-placeholder {\n  position: absolute;\n  top: 50%;\n  left: 12px;\n  right: 42px;\n  transform: translateY(-50%);\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-arrow {\n  position: absolute;\n  top: 7px;\n  right: 12px;\n  line-height: 0;\n  transition: 0.3s;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-arrow svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-clear {\n  position: absolute;\n  top: 9px;\n  right: 12px;\n  opacity: 0;\n  line-height: 0;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-clear svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 16px;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-overflow {\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex: auto;\n  flex-wrap: wrap;\n  padding-top: 5px;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-overflow-single {\n  padding-top: 0;\n  align-items: center;\n  overflow: hidden;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-overflow-single .paraui-selector-picker-single-content {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-overflow-item {\n  flex: none;\n  max-width: 100%;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-overflow-item .paraui-selector-picker-item {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 12px;\n  height: 24px;\n  margin: 0 8px 5px 0;\n  max-width: 100%;\n  color: rgb(46, 55, 67);\n  line-height: 24px;\n  background-color: rgba(171, 176, 185, 0.2);\n  border-radius: 4px;\n  user-select: none;\n  transition: 0.3s;\n  cursor: default;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-overflow-item .paraui-selector-picker-item-content {\n  display: inline-block;\n  margin-right: 4px;\n  overflow: hidden;\n  font-size: 12px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-overflow-item .paraui-selector-picker-item .paraui-selector-picker-item-remove {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-overflow-item .paraui-selector-picker-item .paraui-selector-picker-item-remove svg {\n  font-size: 16px;\n  color: inherit;\n}\n.paraui-selector-picker-focused .paraui-selector-picker-wrapper {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-selector-picker-focused .paraui-selector-picker-wrapper .paraui-selector-picker-arrow {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-selector-picker-disabled {\n  cursor: not-allowed;\n}\n.paraui-selector-picker-disabled .paraui-selector-picker-wrapper {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n  pointer-events: none;\n}\n.paraui-selector-picker-error .paraui-selector-picker-wrapper {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-selector-picker-error .paraui-selector-picker-wrapper:hover {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-selector-picker-clear .paraui-selector-picker-wrapper:hover .paraui-selector-picker-arrow {\n  opacity: 0;\n}\n.paraui-selector-picker-clear .paraui-selector-picker-wrapper:hover .paraui-selector-picker-clear {\n  opacity: 1;\n}\n.paraui-selector-picker-dropdown .paraui-selector {\n  border: 0;\n}";
+styleInject(css_248z);
+
+var SelectorPicker = function SelectorPicker(props) {
+  var _a, _b, _c;
+
+  var className = props.className,
+      label = props.label,
+      value = props.value,
+      defaultValue = props.defaultValue,
+      _props$required = props.required,
+      required = _props$required === void 0 ? false : _props$required,
+      labelTooltip = props.labelTooltip,
+      _props$error = props.error,
+      error = _props$error === void 0 ? false : _props$error,
+      helperText = props.helperText,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'medium' : _props$size,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      style = props.style,
+      _props$placeholder = props.placeholder,
+      placeholder = _props$placeholder === void 0 ? '请选择' : _props$placeholder,
+      _props$multiple = props.multiple,
+      multiple = _props$multiple === void 0 ? false : _props$multiple,
+      maxCount = props.maxCount,
+      _props$allowClear = props.allowClear,
+      allowClear = _props$allowClear === void 0 ? false : _props$allowClear,
+      selectorProps = props.selectorProps,
+      onChange = props.onChange,
+      onClear = props.onClear;
+  var fieldConfigHand = handFieldConfig((_a = props.selectorProps) === null || _a === void 0 ? void 0 : _a.fieldConfig, ((_b = props.selectorProps) === null || _b === void 0 ? void 0 : _b.rowKey) || 'key'); // 字段配置,对应数据字段
+
+  var selectorFieldConfigHand = Object.assign(Object.assign({}, fieldConfigHand), (_c = props.selectorProps) === null || _c === void 0 ? void 0 : _c.backDataFieldConfig); // 选中值字段配置,对应数据字段
+
+  var _useState = useState(!defaultValue ? [] : defaultValue),
+      _useState2 = _slicedToArray(_useState, 2),
+      valueCom = _useState2[0],
+      setValueCom = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      open = _useState4[0],
+      setOpen = _useState4[1]; // 显示下拉
+
+
+  var prefixCls = 'paraui-selector-picker';
+  /** 改变事件 val绑定值, node处理过的数据 rowData原始数据 */
+
+  var onChangeCom = function onChangeCom(val, node, rowData) {
+    onChange && onChange(val, node, rowData);
+
+    if (value === undefined) {
+      setValueCom(!val ? [] : val);
+    }
+  };
+  /** 处理value,defaultValue */
+
+
+  var handValue = function handValue() {
+    if (value !== undefined) return value;
+    return valueCom;
+  };
+  /** 处理组件绑定的值 */
+
+
+  var handComVal = function handComVal() {
+    var val = handValue();
+    var handVal = !val ? [] : [val];
+
+    if (val instanceof Array) {
+      handVal = _toConsumableArray(val);
+    }
+
+    return handVal;
+  }; //打开浮层
+
+
+  var openSelector = function openSelector() {
+    setOpen(true);
+  }; //生成cls
+
+
+  var makeCls = function makeCls() {
+    var _clsx;
+
+    var list = handComVal();
+    return clsx(prefixCls, className, (_clsx = {}, _defineProperty(_clsx, "".concat(prefixCls, "-focused"), open), _defineProperty(_clsx, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_clsx, "".concat(prefixCls, "-error"), error), _defineProperty(_clsx, "".concat(prefixCls, "-clear"), allowClear && list.length), _defineProperty(_clsx, "".concat(prefixCls, "-").concat(size), size !== 'medium'), _clsx));
+  }; //渲染label
+
+
+  var renderLabel = function renderLabel() {
+    if (label || required) {
+      return jsx(Label, Object.assign({
+        label: label,
+        required: required
+      }, labelTooltip));
+    }
+
+    return null;
+  }; //删除当前选中项
+
+
+  var handleTagRemove = function handleTagRemove(opt, index, e) {
+    e.stopPropagation();
+    var list = handComVal();
+    list.splice(index, 1);
+    onChangeCom(_toConsumableArray(list), {}, {});
+  }; //全部清空
+
+
+  var handleAllClear = function handleAllClear(e) {
+    e.stopPropagation();
+    setOpen(false);
+    onClear === null || onClear === void 0 ? void 0 : onClear();
+    onChangeCom(multiple ? [] : {}, {}, {});
+  };
+  /** 处理tag标签 */
+
+
+  var handTagDom = function handTagDom(item, index) {
+    var labelStr = selectorFieldConfigHand.mainTitle || '';
+    var val = selectorFieldConfigHand.key || '';
+    return jsx("div", Object.assign({
+      className: "".concat(prefixCls, "-overflow-item")
+    }, {
+      children: jsxs("span", Object.assign({
+        className: "".concat(prefixCls, "-item")
+      }, {
+        children: [jsx("span", Object.assign({
+          className: "".concat(prefixCls, "-item-content")
+        }, {
+          children: item[labelStr] || item[val]
+        })), jsx("span", Object.assign({
+          className: "".concat(prefixCls, "-item-remove"),
+          onClick: function onClick(e) {
+            return handleTagRemove === null || handleTagRemove === void 0 ? void 0 : handleTagRemove(item, index, e);
+          }
+        }, {
+          children: jsx(CloseIcon, {})
+        }))]
+      }))
+    }));
+  }; //tag memo
+
+
+  var tagMemo = function tagMemo() {
+    var _a;
+
+    var list = handComVal();
+    if (!list.length) return;
+
+    if (!multiple) {
+      //单选
+      return jsx("span", Object.assign({
+        className: "".concat(prefixCls, "-single-content")
+      }, {
+        children: (_a = list[0]) === null || _a === void 0 ? void 0 : _a.label
+      }));
+    }
+
+    var realShowList = _toConsumableArray(list); //实际
+
+
+    var overList = []; //超出显示
+
+    if (maxCount) {
+      if (list.length > maxCount) {
+        overList = list.slice(maxCount);
+        realShowList = list.slice(0, maxCount);
+      }
+    } //超出部分
+
+
+    var renderOverTag = (overList === null || overList === void 0 ? void 0 : overList.length) ? jsx("div", Object.assign({
+      className: "".concat(prefixCls, "-overflow-item")
+    }, {
+      children: jsx("span", Object.assign({
+        className: "".concat(prefixCls, "-item")
+      }, {
+        children: jsx("span", Object.assign({
+          className: "".concat(prefixCls, "-item-content")
+        }, {
+          children: "+".concat(overList === null || overList === void 0 ? void 0 : overList.length)
+        }))
+      }))
+    })) : null;
+    return jsxs(Fragment, {
+      children: [realShowList.map(function (item, idx) {
+        return jsx(Fragment$1, {
+          children: handTagDom(item, idx)
+        }, idx);
+      }), renderOverTag]
+    });
+  };
+  /** dropdown 下拉浮层 */
+
+
+  var renderOverlay = function renderOverlay() {
+    var handSelectorProps = function handSelectorProps() {
+      var obj = Object.assign({
+        layout: 'list',
+        disabled: disabled,
+        selectMode: multiple ? 'check' : 'radio',
+        value: handValue(),
+        defaultValue: defaultValue,
+        onChange: onChangeCom
+      }, selectorProps);
+      return obj;
+    };
+
+    return jsx("div", {
+      children: jsx(Selector, Object.assign({}, handSelectorProps()))
+    });
+  }; //dropdown anchor
+
+
+  var renderAnchor = function renderAnchor() {
+    var list = handComVal();
+    var overflowCls = clsx("".concat(prefixCls, "-overflow"), !multiple && "".concat(prefixCls, "-overflow-single")); //清除图标
+
+    var clearBtn = allowClear && list.length ? jsx("span", Object.assign({
+      className: "".concat(prefixCls, "-clear"),
+      onClick: handleAllClear
+    }, {
+      children: jsx(CloseCircle, {})
+    })) : null;
+    return jsxs("div", Object.assign({
+      className: "".concat(prefixCls, "-wrapper"),
+      onClick: openSelector
+    }, {
+      children: [jsx("div", Object.assign({
+        className: overflowCls
+      }, {
+        children: tagMemo()
+      })), jsx("span", Object.assign({
+        className: "".concat(prefixCls, "-arrow")
+      }, {
+        children: jsx(Down, {})
+      })), clearBtn, !list.length && jsx("span", Object.assign({
+        className: "".concat(prefixCls, "-placeholder")
+      }, {
+        children: placeholder
+      }))]
+    }));
+  };
+
+  return jsxs("div", Object.assign({
+    className: makeCls(),
+    style: style
+  }, {
+    children: [renderLabel(), jsx(Dropdown, Object.assign({
+      visible: open,
+      destroyPopupOnHide: true,
+      overlay: renderOverlay(),
+      placement: 'bottomLeft',
+      trigger: ['click'],
+      onVisibleChange: function onVisibleChange(vis) {
+        return setOpen(vis);
+      },
+      overlayClassName: 'paraui-selector-picker-dropdown'
+    }, {
+      children: renderAnchor()
+    })), jsx(HelperText, {
+      error: error,
+      helperText: helperText
+    })]
+  }));
+};
+
+export { SelectorPicker as default };

package/Table/index.js

@@ -503,11 +503,15 @@ var TableHead$1 = function TableHead(props) {
         align: "center",
         className: handCls()
       }, {
-        children: jsx(Checkbox, {
-          indeterminate: indeterminate,
-          checked: checked,
-          onChange: onSelectAll
-        })
+        children: jsx("div", Object.assign({
+          className: 'table-header-box'
+        }, {
+          children: jsx(Checkbox, {
+            indeterminate: indeterminate,
+            checked: checked,
+            onChange: onSelectAll
+          })
+        }))
       }));
     }
   }, [check, indeterminate, checked, selectAll, posFixed, radio, expandable]); // 单选框memo
@@ -808,7 +812,11 @@ var TableHead$1 = function TableHead(props) {
         className: handCls(),
         onClick: clickShowColums
       }, {
-        children: jsx(Panel, {})
+        children: jsx("div", Object.assign({
+          className: 'table-header-box'
+        }, {
+          children: jsx(Panel, {})
+        }))
       }))
     }));
   }, [showColumns, posFixed, operate, anchorElColums, showList, headDataJson]); // 处理class
@@ -1525,7 +1533,7 @@ var TableElement = function TableElement(props) {
   }));
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-table {\n  width: 100%;\n  height: 100%;\n  display: inline-block;\n  overflow: auto;\n  background-color: white;\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-table.paraui-table-no-data > .paraui-table-container > table {\n  height: 100%;\n}\n.paraui-table.paraui-table-load.paraui-table-no-data > .paraui-table-container > table {\n  height: auto;\n}\n.paraui-table.paraui-table-radio.paraui-table-check .table-radio {\n  left: 48px;\n}\n.paraui-table.paraui-table-expandable.paraui-table-check .table-expandable {\n  left: 48px;\n}\n.paraui-table.paraui-table-expandable.paraui-table-check.paraui-table-radio .table-expandable {\n  left: 80px;\n}\n.paraui-table > .table-contain {\n  height: 100%;\n  position: relative;\n}\n.paraui-table > .table-contain > table {\n  height: auto;\n}\n.paraui-table > .table-contain > table .table-checkbox {\n  left: 0;\n}\n.paraui-table > .table-contain > table .table-checkbox > label {\n  vertical-align: middle;\n}\n.paraui-table > .table-contain > table .table-radio {\n  left: 0;\n}\n.paraui-table > .table-contain > table .table-radio > label {\n  vertical-align: middle;\n}\n.paraui-table > .table-contain > table .table-expandable {\n  left: 0;\n}\n.paraui-table > .table-contain > table .table-expandable > svg {\n  vertical-align: middle;\n}\n.paraui-table > .table-contain > table > .table-head {\n  width: 100%;\n  white-space: nowrap;\n}\n.paraui-table > .table-contain > table > .table-head > tr th {\n  height: 50px;\n}\n.paraui-table > .table-contain > table > .table-head.table-head-scroll tr th {\n  max-width: 240px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box {\n  height: 49px;\n  line-height: 49px;\n  position: relative;\n  padding: 0 8px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n  height: 100%;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > span {\n  height: 100%;\n  display: inline-block;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n  width: 100%;\n  color: rgba(46, 55, 67, 0.7);\n  font-weight: 700;\n  font-size: 14px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-sort-svg {\n  line-height: 0;\n  width: 12px;\n  margin-left: 5px;\n  white-space: pre-wrap;\n  vertical-align: top;\n  height: inherit;\n  padding-top: 15px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-sort-svg > svg {\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-sort-svg > .up-svg {\n  position: relative;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-sort-svg > .down-svg {\n  position: relative;\n  top: -5px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter {\n  position: absolute;\n  right: 0;\n  top: 0;\n  cursor: pointer;\n  width: 28px;\n  text-align: left;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter:hover {\n  background-color: rgb(227, 234, 247);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  margin-left: 7px;\n  position: relative;\n  top: 2px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort {\n  cursor: pointer;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort > .table-header-title > .table-header-title-label {\n  max-width: calc(100% - 18px);\n  width: auto;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box.table-header-box-filter > .table-header-title {\n  margin-right: 18px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-header-title > .table-sort-svg > .up-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-header-title > .table-sort-svg > .down-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head .show-colums {\n  width: 56px;\n  cursor: pointer;\n  border-left: 1px solid rgba(171, 176, 185, 0.12);\n  right: 0;\n}\n.paraui-table > .table-contain > table > .table-head .show-colums > svg {\n  font-size: 24px;\n  color: rgba(46, 55, 67, 0.7);\n  position: relative;\n  top: 5px;\n}\n.paraui-table > .table-contain > table > .table-head .show-colums:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n  padding-left: 16px;\n}\n.paraui-table > .table-contain > table > .table-head .table-head-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-table > .table-contain > table > .table-head .table-head-btn:first-child {\n  width: 48px;\n}\n.paraui-table > .table-contain > table > .table-body {\n  width: 100%;\n}\n.paraui-table > .table-contain > table > .table-body.table-body-scroll tr td {\n  max-width: 240px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-table > .table-contain > table > .table-body tr {\n  height: 56px;\n}\n.paraui-table > .table-contain > table > .table-body tr td {\n  background-color: white;\n}\n.paraui-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n  background-color: rgb(249, 250, 251);\n}\n.paraui-table > .table-contain > table > .table-body tr:hover td {\n  background-color: rgb(237, 241, 249);\n}\n.paraui-table > .table-contain > table > .table-body tr .table-expandable > svg {\n  transition: all 0.3s;\n  cursor: pointer;\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-body .more-table-row {\n  cursor: pointer;\n}\n.paraui-table > .table-contain > table > .table-body .more-table-row .more-btn {\n  color: rgb(54, 102, 214);\n  font-size: 14px;\n}\n.paraui-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n  padding-left: 16px;\n}\n.paraui-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n  padding: 0;\n}\n.paraui-table > .table-contain > table > .table-body .table-body-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-table > .table-contain > table > .table-body .table-body-btn:first-child {\n  width: 48px;\n}\n.paraui-table > .table-contain > table > .table-body > .table-no-data {\n  height: calc(100% - 50px);\n}\n.paraui-table > .table-contain > table > .table-body > .table-no-data:hover td {\n  background-color: white;\n}\n.paraui-table > .table-contain > table > .table-body > .table-no-data > td {\n  padding: 56px 0 0 0;\n}\n.paraui-table > .paraui-table-pagination {\n  width: 100%;\n  height: 60px;\n  padding-right: 10px;\n  display: flex;\n  align-items: flex-end;\n  justify-content: flex-end;\n}\n.paraui-table.table-pagination > .table-contain {\n  height: calc(100% - 60px);\n}\n.paraui-table.table-pagination.table-load-more > .table-contain {\n  height: 100%;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content {\n  width: 200px;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > label .paraui-checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > label .paraui-checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer > button {\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}\n\n.paraui-filter-popover > .paraui-popover-content {\n  width: 200px;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > label .rc-checkbox-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > label .rc-checkbox-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer > button {\n  width: 50%;\n  height: 100%;\n  border: 0;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-table {\n  width: 100%;\n  height: 100%;\n  display: inline-block;\n  overflow: auto;\n  background-color: white;\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-table.paraui-table-no-data > .paraui-table-container > table {\n  height: 100%;\n}\n.paraui-table.paraui-table-load.paraui-table-no-data > .paraui-table-container > table {\n  height: auto;\n}\n.paraui-table.paraui-table-radio.paraui-table-check .table-radio {\n  left: 48px;\n}\n.paraui-table.paraui-table-expandable.paraui-table-check .table-expandable {\n  left: 48px;\n}\n.paraui-table.paraui-table-expandable.paraui-table-check.paraui-table-radio .table-expandable {\n  left: 80px;\n}\n.paraui-table > .table-contain {\n  height: 100%;\n  position: relative;\n}\n.paraui-table > .table-contain > table {\n  height: auto;\n}\n.paraui-table > .table-contain > table .table-checkbox {\n  left: 0;\n}\n.paraui-table > .table-contain > table .table-checkbox > label {\n  vertical-align: middle;\n}\n.paraui-table > .table-contain > table .table-checkbox .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-table > .table-contain > table .table-radio {\n  left: 0;\n}\n.paraui-table > .table-contain > table .table-radio > label {\n  vertical-align: middle;\n}\n.paraui-table > .table-contain > table .table-radio .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-table > .table-contain > table .table-expandable {\n  left: 0;\n}\n.paraui-table > .table-contain > table .table-expandable > svg {\n  vertical-align: middle;\n}\n.paraui-table > .table-contain > table > .table-head {\n  width: 100%;\n  white-space: nowrap;\n}\n.paraui-table > .table-contain > table > .table-head > tr th {\n  height: 50px;\n}\n.paraui-table > .table-contain > table > .table-head.table-head-scroll tr th {\n  max-width: 240px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box {\n  height: 49px;\n  line-height: 49px;\n  position: relative;\n  padding: 0 8px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n  height: 100%;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > span {\n  height: 100%;\n  display: inline-block;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n  width: 100%;\n  color: rgba(46, 55, 67, 0.7);\n  font-weight: 700;\n  font-size: 14px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-sort-svg {\n  line-height: 0;\n  width: 12px;\n  margin-left: 5px;\n  white-space: pre-wrap;\n  vertical-align: top;\n  height: inherit;\n  padding-top: 15px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-sort-svg > svg {\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-sort-svg > .up-svg {\n  position: relative;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-sort-svg > .down-svg {\n  position: relative;\n  top: -5px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter {\n  position: absolute;\n  right: 0;\n  top: 0;\n  cursor: pointer;\n  width: 28px;\n  text-align: left;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter:hover {\n  background-color: rgb(227, 234, 247);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  margin-left: 7px;\n  position: relative;\n  top: 2px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort {\n  cursor: pointer;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort > .table-header-title > .table-header-title-label {\n  max-width: calc(100% - 18px);\n  width: auto;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box.table-header-box-filter > .table-header-title {\n  margin-right: 18px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-header-title > .table-sort-svg > .up-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-header-title > .table-sort-svg > .down-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head .show-colums {\n  width: 56px;\n  cursor: pointer;\n  border-left: 1px solid rgba(171, 176, 185, 0.12);\n  right: 0;\n}\n.paraui-table > .table-contain > table > .table-head .show-colums .table-header-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n  font-size: 24px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n  padding-left: 16px;\n}\n.paraui-table > .table-contain > table > .table-head .table-head-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-table > .table-contain > table > .table-head .table-head-btn:first-child {\n  width: 48px;\n}\n.paraui-table > .table-contain > table > .table-body {\n  width: 100%;\n}\n.paraui-table > .table-contain > table > .table-body.table-body-scroll tr td {\n  max-width: 240px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-table > .table-contain > table > .table-body tr {\n  height: 56px;\n}\n.paraui-table > .table-contain > table > .table-body tr td {\n  background-color: white;\n}\n.paraui-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n  background-color: rgb(249, 250, 251);\n}\n.paraui-table > .table-contain > table > .table-body tr:hover td {\n  background-color: rgb(237, 241, 249);\n}\n.paraui-table > .table-contain > table > .table-body tr .table-expandable > svg {\n  transition: all 0.3s;\n  cursor: pointer;\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-body .more-table-row {\n  cursor: pointer;\n}\n.paraui-table > .table-contain > table > .table-body .more-table-row .more-btn {\n  color: rgb(54, 102, 214);\n  font-size: 14px;\n}\n.paraui-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n  padding-left: 16px;\n}\n.paraui-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n  padding: 0;\n}\n.paraui-table > .table-contain > table > .table-body .table-body-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-table > .table-contain > table > .table-body .table-body-btn:first-child {\n  width: 48px;\n}\n.paraui-table > .table-contain > table > .table-body > .table-no-data {\n  height: calc(100% - 50px);\n}\n.paraui-table > .table-contain > table > .table-body > .table-no-data:hover td {\n  background-color: white;\n}\n.paraui-table > .table-contain > table > .table-body > .table-no-data > td {\n  padding: 56px 0 0 0;\n}\n.paraui-table > .paraui-table-pagination {\n  width: 100%;\n  height: 60px;\n  padding-right: 10px;\n  display: flex;\n  align-items: flex-end;\n  justify-content: flex-end;\n}\n.paraui-table.table-pagination > .table-contain {\n  height: calc(100% - 60px);\n}\n.paraui-table.table-pagination.table-load-more > .table-contain {\n  height: 100%;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content {\n  width: 200px;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > label .paraui-checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > label .paraui-checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer > button {\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}\n\n.paraui-filter-popover > .paraui-popover-content {\n  width: 200px;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > label .rc-checkbox-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > label .rc-checkbox-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer > button {\n  width: 50%;\n  height: 100%;\n  border: 0;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}";
 styleInject(css_248z);
 
 var Table = function Table(props) {
@@ -1760,7 +1768,6 @@ var Table = function Table(props) {
     return function () {
       clearTimeout(constData.reqTimer);
       clearTimeout(constData.loadingTimer);
-      clearTimeout(constData.reqLoadingTimer);
       window.removeEventListener('resize', changeResize);
     };
   }, []);
@@ -1854,6 +1861,7 @@ var Table = function Table(props) {
 
   useEffect(function () {
     clearTimeout(constData.reqTimer);
+    if (url) Cancel(reqId);
     constData.reqTimer = setTimeout(function () {
       constData.initReq = true;
 
@@ -2210,23 +2218,18 @@ var Table = function Table(props) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              Cancel(reqId); // 因为cancel掉以后,上一个接口err回来会取消loading,用setTimeout把事件推迟
-
-              clearTimeout(constData.reqLoadingTimer);
-              constData.reqLoadingTimer = setTimeout(function () {
-                if (props.loading === undefined) setLoadState(true);
-              });
               obj.uuid = reqId;
-              _context.next = 6;
+              if (props.loading === undefined) setLoadState(true);
+              _context.next = 4;
               return requestFunc(obj);
 
-            case 6:
+            case 4:
               _yield$requestFunc = _context.sent;
               data = _yield$requestFunc.data;
               err = _yield$requestFunc.err;
 
               if (!err) {
-                _context.next = 13;
+                _context.next = 11;
                 break;
               }
 
@@ -2240,7 +2243,7 @@ var Table = function Table(props) {
 
               return _context.abrupt("return", false);
 
-            case 13:
+            case 11:
               if (requestCallback) {
                 requestCallback(data, function (handData) {
                   if (handData) {
@@ -2255,7 +2258,7 @@ var Table = function Table(props) {
                 if (props.loading === undefined) setLoadState(false);
               }
 
-            case 14:
+            case 12:
             case "end":
               return _context.stop();
           }

package/TextField/index.d.ts

@@ -63,6 +63,8 @@ export interface TextFieldProps {
     showSelectName?: string;
     /** 返回输入建议的方法，仅当你的输入建议数据 resolve 时，通过调用 callback(data:[]) 来返回它 */
     fetchSuggestions?: (val: string, cb: (data: any[]) => void) => void;
+    /** 下拉搜索空状态 */
+    searchEmpty?: ReactNode;
     /** 渲染下拉子节点 */
     renderSelectItem?: (item: any) => ReactNode;
     /** 失去焦点 */

package/TextField/index.js

@@ -81,6 +81,7 @@ var TextField = function TextField(props) {
       showSelectName = _a$showSelectName === void 0 ? 'value' : _a$showSelectName,
       _a$resize = _a.resize,
       resize = _a$resize === void 0 ? true : _a$resize,
+      searchEmpty = _a.searchEmpty,
       onBlur = _a.onBlur,
       onFocus = _a.onFocus,
       onChange = _a.onChange,
@@ -91,7 +92,7 @@ var TextField = function TextField(props) {
       onClickAddonAfter = _a.onClickAddonAfter,
       onSelect = _a.onSelect,
       onClear = _a.onClear,
-      otherProps = __rest(_a, ["className", "style", "size", "labelMode", "placeholder", "label", "labelTooltip", "disabled", "multiline", "required", "labelSign", "rows", "error", "helperText", "addonBefore", "addonAfter", "defaultValue", "value", "autoFocus", "type", "onClickIcon", "rightIcon", "showRightIcon", "allowClear", "limitLength", "fetchSuggestions", "selectPopoverClass", "renderSelectItem", "showSelectName", "resize", "onBlur", "onFocus", "onChange", "onKeydown", "onKeyUp", "onEnter", "onClickAddonBefore", "onClickAddonAfter", "onSelect", "onClear"]);
+      otherProps = __rest(_a, ["className", "style", "size", "labelMode", "placeholder", "label", "labelTooltip", "disabled", "multiline", "required", "labelSign", "rows", "error", "helperText", "addonBefore", "addonAfter", "defaultValue", "value", "autoFocus", "type", "onClickIcon", "rightIcon", "showRightIcon", "allowClear", "limitLength", "fetchSuggestions", "selectPopoverClass", "renderSelectItem", "showSelectName", "resize", "searchEmpty", "onBlur", "onFocus", "onChange", "onKeydown", "onKeyUp", "onEnter", "onClickAddonBefore", "onClickAddonAfter", "onSelect", "onClear"]);
 
   var _useState = useState('text-field-select-content-' + UUID()),
       _useState2 = _slicedToArray(_useState, 1),
@@ -586,9 +587,9 @@ var TextField = function TextField(props) {
             children: handText(item)
           })
         }), index);
-      }), selectLoading && jsx(Loading, {})]
+      }), selectData.length === 0 && searchEmpty, selectLoading && jsx(Loading, {})]
     }));
-  }, [selectPosDom, open, selectData, renderSelectItem, showSelectName, onSelect, selectLoading, classSearchOne]); // 带有搜索的中间主体
+  }, [selectPosDom, open, selectData, renderSelectItem, showSelectName, onSelect, selectLoading, classSearchOne, searchEmpty]); // 带有搜索的中间主体
 
   var searchContentMemo = useMemo(function () {
     return jsx(Dropdown, Object.assign({

package/Tree/index.js

@@ -1,5 +1,5 @@
-import { T as Tree } from '../_verture/index-ce3860a0.js';
-export { T as default } from '../_verture/index-ce3860a0.js';
+import { T as Tree } from '../_verture/index-5bb4b5d7.js';
+export { T as default } from '../_verture/index-5bb4b5d7.js';
 import '../_verture/toConsumableArray-f8047a75.js';
 import '../_verture/slicedToArray-d7722f4b.js';
 import '../_verture/defineProperty-0590dc61.js';

package/Tree/interface.d.ts

@@ -161,8 +161,6 @@ export interface TreeProps extends Omit<RcTreeProps, 'prefixCls' | 'showLine' |
     paramsCallback?: (params: {
         [name: string]: any;
     }) => any;
-    /** 非空渲染完成时回调 */
-    onMounted?: () => void;
     /** 空状态属性 */
     emptyProps?: EmptyProps;
     /** 自定义空数据节点 */

package/_verture/{index-ce3860a0.js → index-5bb4b5d7.js}

@@ -1471,10 +1471,6 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       };
     }
 
-    if (props.onMounted) {
-      props.onMounted();
-    }
-
     return jsx(RcTree, Object.assign({
       itemHeight: 20,
       ref: ref

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';

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-abfdd262.js';
+export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-59669f93.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';
@@ -62,7 +63,7 @@ export { Timeline } from './Timeline/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-5bb4b5d7.js';
 export { default as Upload } from './Upload/index.js';
 import './_verture/slicedToArray-d7722f4b.js';
 import 'react/jsx-runtime';
@@ -127,6 +128,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.1",
   "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",
@@ -76,6 +77,7 @@
     "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",