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

package/es/ProTree/components/Tree.js

@@ -1,27 +1,19 @@
-import "antd/es/tree/style";
-import _Tree from "antd/es/tree";
-import "antd/es/popover/style";
-import _Popover from "antd/es/popover";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["checkedValues", "disabled", "searchStr", "originalTreeData", "showCodeName", "checkStrictly", "flatTreeData", "mode", "fieldNames", "tags", "onCheck", "optionRender", "treeData", "showLine", "switcherIcon", "checkable", "menu", "innerExpandKeys", "selectedKey", "disabledMode", "isRadioSelect"];
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- *@Date: 2023-07-25 13:49:35
- * @LastEditTime: 2024-05-20 11:47:45
- *@Author: liudongliang
- *@Description: 树每行节点渲染组件，复选时阻止点击事件冒泡，只有点击树节点文本会向上触发onSelect事件
- */
 /* eslint-disable no-plusplus */
 import React, { useEffect, useState } from 'react';
+import { Tree, Popover } from 'antd';
 import { useSetState } from 'ahooks';
 import { CaretDownOutlined } from '@ant-design/icons';
-import SearchTitle from './SearchTitle';
-import { filterCheckedNodes, getParentKey } from '../utils';
-import locale from '../../locale';
+import SearchTitle from "./SearchTitle";
+import { filterCheckedNodes, getParentKey } from "../utils";
+import locale from "../../locale";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } 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) {
@@ -45,7 +37,7 @@ function List(props) {
     _props$showLine = props.showLine,
     showLine = _props$showLine === void 0 ? true : _props$showLine,
     _props$switcherIcon = props.switcherIcon,
-    switcherIcon = _props$switcherIcon === void 0 ? _jsx(CaretDownOutlined, {}) : _props$switcherIcon,
+    switcherIcon = _props$switcherIcon === void 0 ? /*#__PURE__*/_jsx(CaretDownOutlined, {}) : _props$switcherIcon,
     _props$checkable = props.checkable,
     checkable = _props$checkable === void 0 ? false : _props$checkable,
     menu = props.menu,
@@ -110,7 +102,7 @@ function List(props) {
     }
   }, [selectedKey]);
   var onSelect = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(value, item) {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(value, item) {
       var _props$onSelect;
       var val;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -132,7 +124,7 @@ function List(props) {
               handing: true
             });
             _context.next = 7;
-            return props === null || props === void 0 ? void 0 : (_props$onSelect = props.onSelect) === null || _props$onSelect === void 0 ? void 0 : _props$onSelect.call(props, val, item);
+            return props === null || props === void 0 || (_props$onSelect = props.onSelect) === null || _props$onSelect === void 0 ? void 0 : _props$onSelect.call(props, val, item);
           case 7:
             setState({
               handing: false
@@ -159,8 +151,8 @@ function List(props) {
       open = _useState2[0],
       setOpen = _useState2[1];
     var operateButton = menu && menu(item === null || item === void 0 ? void 0 : item[fieldNameValue], item);
-    operateButton === null || operateButton === void 0 ? void 0 : operateButton.map(function (item, i) {
-      return _jsx(React.Fragment, {
+    operateButton === null || operateButton === void 0 || operateButton.map(function (item, i) {
+      return /*#__PURE__*/_jsx(React.Fragment, {
         children: item
       }, i);
     });
@@ -170,68 +162,68 @@ function List(props) {
     var handleOpenChange = function handleOpenChange(newOpen) {
       setOpen(newOpen);
     };
-    var expandIcon = _jsx("span", {
+    var expandIcon = /*#__PURE__*/_jsx("span", {
       className: "icon-item",
-      children: _jsx("svg", {
+      children: /*#__PURE__*/_jsx("svg", {
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
         version: "1.1",
         className: "icon-item svg-icon-expand",
-        children: _jsx("g", {
+        children: /*#__PURE__*/_jsx("g", {
           id: "\u6811\u7ED3\u6784",
           stroke: "none",
           strokeWidth: "1",
           fill: "none",
           fillRule: "evenodd",
-          children: _jsx("g", {
+          children: /*#__PURE__*/_jsx("g", {
             id: "\u6811\u7ED3\u6784\u4EA4\u4E92",
             transform: "translate(-2285.000000, -2413.000000)",
             fill: "currentColor",
-            children: _jsx("g", {
+            children: /*#__PURE__*/_jsx("g", {
               id: "\u6570\u636E\u5C55\u793A/\u6811\u5F62\u63A7\u4EF6/\u5E26\u8FDE\u63A5\u7EBF\u5907\u4EFD-3",
               transform: "translate(2065.000000, 2411.000000)",
-              children: _jsxs("g", {
+              children: /*#__PURE__*/_jsxs("g", {
                 id: "\u7F16\u7EC4-4",
                 transform: "translate(220.000000, 2.000000)",
-                children: [_jsxs("g", {
+                children: [/*#__PURE__*/_jsxs("g", {
                   id: "icon_more\u5907\u4EFD-9",
                   transform: "translate(7.000000, 3.000000)",
-                  children: [_jsx("rect", {
+                  children: [/*#__PURE__*/_jsx("rect", {
                     id: "\u77E9\u5F62",
                     x: "0",
                     y: "0",
                     width: "2",
                     height: "2"
-                  }), _jsx("rect", {
+                  }), /*#__PURE__*/_jsx("rect", {
                     id: "\u77E9\u5F62\u5907\u4EFD-3",
                     x: "0",
                     y: "4",
                     width: "2",
                     height: "2"
-                  }), _jsx("rect", {
+                  }), /*#__PURE__*/_jsx("rect", {
                     id: "\u77E9\u5F62\u5907\u4EFD-4",
                     x: "0",
                     y: "8",
                     width: "2",
                     height: "2"
                   })]
-                }), _jsxs("g", {
+                }), /*#__PURE__*/_jsxs("g", {
                   id: "icon_more\u5907\u4EFD-9",
                   transform: "translate(7.000000, 3.000000)",
-                  children: [_jsx("rect", {
+                  children: [/*#__PURE__*/_jsx("rect", {
                     id: "\u77E9\u5F62",
                     x: "0",
                     y: "0",
                     width: "2",
                     height: "2"
-                  }), _jsx("rect", {
+                  }), /*#__PURE__*/_jsx("rect", {
                     id: "\u77E9\u5F62\u5907\u4EFD-3",
                     x: "0",
                     y: "4",
                     width: "2",
                     height: "2"
-                  }), _jsx("rect", {
+                  }), /*#__PURE__*/_jsx("rect", {
                     id: "\u77E9\u5F62\u5907\u4EFD-4",
                     x: "0",
                     y: "8",
@@ -245,7 +237,7 @@ function List(props) {
         })
       })
     });
-    return _jsxs("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: nodeClass,
       onClick: function onClick(e) {
         e.stopPropagation();
@@ -256,31 +248,33 @@ function List(props) {
           selected: !isChecked
         });
       },
-      children: [tags && tags.length ? _jsx("div", {
+      children: [tags && tags.length ? /*#__PURE__*/_jsx("div", {
         className: "pro-tree-tree-node-tag",
         style: {
           backgroundColor: tagsBgColors[index],
           color: tagsColors[index]
         },
-        children: _jsx("span", {
+        children: /*#__PURE__*/_jsx("span", {
           children: tags[index]
         })
-      }) : null, _jsxs("div", {
+      }) : null, /*#__PURE__*/_jsxs("div", {
         className: "tree-node-show-text",
-        children: [_jsx("div", {
+        children: [/*#__PURE__*/_jsx("div", {
           className: "tree-node-show-text-label",
-          children: optionRender ? optionRender(item, searchStr) : _jsx(SearchTitle, _objectSpread({
+          children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, _objectSpread({
             label: title,
             searchStr: searchStr
           }, other))
-        }), _jsx("div", {
+        }), /*#__PURE__*/_jsx("div", {
           className: "operate-tree-node-btns",
           onClick: function onClick(e) {
             e.stopPropagation();
           },
-          children: (operateButton === null || operateButton === void 0 ? void 0 : operateButton.length) > 1 ? _jsx(_Popover, {
-            overlayClassName: "pro-tree-operate-container",
-            content: _jsx("div", {
+          children: (operateButton === null || operateButton === void 0 ? void 0 : operateButton.length) > 1 ? /*#__PURE__*/_jsx(Popover, {
+            classNames: {
+              root: 'pro-tree-operate-container'
+            },
+            content: /*#__PURE__*/_jsx("div", {
               className: "pro-tree-operate-btn-popover",
               onClick: hide,
               children: operateButton
@@ -292,13 +286,13 @@ function List(props) {
             children: expandIcon
           }) : operateButton
         })]
-      }), _jsx("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: "brand-bg-opa-ten"
       })]
     }, onlyKey);
   };
   function fn() {
-    var _loop = function loop(data, index) {
+    var loop = function loop(data, index) {
       index++;
       var treeRow = data.map(function (item) {
         var nodeClass = 'pro-tree-tree-node ';
@@ -308,7 +302,7 @@ function List(props) {
           isChecked = true;
         }
         var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
-        var nodeTitle = _jsx(TreeNodeRow, {
+        var nodeTitle = /*#__PURE__*/_jsx(TreeNodeRow, {
           nodeClass: nodeClass,
           item: item,
           index: index,
@@ -320,7 +314,7 @@ function List(props) {
           return _objectSpread(_objectSpread({}, item), {}, {
             title: nodeTitle,
             key: (item === null || item === void 0 ? void 0 : item.key) || item[fieldNameValue],
-            children: _loop(item[fieldNames.children], index)
+            children: loop(item[fieldNames.children], index)
           });
         }
         return _objectSpread(_objectSpread({}, item), {}, {
@@ -337,7 +331,7 @@ function List(props) {
     if (searchStr) {
       newTreeData = filterCheckedNodes(originalTreeData, [], searchStr, fieldNames);
     }
-    return _loop(newTreeData, -1);
+    return loop(newTreeData, -1);
   }
   var _treeData = fn();
   var onExpand = function onExpand(newExpandedKeys, nextPara) {
@@ -354,9 +348,9 @@ function List(props) {
   if (expandedKeys) {
     additionProps.expandedKeys = expandedKeys;
   }
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: disabledMode === 'hide' ? 'hide-disable-node' : '',
-    children: (_treeData === null || _treeData === void 0 ? void 0 : _treeData.length) ? _jsx(_Tree, _objectSpread(_objectSpread(_objectSpread({}, others), additionProps), {}, {
+    children: _treeData !== null && _treeData !== void 0 && _treeData.length ? /*#__PURE__*/_jsx(Tree, _objectSpread(_objectSpread(_objectSpread({}, others), additionProps), {}, {
       disabled: disabled,
       style: {
         width: '100%'
@@ -373,9 +367,9 @@ function List(props) {
       checkable: checkable,
       onSelect: onSelect,
       blockNode: true
-    })) : _jsx("div", {
+    })) : /*#__PURE__*/_jsx("div", {
       className: "empty-tree",
-      children: locale === null || locale === void 0 ? void 0 : (_locale$ProTree = locale.ProTree) === null || _locale$ProTree === void 0 ? void 0 : _locale$ProTree.emptyTips
+      children: locale === null || locale === void 0 || (_locale$ProTree = locale.ProTree) === null || _locale$ProTree === void 0 ? void 0 : _locale$ProTree.emptyTips
     })
   });
 }

package/es/ProTree/components/index.js

@@ -1,5 +1,5 @@
-export { default as CloseIcon } from './CloseIcon';
+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 SearchTitle } from "./SearchTitle";
+export { default as ListView } from "./List";
+export { default as TreeView } from "./Tree";

package/es/ProTree/index.js

@@ -1,14 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import ProTree from "./components/ProTree";
+import ProTreeSelect from "./components/ProTreeSelect";
 import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable jsx-a11y/anchor-is-valid */
-/*
- *@Date: 2023-07-11 16:07:12
- *@LastEditTime: 2023-07-11 16:07:12
- *@Author: liudongliang
- *@Description: ProTree组件，集成了tree和treeSelect
- */
-import ProTree from './components/ProTree';
-import ProTreeSelect from './components/ProTreeSelect';
 var ProTreeHandle = function ProTreeHandle(props) {
   var _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'tree' : _props$mode;
@@ -17,9 +10,9 @@ var ProTreeHandle = function ProTreeHandle(props) {
       treeCheckable: props === null || props === void 0 ? void 0 : props.checkable,
       treeCheckStrictly: props === null || props === void 0 ? void 0 : props.checkStrictly
     });
-    return _jsx(ProTreeSelect, _objectSpread({}, adaptorProps));
+    return /*#__PURE__*/_jsx(ProTreeSelect, _objectSpread({}, adaptorProps));
   }
-  return _jsx(ProTree, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/_jsx(ProTree, _objectSpread(_objectSpread({}, props), {}, {
     checkedValues: props === null || props === void 0 ? void 0 : props.checkedKeys
   }));
 };

package/es/ProTree/propsType.d.ts

@@ -200,7 +200,7 @@ export interface ProTreeType extends ProTreeSelectType {
      * @description value 改变的回调
      * @default undefined
      */
-    onChange?: (values: string[] | ProTreeValueType, options?: object[]) => void;
+    onChange?: (value: any, labelList?: ReactNode[], extra?: any) => void;
     /**
      * 选择回调
      * @description 点击树节点触发

package/es/ProTree/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-tree-wrap-ellipse {
   display: block;
@@ -73,6 +73,14 @@
       flex      : 1 1;
       overflow-y: auto;
       overflow-x: auto;
+      .@{ant-prefix}-tree-switcher:not(.@{ant-prefix}-tree-switcher-noop):hover:before{
+        background-color: transparent;
+      }
+      .@{ant-prefix}-tree-checkbox{
+        margin-top: 11px;
+        align-self: flex-start;
+      }
+
     }
 
     .tree-title-box {
@@ -107,10 +115,6 @@
       }
     }
 
-    .@{ant-prefix}-tree-checkbox {
-      margin-top: 11px;
-    }
-
     .@{ant-prefix}-tree-switcher {
       line-height: 44px;
     }

package/es/ProTree/utils.js

@@ -2,6 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+/* eslint-disable no-restricted-syntax */
+
 /**
  * 树转成铺平的数组
  * @param originalTreeData
@@ -23,6 +25,7 @@ export function getFlatTreeData(originalTreeData, fieldNames) {
   loop(originalTreeData);
   return dataList;
 }
+
 /**
  * 获取 tree 所有的 keys 集合
  * @param data
@@ -43,6 +46,7 @@ export function getAllKeys(data, fieldNames) {
   loop(data);
   return keys;
 }
+
 /**
  * 获取展开的key
  * @param key
@@ -50,7 +54,7 @@ export function getAllKeys(data, fieldNames) {
  * @param fieldNames
  * @returns
  */
-var _getParentKey = function getParentKey(key, tree, fieldNames) {
+export var getParentKey = function getParentKey(key, tree, fieldNames) {
   var parentKey;
   for (var i = 0; i < tree.length; i++) {
     var node = tree[i];
@@ -59,17 +63,16 @@ var _getParentKey = function getParentKey(key, tree, fieldNames) {
         return item[fieldNames.value] === key;
       })) {
         parentKey = node[fieldNames.value];
-      } else if (_getParentKey(key, node[fieldNames.children], fieldNames)) {
-        parentKey = _getParentKey(key, node[fieldNames.children], fieldNames);
+      } else if (getParentKey(key, node[fieldNames.children], fieldNames)) {
+        parentKey = getParentKey(key, node[fieldNames.children], fieldNames);
       }
     }
   }
   return parentKey;
 };
-export { _getParentKey as getParentKey };
 export function findTreeNodeByKey(treeData, key, fieldNames) {
   var result = [];
-  var _traverse = function traverse(node, parents) {
+  var traverse = function traverse(node, parents) {
     if (node[fieldNames.value] === key) {
       result.push.apply(result, [node].concat(_toConsumableArray(parents)));
       return true;
@@ -80,7 +83,7 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var child = _step.value;
-        if (_traverse(child, [node].concat(_toConsumableArray(parents)))) {
+        if (traverse(child, [node].concat(_toConsumableArray(parents)))) {
           return true;
         }
       }
@@ -96,7 +99,7 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
       var node = _step2.value;
-      _traverse(node, []);
+      traverse(node, []);
     }
   } catch (err) {
     _iterator2.e(err);
@@ -105,6 +108,7 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
   }
   return result;
 }
+
 /**
  * 过滤掉每一层假值（例如 false、null、0、""、undefined 等）
  * @param data
@@ -115,35 +119,36 @@ export function filterCheckedNodes(data, checkedKeys) {
   var searchStr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   var fieldNames = arguments.length > 3 ? arguments[3] : undefined;
   var result = [];
-  var _traverse2 = function traverse(node) {
+  var traverse = function traverse(node) {
     var _node$fieldNames$chil3;
     var title = node[fieldNames.value] + node[fieldNames.label];
     if (!searchStr) {
       if (checkedKeys.includes(node[fieldNames.value])) {
         var _node$fieldNames$chil;
-        var _children = (node === null || node === void 0 ? void 0 : (_node$fieldNames$chil = node[fieldNames.children]) === null || _node$fieldNames$chil === void 0 ? void 0 : _node$fieldNames$chil.map(_traverse2).filter(Boolean)) || [];
+        var _children = (node === null || node === void 0 || (_node$fieldNames$chil = node[fieldNames.children]) === null || _node$fieldNames$chil === void 0 ? void 0 : _node$fieldNames$chil.map(traverse).filter(Boolean)) || [];
         return _objectSpread(_objectSpread({}, node), {}, _defineProperty({}, fieldNames.children, _children));
       }
     } else if ((title === null || title === void 0 ? void 0 : title.indexOf(searchStr)) > -1) {
       var _node$fieldNames$chil2;
-      var _children2 = ((_node$fieldNames$chil2 = node[fieldNames.children]) === null || _node$fieldNames$chil2 === void 0 ? void 0 : _node$fieldNames$chil2.map(_traverse2).filter(Boolean)) || [];
+      var _children2 = ((_node$fieldNames$chil2 = node[fieldNames.children]) === null || _node$fieldNames$chil2 === void 0 ? void 0 : _node$fieldNames$chil2.map(traverse).filter(Boolean)) || [];
       return _objectSpread(_objectSpread({}, node), {}, {
         children: _children2
       });
     }
-    var children = (_node$fieldNames$chil3 = node[fieldNames.children]) === null || _node$fieldNames$chil3 === void 0 ? void 0 : _node$fieldNames$chil3.map(_traverse2).filter(Boolean);
+    var children = (_node$fieldNames$chil3 = node[fieldNames.children]) === null || _node$fieldNames$chil3 === void 0 ? void 0 : _node$fieldNames$chil3.map(traverse).filter(Boolean);
     if (children && children.length > 0) {
       return _objectSpread(_objectSpread({}, node), {}, _defineProperty({}, fieldNames.children, children));
     }
     return null;
   };
+
   // eslint-disable-next-line no-restricted-syntax
   var _iterator3 = _createForOfIteratorHelper(data),
     _step3;
   try {
     for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
       var node = _step3.value;
-      var filtered = _traverse2(node);
+      var filtered = traverse(node);
       if (filtered) {
         result.push(filtered);
       }
@@ -155,6 +160,7 @@ export function filterCheckedNodes(data, checkedKeys) {
   }
   return result;
 }
+
 /**
  * 获取 tree 当前选中节点下的所有子节点的 keys
  * @param node
@@ -165,7 +171,7 @@ export function getChildrenKeys(node, childrenKeys, fieldNames, type) {
   // 当为 tree 触发 onChck 此时就是 key 为 children
   if (type === 'treeCheck') {
     var _node$children;
-    node === null || node === void 0 ? void 0 : (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children.forEach(function (item) {
+    node === null || node === void 0 || (_node$children = node.children) === null || _node$children === void 0 || _node$children.forEach(function (item) {
       childrenKeys.push(item.key);
       if (item.children && item.children.length > 0) {
         getChildrenKeys(item, childrenKeys, fieldNames, type);
@@ -174,7 +180,7 @@ export function getChildrenKeys(node, childrenKeys, fieldNames, type) {
   } else {
     var _node$fieldNames$chil4;
     // 这个时候的值为我们的值
-    node === null || node === void 0 ? void 0 : (_node$fieldNames$chil4 = node[fieldNames.children]) === null || _node$fieldNames$chil4 === void 0 ? void 0 : _node$fieldNames$chil4.forEach(function (item) {
+    node === null || node === void 0 || (_node$fieldNames$chil4 = node[fieldNames.children]) === null || _node$fieldNames$chil4 === void 0 || _node$fieldNames$chil4.forEach(function (item) {
       childrenKeys.push(item[fieldNames.value]);
       if (item[fieldNames.children] && item[fieldNames.children].length > 0) {
         getChildrenKeys(item, childrenKeys, fieldNames, type);
@@ -182,6 +188,7 @@ export function getChildrenKeys(node, childrenKeys, fieldNames, type) {
     });
   }
 }
+
 /**
  * 如果默认全开展那么返回所有key，否则返回空[]
  * @param isExpand 是否全展开

package/es/ProTreeModal/components/Cascader.js

@@ -1,12 +1,13 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/checkbox/style";
-import _Checkbox from "antd/es/checkbox";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect } from 'react';
+import { Checkbox } from 'antd';
 import { useSetState } from 'ahooks';
 import classNames from 'classnames';
-import SearchTitle from './SearchTitle';
+import SearchTitle from "./SearchTitle";
+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 Cascader = function Cascader(props) {
   var _dataSource$, _dataSource$2, _state$options;
   var dataSource = props.dataSource,
@@ -21,18 +22,18 @@ var Cascader = function Cascader(props) {
   var fieldNameValue = fieldNames.value;
   var fieldNameChildren = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children';
   var _useSetState = useSetState({
-      category: dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$ = dataSource[0]) === null || _dataSource$ === void 0 ? void 0 : _dataSource$[fieldNameValue],
-      options: dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$2 = dataSource[0]) === null || _dataSource$2 === void 0 ? void 0 : _dataSource$2[fieldNameChildren]
+      category: dataSource === null || dataSource === void 0 || (_dataSource$ = dataSource[0]) === null || _dataSource$ === void 0 ? void 0 : _dataSource$[fieldNameValue],
+      options: dataSource === null || dataSource === void 0 || (_dataSource$2 = dataSource[0]) === null || _dataSource$2 === void 0 ? void 0 : _dataSource$2[fieldNameChildren]
     }),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     state = _useSetState2[0],
     setState = _useSetState2[1];
   useEffect(function () {
-    if (!state.category && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length)) {
+    if (!state.category && dataSource !== null && dataSource !== void 0 && dataSource.length) {
       var _dataSource$3, _dataSource$4;
       setState({
-        category: dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$3 = dataSource[0]) === null || _dataSource$3 === void 0 ? void 0 : _dataSource$3[fieldNameValue],
-        options: dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$4 = dataSource[0]) === null || _dataSource$4 === void 0 ? void 0 : _dataSource$4[fieldNameChildren]
+        category: dataSource === null || dataSource === void 0 || (_dataSource$3 = dataSource[0]) === null || _dataSource$3 === void 0 ? void 0 : _dataSource$3[fieldNameValue],
+        options: dataSource === null || dataSource === void 0 || (_dataSource$4 = dataSource[0]) === null || _dataSource$4 === void 0 ? void 0 : _dataSource$4[fieldNameChildren]
       });
     }
   }, [dataSource]);
@@ -42,48 +43,48 @@ var Cascader = function Cascader(props) {
       options: item[fieldNameChildren]
     });
   };
-  return _jsx(_Fragment, {
-    children: _jsxs("div", {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
       className: "pro-tree-modal-cascader-flex",
-      children: [_jsx("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         className: "pro-tree-modal-cascader-warp",
         children: dataSource.map(function (item) {
           var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
-          return _jsx("div", {
+          return /*#__PURE__*/_jsx("div", {
             onClick: function onClick() {
               return handleClick(item);
             },
             className: classNames('pro-tree-modal-checkbox-content', 'pro-tree-modal-cascader-content', item[fieldNameValue] === state.category ? 'pro-tree-modal-check-cascader-content' : ''),
-            children: optionRender ? optionRender(item, searchStr) : _jsx(SearchTitle, {
+            children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, {
               label: title,
               searchStr: searchStr
             })
           }, item[fieldNameValue]);
         })
-      }), _jsx("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: "pro-tree-modal-cascader-warp",
-        children: _jsx(_Checkbox.Group, {
+        children: /*#__PURE__*/_jsx(Checkbox.Group, {
           disabled: disabled,
           style: {
             width: '100%'
           },
           value: checkedValues,
-          children: state === null || state === void 0 ? void 0 : (_state$options = state.options) === null || _state$options === void 0 ? void 0 : _state$options.map(function (item) {
+          children: state === null || state === void 0 || (_state$options = state.options) === null || _state$options === void 0 ? void 0 : _state$options.map(function (item) {
             var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
-            return _jsx("div", {
+            return /*#__PURE__*/_jsx("div", {
               className: "pro-tree-modal-checkbox-content pro-tree-modal-cascader-content",
-              children: item.checkable ? _jsx("span", {
-                children: optionRender ? optionRender(item, searchStr) : _jsx(SearchTitle, {
+              children: item.checkable ? /*#__PURE__*/_jsx("span", {
+                children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, {
                   label: title,
                   searchStr: searchStr
                 })
-              }) : _jsx(_Checkbox, _objectSpread(_objectSpread({}, item), {}, {
+              }) : /*#__PURE__*/_jsx(Checkbox, _objectSpread(_objectSpread({}, item), {}, {
                 onChange: function onChange(e) {
                   return handleOnChange(e, item[fieldNameValue]);
                 },
                 value: item[fieldNameValue],
-                children: _jsx("span", {
-                  children: optionRender ? optionRender(item, searchStr) : _jsx(SearchTitle, {
+                children: /*#__PURE__*/_jsx("span", {
+                  children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, {
                     label: title,
                     searchStr: searchStr
                   })

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"
           })
         })