@zat-design/sisyphus-react 4.0.0-beta.2 → 4.0.0-beta.3

package/lib/ProTreeModal/index.js

@@ -1,259 +1,246 @@
-"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProTreeModal/index.tsx
+var ProTreeModal_exports = {};
+__export(ProTreeModal_exports, {
+  CASCADER: () => CASCADER,
+  default: () => ProTreeModal_default
 });
-exports.default = exports.CASCADER = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = _interopRequireWildcard(require("react"));
-var _ahooks = require("ahooks");
-var _antd = require("antd");
-var _reactSvg = require("react-svg");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _index = require("../index");
-var _components = require("./components");
-var _utils = require("./utils");
-var _index2 = require("../ProTable/components/RcTable/components/DraggableTable/components/DndWrapper/utils/index");
-var _inputSearch = _interopRequireDefault(require("../assets/input-search.svg"));
-var _locale = _interopRequireWildcard(require("../locale"));
-var LIST = 'LIST';
-var TREE = 'TREE';
-var CASCADER = exports.CASCADER = 'CASCADER';
-var ProTreeModal = function ProTreeModal(props) {
-  var _locale$ProTreeModal, _props$otherProps, _props$otherProps2, _locale$ProTreeModal9, _locale$ProTreeModal0, _locale$ProTreeModal1, _locale$ProTreeModal10;
-  var _useProConfig = (0, _index.useProConfig)('ProEnum'),
-    _useProConfig$dics = _useProConfig.dics,
-    dics = _useProConfig$dics === void 0 ? {} : _useProConfig$dics;
-  var listRef = (0, _react.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.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal = _locale.default.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 ? {
-      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 ? 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 ? 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;
+module.exports = __toCommonJS(ProTreeModal_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_lodash = require("lodash");
+var import_react_svg = require("react-svg");
+var import_classnames = __toESM(require("classnames"));
+var import__ = require("../index");
+var import_components = require("./components");
+var import_utils = require("./utils");
+var import_utils2 = require("../ProTable/components/RcTable/components/DraggableTable/components/DndWrapper/utils/index");
+var import_input_search = __toESM(require("../assets/input-search.svg"));
+var import_locale = __toESM(require("../locale"));
+var LIST = "LIST";
+var TREE = "TREE";
+var CASCADER = "CASCADER";
+var ProTreeModal = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const { dics = {} } = (0, import__.useProConfig)("ProEnum");
+  const listRef = (0, import_react.useRef)(null);
+  const {
+    open,
+    value,
+    onChange,
+    dataSource,
+    trigger,
+    mode = "tree",
+    code: enumCode,
+    title = (_b = (_a = import_locale.default) == null ? void 0 : _a.ProTreeModal) == null ? void 0 : _b.select,
+    useRequest,
+    showCodeName = false,
+    checkStrictly = false,
+    tags,
+    placeholder,
+    labelInValue = false,
+    style = {},
+    min,
+    max,
+    draggable,
+    span,
+    appoint,
+    appointProps,
+    fieldNames = {
+      label: "label",
+      value: "value",
+      children: "children"
+    },
+    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;
+  const modeType = mode.toUpperCase();
+  const fieldNameLabel = fieldNames.label;
+  const fieldNameValue = fieldNames.value;
   if (appoint && !allValue) {
-    console.error('allValue must be input');
-    allValue = 'all';
+    console.error("allValue must be input");
+    allValue = "all";
   }
-  var _useSetState = (0, _ahooks.useSetState)({
-      open: false,
-      checkedValues: [],
-      beforeClearAllValues: [],
-      treeData: [],
-      treeViewData: [],
-      originalTreeData: [],
-      flatTreeData: [],
-      searchStr: '',
-      checkAll: false,
-      allKeys: [],
-      transformedTree: []
-    }),
-    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
-    state = _useSetState2[0],
-    setState = _useSetState2[1];
-  var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)({
+  const [state, setState] = (0, import_ahooks.useSetState)({
+    open: false,
+    checkedValues: [],
+    beforeClearAllValues: [],
+    // 点击清空全部并点击关闭、此时数据回显示不正确
+    treeData: [],
+    treeViewData: [],
+    originalTreeData: [],
+    flatTreeData: [],
+    searchStr: "",
+    checkAll: false,
+    allKeys: [],
+    transformedTree: []
+  });
+  const fetchFunction = (0, import_ahooks.useRequest)(useRequest == null ? void 0 : useRequest.service, {
     manual: true,
-    onSuccess: function 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;
-      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) {
-        _antd.message.error(msg);
+        import_antd.message.error(msg);
         return;
       }
       setState({
         treeData: responseData,
         originalTreeData: responseData,
-        flatTreeData: (0, _utils.getFlatTreeData)(responseData, fieldNames, modeType),
-        allKeys: (0, _utils.getAllKeys)(responseData, fieldNames)
+        flatTreeData: (0, import_utils.getFlatTreeData)(responseData, fieldNames, modeType),
+        allKeys: (0, import_utils.getAllKeys)(responseData, fieldNames)
       });
     },
-    debounceWait: 300
-  }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
-  (0, _ahooks.useDeepCompareEffect)(function () {
+    debounceWait: 300,
+    ...useRequest == null ? void 0 : useRequest.options
+  });
+  (0, import_ahooks.useDeepCompareEffect)(() => {
+    var _a2, _b2;
     if (dataSource && dataSource.length) {
       setState({
         treeData: dataSource,
-        originalTreeData: (0, _cloneDeep2.default)(dataSource),
-        flatTreeData: (0, _utils.getFlatTreeData)(dataSource, fieldNames),
-        allKeys: (0, _utils.getAllKeys)(dataSource, fieldNames)
+        originalTreeData: (0, import_lodash.cloneDeep)(dataSource),
+        flatTreeData: (0, import_utils.getFlatTreeData)(dataSource, fieldNames),
+        allKeys: (0, import_utils.getAllKeys)(dataSource, fieldNames)
       });
     } else if (enumCode) {
-      var dictEnum = dics[enumCode] || [];
-      // transform dictEnum
-      if (transformResponse && (0, _isFunction2.default)(transformResponse)) {
+      let dictEnum = dics[enumCode] || [];
+      if (transformResponse && (0, import_lodash.isFunction)(transformResponse)) {
         dictEnum = transformResponse(dictEnum);
       }
-      // check dictEnum isArray
       if (!dictEnum || !Array.isArray(dictEnum)) {
-        var _locale$ProTreeModal2;
-        console.error(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal2 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.errorArrayMessage);
+        console.error((_b2 = (_a2 = import_locale.default) == null ? void 0 : _a2.ProTreeModal) == null ? void 0 : _b2.errorArrayMessage);
         dictEnum = [];
       }
       setState({
         treeData: dictEnum,
-        originalTreeData: (0, _cloneDeep2.default)(dictEnum),
-        flatTreeData: (0, _utils.getFlatTreeData)(dictEnum, fieldNames),
-        allKeys: (0, _utils.getAllKeys)(dictEnum, fieldNames)
+        originalTreeData: (0, import_lodash.cloneDeep)(dictEnum),
+        flatTreeData: (0, import_utils.getFlatTreeData)(dictEnum, fieldNames),
+        allKeys: (0, import_utils.getAllKeys)(dictEnum, fieldNames)
       });
     }
   }, [dataSource, enumCode]);
-  (0, _ahooks.useDeepCompareEffect)(function () {
+  (0, import_ahooks.useDeepCompareEffect)(() => {
     if (enumCode) {
-      return undefined;
+      return void 0;
     }
     if (dataSource) {
-      return undefined;
+      return void 0;
     }
-    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 == null ? void 0 : useRequest.options) || {};
+    const params = Array.isArray(defaultParams) ? defaultParams == null ? void 0 : defaultParams[0] : defaultParams || {};
     if (manual) {
       return;
     }
-    // 执行用户配置的枚举服务，拉取枚举数据进行更新
     fetchFunction.run(params);
-  }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options]);
-  (0, _react.useEffect)(function () {
+  }, [useRequest == null ? void 0 : useRequest.options]);
+  (0, import_react.useEffect)(() => {
     setState({
-      open: open
+      open
     });
   }, [open]);
-  (0, _react.useEffect)(function () {
+  (0, import_react.useEffect)(() => {
     if (value) {
-      var checkedValues = [];
-      var treeData = state.treeData,
-        allKeys = state.allKeys,
-        originalTreeData = state.originalTreeData;
-      var treeViewData = [];
-      if (allValue && typeof value === 'string' && allValue === value) {
+      let checkedValues = [];
+      const { treeData, allKeys, originalTreeData } = state;
+      let treeViewData = [];
+      if (allValue && typeof value === "string" && allValue === value) {
         if (modeType === LIST) {
-          checkedValues = treeData.map(function (item) {
-            return item[fieldNameValue];
-          }) || [];
+          checkedValues = treeData.map((item) => item[fieldNameValue]) || [];
         } else if (modeType === TREE) {
           checkedValues = allKeys;
         }
       } 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) {
-          var isObjectArray = value.every(function (element) {
-            return (0, _typeof2.default)(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");
             checkedValues = [];
           }
-          checkedValues = value.map(function (item) {
-            return item[fieldNameValue];
-          });
+          checkedValues = value.map((item) => item[fieldNameValue]);
         } else {
           checkedValues = value;
         }
       }
-      treeViewData = (0, _utils.filterCheckedNodes)(originalTreeData, checkedValues, '', fieldNames);
+      treeViewData = (0, import_utils.filterCheckedNodes)(originalTreeData, checkedValues, "", fieldNames);
       setState({
-        checkedValues: checkedValues,
+        checkedValues,
         checkAll: checkedValues.length === allKeys.length,
-        treeViewData: treeViewData,
+        treeViewData,
         beforeClearAllValues: checkedValues
       });
     }
   }, [value, state.allKeys, state.open]);
-  (0, _ahooks.useDeepCompareEffect)(function () {
-    var transformedTree = (0, _utils.addLevelAndParentId)(state.treeData, fieldNames);
+  (0, import_ahooks.useDeepCompareEffect)(() => {
+    const transformedTree = (0, import_utils.addLevelAndParentId)(state.treeData, fieldNames);
     setState({
-      transformedTree: transformedTree
+      transformedTree
     });
   }, [state.treeData]);
-  var handleClick = function handleClick() {
+  const handleClick = () => {
     setState({
       open: true
     });
-    openChange === null || openChange === void 0 ? void 0 : openChange(true);
+    openChange == null ? void 0 : openChange(true);
   };
-  /**
-   * close Drawer and onChange(values)
-   */
-  var handleFinish = function handleFinish() {
-    // 全选的时候返回 allValue 标记即可
-    // 3.3.2 版本全选的时候返回所有值的合集 list
-    if (allValue !== undefined && state.checkAll && !draggable) {
+  const handleFinish = () => {
+    var _a2, _b2, _c2;
+    if (allValue !== void 0 && state.checkAll && !draggable) {
       if (labelInValue) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(state.flatTreeData);
+        onChange == null ? void 0 : onChange(state.flatTreeData);
       } else {
-        onChange === null || onChange === void 0 ? void 0 : onChange(state.flatTreeData.map(function (item) {
-          return item[fieldNameValue];
-        }));
+        onChange == null ? void 0 : 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 = (_a2 = listRef.current) == null ? void 0 : _a2.onChange();
       onChange(checkedList);
     } else {
-      var values = [];
+      let values = [];
       if (labelInValue) {
-        state.checkedValues.forEach(function (val) {
-          var option = state.flatTreeData.find(function (item) {
-            return item[fieldNameValue] === val;
-          });
+        state.checkedValues.forEach((val) => {
+          const option = state.flatTreeData.find((item) => item[fieldNameValue] === val);
           option && values.push(option);
         });
       } else {
@@ -261,74 +248,50 @@ var ProTreeModal = function ProTreeModal(props) {
       }
       if (min) {
         if (values.length < min) {
-          var _locale$ProTreeModal3;
-          _antd.message.error((0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal3 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.selectMin, {
-            min: min
-          }));
+          import_antd.message.error((0, import_locale.formatMessage)((_c2 = (_b2 = import_locale.default) == null ? void 0 : _b2.ProTreeModal) == null ? void 0 : _c2.selectMin, { min }));
           return;
         }
       }
-      onChange === null || onChange === void 0 ? void 0 : onChange(values);
+      onChange == null ? void 0 : onChange(values);
     }
-    // fix: 当有 openChange 时候、点击确定应该由关闭 openChange 控制
-    if (!openChange || open === undefined) {
+    if (!openChange || open === void 0) {
       setState({
         open: false
       });
-      openChange === null || openChange === void 0 ? void 0 : openChange(false);
+      openChange == null ? void 0 : openChange(false);
     }
-    if (openChange && open !== undefined) {
-      openChange === null || openChange === void 0 ? void 0 : openChange(true);
+    if (openChange && open !== void 0) {
+      openChange == null ? void 0 : openChange(true);
     }
   };
-  /**
-   * clear all checked
-   */
-  var handleClearAll = function handleClearAll() {
-    var _state$flatTreeData$f;
-    // 处理 ProTable 场景下 disabled 的不需要被清理
-    var _checkedValues = span ? (_state$flatTreeData$f = state.flatTreeData.filter(function (item) {
-      return item.disabled;
-    })) === null || _state$flatTreeData$f === void 0 ? void 0 : _state$flatTreeData$f.map(function (item) {
-      return item[fieldNameValue];
-    }) : [];
+  const handleClearAll = () => {
+    var _a2;
+    const _checkedValues = span ? (_a2 = state.flatTreeData.filter((item) => item.disabled)) == null ? void 0 : _a2.map((item) => item[fieldNameValue]) : [];
     setState({
       checkedValues: _checkedValues,
       beforeClearAllValues: state.checkedValues,
+      // 把清空全部之前的数据记录下
       treeViewData: [],
       checkAll: false
     });
   };
-  /**
-   * Drawer close
-   */
-  var handleClose = function handleClose() {
+  const handleClose = () => {
     setState({
       open: false,
       checkedValues: state.beforeClearAllValues,
       beforeClearAllValues: []
     });
-    openChange === null || openChange === void 0 ? void 0 : openChange(false);
+    openChange == null ? void 0 : openChange(false);
   };
-  /**
-   * checkbox/list selected change values
-   * @param values
-   */
-  var handleListCheckChange = function handleListCheckChange(e, code) {
-    var checkedValues = (0, _toConsumableArray2.default)(state.checkedValues);
-    var checked = e.target.checked;
+  const handleListCheckChange = (e, code) => {
+    var _a2, _b2;
+    let checkedValues = [...state.checkedValues];
+    const { checked } = e.target;
     if (!checked) {
-      checkedValues = checkedValues.filter(function (value) {
-        return value !== code;
-      });
+      checkedValues = checkedValues.filter((value2) => value2 !== code);
     } else if (draggable && span) {
-      // 固定在右侧的情况
-      var fixedOption = state.flatTreeData.find(function (item) {
-        return item.fixed === 'right';
-      }) || {};
-      var fixedIdx = checkedValues.findIndex(function (value) {
-        return value === fixedOption[fieldNameValue];
-      });
+      const fixedOption = state.flatTreeData.find((item) => item.fixed === "right") || {};
+      const fixedIdx = checkedValues.findIndex((value2) => value2 === fixedOption[fieldNameValue]);
       if (fixedIdx >= 0) {
         checkedValues.splice(fixedIdx, 0, code);
       } else {
@@ -338,492 +301,419 @@ var ProTreeModal = function ProTreeModal(props) {
       checkedValues.push(code);
     }
     if (max && checkedValues.length > max) {
-      var _locale$ProTreeModal4;
-      _antd.message.error(maxMessage ? (0, _utils.transformMessage)({
-        max: max
-      }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal4 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal4 === void 0 ? void 0 : _locale$ProTreeModal4.selectMax, {
-        max: max
-      }));
+      import_antd.message.error(
+        maxMessage ? (0, import_utils.transformMessage)({ max }, maxMessage) : (0, import_locale.formatMessage)((_b2 = (_a2 = import_locale.default) == null ? void 0 : _a2.ProTreeModal) == null ? void 0 : _b2.selectMax, { max })
+      );
       return;
     }
     setState({
-      checkedValues: checkedValues,
+      checkedValues,
       checkAll: checkedValues.length === state.flatTreeData.length
     });
   };
-  var handleDragEndChange = function handleDragEndChange(checkedValues) {
+  const handleDragEndChange = (checkedValues) => {
     setState({
-      checkedValues: checkedValues
+      checkedValues
     });
   };
-  var onCheck = function onCheck(checkedKeys, info) {
-    var checkedValues = (0, _toConsumableArray2.default)(state.checkedValues);
-    var originalTreeData = state.originalTreeData;
-    // 如果有检索则自管理
+  const onCheck = (checkedKeys, info) => {
+    var _a2, _b2, _c2;
+    let checkedValues = [...state.checkedValues];
+    const { originalTreeData } = state;
     if (state.searchStr) {
-      var _transformTreeToArray;
-      var node = info.node;
-      // 从完整树中找到当前节点
-      var activeNode = (0, _index2.treeNodeFind)(state.transformedTree, function (t) {
-        return t[fieldNameValue] === node[fieldNameValue];
-      }, {
-        childrenKey: fieldNames.children
-      });
-      var allChildren = (_transformTreeToArray = (0, _index2.transformTreeToArray)([activeNode], {
+      const { node } = info;
+      const activeNode = (0, import_utils2.treeNodeFind)(
+        state.transformedTree,
+        (t) => t[fieldNameValue] === node[fieldNameValue],
+        {
+          childrenKey: fieldNames.children
+        }
+      );
+      const allChildren = (_a2 = (0, import_utils2.transformTreeToArray)([activeNode], {
         childrenKey: fieldNames.children
-      })) === null || _transformTreeToArray === void 0 ? void 0 : _transformTreeToArray.map(function (item) {
-        return item[fieldNameValue];
-      });
-      // 子项合并勾选
+      })) == null ? void 0 : _a2.map((item) => item[fieldNameValue]);
       checkedValues = checkedValues.concat(allChildren);
-      // 从完整树中拿到父节点 只要存在父节点，那么就判断当前children是否全被勾选 若全被勾选就合并当前key到勾选队列
-      var _recourse2 = function _recourse(findNode) {
+      const _recourse = (findNode) => {
+        var _a3;
         if (findNode.parentId) {
-          var _transformTreeToArray2;
-          var parentNode = (0, _index2.treeNodeFind)(state.transformedTree, function (t) {
-            return t[fieldNameValue] === findNode.parentId;
-          }, {
-            childrenKey: fieldNames.children
-          });
-          var parentChildrenKeys = (_transformTreeToArray2 = (0, _index2.transformTreeToArray)([parentNode], {
+          const parentNode = (0, import_utils2.treeNodeFind)(
+            state.transformedTree,
+            (t) => t[fieldNameValue] === findNode.parentId,
+            {
+              childrenKey: fieldNames.children
+            }
+          );
+          const parentChildrenKeys = (_a3 = (0, import_utils2.transformTreeToArray)([parentNode], {
             childrenKey: fieldNames.children
-          })) === null || _transformTreeToArray2 === void 0 ? void 0 : _transformTreeToArray2.map(function (item) {
-            return item[fieldNameValue];
-          });
-          var parentChildrenAllChecked = parentChildrenKeys.every(function (key) {
+          })) == null ? void 0 : _a3.map((item) => item[fieldNameValue]);
+          const parentChildrenAllChecked = parentChildrenKeys.every((key) => {
             return checkedValues.includes(key);
           });
           if (parentChildrenAllChecked) {
-            // 把当前父节点追加进来
             checkedValues = checkedValues.concat([parentNode[fieldNameValue]]);
-            // 继续向上查找
             if (parentNode.parentId) {
-              _recourse2(parentNode);
+              _recourse(parentNode);
             }
           }
         }
       };
-      _recourse2(activeNode);
+      _recourse(activeNode);
     }
-    var _checkStrictly = state.searchStr ? true : checkStrictly;
-    // 此时应该取消掉自身并包含它所有的子集
+    const _checkStrictly = state.searchStr ? true : checkStrictly;
     if (!info.checked && !_checkStrictly) {
-      // 1. 取消自身
-      // 2. 把所有的子节点也要取消
-      var childrenkeys = [];
-      (0, _utils.getChildrenKeys)(info.node, childrenkeys, fieldNames, 'treeCheck');
-      checkedValues = checkedValues.filter(function (key) {
-        return !childrenkeys.includes(key);
-      });
-      // 3. 取消父节点
-      var parentNodes = (0, _utils.findTreeNodeByKey)(originalTreeData, info.node.key, fieldNames);
-      var parentKeys = parentNodes.reduce(function (prev, curr) {
-        return prev.concat(curr[fieldNameValue]);
-      }, []);
-      checkedValues = checkedValues.filter(function (key) {
-        return !parentKeys.includes(key);
-      });
+      const childrenkeys = [];
+      (0, import_utils.getChildrenKeys)(info.node, childrenkeys, fieldNames, "treeCheck");
+      checkedValues = checkedValues.filter((key) => !childrenkeys.includes(key));
+      const parentNodes = (0, import_utils.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
       if (_checkStrictly) {
         if (!info.checked) {
-          checkedValues = checkedValues.filter(function (key) {
-            return key !== info.node.key;
-          });
+          checkedValues = checkedValues.filter((key) => key !== info.node.key);
         }
         checkedKeys = checkedKeys.checked || [];
       }
-      checkedKeys.forEach(function (key) {
-        var exist = checkedValues.includes(key);
+      checkedKeys.forEach((key) => {
+        const exist = checkedValues.includes(key);
         if (info.checked && !exist) {
           checkedValues.push(key);
         }
       });
     }
-    // 根据选中的筛选出 viewTreeData
-    var treeViewData = [];
+    let treeViewData = [];
     if (!checkStrictly) {
-      treeViewData = (0, _utils.filterCheckedNodes)(originalTreeData, checkedValues, '', fieldNames);
+      treeViewData = (0, import_utils.filterCheckedNodes)(originalTreeData, checkedValues, "", fieldNames);
     } else {
-      treeViewData = state.flatTreeData.filter(function (item) {
+      treeViewData = state.flatTreeData.filter((item) => {
         return checkedValues.includes(item[fieldNameValue]);
       });
     }
     if (max && checkedValues.length > max) {
-      var _locale$ProTreeModal5;
-      _antd.message.error(maxMessage ? (0, _utils.transformMessage)({
-        max: max
-      }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal5 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal5 === void 0 ? void 0 : _locale$ProTreeModal5.selectMax, {
-        max: max
-      }));
+      import_antd.message.error(
+        maxMessage ? (0, import_utils.transformMessage)({ max }, maxMessage) : (0, import_locale.formatMessage)((_c2 = (_b2 = import_locale.default) == null ? void 0 : _b2.ProTreeModal) == null ? void 0 : _c2.selectMax, { max })
+      );
       return;
     }
     setState({
-      checkedValues: checkedValues,
-      treeViewData: treeViewData,
+      checkedValues,
+      treeViewData,
       checkAll: state.allKeys.length === checkedValues.length
     });
   };
-  /**
-   * filter checkbox by fileNameValue
-   * @param fileNameValue
-   */
-  var handleFilterClose = function handleFilterClose(fileNameValue) {
+  const handleFilterClose = (fileNameValue) => {
     setState({
-      checkedValues: state.checkedValues.filter(function (value) {
-        return value !== fileNameValue;
-      }),
+      checkedValues: state.checkedValues.filter((value2) => value2 !== fileNameValue),
       checkAll: false
     });
   };
-  /**
-   * tree close
-   * @param fileNamekey
-   * @param node
-   */
-  var treeFilterClose = function treeFilterClose(fileNamekey, node) {
-    var checkedValues = (0, _toConsumableArray2.default)(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(function (key) {
-        return key !== fileNamekey;
-      });
-      // handleFilterClose
-      treeViewData = state.flatTreeData.filter(function (item) {
+      checkedValues = checkedValues.filter((key) => key !== fileNamekey);
+      treeViewData = state.flatTreeData.filter((item) => {
         return checkedValues.includes(item[fieldNameValue]);
       });
     } else {
-      // 1. 取消自身
-      checkedValues = checkedValues.filter(function (key) {
-        return key !== fileNamekey;
-      });
-      // 2. 把所有的子节点也要取消
-      var childrenkeys = [];
-      (0, _utils.getChildrenKeys)(node, childrenkeys, fieldNames, 'treeClose');
-      checkedValues = checkedValues.filter(function (key) {
-        return !childrenkeys.includes(key);
-      });
-      // 3. 取消父节点
-      var parentNodes = (0, _utils.findTreeNodeByKey)(originalTreeData, fileNamekey, fieldNames);
-      var parentKeys = parentNodes.reduce(function (prev, curr) {
-        return prev.concat(curr[fieldNames.value]);
-      }, []);
-      checkedValues = checkedValues.filter(function (key) {
-        return !parentKeys.includes(key);
-      });
-      // 根据选中的筛选出 viewTreeData
-      treeViewData = (0, _utils.filterCheckedNodes)(originalTreeData, checkedValues, '', fieldNames);
+      checkedValues = checkedValues.filter((key) => key !== fileNamekey);
+      const childrenkeys = [];
+      (0, import_utils.getChildrenKeys)(node, childrenkeys, fieldNames, "treeClose");
+      checkedValues = checkedValues.filter((key) => !childrenkeys.includes(key));
+      const parentNodes = (0, import_utils.findTreeNodeByKey)(originalTreeData, fileNamekey, fieldNames);
+      const parentKeys = parentNodes.reduce(
+        (prev, curr) => prev.concat(curr[fieldNames.value]),
+        []
+      );
+      checkedValues = checkedValues.filter((key) => !parentKeys.includes(key));
+      treeViewData = (0, import_utils.filterCheckedNodes)(originalTreeData, checkedValues, "", fieldNames);
     }
     setState({
-      checkedValues: checkedValues,
-      treeViewData: treeViewData,
+      checkedValues,
+      treeViewData,
       checkAll: false
     });
   };
-  var _useDebounceFn = (0, _ahooks.useDebounceFn)(function (str) {
+  const { run: onSearch } = (0, import_ahooks.useDebounceFn)(
+    (str) => {
       if (modeType === LIST || modeType === CASCADER) {
-        var isCASCADER = modeType === CASCADER;
-        var data = state.flatTreeData.filter(function (item) {
-          var title = isCASCADER ? item === null || item === void 0 ? void 0 : item.title : item[fieldNameLabel];
-          return title.includes(str);
+        const isCASCADER = modeType === CASCADER;
+        const data = state.flatTreeData.filter((item) => {
+          const title2 = isCASCADER ? item == null ? void 0 : item.title : item[fieldNameLabel];
+          return title2.includes(str);
         });
         setState({
           treeData: !str ? state.originalTreeData : data
         });
       }
-    }, {
+    },
+    {
       wait: 0
-    }),
-    onSearch = _useDebounceFn.run;
-  var handleSetSearchStr = function handleSetSearchStr(str) {
+    }
+  );
+  const handleSetSearchStr = (str) => {
     setState({
       searchStr: str
     });
     onSearch(str);
   };
-  /**
-   * 指定模式下的操作
-   * @param appoint
-   */
-  var appointChange = function appointChange(appoint) {
-    if (appoint) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(allValue);
+  const appointChange = (appoint2) => {
+    if (appoint2) {
+      onChange == null ? void 0 : onChange(allValue);
       setState({
         checkAll: true
       });
     } else {
-      onChange === null || onChange === void 0 ? void 0 : onChange([]);
+      onChange == null ? void 0 : onChange([]);
       setState({
         checkAll: false,
         open: true
       });
-      if (appoint) {
-        openChange === null || openChange === void 0 ? void 0 : openChange(true);
+      if (appoint2) {
+        openChange == null ? void 0 : openChange(true);
       }
     }
   };
-  /**
-   * Trigger the container opened by Drawer
-   * default example and you can customize trigger={<Button>打开</Button>}
-   * @returns
-   */
-  var TriggerComponent = (0, _react.useMemo)(function () {
-    var _props$otherProps3;
-    if (trigger && /*#__PURE__*/_react.default.isValidElement(trigger)) {
-      return (0, _jsxRuntime.jsx)("div", {
-        onClick: handleClick,
-        children: trigger
-      });
+  const TriggerComponent = (0, import_react.useMemo)(() => {
+    var _a2;
+    if (trigger && import_react.default.isValidElement(trigger)) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { onClick: handleClick }, trigger);
     }
-    return (0, _jsxRuntime.jsx)(_components.Trigger, {
-      checkedValues: state.checkedValues,
-      value: value,
-      checkAll: state.checkAll,
-      triggerStyle: style,
-      disabled: disabled,
-      isView: isView,
-      appoint: appoint,
-      allValue: allValue,
-      label: props === null || props === void 0 ? void 0 : (_props$otherProps3 = props.otherProps) === null || _props$otherProps3 === void 0 ? void 0 : _props$otherProps3.label,
-      handleClick: handleClick,
-      handleClearAll: handleClearAll,
-      appointChange: appointChange,
-      appointProps: appointProps
-    });
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_components.Trigger,
+      {
+        checkedValues: state.checkedValues,
+        value,
+        checkAll: state.checkAll,
+        triggerStyle: style,
+        disabled,
+        isView,
+        appoint,
+        allValue,
+        label: (_a2 = props == null ? void 0 : props.otherProps) == null ? void 0 : _a2.label,
+        handleClick,
+        handleClearAll,
+        appointChange,
+        appointProps
+      }
+    );
   }, [state.checkedValues, state.checkAll, style, disabled, isView, value]);
-  /**
-   * 全选操作
-   */
-  var handleAllCheck = function handleAllCheck(e) {
-    var checked = e.target.checked;
-    var checkedValues = [];
-    var treeViewData = [];
+  const handleAllCheck = (e) => {
+    var _a2, _b2;
+    const { checked } = e.target;
+    let checkedValues = [];
+    let treeViewData = [];
     if (modeType === LIST || modeType === CASCADER) {
       if (checked) {
-        checkedValues = state.flatTreeData.map(function (item) {
-          return item[fieldNameValue];
-        });
+        checkedValues = state.flatTreeData.map((item) => item[fieldNameValue]);
       } else if (!checked && span) {
-        // ProTable 场景下 disabled 不取消掉
-        checkedValues = state.flatTreeData.filter(function (item) {
-          return item.disabled;
-        }).map(function (item) {
-          return item[fieldNameValue];
-        });
+        checkedValues = state.flatTreeData.filter((item) => item.disabled).map((item) => item[fieldNameValue]);
       } else if (!checked) {
         checkedValues = [];
       }
     } else if (modeType === TREE) {
       checkedValues = checked ? state.allKeys : [];
       if (checkStrictly) {
-        treeViewData = (0, _toConsumableArray2.default)(state.flatTreeData);
+        treeViewData = [...state.flatTreeData];
       } else {
-        treeViewData = (0, _utils.filterCheckedNodes)(state.originalTreeData, checkedValues, '', fieldNames);
+        treeViewData = (0, import_utils.filterCheckedNodes)(state.originalTreeData, checkedValues, "", fieldNames);
       }
     }
     if (max && checkedValues.length > max) {
-      var _locale$ProTreeModal6;
-      _antd.message.error(maxMessage ? (0, _utils.transformMessage)({
-        max: max
-      }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal6 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal6 === void 0 ? void 0 : _locale$ProTreeModal6.selectMax, {
-        max: max
-      }));
+      import_antd.message.error(
+        maxMessage ? (0, import_utils.transformMessage)({ max }, maxMessage) : (0, import_locale.formatMessage)((_b2 = (_a2 = import_locale.default) == null ? void 0 : _a2.ProTreeModal) == null ? void 0 : _b2.selectMax, { max })
+      );
       return;
     }
     setState({
-      checkedValues: checkedValues,
+      checkedValues,
       checkAll: checked,
-      treeViewData: treeViewData
+      treeViewData
     });
   };
-  /**
-   * 左侧容器、分为三种 list、tree、Cascader
-   * @returns
-   */
-  var renderContainer = function renderContainer() {
+  const renderContainer = () => {
+    var _a2, _b2;
     if (state.treeData.length === 0 && state.searchStr) {
-      var _locale$ProTreeModal7;
-      return (0, _jsxRuntime.jsx)("div", {
-        className: "pro-tree-modal-no-checks",
-        children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal7 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal7 === void 0 ? void 0 : _locale$ProTreeModal7.noFinal
-      });
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-tree-modal-no-checks" }, (_b2 = (_a2 = import_locale.default) == null ? void 0 : _a2.ProTreeModal) == null ? void 0 : _b2.noFinal);
     }
     switch (modeType) {
       case LIST:
-        return (0, _jsxRuntime.jsx)(_components.ListView, {
-          treeData: state.treeData,
-          optionRender: optionRender,
-          checkedValues: state.checkedValues,
-          handleOnChange: handleListCheckChange,
-          searchStr: state.searchStr,
-          showCodeName: showCodeName,
-          disabled: disabled || isView,
-          fieldNames: fieldNames,
-          span: span
-        });
-      case TREE:
-        return (0, _jsxRuntime.jsx)(_components.TreeView, {
-          treeData: state.transformedTree,
-          originalTreeData: state.originalTreeData,
-          flatTreeData: state.flatTreeData,
-          checkedValues: state.checkedValues,
-          onCheck: onCheck,
-          optionRender: optionRender,
-          searchStr: state.searchStr,
-          showCodeName: showCodeName,
-          disabled: disabled || isView,
-          checkStrictly: checkStrictly,
-          tags: tags,
-          fieldNames: fieldNames
-        });
-      case CASCADER:
-        if (state.searchStr && state.treeData.length) {
-          return (0, _jsxRuntime.jsx)(_components.ListView, {
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_components.ListView,
+          {
             treeData: state.treeData,
-            modeType: CASCADER,
-            optionRender: optionRender,
+            optionRender,
             checkedValues: state.checkedValues,
             handleOnChange: handleListCheckChange,
             searchStr: state.searchStr,
-            showCodeName: showCodeName,
+            showCodeName,
             disabled: disabled || isView,
-            fieldNames: fieldNames
-          });
+            fieldNames,
+            span
+          }
+        );
+      case TREE:
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_components.TreeView,
+          {
+            treeData: state.transformedTree,
+            originalTreeData: state.originalTreeData,
+            flatTreeData: state.flatTreeData,
+            checkedValues: state.checkedValues,
+            onCheck,
+            optionRender,
+            searchStr: state.searchStr,
+            showCodeName,
+            disabled: disabled || isView,
+            checkStrictly,
+            tags,
+            fieldNames
+          }
+        );
+      case CASCADER:
+        if (state.searchStr && state.treeData.length) {
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_components.ListView,
+            {
+              treeData: state.treeData,
+              modeType: CASCADER,
+              optionRender,
+              checkedValues: state.checkedValues,
+              handleOnChange: handleListCheckChange,
+              searchStr: state.searchStr,
+              showCodeName,
+              disabled: disabled || isView,
+              fieldNames
+            }
+          );
         }
-        return (0, _jsxRuntime.jsx)(_components.Cascader, {
-          dataSource: state.treeData,
-          fieldNames: fieldNames,
-          checkedValues: state.checkedValues,
-          searchStr: state.searchStr,
-          showCodeName: showCodeName,
-          handleOnChange: handleListCheckChange,
-          optionRender: optionRender
-        });
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_components.Cascader,
+          {
+            dataSource: state.treeData,
+            fieldNames,
+            checkedValues: state.checkedValues,
+            searchStr: state.searchStr,
+            showCodeName,
+            handleOnChange: handleListCheckChange,
+            optionRender
+          }
+        );
       default:
         break;
     }
   };
-  var listTreeData = (0, _react.useMemo)(function () {
-    var checkListOptions = [];
-    state.checkedValues.forEach(function (key) {
-      var option = state.flatTreeData.find(function (item) {
-        return item[fieldNameValue] === key;
-      });
+  const listTreeData = (0, import_react.useMemo)(() => {
+    const checkListOptions = [];
+    state.checkedValues.forEach((key) => {
+      const option = state.flatTreeData.find((item) => item[fieldNameValue] === key);
       if (option) {
         checkListOptions.push(option);
       }
     });
     return checkListOptions;
   }, [state.checkedValues, state.flatTreeData]);
-  /**
-   * 勾选后的右侧展示
-   * @returns
-   */
-  var renderView = function renderView() {
+  const renderView = () => {
+    var _a2, _b2;
     if (state.checkedValues.length === 0) {
-      var _locale$ProTreeModal8;
-      return (0, _jsxRuntime.jsx)("div", {
-        className: "pro-tree-modal-no-checks",
-        children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal8 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal8 === void 0 ? void 0 : _locale$ProTreeModal8.noCheck
-      });
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-tree-modal-no-checks" }, (_b2 = (_a2 = import_locale.default) == null ? void 0 : _a2.ProTreeModal) == null ? void 0 : _b2.noCheck);
     }
     switch (modeType) {
       case LIST:
       case CASCADER:
-        return (0, _jsxRuntime.jsx)(_components.ListView, {
-          mode: "view",
-          showCodeName: showCodeName,
-          treeData: listTreeData,
-          fieldNames: fieldNames,
-          disabled: disabled || isView,
-          draggable: draggable,
-          flatTreeData: state.flatTreeData,
-          span: span,
-          ref: listRef,
-          optionRender: optionRender,
-          handleFilterClose: handleFilterClose,
-          handleDragEndChange: handleDragEndChange
-        });
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_components.ListView,
+          {
+            mode: "view",
+            showCodeName,
+            treeData: listTreeData,
+            fieldNames,
+            disabled: disabled || isView,
+            draggable,
+            flatTreeData: state.flatTreeData,
+            span,
+            ref: listRef,
+            optionRender,
+            handleFilterClose,
+            handleDragEndChange
+          }
+        );
       case TREE:
-        return (0, _jsxRuntime.jsx)(_components.TreeView, {
-          mode: "view",
-          checkStrictly: checkStrictly,
-          showCodeName: showCodeName,
-          treeData: checkStrictly ? listTreeData : state.treeViewData,
-          tags: tags,
-          fieldNames: fieldNames,
-          disabled: disabled || isView,
-          draggable: draggable,
-          min: min,
-          max: max,
-          ref: listRef,
-          handleFilterClose: treeFilterClose,
-          optionRender: optionRender,
-          handleDragEndChange: handleDragEndChange
-        });
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_components.TreeView,
+          {
+            mode: "view",
+            checkStrictly,
+            showCodeName,
+            treeData: checkStrictly ? listTreeData : state.treeViewData,
+            tags,
+            fieldNames,
+            disabled: disabled || isView,
+            draggable,
+            min,
+            max,
+            ref: listRef,
+            handleFilterClose: treeFilterClose,
+            optionRender,
+            handleDragEndChange
+          }
+        );
       default:
         break;
     }
   };
-  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: (0, _jsxRuntime.jsxs)("div", {
-      className: "pro-tree-modal",
-      children: [open === undefined && TriggerComponent, (0, _jsxRuntime.jsx)(_index.ProDrawerForm, {
-        onOk: handleFinish,
-        onCancel: handleClose,
-        okDisabled: disabled,
-        open: state.open,
-        title: title,
-        showType: "Modal",
-        className: "pro-tree-modal-container",
-        extraLeft: allValue !== undefined ? (0, _jsxRuntime.jsx)(_antd.Checkbox, {
-          checked: state.checkAll,
-          disabled: disabled,
-          onChange: handleAllCheck,
-          children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal9 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal9 === void 0 ? void 0 : _locale$ProTreeModal9.checkAll
-        }) : null,
-        children: (0, _jsxRuntime.jsxs)("div", {
-          className: "pro-tree-modal-content",
-          children: [(0, _jsxRuntime.jsxs)("div", {
-            className: (0, _classnames.default)('pro-tree-modal-box', modeType === CASCADER || modeType === LIST && span ? 'pro-tree-modal-cascader-box' : ''),
-            children: [(0, _jsxRuntime.jsx)(_antd.Input, {
-              disabled: disabled,
-              allowClear: true,
-              value: state.searchStr,
-              placeholder: placeholder || (_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal0 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal0 === void 0 ? void 0 : _locale$ProTreeModal0.input),
-              className: "pro-tree-modal-search",
-              onChange: function onChange(e) {
-                return handleSetSearchStr(e.target.value);
-              },
-              prefix: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-                className: "pro-tree-modal-search-svg",
-                src: _inputSearch.default
-              })
-            }), (0, _jsxRuntime.jsx)("div", {
-              className: "pro-tree-modal-tree-warp",
-              children: renderContainer()
-            })]
-          }), (0, _jsxRuntime.jsxs)("div", {
-            className: (0, _classnames.default)('pro-tree-modal-box', modeType === CASCADER || modeType === LIST && span ? 'pro-tree-modal-cascader-box-view' : ''),
-            children: [(0, _jsxRuntime.jsxs)("div", {
-              className: "pro-tree-modal-box-header",
-              children: [(0, _jsxRuntime.jsxs)("span", {
-                children: [_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal1 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal1 === void 0 ? void 0 : _locale$ProTreeModal1.check, " (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
-              }), (0, _jsxRuntime.jsx)(_antd.Button, {
-                disabled: disabled,
-                type: "link",
-                onClick: handleClearAll,
-                children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal10 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal10 === void 0 ? void 0 : _locale$ProTreeModal10.clearAll
-              })]
-            }), (0, _jsxRuntime.jsx)("div", {
-              className: "pro-tree-modal-tree-warp  pro-transfer-right",
-              children: renderView()
-            })]
-          })]
-        })
-      })]
-    })
-  });
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-tree-modal" }, open === void 0 && TriggerComponent, /* @__PURE__ */ import_react.default.createElement(
+    import__.ProDrawerForm,
+    {
+      onOk: handleFinish,
+      onCancel: handleClose,
+      okDisabled: disabled,
+      open: state.open,
+      title,
+      showType: "Modal",
+      className: "pro-tree-modal-container",
+      extraLeft: allValue !== void 0 ? /* @__PURE__ */ import_react.default.createElement(import_antd.Checkbox, { checked: state.checkAll, disabled, onChange: handleAllCheck }, (_f = (_e = import_locale.default) == null ? void 0 : _e.ProTreeModal) == null ? void 0 : _f.checkAll) : null
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-tree-modal-content" }, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "pro-tree-modal-box",
+          modeType === CASCADER || modeType === LIST && span ? "pro-tree-modal-cascader-box" : ""
+        )
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Input,
+        {
+          disabled,
+          allowClear: true,
+          value: state.searchStr,
+          placeholder: placeholder || ((_h = (_g = import_locale.default) == null ? void 0 : _g.ProTreeModal) == null ? void 0 : _h.input),
+          className: "pro-tree-modal-search",
+          onChange: (e) => handleSetSearchStr(e.target.value),
+          prefix: /* @__PURE__ */ import_react.default.createElement(import_react_svg.ReactSVG, { className: "pro-tree-modal-search-svg", src: import_input_search.default })
+        }
+      ),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-tree-modal-tree-warp" }, renderContainer())
+    ), /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "pro-tree-modal-box",
+          modeType === CASCADER || modeType === LIST && span ? "pro-tree-modal-cascader-box-view" : ""
+        )
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-tree-modal-box-header" }, /* @__PURE__ */ import_react.default.createElement("span", null, (_j = (_i = import_locale.default) == null ? void 0 : _i.ProTreeModal) == null ? void 0 : _j.check, " (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { disabled, type: "link", onClick: handleClearAll }, (_l = (_k = import_locale.default) == null ? void 0 : _k.ProTreeModal) == null ? void 0 : _l.clearAll)),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-tree-modal-tree-warp  pro-transfer-right" }, renderView())
+    ))
+  )));
 };
-var _default = exports.default = ProTreeModal;
+var ProTreeModal_default = ProTreeModal;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CASCADER
+});