@zat-design/sisyphus-react 4.5.9 → 4.5.10-beta.2

package/es/ProTreeModal/index.js

@@ -1,34 +1,48 @@
-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 { ReactSVG } from 'react-svg';
-import classNames from 'classnames';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+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 from "lodash/cloneDeep";
+import isFunction from "lodash/isFunction";
+import { ReactSVG } from "react-svg";
+import classNames from "classnames";
 import { ProDrawerForm, useProConfig } from "../index";
 import { Trigger, ListView, TreeView, Cascader } from "./components";
-import { getFlatTreeData, filterCheckedNodes, getChildrenKeys, findTreeNodeByKey, transformMessage, addLevelAndParentId } from "./utils";
-import { transformTreeToArray, treeNodeFind } from "../ProTable/components/RcTable/components/DraggableTable/components/DndWrapper/utils/index";
+import {
+  getFlatTreeData,
+  filterCheckedNodes,
+  getChildrenKeys,
+  findTreeNodeByKey,
+  transformMessage,
+  addLevelAndParentId
+} from "./utils";
+import {
+  transformTreeToArray,
+  treeNodeFind
+} from "../ProTable/components/RcTable/components/DraggableTable/components/DndWrapper/utils/index";
 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";
-const LIST = 'LIST';
-const TREE = 'TREE';
-export const CASCADER = 'CASCADER';
-const getSelectableValues = (flatTreeData, fieldNameValue) => flatTreeData.filter(item => item.disabled !== true).map(item => item[fieldNameValue]);
-const isAllSelectableChecked = (selectableValues, checkedValues) => selectableValues.length > 0 && selectableValues.every(selectableValue => checkedValues.includes(selectableValue));
+const LIST = "LIST";
+const TREE = "TREE";
+const CASCADER = "CASCADER";
+const getSelectableValues = (flatTreeData, fieldNameValue) => flatTreeData.filter((item) => item.disabled !== true).map((item) => item[fieldNameValue]);
+const isAllSelectableChecked = (selectableValues, checkedValues) => selectableValues.length > 0 && selectableValues.every((selectableValue) => checkedValues.includes(selectableValue));
 const getSelectionState = (currentState, checkedValues, fieldNames) => {
   const selectableValues = getSelectableValues(currentState.flatTreeData, fieldNames.value);
   return {
     checkedValues,
-    treeViewData: filterCheckedNodes(currentState.originalTreeData, checkedValues, '', fieldNames),
+    treeViewData: filterCheckedNodes(currentState.originalTreeData, checkedValues, "", fieldNames),
     checkAll: isAllSelectableChecked(selectableValues, checkedValues)
   };
 };
-const ProTreeModal = props => {
-  const {
-    dics = {}
-  } = useProConfig('ProEnum');
+const ProTreeModal = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const { dics = {} } = useProConfig("ProEnum");
   const listRef = useRef(null);
   const {
     open: controlledOpen,
@@ -36,9 +50,9 @@ const ProTreeModal = props => {
     onChange,
     dataSource,
     trigger,
-    mode = 'tree',
+    mode = "tree",
     code: enumCode,
-    title = locale?.ProTreeModal?.select,
+    title = (_b = (_a = locale) == null ? void 0 : _a.ProTreeModal) == null ? void 0 : _b.select,
     useRequest,
     showCodeName = false,
     checkStrictly = false,
@@ -53,20 +67,18 @@ const ProTreeModal = props => {
     appoint,
     appointProps,
     fieldNames = {
-      label: 'label',
-      value: 'value',
-      children: 'children'
+      label: "label",
+      value: "value",
+      children: "children"
     },
-    disabled = props.disabled || props.isView || props?.otherProps?.isView || false,
-    isView = props.isView || props?.otherProps?.isView || false,
+    disabled = props.disabled || props.isView || ((_c = props == null ? void 0 : props.otherProps) == null ? void 0 : _c.isView) || false,
+    isView = props.isView || ((_d = props == null ? void 0 : props.otherProps) == null ? void 0 : _d.isView) || false,
     transformResponse,
     optionRender,
     openChange,
     maxMessage
   } = props;
-  let {
-    allValue
-  } = props;
+  let { allValue } = props;
   const modeType = mode.toUpperCase();
   const fieldNameLabel = fieldNames.label;
   const fieldNameValue = fieldNames.value;
@@ -75,10 +87,8 @@ const ProTreeModal = props => {
     if (!Array.isArray(items)) {
       return [];
     }
-    return items.map(item => {
-      const nextItem = {
-        ...item
-      };
+    return items.map((item) => {
+      const nextItem = { ...item };
       if (nextItem.fixed && !nextItem.disabled) {
         nextItem.disabled = true;
       }
@@ -90,27 +100,30 @@ const ProTreeModal = props => {
     });
   };
   if (appoint && !allValue) {
-    console.error('allValue must be input');
-    allValue = 'all';
+    console.error("allValue must be input");
+    allValue = "all";
   }
-  const [{
-    open,
-    checkedValues,
-    treeData,
-    treeViewData,
-    originalTreeData,
-    flatTreeData,
-    searchStr,
-    checkAll,
-    transformedTree
-  }, setState] = useSetState({
+  const [
+    {
+      open,
+      checkedValues,
+      treeData,
+      treeViewData,
+      originalTreeData,
+      flatTreeData,
+      searchStr,
+      checkAll,
+      transformedTree
+    },
+    setState
+  ] = useSetState({
     open: false,
     checkedValues: [],
     treeData: [],
     treeViewData: [],
     originalTreeData: [],
     flatTreeData: [],
-    searchStr: '',
+    searchStr: "",
     checkAll: false,
     transformedTree: []
   });
@@ -118,16 +131,16 @@ const ProTreeModal = props => {
   const previousControlledOpenRef = useRef(controlledOpen);
   const fieldNamesRef = useRef(fieldNames);
   fieldNamesRef.current = fieldNames;
-  const selectableValues = useMemo(() => getSelectableValues(flatTreeData, fieldNameValue), [flatTreeData, fieldNameValue]);
-  const fetchFunction = useRequestFunc(useRequest?.service, {
+  const selectableValues = useMemo(
+    () => getSelectableValues(flatTreeData, fieldNameValue),
+    [flatTreeData, fieldNameValue]
+  );
+  const fetchFunction = useRequestFunc(useRequest == null ? void 0 : useRequest.service, {
     manual: true,
-    onSuccess: res => {
-      const {
-        status = 200,
-        message: msg
-      } = res;
-      let responseData = res?.data;
-      if (transformResponse && typeof transformResponse === 'function') {
+    onSuccess: (res) => {
+      const { status = 200, message: msg } = res;
+      let responseData = res == null ? void 0 : res.data;
+      if (transformResponse && typeof transformResponse === "function") {
         responseData = transformResponse(res);
       }
       if (status !== 200) {
@@ -141,68 +154,61 @@ const ProTreeModal = props => {
       });
     },
     debounceWait: 300,
-    ...useRequest?.options
+    ...useRequest == null ? void 0 : useRequest.options
   });
   useDeepCompareEffect(() => {
+    var _a2, _b2;
     if (dataSource && dataSource.length) {
       const normalizedDataSource = normalizeFixedDisabled(dataSource);
-      const flatTreeData = getFlatTreeData(normalizedDataSource, fieldNames);
+      const flatTreeData2 = getFlatTreeData(normalizedDataSource, fieldNames);
       setState({
         treeData: normalizedDataSource,
-        originalTreeData: _cloneDeep(normalizedDataSource),
-        flatTreeData
+        originalTreeData: cloneDeep(normalizedDataSource),
+        flatTreeData: flatTreeData2
       });
     } else if (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)) {
-        console.error(locale?.ProTreeModal?.errorArrayMessage);
+        console.error((_b2 = (_a2 = locale) == null ? void 0 : _a2.ProTreeModal) == null ? void 0 : _b2.errorArrayMessage);
         dictEnum = [];
       }
       const normalizedDictEnum = normalizeFixedDisabled(dictEnum);
       setState({
         treeData: normalizedDictEnum,
-        originalTreeData: _cloneDeep(normalizedDictEnum),
+        originalTreeData: cloneDeep(normalizedDictEnum),
         flatTreeData: getFlatTreeData(normalizedDictEnum, fieldNames)
       });
     }
   }, [dataSource, enumCode]);
   useDeepCompareEffect(() => {
     if (enumCode) {
-      return undefined;
+      return void 0;
     }
     if (dataSource) {
-      return undefined;
+      return void 0;
     }
-    const {
-      defaultParams,
-      manual
-    } = useRequest?.options || {};
-    const params = Array.isArray(defaultParams) ? defaultParams?.[0] : defaultParams || {};
+    const { defaultParams, manual } = (useRequest == null ? void 0 : useRequest.options) || {};
+    const params = Array.isArray(defaultParams) ? defaultParams == null ? void 0 : defaultParams[0] : defaultParams || {};
     if (manual) {
       return;
     }
-    // 执行用户配置的枚举服务，拉取枚举数据进行更新
     fetchFunction.run(params);
-  }, [useRequest?.options]);
+  }, [useRequest == null ? void 0 : useRequest.options]);
   useEffect(() => {
     const wasControlledOpen = previousControlledOpenRef.current === true;
     if (controlledOpen === true && !wasControlledOpen) {
-      setState(prevState => {
+      setState((prevState) => {
         openSnapshotValuesRef.current = [...prevState.checkedValues];
-        return {
-          open: true
-        };
+        return { open: true };
       });
     } else if (controlledOpen === false && wasControlledOpen) {
-      const checkedValues = [...openSnapshotValuesRef.current];
-      setState(prevState => ({
+      const checkedValues2 = [...openSnapshotValuesRef.current];
+      setState((prevState) => ({
         open: false,
-        ...getSelectionState(prevState, checkedValues, fieldNamesRef.current)
+        ...getSelectionState(prevState, checkedValues2, fieldNamesRef.current)
       }));
     } else {
       setState({
@@ -215,26 +221,27 @@ const ProTreeModal = props => {
     if (value) {
       let nextCheckedValues = [];
       let nextTreeViewData = [];
-      if (allValue && typeof value === 'string' && allValue === value) {
+      if (allValue && typeof value === "string" && allValue === value) {
         nextCheckedValues = selectableValues;
       } else {
         if (!Array.isArray(value)) {
-          console.error('Please pass in the array');
+          console.error("Please pass in the array");
           return;
         }
-        // 开启 labelInValue [{ label:xx, value: ""}] 形式、需要取出来 value
         if (labelInValue) {
-          const 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');
+            console.error("Please enter an array object");
             nextCheckedValues = [];
           }
-          nextCheckedValues = value.map(item => item[fieldNameValue]);
+          nextCheckedValues = value.map((item) => item[fieldNameValue]);
         } else {
           nextCheckedValues = value;
         }
       }
-      nextTreeViewData = filterCheckedNodes(originalTreeData, nextCheckedValues, '', fieldNames);
+      nextTreeViewData = filterCheckedNodes(originalTreeData, nextCheckedValues, "", fieldNames);
       openSnapshotValuesRef.current = [...nextCheckedValues];
       setState({
         checkedValues: nextCheckedValues,
@@ -242,11 +249,9 @@ const ProTreeModal = props => {
         treeViewData: nextTreeViewData
       });
     } else if (modeType === LIST && flatTreeData && flatTreeData.length > 0) {
-      // mode: 'list' 下，如果没有 value prop，自动将 fixed 的项加入到 checkedValues
-      const fixedItems = flatTreeData.filter(item => item.fixed === 'right').map(item => item[fieldNameValue]);
+      const fixedItems = flatTreeData.filter((item) => item.fixed === "right").map((item) => item[fieldNameValue]);
       if (fixedItems.length > 0 && checkedValues.length === 0) {
-        // 只有当 checkedValues 为空时才自动添加 fixed 项，避免覆盖已有的选中状态
-        const nextTreeViewData = filterCheckedNodes(originalTreeData, fixedItems, '', fieldNames);
+        const nextTreeViewData = filterCheckedNodes(originalTreeData, fixedItems, "", fieldNames);
         openSnapshotValuesRef.current = [...fixedItems];
         setState({
           checkedValues: fixedItems,
@@ -267,54 +272,43 @@ const ProTreeModal = props => {
     setState({
       open: true
     });
-    openChange?.(true);
+    openChange == null ? void 0 : openChange(true);
   };
-
-  /**
-   * close Drawer and onChange(values)
-   */
   const handleFinish = () => {
+    var _a2, _b2, _c2;
     if (draggable && span) {
-      // 开启 draggable 使用拖拽后的顺序
-      const checkedList = listRef.current?.onChange();
-      onChange?.(checkedList);
+      const checkedList = (_a2 = listRef.current) == null ? void 0 : _a2.onChange();
+      onChange == null ? void 0 : onChange(checkedList);
     } else {
       let values = checkedValues;
       if (labelInValue) {
         values = [];
-        checkedValues.forEach(val => {
-          const option = flatTreeData.find(item => item[fieldNameValue] === val);
+        checkedValues.forEach((val) => {
+          const option = flatTreeData.find((item) => item[fieldNameValue] === val);
           option && values.push(option);
         });
       }
-      const skipMinCheck = allValue !== undefined && checkAll && !draggable;
+      const skipMinCheck = allValue !== void 0 && checkAll && !draggable;
       if (!skipMinCheck && min && values.length < min) {
-        message.error(formatMessage(locale?.ProTreeModal?.selectMin, {
-          min
-        }));
+        message.error(formatMessage((_c2 = (_b2 = locale) == null ? void 0 : _b2.ProTreeModal) == null ? void 0 : _c2.selectMin, { min }));
         return;
       }
-      onChange?.(values);
+      onChange == null ? void 0 : onChange(values);
     }
     openSnapshotValuesRef.current = [...checkedValues];
-    // fix: 当有 openChange 时候、点击确定应该由关闭 openChange 控制
-    if (!openChange || controlledOpen === undefined) {
+    if (!openChange || controlledOpen === void 0) {
       setState({
         open: false
       });
-      openChange?.(false);
+      openChange == null ? void 0 : openChange(false);
     }
-    if (openChange && controlledOpen !== undefined) {
-      openChange?.(true);
+    if (openChange && controlledOpen !== void 0) {
+      openChange == null ? void 0 : openChange(true);
     }
   };
-
-  /**
-   * clear all checked
-   */
   const handleClearAll = (immediateSubmit = false) => {
-    // 处理 ProTable 场景下 disabled 的不需要被清理
-    const nextCheckedValues = span ? flatTreeData.filter(item => item.disabled)?.map(item => item[fieldNameValue]) : [];
+    var _a2;
+    const nextCheckedValues = span ? (_a2 = flatTreeData.filter((item) => item.disabled)) == null ? void 0 : _a2.map((item) => item[fieldNameValue]) : [];
     setState({
       checkedValues: nextCheckedValues,
       treeViewData: [],
@@ -323,40 +317,31 @@ const ProTreeModal = props => {
     if (immediateSubmit) {
       openSnapshotValuesRef.current = [...nextCheckedValues];
       if (labelInValue) {
-        onChange?.([]);
+        onChange == null ? void 0 : onChange([]);
       } else {
-        onChange?.(nextCheckedValues);
+        onChange == null ? void 0 : onChange(nextCheckedValues);
       }
     }
   };
-
-  /**
-   * Drawer close
-   */
   const handleClose = () => {
     const restoredCheckedValues = [...openSnapshotValuesRef.current];
-    setState(prevState => ({
+    setState((prevState) => ({
       open: false,
       ...getSelectionState(prevState, restoredCheckedValues, fieldNames)
     }));
-    openChange?.(false);
+    openChange == null ? void 0 : openChange(false);
   };
-
-  /**
-   * checkbox/list selected change values
-   * @param values
-   */
   const handleListCheckChange = (e, code) => {
+    var _a2, _b2;
     let nextCheckedValues = [...checkedValues];
-    const {
-      checked
-    } = e.target;
+    const { checked } = e.target;
     if (!checked) {
-      nextCheckedValues = nextCheckedValues.filter(value => value !== code);
+      nextCheckedValues = nextCheckedValues.filter((value2) => value2 !== code);
     } else if (draggable && span) {
-      // 固定在右侧的情况
-      const fixedOption = flatTreeData.find(item => item.fixed === 'right') || {};
-      const fixedIdx = nextCheckedValues.findIndex(value => value === fixedOption[fieldNameValue]);
+      const fixedOption = flatTreeData.find((item) => item.fixed === "right") || {};
+      const fixedIdx = nextCheckedValues.findIndex(
+        (value2) => value2 === fixedOption[fieldNameValue]
+      );
       if (fixedIdx >= 0) {
         nextCheckedValues.splice(fixedIdx, 0, code);
       } else {
@@ -366,11 +351,9 @@ const ProTreeModal = props => {
       nextCheckedValues.push(code);
     }
     if (max && nextCheckedValues.length > max) {
-      message.error(maxMessage ? transformMessage({
-        max
-      }, maxMessage) : formatMessage(locale?.ProTreeModal?.selectMax, {
-        max
-      }));
+      message.error(
+        maxMessage ? transformMessage({ max }, maxMessage) : formatMessage((_b2 = (_a2 = locale) == null ? void 0 : _a2.ProTreeModal) == null ? void 0 : _b2.selectMax, { max })
+      );
       return;
     }
     setState({
@@ -378,44 +361,45 @@ const ProTreeModal = props => {
       checkAll: isAllSelectableChecked(selectableValues, nextCheckedValues)
     });
   };
-  const handleDragEndChange = checkedValues => {
+  const handleDragEndChange = (checkedValues2) => {
     setState({
-      checkedValues
+      checkedValues: checkedValues2
     });
   };
   const onCheck = (checkedKeys, info) => {
+    var _a2, _b2, _c2;
     let nextCheckedValues = [...checkedValues];
-
-    // 如果有检索则自管理
     if (searchStr) {
-      const {
-        node
-      } = info;
-      // 从完整树中找到当前节点
-      const activeNode = treeNodeFind(transformedTree, t => t[fieldNameValue] === node[fieldNameValue], {
-        childrenKey: fieldNames.children
-      });
-      const allChildren = transformTreeToArray([activeNode], {
+      const { node } = info;
+      const activeNode = treeNodeFind(
+        transformedTree,
+        (t) => t[fieldNameValue] === node[fieldNameValue],
+        {
+          childrenKey: fieldNames.children
+        }
+      );
+      const allChildren = (_a2 = transformTreeToArray([activeNode], {
         childrenKey: fieldNames.children
-      })?.map(item => item[fieldNameValue]);
-      // 子项合并勾选
+      })) == null ? void 0 : _a2.map((item) => item[fieldNameValue]);
       nextCheckedValues = nextCheckedValues.concat(allChildren);
-      // 从完整树中拿到父节点 只要存在父节点，那么就判断当前children是否全被勾选 若全被勾选就合并当前key到勾选队列
-      const appendCheckedParentKeys = findNode => {
+      const appendCheckedParentKeys = (findNode) => {
+        var _a3;
         if (findNode.parentId) {
-          const parentNode = treeNodeFind(transformedTree, t => t[fieldNameValue] === findNode.parentId, {
-            childrenKey: fieldNames.children
-          });
-          const parentChildrenKeys = transformTreeToArray([parentNode], {
+          const parentNode = treeNodeFind(
+            transformedTree,
+            (t) => t[fieldNameValue] === findNode.parentId,
+            {
+              childrenKey: fieldNames.children
+            }
+          );
+          const parentChildrenKeys = (_a3 = transformTreeToArray([parentNode], {
             childrenKey: fieldNames.children
-          })?.map(item => item[fieldNameValue]);
-          const parentChildrenAllChecked = parentChildrenKeys.every(key => {
+          })) == null ? void 0 : _a3.map((item) => item[fieldNameValue]);
+          const parentChildrenAllChecked = parentChildrenKeys.every((key) => {
             return nextCheckedValues.includes(key);
           });
           if (parentChildrenAllChecked) {
-            // 把当前父节点追加进来
             nextCheckedValues = nextCheckedValues.concat([parentNode[fieldNameValue]]);
-            // 继续向上查找
             if (parentNode.parentId) {
               appendCheckedParentKeys(parentNode);
             }
@@ -425,50 +409,42 @@ const ProTreeModal = props => {
       appendCheckedParentKeys(activeNode);
     }
     const effectiveCheckStrictly = searchStr ? true : checkStrictly;
-
-    // 此时应该取消掉自身并包含它所有的子集
     if (!info.checked && !effectiveCheckStrictly) {
-      // 1. 取消自身
-      // 2. 把所有的子节点也要取消
       const childrenKeys = [];
-      getChildrenKeys(info.node, childrenKeys, fieldNames, 'treeCheck');
-      nextCheckedValues = nextCheckedValues.filter(key => !childrenKeys.includes(key));
-
-      // 3. 取消父节点
+      getChildrenKeys(info.node, childrenKeys, fieldNames, "treeCheck");
+      nextCheckedValues = nextCheckedValues.filter((key) => !childrenKeys.includes(key));
       const parentNodes = findTreeNodeByKey(originalTreeData, info.node.key, fieldNames);
-      const parentKeys = parentNodes.reduce((prev, curr) => prev.concat(curr[fieldNameValue]), []);
-      nextCheckedValues = nextCheckedValues.filter(key => !parentKeys.includes(key));
+      const parentKeys = parentNodes.reduce(
+        (prev, curr) => prev.concat(curr[fieldNameValue]),
+        []
+      );
+      nextCheckedValues = nextCheckedValues.filter((key) => !parentKeys.includes(key));
     } else {
-      // checkStrictly 模式下取 checkedKeys.checked 或者自身的 key
       if (effectiveCheckStrictly) {
         if (!info.checked) {
-          nextCheckedValues = nextCheckedValues.filter(key => key !== info.node.key);
+          nextCheckedValues = nextCheckedValues.filter((key) => key !== info.node.key);
         }
         checkedKeys = checkedKeys.checked || [];
       }
-      checkedKeys.forEach(key => {
+      checkedKeys.forEach((key) => {
         const exist = nextCheckedValues.includes(key);
         if (info.checked && !exist) {
           nextCheckedValues.push(key);
         }
       });
     }
-
-    // 根据选中的筛选出 viewTreeData
     let nextTreeViewData = [];
     if (!checkStrictly) {
-      nextTreeViewData = filterCheckedNodes(originalTreeData, nextCheckedValues, '', fieldNames);
+      nextTreeViewData = filterCheckedNodes(originalTreeData, nextCheckedValues, "", fieldNames);
     } else {
-      nextTreeViewData = flatTreeData.filter(item => {
+      nextTreeViewData = flatTreeData.filter((item) => {
         return nextCheckedValues.includes(item[fieldNameValue]);
       });
     }
     if (max && nextCheckedValues.length > max) {
-      message.error(maxMessage ? transformMessage({
-        max
-      }, maxMessage) : formatMessage(locale?.ProTreeModal?.selectMax, {
-        max
-      }));
+      message.error(
+        maxMessage ? transformMessage({ max }, maxMessage) : formatMessage((_c2 = (_b2 = locale) == null ? void 0 : _b2.ProTreeModal) == null ? void 0 : _c2.selectMax, { max })
+      );
       return;
     }
     setState({
@@ -477,47 +453,32 @@ const ProTreeModal = props => {
       checkAll: isAllSelectableChecked(selectableValues, nextCheckedValues)
     });
   };
-
-  /**
-   * filter checkbox by fileNameValue
-   * @param fileNameValue
-   */
-  const handleFilterClose = fileNameValue => {
+  const handleFilterClose = (fileNameValue) => {
     setState({
-      checkedValues: checkedValues.filter(value => value !== fileNameValue),
+      checkedValues: checkedValues.filter((value2) => value2 !== fileNameValue),
       checkAll: false
     });
   };
-
-  /**
-   * tree close
-   * @param fileNamekey
-   * @param node
-   */
   const treeFilterClose = (fileNamekey, node) => {
     let nextCheckedValues = [...checkedValues];
     let nextTreeViewData = [];
     if (checkStrictly) {
-      nextCheckedValues = nextCheckedValues.filter(key => key !== fileNamekey);
-      // handleFilterClose
-      nextTreeViewData = flatTreeData.filter(item => {
+      nextCheckedValues = nextCheckedValues.filter((key) => key !== fileNamekey);
+      nextTreeViewData = flatTreeData.filter((item) => {
         return nextCheckedValues.includes(item[fieldNameValue]);
       });
     } else {
-      // 1. 取消自身
-      nextCheckedValues = nextCheckedValues.filter(key => key !== fileNamekey);
-      // 2. 把所有的子节点也要取消
+      nextCheckedValues = nextCheckedValues.filter((key) => key !== fileNamekey);
       const childrenKeys = [];
-      getChildrenKeys(node, childrenKeys, fieldNames, 'treeClose');
-      nextCheckedValues = nextCheckedValues.filter(key => !childrenKeys.includes(key));
-
-      // 3. 取消父节点
+      getChildrenKeys(node, childrenKeys, fieldNames, "treeClose");
+      nextCheckedValues = nextCheckedValues.filter((key) => !childrenKeys.includes(key));
       const parentNodes = findTreeNodeByKey(originalTreeData, fileNamekey, fieldNames);
-      const parentKeys = parentNodes.reduce((prev, curr) => prev.concat(curr[fieldNames.value]), []);
-      nextCheckedValues = nextCheckedValues.filter(key => !parentKeys.includes(key));
-
-      // 根据选中的筛选出 viewTreeData
-      nextTreeViewData = filterCheckedNodes(originalTreeData, nextCheckedValues, '', fieldNames);
+      const parentKeys = parentNodes.reduce(
+        (prev, curr) => prev.concat(curr[fieldNames.value]),
+        []
+      );
+      nextCheckedValues = nextCheckedValues.filter((key) => !parentKeys.includes(key));
+      nextTreeViewData = filterCheckedNodes(originalTreeData, nextCheckedValues, "", fieldNames);
     }
     setState({
       checkedValues: nextCheckedValues,
@@ -525,112 +486,94 @@ const ProTreeModal = props => {
       checkAll: false
     });
   };
-  const {
-    run: onSearch
-  } = useDebounceFn(str => {
-    if (modeType === LIST || modeType === CASCADER) {
-      const isCASCADER = modeType === CASCADER;
-      const filteredData = flatTreeData.filter(item => {
-        const title = isCASCADER ? item?.title : item[fieldNameLabel];
-        return title.includes(str);
-      });
-      setState({
-        treeData: !str ? originalTreeData : filteredData
-      });
+  const { run: onSearch } = useDebounceFn(
+    (str) => {
+      if (modeType === LIST || modeType === CASCADER) {
+        const isCASCADER = modeType === CASCADER;
+        const filteredData = flatTreeData.filter((item) => {
+          const title2 = isCASCADER ? item == null ? void 0 : item.title : item[fieldNameLabel];
+          return title2.includes(str);
+        });
+        setState({
+          treeData: !str ? originalTreeData : filteredData
+        });
+      }
+    },
+    {
+      wait: 0
     }
-  }, {
-    wait: 0
-  });
-  const handleSetSearchStr = str => {
+  );
+  const handleSetSearchStr = (str) => {
     setState({
       searchStr: str
     });
     onSearch(str);
   };
-
-  /**
-   * 指定模式下的操作
-   * @param appoint
-   */
-  const appointChange = appoint => {
-    if (appoint) {
-      onChange?.(allValue);
+  const appointChange = (appoint2) => {
+    if (appoint2) {
+      onChange == null ? void 0 : onChange(allValue);
       setState({
         checkAll: true
       });
     } else {
-      onChange?.([]);
+      onChange == null ? void 0 : onChange([]);
       setState({
         checkAll: false,
         open: true
       });
-      if (appoint) {
-        openChange?.(true);
-      }
     }
   };
-
-  /**
-   * Trigger the container opened by Drawer
-   * default example and you can customize trigger={<Button>打开</Button>}
-   * @returns
-   */
   const TriggerComponent = useMemo(() => {
-    if (trigger && /*#__PURE__*/React.isValidElement(trigger)) {
-      return /*#__PURE__*/_jsx("div", {
-        onClick: handleClick,
-        children: trigger
-      });
+    var _a2;
+    if (trigger && React.isValidElement(trigger)) {
+      return /* @__PURE__ */ jsx("div", { onClick: handleClick, children: trigger });
     }
-    return /*#__PURE__*/_jsx(Trigger, {
-      checkedValues: checkedValues,
-      value: value,
-      checkAll: checkAll,
-      triggerStyle: style,
-      disabled: disabled,
-      isView: isView,
-      appoint: appoint,
-      allValue: allValue,
-      label: props?.otherProps?.label,
-      handleClick: handleClick,
-      handleClearAll: () => handleClearAll(true),
-      appointChange: appointChange,
-      appointProps: appointProps
-    });
+    return /* @__PURE__ */ jsx(
+      Trigger,
+      {
+        checkedValues,
+        value,
+        checkAll,
+        triggerStyle: style,
+        disabled,
+        isView,
+        appoint,
+        allValue,
+        label: (_a2 = props == null ? void 0 : props.otherProps) == null ? void 0 : _a2.label,
+        handleClick,
+        handleClearAll: () => handleClearAll(true),
+        appointChange,
+        appointProps
+      }
+    );
   }, [checkedValues, checkAll, style, disabled, isView, value]);
-
-  /**
-   * 全选操作
-   */
-  const handleAllCheck = e => {
-    const {
-      checked
-    } = e.target;
+  const handleAllCheck = (e) => {
+    var _a2, _b2;
+    const { checked } = e.target;
     let nextCheckedValues = [];
     let nextTreeViewData = [];
     if (checked) {
-      nextCheckedValues = flatTreeData.filter(item => item.disabled !== true || checkedValues.includes(item[fieldNameValue])).map(item => item[fieldNameValue]);
+      nextCheckedValues = flatTreeData.filter((item) => item.disabled !== true || checkedValues.includes(item[fieldNameValue])).map((item) => item[fieldNameValue]);
     } else if (modeType === LIST || modeType === CASCADER) {
       if (span) {
-        // ProTable 场景下 disabled 不取消掉
-        nextCheckedValues = flatTreeData.filter(item => item.disabled).map(item => item[fieldNameValue]);
+        nextCheckedValues = flatTreeData.filter((item) => item.disabled).map((item) => item[fieldNameValue]);
       } else {
         nextCheckedValues = [];
       }
     }
     if (modeType === TREE) {
       if (checkStrictly) {
-        nextTreeViewData = flatTreeData.filter(item => nextCheckedValues.includes(item[fieldNameValue]));
+        nextTreeViewData = flatTreeData.filter(
+          (item) => nextCheckedValues.includes(item[fieldNameValue])
+        );
       } else {
-        nextTreeViewData = filterCheckedNodes(originalTreeData, nextCheckedValues, '', fieldNames);
+        nextTreeViewData = filterCheckedNodes(originalTreeData, nextCheckedValues, "", fieldNames);
       }
     }
     if (max && nextCheckedValues.length > max) {
-      message.error(maxMessage ? transformMessage({
-        max
-      }, maxMessage) : formatMessage(locale?.ProTreeModal?.selectMax, {
-        max
-      }));
+      message.error(
+        maxMessage ? transformMessage({ max }, maxMessage) : formatMessage((_b2 = (_a2 = locale) == null ? void 0 : _a2.ProTreeModal) == null ? void 0 : _b2.selectMax, { max })
+      );
       return;
     }
     setState({
@@ -639,189 +582,205 @@ const ProTreeModal = props => {
       treeViewData: nextTreeViewData
     });
   };
-
-  /**
-   * 左侧容器、分为三种 list、tree、Cascader
-   * @returns
-   */
   const renderContainer = () => {
+    var _a2, _b2;
     if (treeData.length === 0 && searchStr) {
-      return /*#__PURE__*/_jsx("div", {
-        className: "pro-tree-modal-no-checks",
-        children: locale?.ProTreeModal?.noFinal
-      });
+      return /* @__PURE__ */ jsx("div", { className: "pro-tree-modal-no-checks", children: (_b2 = (_a2 = locale) == null ? void 0 : _a2.ProTreeModal) == null ? void 0 : _b2.noFinal });
     }
     switch (modeType) {
       case LIST:
-        return /*#__PURE__*/_jsx(ListView, {
-          treeData: treeData,
-          optionRender: optionRender,
-          checkedValues: checkedValues,
-          handleOnChange: handleListCheckChange,
-          searchStr: searchStr,
-          showCodeName: showCodeName,
-          disabled: disabled || isView,
-          fieldNames: fieldNames,
-          span: span
-        });
+        return /* @__PURE__ */ jsx(
+          ListView,
+          {
+            treeData,
+            optionRender,
+            checkedValues,
+            handleOnChange: handleListCheckChange,
+            searchStr,
+            showCodeName,
+            disabled: disabled || isView,
+            fieldNames,
+            span
+          }
+        );
       case TREE:
-        return /*#__PURE__*/_jsx(TreeView, {
-          treeData: transformedTree,
-          originalTreeData: originalTreeData,
-          flatTreeData: flatTreeData,
-          checkedValues: checkedValues,
-          onCheck: onCheck,
-          optionRender: optionRender,
-          searchStr: searchStr,
-          showCodeName: showCodeName,
-          disabled: disabled || isView,
-          checkStrictly: checkStrictly,
-          tags: tags,
-          fieldNames: fieldNames
-        });
+        return /* @__PURE__ */ jsx(
+          TreeView,
+          {
+            treeData: transformedTree,
+            originalTreeData,
+            flatTreeData,
+            checkedValues,
+            onCheck,
+            optionRender,
+            searchStr,
+            showCodeName,
+            disabled: disabled || isView,
+            checkStrictly,
+            tags,
+            fieldNames
+          }
+        );
       case CASCADER:
         if (searchStr && treeData.length) {
-          return /*#__PURE__*/_jsx(ListView, {
-            treeData: treeData,
-            modeType: CASCADER,
-            optionRender: optionRender,
-            checkedValues: checkedValues,
-            handleOnChange: handleListCheckChange,
-            searchStr: searchStr,
-            showCodeName: showCodeName,
-            disabled: disabled || isView,
-            fieldNames: fieldNames
-          });
+          return /* @__PURE__ */ jsx(
+            ListView,
+            {
+              treeData,
+              modeType: CASCADER,
+              optionRender,
+              checkedValues,
+              handleOnChange: handleListCheckChange,
+              searchStr,
+              showCodeName,
+              disabled: disabled || isView,
+              fieldNames
+            }
+          );
         }
-        return /*#__PURE__*/_jsx(Cascader, {
-          dataSource: treeData,
-          fieldNames: fieldNames,
-          checkedValues: checkedValues,
-          searchStr: searchStr,
-          showCodeName: showCodeName,
-          handleOnChange: handleListCheckChange,
-          optionRender: optionRender
-        });
+        return /* @__PURE__ */ jsx(
+          Cascader,
+          {
+            dataSource: treeData,
+            fieldNames,
+            checkedValues,
+            searchStr,
+            showCodeName,
+            handleOnChange: handleListCheckChange,
+            optionRender
+          }
+        );
       default:
         break;
     }
   };
   const listTreeData = useMemo(() => {
     const checkListOptions = [];
-    checkedValues.forEach(key => {
-      const option = flatTreeData.find(item => item[fieldNameValue] === key);
+    checkedValues.forEach((key) => {
+      const option = flatTreeData.find((item) => item[fieldNameValue] === key);
       if (option) {
         checkListOptions.push(option);
       }
     });
     return checkListOptions;
   }, [checkedValues, flatTreeData]);
-
-  /**
-   * 勾选后的右侧展示
-   * @returns
-   */
   const renderView = () => {
+    var _a2, _b2;
     if (checkedValues.length === 0) {
-      return /*#__PURE__*/_jsx("div", {
-        className: "pro-tree-modal-no-checks",
-        children: locale?.ProTreeModal?.noCheck
-      });
+      return /* @__PURE__ */ jsx("div", { className: "pro-tree-modal-no-checks", children: (_b2 = (_a2 = locale) == null ? void 0 : _a2.ProTreeModal) == null ? void 0 : _b2.noCheck });
     }
     switch (modeType) {
       case LIST:
       case CASCADER:
-        return /*#__PURE__*/_jsx(ListView, {
-          mode: "view",
-          showCodeName: showCodeName,
-          treeData: listTreeData,
-          fieldNames: fieldNames,
-          disabled: disabled || isView,
-          draggable: draggable,
-          flatTreeData: flatTreeData,
-          span: span,
-          ref: listRef,
-          optionRender: optionRender,
-          handleFilterClose: handleFilterClose,
-          handleDragEndChange: handleDragEndChange
-        });
+        return /* @__PURE__ */ jsx(
+          ListView,
+          {
+            mode: "view",
+            showCodeName,
+            treeData: listTreeData,
+            fieldNames,
+            disabled: disabled || isView,
+            draggable,
+            flatTreeData,
+            span,
+            ref: listRef,
+            optionRender,
+            handleFilterClose,
+            handleDragEndChange
+          }
+        );
       case TREE:
-        return /*#__PURE__*/_jsx(TreeView, {
-          mode: "view",
-          checkStrictly: checkStrictly,
-          showCodeName: showCodeName,
-          treeData: checkStrictly ? listTreeData : treeViewData,
-          tags: tags,
-          fieldNames: fieldNames,
-          disabled: disabled || isView,
-          draggable: draggable,
-          min: min,
-          max: max,
-          ref: listRef,
-          handleFilterClose: treeFilterClose,
-          optionRender: optionRender,
-          handleDragEndChange: handleDragEndChange
-        });
+        return /* @__PURE__ */ jsx(
+          TreeView,
+          {
+            mode: "view",
+            checkStrictly,
+            showCodeName,
+            treeData: checkStrictly ? listTreeData : treeViewData,
+            tags,
+            fieldNames,
+            disabled: disabled || isView,
+            draggable,
+            min,
+            max,
+            ref: listRef,
+            handleFilterClose: treeFilterClose,
+            optionRender,
+            handleDragEndChange
+          }
+        );
       default:
         break;
     }
   };
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs("div", {
-      className: "pro-tree-modal",
-      children: [controlledOpen === undefined && TriggerComponent, /*#__PURE__*/_jsx(ProDrawerForm, {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "pro-tree-modal", children: [
+    controlledOpen === void 0 && TriggerComponent,
+    /* @__PURE__ */ jsx(
+      ProDrawerForm,
+      {
         onOk: handleFinish,
         onCancel: handleClose,
         okDisabled: disabled,
-        open: open,
-        title: title,
+        open,
+        title,
         mode: "Modal",
         className: "pro-tree-modal-container",
-        extraLeft: allValue !== undefined && !isView ? /*#__PURE__*/_jsx(Checkbox, {
-          checked: checkAll,
-          disabled: disabled,
-          onChange: handleAllCheck,
-          children: locale?.ProTreeModal?.checkAll
-        }) : null,
-        children: /*#__PURE__*/_jsxs("div", {
-          className: "pro-tree-modal-content",
-          children: [/*#__PURE__*/_jsxs("div", {
-            className: classNames('pro-tree-modal-box', modeType === CASCADER || modeType === LIST && span ? 'pro-tree-modal-cascader-box' : ''),
-            children: [/*#__PURE__*/_jsx(Input, {
-              disabled: disabled,
-              allowClear: true,
-              value: searchStr,
-              placeholder: placeholder || locale?.ProTreeModal?.input,
-              className: "pro-tree-modal-search",
-              onChange: e => handleSetSearchStr(e.target.value),
-              prefix: /*#__PURE__*/_jsx(ReactSVG, {
-                className: "pro-tree-modal-search-svg",
-                src: searchSVG
-              })
-            }), /*#__PURE__*/_jsx("div", {
-              className: "pro-tree-modal-tree-warp",
-              children: renderContainer()
-            })]
-          }), /*#__PURE__*/_jsxs("div", {
-            className: classNames('pro-tree-modal-box', modeType === CASCADER || modeType === LIST && span ? 'pro-tree-modal-cascader-box-view' : ''),
-            children: [/*#__PURE__*/_jsxs("div", {
-              className: "pro-tree-modal-box-header",
-              children: [/*#__PURE__*/_jsxs("span", {
-                children: [locale?.ProTreeModal?.check, " (", checkedValues.length, "/", max || flatTreeData.length, ")"]
-              }), !isView ? /*#__PURE__*/_jsx(Button, {
-                disabled: disabled,
-                type: "link",
-                onClick: () => handleClearAll(false),
-                children: locale?.ProTreeModal?.clearAll
-              }) : null]
-            }), /*#__PURE__*/_jsx("div", {
-              className: "pro-tree-modal-tree-warp  pro-transfer-right",
-              children: renderView()
-            })]
-          })]
-        })
-      })]
-    })
-  });
+        extraLeft: allValue !== void 0 && !isView ? /* @__PURE__ */ jsx(Checkbox, { checked: checkAll, disabled, onChange: handleAllCheck, children: (_f = (_e = locale) == null ? void 0 : _e.ProTreeModal) == null ? void 0 : _f.checkAll }) : null,
+        children: /* @__PURE__ */ jsxs("div", { className: "pro-tree-modal-content", children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: classNames(
+                "pro-tree-modal-box",
+                modeType === CASCADER || modeType === LIST && span ? "pro-tree-modal-cascader-box" : ""
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    disabled,
+                    allowClear: true,
+                    value: searchStr,
+                    placeholder: placeholder || ((_h = (_g = locale) == null ? void 0 : _g.ProTreeModal) == null ? void 0 : _h.input),
+                    className: "pro-tree-modal-search",
+                    onChange: (e) => handleSetSearchStr(e.target.value),
+                    prefix: /* @__PURE__ */ jsx(ReactSVG, { className: "pro-tree-modal-search-svg", src: searchSVG })
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { className: "pro-tree-modal-tree-warp", children: renderContainer() })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: classNames(
+                "pro-tree-modal-box",
+                modeType === CASCADER || modeType === LIST && span ? "pro-tree-modal-cascader-box-view" : ""
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "pro-tree-modal-box-header", children: [
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    (_j = (_i = locale) == null ? void 0 : _i.ProTreeModal) == null ? void 0 : _j.check,
+                    " (",
+                    checkedValues.length,
+                    "/",
+                    max || flatTreeData.length,
+                    ")"
+                  ] }),
+                  !isView ? /* @__PURE__ */ jsx(Button, { disabled, type: "link", onClick: () => handleClearAll(false), children: (_l = (_k = locale) == null ? void 0 : _k.ProTreeModal) == null ? void 0 : _l.clearAll }) : null
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "pro-tree-modal-tree-warp  pro-transfer-right", children: renderView() })
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  ] }) });
+};
+var ProTreeModal_default = ProTreeModal;
+export {
+  CASCADER,
+  ProTreeModal_default as default
 };
-export default ProTreeModal;