@para-ui/core 4.0.30 → 4.0.31

package/Selector/index.js

@@ -1,8 +1,8 @@
 import { a as __awaiter, _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, Fragment as Fragment$1 } from 'react';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
-import { r as regenerator } from '../_verture/index-8ac46bd9.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
+import { r as regenerator } from '../_verture/index-94e24006.js';
 import { Radio } from '../Radio/index.js';
 import { Checkbox } from '../Checkbox/index.js';
 import { Popover } from '../Popover/index.js';
@@ -19,8 +19,7 @@ import SearchIcon from '@para-ui/icons/Search';
 import Refresh from '@para-ui/icons/Refresh';
 import { ArrayToObject, Get, Post, Cancel } from '@paraview/lib';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-4ae1a007.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/typeof-6ec38efd.js';
+import '../_verture/typeof-4646b22c.js';
 import '../Label/index.js';
 import '../Help/index.js';
 import '../Tooltip/index.js';
@@ -66,8 +65,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh,
-  en
+  zh: zh,
+  en: en
 };
 
 var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-selector-node {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-selector-node:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-selector-node > .selector-node-left {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  overflow: hidden;\n  padding-right: 10px;\n}\n.paraui-v4-selector-node > .selector-node-left > .selector-node-radio {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n  padding: 0;\n}\n.paraui-v4-selector-node > .selector-node-left > .selector-node-radio .radio-box {\n  top: 0;\n}\n.paraui-v4-selector-node > .selector-node-left > .selector-node-check {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n  padding: 0;\n}\n.paraui-v4-selector-node > .selector-node-left > .selector-node-check .checkbox-box {\n  top: 0;\n}\n.paraui-v4-selector-node > .selector-node-left > .node-img {\n  display: inline-block;\n  width: 30px;\n  height: 30px;\n  margin-right: 8px;\n}\n.paraui-v4-selector-node > .selector-node-left > .node-img img {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-branch {\n  height: 30px;\n  padding: 0 10px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-branch.paraui-v4-selector-node-img {\n  height: 44px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-branch > .selector-node-left > .main-title {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  white-space: nowrap;\n  height: 20px;\n  line-height: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-branch > .selector-node-left > .sub-title {\n  margin-left: 8px;\n  font-size: 14px;\n  color: rgb(161, 168, 179);\n  white-space: nowrap;\n  height: 20px;\n  line-height: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 30px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-branch > .selector-node-left > .tag {\n  margin-left: 8px;\n  background-color: rgba(46, 101, 230, 0.1);\n  color: rgb(46, 101, 230);\n  border-radius: 2px;\n  font-size: 12px;\n  padding: 0px 6px;\n  white-space: nowrap;\n  height: 20px;\n  line-height: 20px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf {\n  padding: 0px 10px;\n  height: 44px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf > .selector-node-left > .title-box {\n  flex: 1;\n  overflow: hidden;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf > .selector-node-left > .title-box > .main-title-box {\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .main-title {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .tag {\n  margin-left: 8px;\n  background-color: rgba(46, 101, 230, 0.1);\n  color: rgb(46, 101, 230);\n  border-radius: 2px;\n  font-size: 12px;\n  padding: 0px 6px;\n  white-space: nowrap;\n  height: 20px;\n  line-height: 20px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf > .selector-node-left > .title-box > .sub-title {\n  font-size: 12px;\n  color: rgb(161, 168, 179);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-selector-node > .selector-node-right {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n.paraui-v4-selector-node > .selector-node-right > .detail {\n  font-size: 14px;\n  color: rgb(46, 101, 230);\n  white-space: nowrap;\n  padding: 0 4px;\n  cursor: pointer;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n}\n.paraui-v4-selector-node > .selector-node-right > .detail:hover {\n  background-color: rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-selector-node > .selector-node-right > .line {\n  border-left: 1px solid rgb(213, 224, 250);\n  margin: 0 8px;\n  content: \"\";\n  display: inline-block;\n  height: 12px;\n}\n.paraui-v4-selector-node > .selector-node-right > .lower-child {\n  font-size: 14px;\n  color: rgb(46, 101, 230);\n  white-space: nowrap;\n  padding: 0 4px;\n  cursor: pointer;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n}\n.paraui-v4-selector-node > .selector-node-right > .lower-child:hover {\n  background-color: rgb(234, 236, 241);\n}\n.paraui-v4-selector-node > .selector-node-right > .close {\n  display: flex;\n  align-items: center;\n  color: rgb(46, 101, 230);\n  white-space: nowrap;\n  padding: 0 4px;\n  cursor: pointer;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n}\n.paraui-v4-selector-node > .selector-node-right > .close:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-selector-node > .selector-node-right > .close > svg {\n  font-size: 16px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-edit > .selector-node-right > .detail, .paraui-v4-selector-node.paraui-v4-selector-node-edit > .selector-node-right > .lower-child {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-edit > .selector-node-right > .detail:hover, .paraui-v4-selector-node.paraui-v4-selector-node-edit > .selector-node-right > .lower-child:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-disabled.paraui-v4-selector-node-branch > .selector-node-left > .main-title {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-disabled.paraui-v4-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .main-title {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-disabled > .selector-node-right > .lower-child {\n  cursor: not-allowed;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-disabled-child > .selector-node-right > .lower-child {\n  cursor: not-allowed;\n  color: rgb(161, 168, 179);\n}\n\n.paraui-v4-selector-detail .selector-detail-popover-content.selector-detail-popover-content-loading {\n  min-width: 100px;\n  min-height: 50px;\n}";
@@ -330,57 +329,63 @@ var SelectorNode = function SelectorNode(props) {
 var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-selector-main {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n}\n.paraui-v4-selector-main > .selectot-main-search {\n  margin-bottom: 16px;\n  border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-selector-main > .selectot-main-search .text-field-content {\n  border: none;\n  height: 32px;\n}\n.paraui-v4-selector-main > .selectot-main-search .text-field-content .text-field-content-within-input {\n  height: 32px !important;\n}\n.paraui-v4-selector-main > .selectot-main-search .text-field-content .text-field-content-within-input .text-field-label-placeholder {\n  line-height: 32px !important;\n}\n.paraui-v4-selector-main > .selector-main-box {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .nav-box {\n  padding: 0 6px;\n  margin-bottom: 4px;\n  margin-top: 10px;\n  line-height: 0;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list-no-data {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-bottom: 16px;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list {\n  overflow-y: hidden;\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-all-check {\n  position: relative;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-all-check + .selector-group-title.selector-group-title-first {\n  margin-top: 4px;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content {\n  overflow-y: hidden;\n  position: relative;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content:before {\n  content: \"\";\n  position: absolute;\n  height: 30px;\n  width: 100%;\n  pointer-events: none;\n  top: 0;\n  left: 0;\n  z-index: 1;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content:after {\n  content: \"\";\n  position: absolute;\n  height: 30px;\n  width: 100%;\n  pointer-events: none;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-top:after {\n  box-shadow: inset 0px -10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-middle:before {\n  box-shadow: inset 0px 10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-middle:after {\n  box-shadow: inset 0px -10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-bottom:before {\n  box-shadow: inset 0px 10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content > .selector-main-list-content-box {\n  height: 100%;\n  overflow-y: auto;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content > .selector-main-list-content-box > .selector-group-title {\n  padding: 0 12px;\n  margin-top: 16px;\n  margin-bottom: 4px;\n  font-size: 14px;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content > .selector-main-list-content-box > .selector-group-title.selector-group-title-first {\n  margin-top: 0;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more {\n  padding: 0 10px;\n  cursor: pointer;\n  font-size: 14px;\n  color: rgb(46, 101, 230);\n  line-height: 30px;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content.selector-main-search-content {\n  /*position: absolute;\n  left: 0;\n  top: 0;*/\n  width: 100%;\n  height: 100%;\n  background-color: white;\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content.selector-main-content-all-check > .selector-main-list > .selector-main-list-content {\n  max-height: calc(100% - 30px);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content.selector-main-content-load-more > .selector-main-list > .selector-main-list-content {\n  max-height: calc(100% - 30px);\n}\n.paraui-v4-selector-main > .selector-main-box > .selector-main-content.selector-main-content-all-check.selector-main-content-load-more > .selector-main-list > .selector-main-list-content {\n  max-height: calc(100% - 30px - 30px);\n}\n.paraui-v4-selector-main.paraui-v4-selector-main-show-search > .selector-main-box {\n  height: calc(100% - 49px);\n}\n.paraui-v4-selector-main.paraui-v4-selector-main-show-search > .selector-main-box > .selector-main-content.selector-main-list-box {\n  display: none;\n}\n.paraui-v4-selector-main.paraui-v4-selector-main-search > .selector-main-box {\n  height: calc(100% - 49px);\n}\n.paraui-v4-selector-main.paraui-v4-selector-main-search > .selector-main-box .selector-main-content .nav-box {\n  margin-top: 0;\n}";
 styleInject(css_248z$2);
 
-const SelectorMainContent = props => {
-  const {
-    className,
-    value,
-    rowKey = 'key',
-    nodeMode = 'branch',
-    selectMode,
-    loadMore = false,
-    isAllCheck = false,
-    detail,
-    detailRender,
-    isLazy,
-    list,
-    groupType,
-    breadcrumbs,
-    breadcrumbsSeparator = '-',
-    breadcrumbsList = [],
-    fieldConfig,
-    disabled,
-    disabledChild,
-    emptyProps,
-    loading,
-    onClickBreadcrumbs,
-    onLevel,
-    onSelect,
-    onLoad,
-    onAllCheck
-  } = props;
-  const intl = useFormatMessage('Selector', localeJson);
-  const [listCom, setListCom] = useState({});
-  const constData = useRef({
+var SelectorMainContent = function SelectorMainContent(props) {
+  var className = props.className,
+    value = props.value;
+    props.rowKey;
+    var _props$nodeMode = props.nodeMode,
+    nodeMode = _props$nodeMode === void 0 ? 'branch' : _props$nodeMode,
+    selectMode = props.selectMode,
+    _props$loadMore = props.loadMore,
+    loadMore = _props$loadMore === void 0 ? false : _props$loadMore,
+    _props$isAllCheck = props.isAllCheck,
+    isAllCheck = _props$isAllCheck === void 0 ? false : _props$isAllCheck,
+    detail = props.detail,
+    detailRender = props.detailRender,
+    isLazy = props.isLazy,
+    list = props.list,
+    groupType = props.groupType,
+    breadcrumbs = props.breadcrumbs,
+    _props$breadcrumbsSep = props.breadcrumbsSeparator,
+    breadcrumbsSeparator = _props$breadcrumbsSep === void 0 ? '-' : _props$breadcrumbsSep,
+    _props$breadcrumbsLis = props.breadcrumbsList,
+    breadcrumbsList = _props$breadcrumbsLis === void 0 ? [] : _props$breadcrumbsLis,
+    fieldConfig = props.fieldConfig,
+    disabled = props.disabled,
+    disabledChild = props.disabledChild,
+    emptyProps = props.emptyProps,
+    loading = props.loading,
+    onClickBreadcrumbs = props.onClickBreadcrumbs,
+    _onLevel = props.onLevel,
+    _onSelect = props.onSelect,
+    onLoad = props.onLoad,
+    onAllCheck = props.onAllCheck;
+  var intl = useFormatMessage('Selector', localeJson);
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    listCom = _useState2[0],
+    setListCom = _useState2[1];
+  var constData = useRef({
     listTypeJson: {},
     fieldConfig: {},
     resizeTimer: null
   });
-  const scrolltRef = useRef(null);
-  const contentRef = useRef(null);
+  var scrolltRef = useRef(null);
+  var contentRef = useRef(null);
   constData.current.listTypeJson = ArrayToObject('value', groupType);
   constData.current.fieldConfig = fieldConfig || {};
-  useEffect(() => {
+  useEffect(function () {
     changeResize();
-    return () => {
+    return function () {
       clearTimeout(constData.current.resizeTimer);
     };
   }, []);
-  useEffect(() => {
+  useEffect(function () {
     if (list && groupType && groupType.length > 0) {
-      const json = {};
-      for (let i = 0, l = list.length; i < l; i++) {
-        const item = list[i];
-        const type = item.type;
+      var json = {};
+      for (var i = 0, l = list.length; i < l; i++) {
+        var item = list[i];
+        var type = item.type;
         if (!json[type]) json[type] = [];
         json[type].push(item);
       }
@@ -388,17 +393,17 @@ const SelectorMainContent = props => {
     }
   }, [list]);
   /** 屏幕发生改变 */
-  const changeResize = () => {
+  var changeResize = function changeResize() {
     clearTimeout(constData.current.resizeTimer);
-    constData.current.resizeTimer = setTimeout(() => {
+    constData.current.resizeTimer = setTimeout(function () {
       onScroll();
     }, 100);
   };
   /** 滚动 */
-  const onScroll = () => {
+  var onScroll = function onScroll() {
     if (!contentRef.current || !scrolltRef.current) return;
-    const scrollBox = scrolltRef.current;
-    const contentBox = contentRef.current;
+    var scrollBox = scrolltRef.current;
+    var contentBox = contentRef.current;
     contentBox.classList.remove('selector-main-list-scroll-top', 'selector-main-list-scroll-bottom', 'selector-main-list-scroll-middle');
     if (scrollBox.scrollHeight <= scrollBox.clientHeight) return;
     // 滚动条初始化
@@ -415,17 +420,17 @@ const SelectorMainContent = props => {
     contentBox.classList.add('selector-main-list-scroll-middle');
   };
   /** 判断是否全选,半选 */
-  const handAllCheckFunc = () => {
-    const json = {
+  var handAllCheckFunc = function handAllCheckFunc() {
+    var json = {
       checked: false,
       indeterminate: false
     };
     // 不存在value, 没有数据, 全选没转态
     if (!value || !list || list.length === 0) return json;
-    for (let i = 0, l = list.length; i < l; i++) {
-      const item = list[i];
-      const key = item.key;
-      const disabledItem = handDisabled(item);
+    for (var i = 0, l = list.length; i < l; i++) {
+      var item = list[i];
+      var key = item.key;
+      var disabledItem = handDisabled(item);
       if (disabledItem) {
         if (value[key]) json.checked = true;
         continue;
@@ -449,7 +454,7 @@ const SelectorMainContent = props => {
     return json;
   };
   /** 处理禁用状态 */
-  const handDisabled = item => {
+  var handDisabled = function handDisabled(item) {
     if (disabled) {
       if (disabled === true) return true;
       if (disabled instanceof Array) {
@@ -462,7 +467,7 @@ const SelectorMainContent = props => {
     return false;
   };
   /** 处理禁用下级状态 */
-  const handDisabledChild = item => {
+  var handDisabledChild = function handDisabledChild(item) {
     if (disabledChild) {
       if (disabledChild === true) return true;
       if (disabledChild instanceof Array) {
@@ -475,12 +480,12 @@ const SelectorMainContent = props => {
     return false;
   };
   /** 全选 */
-  const handAllCheck = () => {
+  var handAllCheck = function handAllCheck() {
     // 只存在复选框模式
     if (!isAllCheck || selectMode !== 'check') return null;
-    const checkJson = handAllCheckFunc();
-    const onAllCheckCom = () => {
-      let bol = true;
+    var checkJson = handAllCheckFunc();
+    var onAllCheckCom = function onAllCheckCom() {
+      var bol = true;
       if (checkJson.checked) bol = false;
       onAllCheck && onAllCheck(bol);
     };
@@ -497,11 +502,11 @@ const SelectorMainContent = props => {
     }));
   };
   /** 点击查看更多 */
-  const clickLoad = () => {
+  var clickLoad = function clickLoad() {
     onLoad && onLoad();
   };
   /** 查看更多 */
-  const handLoadMore = () => {
+  var handLoadMore = function handLoadMore() {
     if (!loadMore) return null;
     return jsx("div", Object.assign({
       className: "selector-main-list-more",
@@ -517,29 +522,33 @@ const SelectorMainContent = props => {
     }));
   };
   /** 判断是否选中 */
-  const handCheck = item => {
-    let bol = false;
+  var handCheck = function handCheck(item) {
+    var bol = false;
     if (value && value[item.key]) bol = true;
     return bol;
   };
   /** 处理每个节点的配置 */
-  const handNodeConfig = item => {
-    const json = {
+  var handNodeConfig = function handNodeConfig(item) {
+    var json = {
       useCase: 'view',
-      detail,
-      nodeMode,
+      detail: detail,
+      nodeMode: nodeMode,
       disabled: handDisabled(item),
       disabledChild: handDisabledChild(item),
-      onLevel: () => onLevel && onLevel(item),
-      onSelect: () => onSelect && onSelect(item),
+      onLevel: function onLevel() {
+        return _onLevel && _onLevel(item);
+      },
+      onSelect: function onSelect() {
+        return _onSelect && _onSelect(item);
+      },
       checked: handCheck(item)
     };
     /** 节点类型 */
     if (item.leaf !== undefined) json.nodeMode = item.leaf ? 'leaf' : 'branch';
     /** 渲染字段 */
-    const arr = ['img', 'mainTitle', 'subTitle', 'tag', 'tagStyle'];
-    for (let i = 0, l = arr.length; i < l; i++) {
-      const key = arr[i];
+    var arr = ['img', 'mainTitle', 'subTitle', 'tag', 'tagStyle'];
+    for (var i = 0, l = arr.length; i < l; i++) {
+      var key = arr[i];
       json[key] = item[key];
     }
     /** 判断是否具有选择 */
@@ -553,7 +562,7 @@ const SelectorMainContent = props => {
       json.child = item.child;
     } else {
       // 全量数据
-      const children = item.children || [];
+      var children = item.children || [];
       if (children && children.length > 0) {
         json.child = true;
       }
@@ -562,29 +571,43 @@ const SelectorMainContent = props => {
     }
     /** 详情render */
     if (detailRender) {
-      json.detailRender = () => __awaiter(void 0, void 0, void 0, function* () {
-        const Dom = yield detailRender(item, true);
-        return Dom;
-      });
+      json.detailRender = function () {
+        return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
+          var Dom;
+          return regenerator.wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return detailRender(item, true);
+              case 2:
+                Dom = _context.sent;
+                return _context.abrupt("return", Dom);
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+      };
     }
     if (item.detail !== undefined) json.detail = item.detail;
     return json;
   };
   /** 渲染list节点 */
-  const handListNode = arr => {
-    return arr === null || arr === void 0 ? void 0 : arr.map((item, index) => {
+  var handListNode = function handListNode(arr) {
+    return arr === null || arr === void 0 ? void 0 : arr.map(function (item, index) {
       return jsx(SelectorNode, Object.assign({}, handNodeConfig(item)), index);
     });
   };
   /** 处理节点dom */
-  const handNode = () => {
+  var handNode = function handNode() {
     // 分组渲染
     if (groupType && groupType.length > 0) {
       return jsx(Fragment, {
-        children: groupType.map((item, index) => {
-          const type = item.value;
-          const listData = listCom[type] || [];
-          let str = 'selector-group-title';
+        children: groupType.map(function (item, index) {
+          var type = item.value;
+          var listData = listCom[type] || [];
+          var str = 'selector-group-title';
           if (index === 0) str += ' selector-group-title-first';
           return jsxs(Fragment$1, {
             children: [listData.length > 0 && jsx("div", Object.assign({
@@ -599,11 +622,11 @@ const SelectorMainContent = props => {
     return handListNode(list || []);
   };
   /** 点击面包屑 */
-  const onClickBreadcrums = item => {
+  var onClickBreadcrums = function onClickBreadcrums(item) {
     onClickBreadcrumbs && onClickBreadcrumbs(item);
   };
   /** 面包屑dom */
-  const handBreadcrumbs = () => {
+  var handBreadcrumbs = function handBreadcrumbs() {
     if (!breadcrumbs || breadcrumbsList.length === 0) return null;
     return jsx("div", Object.assign({
       className: "nav-box"
@@ -616,7 +639,7 @@ const SelectorMainContent = props => {
     }));
   };
   /** 处理内容 */
-  const handContent = () => {
+  var handContent = function handContent() {
     if ((list === null || list === void 0 ? void 0 : list.length) === 0 && !loading) {
       // 空状态
       return jsx("div", Object.assign({
@@ -644,8 +667,8 @@ const SelectorMainContent = props => {
       })), handLoadMore()]
     }));
   };
-  const handClass = () => {
-    let str = 'selector-main-content';
+  var handClass = function handClass() {
+    var str = 'selector-main-content';
     if (className) str += " ".concat(className);
     if (disabled) str += ' selector-main-content-disabled';
     if (isAllCheck && selectMode === 'check') str += ' selector-main-content-all-check';
@@ -659,87 +682,99 @@ const SelectorMainContent = props => {
     children: [handBreadcrumbs(), handContent()]
   }));
 };
-const SelectorMain = props => {
-  const {
-    className,
-    style,
-    url,
-    value,
-    rowKey = 'key',
-    nodeMode = 'branch',
-    selectMode,
-    loadMore = false,
-    searchLoadMore = false,
-    isAllCheck = false,
-    disabled,
-    disabledChild,
-    detail,
-    detailRender,
-    isLazy,
-    list,
-    groupType,
-    groupRange,
-    search,
-    searchVal = '',
-    searchPlaceholder,
-    searchTrigger,
-    searchLoading,
-    searchList,
-    loading,
-    breadcrumbs,
-    breadcrumbsSeparator = '-',
-    breadcrumbsList = [],
-    fieldConfig,
-    onClickBreadcrumbs,
-    onLevel,
-    onSelect,
-    onLoad,
-    onAllCheck,
-    onSearch,
-    onRefresh
-  } = props;
-  const intl = useFormatMessage('Selector', localeJson);
-  const [showSearch, setShowSearch] = useState(false); // 显示搜索/
-  const [searchStr, setSearchStr] = useState('');
-  const constData = useRef({
+var SelectorMain = function SelectorMain(props) {
+  var className = props.className,
+    style = props.style,
+    url = props.url,
+    value = props.value,
+    _props$rowKey2 = props.rowKey,
+    rowKey = _props$rowKey2 === void 0 ? 'key' : _props$rowKey2,
+    _props$nodeMode2 = props.nodeMode,
+    nodeMode = _props$nodeMode2 === void 0 ? 'branch' : _props$nodeMode2,
+    selectMode = props.selectMode,
+    _props$loadMore2 = props.loadMore,
+    loadMore = _props$loadMore2 === void 0 ? false : _props$loadMore2,
+    _props$searchLoadMore = props.searchLoadMore,
+    searchLoadMore = _props$searchLoadMore === void 0 ? false : _props$searchLoadMore,
+    _props$isAllCheck2 = props.isAllCheck,
+    isAllCheck = _props$isAllCheck2 === void 0 ? false : _props$isAllCheck2,
+    disabled = props.disabled,
+    disabledChild = props.disabledChild,
+    detail = props.detail,
+    detailRender = props.detailRender,
+    isLazy = props.isLazy,
+    list = props.list,
+    groupType = props.groupType,
+    groupRange = props.groupRange,
+    search = props.search,
+    _props$searchVal = props.searchVal,
+    searchVal = _props$searchVal === void 0 ? '' : _props$searchVal,
+    searchPlaceholder = props.searchPlaceholder,
+    searchTrigger = props.searchTrigger,
+    searchLoading = props.searchLoading,
+    searchList = props.searchList,
+    loading = props.loading,
+    breadcrumbs = props.breadcrumbs,
+    _props$breadcrumbsSep2 = props.breadcrumbsSeparator,
+    breadcrumbsSeparator = _props$breadcrumbsSep2 === void 0 ? '-' : _props$breadcrumbsSep2,
+    _props$breadcrumbsLis2 = props.breadcrumbsList,
+    breadcrumbsList = _props$breadcrumbsLis2 === void 0 ? [] : _props$breadcrumbsLis2,
+    fieldConfig = props.fieldConfig,
+    onClickBreadcrumbs = props.onClickBreadcrumbs,
+    onLevel = props.onLevel,
+    onSelect = props.onSelect,
+    onLoad = props.onLoad,
+    onAllCheck = props.onAllCheck,
+    onSearch = props.onSearch,
+    onRefresh = props.onRefresh;
+  var intl = useFormatMessage('Selector', localeJson);
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showSearch = _useState4[0],
+    setShowSearch = _useState4[1]; // 显示搜索/
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchStr = _useState6[0],
+    setSearchStr = _useState6[1];
+  var constData = useRef({
     searchTimer: null,
     searchStr: ''
   });
-  useEffect(() => {
+  useEffect(function () {
     if (!searchVal) return;
     constData.current.searchStr = searchVal.val;
     setSearchStr(searchVal.val);
     if (searchVal.val !== '') setShowSearch(true);
   }, [searchVal]);
   /** 改变搜索框 */
-  const changeSearch = val => {
+  var changeSearch = function changeSearch(val) {
     setSearchStr(val);
     constData.current.searchStr = val;
     if (searchTrigger !== 'onEnter') onSearchCom();
   };
   /** 搜索框回车事件 */
-  const onEnterSearch = () => {
+  var onEnterSearch = function onEnterSearch() {
     onSearchCom(true);
   };
   /** 点击搜索按钮 */
-  const onClickRightIcon = () => {
+  var onClickRightIcon = function onClickRightIcon() {
     onSearchCom(true);
   };
   /** 点击清除按钮 */
-  const onClear = () => {
+  var onClear = function onClear() {
     onSearchCom();
   };
   /** 向外抛出搜索事件 */
-  const onSearchCom = bol => {
+  var onSearchCom = function onSearchCom(bol) {
     clearTimeout(constData.current.searchTimer);
-    constData.current.searchTimer = setTimeout(() => {
+    constData.current.searchTimer = setTimeout(function () {
       setShowSearch(!!constData.current.searchStr);
       onSearch && onSearch(constData.current.searchStr, !!bol);
     }, 300);
   };
   /** 搜索dom */
-  const handSearchDom = () => {
-    const handSearchIcon = () => {
+  var handSearchDom = function handSearchDom() {
+    var handSearchIcon = function handSearchIcon() {
       if (!searchStr) {
         // 本地数据且没有自定义刷新事件
         if (!url && !onRefresh) {
@@ -770,23 +805,27 @@ const SelectorMain = props => {
   /** 点击下级
    * @param isSearch {boolean}
    * */
-  const onLevelCom = isSearch => item => {
-    if (isSearch) {
-      constData.current.searchStr = '';
-      setSearchStr('');
-      setShowSearch(false);
-    }
-    onLevel && onLevel(item, isSearch);
+  var onLevelCom = function onLevelCom(isSearch) {
+    return function (item) {
+      if (isSearch) {
+        constData.current.searchStr = '';
+        setSearchStr('');
+        setShowSearch(false);
+      }
+      onLevel && onLevel(item, isSearch);
+    };
   };
   /**
    * 加载更多
    * @param isSearch {boolean} 是否搜索
    * */
-  const onLoadCom = isSearch => () => {
-    onLoad && onLoad(isSearch);
+  var onLoadCom = function onLoadCom(isSearch) {
+    return function () {
+      onLoad && onLoad(isSearch);
+    };
   };
   /** 渲染列表 */
-  const handListDom = () => {
+  var handListDom = function handListDom() {
     return jsx(SelectorMainContent, {
       className: "selector-main-list-box",
       value: value,
@@ -815,7 +854,7 @@ const SelectorMain = props => {
     }, "list");
   };
   /** 渲染搜索列表 */
-  const handSearchList = () => {
+  var handSearchList = function handSearchList() {
     if (!showSearch) return;
     return jsx(SelectorMainContent, {
       className: 'selector-main-search-content',
@@ -840,14 +879,14 @@ const SelectorMain = props => {
     }, "search");
   };
   /** 处理loading */
-  const handLoading = () => {
+  var handLoading = function handLoading() {
     if (searchLoading || loading) {
       return jsx(Loading, {});
     }
   };
   // 处理class
-  const handClass = () => {
-    let str = "".concat($prefixCls, "-selector-main");
+  var handClass = function handClass() {
+    var str = "".concat($prefixCls, "-selector-main");
     if (className) str += " ".concat(className);
     if (selectMode === 'check') str += " ".concat($prefixCls, "-selector-main-select");
     if (showSearch) str += " ".concat($prefixCls, "-selector-main-show-search");
@@ -870,38 +909,40 @@ const SelectorMain = props => {
 var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-selector-data.paraui-v4-selector-data-node > .selector-data-node-box {\n  padding: 10px 0 10px 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-node > .selector-data-node-box > .title {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  padding: 0 10px;\n  margin-bottom: 10px;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-node > .selector-data-node-box > .title > .title-content {\n  margin-left: 8px;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-node > .selector-data-node-box > .content {\n  overflow-y: auto;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box {\n  padding-top: 10px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .title {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  padding: 0 10px;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .content {\n  padding: 0 10px 10px 10px;\n  overflow: auto;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .content > .content-tag {\n  display: inline-flex;\n  height: 24px;\n  align-items: center;\n  padding: 0 10px;\n  border-radius: 4px;\n  background-color: rgb(234, 236, 241);\n  margin-right: 4px;\n  margin-top: 4px;\n  max-width: calc(100% - 8px);\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .content > .content-tag > span {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  overflow: hidden;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .content > .content-tag > svg {\n  font-size: 16px;\n  margin-left: 4px;\n  color: rgb(29, 33, 38);\n  cursor: pointer;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .content > .content-tag > svg:hover {\n  color: rgb(46, 101, 230);\n}";
 styleInject(css_248z$1);
 
-const SelectorData = props => {
-  const {
-    className,
-    layout = 'node',
-    style,
-    list,
-    groupType,
-    nodeMode,
-    backDataFieldConfig,
-    detail,
-    detailRender,
-    disabled,
-    handSelectorNodeInfo,
-    selectDataTitleRender,
-    selectRenderItem,
-    selectRender,
-    onClose
-  } = props;
-  const intl = useFormatMessage('Selector', localeJson);
-  const [listCom, setListCom] = useState({});
-  const constData = useRef({
+var SelectorData = function SelectorData(props) {
+  var className = props.className,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'node' : _props$layout,
+    style = props.style,
+    list = props.list,
+    groupType = props.groupType,
+    nodeMode = props.nodeMode,
+    backDataFieldConfig = props.backDataFieldConfig,
+    detail = props.detail,
+    detailRender = props.detailRender,
+    disabled = props.disabled,
+    handSelectorNodeInfo = props.handSelectorNodeInfo,
+    selectDataTitleRender = props.selectDataTitleRender,
+    selectRenderItem = props.selectRenderItem,
+    selectRender = props.selectRender,
+    _onClose = props.onClose;
+  var intl = useFormatMessage('Selector', localeJson);
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    listCom = _useState2[0],
+    setListCom = _useState2[1];
+  var constData = useRef({
     listTypeJson: {},
     backDataFieldConfig: {}
   });
   constData.current.listTypeJson = ArrayToObject('value', groupType);
   constData.current.backDataFieldConfig = backDataFieldConfig || {};
-  useEffect(() => {
+  useEffect(function () {
     if (list && groupType && groupType.length > 0) {
-      const json = {};
-      for (let i = 0, l = list.length; i < l; i++) {
-        const item = list[i];
-        const type = item[constData.current.backDataFieldConfig.type || ''];
+      var json = {};
+      for (var i = 0, l = list.length; i < l; i++) {
+        var item = list[i];
+        var type = item[constData.current.backDataFieldConfig.type || ''];
         if (!json[type]) json[type] = [];
         json[type].push(item);
       }
@@ -909,12 +950,12 @@ const SelectorData = props => {
     }
   }, [list]);
   /** 处理禁用 */
-  const handDisabled = itemConfig => {
+  var handDisabled = function handDisabled(itemConfig) {
     if (disabled) {
       if (disabled === true) return true;
       if (disabled instanceof Array) {
-        const keyStr = (backDataFieldConfig === null || backDataFieldConfig === void 0 ? void 0 : backDataFieldConfig.key) || '';
-        const val = itemConfig[keyStr];
+        var keyStr = (backDataFieldConfig === null || backDataFieldConfig === void 0 ? void 0 : backDataFieldConfig.key) || '';
+        var val = itemConfig[keyStr];
         if (disabled.indexOf(val) !== -1) {
           return true;
         }
@@ -923,40 +964,56 @@ const SelectorData = props => {
     return false;
   };
   /** 处理每个节点的配置 */
-  const handNodeConfig = (itemConfig, index) => {
-    let item = itemConfig;
+  var handNodeConfig = function handNodeConfig(itemConfig, index) {
+    var item = itemConfig;
     if (handSelectorNodeInfo) item = handSelectorNodeInfo(itemConfig);
-    const disabledItem = handDisabled(itemConfig);
-    const json = {
+    var disabledItem = handDisabled(itemConfig);
+    var json = {
       useCase: 'edit',
       close: !disabledItem,
-      detail,
+      detail: detail,
       data: item,
-      nodeMode,
-      onClose: () => onClose && onClose(item, index),
+      nodeMode: nodeMode,
+      onClose: function onClose() {
+        return _onClose && _onClose(item, index);
+      },
       disabled: handDisabled(itemConfig),
       tagStyle: item.tagStyle
     };
     if (selectRenderItem) {
-      json.leftRender = () => {
+      json.leftRender = function () {
         return selectRenderItem(itemConfig);
       };
     }
     /** 节点类型 */
     if (item.leaf !== undefined) json.nodeMode = item.leaf ? 'leaf' : 'branch';
     /** 渲染字段 */
-    const arr = ['img', 'mainTitle', 'subTitle', 'tag'];
-    for (let i = 0, l = arr.length; i < l; i++) {
-      const key = arr[i] || '';
-      const backName = backDataFieldConfig && backDataFieldConfig[key] || '';
+    var arr = ['img', 'mainTitle', 'subTitle', 'tag'];
+    for (var i = 0, l = arr.length; i < l; i++) {
+      var key = arr[i] || '';
+      var backName = backDataFieldConfig && backDataFieldConfig[key] || '';
       json[key] = item[backName];
     }
     /** 详情render */
     if (detailRender) {
-      json.detailRender = () => __awaiter(void 0, void 0, void 0, function* () {
-        const Dom = yield detailRender(item, false);
-        return Dom;
-      });
+      json.detailRender = function () {
+        return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
+          var Dom;
+          return regenerator.wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return detailRender(item, false);
+              case 2:
+                Dom = _context.sent;
+                return _context.abrupt("return", Dom);
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+      };
     }
     if (item.detail !== undefined) json.detail = item.detail;
     /** 是否具有删除 */
@@ -964,23 +1021,23 @@ const SelectorData = props => {
     return json;
   };
   /** 处理节点 */
-  const handNode = () => {
+  var handNode = function handNode() {
     if (selectRender) {
       return selectRender(list || []);
     }
-    return list === null || list === void 0 ? void 0 : list.map((item, index) => {
+    return list === null || list === void 0 ? void 0 : list.map(function (item, index) {
       return jsx(SelectorNode, Object.assign({}, handNodeConfig(item, index)), index);
     });
   };
   /** 处理标题 */
-  const handTitle = () => {
-    const handTitleTag = () => {
+  var handTitle = function handTitle() {
+    var handTitleTag = function handTitleTag() {
       if (selectDataTitleRender) return selectDataTitleRender(list);
       if (groupType) {
         return jsx(Fragment, {
-          children: groupType.map((item, index) => {
-            let num = 0;
-            const val = item.value;
+          children: groupType.map(function (item, index) {
+            var num = 0;
+            var val = item.value;
             if (listCom[val]) num = listCom[val].length;
             if (num === 0) return;
             return jsxs("span", Object.assign({
@@ -1005,7 +1062,7 @@ const SelectorData = props => {
     }));
   };
   // 处理节点内容
-  const handContentNode = () => {
+  var handContentNode = function handContentNode() {
     return jsxs("div", Object.assign({
       className: "selector-data-node-box"
     }, {
@@ -1017,13 +1074,13 @@ const SelectorData = props => {
     }));
   };
   // 处理内容
-  const handDetailTagContent = () => {
+  var handDetailTagContent = function handDetailTagContent() {
     if (selectRender) {
       return selectRender(list || []);
     }
     return jsx(Fragment, {
-      children: list === null || list === void 0 ? void 0 : list.map((item, index) => {
-        const disabledItem = handDisabled(item);
+      children: list === null || list === void 0 ? void 0 : list.map(function (item, index) {
+        var disabledItem = handDisabled(item);
         return jsxs("span", Object.assign({
           className: "content-tag"
         }, {
@@ -1032,14 +1089,16 @@ const SelectorData = props => {
               children: item[(backDataFieldConfig === null || backDataFieldConfig === void 0 ? void 0 : backDataFieldConfig.mainTitle) || ''] || item[(backDataFieldConfig === null || backDataFieldConfig === void 0 ? void 0 : backDataFieldConfig.key) || '']
             })
           }), !disabledItem && jsx(CloseIcon, {
-            onClick: () => onClose && onClose(item, index)
+            onClick: function onClick() {
+              return _onClose && _onClose(item, index);
+            }
           })]
         }), index);
       })
     });
   };
   // 处理tag内容
-  const handContentTag = () => {
+  var handContentTag = function handContentTag() {
     return jsxs("div", Object.assign({
       className: "selector-data-tag-box"
     }, {
@@ -1050,8 +1109,8 @@ const SelectorData = props => {
       }))]
     }));
   };
-  const handClass = () => {
-    let str = "".concat($prefixCls, "-selector-data");
+  var handClass = function handClass() {
+    var str = "".concat($prefixCls, "-selector-data");
     if (layout) str += " ".concat($prefixCls, "-selector-data-").concat(layout);
     if (disabled === true) str += " ".concat($prefixCls, "-selector-data-disabled");
     if (className) str += " ".concat(className);
@@ -1069,11 +1128,9 @@ const SelectorData = props => {
  * 发送请求
  * @param obj {ReqFuncProps} 请求信息
  */
-const reqFunc = obj => {
-  const {
-      method,
-      data
-    } = obj,
+var reqFunc = function reqFunc(obj) {
+  var method = obj.method,
+    data = obj.data,
     otherProps = __rest(obj, ["method", "data"]);
   if (method === 'Get') {
     return Get(Object.assign({
@@ -1082,7 +1139,7 @@ const reqFunc = obj => {
   }
   if (method === 'Post') {
     return Post(Object.assign({
-      data
+      data: data
     }, otherProps));
   }
 };