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

package/es/ProTree/components/ProTree.js

@@ -1,34 +1,27 @@
-import "antd/es/checkbox/style";
-import _Checkbox from "antd/es/checkbox";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-import "antd/es/spin/style";
-import _Spin from "antd/es/spin";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-import "antd/es/message/style";
-import _message from "antd/es/message";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _isFunction from "lodash/isFunction";
-import _cloneDeep from "lodash/cloneDeep";
 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"];
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import classNames from 'classnames';
 import { CaretDownOutlined, Loading3QuartersOutlined } from '@ant-design/icons';
 import { useDeepCompareEffect, useSetState, useRequest as useRequestFunc } from 'ahooks';
+import { Checkbox, Input, message, Spin } from 'antd';
+import { cloneDeep, isFunction } from 'lodash';
 import { ReactSVG } from 'react-svg';
-import { useProConfig } from '../../ProConfigProvider';
-import { TreeView } from './index';
-import locale from '../../locale';
-import { getFlatTreeData, getChildrenKeys, findTreeNodeByKey, getAllKeys } from '../utils';
-import searchSVG from '../../assets/input-search.svg';
-import '../style/index.less';
+import { useProConfig } from "../../ProConfigProvider";
+import { TreeView } from "./index";
+import locale from "../../locale";
+import { getFlatTreeData, getChildrenKeys, findTreeNodeByKey, getAllKeys } from "../utils";
+import searchSVG from "../../assets/input-search.svg";
+import "../style/index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var ProTree = function ProTree(props) {
   var _props$otherProps, _props$otherProps2, _locale$ProTree, _state$innerExpandKey2, _state$innerExpandKey3, _locale$ProTree2, _locale$ProTree3, _locale$ProTree4;
   var _useProConfig = useProConfig('ProEnum'),
@@ -57,9 +50,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,
@@ -120,7 +113,7 @@ var ProTree = function ProTree(props) {
           msg = res.message,
           data = res.data;
         if (status !== 200) {
-          _message.error(msg);
+          message.error(msg);
           return;
         }
         var _flatTrees = getFlatTreeData(data, fieldNames);
@@ -141,7 +134,7 @@ var ProTree = function ProTree(props) {
       var allKey = getAllKeys(dataSource, fieldNames);
       setState({
         treeData: dataSource,
-        originalTreeData: _cloneDeep(dataSource),
+        originalTreeData: cloneDeep(dataSource),
         flatTreeData: getFlatTreeData(dataSource, fieldNames),
         allKeys: allKey
         // innerExpandKeys: props?.expandedKeys ? props?.expandedKeys : getDefaultExpandKeys(defaultExpandAll, allKey),
@@ -149,7 +142,7 @@ var ProTree = function ProTree(props) {
     } else if (enumCode) {
       var dictEnum = dics[enumCode] || [];
       // transform dictEnum
-      if (transformResponse && _isFunction(transformResponse)) {
+      if (transformResponse && isFunction(transformResponse)) {
         dictEnum = transformResponse(dictEnum);
       }
       // check dictEnum isArray
@@ -160,7 +153,7 @@ var ProTree = function ProTree(props) {
       var _allKey2 = getAllKeys(dictEnum, fieldNames);
       setState({
         treeData: dictEnum,
-        originalTreeData: _cloneDeep(dictEnum),
+        originalTreeData: cloneDeep(dictEnum),
         flatTreeData: getFlatTreeData(dictEnum, fieldNames),
         allKeys: getAllKeys(dictEnum, fieldNames)
         // innerExpandKeys: props?.expandedKeys ? props?.expandedKeys : getDefaultExpandKeys(defaultExpandAll, allKey),
@@ -229,20 +222,21 @@ var ProTree = function ProTree(props) {
   useEffect(function () {
     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]);
+
   /**
    * 复选事件处理函数，全选事件处理函数
    */
@@ -273,6 +267,7 @@ var ProTree = function ProTree(props) {
       onChange && onChange(values, options);
     }
   };
+
   // 该方法只有复选框，在勾中checkbox后才会走到这个方法
   var onCheck = function onCheck(checkedKeys, info) {
     var _info$node;
@@ -281,6 +276,7 @@ var ProTree = function ProTree(props) {
     }
     var checkedValues = _toConsumableArray(state.checkedValues);
     var originalTreeData = state.originalTreeData;
+
     // 此时应该取消掉自身并包含它所有的子集
     if (!info.checked && !checkStrictly) {
       // 1. 取消自身
@@ -290,6 +286,7 @@ var ProTree = function ProTree(props) {
       checkedValues = checkedValues.filter(function (key) {
         return !childrenkeys.includes(key);
       });
+
       // 3. 取消父节点
       var parentNodes = findTreeNodeByKey(originalTreeData, info.node.key, fieldNames);
       var parentKeys = parentNodes.reduce(function (prev, curr) {
@@ -319,12 +316,12 @@ 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 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(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) {
+    if (other !== null && other !== void 0 && other.onCheck) {
       other.onCheck(checkedKeys, {
         checked: info.checked,
         checkedNodes: info === null || info === void 0 ? void 0 : info.node,
@@ -343,6 +340,7 @@ var ProTree = function ProTree(props) {
       });
     }
   };
+
   /**
    * 全选操作,改变自身state并将值通过onchange上传到form
    */
@@ -358,9 +356,10 @@ var ProTree = function ProTree(props) {
     });
     handleFinish(allValue, checked, checkedValues, null);
   };
+
   /** 点击了树节点开始loading,改变自身state并将值通过onchange上传到form */
   var onSelectTreeNode = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(props, info) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(props, info) {
       var _options$;
       var values, options, option;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -397,7 +396,7 @@ var ProTree = function ProTree(props) {
             }
             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 {
@@ -419,13 +418,13 @@ var ProTree = function ProTree(props) {
   }, 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) {
+    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(function (item) {
         var val = item[fieldNameValue];
         expandKeys.push(val);
         return item;
@@ -435,50 +434,50 @@ var ProTree = function ProTree(props) {
       });
     }
   };
-  var antIcon = _jsx(Loading3QuartersOutlined, {
+  var antIcon = /*#__PURE__*/_jsx(Loading3QuartersOutlined, {
     style: {
       fontSize: 24
     },
     spin: true
   });
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: boxClass,
     style: style,
-    children: _jsx(_Spin, {
+    children: /*#__PURE__*/_jsx(Spin, {
       spinning: state.clickShowLoading,
       indicator: antIcon,
-      children: _jsxs("div", {
+      children: /*#__PURE__*/_jsxs("div", {
         className: "pro-tree-content",
-        children: [_jsxs("div", {
+        children: [/*#__PURE__*/_jsxs("div", {
           className: "pro-tree-header-box",
-          children: [showSearch && _jsx(_Input, {
+          children: [showSearch && /*#__PURE__*/_jsx(Input, {
             disabled: disabled,
             allowClear: true,
             value: state.searchStr,
-            placeholder: placeholder || (locale === null || locale === void 0 ? void 0 : (_locale$ProTree = locale.ProTree) === null || _locale$ProTree === void 0 ? void 0 : _locale$ProTree.inputPlaceholder),
+            placeholder: placeholder || (locale === null || locale === void 0 || (_locale$ProTree = locale.ProTree) === null || _locale$ProTree === void 0 ? void 0 : _locale$ProTree.inputPlaceholder),
             className: "pro-tree-search",
             onChange: onSearch,
-            prefix: _jsx(ReactSVG, {
+            prefix: /*#__PURE__*/_jsx(ReactSVG, {
               className: "viewSvg",
               src: searchSVG
             })
-          }), (title || showExpand) && _jsxs("div", {
+          }), (title || showExpand) && /*#__PURE__*/_jsxs("div", {
             className: "tree-title-box",
-            children: [_jsx("div", {
+            children: [/*#__PURE__*/_jsx("div", {
               className: "tree-title-text",
               children: title
-            }), showExpand && _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__*/_jsxs("div", {
+              className: "expand-button ".concat(state !== null && state !== void 0 && (_state$innerExpandKey2 = state.innerExpandKeys) !== null && _state$innerExpandKey2 !== void 0 && _state$innerExpandKey2.length ? 'expand' : ''),
               onClick: toggleExpand,
-              children: [_jsx("div", {
+              children: [/*#__PURE__*/_jsx("div", {
                 className: "expand-icon",
-                children: _jsx(CaretDownOutlined, {})
-              }), (state === null || state === void 0 ? void 0 : (_state$innerExpandKey3 = state.innerExpandKeys) === null || _state$innerExpandKey3 === void 0 ? void 0 : _state$innerExpandKey3.length) ? locale === null || locale === void 0 ? void 0 : (_locale$ProTree2 = locale.ProTree) === null || _locale$ProTree2 === void 0 ? void 0 : _locale$ProTree2.unExpand : locale === null || locale === void 0 ? void 0 : (_locale$ProTree3 = locale.ProTree) === null || _locale$ProTree3 === void 0 ? void 0 : _locale$ProTree3.expand]
+                children: /*#__PURE__*/_jsx(CaretDownOutlined, {})
+              }), state !== null && state !== void 0 && (_state$innerExpandKey3 = state.innerExpandKeys) !== null && _state$innerExpandKey3 !== void 0 && _state$innerExpandKey3.length ? locale === null || locale === void 0 || (_locale$ProTree2 = locale.ProTree) === null || _locale$ProTree2 === void 0 ? void 0 : _locale$ProTree2.unExpand : locale === null || locale === void 0 || (_locale$ProTree3 = locale.ProTree) === null || _locale$ProTree3 === void 0 ? void 0 : _locale$ProTree3.expand]
             })]
           })]
-        }), _jsx("div", {
+        }), /*#__PURE__*/_jsx("div", {
           className: "pro-tree-tree-warp",
-          children: _jsx(TreeView, _objectSpread(_objectSpread({}, other), {}, {
+          children: /*#__PURE__*/_jsx(TreeView, _objectSpread(_objectSpread({}, other), {}, {
             treeData: state.treeData,
             originalTreeData: state.originalTreeData,
             flatTreeData: state.flatTreeData,
@@ -495,15 +494,15 @@ var ProTree = function ProTree(props) {
             onCheck: onCheck,
             onSelect: onSelectTreeNode
           }))
-        }), _jsxs("div", {
+        }), /*#__PURE__*/_jsxs("div", {
           className: allValue || footer ? 'pro-tree-footer-box' : '',
-          children: [_jsx("div", {
+          children: [/*#__PURE__*/_jsx("div", {
             className: "check-all-box",
-            children: allValue !== undefined ? _jsx(_Checkbox, {
+            children: allValue !== undefined ? /*#__PURE__*/_jsx(Checkbox, {
               checked: state.checkAll,
               disabled: disabled,
               onChange: handleAllCheck,
-              children: locale === null || locale === void 0 ? void 0 : (_locale$ProTree4 = locale.ProTree) === null || _locale$ProTree4 === void 0 ? void 0 : _locale$ProTree4.all
+              children: locale === null || locale === void 0 || (_locale$ProTree4 = locale.ProTree) === null || _locale$ProTree4 === void 0 ? void 0 : _locale$ProTree4.all
             }) : null
           }), footer]
         })]