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

package/es/ProTreeModal/components/Tree.js

@@ -4,13 +4,15 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["checkedValues", "disabled", "treeData", "searchStr", "originalTreeData", "showCodeName", "checkStrictly", "flatTreeData", "mode", "fieldNames", "tags", "onCheck", "handleFilterClose", "optionRender"];
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable no-plusplus */
-import { forwardRef, useEffect, useMemo, useState } from 'react';
-import ListComponent from './List';
-import SearchTitle from './SearchTitle';
-import CloseIcon from './CloseIcon';
-import { filterCheckedNodes, getParentKey } from '../utils';
+import React, { forwardRef, useEffect, useMemo, useState } from 'react';
+import ListComponent from "./List";
+import SearchTitle from "./SearchTitle";
+import CloseIcon from "./CloseIcon";
+import { filterCheckedNodes, getParentKey } from "../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 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)'];
 var tagsColors = ['#006AFF', '#00C44A', '#FF8C00', '#FF5050', '#616161'];
 function List(props, ref) {
@@ -42,65 +44,63 @@ function List(props, ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     autoExpandParent = _useState4[0],
     setAutoExpandParent = _useState4[1];
-  useEffect(function () {
+  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 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 = useMemo(function () {
+  var _treeData = 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 _objectSpread(_objectSpread({}, item), {}, {
-              title: _jsxs("div", {
+              title: /*#__PURE__*/_jsxs("div", {
                 className: "pro-tree-modal-tree-node",
-                children: [tags && tags.length ? _jsx("div", {
+                children: [tags && tags.length ? /*#__PURE__*/_jsx("div", {
                   className: "pro-tree-modal-tree-node-tag",
                   style: {
                     backgroundColor: tagsBgColors[index],
                     color: tagsColors[index]
                   },
-                  children: _jsx("span", {
+                  children: /*#__PURE__*/_jsx("span", {
                     children: tags[index]
                   })
-                }) : null, _jsx("span", {
-                  children: optionRender ? optionRender(item, searchStr) : _jsx(SearchTitle, {
+                }) : null, /*#__PURE__*/_jsx("span", {
+                  children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, {
                     label: title,
                     searchStr: searchStr
                   })
                 })]
               }),
               key: item[fieldNameValue],
-              children: _loop(item[fieldNames.children], index)
+              children: loop(item[fieldNames.children], index)
             });
           }
           return _objectSpread(_objectSpread({}, item), {}, {
-            title: _jsxs("div", {
+            title: /*#__PURE__*/_jsxs("div", {
               className: "pro-tree-modal-tree-node",
-              children: [tags && tags.length ? _jsx("div", {
+              children: [tags && tags.length ? /*#__PURE__*/_jsx("div", {
                 className: "pro-tree-modal-tree-node-tag",
                 style: {
                   backgroundColor: tagsBgColors[index],
                   color: tagsColors[index]
                 },
-                children: _jsx("span", {
+                children: /*#__PURE__*/_jsx("span", {
                   children: tags[index]
                 })
-              }) : null, _jsx("span", {
-                children: optionRender ? optionRender(item, searchStr) : _jsx(SearchTitle, {
+              }) : null, /*#__PURE__*/_jsx("span", {
+                children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, {
                   label: title,
                   searchStr: searchStr
                 })
@@ -117,67 +117,63 @@ function List(props, ref) {
       if (searchStr) {
         newTreeData = filterCheckedNodes(originalTreeData, [], searchStr, fieldNames);
       }
-      return _loop(newTreeData, -1);
+      return loop(newTreeData, -1);
     }
     return fn();
   }, [searchStr, expandedKeys, showCodeName]);
-  var treeViewData = useMemo(function () {
-    var _loop2 = function loop(data, index) {
+  var treeViewData = 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 _objectSpread(_objectSpread({}, item), {}, {
-            title: _jsxs("div", {
+            title: /*#__PURE__*/_jsxs("div", {
               className: "pro-tree-modal-checkbox-content pro-tree-modal-tree-content",
-              children: [_jsxs("div", {
+              children: [/*#__PURE__*/_jsxs("div", {
                 className: "pro-tree-modal-checkbox-content-look pro-tree-modal-tree-node",
-                children: [tags && tags.length ? _jsx("div", {
+                children: [tags && tags.length ? /*#__PURE__*/_jsx("div", {
                   className: "pro-tree-modal-tree-node-tag",
                   style: {
                     backgroundColor: tagsBgColors[index],
                     color: tagsColors[index]
                   },
-                  children: _jsx("span", {
+                  children: /*#__PURE__*/_jsx("span", {
                     children: tags[index]
                   })
-                }) : null, _jsx("span", {
+                }) : null, /*#__PURE__*/_jsx("span", {
                   children: optionRender ? optionRender(item) : title
                 })]
-              }), disabled ? null : _jsx(CloseIcon, {
-                onClick: function onClick() {
-                  return handleFilterClose(item[fieldNameValue], item);
-                }
+              }), disabled ? null : /*#__PURE__*/_jsx(CloseIcon, {
+                onClick: () => handleFilterClose(item[fieldNameValue], item)
               })]
             }),
             key: item[fieldNameValue],
-            children: _loop2(item[fieldNames.children], index)
+            children: loop(item[fieldNames.children], index)
           });
         }
         return _objectSpread(_objectSpread({}, item), {}, {
-          title: _jsxs("div", {
+          title: /*#__PURE__*/_jsxs("div", {
             className: "pro-tree-modal-checkbox-content pro-tree-modal-tree-content",
-            children: [_jsx("div", {
+            children: [/*#__PURE__*/_jsx("div", {
               className: "pro-tree-modal-checkbox-content-look",
               children: optionRender ? optionRender(item) : title
-            }), disabled ? null : _jsx(CloseIcon, {
-              onClick: function onClick() {
-                return handleFilterClose(item[fieldNameValue], item);
-              }
+            }), disabled ? null : /*#__PURE__*/_jsx(CloseIcon, {
+              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 _jsx(_Tree, {
+    return /*#__PURE__*/_jsx(_Tree, {
       disabled: disabled,
       style: {
         width: '100%'
@@ -194,8 +190,8 @@ function List(props, ref) {
       height: 432
     });
   }
-  return _jsx(_Fragment, {
-    children: checkStrictly ? _jsx(ListComponent, _objectSpread({
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: checkStrictly ? /*#__PURE__*/_jsx(ListComponent, _objectSpread({
       mode: mode,
       treeData: treeData,
       searchStr: searchStr,
@@ -204,7 +200,7 @@ function List(props, ref) {
       showCodeName: showCodeName,
       disabled: disabled,
       ref: ref
-    }, restProps)) : _jsx(_Tree, {
+    }, restProps)) : /*#__PURE__*/_jsx(_Tree, {
       style: {
         width: '100%'
       },

package/es/ProTreeModal/components/Trigger.js

@@ -1,19 +1,20 @@
 import "antd/es/input/style";
 import _Input from "antd/es/input";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
 import "antd/es/select/style";
 import _Select from "antd/es/select";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import classNames from 'classnames';
 import { CloseOutlined } from '@ant-design/icons';
 import { ReactSVG } from 'react-svg';
 import { useSetState } from 'ahooks';
-import locale, { formatMessage } from '../../locale';
-import viewSvg from '../../assets/view.svg';
+import locale, { formatMessage } from "../../locale";
+import viewSvg from "../../assets/view.svg";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function Trigger(props) {
   var _locale$ProTreeModal2, _locale$ProTreeModal3;
   var value = props.value,
@@ -47,7 +48,7 @@ function Trigger(props) {
     _useSetState2 = _slicedToArray(_useSetState, 2),
     state = _useSetState2[0],
     setState = _useSetState2[1];
-  useEffect(function () {
+  useEffect(() => {
     if (allValue === value && appoint) {
       setState({
         mode: 'all'
@@ -58,7 +59,7 @@ function Trigger(props) {
       });
     }
   }, [checkAll]);
-  var onIconClick = function onIconClick() {
+  var onIconClick = () => {
     if (appoint && state.mode === 'all') {
       return;
     }
@@ -66,17 +67,17 @@ function Trigger(props) {
   };
   if (isView) {
     var _locale$ProTreeModal;
-    return _jsxs("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: "pro-tree-modal-isView",
-      children: [_jsx("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         children: checkedValues.length === 0 ? '-' : state.mode === 'all' ? formatMessage(locale === null || locale === void 0 ? void 0 : locale.ProTreeModal.checkAll1, {
           all: label
-        }) : formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal = locale.ProTreeModal) === null || _locale$ProTreeModal === void 0 ? void 0 : _locale$ProTreeModal.checkNumber, {
+        }) : formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal = locale.ProTreeModal) === null || _locale$ProTreeModal === void 0 ? void 0 : _locale$ProTreeModal.checkNumber, {
           num: checkedValues.length
         })
-      }), _jsx("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: "pro-enum-input-addonAfter",
-        children: _jsx(ReactSVG, {
+        children: /*#__PURE__*/_jsx(ReactSVG, {
           className: "pro-tree-modal-view-svg",
           src: viewSvg,
           onClick: onIconClick
@@ -84,22 +85,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 _jsxs(_Space.Compact, {
+      return /*#__PURE__*/_jsxs(_Space.Compact, {
         block: true,
         style: _objectSpread({}, triggerStyle),
-        children: [_jsxs(_Select, {
+        children: [/*#__PURE__*/_jsxs(_Select, {
           style: {
             width: 'auto'
           },
@@ -108,11 +109,11 @@ function Trigger(props) {
           defaultValue: "appoint",
           value: state.mode,
           onChange: onAppointChange,
-          children: [_jsx(_Select.Option, {
+          children: [/*#__PURE__*/_jsx(_Select.Option, {
             value: "all",
             disabled: allDisabled,
             children: locale === null || locale === void 0 ? void 0 : locale.ProTreeModal.specifyMode[0]
-          }), _jsx(_Select.Option, {
+          }), /*#__PURE__*/_jsx(_Select.Option, {
             value: "appoint",
             disabled: specifyDisabled,
             children: locale === null || locale === void 0 ? void 0 : locale.ProTreeModal.specifyMode[1]
@@ -122,29 +123,29 @@ function Trigger(props) {
     }
     return props.children;
   };
-  return _jsx(TriggerComponent, {
-    children: _jsx(_Input, {
+  return /*#__PURE__*/_jsx(TriggerComponent, {
+    children: /*#__PURE__*/_jsx(_Input, {
       className: classNames(afterDisabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
       onClick: handleClick,
       value: checkedValues.length === 0 ? null : state.mode === 'all' ? formatMessage(locale === null || locale === void 0 ? void 0 : locale.ProTreeModal.checkAll1, {
         all: label
-      }) : formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal2 = locale.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.checkNumber, {
+      }) : formatMessage(locale === null || locale === void 0 || (_locale$ProTreeModal2 = locale.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.checkNumber, {
         num: checkedValues.length
       }),
-      addonAfter: state.mode === 'all' ? null : _jsxs("div", {
+      addonAfter: state.mode === 'all' ? null : /*#__PURE__*/_jsxs("div", {
         className: "pro-enum-input-addonAfter",
-        children: [checkedValues.length > 0 && !afterDisabled && _jsx("span", {
+        children: [checkedValues.length > 0 && !afterDisabled && /*#__PURE__*/_jsx("span", {
           className: "close-icon",
-          children: _jsx(CloseOutlined, {
+          children: /*#__PURE__*/_jsx(CloseOutlined, {
             onClick: handleClearAll
           })
-        }), _jsx(ReactSVG, {
+        }), /*#__PURE__*/_jsx(ReactSVG, {
           className: "pro-tree-modal-view-svg",
           src: viewSvg,
           onClick: onIconClick
         })]
       }),
-      placeholder: locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal3 = locale.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.select,
+      placeholder: locale === null || locale === void 0 || (_locale$ProTreeModal3 = locale.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.select,
       disabled: afterDisabled || state.mode === 'all',
       style: _objectSpread({}, triggerStyle)
     })

package/es/ProTreeModal/components/index.js

@@ -1,6 +1,6 @@
-export { default as CloseIcon } from './CloseIcon';
-export { default as Trigger } from './Trigger';
-export { default as SearchTitle } from './SearchTitle';
-export { default as ListView } from './List';
-export { default as TreeView } from './Tree';
-export { default as Cascader } from './Cascader';
+export { default as CloseIcon } from "./CloseIcon";
+export { default as Trigger } from "./Trigger";
+export { default as SearchTitle } from "./SearchTitle";
+export { default as ListView } from "./List";
+export { default as TreeView } from "./Tree";
+export { default as Cascader } from "./Cascader";