@gingkoo/pandora-metabase 1.0.82 → 1.0.83

package/lib/cjs/hooks/use-state.js

@@ -15,6 +15,7 @@ var _react = require("react");
 var _helper = require("../utils/helper");
 var _enum = require("../store/enum");
 var _utils = require("../utils");
+var _storage = _interopRequireDefault(require("../utils/storage"));
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 var _excluded = ["alias", "datasourceName", "datasourceId", "column"];
 var metaKey = 1;
@@ -178,6 +179,18 @@ var useStore = function useStore() {
     _useState60 = (0, _slicedToArray2["default"])(_useState59, 2),
     sourceData = _useState60[0],
     setSourceData = _useState60[1]; // 原始数据
+  var _useState61 = (0, _react.useState)(false),
+    _useState62 = (0, _slicedToArray2["default"])(_useState61, 2),
+    moduleCopy = _useState62[0],
+    setModuleCopy = _useState62[1]; // 是否开启模块复制功能
+  var _useState63 = (0, _react.useState)(false),
+    _useState64 = (0, _slicedToArray2["default"])(_useState63, 2),
+    isMetabaseCopy = _useState64[0],
+    setIsMetabaseCopy = _useState64[1]; // 是否开启勾选组复制
+  var _useState65 = (0, _react.useState)(_storage["default"]._metabaseCopyModule || []),
+    _useState66 = (0, _slicedToArray2["default"])(_useState65, 2),
+    metabaseCopyModule = _useState66[0],
+    setMetabaseCopyModule = _useState66[1]; // 复制的内容
   // 外层ref
   var popupContainer = (0, _react.useRef)();
   // const [fetchDatasetFn, setFetchDatasetFn] = useState<(id: string) => Promise<any>>(
@@ -544,9 +557,10 @@ var useStore = function useStore() {
       _setMeta(defaultMeta);
     }
   };
-  var addMeta = function addMeta(type, index, groupIndex) {
+  var getNewMeta = function getNewMeta(_type, index, groupIndex, obj) {
+    var type = _type || obj.type;
+    var item = false;
     var newMeta = metaList[groupIndex].list.slice();
-    var item;
     var mainTable = newMeta[0];
     metaKey += 1;
     if (type === _enum.TypeEnum.joinData) {
@@ -653,10 +667,30 @@ var useStore = function useStore() {
       var newMetaList = metaList.slice();
       newMetaList.splice.apply(newMetaList, [groupIndex + 1, 0, defaultOperator].concat(defaultMeta));
       _setMeta(newMetaList);
+      return false;
+    }
+    if (obj) {
+      item = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, obj), {}, {
+        metaKey: metaKey
+      });
+    }
+    return item;
+  };
+  var addMeta = function addMeta(type, index, groupIndex, obj) {
+    var newMeta = metaList[groupIndex].list.slice();
+    var items = [];
+    if (obj) {
+      items = obj.map(function (v) {
+        return getNewMeta(type, index, groupIndex, v);
+      });
+    } else {
+      items = [getNewMeta(type, index, groupIndex, obj)];
+    }
+    if (items[0] === false) {
       return;
     }
     // @ts-ignore
-    newMeta.splice(index, 0, item);
+    newMeta.splice.apply(newMeta, [index, 0].concat((0, _toConsumableArray2["default"])(items)));
     setMeta(newMeta, groupIndex);
   };
   var delMeta = function delMeta(meta, groupIndex) {
@@ -816,7 +850,13 @@ var useStore = function useStore() {
     setFetchDiffFn: setFetchDiffFn,
     getModuleDiffCode: getModuleDiffCode,
     isSubquery: isSubquery,
-    setIsSubquery: setIsSubquery
+    setIsSubquery: setIsSubquery,
+    moduleCopy: moduleCopy,
+    setModuleCopy: setModuleCopy,
+    metabaseCopyModule: metabaseCopyModule,
+    setMetabaseCopyModule: setMetabaseCopyModule,
+    isMetabaseCopy: isMetabaseCopy,
+    setIsMetabaseCopy: setIsMetabaseCopy
   };
 };
 var _default = exports["default"] = useStore;

package/lib/cjs/index.js

@@ -76,7 +76,9 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     _props$metabaseCopy = props.metabaseCopy,
     metabaseCopy = _props$metabaseCopy === void 0 ? false : _props$metabaseCopy,
     _props$moduleDiff = props.moduleDiff,
-    moduleDiff = _props$moduleDiff === void 0 ? false : _props$moduleDiff;
+    moduleDiff = _props$moduleDiff === void 0 ? false : _props$moduleDiff,
+    _props$moduleCopy = props.moduleCopy,
+    moduleCopy = _props$moduleCopy === void 0 ? false : _props$moduleCopy;
   var store = (0, _useState["default"])();
   (0, _react.useEffect)(function () {
     getTables && store.setFetchDatasetFn(getTables);
@@ -117,7 +119,8 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     store.setMetabaseCopy(metabaseCopy);
     store.setModuleDiff(moduleDiff);
     store.setIsSubquery(isSubquery);
-  }, [showFields, fieldNameTpl, tableNameTpl, toolbar, showSubquery, subShowSubquery, constantList, formulaTemplates, ignoreGroupByType, filterCustomType, isExit, tableEnableAlias, fieldEnableAlias, groupByEnableAlias, isSelectFields, tableFlat, copyType, metabaseCopy, moduleDiff, isSubquery]);
+    store.setModuleCopy(moduleCopy);
+  }, [showFields, fieldNameTpl, tableNameTpl, toolbar, showSubquery, subShowSubquery, constantList, formulaTemplates, ignoreGroupByType, filterCustomType, isExit, tableEnableAlias, fieldEnableAlias, groupByEnableAlias, isSelectFields, tableFlat, copyType, metabaseCopy, moduleDiff, isSubquery, moduleCopy]);
   _react["default"].useImperativeHandle(ref, function () {
     return {
       // setDatasource: (list) => {

package/lib/cjs/locale/en.js

@@ -175,7 +175,9 @@ var _default = exports["default"] = (0, _index.register)('en', {
   'metabase.copySuccess': 'Copy success',
   'metabase.pasteSuccess': 'Paste success',
   'metabase.paste': 'Paste',
-  'customColumn.closeCopy': 'Close Copy',
-  'customColumn.openCopy': 'Open Copy',
-  'customColumn.copyAll': 'Copy All'
+  'customColumn.closeCopy': 'Close Select',
+  'customColumn.openCopy': 'Open Select',
+  'customColumn.copyAll': 'Copy All',
+  'customColumn.delSelect': 'Delete Selected',
+  'customColumn.confirmDelete': 'Confirm delete selected?'
 });

package/lib/cjs/locale/zh.js

@@ -175,7 +175,9 @@ var _default = exports["default"] = (0, _index.register)('zh', {
   'metabase.copySuccess': '复制成功',
   'metabase.pasteSuccess': '粘贴成功',
   'metabase.paste': '粘贴',
-  'customColumn.closeCopy': '关闭复制',
-  'customColumn.openCopy': '开启复制',
-  'customColumn.copyAll': '复制全部'
+  'customColumn.closeCopy': '关闭勾选',
+  'customColumn.openCopy': '开启勾选',
+  'customColumn.copyAll': '复制全部',
+  'customColumn.delSelect': '删除选中',
+  'customColumn.confirmDelete': '确认删除选中？'
 });

package/lib/cjs/types.d.ts

@@ -51,6 +51,7 @@ export interface MetabaseProps {
     copyType?: (FormulaTypeEnum | string)[];
     metabaseCopy?: boolean;
     moduleDiff?: boolean;
+    moduleCopy?: boolean;
     getModuleDiffCode?: (obj: {
         oldCode: MetaListType;
         newCode: MetaListType;

package/lib/cjs/utils/storage.d.ts

@@ -11,6 +11,7 @@ interface StorageType {
     theme?: string;
     _metabaseCopy?: any[];
     _metabaseCopyItems?: any[];
+    _metabaseCopyModule?: any[];
 }
 /**
  * 便捷操作 localStorage & sessionStorage

package/lib/cjs/utils/storage.js

@@ -45,7 +45,8 @@ var Cache = exports.Cache = /*#__PURE__*/function () {
 var storageMap = {
   theme: new Cache(Local, _storageKey.THEME),
   _metabaseCopy: new Cache(Local, '_metabaseCopy'),
-  _metabaseCopyItems: new Cache(Local, '_metabaseCopyItems')
+  _metabaseCopyItems: new Cache(Local, '_metabaseCopyItems'),
+  _metabaseCopyModule: new Cache(Local, '_metabaseCopyModule')
 };
 function observer(obj, key) {
   Object.defineProperty(obj, key, {

package/lib/cjs/utils.d.ts

@@ -12,6 +12,8 @@ interface HelperResultType {
     nextTypes: TypeEnum[];
     prevList: MetaListType[];
     nextList: MetaListType[];
+    prevItem: MetaListType;
+    nextItem: MetaListType;
     prevGroupBy: MetaSummarize | undefined;
     nextGroupBy: MetaSummarize | undefined;
     prevTables: {
@@ -30,4 +32,8 @@ export declare const buildSqlQuery: (data: MetaListType[] | undefined, type: str
 export declare const isError: (item: AtomsItem | AtomsItem[], data: DataType[]) => boolean;
 export declare const changeCopyField: (items: AtomsItem[], data: any[]) => AtomsItem[];
 export declare const changeExistsCopyField: (list: MetaListType[], data: any[]) => MetaListType[];
+export declare const metaIsCheck: (data: any[], item: any) => boolean;
+export declare const isCanPaste: (item: MetaListType | MetaListType[], options: {
+    nextTypes: string[];
+}) => boolean;
 export {};

package/lib/cjs/utils.js

@@ -4,9 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isError = exports.getSubColumns = exports.getMetaTabels = exports.getHelper = exports.getColumnsTables = exports.findMetaKey = exports.findIndex = exports.changeTableAlias = exports.changeFieldAlias = exports.changeExistsCopyField = exports.changeCopyField = exports.buildSqlQuery = void 0;
+exports.isError = exports.isCanPaste = exports.getSubColumns = exports.getMetaTabels = exports.getHelper = exports.getColumnsTables = exports.findMetaKey = exports.findIndex = exports.changeTableAlias = exports.changeFieldAlias = exports.changeExistsCopyField = exports.changeCopyField = exports.buildSqlQuery = void 0;
 exports.isValidSQLAlias = isValidSQLAlias;
-exports.patchData = void 0;
+exports.patchData = exports.metaIsCheck = void 0;
 exports.reassembleByUnion = reassembleByUnion;
 exports.splitByUnion = splitByUnion;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
@@ -73,6 +73,10 @@ var getHelper = exports.getHelper = function getHelper(list, item) {
   var leftList = list.slice(0, curIndex);
   var rightList = list.slice(curIndex + 1);
   var topList = leftList; // 包含自己
+  // let prevType = list[curIndex - 1]?.type || '';
+  // let nextType = list[curIndex + 1]?.type || '';
+  var prevItem = list[curIndex - 1] || {};
+  var nextItem = list[curIndex + 1] || {};
   var ExistAboveGroupBy = false;
   var ExistBelowGroupBy = false;
   var prevTypes = [];
@@ -107,7 +111,9 @@ var getHelper = exports.getHelper = function getHelper(list, item) {
     nextList: nextList,
     prevGroupBy: prevGroupBy,
     nextGroupBy: nextGroupBy,
-    prevTables: prevTables
+    prevTables: prevTables,
+    prevItem: prevItem,
+    nextItem: nextItem
   };
 };
 // 获取子查询的字段
@@ -896,4 +902,18 @@ var changeExistsCopyField = exports.changeExistsCopyField = function changeExist
     }
     return (0, _objectSpread6["default"])({}, v);
   })) || [];
+};
+var metaIsCheck = exports.metaIsCheck = function metaIsCheck(data, item) {
+  return (data === null || data === void 0 ? void 0 : data.filter(function (v) {
+    return v.metaKey == item.metaKey;
+  }).length) > 0;
+};
+var isCanPaste = exports.isCanPaste = function isCanPaste(item, options) {
+  if (Array.isArray(item)) {
+    return item.every(function (v) {
+      return options.nextTypes.includes(v.type);
+    });
+  }
+  var type = item.type;
+  return options.nextTypes.includes(type);
 };

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

@@ -1,13 +1,15 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _excluded = ["notExistsToolbar", "toolbar"],
   _excluded2 = ["subToolbar", "notExistsColumns", "showFields", "isExit", "toolbar"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState, useRef, forwardRef } from 'react';
+import React, { useEffect, useState, useRef, forwardRef } from 'react';
 import './index.less';
-import { FieldString, FieldNumber } from '@gingkoo/pandora-icons';
+import { FieldString, FieldNumber, FfPlus } from '@gingkoo/pandora-icons';
 import cx from 'classnames';
 // import './index.less';
 import Metabase from '../../../index';
@@ -15,7 +17,7 @@ import { __ } from '../../../locale';
 import isEqual from 'lodash/isEqual';
 import { AtomsTypeEnum, FormulaTypeEnum } from '../../../store/types';
 import { ColumnsPopupThemeEnum } from '../../../store/enum';
-import { Select, Input, Modal2, Modal, InputNumber, Radio, Space, Button, Checkbox } from '@gingkoo/pandora';
+import { Select, Input, Modal2, Modal, InputNumber, Radio, Space, Button, Checkbox, Tooltip } from '@gingkoo/pandora';
 import cloneDeep from 'lodash/cloneDeep';
 import { buildSqlQuery, isError, changeCopyField } from '../../../utils';
 import Formula from '../formula';
@@ -309,12 +311,17 @@ var FormulaList = 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._metabaseCopyItems || [];
     itemsToPaste = changeCopyField(itemsToPaste, data);
     if (itemsToPaste.length) {
-      _caseList.push.apply(_caseList, _toConsumableArray(itemsToPaste));
+      if (index === -1) {
+        _caseList.push.apply(_caseList, _toConsumableArray(itemsToPaste));
+      } else {
+        _caseList.splice.apply(_caseList, [index, 0].concat(_toConsumableArray(itemsToPaste)));
+      }
       setCaseList(_caseList);
     }
     initPaste();
@@ -357,6 +364,38 @@ var FormulaList = forwardRef(function (props, ref) {
     setSelectedIndices(allIndices);
     setLocalItem(allIndices);
   };
+  var delSelect = function delSelect() {
+    Modal.confirm({
+      title: __('metabase.prompt'),
+      // 提示
+      content: __('customColumn.confirmDelete'),
+      // 确认删除吗
+      onOk: function () {
+        var _onOk = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+          var _caseList;
+          return _regeneratorRuntime.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();
@@ -806,6 +845,21 @@ var FormulaList = 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 _jsx(Tooltip, {
+      title: "\u5728\u6B64\u5904\u7C98\u8D34(".concat(selectedIndices.length || checkedItemsCount, ")\u9879"),
+      children: _jsx(Button, {
+        className: cx(':Sqb-Filter-item-copy'),
+        onClick: function onClick() {
+          return handlePaste(index);
+        },
+        iconOnly: true,
+        icon: _jsx(FfPlus, {})
+      })
+    });
+  };
   return _jsx(_Fragment, {
     children: _jsxs("div", {
       className: "Sqb-NotebookCell",
@@ -831,70 +885,88 @@ var FormulaList = forwardRef(function (props, ref) {
           },
           primary: true,
           children: __('customColumn.copyAll')
-        })]
-      }), (_caseList2 = caseList) === null || _caseList2 === void 0 ? void 0 : _caseList2.map(function (v, i) {
-        return _jsxs("div", {
-          className: cx('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 && _jsx(Button, {
+          primary: true,
+          danger: true,
+          size: 'small',
+          onClick: function onClick() {
+            return delSelect();
           },
-          onMouseLeave: function onMouseLeave() {
-            if (isCheck) return;
-            setInd(-1);
+          children: __('customColumn.delSelect')
+        }), !isCheck && checkedItemsCount > 0 && _jsx(Button, {
+          primary: true,
+          warning: true,
+          size: 'small',
+          onClick: function onClick() {
+            return initPaste();
           },
-          children: [selectOperator({
-            triggerElement: function triggerElement() {
-              return _jsx("div", {
-                className: 'left-arrow',
-                "v-index": i,
-                "v-type": 'before',
-                onClick: function onClick() {
-                  if (!selectedIndices.length) addOperator(AtomsTypeEnum.UNKNOWN, i, 'before');
-                },
-                children: _jsx("img", {
-                  src: arrow
-                })
-              });
-            },
-            ind: i,
-            position: 'before',
-            trigger: 'hover'
-          }), v.type !== AtomsTypeEnum.UNKNOWN && _jsx(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));
-            }
-          }), _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 _jsxs(React.Fragment, {
+          children: [copyDom(i), _jsxs("div", {
+            className: cx('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 _jsx("div", {
-                className: 'right-arrow',
-                "v-index": i,
-                "v-type": 'after',
-                onClick: function onClick() {
-                  addOperator(AtomsTypeEnum.UNKNOWN, i, 'after');
-                },
-                children: _jsx("img", {
-                  src: arrow
-                })
-              });
+            onMouseLeave: function onMouseLeave() {
+              if (isCheck) return;
+              setInd(-1);
             },
-            ind: i,
-            position: 'after',
-            trigger: 'hover'
-          })]
+            children: [selectOperator({
+              triggerElement: function triggerElement() {
+                return _jsx("div", {
+                  className: 'left-arrow',
+                  "v-index": i,
+                  "v-type": 'before',
+                  onClick: function onClick() {
+                    if (!selectedIndices.length) addOperator(AtomsTypeEnum.UNKNOWN, i, 'before');
+                  },
+                  children: _jsx("img", {
+                    src: arrow
+                  })
+                });
+              },
+              ind: i,
+              position: 'before',
+              trigger: 'hover'
+            }), v.type !== AtomsTypeEnum.UNKNOWN && _jsx(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));
+              }
+            }), _jsx("div", {
+              style: {
+                pointerEvents: isCheck || store.isMetabaseCopy ? 'none' : 'auto'
+              },
+              children: itemDom(v, i)
+            }), selectOperator({
+              triggerElement: function triggerElement(value) {
+                return _jsx("div", {
+                  className: 'right-arrow',
+                  "v-index": i,
+                  "v-type": 'after',
+                  onClick: function onClick() {
+                    addOperator(AtomsTypeEnum.UNKNOWN, i, 'after');
+                  },
+                  children: _jsx("img", {
+                    src: arrow
+                  })
+                });
+              },
+              ind: i,
+              position: 'after',
+              trigger: 'hover'
+            })]
+          }, i)]
         }, i);
       }), Array.from(caseList).length < 1 && selectOperator({
         triggerElement: function triggerElement() {
@@ -906,18 +978,7 @@ var FormulaList = forwardRef(function (props, ref) {
         ind: -1,
         position: 'add',
         trigger: 'click'
-      }), isCopy && (selectedIndices.length > 0 || checkedItemsCount > 0) && selectOperator({
-        triggerElement: function triggerElement(value) {
-          return _jsxs("div", {
-            className: cx("Sqb-TableName green-name"),
-            onClick: handlePaste,
-            children: ["\u7C98\u8D34(", selectedIndices.length || checkedItemsCount, ")\u9879"]
-          });
-        },
-        ind: -1,
-        position: 'add',
-        trigger: 'click'
-      }), showPreview && _jsx("div", {
+      }), copyDom(), showPreview && _jsx("div", {
         className: cx("mb-2 font-bold uppercase tracking-wider preview-box"),
         style: {
           fontSize: 12,

package/lib/es/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/es/components/metabase/index.js

@@ -26,7 +26,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 = useStore();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -131,8 +132,29 @@ var Metabase = function Metabase(props) {
   }();
   // 复制功能
   var copy = function copy() {
-    return _jsx(Space, {
-      children: metabaseCopy && _jsxs(_Fragment, {
+    return _jsxs(Space, {
+      children: [moduleCopy && _jsx(_Fragment, {
+        children: _jsx(Tooltip, {
+          title: '开启勾选后可勾选组进行复制，复制后可在其他地方粘贴使用',
+          children: _jsx(Button, {
+            size: 'small',
+            type: 'primary',
+            warning: store.isMetabaseCopy,
+            className: cx("Sqb-copy-btn ", {
+              'primary-color': !store.isMetabaseCopy
+            }),
+            onClick: function onClick() {
+              // if (store.isMetabaseCopy) {
+              //   storage._metabaseCopyModule = null;
+              // }
+              store.setIsMetabaseCopy(!store.isMetabaseCopy);
+              store.setMetabaseCopyModule([]);
+              storage._metabaseCopyModule = [];
+            },
+            children: store.isMetabaseCopy ? '清除勾选组复制' : '开启勾选组复制'
+          })
+        })
+      }), metabaseCopy && _jsxs(_Fragment, {
         children: [_jsx(Tooltip, {
           title: '点击复制当前配置，您可以在其他地方粘贴使用',
           children: _jsx(Button, {
@@ -169,7 +191,7 @@ var Metabase = function Metabase(props) {
             children: __('metabase.paste')
           })
         })]
-      })
+      })]
     });
   };
   return (

package/lib/es/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/es/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;
 }