@para-ui/core 3.0.28 → 3.0.30

package/OperateBtn/index.js

@@ -1,5 +1,5 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
-import { r as regenerator } from '../_verture/index-342379c6.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
+import { r as regenerator } from '../_verture/index-06fea29b.js';
 import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { useState, Fragment } from 'react';
@@ -7,7 +7,7 @@ import More from '@para-ui/icons/More';
 import { Button } from '../Button/index.js';
 import { Popover } from '../Popover/index.js';
 import AutoTips from '../AutoTips/index.js';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
 import 'clsx';
@@ -17,12 +17,12 @@ import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Down';
-import '../_verture/index-bbed73a3.js';
+import '../_verture/index-be4faaee.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-b8ab7cab.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@paraview/lib';
-import '../_verture/useFormatMessage-f4452258.js';
+import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/core/GlobalContext';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2022/4/13 10:48 AM\n* @description 表格操作按钮\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-operate-btn {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-operate-btn > .operate-btn-line {\n  display: inline-block;\n  width: 1px;\n  background-color: rgba(54, 102, 214, 0.2);\n  margin: 0 12px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-small > .operate-btn-line {\n  height: 12px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-small button svg {\n  font-size: 18px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-medium > .operate-btn-line {\n  height: 14px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-medium button svg {\n  font-size: 24px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-large > .operate-btn-line {\n  height: 16px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-large button > svg {\n  font-size: 28px;\n}\n\n.paraui-v3-operate-btn-popover .operate-btn-list {\n  padding: 8px 0;\n}\n.paraui-v3-operate-btn-popover .operate-btn-list > .operate-btn-list-item {\n  padding: 0 12px;\n  max-width: 120px;\n  cursor: pointer;\n  color: rgb(46, 55, 67);\n  line-height: 36px;\n  text-align: left;\n}\n.paraui-v3-operate-btn-popover .operate-btn-list > .operate-btn-list-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-operate-btn-popover .operate-btn-list > .operate-btn-list-item-disabled {\n  cursor: not-allowed;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-operate-btn-popover .operate-btn-list > .operate-btn-list-item-danger {\n  color: rgb(235, 96, 84);\n}";
@@ -30,36 +30,31 @@ styleInject(css_248z);
 
 var OperateBtn = function OperateBtn(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'small' : _props$size,
-      list = props.list,
-      _props$showNum = props.showNum,
-      showNum = _props$showNum === void 0 ? 3 : _props$showNum,
-      popoverClassName = props.popoverClassName,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottom-end' : _props$placement,
-      _props$clickCloseMore = props.clickCloseMore,
-      clickCloseMore = _props$clickCloseMore === void 0 ? true : _props$clickCloseMore,
-      onClick = props.onClick,
-      loadingMapping = props.loadingMapping,
-      _props$key = props.key,
-      key = _props$key === void 0 ? 'key' : _props$key;
-
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'small' : _props$size,
+    list = props.list,
+    _props$showNum = props.showNum,
+    showNum = _props$showNum === void 0 ? 3 : _props$showNum,
+    popoverClassName = props.popoverClassName,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottom-end' : _props$placement,
+    _props$clickCloseMore = props.clickCloseMore,
+    clickCloseMore = _props$clickCloseMore === void 0 ? true : _props$clickCloseMore,
+    onClick = props.onClick,
+    loadingMapping = props.loadingMapping,
+    _props$key = props.key,
+    key = _props$key === void 0 ? 'key' : _props$key;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      openMoreCom = _useState2[0],
-      setOpenMoreCom = _useState2[1]; // 显示更多
-
-
+    _useState2 = _slicedToArray(_useState, 2),
+    openMoreCom = _useState2[0],
+    setOpenMoreCom = _useState2[1]; // 显示更多
   var _useState3 = useState({}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      loadingInside = _useState4[0],
-      setLoadingInside = _useState4[1]; // 内部loading
+    _useState4 = _slicedToArray(_useState3, 2),
+    loadingInside = _useState4[0],
+    setLoadingInside = _useState4[1]; // 内部loading
   // 点击选项
-
-
   var clickItem = function clickItem(item, index) {
     return function (e) {
       return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
@@ -72,51 +67,40 @@ var OperateBtn = function OperateBtn(props) {
                   _context.next = 2;
                   break;
                 }
-
                 return _context.abrupt("return");
-
               case 2:
                 if (clickCloseMore) closeMore();
                 handKey = item[key];
                 loading = loadingMapping && loadingMapping[handKey]; // 不存在外部loading
-
                 if (loading === undefined) {
                   loadingInside[index] = true;
                   setLoadingInside(Object.assign({}, loadingInside));
                 }
-
                 if (!item.onClick) {
                   _context.next = 12;
                   break;
                 }
-
                 _context.next = 9;
                 return item.onClick(item, e);
-
               case 9:
                 result = _context.sent;
                 _context.next = 16;
                 break;
-
               case 12:
                 if (!onClick) {
                   _context.next = 16;
                   break;
                 }
-
                 _context.next = 15;
                 return onClick(item, e);
-
               case 15:
                 result = _context.sent;
-
               case 16:
                 // 不存在外部loading
                 if (loading === undefined) {
                   loadingInside[index] = result;
                   setLoadingInside(Object.assign({}, loadingInside));
                 }
-
               case 17:
               case "end":
                 return _context.stop();
@@ -125,42 +109,35 @@ var OperateBtn = function OperateBtn(props) {
         }, _callee);
       }));
     };
-  }; // 点击更多
-
-
+  };
+  // 点击更多
   var clickMore = function clickMore() {
     setOpenMoreCom(true);
-  }; // 关闭显示更多
-
-
+  };
+  // 关闭显示更多
   var closeMore = function closeMore(bol) {
     if (bol) return;
     setOpenMoreCom(false);
-  }; // 处理loading
-
-
+  };
+  // 处理loading
   var handLoadStatus = function handLoadStatus(item, index) {
     var loading;
     var handKey = item[key];
-    loading = loadingMapping && loadingMapping[handKey]; // 外部没有传laoding
-
+    loading = loadingMapping && loadingMapping[handKey];
+    // 外部没有传laoding
     if (loading === undefined) {
       loading = loadingInside[index];
     }
-
     return loading;
-  }; // 处理handClassPopover
-
-
+  };
+  // 处理handClassPopover
   var handClassPopover = function handClassPopover() {
     var str = $prefixCls + '-operate-btn-popover';
     if (popoverClassName) str += ' ' + popoverClassName;
     return str;
   };
-
   var morePopoverContent = function morePopoverContent() {
     var arr = (list === null || list === void 0 ? void 0 : list.slice(showNum, list === null || list === void 0 ? void 0 : list.length)) || [];
-
     var handPopoverClass = function handPopoverClass(item) {
       var str = 'operate-btn-list-item';
       if (item.disabled) str += ' operate-btn-list-item-disabled';
@@ -168,7 +145,6 @@ var OperateBtn = function OperateBtn(props) {
       if (item.className) str += ' ' + className;
       return str;
     };
-
     return jsx("div", Object.assign({
       className: "operate-btn-list"
     }, {
@@ -184,9 +160,8 @@ var OperateBtn = function OperateBtn(props) {
         }), index);
       })
     }));
-  }; // 更多按钮
-
-
+  };
+  // 更多按钮
   var moreRender = function moreRender() {
     return jsx(Fragment$1, {
       children: list && list.length > showNum + 1 && jsx(Popover, Object.assign({
@@ -211,21 +186,19 @@ var OperateBtn = function OperateBtn(props) {
       }))
     });
   };
-
   var handClass = function handClass() {
     var str = $prefixCls + '-operate-btn';
     if (className) str += ' ' + className;
     if (size) str += " ".concat($prefixCls, "-operate-btn-").concat(size);
     return str;
   };
-
   return jsxs("div", Object.assign({
     className: handClass(),
     style: style
   }, {
     children: [list === null || list === void 0 ? void 0 : list.map(function (item, index) {
-      var bol = true; // 满足这个条件,有更多按钮
-
+      var bol = true;
+      // 满足这个条件,有更多按钮
       if (list.length > showNum + 1) {
         // 超出显示个数不显示
         if (showNum < index + 1) {
@@ -238,7 +211,6 @@ var OperateBtn = function OperateBtn(props) {
           bol = false;
         }
       }
-
       return jsxs(Fragment, {
         children: [jsx(Button.IconButton, Object.assign({
           className: item.className,