@gingkoo/pandora-metabase 1.0.82 → 1.0.84

package/lib/cjs/components/dialog/expression/index.js

@@ -549,6 +549,7 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
       var options = firstVal ? firstVal.split(',') : [];
       return (0, _jsxRuntime.jsx)("div", {
         children: (0, _jsxRuntime.jsx)(_pandora.Select, {
+          maxWidth: '500px',
           size: 'large',
           placeholder: "\u53EF\u8F93\u5165\u56DE\u8F66\u65B0\u589E\u4E0B\u62C9\u9009\u9879",
           allowCreate: true,

package/lib/cjs/components/dialog/formula-list/index.js

@@ -1,16 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 require("./index.less");
 var _pandoraIcons = require("@gingkoo/pandora-icons");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -34,6 +37,7 @@ var _diffViewer = _interopRequireDefault(require("../diff-viewer"));
 var _storage = _interopRequireDefault(require("../../../utils/storage"));
 var _excluded = ["notExistsToolbar", "toolbar"],
   _excluded2 = ["subToolbar", "notExistsColumns", "showFields", "isExit", "toolbar"]; // import './index.less';
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var FormulaList = (0, _react.forwardRef)(function (props, ref) {
   var _storage$_metabaseCop, _caseList2;
   // 响应 storage._metabaseCopyItems 变化，保证粘贴按钮能实时显示
@@ -315,12 +319,17 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
   }
   // 粘贴到末尾并清除勾选
   function handlePaste() {
+    var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
     var _caseList = caseList.slice();
     // determine items to paste (selected items have priority)
     var itemsToPaste = _storage["default"]._metabaseCopyItems || [];
     itemsToPaste = (0, _utils.changeCopyField)(itemsToPaste, data);
     if (itemsToPaste.length) {
-      _caseList.push.apply(_caseList, (0, _toConsumableArray2["default"])(itemsToPaste));
+      if (index === -1) {
+        _caseList.push.apply(_caseList, (0, _toConsumableArray2["default"])(itemsToPaste));
+      } else {
+        _caseList.splice.apply(_caseList, [index, 0].concat((0, _toConsumableArray2["default"])(itemsToPaste)));
+      }
       setCaseList(_caseList);
     }
     initPaste();
@@ -363,6 +372,38 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
     setSelectedIndices(allIndices);
     setLocalItem(allIndices);
   };
+  var delSelect = function delSelect() {
+    _pandora.Modal.confirm({
+      title: (0, _locale.__)('metabase.prompt'),
+      // 提示
+      content: (0, _locale.__)('customColumn.confirmDelete'),
+      // 确认删除吗
+      onOk: function () {
+        var _onOk = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+          var _caseList;
+          return _regenerator["default"].wrap(function (_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _caseList = caseList.slice(); // 删除选中项，selectedIndices 已经是排序好的了
+                selectedIndices.forEach(function (i) {
+                  _caseList.splice(i, 1);
+                });
+                setCaseList(_caseList);
+                initPaste();
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function onOk() {
+          return _onOk.apply(this, arguments);
+        }
+        return onOk;
+      }(),
+      onCancel: function onCancel() {}
+    });
+  };
   // 开启关闭勾选，清除别的过滤器勾选
   var _setIsCheck = function _setIsCheck(val) {
     initPaste();
@@ -812,6 +853,21 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
       });
     }
   };
+  var copyDom = function copyDom() {
+    var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
+    if (!isCopy || selectedIndices.length === 0 && checkedItemsCount === 0) return null;
+    return (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+      title: "\u5728\u6B64\u5904\u7C98\u8D34(".concat(selectedIndices.length || checkedItemsCount, ")\u9879"),
+      children: (0, _jsxRuntime.jsx)(_pandora.Button, {
+        className: (0, _classnames["default"])(':Sqb-Filter-item-copy'),
+        onClick: function onClick() {
+          return handlePaste(index);
+        },
+        iconOnly: true,
+        icon: (0, _jsxRuntime.jsx)(_pandoraIcons.FfPlus, {})
+      })
+    });
+  };
   return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: (0, _jsxRuntime.jsxs)("div", {
       className: "Sqb-NotebookCell",
@@ -837,70 +893,88 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
           },
           primary: true,
           children: (0, _locale.__)('customColumn.copyAll')
-        })]
-      }), (_caseList2 = caseList) === null || _caseList2 === void 0 ? void 0 : _caseList2.map(function (v, i) {
-        return (0, _jsxRuntime.jsxs)("div", {
-          className: (0, _classnames["default"])('Sqb-Filter-item', {
-            hover: ind === i,
-            'item-fixed': v.fixed || false,
-            'item-selected': isCheck
-          }),
-          onMouseEnter: function onMouseEnter(e) {
-            if (isCheck) return;
-            setInd(i);
+        }), selectedIndices.length > 0 && (0, _jsxRuntime.jsx)(_pandora.Button, {
+          primary: true,
+          danger: true,
+          size: 'small',
+          onClick: function onClick() {
+            return delSelect();
           },
-          onMouseLeave: function onMouseLeave() {
-            if (isCheck) return;
-            setInd(-1);
+          children: (0, _locale.__)('customColumn.delSelect')
+        }), !isCheck && checkedItemsCount > 0 && (0, _jsxRuntime.jsx)(_pandora.Button, {
+          primary: true,
+          warning: true,
+          size: 'small',
+          onClick: function onClick() {
+            return initPaste();
           },
-          children: [selectOperator({
-            triggerElement: function triggerElement() {
-              return (0, _jsxRuntime.jsx)("div", {
-                className: 'left-arrow',
-                "v-index": i,
-                "v-type": 'before',
-                onClick: function onClick() {
-                  if (!selectedIndices.length) addOperator(_types.AtomsTypeEnum.UNKNOWN, i, 'before');
-                },
-                children: (0, _jsxRuntime.jsx)("img", {
-                  src: _arrow["default"]
-                })
-              });
-            },
-            ind: i,
-            position: 'before',
-            trigger: 'hover'
-          }), v.type !== _types.AtomsTypeEnum.UNKNOWN && (0, _jsxRuntime.jsx)(_pandora.Checkbox, {
-            className: 'item-check',
-            checked: selectedIndices.includes(i),
-            disabled: globalSelectionActive && globalSelectionOwner !== myInstanceIdRef.current,
-            onChange: function onChange(e) {
-              var _e$target$checked, _e$target;
-              return toggleSelect(i, (_e$target$checked = e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.checked) !== null && _e$target$checked !== void 0 ? _e$target$checked : !selectedIndices.includes(i));
-            }
-          }), (0, _jsxRuntime.jsx)("div", {
-            style: {
-              pointerEvents: isCheck ? 'none' : 'auto'
+          children: "\u6E05\u9664\u590D\u5236"
+        })]
+      }), (_caseList2 = caseList) === null || _caseList2 === void 0 ? void 0 : _caseList2.map(function (v, i) {
+        return (0, _jsxRuntime.jsxs)(_react["default"].Fragment, {
+          children: [copyDom(i), (0, _jsxRuntime.jsxs)("div", {
+            className: (0, _classnames["default"])('Sqb-Filter-item', {
+              hover: ind === i,
+              'item-fixed': v.fixed || false,
+              'item-selected': isCheck
+            }),
+            onMouseEnter: function onMouseEnter(e) {
+              if (isCheck) return;
+              setInd(i);
             },
-            children: itemDom(v, i)
-          }), selectOperator({
-            triggerElement: function triggerElement(value) {
-              return (0, _jsxRuntime.jsx)("div", {
-                className: 'right-arrow',
-                "v-index": i,
-                "v-type": 'after',
-                onClick: function onClick() {
-                  addOperator(_types.AtomsTypeEnum.UNKNOWN, i, 'after');
-                },
-                children: (0, _jsxRuntime.jsx)("img", {
-                  src: _arrow["default"]
-                })
-              });
+            onMouseLeave: function onMouseLeave() {
+              if (isCheck) return;
+              setInd(-1);
             },
-            ind: i,
-            position: 'after',
-            trigger: 'hover'
-          })]
+            children: [selectOperator({
+              triggerElement: function triggerElement() {
+                return (0, _jsxRuntime.jsx)("div", {
+                  className: 'left-arrow',
+                  "v-index": i,
+                  "v-type": 'before',
+                  onClick: function onClick() {
+                    if (!selectedIndices.length) addOperator(_types.AtomsTypeEnum.UNKNOWN, i, 'before');
+                  },
+                  children: (0, _jsxRuntime.jsx)("img", {
+                    src: _arrow["default"]
+                  })
+                });
+              },
+              ind: i,
+              position: 'before',
+              trigger: 'hover'
+            }), v.type !== _types.AtomsTypeEnum.UNKNOWN && (0, _jsxRuntime.jsx)(_pandora.Checkbox, {
+              className: 'item-check',
+              checked: selectedIndices.includes(i),
+              disabled: globalSelectionActive && globalSelectionOwner !== myInstanceIdRef.current,
+              onChange: function onChange(e) {
+                var _e$target$checked, _e$target;
+                return toggleSelect(i, (_e$target$checked = e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.checked) !== null && _e$target$checked !== void 0 ? _e$target$checked : !selectedIndices.includes(i));
+              }
+            }), (0, _jsxRuntime.jsx)("div", {
+              style: {
+                pointerEvents: isCheck || store.isMetabaseCopy ? 'none' : 'auto'
+              },
+              children: itemDom(v, i)
+            }), selectOperator({
+              triggerElement: function triggerElement(value) {
+                return (0, _jsxRuntime.jsx)("div", {
+                  className: 'right-arrow',
+                  "v-index": i,
+                  "v-type": 'after',
+                  onClick: function onClick() {
+                    addOperator(_types.AtomsTypeEnum.UNKNOWN, i, 'after');
+                  },
+                  children: (0, _jsxRuntime.jsx)("img", {
+                    src: _arrow["default"]
+                  })
+                });
+              },
+              ind: i,
+              position: 'after',
+              trigger: 'hover'
+            })]
+          }, i)]
         }, i);
       }), Array.from(caseList).length < 1 && selectOperator({
         triggerElement: function triggerElement() {
@@ -912,18 +986,7 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
         ind: -1,
         position: 'add',
         trigger: 'click'
-      }), isCopy && (selectedIndices.length > 0 || checkedItemsCount > 0) && selectOperator({
-        triggerElement: function triggerElement(value) {
-          return (0, _jsxRuntime.jsxs)("div", {
-            className: (0, _classnames["default"])("Sqb-TableName green-name"),
-            onClick: handlePaste,
-            children: ["\u7C98\u8D34(", selectedIndices.length || checkedItemsCount, ")\u9879"]
-          });
-        },
-        ind: -1,
-        position: 'add',
-        trigger: 'click'
-      }), showPreview && (0, _jsxRuntime.jsx)("div", {
+      }), copyDom(), showPreview && (0, _jsxRuntime.jsx)("div", {
         className: (0, _classnames["default"])("mb-2 font-bold uppercase tracking-wider preview-box"),
         style: {
           fontSize: 12,

package/lib/cjs/components/dialog/formula-list/index.less

@@ -22,6 +22,19 @@
 }
 .Sqb-Filter-item {
   position: relative;
+  // &-copy {
+  //   position: absolute;
+  //   left: 0;
+  //   top: 50%;
+  //   z-index: 1;
+  //   transform: translate(-100%, -50%);
+  //   &.isEndCopy {
+  //     position: relative;
+  //     left: auto;
+  //     top: auto;
+  //     transform: none;
+  //   }
+  // }
   &.item-selected {
     .item-check {
       display: block;

package/lib/cjs/components/metabase/index.js

@@ -32,7 +32,8 @@ var Metabase = function Metabase(props) {
     _props$readonly = props.readonly,
     readonly = _props$readonly === void 0 ? false : _props$readonly,
     onOk = props.onOk,
-    metabaseCopy = props.metabaseCopy;
+    metabaseCopy = props.metabaseCopy,
+    moduleCopy = props.moduleCopy;
   var store = (0, _useProvider.useStore)();
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -137,8 +138,29 @@ var Metabase = function Metabase(props) {
   }();
   // 复制功能
   var copy = function copy() {
-    return (0, _jsxRuntime.jsx)(_pandora.Space, {
-      children: metabaseCopy && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    return (0, _jsxRuntime.jsxs)(_pandora.Space, {
+      children: [moduleCopy && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+          title: '开启勾选后可勾选组进行复制，复制后可在其他地方粘贴使用',
+          children: (0, _jsxRuntime.jsx)(_pandora.Button, {
+            size: 'small',
+            type: 'primary',
+            warning: store.isMetabaseCopy,
+            className: (0, _classnames["default"])("Sqb-copy-btn ", {
+              'primary-color': !store.isMetabaseCopy
+            }),
+            onClick: function onClick() {
+              // if (store.isMetabaseCopy) {
+              //   storage._metabaseCopyModule = null;
+              // }
+              store.setIsMetabaseCopy(!store.isMetabaseCopy);
+              store.setMetabaseCopyModule([]);
+              _storage["default"]._metabaseCopyModule = [];
+            },
+            children: store.isMetabaseCopy ? '清除勾选组复制' : '开启勾选组复制'
+          })
+        })
+      }), metabaseCopy && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [(0, _jsxRuntime.jsx)(_pandora.Tooltip, {
           title: '点击复制当前配置，您可以在其他地方粘贴使用',
           children: (0, _jsxRuntime.jsx)(_pandora.Button, {
@@ -175,7 +197,7 @@ var Metabase = function Metabase(props) {
             children: (0, _locale.__)('metabase.paste')
           })
         })]
-      })
+      })]
     });
   };
   return (

package/lib/cjs/components/metabase/index.less

@@ -23,6 +23,24 @@
   }
   &-list {
     padding-top: 1.5rem;
+    .Sqb-item-check {
+      display: flex;
+      align-items: center;
+      width: 66.6667%;
+      .pd-Checkbox-text {
+        width: 100%;
+
+        .Sqb-item--content {
+          width: 100%;
+        }
+
+        pointer-events: none; /* 该 div 及内部所有元素不接收鼠标事件 */
+
+        .Sqb-item {
+          pointer-events: none; /* 该 div 及内部所有元素不接收鼠标事件 */
+        }
+      }
+    }
   }
   &-hover-parent {
     margin-bottom: 16px;
@@ -52,10 +70,18 @@
       width: 16px;
       height: 16px;
       color: #b8bbc3;
-      margin-left: auto;
+      // margin-left: auto;
       visibility: hidden;
       cursor: pointer;
     }
+    &-actions {
+      margin-left: auto;
+      // align-items: center;
+      .pd-Space-item {
+        display: flex;
+        align-items: center;
+      }
+    }
     &--content {
       width: 66.6667%;
       box-sizing: border-box;
@@ -419,6 +445,11 @@
         visibility: visible;
       }
     }
+    &-copy {
+      width: 33%;
+      min-width: 150px;
+      margin: 5px 0;
+    }
   }
 
   & > &-btn {

package/lib/cjs/components/modules/components/header.d.ts

@@ -3,6 +3,8 @@ interface HeaderProps {
     className?: string;
     onClose?: Function;
     moduleDiff?: boolean;
+    moduleCopy?: boolean;
+    groupIndex: number;
     meta?: any;
     isDataModule?: boolean;
 }

package/lib/cjs/components/modules/components/header.js

@@ -9,6 +9,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _pandora = require("@gingkoo/pandora");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _icons = require("../../icons");
 var _locale = require("../../../locale");
 var _useProvider = require("../../../hooks/use-provider");
@@ -16,6 +17,7 @@ var _utils = require("../../../utils");
 var _diffViewer = _interopRequireDefault(require("../../dialog/diff-viewer"));
 var Header = function Header(props) {
   var meta = props.meta,
+    groupIndex = props.groupIndex,
     isDataModule = props.isDataModule;
   var store = (0, _useProvider.useStore)();
   var diff = /*#__PURE__*/function () {
@@ -64,12 +66,15 @@ var Header = function Header(props) {
         onClick: diff,
         children: "\u5DEE\u5F02\u5BF9\u6BD4"
       })
-    }), props.onClose && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
-      placement: 'top',
-      title: (0, _locale.__)('data.del'),
-      children: (0, _jsxRuntime.jsx)(_icons.CloseIcon2, {
-        className: "Sqb-item-close",
-        onClick: props.onClose
+    }), (0, _jsxRuntime.jsx)(_pandora.Space, {
+      className: (0, _classnames["default"])(':Sqb-item-actions'),
+      children: props.onClose && !store.isMetabaseCopy && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+        placement: 'top',
+        title: (0, _locale.__)('data.del'),
+        children: (0, _jsxRuntime.jsx)(_icons.CloseIcon2, {
+          className: "Sqb-item-close",
+          onClick: props.onClose
+        })
       })
     })]
   });

package/lib/cjs/components/modules/components/item-wrapper.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface HeaderProps {
+    className?: string;
+    groupIndex: number;
+    meta?: any;
+    children?: React.ReactNode;
+}
+declare const ItemWrapper: (props: HeaderProps) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export default ItemWrapper;

package/lib/cjs/components/modules/components/item-wrapper.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _pandora = require("@gingkoo/pandora");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useProvider = require("../../../hooks/use-provider");
+var _utils = require("../../../utils");
+var _storage = _interopRequireDefault(require("../../../utils/storage"));
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var ItemWrapper = function ItemWrapper(props) {
+  var meta = props.meta,
+    groupIndex = props.groupIndex,
+    children = props.children;
+  var store = (0, _useProvider.useStore)();
+  var changeCopyModule = function changeCopyModule(isCheck, meta) {
+    var data = (0, _cloneDeep["default"])(store.metabaseCopyModule) || [];
+    if (isCheck) {
+      data = [].concat((0, _toConsumableArray2["default"])(data), [meta]);
+    } else {
+      data = data.filter(function (v) {
+        return v.metaKey !== meta.metaKey;
+      });
+    }
+    store.setMetabaseCopyModule(data);
+    _storage["default"]._metabaseCopyModule = data;
+  };
+  if (store.isMetabaseCopy && meta.type !== 'union' && meta.type !== 'data') {
+    return (0, _jsxRuntime.jsx)(_pandora.Checkbox, {
+      checked: (0, _utils.metaIsCheck)(store.metabaseCopyModule, meta),
+      onChange: function onChange(val) {
+        changeCopyModule(val, meta);
+      },
+      className: (0, _classnames["default"])(':Sqb-item-check'),
+      children: children
+    });
+  }
+  return children;
+};
+var _default = exports["default"] = ItemWrapper;

package/lib/cjs/components/modules/components/meta-icon.d.ts

@@ -1,7 +1,18 @@
+import { TypeEnum } from '../../../store/enum';
 import { MetaListType } from '../../../store/types';
 interface PropsType {
     meta: MetaListType;
     groupIndex: number;
 }
+type IconInfoType = {
+    name: string;
+    icon: JSX.Element;
+    className?: string;
+};
+export declare const IconTypeMap: Map<TypeEnum, IconInfoType>;
+/**
+ * 查找模块下面能放哪些icon （参考来源：metabase.com）
+ */
+export declare const findNextIcon: (store: any, props: PropsType) => TypeEnum[];
 declare const NextDom: (props: PropsType) => import("react/jsx-runtime").JSX.Element | null;
 export default NextDom;

package/lib/cjs/components/modules/components/meta-icon.js

@@ -1,18 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.findNextIcon = exports["default"] = exports.IconTypeMap = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _locale = require("../../../locale");
 var _enum = require("../../../store/enum");
 var _pandora = require("@gingkoo/pandora");
+var _pandoraIcons = require("@gingkoo/pandora-icons");
+var _storage = _interopRequireDefault(require("../../../utils/storage"));
 var _utils = require("../../../utils");
 var _useProvider = require("../../../hooks/use-provider");
 var _icons = require("../../icons");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // import { type SqlVisionStoreType } from '../../../store/helper';
 
 var IconSIzeEnum;
@@ -20,7 +27,7 @@ var IconSIzeEnum;
   IconSIzeEnum["SMALL"] = "small";
   IconSIzeEnum["LARGE"] = "large";
 })(IconSIzeEnum || (IconSIzeEnum = {}));
-var IconTypeMap = new Map([[_enum.TypeEnum.filter, {
+var IconTypeMap = exports.IconTypeMap = new Map([[_enum.TypeEnum.filter, {
   name: (0, _locale.__)('SqlQueryBuilder.filter'),
   icon: (0, _jsxRuntime.jsx)(_icons.FilterIcon, {}),
   className: 'filter'
@@ -125,7 +132,7 @@ var judgeSize = function judgeSize(store, props, nextLen, groupIndex) {
 /**
  * 查找模块下面能放哪些icon （参考来源：metabase.com）
  */
-var findNextIcon = function findNextIcon(store, props) {
+var findNextIcon = exports.findNextIcon = function findNextIcon(store, props) {
   var _store$metaList$group;
   var meta = props.meta,
     groupIndex = props.groupIndex;
@@ -326,15 +333,56 @@ var NextDom = function NextDom(props) {
     store.addMeta(type, index + 1, groupIndex);
   }
   var MetaIconDom = metaIcon(size, handleClick);
-  return (0, _jsxRuntime.jsx)("div", {
-    className: "Sqb-item--func",
-    children: sortList(available).filter(function (v) {
-      return ~store.toolbar.indexOf(v);
-    }).map(function (v) {
-      return (0, _jsxRuntime.jsx)(MetaIconDom, {
-        type: v
-      }, v);
-    })
+  var _React$useState = _react["default"].useState(false),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    isShowAdd = _React$useState2[0],
+    setIsShowAdd = _React$useState2[1];
+  (0, _react.useEffect)(function () {
+    if (store.metabaseCopyModule) {
+      // let { prevItem, nextItem } = getHelper(store.metaList[groupIndex].list, meta);
+      var nextTypes = findNextIcon(store, {
+        meta: meta,
+        groupIndex: groupIndex
+      });
+      var isCan = (0, _utils.isCanPaste)(store.metabaseCopyModule, {
+        nextTypes: (0, _toConsumableArray2["default"])(nextTypes)
+      });
+      setIsShowAdd(isCan);
+    } else {
+      setIsShowAdd(false);
+    }
+  }, [store.metabaseCopyModule]);
+  var handlePaste = function handlePaste() {
+    var _store$metaList3;
+    var index = (_store$metaList3 = store.metaList) === null || _store$metaList3 === void 0 || (_store$metaList3 = _store$metaList3[groupIndex]) === null || _store$metaList3 === void 0 || (_store$metaList3 = _store$metaList3.list) === null || _store$metaList3 === void 0 ? void 0 : _store$metaList3.indexOf(meta);
+    store.addMeta('', index + 1, groupIndex, store.metabaseCopyModule);
+    // 粘贴后重置
+    store.setMetabaseCopyModule([]);
+    store.setIsMetabaseCopy(false);
+    _storage["default"]._metabaseCopyModule = [];
+  };
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [store.metabaseCopyModule && store.metabaseCopyModule.length > 0 && isShowAdd && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+      title: "\u5728\u6B64\u5904\u7C98\u8D34",
+      children: (0, _jsxRuntime.jsxs)(_pandora.Button, {
+        className: (0, _classnames["default"])(':Sqb-item-copy'),
+        onClick: handlePaste,
+        // iconOnly={false}
+        // icon={}
+        dashed: true,
+        ghost: true,
+        children: [(0, _jsxRuntime.jsx)(_pandoraIcons.FfPlus, {}), "\u5C06\u5185\u5BB9\u7C98\u8D34\u5230\u6B64\u5904"]
+      })
+    }), (0, _jsxRuntime.jsx)("div", {
+      className: "Sqb-item--func",
+      children: sortList(available).filter(function (v) {
+        return ~store.toolbar.indexOf(v);
+      }).map(function (v) {
+        return (0, _jsxRuntime.jsx)(MetaIconDom, {
+          type: v
+        }, v);
+      })
+    })]
   });
 };
 var _default = exports["default"] = NextDom;