@zat-design/sisyphus-react 3.13.19-beta.6 → 3.13.19-beta.7

package/lib/ProTreeModal/components/Tree.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,12 +11,12 @@ var _tree = _interopRequireDefault(require("antd/es/tree"));
 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 _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _List = _interopRequireDefault(require("./List"));
 var _SearchTitle = _interopRequireDefault(require("./SearchTitle"));
 var _CloseIcon = _interopRequireDefault(require("./CloseIcon"));
 var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["checkedValues", "disabled", "treeData", "searchStr", "originalTreeData", "showCodeName", "checkStrictly", "flatTreeData", "mode", "fieldNames", "tags", "onCheck", "handleFilterClose", "optionRender"];
 /* eslint-disable no-plusplus */
 var tagsBgColors = ['rgba(0, 106, 255,0.16)', 'rgba(0, 196, 74,0.16)', 'rgba(255, 140, 0,0.16)', 'rgba(255, 80, 80,0.16)', 'rgba(97, 97, 97, 0.16)'];
@@ -49,65 +50,63 @@ function List(props, ref) {
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     autoExpandParent = _useState4[0],
     setAutoExpandParent = _useState4[1];
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (searchStr) {
-      var newExpandedKeys = flatTreeData.map(function (item) {
+      var newExpandedKeys = flatTreeData.map(item => {
         var title = item[fieldNameValue] + item[fieldNameLabel];
         if ((title === null || title === void 0 ? void 0 : title.indexOf(searchStr)) > -1) {
           return (0, _utils.getParentKey)(item[fieldNameValue], originalTreeData, fieldNames);
         }
         return null;
-      }).filter(function (item, i, self) {
-        return item && self.indexOf(item) === i;
-      });
+      }).filter((item, i, self) => item && self.indexOf(item) === i);
       setExpandedKeys(newExpandedKeys);
       setAutoExpandParent(true);
     }
   }, [searchStr]);
-  var _treeData = (0, _react.useMemo)(function () {
+  var _treeData = (0, _react.useMemo)(() => {
     function fn() {
-      var _loop = function loop(data, index) {
+      var loop = (data, index) => {
         index++;
-        return data.map(function (item) {
-          var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
+        return data.map(item => {
+          var title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
           if (item[fieldNames.children]) {
             return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-              title: (0, _jsxRuntime.jsxs)("div", {
+              title: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
                 className: "pro-tree-modal-tree-node",
-                children: [tags && tags.length ? (0, _jsxRuntime.jsx)("div", {
+                children: [tags && tags.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                   className: "pro-tree-modal-tree-node-tag",
                   style: {
                     backgroundColor: tagsBgColors[index],
                     color: tagsColors[index]
                   },
-                  children: (0, _jsxRuntime.jsx)("span", {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                     children: tags[index]
                   })
-                }) : null, (0, _jsxRuntime.jsx)("span", {
-                  children: optionRender ? optionRender(item, searchStr) : (0, _jsxRuntime.jsx)(_SearchTitle.default, {
+                }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                  children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchTitle.default, {
                     label: title,
                     searchStr: searchStr
                   })
                 })]
               }),
               key: item[fieldNameValue],
-              children: _loop(item[fieldNames.children], index)
+              children: loop(item[fieldNames.children], index)
             });
           }
           return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-            title: (0, _jsxRuntime.jsxs)("div", {
+            title: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               className: "pro-tree-modal-tree-node",
-              children: [tags && tags.length ? (0, _jsxRuntime.jsx)("div", {
+              children: [tags && tags.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: "pro-tree-modal-tree-node-tag",
                 style: {
                   backgroundColor: tagsBgColors[index],
                   color: tagsColors[index]
                 },
-                children: (0, _jsxRuntime.jsx)("span", {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                   children: tags[index]
                 })
-              }) : null, (0, _jsxRuntime.jsx)("span", {
-                children: optionRender ? optionRender(item, searchStr) : (0, _jsxRuntime.jsx)(_SearchTitle.default, {
+              }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchTitle.default, {
                   label: title,
                   searchStr: searchStr
                 })
@@ -124,67 +123,63 @@ function List(props, ref) {
       if (searchStr) {
         newTreeData = (0, _utils.filterCheckedNodes)(originalTreeData, [], searchStr, fieldNames);
       }
-      return _loop(newTreeData, -1);
+      return loop(newTreeData, -1);
     }
     return fn();
   }, [searchStr, expandedKeys, showCodeName]);
-  var treeViewData = (0, _react.useMemo)(function () {
-    var _loop2 = function loop(data, index) {
+  var treeViewData = (0, _react.useMemo)(() => {
+    var loop = (data, index) => {
       index++;
-      return data.map(function (item) {
-        var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
+      return data.map(item => {
+        var title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
         if (item[fieldNames.children]) {
           return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-            title: (0, _jsxRuntime.jsxs)("div", {
+            title: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               className: "pro-tree-modal-checkbox-content pro-tree-modal-tree-content",
-              children: [(0, _jsxRuntime.jsxs)("div", {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
                 className: "pro-tree-modal-checkbox-content-look pro-tree-modal-tree-node",
-                children: [tags && tags.length ? (0, _jsxRuntime.jsx)("div", {
+                children: [tags && tags.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                   className: "pro-tree-modal-tree-node-tag",
                   style: {
                     backgroundColor: tagsBgColors[index],
                     color: tagsColors[index]
                   },
-                  children: (0, _jsxRuntime.jsx)("span", {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                     children: tags[index]
                   })
-                }) : null, (0, _jsxRuntime.jsx)("span", {
+                }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                   children: optionRender ? optionRender(item) : title
                 })]
-              }), disabled ? null : (0, _jsxRuntime.jsx)(_CloseIcon.default, {
-                onClick: function onClick() {
-                  return handleFilterClose(item[fieldNameValue], item);
-                }
+              }), disabled ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.default, {
+                onClick: () => handleFilterClose(item[fieldNameValue], item)
               })]
             }),
             key: item[fieldNameValue],
-            children: _loop2(item[fieldNames.children], index)
+            children: loop(item[fieldNames.children], index)
           });
         }
         return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-          title: (0, _jsxRuntime.jsxs)("div", {
+          title: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "pro-tree-modal-checkbox-content pro-tree-modal-tree-content",
-            children: [(0, _jsxRuntime.jsx)("div", {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: "pro-tree-modal-checkbox-content-look",
               children: optionRender ? optionRender(item) : title
-            }), disabled ? null : (0, _jsxRuntime.jsx)(_CloseIcon.default, {
-              onClick: function onClick() {
-                return handleFilterClose(item[fieldNameValue], item);
-              }
+            }), disabled ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.default, {
+              onClick: () => handleFilterClose(item[fieldNameValue], item)
             })]
           }),
           key: item[fieldNameValue]
         });
       });
     };
-    return _loop2(treeData, -1);
+    return loop(treeData, -1);
   }, [treeData]);
-  var onExpand = function onExpand(newExpandedKeys) {
+  var onExpand = newExpandedKeys => {
     setExpandedKeys(newExpandedKeys);
     setAutoExpandParent(false);
   };
   if (mode === 'render') {
-    return (0, _jsxRuntime.jsx)(_tree.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tree.default, {
       disabled: disabled,
       style: {
         width: '100%'
@@ -201,8 +196,8 @@ function List(props, ref) {
       height: 432
     });
   }
-  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: checkStrictly ? (0, _jsxRuntime.jsx)(_List.default, (0, _objectSpread2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: checkStrictly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, (0, _objectSpread2.default)({
       mode: mode,
       treeData: treeData,
       searchStr: searchStr,
@@ -211,7 +206,7 @@ function List(props, ref) {
       showCodeName: showCodeName,
       disabled: disabled,
       ref: ref
-    }, restProps)) : (0, _jsxRuntime.jsx)(_tree.default, {
+    }, restProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tree.default, {
       style: {
         width: '100%'
       },

package/lib/ProTreeModal/components/Trigger.js

@@ -8,13 +8,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 require("antd/es/input/style");
 var _input = _interopRequireDefault(require("antd/es/input"));
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
 require("antd/es/select/style");
 var _select = _interopRequireDefault(require("antd/es/select"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _icons = require("@ant-design/icons");
@@ -22,6 +21,7 @@ var _reactSvg = require("react-svg");
 var _ahooks = require("ahooks");
 var _locale = _interopRequireWildcard(require("../../locale"));
 var _view = _interopRequireDefault(require("../../assets/view.svg"));
+var _jsxRuntime = require("react/jsx-runtime");
 function Trigger(props) {
   var _locale$ProTreeModal2, _locale$ProTreeModal3;
   var value = props.value,
@@ -55,7 +55,7 @@ function Trigger(props) {
     _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
     state = _useSetState2[0],
     setState = _useSetState2[1];
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (allValue === value && appoint) {
       setState({
         mode: 'all'
@@ -66,7 +66,7 @@ function Trigger(props) {
       });
     }
   }, [checkAll]);
-  var onIconClick = function onIconClick() {
+  var onIconClick = () => {
     if (appoint && state.mode === 'all') {
       return;
     }
@@ -74,17 +74,17 @@ function Trigger(props) {
   };
   if (isView) {
     var _locale$ProTreeModal;
-    return (0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "pro-tree-modal-isView",
-      children: [(0, _jsxRuntime.jsx)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         children: checkedValues.length === 0 ? '-' : state.mode === 'all' ? (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : _locale.default.ProTreeModal.checkAll1, {
           all: label
-        }) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal = _locale.default.ProTreeModal) === null || _locale$ProTreeModal === void 0 ? void 0 : _locale$ProTreeModal.checkNumber, {
+        }) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal = _locale.default.ProTreeModal) === null || _locale$ProTreeModal === void 0 ? void 0 : _locale$ProTreeModal.checkNumber, {
           num: checkedValues.length
         })
-      }), (0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-enum-input-addonAfter",
-        children: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
           className: "pro-tree-modal-view-svg",
           src: _view.default,
           onClick: onIconClick
@@ -92,22 +92,22 @@ function Trigger(props) {
       })]
     });
   }
-  var onAppointChange = function onAppointChange(value) {
+  var onAppointChange = value => {
     setState({
       mode: value
     });
     if (value === 'all') {
-      appointChange === null || appointChange === void 0 ? void 0 : appointChange(true);
+      appointChange === null || appointChange === void 0 || appointChange(true);
     } else {
-      appointChange === null || appointChange === void 0 ? void 0 : appointChange(false);
+      appointChange === null || appointChange === void 0 || appointChange(false);
     }
   };
-  var TriggerComponent = function TriggerComponent(props) {
+  var TriggerComponent = props => {
     if (appoint) {
-      return (0, _jsxRuntime.jsxs)(_space.default.Compact, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default.Compact, {
         block: true,
         style: (0, _objectSpread2.default)({}, triggerStyle),
-        children: [(0, _jsxRuntime.jsxs)(_select.default, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_select.default, {
           style: {
             width: 'auto'
           },
@@ -116,11 +116,11 @@ function Trigger(props) {
           defaultValue: "appoint",
           value: state.mode,
           onChange: onAppointChange,
-          children: [(0, _jsxRuntime.jsx)(_select.default.Option, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_select.default.Option, {
             value: "all",
             disabled: allDisabled,
             children: _locale.default === null || _locale.default === void 0 ? void 0 : _locale.default.ProTreeModal.specifyMode[0]
-          }), (0, _jsxRuntime.jsx)(_select.default.Option, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_select.default.Option, {
             value: "appoint",
             disabled: specifyDisabled,
             children: _locale.default === null || _locale.default === void 0 ? void 0 : _locale.default.ProTreeModal.specifyMode[1]
@@ -130,29 +130,29 @@ function Trigger(props) {
     }
     return props.children;
   };
-  return (0, _jsxRuntime.jsx)(TriggerComponent, {
-    children: (0, _jsxRuntime.jsx)(_input.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TriggerComponent, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
       className: (0, _classnames.default)(afterDisabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
       onClick: handleClick,
       value: checkedValues.length === 0 ? null : state.mode === 'all' ? (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : _locale.default.ProTreeModal.checkAll1, {
         all: label
-      }) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal2 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.checkNumber, {
+      }) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal2 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.checkNumber, {
         num: checkedValues.length
       }),
-      addonAfter: state.mode === 'all' ? null : (0, _jsxRuntime.jsxs)("div", {
+      addonAfter: state.mode === 'all' ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "pro-enum-input-addonAfter",
-        children: [checkedValues.length > 0 && !afterDisabled && (0, _jsxRuntime.jsx)("span", {
+        children: [checkedValues.length > 0 && !afterDisabled && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "close-icon",
-          children: (0, _jsxRuntime.jsx)(_icons.CloseOutlined, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {
             onClick: handleClearAll
           })
-        }), (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
           className: "pro-tree-modal-view-svg",
           src: _view.default,
           onClick: onIconClick
         })]
       }),
-      placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal3 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.select,
+      placeholder: _locale.default === null || _locale.default === void 0 || (_locale$ProTreeModal3 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.select,
       disabled: afterDisabled || state.mode === 'all',
       style: (0, _objectSpread2.default)({}, triggerStyle)
     })