@gingkoo/pandora-metabase 1.0.82 → 1.0.84

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;
 }

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

@@ -1,7 +1,8 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tooltip, Button, Modal2 } from '@gingkoo/pandora';
+import { Tooltip, Button, Modal2, Space } from '@gingkoo/pandora';
+import cx from 'classnames';
 import { CloseIcon2 } from '../../icons';
 import { __ } from '../../../locale';
 import { useStore } from '../../../hooks/use-provider';
@@ -9,6 +10,7 @@ import { splitByUnion } from '../../../utils';
 import DiffViewer from '../../dialog/diff-viewer';
 var Header = function Header(props) {
   var meta = props.meta,
+    groupIndex = props.groupIndex,
     isDataModule = props.isDataModule;
   var store = useStore();
   var diff = /*#__PURE__*/function () {
@@ -57,12 +59,15 @@ var Header = function Header(props) {
         onClick: diff,
         children: "\u5DEE\u5F02\u5BF9\u6BD4"
       })
-    }), props.onClose && _jsx(Tooltip, {
-      placement: 'top',
-      title: __('data.del'),
-      children: _jsx(CloseIcon2, {
-        className: "Sqb-item-close",
-        onClick: props.onClose
+    }), _jsx(Space, {
+      className: cx(':Sqb-item-actions'),
+      children: props.onClose && !store.isMetabaseCopy && _jsx(Tooltip, {
+        placement: 'top',
+        title: __('data.del'),
+        children: _jsx(CloseIcon2, {
+          className: "Sqb-item-close",
+          onClick: props.onClose
+        })
       })
     })]
   });

package/lib/es/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/es/components/modules/components/item-wrapper.js

@@ -0,0 +1,38 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Checkbox } from '@gingkoo/pandora';
+import cx from 'classnames';
+import { useStore } from '../../../hooks/use-provider';
+import { metaIsCheck } from '../../../utils';
+import storage from '../../../utils/storage';
+import cloneDeep from 'lodash/cloneDeep';
+var ItemWrapper = function ItemWrapper(props) {
+  var meta = props.meta,
+    groupIndex = props.groupIndex,
+    children = props.children;
+  var store = useStore();
+  var changeCopyModule = function changeCopyModule(isCheck, meta) {
+    var data = cloneDeep(store.metabaseCopyModule) || [];
+    if (isCheck) {
+      data = [].concat(_toConsumableArray(data), [meta]);
+    } else {
+      data = data.filter(function (v) {
+        return v.metaKey !== meta.metaKey;
+      });
+    }
+    store.setMetabaseCopyModule(data);
+    storage._metabaseCopyModule = data;
+  };
+  if (store.isMetabaseCopy && meta.type !== 'union' && meta.type !== 'data') {
+    return _jsx(Checkbox, {
+      checked: metaIsCheck(store.metabaseCopyModule, meta),
+      onChange: function onChange(val) {
+        changeCopyModule(val, meta);
+      },
+      className: cx(':Sqb-item-check'),
+      children: children
+    });
+  }
+  return children;
+};
+export default ItemWrapper;

package/lib/es/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/es/components/modules/components/meta-icon.js

@@ -1,9 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect } from 'react';
 import cx from 'classnames';
 import { __ } from '../../../locale';
 import { TypeEnum } from '../../../store/enum';
-import { Tooltip } from '@gingkoo/pandora';
-import { getHelper } from '../../../utils';
+import { Tooltip, Button } from '@gingkoo/pandora';
+import { FfPlus } from '@gingkoo/pandora-icons';
+import storage from '../../../utils/storage';
+import { getHelper, isCanPaste } from '../../../utils';
 // import { type SqlVisionStoreType } from '../../../store/helper';
 import { useStore } from '../../../hooks/use-provider';
 import { RowLimitIcon, SortIcon, CustomColumnIcon, JoinDataIcon, PermissionTableIcon, SummarizeIcon, FilterIcon, GroupIcon } from '../../icons';
@@ -12,7 +17,7 @@ var IconSIzeEnum;
   IconSIzeEnum["SMALL"] = "small";
   IconSIzeEnum["LARGE"] = "large";
 })(IconSIzeEnum || (IconSIzeEnum = {}));
-var IconTypeMap = new Map([[TypeEnum.filter, {
+export var IconTypeMap = new Map([[TypeEnum.filter, {
   name: __('SqlQueryBuilder.filter'),
   icon: _jsx(FilterIcon, {}),
   className: 'filter'
@@ -117,7 +122,7 @@ var judgeSize = function judgeSize(store, props, nextLen, groupIndex) {
 /**
  * 查找模块下面能放哪些icon （参考来源：metabase.com）
  */
-var findNextIcon = function findNextIcon(store, props) {
+export var findNextIcon = function findNextIcon(store, props) {
   var _store$metaList$group;
   var meta = props.meta,
     groupIndex = props.groupIndex;
@@ -318,15 +323,56 @@ var NextDom = function NextDom(props) {
     store.addMeta(type, index + 1, groupIndex);
   }
   var MetaIconDom = metaIcon(size, handleClick);
-  return _jsx("div", {
-    className: "Sqb-item--func",
-    children: sortList(available).filter(function (v) {
-      return ~store.toolbar.indexOf(v);
-    }).map(function (v) {
-      return _jsx(MetaIconDom, {
-        type: v
-      }, v);
-    })
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isShowAdd = _React$useState2[0],
+    setIsShowAdd = _React$useState2[1];
+  useEffect(function () {
+    if (store.metabaseCopyModule) {
+      // let { prevItem, nextItem } = getHelper(store.metaList[groupIndex].list, meta);
+      var nextTypes = findNextIcon(store, {
+        meta: meta,
+        groupIndex: groupIndex
+      });
+      var isCan = isCanPaste(store.metabaseCopyModule, {
+        nextTypes: _toConsumableArray(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._metabaseCopyModule = [];
+  };
+  return _jsxs(_Fragment, {
+    children: [store.metabaseCopyModule && store.metabaseCopyModule.length > 0 && isShowAdd && _jsx(Tooltip, {
+      title: "\u5728\u6B64\u5904\u7C98\u8D34",
+      children: _jsxs(Button, {
+        className: cx(':Sqb-item-copy'),
+        onClick: handlePaste,
+        // iconOnly={false}
+        // icon={}
+        dashed: true,
+        ghost: true,
+        children: [_jsx(FfPlus, {}), "\u5C06\u5185\u5BB9\u7C98\u8D34\u5230\u6B64\u5904"]
+      })
+    }), _jsx("div", {
+      className: "Sqb-item--func",
+      children: sortList(available).filter(function (v) {
+        return ~store.toolbar.indexOf(v);
+      }).map(function (v) {
+        return _jsx(MetaIconDom, {
+          type: v
+        }, v);
+      })
+    })]
   });
 };
 export default NextDom;

package/lib/es/components/modules/custom-column.js

@@ -19,6 +19,7 @@ import { CustomColumnPopup } from '../dialog';
 import Wrapper from './components/Wrapper';
 import NextDom from './components/meta-icon';
 import Header from './components/header';
+import ItemWrapper from './components/item-wrapper';
 import ItemName from './components/item-name';
 import { useStore } from '../../hooks/use-provider';
 var CustomColumn = function CustomColumn(props) {
@@ -312,42 +313,47 @@ var CustomColumn = function CustomColumn(props) {
       className: "Sqb-hover-parent",
       children: [_jsx(Header, {
         meta: meta,
+        groupIndex: groupIndex,
         className: 'gray-text',
         title: __('SqlQueryBuilder.customColumn'),
         onClose: function onClose() {
           closePopup();
           store.delMeta(meta, groupIndex);
         }
-      }), _jsx("div", {
-        className: "Sqb-item--content",
-        children: _jsxs("div", {
-          className: "Sqb-NotebookCell gray-bg",
-          children: [meta.customColumn.map(function (v, i) {
-            return _jsx(ItemName, {
-              isError: isError(v.formulaList, getColumns()),
-              children: _jsxs("div", {
-                className: cx("Sqb-TableName gray-name"),
-                onClick: function onClick(e) {
-                  return showSubQuery(e, i);
-                },
-                children: [v.name, _jsx("span", {
-                  style: {
-                    fontSize: 0
-                  },
+      }), _jsx(ItemWrapper, {
+        meta: meta,
+        groupIndex: groupIndex,
+        children: _jsx("div", {
+          className: "Sqb-item--content",
+          children: _jsxs("div", {
+            className: "Sqb-NotebookCell gray-bg",
+            children: [meta.customColumn.map(function (v, i) {
+              return _jsx(ItemName, {
+                isError: isError(v.formulaList, getColumns()),
+                children: _jsxs("div", {
+                  className: cx("Sqb-TableName gray-name"),
                   onClick: function onClick(e) {
-                    return handleDel(e, i);
+                    return showSubQuery(e, i);
                   },
-                  children: _jsx(CloseIcon, {})
-                })]
-              })
-            }, i);
-          }), _jsx("div", {
-            className: "Sqb-TableName gray-name",
-            onClick: function onClick(e) {
-              showSubQuery(e, -1);
-            },
-            children: _jsx(AddIcon, {})
-          })]
+                  children: [v.name, _jsx("span", {
+                    style: {
+                      fontSize: 0
+                    },
+                    onClick: function onClick(e) {
+                      return handleDel(e, i);
+                    },
+                    children: _jsx(CloseIcon, {})
+                  })]
+                })
+              }, i);
+            }), _jsx("div", {
+              className: "Sqb-TableName gray-name",
+              onClick: function onClick(e) {
+                showSubQuery(e, -1);
+              },
+              children: _jsx(AddIcon, {})
+            })]
+          })
         })
       }), _jsx(NextDom, {
         meta: meta,

package/lib/es/components/modules/filter.js

@@ -11,6 +11,7 @@ import { ChangeType } from '../../store/types';
 import Wrapper from './components/Wrapper';
 import NextDom from './components/meta-icon';
 import Header from './components/header';
+import ItemWrapper from './components/item-wrapper';
 // import { customTypes, operatorList } from './enum/filter-enum';
 import { useStore } from '../../hooks/use-provider';
 var Filter = function Filter(props) {
@@ -165,26 +166,31 @@ var Filter = function Filter(props) {
       className: "Sqb-hover-parent",
       children: [!meta.isPermanent ? _jsx(Header, {
         meta: meta,
+        groupIndex: groupIndex,
         className: 'purple-text',
         title: __('SqlQueryBuilder.filter'),
         onClose: function onClose() {
           closePopup();
           store.delMeta(meta, groupIndex);
         }
-      }) : null, _jsx("div", {
-        className: "Sqb-item--content",
-        children: _jsx(FormulaList
-        // customTypes={customTypes}
-        // operatorList={operatorList}
-        , {
+      }) : null, _jsx(ItemWrapper, {
+        meta: meta,
+        groupIndex: groupIndex,
+        children: _jsx("div", {
+          className: "Sqb-item--content",
+          children: _jsx(FormulaList
           // customTypes={customTypes}
           // operatorList={operatorList}
-          value: filter,
-          data: getPreColumns(),
-          exitData: getColumns(),
-          onChange: function onChange(val) {
-            selectFilter(val);
-          }
+          , {
+            // customTypes={customTypes}
+            // operatorList={operatorList}
+            value: filter,
+            data: getPreColumns(),
+            exitData: getColumns(),
+            onChange: function onChange(val) {
+              selectFilter(val);
+            }
+          })
         })
       }), _jsx(NextDom, {
         meta: meta,