@para-ui/core 4.0.0-rc.3 → 4.0.0-rc.5

package/DynamicMultiBox/index.js

@@ -1,6 +1,3 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React__default, { useState, useRef, useEffect, useMemo } from 'react';
 import { Popover } from '../Popover/index.js';
@@ -21,29 +18,27 @@ import DatePicker from '../DatePicker/index.js';
 import AutoTips from '../AutoTips/index.js';
 import { UUID } from '@paraview/lib';
 import { s as sortable_esm } from '../_verture/sortable.esm-49896035.js';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/typeof-adeedc13.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../Tooltip/index.js';
-import 'rc-tooltip';
-import 'rc-tooltip/lib/placements';
+import { Tooltip } from '../Tooltip/index.js';
+import '../_verture/usePopupContainer-635f66f4.js';
 import 'clsx';
-import '@para-ui/icons/Forbid';
-import '../_verture/usePopupContainer-87febeb9.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 import '../Checkbox/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
 import '../HelperText/index.js';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircleF';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
-import '../_verture/useGlobalProps-1b846a65.js';
+import '../_verture/useGlobalProps-1e416658.js';
 import '@para-ui/core/GlobalContext';
-import '../_verture/index-e9007d6a.js';
+import '../_verture/index-da9097d3.js';
 import 'rc-dropdown';
 import 'dayjs';
 import '../Empty/index.js';
@@ -56,8 +51,6 @@ import 'rc-input-number';
 import '@para-ui/icons/Up';
 import '../MultiBox/index.js';
 import '@para-ui/icons/Internet';
-import '../_verture/index-232d890b.js';
-import '../_verture/typeof-c310ee4a.js';
 import '../Table/index.js';
 import '../Button/index.js';
 import '@para-ui/icons/ScreenF';
@@ -66,6 +59,10 @@ import '@para-ui/icons/DownTriangleF';
 import '../Radio/index.js';
 import '../OperateBtn/index.js';
 import '@para-ui/icons/More';
+import '../PopConfirm/index.js';
+import '@para-ui/icons/CheckCircleF';
+import '@para-ui/icons/WarningCircle';
+import '@para-ui/icons/WarningCircleF';
 import '@para-ui/icons/Refresh';
 import '../Pagination/index.js';
 import '@para-ui/icons/Left';
@@ -73,20 +70,23 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-de8f4428.js';
+import '../_verture/index-f186b5e8.js';
 import 'rc-tree';
+import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/Document';
+import '../_verture/slicedToArray-8223a2ef.js';
 import 'react-dom';
 import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';
 import '@para-ui/icons/MoreCircle';
-import '../_verture/utils-06d86594.js';
+import '../_verture/utils-46e99c9a.js';
 import '../Search/index.js';
 import 'rc-picker/es/generate/dayjs';
 import '../Tag/index.js';
 import '@para-ui/icons/EditOutline';
 import '../_verture/tinycolor-ece3542d.js';
 import '@para-ui/icons/Plus';
+import '../_verture/defineProperty-1d116156.js';
 import 'rc-picker';
 import '@para-ui/icons/Calendar';
 import '@para-ui/icons/Time';
@@ -134,8 +134,10 @@ var FormItem = function FormItem(props) {
     _a.isFixed;
     _a.selected;
     var text = _a.text,
-    rest = __rest(_a, ["name", "inputType", "customRender", "rowIndex", "id", "list", "isDisabled", "isFixed", "selected", "text"]);
+    otherProps = _a.otherProps,
+    rest = __rest(_a, ["name", "inputType", "customRender", "rowIndex", "id", "list", "isDisabled", "isFixed", "selected", "text", "otherProps"]);
   var disabled = typeof isDisabled === 'function' ? isDisabled(rowIndex, name, valueList) : isDisabled;
+  var otherPropsCom = otherProps && otherProps(rowIndex, name, valueList);
   var getComponent = function getComponent() {
     switch (inputType) {
       case 'TextField':
@@ -186,7 +188,7 @@ var FormItem = function FormItem(props) {
       onChange: function onChange(e) {
         return inputChange(e.target.value);
       }
-    }));
+    }, otherPropsCom));
   };
   /**
    * @description: 返回下拉框组件
@@ -205,7 +207,7 @@ var FormItem = function FormItem(props) {
       getPopupContainer: function getPopupContainer() {
         return document.body;
       }
-    }));
+    }, otherPropsCom));
   };
   /**
    * @description: 返回开关组件
@@ -232,7 +234,7 @@ var FormItem = function FormItem(props) {
           onChange: function onChange(checked) {
             return inputChange(checked);
           }
-        }))
+        }, otherPropsCom))
       }))]
     }));
   };
@@ -248,7 +250,7 @@ var FormItem = function FormItem(props) {
       onChange: function onChange(value) {
         return inputChange(value);
       }
-    }));
+    }, otherPropsCom));
   };
   /**
    * @description: 返回国际化输入框
@@ -261,7 +263,7 @@ var FormItem = function FormItem(props) {
       onChange: function onChange(value) {
         return inputChange(value);
       }
-    }));
+    }, otherPropsCom));
   };
   /**
    * @description: 返回日期选择框组件
@@ -276,7 +278,7 @@ var FormItem = function FormItem(props) {
       getPopupContainer: function getPopupContainer() {
         return document.body;
       }
-    }));
+    }, otherPropsCom));
   };
   /**
    * @description: 返回组合选择器下拉框
@@ -290,7 +292,7 @@ var FormItem = function FormItem(props) {
       onChange: function onChange(options) {
         return inputChange(options);
       }
-    }));
+    }, otherPropsCom));
   };
   /**
    * @description: 返回自定义组件
@@ -306,48 +308,48 @@ var FormItem = function FormItem(props) {
   });
 };
 
-var RowForm = function RowForm(props) {
-  var _props$rowKey = props.rowKey,
-    rowKey = _props$rowKey === void 0 ? 'id' : _props$rowKey,
-    _props$valueList = props.valueList,
-    valueList = _props$valueList === void 0 ? [] : _props$valueList,
-    rowError = props.rowError,
-    _props$errors = props.errors,
-    errors = _props$errors === void 0 ? [] : _props$errors,
-    onFormItemChange = props.onFormItemChange,
-    _props$config = props.config,
-    config = _props$config === void 0 ? [] : _props$config,
-    rowIndex = props.rowIndex,
-    icon = props.icon;
+const RowForm = props => {
+  const {
+    rowKey = 'id',
+    valueList = [],
+    rowError,
+    errors = [],
+    onFormItemChange,
+    config = [],
+    rowIndex,
+    icon
+  } = props;
   /**
    * @desc 回调
    * @param id 表单所处行中的id
    * @param value 表单值
    * @param name 表单名
    * */
-  var _onChange = function onChange(id, value, name) {
+  const onChange = (id, value, name) => {
     onFormItemChange && onFormItemChange(name, id, value);
   };
-  var handStyle = function handStyle(style) {
-    var obj = Object.assign({}, style);
+  const handStyle = style => {
+    const obj = Object.assign({}, style);
     if (!(style === null || style === void 0 ? void 0 : style.width) && !(style === null || style === void 0 ? void 0 : style.flex)) obj.flex = 1;
     return obj;
   };
-  var renderFormItem = function renderFormItem() {
-    var rowValue = valueList === null || valueList === void 0 ? void 0 : valueList[rowIndex];
-    var len = config === null || config === void 0 ? void 0 : config.length;
+  const renderFormItem = () => {
+    const rowValue = valueList === null || valueList === void 0 ? void 0 : valueList[rowIndex];
+    const len = config === null || config === void 0 ? void 0 : config.length;
     return jsx(Fragment, {
-      children: (config === null || config === void 0 ? void 0 : config.length) > 0 && config.map(function (data, index) {
-        var style = data.style,
+      children: (config === null || config === void 0 ? void 0 : config.length) > 0 && config.map((data, index) => {
+        const {
+            style
+          } = data,
           othersData = __rest(data, ["style"]);
-        var formItemProps = (data === null || data === void 0 ? void 0 : data.inputType) !== 'Switch' ? Object.assign({
-          rowIndex: rowIndex,
+        const formItemProps = (data === null || data === void 0 ? void 0 : data.inputType) !== 'Switch' ? Object.assign({
+          rowIndex,
           id: rowValue[rowKey],
           value: rowValue === null || rowValue === void 0 ? void 0 : rowValue[data.name || ''],
           error: !!(rowError === null || rowError === void 0 ? void 0 : rowError[data.name || '']),
           helperText: rowError === null || rowError === void 0 ? void 0 : rowError[data.name || '']
         }, othersData) : Object.assign({
-          rowIndex: rowIndex,
+          rowIndex,
           id: rowValue[rowKey],
           checked: rowValue === null || rowValue === void 0 ? void 0 : rowValue[data.name || '']
         }, othersData);
@@ -359,9 +361,7 @@ var RowForm = function RowForm(props) {
             valueList: valueList,
             errors: errors,
             formItemProps: formItemProps,
-            onChange: function onChange(id, value) {
-              return _onChange(id, value, (data === null || data === void 0 ? void 0 : data.name) || '');
-            }
+            onChange: (id, value) => onChange(id, value, (data === null || data === void 0 ? void 0 : data.name) || '')
           }), index !== len - 1 && icon && jsx("div", Object.assign({
             className: 'form-item-icon'
           }, {
@@ -925,98 +925,79 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-dynamic-multi-box {\n  width: 100%;\n}\n.paraui-v4-dynamic-multi-box svg {\n  overflow: hidden;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content {\n  width: 100%;\n  position: relative;\n  overflow-x: auto;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config .title-config-row {\n  display: flex;\n  flex: 1;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config .title-config-row .title-config-row-item {\n  display: flex;\n  align-items: center;\n  min-width: 180px;\n  margin-right: 10px;\n  flex-shrink: 0;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config .title-config-row .row-form-switch {\n  flex: 0;\n  min-width: 80px;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 {\n  width: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 32px;\n  cursor: pointer;\n  margin-right: 4px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel .svg-box {\n  height: 24px;\n  width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: rgb(247, 248, 250);\n  border-radius: 2px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel .svg-box svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel .svg-box svg:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover {\n  background: rgb(247, 248, 250);\n  border-radius: 4px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .hidden-icon {\n  display: none;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .center-line {\n  width: 1px;\n  height: 12px;\n  background-color: rgb(212, 218, 227);\n  margin: 0 3px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 {\n  width: 72px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form {\n  width: 100%;\n  display: flex;\n  align-items: flex-start;\n  min-height: 42px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .paraui-v4-select {\n  overflow: hidden;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .form-item {\n  display: flex;\n  align-items: flex-start;\n  min-width: 180px;\n  margin-right: 10px;\n  flex-shrink: 0;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .form-item-icon {\n  margin-left: 10px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .row-form-switch {\n  flex: 0;\n  box-sizing: content-box;\n  align-items: center;\n  height: 32px;\n  min-width: 80px;\n}\n.paraui-v4-dynamic-multi-box .add-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 32px;\n  background: rgb(247, 248, 250);\n  border: 1px dashed rgb(212, 218, 227);\n  border-radius: 4px;\n}\n.paraui-v4-dynamic-multi-box .add-button .text {\n  font-size: 14px;\n  margin-left: 4px;\n}\n.paraui-v4-dynamic-multi-box .add-button.add-button-scroll {\n  margin-top: 14px;\n}\n.paraui-v4-dynamic-multi-box .add-button.normal-button {\n  cursor: pointer;\n}\n.paraui-v4-dynamic-multi-box .add-button.normal-button .text {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-dynamic-multi-box .add-button.normal-button:hover {\n  background: rgb(240, 245, 255);\n  border: 1px dashed rgb(87, 131, 235);\n}\n.paraui-v4-dynamic-multi-box .add-button.disabled-add {\n  cursor: not-allowed;\n}\n.paraui-v4-dynamic-multi-box .add-button.disabled-add .text {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-dynamic-multi-box .add-button.disabled-add svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-dynamic-multi-box .paraui-v4-comboselect,\n.paraui-v4-dynamic-multi-box .paraui-v4-picker-wrapper {\n  width: 100%;\n}\n.paraui-v4-dynamic-multi-box .multi-value-switch {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-switch .switch-text {\n  color: rgb(161, 168, 179);\n  margin-right: 4px;\n  overflow: hidden;\n}\n.paraui-v4-dynamic-multi-box .multi-value-switch .switch {\n  flex: 1;\n}\n\n.paraui-v4-dynamic-multi-box-popover .filter-config {\n  width: 140px;\n  padding-top: 4px;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .check-list .title {\n  font-size: 12px;\n  color: rgb(161, 168, 179);\n  line-height: 30px;\n  padding: 0 10px;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .check-list .paraui-v4-checkbox-group {\n  max-height: 320px;\n  overflow-y: auto;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .check-list .paraui-v4-checkbox-group.paraui-v4-checkbox-group-column .checkbox-group-content > span {\n  padding: 0 10px;\n  margin-bottom: 0;\n  line-height: 30px;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .restore-default {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 36px;\n  color: rgb(46, 101, 230);\n  cursor: pointer;\n  border-top: 1px solid rgb(247, 248, 250);\n}\n.paraui-v4-dynamic-multi-box-popover .no-other-property {\n  width: 200px;\n  padding: 16px 0;\n  text-align: center;\n  font-size: 12px;\n  color: rgb(161, 168, 179);\n}";
 styleInject(css_248z);
 
-var DynamicMultiBox = function DynamicMultiBox(props) {
-  var _props$rowKey = props.rowKey,
-    rowKey = _props$rowKey === void 0 ? 'id' : _props$rowKey,
-    valueList = props.valueList,
-    _props$config = props.config,
-    config = _props$config === void 0 ? [] : _props$config,
-    _props$errors = props.errors,
-    errors = _props$errors === void 0 ? [] : _props$errors,
-    _props$isSort = props.isSort,
-    isSort = _props$isSort === void 0 ? false : _props$isSort,
-    _props$isFilter = props.isFilter,
-    isFilter = _props$isFilter === void 0 ? false : _props$isFilter,
-    className = props.className,
-    _props$disabledAdd = props.disabledAdd,
-    disabledAdd = _props$disabledAdd === void 0 ? false : _props$disabledAdd,
-    _props$titleMode = props.titleMode,
-    titleMode = _props$titleMode === void 0 ? 'all' : _props$titleMode,
-    checkedValue = props.checkedValue,
-    icon = props.icon,
-    _props$deleteDisable = props.deleteDisable,
-    deleteDisable = _props$deleteDisable === void 0 ? [] : _props$deleteDisable,
-    singleTitle = props.singleTitle,
-    initValue = props.initValue,
-    popoverClassName = props.popoverClassName,
-    onChange = props.onChange,
-    onAdd = props.onAdd,
-    onFilter = props.onFilter,
-    onDelete = props.onDelete,
-    deleteRender = props.deleteRender,
-    onSort = props.onSort,
-    _props$keepLastItem = props.keepLastItem,
-    keepLastItem = _props$keepLastItem === void 0 ? true : _props$keepLastItem;
-  var intl = useFormatMessage('DynamicMultiBox', localeJson);
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    checked = _useState2[0],
-    setChecked = _useState2[1];
-  var domRef = useRef(null);
-  var panelRef = useRef(null);
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    fixedConfig = _useState4[0],
-    setFixedConfig = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selectedConfig = _useState6[0],
-    setSelectedConfig = _useState6[1];
-  var constData = useRef({});
-  useEffect(function () {
+const DynamicMultiBox = props => {
+  const {
+    rowKey = 'id',
+    valueList,
+    config = [],
+    errors = [],
+    isSort = false,
+    isFilter = false,
+    className,
+    disabledAdd = false,
+    disabledAddTooltip,
+    titleMode = 'all',
+    checkedValue,
+    icon,
+    deleteDisable = [],
+    singleTitle,
+    initValue,
+    popoverClassName,
+    onChange,
+    onAdd,
+    onFilter,
+    onDelete,
+    deleteRender,
+    onSort,
+    keepLastItem = true
+  } = props;
+  const intl = useFormatMessage('DynamicMultiBox', localeJson);
+  const [checked, setChecked] = useState([]);
+  const domRef = useRef(null);
+  const panelRef = useRef(null);
+  const [fixedConfig, setFixedConfig] = useState([]);
+  const [selectedConfig, setSelectedConfig] = useState([]);
+  const constData = useRef({});
+  useEffect(() => {
     window.addEventListener('resize', monitorScroll);
-    return function () {
+    return () => {
       window.removeEventListener('resize', monitorScroll);
       clearTimeout(constData.current.timerScroll);
     };
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     if (checkedValue) setChecked(checkedValue);
   }, [checkedValue]);
-  useEffect(function () {
+  useEffect(() => {
     if (!(config === null || config === void 0 ? void 0 : config.length)) return;
     // 筛选出固定字段
-    var fixedArr = (config === null || config === void 0 ? void 0 : config.filter(function (item) {
-      return item.isFixed;
-    })) || [];
+    const fixedArr = (config === null || config === void 0 ? void 0 : config.filter(item => item.isFixed)) || [];
     setFixedConfig(fixedArr);
   }, [config]);
-  useEffect(function () {
+  useEffect(() => {
     if (!(config === null || config === void 0 ? void 0 : config.length)) return;
     // 通过透传的checkedValue映射出对应的配置
-    var selectedArr = (config === null || config === void 0 ? void 0 : config.filter(function (item) {
-      return !item.isFixed && (checked === null || checked === void 0 ? void 0 : checked.includes(item.name));
-    })) || [];
+    const selectedArr = (config === null || config === void 0 ? void 0 : config.filter(item => !item.isFixed && (checked === null || checked === void 0 ? void 0 : checked.includes(item.name)))) || [];
     setSelectedConfig(selectedArr);
   }, [config, checked]);
   /**
    * @desc 筛选回调
    * */
-  var onCheckChange = function onCheckChange(val) {
+  const onCheckChange = val => {
     // 1、更新selectedConfig配置 2、更新valueList 3、更新error
     // 区分正选反选
-    var bool = (val === null || val === void 0 ? void 0 : val.length) > (checked === null || checked === void 0 ? void 0 : checked.length);
+    const bool = (val === null || val === void 0 ? void 0 : val.length) > (checked === null || checked === void 0 ? void 0 : checked.length);
     // 当前选中数据和上一次选择数据取差值
-    var currentVal = getArrDiffSet(val, checked);
-    var valueArr = _toConsumableArray(valueList);
-    var errorArr = _toConsumableArray(errors);
+    const currentVal = getArrDiffSet(val, checked);
+    let valueArr = [...valueList];
+    let errorArr = [...errors];
     if (bool) {
       valueArr = handleCheckedConfig(valueArr, currentVal);
       errorArr = handleCheckedConfig(errorArr, currentVal);
@@ -1034,15 +1015,15 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
     monitorScroll();
   };
   /** 监听内容是否产生横向滚动*/
-  var monitorScroll = function monitorScroll() {
-    var domRefEle = domRef === null || domRef === void 0 ? void 0 : domRef.current;
+  const monitorScroll = () => {
+    const domRefEle = domRef === null || domRef === void 0 ? void 0 : domRef.current;
     if (!domRefEle) return;
-    var contentDomEle = domRefEle.querySelector('.multi-value-content');
+    const contentDomEle = domRefEle.querySelector('.multi-value-content');
     if (!contentDomEle) return;
-    var btnDomEle = domRefEle.querySelector('.add-button');
+    const btnDomEle = domRefEle.querySelector('.add-button');
     if (!btnDomEle) return;
     clearTimeout(constData.current.timerScroll);
-    constData.current.timerScroll = setTimeout(function () {
+    constData.current.timerScroll = setTimeout(() => {
       if (contentDomEle.offsetWidth < contentDomEle.scrollWidth) {
         btnDomEle.classList.add('add-button-scroll');
       } else {
@@ -1053,10 +1034,10 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
   /**
    * @desc 筛选恢复默认,
    * */
-  var onRestoreDefault = function onRestoreDefault() {
+  const onRestoreDefault = () => {
     if (!(checked === null || checked === void 0 ? void 0 : checked.length)) return;
-    var valueArr = _toConsumableArray(valueList);
-    var errorArr = _toConsumableArray(errors);
+    const valueArr = [...valueList];
+    const errorArr = [...errors];
     restoreData(valueArr, checked);
     restoreData(errorArr, checked);
     setChecked([]);
@@ -1070,9 +1051,9 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
   /**
    * @desc 数据重置
    * */
-  var restoreData = function restoreData(data, checked) {
-    data.forEach(function (item) {
-      for (var key in item) {
+  const restoreData = (data, checked) => {
+    data.forEach(item => {
+      for (const key in item) {
         if (checked.includes(key)) delete item[key];
       }
     });
@@ -1082,11 +1063,11 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
    * @param dataArr 错误集合errors或者valueList集合
    * @param currentVal 反选值
    * */
-  var handleUncheckedConfig = function handleUncheckedConfig() {
-    var dataArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    var currentVal = arguments.length > 1 ? arguments[1] : undefined;
-    dataArr.forEach(function (item) {
-      for (var itemKey in item) {
+  const handleUncheckedConfig = function () {
+    let dataArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let currentVal = arguments.length > 1 ? arguments[1] : undefined;
+    dataArr.forEach(item => {
+      for (const itemKey in item) {
         if (itemKey === currentVal) delete item[itemKey];
       }
     });
@@ -1096,18 +1077,16 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
    * @param dataArr 错误集合errors或者valueList集合
    * @param currentVal 正选值
    * */
-  var handleCheckedConfig = function handleCheckedConfig(dataArr, currentVal) {
-    return dataArr.map(function (item) {
-      return Object.assign(Object.assign({}, item), _defineProperty({}, currentVal, ''));
-    });
+  const handleCheckedConfig = (dataArr, currentVal) => {
+    return dataArr.map(item => Object.assign(Object.assign({}, item), {
+      [currentVal]: ''
+    }));
   };
   /**
    * 弹窗筛选器内容
    * */
-  var renderPopoverContent = function renderPopoverContent() {
-    var filterConfig = config.filter(function (item) {
-      return !item.isFixed;
-    });
+  const renderPopoverContent = () => {
+    const filterConfig = config.filter(item => !item.isFixed);
     return jsx(Fragment, {
       children: filterConfig && (filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.length) > 0 ? jsxs("div", Object.assign({
         className: "filter-config"
@@ -1144,16 +1123,16 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
       }))
     });
   };
-  var popoverHandClass = function popoverHandClass() {
-    var str = "".concat($prefixCls, "-dynamic-multi-box-popover");
+  const popoverHandClass = () => {
+    let str = "".concat($prefixCls, "-dynamic-multi-box-popover");
     if (popoverClassName) str += " ".concat(popoverClassName);
     return str;
   };
   /**
    * 渲染表头
    * */
-  var renderTitle = useMemo(function () {
-    var config = [].concat(_toConsumableArray(fixedConfig), _toConsumableArray(selectedConfig));
+  const renderTitle = useMemo(() => {
+    const config = [...fixedConfig, ...selectedConfig];
     if (!(config === null || config === void 0 ? void 0 : config.length)) return null;
     return jsxs("div", Object.assign({
       className: 'title-config'
@@ -1161,17 +1140,19 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
       children: [titleMode === 'all' ? jsx("div", Object.assign({
         className: 'title-config-row'
       }, {
-        children: config === null || config === void 0 ? void 0 : config.map(function (item, index) {
-          var label = item.label,
-            required = item.required,
-            className = item.className,
-            inputType = item.inputType,
-            style = item.style,
-            labelProps = item.labelProps;
-          var str = 'title-config-row-item';
+        children: config === null || config === void 0 ? void 0 : config.map((item, index) => {
+          const {
+            label,
+            required,
+            className,
+            inputType,
+            style,
+            labelProps
+          } = item;
+          let str = 'title-config-row-item';
           if (inputType === 'Switch') str += ' row-form-switch';
           if (className) str += " ".concat(className);
-          var styleCom = Object.assign({}, style);
+          const styleCom = Object.assign({}, style);
           if (!(style === null || style === void 0 ? void 0 : style.width) && !(style === null || style === void 0 ? void 0 : style.flex)) styleCom.flex = 1;
           return jsx("div", Object.assign({
             className: str,
@@ -1194,9 +1175,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
         }), isFilter && jsx(Popover, Object.assign({
           placement: 'bottom-end',
           content: renderPopoverContent(),
-          getPopupContainer: function getPopupContainer() {
-            return panelRef.current;
-          },
+          getPopupContainer: () => panelRef.current,
           overlayClassName: popoverHandClass()
         }, {
           children: jsx("div", Object.assign({
@@ -1217,14 +1196,14 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
    * 判断是否全部隐藏删除
    * 默认全部隐藏
    * */
-  var isAllHideDelete = function isAllHideDelete() {
+  const isAllHideDelete = () => {
     var _a;
-    var bol = true;
+    let bol = true;
     if (valueList.length > deleteDisable.length) {
       return false;
     }
-    for (var i = 0, l = valueList === null || valueList === void 0 ? void 0 : valueList.length; i < l; i++) {
-      var id = (_a = valueList[i]) === null || _a === void 0 ? void 0 : _a[rowKey];
+    for (let i = 0, l = valueList === null || valueList === void 0 ? void 0 : valueList.length; i < l; i++) {
+      const id = (_a = valueList[i]) === null || _a === void 0 ? void 0 : _a[rowKey];
       if (id && deleteDisable.indexOf(id) === -1) {
         bol = false;
         break;
@@ -1235,18 +1214,16 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
   /**
    *@desc 渲染内容
    * */
-  var renderContent = useMemo(function () {
+  const renderContent = useMemo(() => {
     if (valueList && (valueList === null || valueList === void 0 ? void 0 : valueList.length) > 0) {
-      var showDeleteIcon = keepLastItem ? valueList.length > 1 : true;
-      var _config = [].concat(_toConsumableArray(fixedConfig), _toConsumableArray(selectedConfig));
-      var isAllHideDelBol = isAllHideDelete();
+      const showDeleteIcon = keepLastItem ? valueList.length > 1 : true;
+      const config = [...fixedConfig, ...selectedConfig];
+      const isAllHideDelBol = isAllHideDelete();
       return jsx(Fragment, {
-        children: valueList.map(function (item, rowIndex) {
+        children: valueList.map((item, rowIndex) => {
           var _a;
-          var id = item[rowKey];
-          var rowError = (_a = errors === null || errors === void 0 ? void 0 : errors.filter(function (item) {
-            return item[rowKey] === id;
-          })) === null || _a === void 0 ? void 0 : _a[0];
+          const id = item[rowKey];
+          const rowError = (_a = errors === null || errors === void 0 ? void 0 : errors.filter(item => item[rowKey] === id)) === null || _a === void 0 ? void 0 : _a[0];
           return jsxs("div", Object.assign({
             className: 'content-row-form'
           }, {
@@ -1255,19 +1232,15 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
               valueList: valueList,
               errors: errors,
               rowError: rowError,
-              onFormItemChange: function onFormItemChange(name, id, value) {
-                return _onFormItemChange(name, id, value, rowIndex);
-              },
+              onFormItemChange: (name, id, value) => onFormItemChange(name, id, value, rowIndex),
               icon: icon,
-              config: _config
+              config: config
             }), jsxs("div", Object.assign({
               className: "operator-column-40 ".concat(isSort && showDeleteIcon && !isAllHideDelBol ? 'operator-column-80' : '')
             }, {
               children: [jsx("div", Object.assign({
                 className: "operator-column-icon delete-icon ".concat(!showDeleteIcon || deleteDisable.includes(id) ? 'hidden-icon' : ''),
-                onClick: function onClick() {
-                  return onDeleteEvent(rowIndex);
-                }
+                onClick: () => onDeleteEvent(rowIndex)
               }, {
                 children: deleteRender ? deleteRender(rowIndex, item, valueList) : jsx(Delete, {})
               })), isSort && jsx("div", Object.assign({
@@ -1290,9 +1263,9 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
   /**
    * @desc 删除事件
    * */
-  var onDeleteEvent = function onDeleteEvent(rowIndex) {
-    var valueArr = _toConsumableArray(valueList);
-    var errorArr = _toConsumableArray(errors);
+  const onDeleteEvent = rowIndex => {
+    const valueArr = [...valueList];
+    const errorArr = [...errors];
     valueArr.splice(rowIndex, 1);
     errorArr.splice(rowIndex, 1);
     onDelete && onDelete(valueArr, errorArr);
@@ -1304,31 +1277,35 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
    * @param rowIndex 表单所处行下标
    * @param id 表单所处行中的id
    * */
-  var _onFormItemChange = function _onFormItemChange(name, id, value, rowIndex) {
-    var valueArr = _toConsumableArray(valueList);
-    Object.keys(valueArr[rowIndex]).forEach(function (key) {
+  const onFormItemChange = (name, id, value, rowIndex) => {
+    const valueArr = [...valueList];
+    Object.keys(valueArr[rowIndex]).forEach(key => {
       if (name === key) valueArr[rowIndex][key] = value;
     });
     onChange && onChange(valueArr, {
-      name: name,
-      id: id,
-      value: value,
-      rowIndex: rowIndex
+      name,
+      id,
+      value,
+      rowIndex
     });
   };
   /**
    * @desc 新增事件
    * */
-  var onAddEvent = function onAddEvent() {
+  const onAddEvent = () => {
     if (disabledAdd) return;
     // 根据配置进行valueList更新
-    var valueArr = _toConsumableArray(valueList || []);
-    var errorArr = _toConsumableArray(errors);
-    var id = UUID();
+    const valueArr = [...(valueList || [])];
+    const errorArr = [...errors];
+    const id = UUID();
     // 取出已经筛选的配置数据
-    var configArr = [].concat(_toConsumableArray(fixedConfig), _toConsumableArray(selectedConfig));
-    valueArr.push(Object.assign(Object.assign({}, getNewItem(configArr, 'value')), _defineProperty({}, rowKey, id)));
-    errorArr.push(Object.assign(Object.assign({}, getNewItem(configArr, 'error')), _defineProperty({}, rowKey, id)));
+    const configArr = [...fixedConfig, ...selectedConfig];
+    valueArr.push(Object.assign(Object.assign({}, getNewItem(configArr, 'value')), {
+      [rowKey]: id
+    }));
+    errorArr.push(Object.assign(Object.assign({}, getNewItem(configArr, 'error')), {
+      [rowKey]: id
+    }));
     onAdd && onAdd(valueArr, errorArr);
   };
   /**
@@ -1336,23 +1313,23 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
    * @param configArr 配置表
    * @param type 区分值和错误
    * */
-  var getNewItem = function getNewItem(configArr, type) {
-    return configArr.reduce(function (acc, cur) {
-      return Object.assign(Object.assign({}, acc), _defineProperty({}, cur.name, type === 'value' ? initValue === null || initValue === void 0 ? void 0 : initValue[cur.name] : ''));
-    }, {});
+  const getNewItem = (configArr, type) => {
+    return configArr.reduce((acc, cur) => Object.assign(Object.assign({}, acc), {
+      [cur.name]: type === 'value' ? initValue === null || initValue === void 0 ? void 0 : initValue[cur.name] : ''
+    }), {});
   };
   /**
    * @desc 排序
    * @param newValueList 排序后的数组
    * */
-  var onDragSort = function onDragSort(newValueList) {
+  const onDragSort = newValueList => {
     // 获取排序后 id映射下标集合
-    var idMapIndex = newValueList.reduce(function (acc, cur, index) {
-      return Object.assign(Object.assign({}, acc), _defineProperty({}, cur[rowKey], index));
-    }, {});
+    const idMapIndex = newValueList.reduce((acc, cur, index) => Object.assign(Object.assign({}, acc), {
+      [cur[rowKey]]: index
+    }), {});
     // 需要交换的下标集合
-    var swapIds = [];
-    valueList.forEach(function (item, idx) {
+    const swapIds = [];
+    valueList.forEach((item, idx) => {
       if (idx !== idMapIndex[item[rowKey]]) swapIds.push(idx);
     });
     onSort && onSort(newValueList, swapIds);
@@ -1362,16 +1339,45 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
    * @param {string} currentVal
    * @param {string} preVal
    */
-  var getArrDiffSet = function getArrDiffSet(currentVal, preVal) {
-    return currentVal.concat(preVal).filter(function (v) {
-      return !currentVal.includes(v) || !preVal.includes(v);
-    })[0];
+  const getArrDiffSet = (currentVal, preVal) => {
+    return currentVal.concat(preVal).filter(v => !currentVal.includes(v) || !preVal.includes(v))[0];
+  };
+  /**
+   * 处理添加按钮
+   * */
+  const handleAddBtn = () => {
+    return jsxs("div", Object.assign({
+      className: "add-button ".concat(disabledAdd ? 'disabled-add' : 'normal-button'),
+      onClick: onAddEvent
+    }, {
+      children: [jsx(PlusCircleF, {}), jsx("span", Object.assign({
+        className: "text"
+      }, {
+        children: intl({
+          id: 'add'
+        })
+      }))]
+    }));
+  };
+  /**
+   * 处理添加按钮是否带提示
+   * */
+  const handleAddBtnTooltip = () => {
+    if (disabledAddTooltip) {
+      return jsx(Tooltip, Object.assign({
+        disabled: true,
+        placement: disabledAddTooltip.placement || 'top'
+      }, disabledAddTooltip, {
+        children: handleAddBtn()
+      }));
+    }
+    return handleAddBtn();
   };
   /**
    * @desc 处理className
    * */
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-dynamic-multi-box");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-dynamic-multi-box");
     if (className) str += " ".concat(className);
     return str;
   };
@@ -1391,18 +1397,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
       }, {
         children: renderContent
       })) : renderContent]
-    })), jsxs("div", Object.assign({
-      className: "add-button ".concat(disabledAdd ? 'disabled-add' : 'normal-button'),
-      onClick: onAddEvent
-    }, {
-      children: [jsx(PlusCircleF, {}), jsx("span", Object.assign({
-        className: "text"
-      }, {
-        children: intl({
-          id: 'add'
-        })
-      }))]
-    }))]
+    })), handleAddBtnTooltip()]
   }));
 };