@gingkoo/pandora-metabase 1.0.81 → 1.0.83

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();
@@ -465,6 +504,8 @@ var FormulaList = forwardRef(function (props, ref) {
       transparentMask: true,
       content: _jsx(_Fragment, {
         children: _jsx(Metabase, _objectSpread(_objectSpread({}, other), {}, {
+          isExit: true,
+          isSubquery: true,
           notExistsColumns: exitData,
           fieldEnableAlias: false,
           toolbar: _toolbar,
@@ -804,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",
@@ -829,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() {
@@ -904,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;
 }

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;