@gingkoo/pandora-metabase 1.0.71 → 1.0.73

package/lib/cjs/components/dialog/custom-editor/index.js

@@ -15,8 +15,10 @@ var _formulaList = _interopRequireDefault(require("../formula-list"));
 var _utils = require("../formula-list/utils");
 var _locale = require("../../../locale");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _types = require("../../../store/types");
 var _pandora = require("@gingkoo/pandora");
 var _templateObject; // import { getTemplate } from './utils';
+// import { OptionsTypeEnum, customTypes, otherList, operatorList, functionList } from './enum';
 var VisualBox = _styledComponents["default"].div.attrs({
   className: 'visual-box'
 })(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
@@ -85,7 +87,8 @@ var CaseEditor = function CaseEditor(props) {
             data: data,
             exitData: exitData,
             ref: ref,
-            onChange: setCaseList
+            onChange: setCaseList,
+            _type: _types.FormulaTypeEnum.CUSTOM
           })]
         })
       })

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

@@ -962,9 +962,8 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
          * 不至于让用户每一个都自己选、
          * 比如说：条件字段 默认我们帮他选好第一个...
          */
-        var _getData2 = getData(curColumn),
-          conditions = _getData2.conditions;
-        setDefaultVal(conditions[0]);
+        // let { conditions } = getData(curColumn);
+        // setDefaultVal(conditions[0]);
       }
     })
   });

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

@@ -205,6 +205,7 @@ var CaseEditor = _react["default"].forwardRef(function (props, ref) {
                     value: v.list,
                     data: data,
                     ref: _ref,
+                    _type: _types.FormulaTypeEnum.FORMULA,
                     onChange: function onChange(data, _quotes) {
                       var _args = (0, _cloneDeep["default"])(fun.args);
                       _args[i].list = data;

package/lib/cjs/components/dialog/formula-list/index.d.ts

@@ -11,6 +11,7 @@ interface PropsType {
     check?: string;
     isCustom?: boolean;
     showPreview?: boolean;
+    _type?: string;
 }
 declare const FormulaList: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<unknown>>;
 export default FormulaList;

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+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");
@@ -31,9 +31,29 @@ var _arrow = _interopRequireDefault(require("./arrow.svg"));
 var _useProvider = require("../../../hooks/use-provider");
 var _itemName = _interopRequireDefault(require("../../modules/components/item-name"));
 var _diffViewer = _interopRequireDefault(require("../diff-viewer"));
+var _storage = _interopRequireDefault(require("../../../utils/storage"));
 var _excluded = ["notExistsToolbar", "toolbar"]; // import './index.less';
 var FormulaList = (0, _react.forwardRef)(function (props, ref) {
-  var _caseList2;
+  var _storage$_metabaseCop, _caseList2;
+  // 响应 storage._metabaseCopyItems 变化，保证粘贴按钮能实时显示
+  var _useState = (0, _react.useState)((_storage["default"] === null || _storage["default"] === void 0 || (_storage$_metabaseCop = _storage["default"]._metabaseCopyItems) === null || _storage$_metabaseCop === void 0 ? void 0 : _storage$_metabaseCop.length) || 0),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    checkedItemsCount = _useState2[0],
+    setCheckedItemsCount = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var _storage$_metabaseCop3;
+    // 监听 _metabaseCopyItems 变化（自定义事件）
+    var handler = function handler() {
+      var _storage$_metabaseCop2;
+      setCheckedItemsCount((_storage["default"] === null || _storage["default"] === void 0 || (_storage$_metabaseCop2 = _storage["default"]._metabaseCopyItems) === null || _storage$_metabaseCop2 === void 0 ? void 0 : _storage$_metabaseCop2.length) || 0);
+    };
+    window.addEventListener('sqb-checked-items-changed', handler);
+    // 初始化
+    setCheckedItemsCount((_storage["default"] === null || _storage["default"] === void 0 || (_storage$_metabaseCop3 = _storage["default"]._metabaseCopyItems) === null || _storage$_metabaseCop3 === void 0 ? void 0 : _storage$_metabaseCop3.length) || 0);
+    return function () {
+      window.removeEventListener('sqb-checked-items-changed', handler);
+    };
+  }, []);
   var value = props.value,
     data = props.data,
     exitData = props.exitData,
@@ -46,23 +66,36 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
     isCustom = _props$isCustom === void 0 ? false : _props$isCustom,
     _props$showPreview = props.showPreview,
     showPreview = _props$showPreview === void 0 ? true : _props$showPreview,
-    check = props.check;
+    check = props.check,
+    _props$_type = props._type,
+    _type = _props$_type === void 0 ? 'filter' : _props$_type;
   var caseList = value || [];
-  var _useState = (0, _react.useState)(''),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    oldCode = _useState2[0],
-    setOldCode = _useState2[1];
-  var _useState3 = (0, _react.useState)('code'),
+  var store = (0, _useProvider.useStore)();
+  var caseListRef = (0, _react.useRef)(caseList);
+  var _useState3 = (0, _react.useState)(''),
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    previewMode = _useState4[0],
-    setPreviewMode = _useState4[1];
+    oldCode = _useState4[0],
+    setOldCode = _useState4[1];
+  var _useState5 = (0, _react.useState)('code'),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    previewMode = _useState6[0],
+    setPreviewMode = _useState6[1];
+  var _useState7 = (0, _react.useState)(function () {
+      if (store.copyType.includes(_types.FormulaTypeEnum.ALL)) {
+        return true;
+      }
+      return store.copyType.includes(_type);
+    }),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    isCopy = _useState8[0],
+    setIsCopy = _useState8[1];
   (0, _react.useEffect)(function () {
     setOldCode(getPreviewStr(caseList));
   }, []);
-  var _useState5 = (0, _react.useState)(''),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    filterVal = _useState6[0],
-    setFilterVal = _useState6[1];
+  var _useState9 = (0, _react.useState)(''),
+    _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
+    filterVal = _useState0[0],
+    setFilterVal = _useState0[1];
   var setCaseList = function setCaseList(data) {
     var quotes = data.map(function (v, i) {
       if (v !== null && v !== void 0 && v.quotes) {
@@ -75,18 +108,37 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
     }).join(' ');
     onChange === null || onChange === void 0 || onChange(data, quotes);
     caseList = data;
+    caseListRef.current = data;
   };
-  var _useState7 = (0, _react.useState)(-1),
-    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-    ind = _useState8[0],
-    setInd = _useState8[1];
-  var store = (0, _useProvider.useStore)();
+  var _useState1 = (0, _react.useState)(-1),
+    _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
+    ind = _useState10[0],
+    setInd = _useState10[1];
   var filterCustomType = store.filterCustomType;
   var _ref = (0, _react.useRef)(null);
-  var _useState9 = (0, _react.useState)(false),
-    _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
-    isSqlError = _useState0[0],
-    setIsSqlError = _useState0[1];
+  var _useState11 = (0, _react.useState)({
+      isError: false
+    }),
+    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+    errorInfo = _useState12[0],
+    setErrorInfo = _useState12[1];
+  var _useState13 = (0, _react.useState)(false),
+    _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
+    isCheck = _useState14[0],
+    setIsCheck = _useState14[1];
+  var myInstanceIdRef = (0, _react.useRef)(Math.random().toString(36).slice(2));
+  var _useState15 = (0, _react.useState)(!!window.__sqb_selection_active__),
+    _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
+    globalSelectionActive = _useState16[0],
+    setGlobalSelectionActive = _useState16[1];
+  var _useState17 = (0, _react.useState)(window.__sqb_selection_owner__ || null),
+    _useState18 = (0, _slicedToArray2["default"])(_useState17, 2),
+    globalSelectionOwner = _useState18[0],
+    setGlobalSelectionOwner = _useState18[1];
+  var _useState19 = (0, _react.useState)([]),
+    _useState20 = (0, _slicedToArray2["default"])(_useState19, 2),
+    selectedIndices = _useState20[0],
+    setSelectedIndices = _useState20[1];
   (0, _react.useEffect)(function () {
     var leftBrackets = caseList.filter(function (v) {
       return v.type === _types.AtomsTypeEnum.OPERATOR && v.val === '(';
@@ -94,7 +146,9 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
     var rightBrackets = caseList.filter(function (v) {
       return v.type === _types.AtomsTypeEnum.OPERATOR && v.val === ')';
     }).length;
-    setIsSqlError(leftBrackets != rightBrackets);
+    // setIsSqlError(leftBrackets != rightBrackets);
+    var _errorInfo = (0, _utils2.validateExpressionIntegrity)(caseList);
+    setErrorInfo(_errorInfo);
   }, [caseList]);
   // 获取预览字符串
   var getPreviewStr = function getPreviewStr() {
@@ -243,6 +297,89 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
     setCaseList(_caseList);
     closePopup();
   }
+  // 重置粘贴状态
+  function initPaste() {
+    var isDispatch = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    setSelectedIndices([]);
+    setLocalItem([]);
+    setIsCheck(false);
+    //有些事不需要通知别的过滤器重置勾选状态
+    if (isDispatch) {
+      window.dispatchEvent(new CustomEvent('sqb-check-active', {
+        detail: {
+          owner: myInstanceIdRef.current
+        }
+      }));
+    }
+  }
+  // 粘贴到末尾并清除勾选
+  function handlePaste() {
+    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));
+      setCaseList(_caseList);
+    }
+    initPaste();
+  }
+  // 将值存在 localStorage
+  function setLocalItem(next) {
+    var _caseList = caseList.slice();
+    // determine items to paste (selected items have priority)
+    var itemsToPaste = [];
+    if (next.length > 0) {
+      // paste all selected items
+      itemsToPaste = next.map(function (i) {
+        return _caseList[i] ? (0, _cloneDeep["default"])(_caseList[i]) : null;
+      }).filter(Boolean);
+    }
+    _storage["default"]._metabaseCopyItems = itemsToPaste;
+    window.dispatchEvent(new CustomEvent('sqb-checked-items-changed'));
+  }
+  function toggleSelect(index, checked) {
+    var next = selectedIndices.slice();
+    if (checked) {
+      if (!next.includes(index)) next.push(index);
+    } else {
+      next = next.filter(function (i) {
+        return i !== index;
+      });
+    }
+    next = next.sort(function (a, b) {
+      return a - b;
+    });
+    setSelectedIndices(next);
+    setLocalItem(next);
+    // const active = next.length > 0;
+  }
+  var copyAll = function copyAll() {
+    _setIsCheck(true);
+    var allIndices = caseList.map(function (v, i) {
+      return i;
+    });
+    setSelectedIndices(allIndices);
+    setLocalItem(allIndices);
+  };
+  // 开启关闭勾选，清除别的过滤器勾选
+  var _setIsCheck = function _setIsCheck(val) {
+    initPaste();
+    setIsCheck(val);
+  };
+  (0, _react.useEffect)(function () {
+    var onCheckActive = function onCheckActive(e) {
+      var detail = (e === null || e === void 0 ? void 0 : e.detail) || {};
+      var owner = detail.owner;
+      if (owner && owner !== myInstanceIdRef.current) {
+        initPaste(false);
+      }
+    };
+    window.addEventListener('sqb-check-active', onCheckActive);
+    return function () {
+      window.removeEventListener('sqb-check-active', onCheckActive);
+    };
+  }, []);
   // 添加
   var addOperator = function addOperator(type, index, position) {
     var _caseList = caseList.slice() || [];
@@ -604,52 +741,47 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
         ind: index,
         position: ''
       });
-      // return (
-      //   <Select
-      //     triggerProps={{
-      //       clickToClose: true,
-      //     }}
-      //     value={v.val}
-      //     triggerElement={(value) => {
-      //       return (
-      //         <div
-      //           className={cx(`Sqb-TableName `, {
-      //             notSelected: true,
-      //           })}
-      //         >
-      //           {__('customColumn.selectCustomInput')}
-      //           <span style={{ fontSize: 0 }} onClick={(e) => handleDel(e, index)}>
-      //             <CloseIcon />
-      //           </span>
-      //         </div>
-      //       );
-      //     }}
-      //     onChange={(val) => {
-      //       addOperator(val, index, '');
-      //     }}
-      //   >
-      //     {_customTypes.map((option, index) => (
-      //       <Select.Option key={index + '' + ind} value={option.value}>
-      //         {option.label}
-      //       </Select.Option>
-      //     ))}
-      //   </Select>
-      // );
     }
   };
   return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: (0, _jsxRuntime.jsxs)("div", {
       className: "Sqb-NotebookCell",
-      children: [(_caseList2 = caseList) === null || _caseList2 === void 0 ? void 0 : _caseList2.map(function (v, i) {
+      children: [isCopy && caseList.length > 0 && (0, _jsxRuntime.jsxs)(_pandora.Space, {
+        size: 'small',
+        direction: 'vertical',
+        className: (0, _classnames["default"])('item-isCheck', {
+          isCheck: isCheck
+        }),
+        children: [(0, _jsxRuntime.jsx)(_pandora.Button, {
+          className: (0, _classnames["default"])('primary-color', {}),
+          size: 'small',
+          onClick: function onClick() {
+            return _setIsCheck(!isCheck);
+          },
+          primary: true,
+          children: isCheck ? (0, _locale.__)('customColumn.closeCopy') : (0, _locale.__)('customColumn.openCopy')
+        }), (0, _jsxRuntime.jsx)(_pandora.Button, {
+          className: (0, _classnames["default"])('', 'primary-color', {}),
+          size: 'small',
+          onClick: function onClick() {
+            return copyAll();
+          },
+          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-fixed': v.fixed || false,
+            'item-selected': isCheck
           }),
           onMouseEnter: function onMouseEnter(e) {
+            if (isCheck) return;
             setInd(i);
           },
           onMouseLeave: function onMouseLeave() {
+            if (isCheck) return;
             setInd(-1);
           },
           children: [selectOperator({
@@ -659,7 +791,7 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
                 "v-index": i,
                 "v-type": 'before',
                 onClick: function onClick() {
-                  addOperator(_types.AtomsTypeEnum.UNKNOWN, i, 'before');
+                  if (!selectedIndices.length) addOperator(_types.AtomsTypeEnum.UNKNOWN, i, 'before');
                 },
                 children: (0, _jsxRuntime.jsx)("img", {
                   src: _arrow["default"]
@@ -669,7 +801,20 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
             ind: i,
             position: 'before',
             trigger: 'hover'
-          }), itemDom(v, i), selectOperator({
+          }), 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: itemDom(v, i)
+          }), selectOperator({
             triggerElement: function triggerElement(value) {
               return (0, _jsxRuntime.jsx)("div", {
                 className: 'right-arrow',
@@ -698,6 +843,17 @@ 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", {
         className: (0, _classnames["default"])("mb-2 font-bold uppercase tracking-wider preview-box"),
         style: {
@@ -737,7 +893,7 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
               newCode: getPreviewStr(caseList)
             }), previewMode === 'code' && (0, _jsxRuntime.jsx)("div", {
               className: (0, _classnames["default"])({
-                isSqlError: isSqlError
+                isSqlError: errorInfo.isError
               }),
               children: caseList.map(function (v, i) {
                 if (v !== null && v !== void 0 && v.quotes) {
@@ -757,11 +913,31 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
                       children: [(0, _jsxRuntime.jsx)("br", {}), v.val, (0, _jsxRuntime.jsx)("br", {})]
                     }, i);
                   }
-                  if (v.type === _types.AtomsTypeEnum.OPERATOR && (v.val === '(' || v.val === ')')) {
-                    return (0, _jsxRuntime.jsx)("span", {
-                      className: 'mr-1 brackets',
-                      children: v.val
-                    }, i);
+                  if (v.type === _types.AtomsTypeEnum.OPERATOR) {
+                    if (v.val === '(' || v.val === ')') {
+                      return (0, _jsxRuntime.jsx)("span", {
+                        className: (0, _classnames["default"])('mr-1', {
+                          error: errorInfo.isBracket
+                        }),
+                        children: v.val
+                      }, i);
+                    }
+                    if (v.val === 'case' || v.val === 'end' || v.val === 'when' || v.val === 'then') {
+                      return (0, _jsxRuntime.jsx)("span", {
+                        className: (0, _classnames["default"])('mr-1', {
+                          error: errorInfo.isCase
+                        }),
+                        children: v.val
+                      }, i);
+                    }
+                    if (v.val === 'over') {
+                      return (0, _jsxRuntime.jsx)("span", {
+                        className: (0, _classnames["default"])('mr-1', {
+                          error: errorInfo.isOver
+                        }),
+                        children: v.val
+                      }, i);
+                    }
                   }
                   return (0, _jsxRuntime.jsx)("span", {
                     className: 'mr-1',
@@ -769,6 +945,13 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
                   }, i);
                 }
               })
+            }), (0, _jsxRuntime.jsx)("div", {
+              className: 'errorMsg mt-2',
+              children: errorInfo.isError && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+                children: ["\u63D0\u793A\uFF1A", (0, _jsxRuntime.jsx)("span", {
+                  children: errorInfo.error
+                })]
+              })
             })]
           })]
         })

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

@@ -6,4 +6,58 @@
   .preview-container {
     width: 100%;
   }
+
+  .isSqlError {
+    background-color: rgba(255, 0, 0, 0.1) !important;
+    padding: 5px;
+    .error {
+      color: rgb(245, 63, 63) !important;
+    }
+  }
+
+  .errorMsg {
+    color: rgb(245, 63, 63);
+    // font-size: 10px;
+  }
+}
+.Sqb-Filter-item {
+  position: relative;
+  &.item-selected {
+    .item-check {
+      display: block;
+    }
+  }
+  .item-check {
+    display: none;
+    position: absolute;
+    // right: 0;
+    // top: -10px;
+    z-index: 1;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 36px;
+    .pd-Checkbox-mask-wrapper {
+      margin-top: 10px;
+      margin-left: 5px;
+    }
+  }
+}
+.Sqb-NotebookCell {
+  position: relative;
+  &:hover {
+    .item-isCheck {
+      display: block;
+    }
+  }
+  .item-isCheck {
+    &.isCheck {
+      display: block;
+    }
+    display: none;
+    position: absolute;
+    right: 0;
+    top: 0;
+    // transform: translateX(100%);
+  }
 }

package/lib/cjs/components/dialog/formula-list/utils.d.ts

@@ -19,3 +19,10 @@ export declare const customTypes: ({
 })[];
 export declare const getTemplateItem: (type: AtomsTypeEnum, item?: any) => AtomsItem;
 export declare const isOk: (rhsVal: AtomsItem[]) => boolean;
+export declare function validateExpressionIntegrity(list: AtomsItem[]): {
+    isError: boolean;
+    error?: string;
+    isBracket?: boolean;
+    isCase?: boolean;
+    isOver?: boolean;
+};