@zat-design/sisyphus-react 3.13.18 → 3.13.19-beta.10

package/lib/ProTree/components/List.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 require("antd/es/checkbox/style");
 var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _SearchTitle = _interopRequireDefault(require("./SearchTitle"));
 var _CloseIcon = _interopRequireDefault(require("./CloseIcon"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["checkedValues", "disabled", "treeData", "searchStr", "showCodeName", "mode", "fieldNames", "handleOnChange", "handleFilterClose", "optionRender"];
 function List(props) {
   var checkedValues = props.checkedValues,
@@ -30,25 +30,23 @@ function List(props) {
   var fieldNameLabel = fieldNames.label;
   var fieldNameValue = fieldNames.value;
   if (mode === 'render') {
-    return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: (0, _jsxRuntime.jsx)(_checkbox.default.Group, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default.Group, {
         disabled: disabled,
         style: {
           width: '100%'
         },
         value: checkedValues,
-        children: treeData.map(function (item) {
-          var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
-          return (0, _jsxRuntime.jsx)("div", {
+        children: treeData.map(item => {
+          var title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "pro-tree-checkbox-content",
-            children: (0, _jsxRuntime.jsx)(_checkbox.default, {
-              onChange: function onChange(e) {
-                return handleOnChange(e, item[fieldNameValue]);
-              },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
+              onChange: e => handleOnChange(e, item[fieldNameValue]),
               value: item[fieldNameValue],
               disabled: item.disabled,
-              children: (0, _jsxRuntime.jsx)("span", {
-                children: optionRender ? optionRender(item, searchStr) : (0, _jsxRuntime.jsx)(_SearchTitle.default, (0, _objectSpread2.default)({
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchTitle.default, (0, _objectSpread2.default)({
                   label: title,
                   searchStr: searchStr
                 }, other))
@@ -59,18 +57,16 @@ function List(props) {
       })
     });
   }
-  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: treeData.map(function (item) {
-      var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
-      return (0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: treeData.map(item => {
+      var title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "pro-tree-checkbox-content",
-        children: [(0, _jsxRuntime.jsx)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "pro-tree-checkbox-content-look",
           children: optionRender ? optionRender(item, searchStr) : title
-        }), disabled ? null : (0, _jsxRuntime.jsx)(_CloseIcon.default, {
-          onClick: function onClick() {
-            return handleFilterClose(item[fieldNameValue]);
-          }
+        }), disabled ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.default, {
+          onClick: () => handleFilterClose(item[fieldNameValue])
         })]
       }, item[fieldNames.value]);
     })

package/lib/ProTree/components/ProTree.js

@@ -5,29 +5,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("antd/es/spin/style");
+var _spin = _interopRequireDefault(require("antd/es/spin"));
 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 _lodash = require("lodash");
 var _reactSvg = require("react-svg");
 var _ProConfigProvider = require("../../ProConfigProvider");
 var _index = require("./index");
@@ -35,8 +30,9 @@ var _locale = _interopRequireDefault(require("../../locale"));
 var _utils = require("../utils");
 var _inputSearch = _interopRequireDefault(require("../../assets/input-search.svg"));
 require("../style/index.less");
+var _jsxRuntime = require("react/jsx-runtime");
 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 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,
@@ -64,9 +60,9 @@ var ProTree = function ProTree(props) {
       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,
+    disabled = _props$disabled === void 0 ? props.disabled || (props === null || props === void 0 || (_props$otherProps = props.otherProps) === null || _props$otherProps === void 0 ? void 0 : _props$otherProps.isView) || false : _props$disabled,
     _props$isView = props.isView,
-    isView = _props$isView === void 0 ? (props === null || props === void 0 ? void 0 : (_props$otherProps2 = props.otherProps) === null || _props$otherProps2 === void 0 ? void 0 : _props$otherProps2.isView) || false : _props$isView,
+    isView = _props$isView === void 0 ? (props === null || props === void 0 || (_props$otherProps2 = props.otherProps) === null || _props$otherProps2 === void 0 ? void 0 : _props$otherProps2.isView) || false : _props$isView,
     transformResponse = props.transformResponse,
     optionRender = props.optionRender,
     onSelect = props.onSelect,
@@ -100,7 +96,7 @@ var ProTree = function ProTree(props) {
     _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
     state = _useSetState2[0],
     setState = _useSetState2[1];
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (expandedKeys) {
       setState({
         innerExpandKeys: expandedKeys
@@ -109,7 +105,7 @@ var ProTree = function ProTree(props) {
   }, [expandedKeys]);
   var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)({
     manual: true,
-    onSuccess: function onSuccess(res) {
+    onSuccess: res => {
       if (transformResponse && typeof transformResponse === 'function') {
         var responseData = transformResponse(res);
         var flatTrees = (0, _utils.getFlatTreeData)(responseData, fieldNames);
@@ -143,12 +139,12 @@ var ProTree = function ProTree(props) {
     },
     debounceWait: 300
   }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
-  (0, _ahooks.useDeepCompareEffect)(function () {
+  (0, _ahooks.useDeepCompareEffect)(() => {
     if (dataSource && dataSource.length) {
       var allKey = (0, _utils.getAllKeys)(dataSource, fieldNames);
       setState({
         treeData: dataSource,
-        originalTreeData: (0, _cloneDeep2.default)(dataSource),
+        originalTreeData: (0, _lodash.cloneDeep)(dataSource),
         flatTreeData: (0, _utils.getFlatTreeData)(dataSource, fieldNames),
         allKeys: allKey
         // innerExpandKeys: props?.expandedKeys ? props?.expandedKeys : getDefaultExpandKeys(defaultExpandAll, allKey),
@@ -156,7 +152,7 @@ var ProTree = function ProTree(props) {
     } else if (enumCode) {
       var dictEnum = dics[enumCode] || [];
       // transform dictEnum
-      if (transformResponse && (0, _isFunction2.default)(transformResponse)) {
+      if (transformResponse && (0, _lodash.isFunction)(transformResponse)) {
         dictEnum = transformResponse(dictEnum);
       }
       // check dictEnum isArray
@@ -167,14 +163,14 @@ var ProTree = function ProTree(props) {
       var _allKey2 = (0, _utils.getAllKeys)(dictEnum, fieldNames);
       setState({
         treeData: dictEnum,
-        originalTreeData: (0, _cloneDeep2.default)(dictEnum),
+        originalTreeData: (0, _lodash.cloneDeep)(dictEnum),
         flatTreeData: (0, _utils.getFlatTreeData)(dictEnum, fieldNames),
         allKeys: (0, _utils.getAllKeys)(dictEnum, fieldNames)
         // innerExpandKeys: props?.expandedKeys ? props?.expandedKeys : getDefaultExpandKeys(defaultExpandAll, allKey),
       });
     }
   }, [dataSource, enumCode]);
-  (0, _ahooks.useDeepCompareEffect)(function () {
+  (0, _ahooks.useDeepCompareEffect)(() => {
     if (enumCode || dataSource) {
       return undefined;
     }
@@ -188,7 +184,7 @@ var ProTree = function ProTree(props) {
     // 执行用户配置的枚举服务，拉取枚举数据进行更新
     fetchFunction.run(params);
   }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options]);
-  var handleSignalSelect = function handleSignalSelect(value) {
+  var handleSignalSelect = value => {
     var checkedValues = [];
     var innerVal = value;
     if (labelInValue) {
@@ -198,10 +194,10 @@ var ProTree = function ProTree(props) {
       checkedValues = innerVal;
     }
     setState({
-      checkedValues: checkedValues
+      checkedValues
     });
   };
-  var handleCheckSelect = function handleCheckSelect(allKeys) {
+  var handleCheckSelect = allKeys => {
     var checkedValues = [];
     if (allValue && typeof value === 'string') {
       // 如果value等于allValue那么全选中，否则选中value得值
@@ -214,108 +210,96 @@ var ProTree = function ProTree(props) {
       var innerVal = value;
       // 开启 labelInValue [{ label:xx, value: ""}] 形式、需要取出来 value
       if (labelInValue) {
-        var isObjectArray = innerVal && innerVal.every(function (element) {
-          return (0, _typeof2.default)(element) === 'object' && element !== null;
-        });
+        var isObjectArray = innerVal && innerVal.every(element => typeof element === 'object' && element !== null);
         if (!isObjectArray) {
           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, _react.useEffect)(() => {
     if (value) {
       var allKeys = state.allKeys;
-      if (!(other === null || other === void 0 ? void 0 : other.checkable)) {
+      if (!(other !== null && other !== void 0 && other.checkable)) {
         // 单选
         handleSignalSelect(value);
       } else {
         // 复选
         handleCheckSelect(allKeys);
       }
-    } else if (!(other === null || other === void 0 ? void 0 : other.checkable)) {
+    } else if (!(other !== null && other !== void 0 && other.checkable)) {
       // 单选--场景-->如果表单的value没有值，那么配置的selectedKey就起作用了，选中树节点
       setState({
         checkedValues: props === null || props === void 0 ? void 0 : props.selectedKey
       });
     }
   }, [value, state.allKeys]);
+
   /**
    * 复选事件处理函数，全选事件处理函数
    */
-  var handleFinish = function handleFinish(allValue, checkAll, checkedValues, checkedNode) {
+  var handleFinish = (allValue, checkAll, checkedValues, checkedNode) => {
     if (disabled || isView) {
       return null;
     }
     // 全选的时候返回 allValue 标记即可
     setState({
-      checkedValues: checkedValues
+      checkedValues
     });
     if (allValue !== undefined && checkAll) {
       onChange && onChange(allValue);
     } else {
       var values = checkedValues;
-      var options = state.flatTreeData.filter(function (item) {
-        return values.includes(item[fieldNameValue]);
-      });
+      var 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'];
       }
       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 onCheck = (checkedKeys, info) => {
     var _info$node;
     if (disabled || isView) {
       return null;
     }
-    var checkedValues = (0, _toConsumableArray2.default)(state.checkedValues);
+    var checkedValues = [...state.checkedValues];
     var originalTreeData = state.originalTreeData;
+
     // 此时应该取消掉自身并包含它所有的子集
     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);
-      });
+      checkedValues = checkedValues.filter(key => !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);
-      });
+      var 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) {
+      checkedKeys.forEach(key => {
         var exist = checkedValues.includes(key);
         if (info.checked && !exist) {
           checkedValues.push(key);
@@ -326,12 +310,10 @@ var ProTree = function ProTree(props) {
     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];
-    });
+    var checkNodeValue = info === null || info === void 0 || (_info$node = info.node) === null || _info$node === void 0 ? void 0 : _info$node[fieldNameValue];
+    var options = state.flatTreeData.filter(item => 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) {
+    if (other !== null && other !== void 0 && other.onCheck) {
       other.onCheck(checkedKeys, {
         checked: info.checked,
         checkedNodes: info === null || info === void 0 ? void 0 : info.node,
@@ -339,7 +321,7 @@ var ProTree = function ProTree(props) {
       });
     }
   };
-  var onSearch = function onSearch(e) {
+  var onSearch = e => {
     var str = e.target.value;
     setState({
       searchStr: str
@@ -350,10 +332,11 @@ var ProTree = function ProTree(props) {
       });
     }
   };
+
   /**
    * 全选操作,改变自身state并将值通过onchange上传到form
    */
-  var handleAllCheck = function handleAllCheck(e) {
+  var handleAllCheck = e => {
     if (disabled || isView) {
       return null;
     }
@@ -365,9 +348,10 @@ var ProTree = function ProTree(props) {
     });
     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 _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) {
@@ -394,17 +378,13 @@ var ProTree = function ProTree(props) {
             });
           case 7:
             values = props;
-            options = state.flatTreeData.filter(function (item) {
-              return values === item[fieldNameValue];
-            });
+            options = state.flatTreeData.filter(item => values === item[fieldNameValue]);
             if (labelInValue) {
-              values = state.flatTreeData.filter(function (item) {
-                return values === item[fieldNameValue];
-              });
+              values = state.flatTreeData.filter(item => 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)) {
+            if (!(other !== null && other !== void 0 && other.checkable)) {
               // 单选将选中节点值冒泡到form, 给onFieldChange添加options
               onChange && onChange(values, option);
             } else {
@@ -420,19 +400,20 @@ var ProTree = function ProTree(props) {
       return _ref2.apply(this, arguments);
     };
   }();
-  var boxClass = (0, _classnames.default)((0, _defineProperty2.default)({
+  var boxClass = (0, _classnames.default)({
     'pro-tree': true,
-    'footer-shadow': footer
-  }, className, className));
-  var toggleExpand = function toggleExpand() {
+    'footer-shadow': footer,
+    [className]: className
+  });
+  var 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) {
+    if (state !== null && state !== void 0 && (_state$innerExpandKey = state.innerExpandKeys) !== null && _state$innerExpandKey !== void 0 && _state$innerExpandKey.length) {
       setState({
         innerExpandKeys: []
       });
     } else {
       var expandKeys = [];
-      state === null || state === void 0 ? void 0 : state.flatTreeData.map(function (item) {
+      state === null || state === void 0 || state.flatTreeData.map(item => {
         var val = item[fieldNameValue];
         expandKeys.push(val);
         return item;
@@ -442,50 +423,50 @@ var ProTree = function ProTree(props) {
       });
     }
   };
-  var antIcon = (0, _jsxRuntime.jsx)(_icons.Loading3QuartersOutlined, {
+  var antIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Loading3QuartersOutlined, {
     style: {
       fontSize: 24
     },
     spin: true
   });
-  return (0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: boxClass,
     style: style,
-    children: (0, _jsxRuntime.jsx)(_spin.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
       spinning: state.clickShowLoading,
       indicator: antIcon,
-      children: (0, _jsxRuntime.jsxs)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "pro-tree-content",
-        children: [(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "pro-tree-header-box",
-          children: [showSearch && (0, _jsxRuntime.jsx)(_input.default, {
+          children: [showSearch && /*#__PURE__*/(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),
+            placeholder: placeholder || (_locale.default === null || _locale.default === 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, {
+            prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
               className: "viewSvg",
               src: _inputSearch.default
             })
-          }), (title || showExpand) && (0, _jsxRuntime.jsxs)("div", {
+          }), (title || showExpand) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "tree-title-box",
-            children: [(0, _jsxRuntime.jsx)("div", {
+            children: [/*#__PURE__*/(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' : ''),
+            }), showExpand && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: `expand-button ${state !== null && state !== void 0 && (_state$innerExpandKey2 = state.innerExpandKeys) !== null && _state$innerExpandKey2 !== void 0 && _state$innerExpandKey2.length ? 'expand' : ''}`,
               onClick: toggleExpand,
-              children: [(0, _jsxRuntime.jsx)("div", {
+              children: [/*#__PURE__*/(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]
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CaretDownOutlined, {})
+              }), state !== null && state !== void 0 && (_state$innerExpandKey3 = state.innerExpandKeys) !== null && _state$innerExpandKey3 !== void 0 && _state$innerExpandKey3.length ? _locale.default === null || _locale.default === void 0 || (_locale$ProTree2 = _locale.default.ProTree) === null || _locale$ProTree2 === void 0 ? void 0 : _locale$ProTree2.unExpand : _locale.default === null || _locale.default === void 0 || (_locale$ProTree3 = _locale.default.ProTree) === null || _locale$ProTree3 === void 0 ? void 0 : _locale$ProTree3.expand]
             })]
           })]
-        }), (0, _jsxRuntime.jsx)("div", {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "pro-tree-tree-warp",
-          children: (0, _jsxRuntime.jsx)(_index.TreeView, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, other), {}, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TreeView, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, other), {}, {
             treeData: state.treeData,
             originalTreeData: state.originalTreeData,
             flatTreeData: state.flatTreeData,
@@ -502,15 +483,15 @@ var ProTree = function ProTree(props) {
             onCheck: onCheck,
             onSelect: onSelectTreeNode
           }))
-        }), (0, _jsxRuntime.jsxs)("div", {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: allValue || footer ? 'pro-tree-footer-box' : '',
-          children: [(0, _jsxRuntime.jsx)("div", {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "check-all-box",
-            children: allValue !== undefined ? (0, _jsxRuntime.jsx)(_checkbox.default, {
+            children: allValue !== undefined ? /*#__PURE__*/(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
+              children: _locale.default === null || _locale.default === void 0 || (_locale$ProTree4 = _locale.default.ProTree) === null || _locale$ProTree4 === void 0 ? void 0 : _locale$ProTree4.all
             }) : null
           }), footer]
         })]