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

package/lib/ProTree/components/ProTree.js

@@ -1,119 +1,117 @@
-"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 _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProTree/components/ProTree.tsx
+var ProTree_exports = {};
+__export(ProTree_exports, {
+  default: () => ProTree_default
 });
-exports.default = void 0;
-require("antd/es/checkbox/style");
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
-require("antd/es/input/style");
-var _input = _interopRequireDefault(require("antd/es/input"));
-require("antd/es/spin/style");
-var _spin = _interopRequireDefault(require("antd/es/spin"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-require("antd/es/message/style");
-var _message2 = _interopRequireDefault(require("antd/es/message"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _icons = require("@ant-design/icons");
-var _ahooks = require("ahooks");
-var _reactSvg = require("react-svg");
-var _ProConfigProvider = require("../../ProConfigProvider");
-var _index = require("./index");
-var _locale = _interopRequireDefault(require("../../locale"));
-var _utils = require("../utils");
-var _inputSearch = _interopRequireDefault(require("../../assets/input-search.svg"));
-require("../style/index.less");
-var _excluded = ["value", "onChange", "dataSource", "mode", "code", "useRequest", "allValue", "showCodeName", "checkStrictly", "tags", "placeholder", "labelInValue", "fieldNames", "disabled", "isView", "transformResponse", "optionRender", "onSelect", "loading", "style", "className", "showSearch", "title", "footer", "expandedKeys", "showExpand", "defaultExpandAll"];
-var ProTree = function ProTree(props) {
-  var _props$otherProps, _props$otherProps2, _locale$ProTree, _state$innerExpandKey2, _state$innerExpandKey3, _locale$ProTree2, _locale$ProTree3, _locale$ProTree4;
-  var _useProConfig = (0, _ProConfigProvider.useProConfig)('ProEnum'),
-    _useProConfig$dics = _useProConfig.dics,
-    dics = _useProConfig$dics === void 0 ? {} : _useProConfig$dics;
-  var value = props.value,
-    onChange = props.onChange,
-    dataSource = props.dataSource,
-    _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'tree' : _props$mode,
-    enumCode = props.code,
-    useRequest = props.useRequest,
-    allValue = props.allValue,
-    _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$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 === 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 === 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,
-    onSelect = props.onSelect,
-    _props$loading = props.loading,
-    loading = _props$loading === void 0 ? false : _props$loading,
-    style = props.style,
-    className = props.className,
-    _props$showSearch = props.showSearch,
-    showSearch = _props$showSearch === void 0 ? true : _props$showSearch,
-    title = props.title,
-    footer = props.footer,
-    expandedKeys = props.expandedKeys,
-    _props$showExpand = props.showExpand,
-    showExpand = _props$showExpand === void 0 ? false : _props$showExpand,
-    defaultExpandAll = props.defaultExpandAll,
-    other = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var fieldNameValue = fieldNames.value;
-  var _useSetState = (0, _ahooks.useSetState)({
-      open: false,
-      checkedValues: [],
-      treeData: [],
-      treeViewData: [],
-      originalTreeData: [],
-      flatTreeData: [],
-      searchStr: '',
-      checkAll: false,
-      allKeys: [],
-      clickShowLoading: false,
-      innerExpandKeys: undefined // 将传入德默认展开德节点传入内部state德innerExpandKeys上面，后续由innerExpandKeys控制展开节点
-    }),
-    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
-    state = _useSetState2[0],
-    setState = _useSetState2[1];
-  (0, _react.useEffect)(function () {
+module.exports = __toCommonJS(ProTree_exports);
+var import_react = require("react");
+var import_classnames = __toESM(require("classnames"));
+var import_icons = require("@ant-design/icons");
+var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_lodash = require("lodash");
+var import_react_svg = require("react-svg");
+var import_ProConfigProvider = require("../../ProConfigProvider");
+var import_index = require("./index");
+var import_locale = __toESM(require("../../locale"));
+var import_utils = require("../utils");
+var import_input_search = __toESM(require("../../assets/input-search.svg"));
+var import_style = require("../style/index.less");
+var ProTree = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const { dics = {} } = (0, import_ProConfigProvider.useProConfig)("ProEnum");
+  const {
+    value,
+    onChange,
+    dataSource,
+    mode = "tree",
+    code: enumCode,
+    useRequest,
+    allValue,
+    showCodeName = false,
+    checkStrictly = false,
+    tags,
+    placeholder,
+    labelInValue = false,
+    fieldNames = {
+      label: "label",
+      value: "value",
+      children: "children"
+    },
+    disabled = props.disabled || ((_a = props == null ? void 0 : props.otherProps) == null ? void 0 : _a.isView) || false,
+    isView = ((_b = props == null ? void 0 : props.otherProps) == null ? void 0 : _b.isView) || false,
+    transformResponse,
+    optionRender,
+    onSelect,
+    loading = false,
+    style,
+    className,
+    showSearch = true,
+    title,
+    footer,
+    expandedKeys,
+    showExpand = false,
+    defaultExpandAll,
+    // 是否默认展开全部
+    ...other
+  } = props;
+  const fieldNameValue = fieldNames.value;
+  const [state, setState] = (0, import_ahooks.useSetState)({
+    open: false,
+    checkedValues: [],
+    treeData: [],
+    treeViewData: [],
+    originalTreeData: [],
+    flatTreeData: [],
+    searchStr: "",
+    checkAll: false,
+    allKeys: [],
+    clickShowLoading: false,
+    innerExpandKeys: void 0
+    // 将传入德默认展开德节点传入内部state德innerExpandKeys上面，后续由innerExpandKeys控制展开节点
+  });
+  (0, import_react.useEffect)(() => {
     if (expandedKeys) {
       setState({
         innerExpandKeys: expandedKeys
       });
     }
   }, [expandedKeys]);
-  var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)({
+  const fetchFunction = (0, import_ahooks.useRequest)(useRequest == null ? void 0 : useRequest.service, {
     manual: true,
-    onSuccess: function onSuccess(res) {
-      if (transformResponse && typeof transformResponse === 'function') {
-        var responseData = transformResponse(res);
-        var flatTrees = (0, _utils.getFlatTreeData)(responseData, fieldNames);
-        var allKey = (0, _utils.getAllKeys)(responseData, fieldNames);
+    onSuccess: (res) => {
+      if (transformResponse && typeof transformResponse === "function") {
+        const responseData = transformResponse(res);
+        const flatTrees = (0, import_utils.getFlatTreeData)(responseData, fieldNames);
+        const allKey = (0, import_utils.getAllKeys)(responseData, fieldNames);
         setState({
           treeData: responseData,
           originalTreeData: responseData,
@@ -122,225 +120,189 @@ var ProTree = function ProTree(props) {
           // innerExpandKeys: props?.expandedKeys ? props?.expandedKeys : getDefaultExpandKeys(defaultExpandAll, allKey),
         });
       } else {
-        var _res$status = res.status,
-          status = _res$status === void 0 ? 200 : _res$status,
-          msg = res.message,
-          data = res.data;
+        const { status = 200, message: msg, data } = res;
         if (status !== 200) {
-          _message2.default.error(msg);
+          import_antd.message.error(msg);
           return;
         }
-        var _flatTrees = (0, _utils.getFlatTreeData)(data, fieldNames);
-        var _allKey = (0, _utils.getAllKeys)(data, fieldNames);
+        const flatTrees = (0, import_utils.getFlatTreeData)(data, fieldNames);
+        const allKey = (0, import_utils.getAllKeys)(data, fieldNames);
         setState({
           treeData: data,
           originalTreeData: data,
-          flatTreeData: _flatTrees,
-          allKeys: _allKey
+          flatTreeData: flatTrees,
+          allKeys: allKey
           // innerExpandKeys: props?.expandedKeys ? props?.expandedKeys : getDefaultExpandKeys(defaultExpandAll, allKey),
         });
       }
     },
-    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)(() => {
     if (dataSource && dataSource.length) {
-      var allKey = (0, _utils.getAllKeys)(dataSource, fieldNames);
+      const allKey = (0, import_utils.getAllKeys)(dataSource, fieldNames);
       setState({
         treeData: dataSource,
-        originalTreeData: (0, _cloneDeep2.default)(dataSource),
-        flatTreeData: (0, _utils.getFlatTreeData)(dataSource, fieldNames),
+        originalTreeData: (0, import_lodash.cloneDeep)(dataSource),
+        flatTreeData: (0, import_utils.getFlatTreeData)(dataSource, fieldNames),
         allKeys: allKey
         // innerExpandKeys: props?.expandedKeys ? props?.expandedKeys : getDefaultExpandKeys(defaultExpandAll, allKey),
       });
     } 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)) {
-        console.error('请返回有效的数组');
+        console.error("请返回有效的数组");
         dictEnum = [];
       }
-      var _allKey2 = (0, _utils.getAllKeys)(dictEnum, fieldNames);
+      const allKey = (0, import_utils.getAllKeys)(dictEnum, fieldNames);
       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)
         // innerExpandKeys: props?.expandedKeys ? props?.expandedKeys : getDefaultExpandKeys(defaultExpandAll, allKey),
       });
     }
   }, [dataSource, enumCode]);
-  (0, _ahooks.useDeepCompareEffect)(function () {
+  (0, import_ahooks.useDeepCompareEffect)(() => {
     if (enumCode || 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]);
-  var handleSignalSelect = function handleSignalSelect(value) {
-    var checkedValues = [];
-    var innerVal = value;
+  }, [useRequest == null ? void 0 : useRequest.options]);
+  const handleSignalSelect = (value2) => {
+    let checkedValues = [];
+    const innerVal = value2;
     if (labelInValue) {
       checkedValues = innerVal[fieldNameValue];
     } else {
-      // 单选值场景为string走到这里
       checkedValues = innerVal;
     }
     setState({
-      checkedValues: checkedValues
+      checkedValues
     });
   };
-  var handleCheckSelect = function handleCheckSelect(allKeys) {
-    var checkedValues = [];
-    if (allValue && typeof value === 'string') {
-      // 如果value等于allValue那么全选中，否则选中value得值
+  const handleCheckSelect = (allKeys) => {
+    let checkedValues = [];
+    if (allValue && typeof value === "string") {
       if (value === allValue) {
         checkedValues = allKeys;
       } else {
         checkedValues = [value];
       }
     } else {
-      var innerVal = value;
-      // 开启 labelInValue [{ label:xx, value: ""}] 形式、需要取出来 value
+      const innerVal = value;
       if (labelInValue) {
-        var isObjectArray = innerVal && innerVal.every(function (element) {
-          return (0, _typeof2.default)(element) === 'object' && element !== null;
-        });
+        const isObjectArray = innerVal && innerVal.every((element) => typeof element === "object" && element !== null);
         if (!isObjectArray) {
-          console.error('Please enter an array object');
+          console.error("Please enter an array object");
         }
-        checkedValues = innerVal && innerVal.map(function (item) {
-          return item[fieldNameValue];
-        });
+        checkedValues = innerVal && innerVal.map((item) => item[fieldNameValue]);
       } else {
-        // 复选，单纯value数组场景
         checkedValues = innerVal;
       }
     }
     setState({
-      checkedValues: checkedValues,
+      checkedValues,
       checkAll: checkedValues.length === allKeys.length
     });
   };
-  (0, _react.useEffect)(function () {
+  (0, import_react.useEffect)(() => {
     if (value) {
-      var allKeys = state.allKeys;
-      if (!(other === null || other === void 0 ? void 0 : other.checkable)) {
-        // 单选
+      const { allKeys } = state;
+      if (!(other == null ? void 0 : other.checkable)) {
         handleSignalSelect(value);
       } else {
-        // 复选
         handleCheckSelect(allKeys);
       }
-    } else if (!(other === null || other === void 0 ? void 0 : other.checkable)) {
-      // 单选--场景-->如果表单的value没有值，那么配置的selectedKey就起作用了，选中树节点
+    } else if (!(other == null ? void 0 : other.checkable)) {
       setState({
-        checkedValues: props === null || props === void 0 ? void 0 : props.selectedKey
+        checkedValues: props == null ? void 0 : props.selectedKey
       });
     }
   }, [value, state.allKeys]);
-  /**
-   * 复选事件处理函数，全选事件处理函数
-   */
-  var handleFinish = function handleFinish(allValue, checkAll, checkedValues, checkedNode) {
+  const handleFinish = (allValue2, checkAll, checkedValues, checkedNode) => {
     if (disabled || isView) {
       return null;
     }
-    // 全选的时候返回 allValue 标记即可
-    setState({
-      checkedValues: checkedValues
-    });
-    if (allValue !== undefined && checkAll) {
-      onChange && onChange(allValue);
+    setState({ checkedValues });
+    if (allValue2 !== void 0 && checkAll) {
+      onChange && onChange(allValue2);
     } else {
-      var values = checkedValues;
-      var options = state.flatTreeData.filter(function (item) {
-        return values.includes(item[fieldNameValue]);
-      });
+      let values = checkedValues;
+      let options = state.flatTreeData.filter((item) => values.includes(item[fieldNameValue]));
       if (checkedNode) {
         options = checkedNode;
-        delete options[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children'];
+        delete options[(fieldNames == null ? void 0 : fieldNames.children) || "children"];
       }
       if (labelInValue) {
-        values = state.flatTreeData.filter(function (item) {
-          return values.includes(item[fieldNameValue]);
-        });
+        values = state.flatTreeData.filter((item) => values.includes(item[fieldNameValue]));
       }
       onChange && onChange(values, options);
     }
   };
-  // 该方法只有复选框，在勾中checkbox后才会走到这个方法
-  var onCheck = function onCheck(checkedKeys, info) {
-    var _info$node;
+  const onCheck = (checkedKeys, info) => {
+    var _a2;
     if (disabled || isView) {
       return null;
     }
-    var checkedValues = (0, _toConsumableArray2.default)(state.checkedValues);
-    var originalTreeData = state.originalTreeData;
-    // 此时应该取消掉自身并包含它所有的子集
+    let checkedValues = [...state.checkedValues];
+    const { originalTreeData } = state;
     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);
         }
       });
     }
-    var checkAllTemp = state.allKeys.length === checkedValues.length;
+    const checkAllTemp = state.allKeys.length === checkedValues.length;
     setState({
       checkAll: checkAllTemp
     });
-    var checkNodeValue = info === null || info === void 0 ? void 0 : (_info$node = info.node) === null || _info$node === void 0 ? void 0 : _info$node[fieldNameValue];
-    var options = state.flatTreeData.filter(function (item) {
-      return checkNodeValue === item[fieldNameValue];
-    });
-    handleFinish(allValue, checkAllTemp, checkedValues, Array.isArray(options) ? options === null || options === void 0 ? void 0 : options[0] : options);
-    if (other === null || other === void 0 ? void 0 : other.onCheck) {
+    const checkNodeValue = (_a2 = info == null ? void 0 : info.node) == null ? void 0 : _a2[fieldNameValue];
+    const options = state.flatTreeData.filter((item) => checkNodeValue === item[fieldNameValue]);
+    handleFinish(
+      allValue,
+      checkAllTemp,
+      checkedValues,
+      Array.isArray(options) ? options == null ? void 0 : options[0] : options
+    );
+    if (other == null ? void 0 : other.onCheck) {
       other.onCheck(checkedKeys, {
         checked: info.checked,
-        checkedNodes: info === null || info === void 0 ? void 0 : info.node,
-        event: info === null || info === void 0 ? void 0 : info.nativeEvent
+        checkedNodes: info == null ? void 0 : info.node,
+        event: info == null ? void 0 : info.nativeEvent
       });
     }
   };
-  var onSearch = function onSearch(e) {
-    var str = e.target.value;
+  const onSearch = (e) => {
+    const str = e.target.value;
     setState({
       searchStr: str
     });
@@ -350,90 +312,55 @@ var ProTree = function ProTree(props) {
       });
     }
   };
-  /**
-   * 全选操作,改变自身state并将值通过onchange上传到form
-   */
-  var handleAllCheck = function handleAllCheck(e) {
+  const handleAllCheck = (e) => {
     if (disabled || isView) {
       return null;
     }
-    var checked = e.target.checked;
-    var checkedValues = [];
+    const { checked } = e.target;
+    let checkedValues = [];
     checkedValues = checked ? state.allKeys : [];
     setState({
       checkAll: checked
     });
     handleFinish(allValue, checked, checkedValues, null);
   };
-  /** 点击了树节点开始loading,改变自身state并将值通过onchange上传到form */
-  var onSelectTreeNode = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(props, info) {
-      var _options$;
-      var values, options, option;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (!(disabled || isView)) {
-              _context.next = 2;
-              break;
-            }
-            return _context.abrupt("return", null);
-          case 2:
-            setState({
-              clickShowLoading: loading
-            });
-            if (!onSelect) {
-              _context.next = 7;
-              break;
-            }
-            _context.next = 6;
-            return onSelect(props, info);
-          case 6:
-            setState({
-              clickShowLoading: false
-            });
-          case 7:
-            values = props;
-            options = state.flatTreeData.filter(function (item) {
-              return values === item[fieldNameValue];
-            });
-            if (labelInValue) {
-              values = state.flatTreeData.filter(function (item) {
-                return values === item[fieldNameValue];
-              });
-            }
-            option = (_options$ = options === null || options === void 0 ? void 0 : options[0]) !== null && _options$ !== void 0 ? _options$ : {};
-            delete option[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children'];
-            if (!(other === null || other === void 0 ? void 0 : other.checkable)) {
-              // 单选将选中节点值冒泡到form, 给onFieldChange添加options
-              onChange && onChange(values, option);
-            } else {
-              onChange && onChange(value, option);
-            }
-          case 13:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onSelectTreeNode(_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var boxClass = (0, _classnames.default)((0, _defineProperty2.default)({
-    'pro-tree': true,
-    'footer-shadow': footer
-  }, className, className));
-  var toggleExpand = function toggleExpand() {
-    var _state$innerExpandKey;
-    if (state === null || state === void 0 ? void 0 : (_state$innerExpandKey = state.innerExpandKeys) === null || _state$innerExpandKey === void 0 ? void 0 : _state$innerExpandKey.length) {
+  const onSelectTreeNode = async (props2, info) => {
+    if (disabled || isView) {
+      return null;
+    }
+    setState({ clickShowLoading: loading });
+    if (onSelect) {
+      await onSelect(props2, info);
+      setState({ clickShowLoading: false });
+    }
+    let values = props2;
+    const options = state.flatTreeData.filter((item) => values === item[fieldNameValue]);
+    if (labelInValue) {
+      values = state.flatTreeData.filter((item) => values === item[fieldNameValue]);
+    }
+    const option = (options == null ? void 0 : options[0]) ?? {};
+    delete option[(fieldNames == null ? void 0 : fieldNames.children) || "children"];
+    if (!(other == null ? void 0 : other.checkable)) {
+      onChange && onChange(values, option);
+    } else {
+      onChange && onChange(value, option);
+    }
+  };
+  const boxClass = (0, import_classnames.default)({
+    "pro-tree": true,
+    "footer-shadow": footer,
+    [className]: className
+  });
+  const toggleExpand = () => {
+    var _a2;
+    if ((_a2 = state == null ? void 0 : state.innerExpandKeys) == null ? void 0 : _a2.length) {
       setState({
         innerExpandKeys: []
       });
     } else {
-      var expandKeys = [];
-      state === null || state === void 0 ? void 0 : state.flatTreeData.map(function (item) {
-        var val = item[fieldNameValue];
+      const expandKeys = [];
+      state == null ? void 0 : state.flatTreeData.map((item) => {
+        const val = item[fieldNameValue];
         expandKeys.push(val);
         return item;
       });
@@ -442,80 +369,46 @@ var ProTree = function ProTree(props) {
       });
     }
   };
-  var antIcon = (0, _jsxRuntime.jsx)(_icons.Loading3QuartersOutlined, {
-    style: {
-      fontSize: 24
+  const antIcon = /* @__PURE__ */ React.createElement(import_icons.Loading3QuartersOutlined, { style: { fontSize: 24 }, spin: true });
+  return /* @__PURE__ */ React.createElement("div", { className: boxClass, style }, /* @__PURE__ */ React.createElement(import_antd.Spin, { spinning: state.clickShowLoading, indicator: antIcon }, /* @__PURE__ */ React.createElement("div", { className: "pro-tree-content" }, /* @__PURE__ */ React.createElement("div", { className: "pro-tree-header-box" }, showSearch && /* @__PURE__ */ React.createElement(
+    import_antd.Input,
+    {
+      disabled,
+      allowClear: true,
+      value: state.searchStr,
+      placeholder: placeholder || ((_d = (_c = import_locale.default) == null ? void 0 : _c.ProTree) == null ? void 0 : _d.inputPlaceholder),
+      className: "pro-tree-search",
+      onChange: onSearch,
+      prefix: /* @__PURE__ */ React.createElement(import_react_svg.ReactSVG, { className: "viewSvg", src: import_input_search.default })
+    }
+  ), (title || showExpand) && /* @__PURE__ */ React.createElement("div", { className: "tree-title-box" }, /* @__PURE__ */ React.createElement("div", { className: "tree-title-text" }, title), showExpand && /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: `expand-button ${((_e = state == null ? void 0 : state.innerExpandKeys) == null ? void 0 : _e.length) ? "expand" : ""}`,
+      onClick: toggleExpand
     },
-    spin: true
-  });
-  return (0, _jsxRuntime.jsx)("div", {
-    className: boxClass,
-    style: style,
-    children: (0, _jsxRuntime.jsx)(_spin.default, {
-      spinning: state.clickShowLoading,
-      indicator: antIcon,
-      children: (0, _jsxRuntime.jsxs)("div", {
-        className: "pro-tree-content",
-        children: [(0, _jsxRuntime.jsxs)("div", {
-          className: "pro-tree-header-box",
-          children: [showSearch && (0, _jsxRuntime.jsx)(_input.default, {
-            disabled: disabled,
-            allowClear: true,
-            value: state.searchStr,
-            placeholder: placeholder || (_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTree = _locale.default.ProTree) === null || _locale$ProTree === void 0 ? void 0 : _locale$ProTree.inputPlaceholder),
-            className: "pro-tree-search",
-            onChange: onSearch,
-            prefix: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-              className: "viewSvg",
-              src: _inputSearch.default
-            })
-          }), (title || showExpand) && (0, _jsxRuntime.jsxs)("div", {
-            className: "tree-title-box",
-            children: [(0, _jsxRuntime.jsx)("div", {
-              className: "tree-title-text",
-              children: title
-            }), showExpand && (0, _jsxRuntime.jsxs)("div", {
-              className: "expand-button ".concat((state === null || state === void 0 ? void 0 : (_state$innerExpandKey2 = state.innerExpandKeys) === null || _state$innerExpandKey2 === void 0 ? void 0 : _state$innerExpandKey2.length) ? 'expand' : ''),
-              onClick: toggleExpand,
-              children: [(0, _jsxRuntime.jsx)("div", {
-                className: "expand-icon",
-                children: (0, _jsxRuntime.jsx)(_icons.CaretDownOutlined, {})
-              }), (state === null || state === void 0 ? void 0 : (_state$innerExpandKey3 = state.innerExpandKeys) === null || _state$innerExpandKey3 === void 0 ? void 0 : _state$innerExpandKey3.length) ? _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTree2 = _locale.default.ProTree) === null || _locale$ProTree2 === void 0 ? void 0 : _locale$ProTree2.unExpand : _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTree3 = _locale.default.ProTree) === null || _locale$ProTree3 === void 0 ? void 0 : _locale$ProTree3.expand]
-            })]
-          })]
-        }), (0, _jsxRuntime.jsx)("div", {
-          className: "pro-tree-tree-warp",
-          children: (0, _jsxRuntime.jsx)(_index.TreeView, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, other), {}, {
-            treeData: state.treeData,
-            originalTreeData: state.originalTreeData,
-            flatTreeData: state.flatTreeData,
-            checkedValues: state.checkedValues,
-            defaultExpandAll: defaultExpandAll,
-            innerExpandKeys: state === null || state === void 0 ? void 0 : state.innerExpandKeys,
-            optionRender: optionRender,
-            searchStr: state.searchStr,
-            showCodeName: showCodeName,
-            disabled: disabled || isView,
-            checkStrictly: checkStrictly,
-            tags: tags,
-            fieldNames: fieldNames,
-            onCheck: onCheck,
-            onSelect: onSelectTreeNode
-          }))
-        }), (0, _jsxRuntime.jsxs)("div", {
-          className: allValue || footer ? 'pro-tree-footer-box' : '',
-          children: [(0, _jsxRuntime.jsx)("div", {
-            className: "check-all-box",
-            children: allValue !== undefined ? (0, _jsxRuntime.jsx)(_checkbox.default, {
-              checked: state.checkAll,
-              disabled: disabled,
-              onChange: handleAllCheck,
-              children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTree4 = _locale.default.ProTree) === null || _locale$ProTree4 === void 0 ? void 0 : _locale$ProTree4.all
-            }) : null
-          }), footer]
-        })]
-      })
-    })
-  });
+    /* @__PURE__ */ React.createElement("div", { className: "expand-icon" }, /* @__PURE__ */ React.createElement(import_icons.CaretDownOutlined, null)),
+    ((_f = state == null ? void 0 : state.innerExpandKeys) == null ? void 0 : _f.length) ? (_h = (_g = import_locale.default) == null ? void 0 : _g.ProTree) == null ? void 0 : _h.unExpand : (_j = (_i = import_locale.default) == null ? void 0 : _i.ProTree) == null ? void 0 : _j.expand
+  ))), /* @__PURE__ */ React.createElement("div", { className: "pro-tree-tree-warp" }, /* @__PURE__ */ React.createElement(
+    import_index.TreeView,
+    {
+      ...other,
+      treeData: state.treeData,
+      originalTreeData: state.originalTreeData,
+      flatTreeData: state.flatTreeData,
+      checkedValues: state.checkedValues,
+      defaultExpandAll,
+      innerExpandKeys: state == null ? void 0 : state.innerExpandKeys,
+      optionRender,
+      searchStr: state.searchStr,
+      showCodeName,
+      disabled: disabled || isView,
+      checkStrictly,
+      tags,
+      fieldNames,
+      onCheck,
+      onSelect: onSelectTreeNode
+    }
+  )), /* @__PURE__ */ React.createElement("div", { className: allValue || footer ? "pro-tree-footer-box" : "" }, /* @__PURE__ */ React.createElement("div", { className: "check-all-box" }, allValue !== void 0 ? /* @__PURE__ */ React.createElement(import_antd.Checkbox, { checked: state.checkAll, disabled, onChange: handleAllCheck }, (_l = (_k = import_locale.default) == null ? void 0 : _k.ProTree) == null ? void 0 : _l.all) : null), footer))));
 };
-var _default = exports.default = ProTree;
+var ProTree_default = ProTree;