@zat-design/sisyphus-react 3.13.19-beta.1 → 3.13.19-beta.11

package/es/ProTreeModal/components/CloseIcon.js

@@ -1,15 +1,15 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { jsx as _jsx } from "react/jsx-runtime";
 function CloseIcon(props) {
-  return _jsx("span", _objectSpread(_objectSpread({}, props), {}, {
-    children: _jsx("span", {
+  return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("span", {
       className: "pro-tree-modal-checkbox-close",
       role: "button",
-      children: _jsx("span", {
+      children: /*#__PURE__*/_jsx("span", {
         role: "img",
         "aria-label": "close-circle",
         className: "anticon anticon-close-circle",
-        children: _jsx("svg", {
+        children: /*#__PURE__*/_jsx("svg", {
           viewBox: "64 64 896 896",
           focusable: "false",
           "data-icon": "close-circle",
@@ -17,7 +17,7 @@ function CloseIcon(props) {
           height: "1em",
           fill: "currentColor",
           "aria-hidden": "true",
-          children: _jsx("path", {
+          children: /*#__PURE__*/_jsx("path", {
             d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
           })
         })

package/es/ProTreeModal/components/List.js

@@ -1,21 +1,23 @@
-import "antd/es/col/style";
-import _Col from "antd/es/col";
 import "antd/es/row/style";
 import _Row from "antd/es/row";
+import "antd/es/col/style";
+import _Col from "antd/es/col";
 import "antd/es/checkbox/style";
 import _Checkbox from "antd/es/checkbox";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable brace-style */
-import { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';
+import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';
 import { DndContext } from '@dnd-kit/core';
 import { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { useDeepCompareEffect, useSetState, useVirtualList } from 'ahooks';
-import SearchTitle from './SearchTitle';
-import CloseIcon from './CloseIcon';
-import SortableItem from './SortableItem';
+import SearchTitle from "./SearchTitle";
+import CloseIcon from "./CloseIcon";
+import SortableItem from "./SortableItem";
 import { CASCADER } from '..';
-import { isEmpty } from '../../utils';
+import { isEmpty } from "../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function List(props, ref) {
   var checkedValues = props.checkedValues,
     disabled = props.disabled,
@@ -35,9 +37,7 @@ function List(props, ref) {
     handleDragEndChange = props.handleDragEndChange;
   var containerRef = useRef(null);
   var wrapperRef = useRef(null);
-  var originalList = useMemo(function () {
-    return treeData;
-  }, [treeData]);
+  var originalList = useMemo(() => treeData, [treeData]);
   var fieldNameLabel = fieldNames.label;
   var fieldNameValue = fieldNames.value;
   var isCASCADER = modeType === CASCADER;
@@ -47,26 +47,20 @@ function List(props, ref) {
     _useSetState2 = _slicedToArray(_useSetState, 2),
     checkedList = _useSetState2[0].checkedList,
     setState = _useSetState2[1];
-  useImperativeHandle(ref, function () {
-    return {
-      onChange: function onChange() {
-        return checkedList.map(function (item) {
-          return item[fieldNameValue];
-        });
-      }
-    };
-  });
-  useDeepCompareEffect(function () {
+  useImperativeHandle(ref, () => ({
+    onChange: () => checkedList.map(item => item[fieldNameValue])
+  }));
+  useDeepCompareEffect(() => {
     setState({
       checkedList: treeData
     });
   }, [treeData]);
-  var _useMemo = useMemo(function () {
+  var _useMemo = useMemo(() => {
       var min = -1;
       var max = (checkedList === null || checkedList === void 0 ? void 0 : checkedList.length) || 0;
       var minFlag = false;
       var maxFlag = false;
-      checkedList === null || checkedList === void 0 ? void 0 : checkedList.forEach(function (item, index) {
+      checkedList === null || checkedList === void 0 || checkedList.forEach((item, index) => {
         if (item.disabled && !minFlag) {
           min = index;
         } else {
@@ -80,22 +74,18 @@ function List(props, ref) {
         }
       });
       return {
-        min: min,
-        max: max
+        min,
+        max
       };
     }, [checkedList]),
     min = _useMemo.min,
     max = _useMemo.max;
-  var handleDragEnd = function handleDragEnd(_ref) {
+  var handleDragEnd = _ref => {
     var active = _ref.active,
       over = _ref.over;
     if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
-      var activeIndex = checkedList.findIndex(function (item) {
-        return (item === null || item === void 0 ? void 0 : item[fieldNameValue]) === active.id;
-      });
-      var overIndex = checkedList.findIndex(function (item) {
-        return (item === null || item === void 0 ? void 0 : item[fieldNameValue]) === (over === null || over === void 0 ? void 0 : over.id);
-      });
+      var activeIndex = checkedList.findIndex(item => (item === null || item === void 0 ? void 0 : item[fieldNameValue]) === active.id);
+      var overIndex = checkedList.findIndex(item => (item === null || item === void 0 ? void 0 : item[fieldNameValue]) === (over === null || over === void 0 ? void 0 : over.id));
       if (overIndex <= min || overIndex >= max) {
         return;
       }
@@ -103,9 +93,7 @@ function List(props, ref) {
       setState({
         checkedList: newCheckedList
       });
-      handleDragEndChange === null || handleDragEndChange === void 0 ? void 0 : handleDragEndChange(newCheckedList.map(function (item) {
-        return item[fieldNameValue];
-      }));
+      handleDragEndChange === null || handleDragEndChange === void 0 || handleDragEndChange(newCheckedList.map(item => item[fieldNameValue]));
     }
   };
   function getLineHeight(string, width) {
@@ -117,7 +105,7 @@ function List(props, ref) {
     temp.style.position = 'absolute';
     temp.style.visibility = 'hidden';
     temp.style.right = '-10000px';
-    temp.style.width = "".concat(width, "px"); // 设置宽度
+    temp.style.width = `${width}px`; // 设置宽度
     temp.style.whiteSpace = 'normal'; // 保持换行
     temp.innerHTML = string.replace(/\n/g, '<br>'); // 替换换行符
     document.body.appendChild(temp); // 添加到DOM中以获取计算后的高度
@@ -126,22 +114,22 @@ function List(props, ref) {
     document.body.removeChild(temp);
     return len * 20;
   }
-  var handleCommonTitle = function handleCommonTitle(item) {
+  var handleCommonTitle = item => {
     if (isCASCADER) {
       return item === null || item === void 0 ? void 0 : item.title;
     }
     return item[fieldNameLabel];
   };
-  var handleGetTitle = function handleGetTitle(item) {
+  var handleGetTitle = item => {
     if (showCodeName) {
       if (isCASCADER) {
-        if (item[fieldNameValue] && (item === null || item === void 0 ? void 0 : item.title)) {
-          return "".concat(item[fieldNameValue], "-").concat(item.title);
+        if (item[fieldNameValue] && item !== null && item !== void 0 && item.title) {
+          return `${item[fieldNameValue]}-${item.title}`;
         }
         return handleCommonTitle(item);
       }
       if (item[fieldNameValue] && item[fieldNameValue]) {
-        return "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]);
+        return `${item[fieldNameValue]}-${item[fieldNameLabel]}`;
       }
       return handleCommonTitle(item);
     }
@@ -150,78 +138,73 @@ function List(props, ref) {
   var _useVirtualList = useVirtualList(originalList, {
       containerTarget: containerRef,
       wrapperTarget: wrapperRef,
-      itemHeight: function itemHeight(index, item) {
+      itemHeight: (index, item) => {
         var title = handleGetTitle(item);
         return Math.floor(getLineHeight(title, 406)) + 12;
       }
     }),
     _useVirtualList2 = _slicedToArray(_useVirtualList, 1),
     list = _useVirtualList2[0];
+
   // 是否为多列模式
   var isRowCols = mode === 'render' && span && span !== 24;
+
   // 开启 draggable 拖拽模式
   if (draggable) {
-    return _jsx("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: "checked-container",
-      children: _jsx(DndContext, {
+      children: /*#__PURE__*/_jsx(DndContext, {
         onDragEnd: handleDragEnd,
-        children: _jsx(SortableContext, {
-          items: checkedList === null || checkedList === void 0 ? void 0 : checkedList.map(function (item) {
-            return item === null || item === void 0 ? void 0 : item[fieldNameValue];
-          }),
+        children: /*#__PURE__*/_jsx(SortableContext, {
+          items: checkedList === null || checkedList === void 0 ? void 0 : checkedList.map(item => item === null || item === void 0 ? void 0 : item[fieldNameValue]),
           strategy: verticalListSortingStrategy,
-          children: checkedList === null || checkedList === void 0 ? void 0 : checkedList.map(function (item) {
-            return _jsx(SortableItem, {
-              "data-row-key": item === null || item === void 0 ? void 0 : item[fieldNameValue],
-              label: item === null || item === void 0 ? void 0 : item[fieldNameLabel],
-              item: item,
-              drag: draggable,
-              disabled: disabled,
-              onClose: function onClose() {
-                return handleFilterClose(item[fieldNameValue]);
-              }
-            }, "item-".concat(item === null || item === void 0 ? void 0 : item[fieldNameValue]));
-          })
+          children: checkedList === null || checkedList === void 0 ? void 0 : checkedList.map(item => /*#__PURE__*/_jsx(SortableItem, {
+            "data-row-key": item === null || item === void 0 ? void 0 : item[fieldNameValue],
+            label: item === null || item === void 0 ? void 0 : item[fieldNameLabel],
+            item: item,
+            drag: draggable,
+            disabled: disabled,
+            onClose: () => handleFilterClose(item[fieldNameValue])
+          }, `item-${item === null || item === void 0 ? void 0 : item[fieldNameValue]}`))
         })
       })
     });
   }
+
   // 编辑状态
   if (!isRowCols) {
-    return _jsx(_Fragment, {
-      children: _jsx(_Checkbox.Group, {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsx(_Checkbox.Group, {
         disabled: disabled,
         style: {
           width: '100%'
         },
         value: checkedValues,
-        children: _jsx("div", {
+        children: /*#__PURE__*/_jsx("div", {
           ref: containerRef,
           style: {
             height: '432px',
             overflow: 'auto',
             width: '100%'
           },
-          children: _jsx("div", {
+          children: /*#__PURE__*/_jsx("div", {
             ref: wrapperRef,
-            children: _jsx(_Row, {
-              children: list.map(function (_item) {
+            children: /*#__PURE__*/_jsx(_Row, {
+              children: list.map(_item => {
                 var item = _item.data;
                 var title = handleGetTitle(item);
-                var content = optionRender ? optionRender(item, searchStr) : _jsx(SearchTitle, {
+                var content = optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, {
                   label: title,
                   searchStr: searchStr
                 });
-                return _jsx(_Col, {
+                return /*#__PURE__*/_jsx(_Col, {
                   span: span || 24,
                   className: !span || span === 24 ? 'pro-tree-modal-checkbox-content' : '',
                   style: {
                     marginBottom: span ? 16 : 12
                   },
-                  children: _jsx(_Checkbox, {
-                    onChange: function onChange(e) {
-                      return handleOnChange(e, item[fieldNameValue]);
-                    },
+                  children: /*#__PURE__*/_jsx(_Checkbox, {
+                    onChange: e => handleOnChange(e, item[fieldNameValue]),
                     value: item[fieldNameValue],
                     disabled: item.disabled,
                     children: content
@@ -234,32 +217,31 @@ function List(props, ref) {
       })
     });
   }
+
   // 编辑状态
   if (isRowCols) {
-    return _jsx(_Fragment, {
-      children: _jsx(_Checkbox.Group, {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsx(_Checkbox.Group, {
         disabled: disabled,
         style: {
           width: '100%'
         },
         value: checkedValues,
-        children: _jsx(_Row, {
-          children: treeData.map(function (item) {
+        children: /*#__PURE__*/_jsx(_Row, {
+          children: treeData.map(item => {
             var title = handleGetTitle(item);
-            var content = optionRender ? optionRender(item, searchStr) : _jsx(SearchTitle, {
+            var content = optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, {
               label: title,
               searchStr: searchStr
             });
-            return _jsx(_Col, {
+            return /*#__PURE__*/_jsx(_Col, {
               span: span || 24,
               className: !span || span === 24 ? 'pro-tree-modal-checkbox-content' : '',
               style: {
                 marginBottom: span ? 16 : 12
               },
-              children: _jsx(_Checkbox, {
-                onChange: function onChange(e) {
-                  return handleOnChange(e, item[fieldNameValue]);
-                },
+              children: /*#__PURE__*/_jsx(_Checkbox, {
+                onChange: e => handleOnChange(e, item[fieldNameValue]),
                 value: item[fieldNameValue],
                 disabled: item.disabled,
                 children: content
@@ -270,33 +252,32 @@ function List(props, ref) {
       })
     });
   }
+
   // 预览状态
-  return _jsx(_Fragment, {
-    children: _jsx("div", {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx("div", {
       ref: containerRef,
       style: {
         height: '432px',
         overflow: 'auto'
       },
-      children: _jsx("div", {
+      children: /*#__PURE__*/_jsx("div", {
         ref: wrapperRef,
-        children: list.map(function (_item) {
+        children: list.map(_item => {
           var item = _item.data;
           var title = item[fieldNameLabel];
           if (showCodeName) {
             if (item[fieldNameValue] && item[fieldNameLabel]) {
-              title = "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]);
+              title = `${item[fieldNameValue]}-${item[fieldNameLabel]}`;
             }
           }
-          return _jsxs("div", {
+          return /*#__PURE__*/_jsxs("div", {
             className: "pro-tree-modal-checkbox-content",
-            children: [_jsx("div", {
+            children: [/*#__PURE__*/_jsx("div", {
               className: "pro-tree-modal-checkbox-content-look",
               children: optionRender ? optionRender(item, searchStr) : title
-            }), disabled ? null : _jsx(CloseIcon, {
-              onClick: function onClick() {
-                return handleFilterClose(item[fieldNameValue]);
-              }
+            }), disabled ? null : /*#__PURE__*/_jsx(CloseIcon, {
+              onClick: () => handleFilterClose(item[fieldNameValue])
             })]
           }, item[fieldNames.value]);
         })

package/es/ProTreeModal/components/SearchTitle.js

@@ -1,5 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function SearchTitle(props) {
   var label = props.label,
     _props$searchStr = props.searchStr,
@@ -8,12 +9,12 @@ function SearchTitle(props) {
   var index = strTitle === null || strTitle === void 0 ? void 0 : strTitle.indexOf(searchStr);
   var beforeStr = strTitle === null || strTitle === void 0 ? void 0 : strTitle.substring(0, index);
   var afterStr = strTitle === null || strTitle === void 0 ? void 0 : strTitle.slice(index + searchStr.length);
-  var title = index > -1 ? _jsxs("span", {
-    children: [beforeStr, searchStr ? _jsx("span", {
+  var title = index > -1 ? /*#__PURE__*/_jsxs("span", {
+    children: [beforeStr, searchStr ? /*#__PURE__*/_jsx("span", {
       className: "pro-tree-modal-search-value",
       children: searchStr
     }) : null, afterStr]
-  }) : _jsx("span", {
+  }) : /*#__PURE__*/_jsx("span", {
     children: strTitle
   });
   return title;

package/es/ProTreeModal/components/SortableItem.js

@@ -1,12 +1,14 @@
 import "antd/es/tag/style";
 import _Tag from "antd/es/tag";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
-import ProIcon from '../../ProIcon';
-import { ProTooltip } from '../../index';
-var SortableItem = function SortableItem(props) {
+import ProIcon from "../../ProIcon";
+import { ProTooltip } from "../../index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var SortableItem = props => {
   var drag = props.drag,
     label = props.label,
     item = props.item,
@@ -26,28 +28,26 @@ var SortableItem = function SortableItem(props) {
     transform: CSS.Transform.toString(transform && _objectSpread(_objectSpread({}, transform), {}, {
       scaleY: 1
     })),
-    transition: transition
+    transition
   }, isDragging ? {
     position: 'relative',
     zIndex: 9999
   } : {});
-  return _jsx("li", _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx("li", _objectSpread(_objectSpread({
     ref: item.disabled || disabled ? null : setNodeRef,
     style: style,
-    className: "checked-item ".concat(item.disabled || disabled ? 'disabled' : '', " ").concat(drag ? 'dragable' : '')
+    className: `checked-item ${item.disabled || disabled ? 'disabled' : ''} ${drag ? 'dragable' : ''}`
   }, item.disabled ? {} : attributes), {}, {
-    children: _jsxs(_Tag, {
+    children: /*#__PURE__*/_jsxs(_Tag, {
       closable: true,
-      onClose: function onClose(e) {
-        return _onClose(e);
-      },
-      children: [drag ? item.disabled || disabled ? _jsx(ProIcon, {
+      onClose: e => _onClose(e),
+      children: [drag ? item.disabled || disabled ? /*#__PURE__*/_jsx(ProIcon, {
         className: "disabled-icon",
         type: "lock"
-      }) : _jsx(ProIcon, _objectSpread({
+      }) : /*#__PURE__*/_jsx(ProIcon, _objectSpread({
         className: "drag-icon",
         type: "drag"
-      }, listeners)) : null, _jsx(ProTooltip, {
+      }, listeners)) : null, /*#__PURE__*/_jsx(ProTooltip, {
         mode: "auto",
         line: 1,
         text: label