@zat-design/sisyphus-react 4.2.0-beta.1 → 4.2.0-beta.3

package/es/ProTreeModal/index.js

@@ -1,18 +1,8 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import _isFunction from "lodash/isFunction";
+import _cloneDeep from "lodash/cloneDeep";
 import React, { useEffect, useMemo, useRef } from 'react';
 import { useDeepCompareEffect, useSetState, useRequest as useRequestFunc, useDebounceFn } from 'ahooks';
 import { Button, Checkbox, Input, message } from 'antd';
-import { cloneDeep, isFunction } from 'lodash';
 import { ReactSVG } from 'react-svg';
 import classNames from 'classnames';
 import { ProDrawerForm, useProConfig } from "../index";
@@ -22,72 +12,67 @@ import { transformTreeToArray, treeNodeFind } from "../ProTable/components/RcTab
 import searchSVG from "../assets/input-search.svg";
 import locale, { formatMessage } from "../locale";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-var LIST = 'LIST';
-var TREE = 'TREE';
-export var CASCADER = 'CASCADER';
-var ProTreeModal = props => {
-  var _locale$ProTreeModal, _props$otherProps, _props$otherProps2, _locale$ProTreeModal9, _locale$ProTreeModal10, _locale$ProTreeModal11, _locale$ProTreeModal12;
-  var _useProConfig = useProConfig('ProEnum'),
-    _useProConfig$dics = _useProConfig.dics,
-    dics = _useProConfig$dics === void 0 ? {} : _useProConfig$dics;
-  var listRef = useRef(null);
-  var open = props.open,
-    value = props.value,
-    onChange = props.onChange,
-    dataSource = props.dataSource,
-    trigger = props.trigger,
-    _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'tree' : _props$mode,
-    enumCode = props.code,
-    _props$title = props.title,
-    title = _props$title === void 0 ? locale === null || locale === void 0 || (_locale$ProTreeModal = locale.ProTreeModal) === null || _locale$ProTreeModal === void 0 ? void 0 : _locale$ProTreeModal.select : _props$title,
-    useRequest = props.useRequest,
-    _props$showCodeName = props.showCodeName,
-    showCodeName = _props$showCodeName === void 0 ? false : _props$showCodeName,
-    _props$checkStrictly = props.checkStrictly,
-    checkStrictly = _props$checkStrictly === void 0 ? false : _props$checkStrictly,
-    tags = props.tags,
-    placeholder = props.placeholder,
-    _props$labelInValue = props.labelInValue,
-    labelInValue = _props$labelInValue === void 0 ? false : _props$labelInValue,
-    _props$style = props.style,
-    style = _props$style === void 0 ? {} : _props$style,
-    min = props.min,
-    max = props.max,
-    draggable = props.draggable,
-    span = props.span,
-    appoint = props.appoint,
-    appointProps = props.appointProps,
-    _props$fieldNames = props.fieldNames,
-    fieldNames = _props$fieldNames === void 0 ? {
+const LIST = 'LIST';
+const TREE = 'TREE';
+export const CASCADER = 'CASCADER';
+const ProTreeModal = props => {
+  const {
+    dics = {}
+  } = useProConfig('ProEnum');
+  const listRef = useRef(null);
+  const {
+    open,
+    value,
+    onChange,
+    dataSource,
+    trigger,
+    mode = 'tree',
+    code: enumCode,
+    title = locale?.ProTreeModal?.select,
+    useRequest,
+    showCodeName = false,
+    checkStrictly = false,
+    tags,
+    placeholder,
+    labelInValue = false,
+    style = {},
+    min,
+    max,
+    draggable,
+    span,
+    appoint,
+    appointProps,
+    fieldNames = {
       label: 'label',
       value: 'value',
       children: 'children'
-    } : _props$fieldNames,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? props.disabled || props.isView || (props === null || props === void 0 || (_props$otherProps = props.otherProps) === null || _props$otherProps === void 0 ? void 0 : _props$otherProps.isView) || false : _props$disabled,
-    _props$isView = props.isView,
-    isView = _props$isView === void 0 ? props.isView || (props === null || props === void 0 || (_props$otherProps2 = props.otherProps) === null || _props$otherProps2 === void 0 ? void 0 : _props$otherProps2.isView) || false : _props$isView,
-    transformResponse = props.transformResponse,
-    optionRender = props.optionRender,
-    openChange = props.openChange,
-    maxMessage = props.maxMessage;
-  var allValue = props.allValue;
-  var modeType = mode.toUpperCase();
-  var fieldNameLabel = fieldNames.label;
-  var fieldNameValue = fieldNames.value;
-  var fieldNameChildren = fieldNames.children;
-  var normalizeFixedDisabled = function normalizeFixedDisabled() {
-    var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    },
+    disabled = props.disabled || props.isView || props?.otherProps?.isView || false,
+    isView = props.isView || props?.otherProps?.isView || false,
+    transformResponse,
+    optionRender,
+    openChange,
+    maxMessage
+  } = props;
+  let {
+    allValue
+  } = props;
+  const modeType = mode.toUpperCase();
+  const fieldNameLabel = fieldNames.label;
+  const fieldNameValue = fieldNames.value;
+  const fieldNameChildren = fieldNames.children;
+  const normalizeFixedDisabled = (items = []) => {
     if (!Array.isArray(items)) {
       return [];
     }
     return items.map(item => {
-      var nextItem = _objectSpread({}, item);
+      const nextItem = {
+        ...item
+      };
       if (nextItem.fixed && !nextItem.disabled) {
         nextItem.disabled = true;
       }
-      var children = nextItem[fieldNameChildren];
+      const children = nextItem[fieldNameChildren];
       if (Array.isArray(children) && children.length) {
         nextItem[fieldNameChildren] = normalizeFixedDisabled(children);
       }
@@ -98,30 +83,28 @@ var ProTreeModal = props => {
     console.error('allValue must be input');
     allValue = 'all';
   }
-  var _useSetState = useSetState({
-      open: false,
-      checkedValues: [],
-      beforeClearAllValues: [],
-      // 点击清空全部并点击关闭、此时数据回显示不正确
-      treeData: [],
-      treeViewData: [],
-      originalTreeData: [],
-      flatTreeData: [],
-      searchStr: '',
-      checkAll: false,
-      allKeys: [],
-      transformedTree: []
-    }),
-    _useSetState2 = _slicedToArray(_useSetState, 2),
-    state = _useSetState2[0],
-    setState = _useSetState2[1];
-  var fetchFunction = useRequestFunc(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, _objectSpread({
+  const [state, setState] = useSetState({
+    open: false,
+    checkedValues: [],
+    beforeClearAllValues: [],
+    // 点击清空全部并点击关闭、此时数据回显示不正确
+    treeData: [],
+    treeViewData: [],
+    originalTreeData: [],
+    flatTreeData: [],
+    searchStr: '',
+    checkAll: false,
+    allKeys: [],
+    transformedTree: []
+  });
+  const fetchFunction = useRequestFunc(useRequest?.service, {
     manual: true,
     onSuccess: res => {
-      var _res$status = res.status,
-        status = _res$status === void 0 ? 200 : _res$status,
-        msg = res.message;
-      var responseData = res === null || res === void 0 ? void 0 : res.data;
+      const {
+        status = 200,
+        message: msg
+      } = res;
+      let responseData = res?.data;
       if (transformResponse && typeof transformResponse === 'function') {
         responseData = transformResponse(res);
       }
@@ -136,34 +119,34 @@ var ProTreeModal = props => {
         allKeys: getAllKeys(responseData, fieldNames)
       });
     },
-    debounceWait: 300
-  }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
+    debounceWait: 300,
+    ...useRequest?.options
+  });
   useDeepCompareEffect(() => {
     if (dataSource && dataSource.length) {
-      var normalizedDataSource = normalizeFixedDisabled(dataSource);
-      var flatTreeData = getFlatTreeData(normalizedDataSource, fieldNames);
+      const normalizedDataSource = normalizeFixedDisabled(dataSource);
+      const flatTreeData = getFlatTreeData(normalizedDataSource, fieldNames);
       setState({
         treeData: normalizedDataSource,
-        originalTreeData: cloneDeep(normalizedDataSource),
+        originalTreeData: _cloneDeep(normalizedDataSource),
         flatTreeData,
         allKeys: getAllKeys(normalizedDataSource, fieldNames)
       });
     } else if (enumCode) {
-      var dictEnum = dics[enumCode] || [];
+      let dictEnum = dics[enumCode] || [];
       // transform dictEnum
-      if (transformResponse && isFunction(transformResponse)) {
+      if (transformResponse && _isFunction(transformResponse)) {
         dictEnum = transformResponse(dictEnum);
       }
       // check dictEnum isArray
       if (!dictEnum || !Array.isArray(dictEnum)) {
-        var _locale$ProTreeModal2;
-        console.error(locale === null || locale === void 0 || (_locale$ProTreeModal2 = locale.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.errorArrayMessage);
+        console.error(locale?.ProTreeModal?.errorArrayMessage);
         dictEnum = [];
       }
-      var normalizedDictEnum = normalizeFixedDisabled(dictEnum);
+      const normalizedDictEnum = normalizeFixedDisabled(dictEnum);
       setState({
         treeData: normalizedDictEnum,
-        originalTreeData: cloneDeep(normalizedDictEnum),
+        originalTreeData: _cloneDeep(normalizedDictEnum),
         flatTreeData: getFlatTreeData(normalizedDictEnum, fieldNames),
         allKeys: getAllKeys(normalizedDictEnum, fieldNames)
       });
@@ -176,16 +159,17 @@ var ProTreeModal = props => {
     if (dataSource) {
       return undefined;
     }
-    var _ref = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
-      defaultParams = _ref.defaultParams,
-      manual = _ref.manual;
-    var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
+    const {
+      defaultParams,
+      manual
+    } = useRequest?.options || {};
+    const params = Array.isArray(defaultParams) ? defaultParams?.[0] : defaultParams || {};
     if (manual) {
       return;
     }
     // 执行用户配置的枚举服务，拉取枚举数据进行更新
     fetchFunction.run(params);
-  }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options]);
+  }, [useRequest?.options]);
   useEffect(() => {
     setState({
       open
@@ -193,11 +177,13 @@ var ProTreeModal = props => {
   }, [open]);
   useEffect(() => {
     if (value) {
-      var checkedValues = [];
-      var treeData = state.treeData,
-        allKeys = state.allKeys,
-        originalTreeData = state.originalTreeData;
-      var treeViewData = [];
+      let checkedValues = [];
+      const {
+        treeData,
+        allKeys,
+        originalTreeData
+      } = state;
+      let treeViewData = [];
       if (allValue && typeof value === 'string' && allValue === value) {
         if (modeType === LIST) {
           checkedValues = treeData.map(item => item[fieldNameValue]) || [];
@@ -211,7 +197,7 @@ var ProTreeModal = props => {
         }
         // 开启 labelInValue [{ label:xx, value: ""}] 形式、需要取出来 value
         if (labelInValue) {
-          var isObjectArray = value.every(element => typeof element === 'object' && element !== null);
+          const isObjectArray = value.every(element => typeof element === 'object' && element !== null);
           if (!isObjectArray) {
             console.error('Please enter an array object');
             checkedValues = [];
@@ -230,54 +216,53 @@ var ProTreeModal = props => {
       });
     } else if (modeType === LIST && state.flatTreeData && state.flatTreeData.length > 0) {
       // mode: 'list' 下，如果没有 value prop，自动将 fixed 的项加入到 checkedValues
-      var fixedItems = state.flatTreeData.filter(item => item.fixed === 'right').map(item => item[fieldNameValue]);
+      const fixedItems = state.flatTreeData.filter(item => item.fixed === 'right').map(item => item[fieldNameValue]);
       if (fixedItems.length > 0 && state.checkedValues.length === 0) {
         // 只有当 checkedValues 为空时才自动添加 fixed 项，避免覆盖已有的选中状态
-        var _treeViewData = filterCheckedNodes(state.originalTreeData, fixedItems, '', fieldNames);
+        const treeViewData = filterCheckedNodes(state.originalTreeData, fixedItems, '', fieldNames);
         setState({
           checkedValues: fixedItems,
           checkAll: fixedItems.length === state.allKeys.length,
-          treeViewData: _treeViewData,
+          treeViewData,
           beforeClearAllValues: fixedItems
         });
       }
     }
   }, [value, state.allKeys, state.open, state.flatTreeData, state.originalTreeData, modeType, fieldNameValue]);
   useDeepCompareEffect(() => {
-    var transformedTree = addLevelAndParentId(state.treeData, fieldNames);
+    const transformedTree = addLevelAndParentId(state.treeData, fieldNames);
     setState({
       transformedTree
     });
   }, [state.treeData]);
-  var handleClick = () => {
+  const handleClick = () => {
     setState({
       open: true
     });
-    openChange === null || openChange === void 0 || openChange(true);
+    openChange?.(true);
   };
 
   /**
    * close Drawer and onChange(values)
    */
-  var handleFinish = () => {
+  const handleFinish = () => {
     // 全选的时候返回 allValue 标记即可
     // 3.3.2 版本全选的时候返回所有值的合集 list
     if (allValue !== undefined && state.checkAll && !draggable) {
       if (labelInValue) {
-        onChange === null || onChange === void 0 || onChange(state.flatTreeData);
+        onChange?.(state.flatTreeData);
       } else {
-        onChange === null || onChange === void 0 || onChange(state.flatTreeData.map(item => item[fieldNameValue]));
+        onChange?.(state.flatTreeData.map(item => item[fieldNameValue]));
       }
     } else if (draggable && span) {
-      var _listRef$current;
       // 开启 draggable 使用拖拽后的顺序
-      var checkedList = (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.onChange();
+      const checkedList = listRef.current?.onChange();
       onChange(checkedList);
     } else {
-      var values = [];
+      let values = [];
       if (labelInValue) {
         state.checkedValues.forEach(val => {
-          var option = state.flatTreeData.find(item => item[fieldNameValue] === val);
+          const option = state.flatTreeData.find(item => item[fieldNameValue] === val);
           option && values.push(option);
         });
       } else {
@@ -285,34 +270,32 @@ var ProTreeModal = props => {
       }
       if (min) {
         if (values.length < min) {
-          var _locale$ProTreeModal3;
-          message.error(formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal3 = locale.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.selectMin, {
+          message.error(formatMessage(locale?.ProTreeModal?.selectMin, {
             min
           }));
           return;
         }
       }
-      onChange === null || onChange === void 0 || onChange(values);
+      onChange?.(values);
     }
     // fix: 当有 openChange 时候、点击确定应该由关闭 openChange 控制
     if (!openChange || open === undefined) {
       setState({
         open: false
       });
-      openChange === null || openChange === void 0 || openChange(false);
+      openChange?.(false);
     }
     if (openChange && open !== undefined) {
-      openChange === null || openChange === void 0 || openChange(true);
+      openChange?.(true);
     }
   };
 
   /**
    * clear all checked
    */
-  var handleClearAll = () => {
-    var _state$flatTreeData$f;
+  const handleClearAll = () => {
     // 处理 ProTable 场景下 disabled 的不需要被清理
-    var _checkedValues = span ? (_state$flatTreeData$f = state.flatTreeData.filter(item => item.disabled)) === null || _state$flatTreeData$f === void 0 ? void 0 : _state$flatTreeData$f.map(item => item[fieldNameValue]) : [];
+    const _checkedValues = span ? state.flatTreeData.filter(item => item.disabled)?.map(item => item[fieldNameValue]) : [];
     setState({
       checkedValues: _checkedValues,
       beforeClearAllValues: state.checkedValues,
@@ -322,37 +305,39 @@ var ProTreeModal = props => {
     });
     // 通知父组件更新 value prop，确保清空操作被正确保存
     if (labelInValue) {
-      onChange === null || onChange === void 0 || onChange([]);
+      onChange?.([]);
     } else {
-      onChange === null || onChange === void 0 || onChange(_checkedValues);
+      onChange?.(_checkedValues);
     }
   };
 
   /**
    * Drawer close
    */
-  var handleClose = () => {
+  const handleClose = () => {
     setState({
       open: false,
       checkedValues: state.beforeClearAllValues,
       beforeClearAllValues: []
     });
-    openChange === null || openChange === void 0 || openChange(false);
+    openChange?.(false);
   };
 
   /**
    * checkbox/list selected change values
    * @param values
    */
-  var handleListCheckChange = (e, code) => {
-    var checkedValues = [...state.checkedValues];
-    var checked = e.target.checked;
+  const handleListCheckChange = (e, code) => {
+    let checkedValues = [...state.checkedValues];
+    const {
+      checked
+    } = e.target;
     if (!checked) {
       checkedValues = checkedValues.filter(value => value !== code);
     } else if (draggable && span) {
       // 固定在右侧的情况
-      var fixedOption = state.flatTreeData.find(item => item.fixed === 'right') || {};
-      var fixedIdx = checkedValues.findIndex(value => value === fixedOption[fieldNameValue]);
+      const fixedOption = state.flatTreeData.find(item => item.fixed === 'right') || {};
+      const fixedIdx = checkedValues.findIndex(value => value === fixedOption[fieldNameValue]);
       if (fixedIdx >= 0) {
         checkedValues.splice(fixedIdx, 0, code);
       } else {
@@ -362,10 +347,9 @@ var ProTreeModal = props => {
       checkedValues.push(code);
     }
     if (max && checkedValues.length > max) {
-      var _locale$ProTreeModal4;
       message.error(maxMessage ? transformMessage({
         max
-      }, maxMessage) : formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal4 = locale.ProTreeModal) === null || _locale$ProTreeModal4 === void 0 ? void 0 : _locale$ProTreeModal4.selectMax, {
+      }, maxMessage) : formatMessage(locale?.ProTreeModal?.selectMax, {
         max
       }));
       return;
@@ -375,39 +359,41 @@ var ProTreeModal = props => {
       checkAll: checkedValues.length === state.flatTreeData.length
     });
   };
-  var handleDragEndChange = checkedValues => {
+  const handleDragEndChange = checkedValues => {
     setState({
       checkedValues
     });
   };
-  var onCheck = (checkedKeys, info) => {
-    var checkedValues = [...state.checkedValues];
-    var originalTreeData = state.originalTreeData;
+  const onCheck = (checkedKeys, info) => {
+    let checkedValues = [...state.checkedValues];
+    const {
+      originalTreeData
+    } = state;
 
     // 如果有检索则自管理
     if (state.searchStr) {
-      var _transformTreeToArray;
-      var node = info.node;
+      const {
+        node
+      } = info;
       // 从完整树中找到当前节点
-      var activeNode = treeNodeFind(state.transformedTree, t => t[fieldNameValue] === node[fieldNameValue], {
+      const activeNode = treeNodeFind(state.transformedTree, t => t[fieldNameValue] === node[fieldNameValue], {
         childrenKey: fieldNames.children
       });
-      var allChildren = (_transformTreeToArray = transformTreeToArray([activeNode], {
+      const allChildren = transformTreeToArray([activeNode], {
         childrenKey: fieldNames.children
-      })) === null || _transformTreeToArray === void 0 ? void 0 : _transformTreeToArray.map(item => item[fieldNameValue]);
+      })?.map(item => item[fieldNameValue]);
       // 子项合并勾选
       checkedValues = checkedValues.concat(allChildren);
       // 从完整树中拿到父节点 只要存在父节点，那么就判断当前children是否全被勾选 若全被勾选就合并当前key到勾选队列
-      var _recourse = findNode => {
+      const _recourse = findNode => {
         if (findNode.parentId) {
-          var _transformTreeToArray2;
-          var parentNode = treeNodeFind(state.transformedTree, t => t[fieldNameValue] === findNode.parentId, {
+          const parentNode = treeNodeFind(state.transformedTree, t => t[fieldNameValue] === findNode.parentId, {
             childrenKey: fieldNames.children
           });
-          var parentChildrenKeys = (_transformTreeToArray2 = transformTreeToArray([parentNode], {
+          const parentChildrenKeys = transformTreeToArray([parentNode], {
             childrenKey: fieldNames.children
-          })) === null || _transformTreeToArray2 === void 0 ? void 0 : _transformTreeToArray2.map(item => item[fieldNameValue]);
-          var parentChildrenAllChecked = parentChildrenKeys.every(key => {
+          })?.map(item => item[fieldNameValue]);
+          const parentChildrenAllChecked = parentChildrenKeys.every(key => {
             return checkedValues.includes(key);
           });
           if (parentChildrenAllChecked) {
@@ -422,19 +408,19 @@ var ProTreeModal = props => {
       };
       _recourse(activeNode);
     }
-    var _checkStrictly = state.searchStr ? true : checkStrictly;
+    const _checkStrictly = state.searchStr ? true : checkStrictly;
 
     // 此时应该取消掉自身并包含它所有的子集
     if (!info.checked && !_checkStrictly) {
       // 1. 取消自身
       // 2. 把所有的子节点也要取消
-      var childrenkeys = [];
+      const childrenkeys = [];
       getChildrenKeys(info.node, childrenkeys, fieldNames, 'treeCheck');
       checkedValues = checkedValues.filter(key => !childrenkeys.includes(key));
 
       // 3. 取消父节点
-      var parentNodes = findTreeNodeByKey(originalTreeData, info.node.key, fieldNames);
-      var parentKeys = parentNodes.reduce((prev, curr) => prev.concat(curr[fieldNameValue]), []);
+      const parentNodes = findTreeNodeByKey(originalTreeData, info.node.key, fieldNames);
+      const parentKeys = parentNodes.reduce((prev, curr) => prev.concat(curr[fieldNameValue]), []);
       checkedValues = checkedValues.filter(key => !parentKeys.includes(key));
     } else {
       // _checkStrictly 模式下取 checkedKeys.checked 或者自身的 key
@@ -445,7 +431,7 @@ var ProTreeModal = props => {
         checkedKeys = checkedKeys.checked || [];
       }
       checkedKeys.forEach(key => {
-        var exist = checkedValues.includes(key);
+        const exist = checkedValues.includes(key);
         if (info.checked && !exist) {
           checkedValues.push(key);
         }
@@ -453,7 +439,7 @@ var ProTreeModal = props => {
     }
 
     // 根据选中的筛选出 viewTreeData
-    var treeViewData = [];
+    let treeViewData = [];
     if (!checkStrictly) {
       treeViewData = filterCheckedNodes(originalTreeData, checkedValues, '', fieldNames);
     } else {
@@ -462,10 +448,9 @@ var ProTreeModal = props => {
       });
     }
     if (max && checkedValues.length > max) {
-      var _locale$ProTreeModal5;
       message.error(maxMessage ? transformMessage({
         max
-      }, maxMessage) : formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal5 = locale.ProTreeModal) === null || _locale$ProTreeModal5 === void 0 ? void 0 : _locale$ProTreeModal5.selectMax, {
+      }, maxMessage) : formatMessage(locale?.ProTreeModal?.selectMax, {
         max
       }));
       return;
@@ -481,7 +466,7 @@ var ProTreeModal = props => {
    * filter checkbox by fileNameValue
    * @param fileNameValue
    */
-  var handleFilterClose = fileNameValue => {
+  const handleFilterClose = fileNameValue => {
     setState({
       checkedValues: state.checkedValues.filter(value => value !== fileNameValue),
       checkAll: false
@@ -493,10 +478,12 @@ var ProTreeModal = props => {
    * @param fileNamekey
    * @param node
    */
-  var treeFilterClose = (fileNamekey, node) => {
-    var checkedValues = [...state.checkedValues];
-    var treeViewData = [];
-    var originalTreeData = state.originalTreeData;
+  const treeFilterClose = (fileNamekey, node) => {
+    let checkedValues = [...state.checkedValues];
+    let treeViewData = [];
+    const {
+      originalTreeData
+    } = state;
     if (checkStrictly) {
       checkedValues = checkedValues.filter(key => key !== fileNamekey);
       // handleFilterClose
@@ -507,13 +494,13 @@ var ProTreeModal = props => {
       // 1. 取消自身
       checkedValues = checkedValues.filter(key => key !== fileNamekey);
       // 2. 把所有的子节点也要取消
-      var childrenkeys = [];
+      const childrenkeys = [];
       getChildrenKeys(node, childrenkeys, fieldNames, 'treeClose');
       checkedValues = checkedValues.filter(key => !childrenkeys.includes(key));
 
       // 3. 取消父节点
-      var parentNodes = findTreeNodeByKey(originalTreeData, fileNamekey, fieldNames);
-      var parentKeys = parentNodes.reduce((prev, curr) => prev.concat(curr[fieldNames.value]), []);
+      const parentNodes = findTreeNodeByKey(originalTreeData, fileNamekey, fieldNames);
+      const parentKeys = parentNodes.reduce((prev, curr) => prev.concat(curr[fieldNames.value]), []);
       checkedValues = checkedValues.filter(key => !parentKeys.includes(key));
 
       // 根据选中的筛选出 viewTreeData
@@ -525,22 +512,23 @@ var ProTreeModal = props => {
       checkAll: false
     });
   };
-  var _useDebounceFn = useDebounceFn(str => {
-      if (modeType === LIST || modeType === CASCADER) {
-        var isCASCADER = modeType === CASCADER;
-        var data = state.flatTreeData.filter(item => {
-          var title = isCASCADER ? item === null || item === void 0 ? void 0 : item.title : item[fieldNameLabel];
-          return title.includes(str);
-        });
-        setState({
-          treeData: !str ? state.originalTreeData : data
-        });
-      }
-    }, {
-      wait: 0
-    }),
-    onSearch = _useDebounceFn.run;
-  var handleSetSearchStr = str => {
+  const {
+    run: onSearch
+  } = useDebounceFn(str => {
+    if (modeType === LIST || modeType === CASCADER) {
+      const isCASCADER = modeType === CASCADER;
+      const data = state.flatTreeData.filter(item => {
+        const title = isCASCADER ? item?.title : item[fieldNameLabel];
+        return title.includes(str);
+      });
+      setState({
+        treeData: !str ? state.originalTreeData : data
+      });
+    }
+  }, {
+    wait: 0
+  });
+  const handleSetSearchStr = str => {
     setState({
       searchStr: str
     });
@@ -551,20 +539,20 @@ var ProTreeModal = props => {
    * 指定模式下的操作
    * @param appoint
    */
-  var appointChange = appoint => {
+  const appointChange = appoint => {
     if (appoint) {
-      onChange === null || onChange === void 0 || onChange(allValue);
+      onChange?.(allValue);
       setState({
         checkAll: true
       });
     } else {
-      onChange === null || onChange === void 0 || onChange([]);
+      onChange?.([]);
       setState({
         checkAll: false,
         open: true
       });
       if (appoint) {
-        openChange === null || openChange === void 0 || openChange(true);
+        openChange?.(true);
       }
     }
   };
@@ -574,8 +562,7 @@ var ProTreeModal = props => {
    * default example and you can customize trigger={<Button>打开</Button>}
    * @returns
    */
-  var TriggerComponent = useMemo(() => {
-    var _props$otherProps3;
+  const TriggerComponent = useMemo(() => {
     if (trigger && /*#__PURE__*/React.isValidElement(trigger)) {
       return /*#__PURE__*/_jsx("div", {
         onClick: handleClick,
@@ -591,7 +578,7 @@ var ProTreeModal = props => {
       isView: isView,
       appoint: appoint,
       allValue: allValue,
-      label: props === null || props === void 0 || (_props$otherProps3 = props.otherProps) === null || _props$otherProps3 === void 0 ? void 0 : _props$otherProps3.label,
+      label: props?.otherProps?.label,
       handleClick: handleClick,
       handleClearAll: handleClearAll,
       appointChange: appointChange,
@@ -602,10 +589,12 @@ var ProTreeModal = props => {
   /**
    * 全选操作
    */
-  var handleAllCheck = e => {
-    var checked = e.target.checked;
-    var checkedValues = [];
-    var treeViewData = [];
+  const handleAllCheck = e => {
+    const {
+      checked
+    } = e.target;
+    let checkedValues = [];
+    let treeViewData = [];
     if (modeType === LIST || modeType === CASCADER) {
       if (checked) {
         checkedValues = state.flatTreeData.map(item => item[fieldNameValue]);
@@ -624,10 +613,9 @@ var ProTreeModal = props => {
       }
     }
     if (max && checkedValues.length > max) {
-      var _locale$ProTreeModal6;
       message.error(maxMessage ? transformMessage({
         max
-      }, maxMessage) : formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal6 = locale.ProTreeModal) === null || _locale$ProTreeModal6 === void 0 ? void 0 : _locale$ProTreeModal6.selectMax, {
+      }, maxMessage) : formatMessage(locale?.ProTreeModal?.selectMax, {
         max
       }));
       return;
@@ -643,12 +631,11 @@ var ProTreeModal = props => {
    * 左侧容器、分为三种 list、tree、Cascader
    * @returns
    */
-  var renderContainer = () => {
+  const renderContainer = () => {
     if (state.treeData.length === 0 && state.searchStr) {
-      var _locale$ProTreeModal7;
       return /*#__PURE__*/_jsx("div", {
         className: "pro-tree-modal-no-checks",
-        children: locale === null || locale === void 0 || (_locale$ProTreeModal7 = locale.ProTreeModal) === null || _locale$ProTreeModal7 === void 0 ? void 0 : _locale$ProTreeModal7.noFinal
+        children: locale?.ProTreeModal?.noFinal
       });
     }
     switch (modeType) {
@@ -706,10 +693,10 @@ var ProTreeModal = props => {
         break;
     }
   };
-  var listTreeData = useMemo(() => {
-    var checkListOptions = [];
+  const listTreeData = useMemo(() => {
+    const checkListOptions = [];
     state.checkedValues.forEach(key => {
-      var option = state.flatTreeData.find(item => item[fieldNameValue] === key);
+      const option = state.flatTreeData.find(item => item[fieldNameValue] === key);
       if (option) {
         checkListOptions.push(option);
       }
@@ -721,12 +708,11 @@ var ProTreeModal = props => {
    * 勾选后的右侧展示
    * @returns
    */
-  var renderView = () => {
+  const renderView = () => {
     if (state.checkedValues.length === 0) {
-      var _locale$ProTreeModal8;
       return /*#__PURE__*/_jsx("div", {
         className: "pro-tree-modal-no-checks",
-        children: locale === null || locale === void 0 || (_locale$ProTreeModal8 = locale.ProTreeModal) === null || _locale$ProTreeModal8 === void 0 ? void 0 : _locale$ProTreeModal8.noCheck
+        children: locale?.ProTreeModal?.noCheck
       });
     }
     switch (modeType) {
@@ -782,7 +768,7 @@ var ProTreeModal = props => {
           checked: state.checkAll,
           disabled: disabled,
           onChange: handleAllCheck,
-          children: locale === null || locale === void 0 || (_locale$ProTreeModal9 = locale.ProTreeModal) === null || _locale$ProTreeModal9 === void 0 ? void 0 : _locale$ProTreeModal9.checkAll
+          children: locale?.ProTreeModal?.checkAll
         }) : null,
         children: /*#__PURE__*/_jsxs("div", {
           className: "pro-tree-modal-content",
@@ -792,7 +778,7 @@ var ProTreeModal = props => {
               disabled: disabled,
               allowClear: true,
               value: state.searchStr,
-              placeholder: placeholder || (locale === null || locale === void 0 || (_locale$ProTreeModal10 = locale.ProTreeModal) === null || _locale$ProTreeModal10 === void 0 ? void 0 : _locale$ProTreeModal10.input),
+              placeholder: placeholder || locale?.ProTreeModal?.input,
               className: "pro-tree-modal-search",
               onChange: e => handleSetSearchStr(e.target.value),
               prefix: /*#__PURE__*/_jsx(ReactSVG, {
@@ -808,12 +794,12 @@ var ProTreeModal = props => {
             children: [/*#__PURE__*/_jsxs("div", {
               className: "pro-tree-modal-box-header",
               children: [/*#__PURE__*/_jsxs("span", {
-                children: [locale === null || locale === void 0 || (_locale$ProTreeModal11 = locale.ProTreeModal) === null || _locale$ProTreeModal11 === void 0 ? void 0 : _locale$ProTreeModal11.check, " (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
+                children: [locale?.ProTreeModal?.check, " (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
               }), !isView ? /*#__PURE__*/_jsx(Button, {
                 disabled: disabled,
                 type: "link",
                 onClick: handleClearAll,
-                children: locale === null || locale === void 0 || (_locale$ProTreeModal12 = locale.ProTreeModal) === null || _locale$ProTreeModal12 === void 0 ? void 0 : _locale$ProTreeModal12.clearAll
+                children: locale?.ProTreeModal?.clearAll
               }) : null]
             }), /*#__PURE__*/_jsx("div", {
               className: "pro-tree-modal-tree-warp  pro-transfer-right",