@gingkoo/pandora-metabase 1.0.152 → 1.0.153

package/lib/cjs/components/modules/summarize/group-by.js

@@ -528,7 +528,7 @@ var GroupBy = function GroupBy(props) {
               return handleUpdate(e, i);
             },
             children: [v.quotes && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-              children: store.groupByEnableAlias && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+              children: store.groupByEnableAlias && !store.snapshotMode && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
                 title: !(0, _utils.isValidSQLAlias)(v === null || v === void 0 ? void 0 : v.fieldAlias) ? (0, _locale.__)('SqlQueryBuilder.aliasForRules') : (0, _locale.__)('SqlQueryBuilder.alias'),
                 children: (0, _jsxRuntime.jsx)(_pandora.Button, {
                   className: (0, _classnames["default"])(':Sqb-TableName-as :Sqb-TableName green-name', (0, _defineProperty2["default"])({}, 'isError', !(0, _utils.isValidSQLAlias)(v === null || v === void 0 ? void 0 : v.fieldAlias))),
@@ -543,7 +543,7 @@ var GroupBy = function GroupBy(props) {
                   }
                 })
               })
-            }), "".concat(v.quotes, " ").concat(v.fieldAlias ? "as ".concat(v.fieldAlias) : ''), (0, _jsxRuntime.jsx)("span", {
+            }), "".concat(v.quotes, " ").concat(v.fieldAlias ? "as ".concat(v.fieldAlias) : ''), !store.snapshotMode && (0, _jsxRuntime.jsx)("span", {
               style: {
                 fontSize: 0
               },
@@ -555,7 +555,7 @@ var GroupBy = function GroupBy(props) {
           })
         })
       }, i);
-    }), (0, _jsxRuntime.jsx)("div", {
+    }), !store.snapshotMode && (0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames["default"])("Sqb-TableName green-name", {
         notSelected: notBySelected
       }),

package/lib/cjs/components/modules/summarize/select-index.js

@@ -427,7 +427,7 @@ var SelectIndex = function SelectIndex(props) {
               return handleUpdate(e, i);
             },
             children: [v.quotes && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-              children: store.groupByEnableAlias && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+              children: store.groupByEnableAlias && !store.snapshotMode && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
                 title: !(0, _utils.isValidSQLAlias)(v === null || v === void 0 ? void 0 : v.fieldAlias) ? (0, _locale.__)('SqlQueryBuilder.aliasForRules') : (0, _locale.__)('SqlQueryBuilder.alias'),
                 children: (0, _jsxRuntime.jsx)(_pandora.Button, {
                   className: (0, _classnames["default"])(':Sqb-TableName-as :Sqb-TableName green-name', (0, _defineProperty2["default"])({}, 'isError', !(0, _utils.isValidSQLAlias)(v === null || v === void 0 ? void 0 : v.fieldAlias))),
@@ -442,7 +442,7 @@ var SelectIndex = function SelectIndex(props) {
                   }
                 })
               })
-            }), "".concat(v.quotes, " ").concat(v.fieldAlias ? "as ".concat(v.fieldAlias) : ''), (0, _jsxRuntime.jsx)("span", {
+            }), "".concat(v.quotes, " ").concat(v.fieldAlias ? "as ".concat(v.fieldAlias) : ''), !store.snapshotMode && (0, _jsxRuntime.jsx)("span", {
               style: {
                 fontSize: 0
               },
@@ -454,7 +454,7 @@ var SelectIndex = function SelectIndex(props) {
           })
         })
       }, i);
-    }), (0, _jsxRuntime.jsx)("div", {
+    }), !store.snapshotMode && (0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames["default"])("Sqb-TableName green-name", {
         notSelected: notGroupSelected
       }),

package/lib/cjs/components/modules/table-data.js

@@ -85,7 +85,7 @@ var TableData = function TableData(props) {
     }, 0);
   }, [meta]);
   function selectTable(e) {
-    !meta.readonly && store.setPopup({
+    !meta.readonly && !store.snapshotMode && store.setPopup({
       visible: true,
       node: e.currentTarget,
       content: (0, _jsxRuntime.jsx)(_dialog.SelectTable, {
@@ -128,6 +128,7 @@ var TableData = function TableData(props) {
         groupIndex: groupIndex,
         table: meta.table,
         metaIndex: 0,
+        readonly: store.snapshotMode,
         data: columns,
         onChange: function onChange(data, newMetaList) {
           var _newMetaList = newMetaList || store.metaList[groupIndex].list.slice();
@@ -310,7 +311,7 @@ var TableData = function TableData(props) {
                   },
                   children: [subQuerySelected && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
                     children: function () {
-                      var showButton = store.tableEnableAlias || tableIsError() && isDel;
+                      var showButton = !store.snapshotMode && (store.tableEnableAlias || tableIsError() && isDel);
                       var icon = isDel ? (0, _jsxRuntime.jsx)(_pandoraIcons.ExclamationCircleFill, {}) : store.tableEnableAlias ? 'As' : '';
                       return showButton ? (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
                         title: (0, _locale.__)(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
@@ -352,7 +353,7 @@ var TableData = function TableData(props) {
                 onClick: selectTable,
                 children: [selected && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
                   children: function () {
-                    var showButton = store.tableEnableAlias || tableIsError() && isDel;
+                    var showButton = !store.snapshotMode && (store.tableEnableAlias || tableIsError() && isDel);
                     var icon = isDel ? (0, _jsxRuntime.jsx)(_pandoraIcons.ExclamationCircleFill, {}) : store.tableEnableAlias ? 'As' : '';
                     return showButton ? (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
                       title: (0, _locale.__)(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
@@ -384,7 +385,7 @@ var TableData = function TableData(props) {
                   }()
                 }), selected ? "".concat(meta.table.datasourceName, ".").concat(meta.table.name, " ").concat((_meta$table7 = meta.table) !== null && _meta$table7 !== void 0 && _meta$table7.alias && store.tableEnableAlias ? "as ".concat((_meta$table8 = meta.table) === null || _meta$table8 === void 0 ? void 0 : _meta$table8.alias) : '') : (0, _locale.__)('SqlQueryBuilder.pickTable')]
               })
-            }), store.showSubquery && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+            }), store.showSubquery && (!store.snapshotMode || meta.isSubquery) && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
               title: (0, _locale.__)('SqlQueryBuilder.switchSubQuery'),
               children: (0, _jsxRuntime.jsx)(_pandora.Button, {
                 disabled: meta.readonly,
@@ -396,6 +397,7 @@ var TableData = function TableData(props) {
               })
             }), selected && store.showFields && (!store.isExit || store.isSubquery) && ((_store$showMainColumn = store.showMainColumn[groupIndex]) === null || _store$showMainColumn === void 0 ? void 0 : _store$showMainColumn.showColumn) && (0, _jsxRuntime.jsx)("div", {
               className: "Sqb-TableColumns",
+              "data-sqb-snapshot-allow": 'true',
               onClick: selectColumns,
               children: (0, _locale.__)('SqlQueryBuilder.columns')
             })]

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

@@ -27,7 +27,7 @@ var RowLimit = function RowLimit(props) {
     groupIndex = props.groupIndex;
   var store = (0, _useProvider.useStore)();
   function selectOperator(e) {
-    !meta.readonly && store.setPopup({
+    !meta.readonly && !store.snapshotMode && store.setPopup({
       visible: true,
       node: e.currentTarget,
       content: (0, _jsxRuntime.jsx)(_selectList["default"], {

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

@@ -166,80 +166,84 @@ var useStore = function useStore() {
     _useState50 = (0, _slicedToArray2["default"])(_useState49, 2),
     tableFlat = _useState50[0],
     setTableFlat = _useState50[1];
-  var _useState51 = (0, _react.useState)([]),
+  var _useState51 = (0, _react.useState)(false),
     _useState52 = (0, _slicedToArray2["default"])(_useState51, 2),
-    sourceTable = _useState52[0],
-    setSourceTable = _useState52[1];
+    snapshotMode = _useState52[0],
+    setSnapshotMode = _useState52[1];
   var _useState53 = (0, _react.useState)([]),
     _useState54 = (0, _slicedToArray2["default"])(_useState53, 2),
-    operatorList = _useState54[0],
-    setOperatorList = _useState54[1];
+    sourceTable = _useState54[0],
+    setSourceTable = _useState54[1];
   var _useState55 = (0, _react.useState)([]),
     _useState56 = (0, _slicedToArray2["default"])(_useState55, 2),
-    copyType = _useState56[0],
-    setCopyType = _useState56[1];
-  var _useState57 = (0, _react.useState)(false),
+    operatorList = _useState56[0],
+    setOperatorList = _useState56[1];
+  var _useState57 = (0, _react.useState)([]),
     _useState58 = (0, _slicedToArray2["default"])(_useState57, 2),
-    metabaseCopy = _useState58[0],
-    setMetabaseCopy = _useState58[1];
+    copyType = _useState58[0],
+    setCopyType = _useState58[1];
   var _useState59 = (0, _react.useState)(false),
     _useState60 = (0, _slicedToArray2["default"])(_useState59, 2),
-    moduleDiff = _useState60[0],
-    setModuleDiff = _useState60[1];
+    metabaseCopy = _useState60[0],
+    setMetabaseCopy = _useState60[1];
   var _useState61 = (0, _react.useState)(false),
     _useState62 = (0, _slicedToArray2["default"])(_useState61, 2),
-    showFormulaSql = _useState62[0],
-    setShowFormulaSql = _useState62[1];
+    moduleDiff = _useState62[0],
+    setModuleDiff = _useState62[1];
   var _useState63 = (0, _react.useState)(false),
     _useState64 = (0, _slicedToArray2["default"])(_useState63, 2),
-    showFormulaDiff = _useState64[0],
-    setShowFormulaDiff = _useState64[1];
-  var _useState65 = (0, _react.useState)(true),
+    showFormulaSql = _useState64[0],
+    setShowFormulaSql = _useState64[1];
+  var _useState65 = (0, _react.useState)(false),
     _useState66 = (0, _slicedToArray2["default"])(_useState65, 2),
-    matchBrackets = _useState66[0],
-    setMatchBrackets = _useState66[1];
-  var _useState67 = (0, _react.useState)(false),
+    showFormulaDiff = _useState66[0],
+    setShowFormulaDiff = _useState66[1];
+  var _useState67 = (0, _react.useState)(true),
     _useState68 = (0, _slicedToArray2["default"])(_useState67, 2),
-    hasFormulaSqlCode = _useState68[0],
-    setHasFormulaSqlCode = _useState68[1];
+    matchBrackets = _useState68[0],
+    setMatchBrackets = _useState68[1];
   var _useState69 = (0, _react.useState)(false),
     _useState70 = (0, _slicedToArray2["default"])(_useState69, 2),
-    hasFormulaDiffCode = _useState70[0],
-    setHasFormulaDiffCode = _useState70[1];
-  var _useState71 = (0, _react.useState)([]),
+    hasFormulaSqlCode = _useState70[0],
+    setHasFormulaSqlCode = _useState70[1];
+  var _useState71 = (0, _react.useState)(false),
     _useState72 = (0, _slicedToArray2["default"])(_useState71, 2),
-    sourceData = _useState72[0],
-    setSourceData = _useState72[1];
-  var _useState73 = (0, _react.useState)(false),
+    hasFormulaDiffCode = _useState72[0],
+    setHasFormulaDiffCode = _useState72[1];
+  var _useState73 = (0, _react.useState)([]),
     _useState74 = (0, _slicedToArray2["default"])(_useState73, 2),
-    moduleCopy = _useState74[0],
-    setModuleCopy = _useState74[1];
+    sourceData = _useState74[0],
+    setSourceData = _useState74[1];
   var _useState75 = (0, _react.useState)(false),
     _useState76 = (0, _slicedToArray2["default"])(_useState75, 2),
-    isMetabaseCopy = _useState76[0],
-    setIsMetabaseCopy = _useState76[1];
+    moduleCopy = _useState76[0],
+    setModuleCopy = _useState76[1];
   var _useState77 = (0, _react.useState)(false),
     _useState78 = (0, _slicedToArray2["default"])(_useState77, 2),
-    joinAliasConflictCheck = _useState78[0],
-    setJoinAliasConflictCheck = _useState78[1];
-  var _useState79 = (0, _react.useState)([]),
+    isMetabaseCopy = _useState78[0],
+    setIsMetabaseCopy = _useState78[1];
+  var _useState79 = (0, _react.useState)(false),
     _useState80 = (0, _slicedToArray2["default"])(_useState79, 2),
-    existsError = _useState80[0],
-    setExistsError = _useState80[1];
-  var rightClickButtonValueMap = (0, _react.useRef)({});
+    joinAliasConflictCheck = _useState80[0],
+    setJoinAliasConflictCheck = _useState80[1];
   var _useState81 = (0, _react.useState)([]),
     _useState82 = (0, _slicedToArray2["default"])(_useState81, 2),
-    rightClickMenu = _useState82[0],
-    setRightClickMenu = _useState82[1];
-  var _useState83 = (0, _react.useState)(null),
+    existsError = _useState82[0],
+    setExistsError = _useState82[1];
+  var rightClickButtonValueMap = (0, _react.useRef)({});
+  var _useState83 = (0, _react.useState)([]),
     _useState84 = (0, _slicedToArray2["default"])(_useState83, 2),
-    rightClickMenuState = _useState84[0],
-    setRightClickMenuState = _useState84[1];
-  var rightClickMenuClickRef = (0, _react.useRef)();
-  var _useState85 = (0, _react.useState)(_storage["default"]._metabaseCopyModule || []),
+    rightClickMenu = _useState84[0],
+    setRightClickMenu = _useState84[1];
+  var _useState85 = (0, _react.useState)(null),
     _useState86 = (0, _slicedToArray2["default"])(_useState85, 2),
-    metabaseCopyModule = _useState86[0],
-    setMetabaseCopyModule = _useState86[1];
+    rightClickMenuState = _useState86[0],
+    setRightClickMenuState = _useState86[1];
+  var rightClickMenuClickRef = (0, _react.useRef)();
+  var _useState87 = (0, _react.useState)(_storage["default"]._metabaseCopyModule || []),
+    _useState88 = (0, _slicedToArray2["default"])(_useState87, 2),
+    metabaseCopyModule = _useState88[0],
+    setMetabaseCopyModule = _useState88[1];
   var setRightClickMenuClick = function setRightClickMenuClick(fn) {
     rightClickMenuClickRef.current = fn;
   };
@@ -607,6 +611,12 @@ var useStore = function useStore() {
           case 0:
             changeObj = _args9.length > 2 && _args9[2] !== undefined ? _args9[2] : {};
             _metaList = _args9.length > 3 ? _args9[3] : undefined;
+            if (!(snapshotMode && changeObj !== 'init')) {
+              _context9.next = 1;
+              break;
+            }
+            return _context9.abrupt("return");
+          case 1:
             prevMeta = (0, _cloneDeep["default"])(_metaList || latestMetaListRef.current);
             newMeta = (0, _cloneDeep["default"])(prevMeta);
             if (newMeta[groupInd]) {
@@ -614,23 +624,23 @@ var useStore = function useStore() {
               _setMeta(newMeta);
             }
             if (!(changeObj === 'init')) {
-              _context9.next = 1;
+              _context9.next = 2;
               break;
             }
             return _context9.abrupt("return");
-          case 1:
+          case 2:
             oldData = (0, _utils.splitByUnion)(prevMeta);
             newData = (0, _utils.splitByUnion)(newMeta);
-            _context9.next = 2;
+            _context9.next = 3;
             return fetchChangeFn.current(oldData, changeObj, {
               isExit: isExit
             }, newData);
-          case 2:
+          case 3:
             isChange = _context9.sent;
             if (isChange === false) {
               _setMeta(prevMeta);
             }
-          case 3:
+          case 4:
           case "end":
             return _context9.stop();
         }
@@ -935,6 +945,7 @@ var useStore = function useStore() {
     };
   };
   var addMeta = function addMeta(type, index, groupIndex, obj, onConflict) {
+    if (snapshotMode) return false;
     if (joinAliasConflictCheck && obj && obj.length > 0) {
       var conflict = checkTable1Conflict(obj, index, groupIndex);
       if (conflict.hasConflict && conflict.conflictingAlias && onConflict) {
@@ -970,6 +981,7 @@ var useStore = function useStore() {
     return true;
   };
   var delMeta = function delMeta(meta, groupIndex) {
+    if (snapshotMode) return;
     if (meta.type === 'group') {
       var _newMeta = metaList.slice();
       _newMeta.splice(groupIndex, 1);
@@ -1111,6 +1123,8 @@ var useStore = function useStore() {
     setIsSelectFields: setIsSelectFields,
     tableFlat: tableFlat,
     setTableFlat: setTableFlat,
+    snapshotMode: snapshotMode,
+    setSnapshotMode: setSnapshotMode,
     getSourceTable: getSourceTable,
     sourceTable: sourceTable,
     copyType: copyType,

package/lib/cjs/index.js

@@ -26,6 +26,8 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     loading = _props$loading === void 0 ? false : _props$loading,
     _props$showFields = props.showFields,
     showFields = _props$showFields === void 0 ? true : _props$showFields,
+    _props$snapshotMode = props.snapshotMode,
+    snapshotMode = _props$snapshotMode === void 0 ? false : _props$snapshotMode,
     getTables = props.getTables,
     getColumns = props.getColumns,
     onChange = props.onChange,
@@ -131,6 +133,7 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     store.setGroupByEnableAlias(groupByEnableAlias);
     store.setIsSelectFields(isSelectFields);
     store.setTableFlat(tableFlat);
+    store.setSnapshotMode(snapshotMode);
     store.setCopyType(copyType || EMPTY_ARRAY);
     store.setMetabaseCopy(metabaseCopy);
     store.setModuleDiff(moduleDiff);
@@ -141,7 +144,7 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     store.setModuleCopy(moduleCopy);
     store.setJoinAliasConflictCheck(joinAliasConflictCheck);
     store.setOperatorList(operatorList || EMPTY_ARRAY);
-  }, [showFields, fieldNameTpl, tableNameTpl, toolbar, showSubquery, subShowSubquery, constantList, formulaTemplates, ignoreGroupByType, filterCustomType, isExit, tableEnableAlias, fieldEnableAlias, groupByEnableAlias, isSelectFields, tableFlat, copyType, metabaseCopy, moduleDiff, showFormulaSql, showFormulaDiff, matchBrackets, getFormulaSqlCode, getFormulaDiffCode, isSubquery, moduleCopy, joinAliasConflictCheck, operatorList]);
+  }, [showFields, fieldNameTpl, tableNameTpl, toolbar, showSubquery, subShowSubquery, constantList, formulaTemplates, ignoreGroupByType, filterCustomType, isExit, tableEnableAlias, fieldEnableAlias, groupByEnableAlias, isSelectFields, tableFlat, snapshotMode, copyType, metabaseCopy, moduleDiff, showFormulaSql, showFormulaDiff, matchBrackets, getFormulaSqlCode, getFormulaDiffCode, isSubquery, moduleCopy, joinAliasConflictCheck, operatorList]);
   _react["default"].useImperativeHandle(ref, function () {
     return {
       reset: function reset() {
@@ -161,7 +164,9 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     msg: (0, _locale.__)('loading')
   });
   return (0, _jsxRuntime.jsx)(_useProvider.Provider, {
-    value: store,
+    value: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, store), {}, {
+      snapshotMode: snapshotMode
+    }),
     children: (0, _jsxRuntime.jsx)(_metabase["default"], (0, _objectSpread2["default"])({}, props))
   });
 });

package/lib/cjs/types.d.ts

@@ -45,6 +45,7 @@ export interface MetabaseProps {
     btnText?: string;
     showFields?: boolean;
     readonly?: boolean;
+    snapshotMode?: boolean;
     getTables: (datasourceId: string, options: FetchOptions) => Promise<any>;
     getColumns: (table: {
         name: string;

package/lib/es/components/dialog/formula-list/CaseWhenGroup.d.ts

@@ -17,6 +17,7 @@ type Props = {
     onZoomCase?: (e: any) => void;
     onDeleteCase?: (e: any) => void;
     showTools?: boolean;
+    readonly?: boolean;
     isNested?: boolean;
     useBranchScrollInner?: boolean;
     caseRegionKey?: string;
@@ -24,5 +25,5 @@ type Props = {
     activeRegionKey?: string | null;
     onActivateRegion?: (key: string) => void;
 };
-declare const CaseWhenGroup: ({ caseAtomsContent, whenClauses, elseContent, onAddBranch, onAddElse, onRemoveElse, onZoomCase, onDeleteCase, showTools, isNested, useBranchScrollInner, caseRegionKey, elseRegionKey, activeRegionKey, onActivateRegion, }: Props) => React.JSX.Element;
+declare const CaseWhenGroup: ({ caseAtomsContent, whenClauses, elseContent, onAddBranch, onAddElse, onRemoveElse, onZoomCase, onDeleteCase, showTools, readonly, isNested, useBranchScrollInner, caseRegionKey, elseRegionKey, activeRegionKey, onActivateRegion, }: Props) => React.JSX.Element;
 export default CaseWhenGroup;

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

@@ -69,6 +69,8 @@ var CaseWhenGroup = function CaseWhenGroup(_ref) {
     onDeleteCase = _ref.onDeleteCase,
     _ref$showTools = _ref.showTools,
     showTools = _ref$showTools === void 0 ? true : _ref$showTools,
+    _ref$readonly = _ref.readonly,
+    readonly = _ref$readonly === void 0 ? false : _ref$readonly,
     _ref$isNested = _ref.isNested,
     isNested = _ref$isNested === void 0 ? false : _ref$isNested,
     _ref$useBranchScrollI = _ref.useBranchScrollInner,
@@ -105,7 +107,7 @@ var CaseWhenGroup = function CaseWhenGroup(_ref) {
     className: cx('Sqb-FormulaGroup', 'flow-group', 'formula-node-group', 'Sqb-CaseWhenGroup', {
       'Sqb-CaseWhenGroup--nested': isNested
     }),
-    children: [showTools && _jsxs("div", {
+    children: [showTools && !readonly && _jsxs("div", {
       className: 'Sqb-CaseWhenTools',
       children: [onZoomCase && _jsx(Tooltip, {
         title: "\u7F16\u8F91 caseWhen",
@@ -177,7 +179,7 @@ var CaseWhenGroup = function CaseWhenGroup(_ref) {
               })]
             })]
           }))
-        }), _jsxs("div", {
+        }), !readonly && _jsxs("div", {
           className: 'Sqb-CaseRow-actions when-row-actions',
           children: [_jsx(Tooltip, {
             title: "\u65B0\u589E when",
@@ -206,7 +208,7 @@ var CaseWhenGroup = function CaseWhenGroup(_ref) {
           })]
         })]
       }, branch.key);
-    }), whenClauses.length < 1 && _jsx(Tooltip, {
+    }), !readonly && whenClauses.length < 1 && _jsx(Tooltip, {
       title: "\u65B0\u589E when",
       children: _jsxs("button", {
         type: 'button',
@@ -237,7 +239,7 @@ var CaseWhenGroup = function CaseWhenGroup(_ref) {
             children: elseContent
           })]
         }))
-      }), _jsx("div", {
+      }), !readonly && _jsx("div", {
         className: 'Sqb-CaseRow-actions when-row-actions',
         children: _jsx(Tooltip, {
           title: "\u5220\u9664 else",
@@ -253,7 +255,7 @@ var CaseWhenGroup = function CaseWhenGroup(_ref) {
           })
         })
       })]
-    }), !elseContent && _jsx(Tooltip, {
+    }), !readonly && !elseContent && _jsx(Tooltip, {
       title: "\u65B0\u589E else",
       children: _jsxs("button", {
         type: 'button',

package/lib/es/components/dialog/formula-list/LogicGroup.d.ts

@@ -8,6 +8,7 @@ type Props = {
     onAddItem: () => void;
     onDeleteItem: (operatorIndex: number, side: 'left' | 'right') => void;
     onDelete: (e: any) => void;
+    readonly?: boolean;
 };
-declare const LogicGroup: ({ items, onChangeOperator, onAddItem, onDeleteItem, onDelete, }: Props) => React.JSX.Element;
+declare const LogicGroup: ({ items, onChangeOperator, onAddItem, onDeleteItem, onDelete, readonly, }: Props) => React.JSX.Element;
 export default LogicGroup;

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

@@ -19,7 +19,9 @@ var LogicGroup = function LogicGroup(_ref) {
     onChangeOperator = _ref.onChangeOperator,
     onAddItem = _ref.onAddItem,
     onDeleteItem = _ref.onDeleteItem,
-    onDelete = _ref.onDelete;
+    onDelete = _ref.onDelete,
+    _ref$readonly = _ref.readonly,
+    readonly = _ref$readonly === void 0 ? false : _ref$readonly;
   var canDeleteItem = items.length > 2;
   var handleOperatorMenuChange = function handleOperatorMenuChange(operatorIndex, action) {
     if (action === 'add') {
@@ -76,7 +78,7 @@ var LogicGroup = function LogicGroup(_ref) {
     }), _jsx("span", {
       className: 'Sqb-CaseKeyword',
       children: ")"
-    }), _jsx(Tooltip, {
+    }), !readonly && _jsx(Tooltip, {
       title: "\u5220\u9664 and/or",
       children: _jsx("button", {
         type: 'button',

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

@@ -156,6 +156,7 @@ var FormulaList = forwardRef(function (props, ref) {
     };
   }, []);
   var store = useStore();
+  var snapshotMode = Boolean(store.snapshotMode);
   var _props$value = props.value,
     value = _props$value === void 0 ? [] : _props$value,
     data = props.data,
@@ -957,6 +958,7 @@ var FormulaList = forwardRef(function (props, ref) {
     var caseRegionKey = "case-".concat(index, "-case");
     var elseRegionKey = "case-".concat(index, "-else");
     return _jsx(CaseWhenGroup, {
+      readonly: snapshotMode,
       isNested: embedded,
       useBranchScrollInner: !embedded,
       caseRegionKey: caseRegionKey,
@@ -1068,6 +1070,7 @@ var FormulaList = forwardRef(function (props, ref) {
       updateAtomAt(index, buildAndOrItem(value, nextItems));
     };
     return _jsx(LogicGroup, {
+      readonly: snapshotMode,
       items: items.map(function (item, itemIndex) {
         return {
           operator: item.operator,
@@ -2088,6 +2091,7 @@ var FormulaList = forwardRef(function (props, ref) {
   var copyDom = function copyDom() {
     var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
     var positioned = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    if (snapshotMode) return null;
     if (embedded) return null;
     if (!isCopy || selectedIndices.length === 0 && checkedItemsCount === 0) return null;
     return _jsx("div", {
@@ -2120,8 +2124,8 @@ var FormulaList = forwardRef(function (props, ref) {
     var showCheckbox = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
     var itemContent = itemDom(v, i, groupType);
     var isCompositeAtom = v.type === AtomsTypeEnum.CASE_WHEN || v.type === AtomsTypeEnum.AND_OR;
-    var showAfterArrow = canShowItemInsertArrows(v, groupType);
-    var showBeforeArrow = canShowItemInsertArrows(v, groupType);
+    var showAfterArrow = !snapshotMode && canShowItemInsertArrows(v, groupType);
+    var showBeforeArrow = !snapshotMode && canShowItemInsertArrows(v, groupType);
     return _jsx(React.Fragment, {
       children: _jsxs("div", {
         className: cx('Sqb-Filter-item', _defineProperty({
@@ -2160,7 +2164,7 @@ var FormulaList = forwardRef(function (props, ref) {
           ind: i,
           position: 'before',
           trigger: 'hover'
-        }), !embedded && showCheckbox && v.type !== AtomsTypeEnum.UNKNOWN && _jsx(Checkbox, {
+        }), !snapshotMode && !embedded && showCheckbox && v.type !== AtomsTypeEnum.UNKNOWN && _jsx(Checkbox, {
           className: 'item-check',
           checked: selectedIndices.includes(i),
           disabled: globalSelectionActive && globalSelectionOwner !== myInstanceIdRef.current,
@@ -2170,7 +2174,7 @@ var FormulaList = forwardRef(function (props, ref) {
           }
         }), _jsx("div", {
           style: {
-            pointerEvents: isCheck || store.isMetabaseCopy ? 'none' : 'auto'
+            pointerEvents: snapshotMode || isCheck || store.isMetabaseCopy ? 'none' : 'auto'
           },
           className: cx('Sqb-Filter-item-node', {
             openCheck: isCheck && !isCompositeAtom
@@ -2214,6 +2218,7 @@ var FormulaList = forwardRef(function (props, ref) {
     });
   };
   var renderDeleteIcon = function renderDeleteIcon(item, index, groupType) {
+    if (snapshotMode) return null;
     if (!canDeleteItem(item, groupType)) return null;
     return _jsx(Tooltip, {
       title: "\u5220\u9664",
@@ -2266,8 +2271,8 @@ var FormulaList = forwardRef(function (props, ref) {
       trigger: 'hover'
     });
   };
-  var showFormulaListZoom = !embedded && enableZoom;
-  var showCopyTools = !embedded && isCopy && caseList.length > 0;
+  var showFormulaListZoom = !snapshotMode && !embedded && enableZoom;
+  var showCopyTools = !snapshotMode && !embedded && isCopy && caseList.length > 0;
   var renderFormulaListZoomButton = function renderFormulaListZoomButton() {
     return _jsx(Tooltip, {
       title: "\u7F16\u8F91",
@@ -2332,7 +2337,7 @@ var FormulaList = forwardRef(function (props, ref) {
         children: renderFormulaListZoomButton()
       }), caseList.map(function (item, itemIndex) {
         return renderItemShell(item, itemIndex, 'single');
-      }), Array.from(caseList).length < 1 && selectOperator({
+      }), !snapshotMode && Array.from(caseList).length < 1 && selectOperator({
         triggerElement: function triggerElement() {
           return _jsx(Tooltip, {
             title: "\u6DFB\u52A0",
@@ -2346,7 +2351,7 @@ var FormulaList = forwardRef(function (props, ref) {
         ind: -1,
         position: 'add',
         trigger: 'click'
-      }), !embedded && copyDom(-1, false), !embedded && showPreview && _jsx("div", {
+      }), !embedded && !snapshotMode && copyDom(-1, false), !snapshotMode && !embedded && showPreview && _jsx("div", {
         className: cx("mb-2 font-bold uppercase tracking-wider preview-box"),
         style: {
           fontSize: 12,
@@ -2376,7 +2381,7 @@ var FormulaList = forwardRef(function (props, ref) {
               onClick: showFormulaDiff,
               children: "\u5BF9\u6BD4\u7ED3\u679C"
             })]
-          }), _jsx("div", {
+          }), !snapshotMode && _jsx("div", {
             className: 'errorMsg mt-2',
             children: errorInfo.isError && _jsxs(_Fragment, {
               children: ["\u63D0\u793A\uFF1A", _jsx("span", {

package/lib/es/components/dialog/select-column/index.d.ts

@@ -6,7 +6,8 @@ interface PropsType {
     table?: Partial<MetaData_TableType>;
     metaIndex?: number;
     groupIndex: number;
+    readonly?: boolean;
     onChange: (record: MetaData_ColumnsType[], newMetaList?: any[]) => void;
 }
-declare const SelectColumn: ({ data, table, metaIndex, groupIndex, onChange }: PropsType) => React.JSX.Element;
+declare const SelectColumn: ({ data, table, metaIndex, groupIndex, readonly, onChange, }: PropsType) => React.JSX.Element;
 export default SelectColumn;

package/lib/es/components/dialog/select-column/index.js

@@ -22,6 +22,8 @@ var SelectColumn = function SelectColumn(_ref) {
     table = _ref.table,
     metaIndex = _ref.metaIndex,
     groupIndex = _ref.groupIndex,
+    _ref$readonly = _ref.readonly,
+    readonly = _ref$readonly === void 0 ? false : _ref$readonly,
     onChange = _ref.onChange;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -88,6 +90,7 @@ var SelectColumn = function SelectColumn(_ref) {
   }, [isAllSelect]);
   function onSelect(columns, newMetaList) {
     var useColumnsDirectly = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    if (readonly) return;
     var originalData = cloneDeep(originList);
     var mergedColumns = useColumnsDirectly ? cloneDeep(columns) : originalData.map(function (item) {
       var match = columns.find(function (col) {
@@ -100,6 +103,7 @@ var SelectColumn = function SelectColumn(_ref) {
     typeof onChange === 'function' && onChange(mergedColumns, newMetaList);
   }
   var onChangeFieldAlias = function onChangeFieldAlias(val, i) {
+    if (readonly) return;
     var fieldAlias = val || '';
     var currentColumn = columns[i];
     Modal.confirm({
@@ -177,11 +181,15 @@ var SelectColumn = function SelectColumn(_ref) {
   return _jsx("div", {
     className: "Sqb-SelectColumn--box",
     children: _jsxs("div", {
+      style: readonly ? {
+        cursor: 'default'
+      } : undefined,
       children: [_jsxs("div", {
         className: 'Sqb-SelectColumn--header pt-2',
         children: [_jsx("div", {
           className: cx("SelectColumn-border mb-2 pb-2 px-2 flex items-center", {}),
           onClick: function onClick() {
+            if (readonly) return;
             var newColumns = columns.map(function (v) {
               return _objectSpread(_objectSpread({}, v), {}, {
                 select: !isAllSelect
@@ -209,6 +217,7 @@ var SelectColumn = function SelectColumn(_ref) {
           return _jsxs("div", {
             className: 'pb-2 px-2 flex items-center',
             onClick: function onClick() {
+              if (readonly) return;
               var newColumns = cloneDeep(columns);
               newColumns[i].select = !v.select;
               onSelect(newColumns);
@@ -218,7 +227,7 @@ var SelectColumn = function SelectColumn(_ref) {
               children: _jsx(SelectIcon, {})
             }) : _jsx("div", {
               className: 'no-select mr-2'
-            }), v.name, v.name_zh ? " \uFF08".concat(v.name_zh, "\uFF09") : '', v.fieldAlias ? " as ".concat(v.fieldAlias) : '', store.fieldEnableAlias && _jsx(Tooltip, {
+            }), v.name, v.name_zh ? " \uFF08".concat(v.name_zh, "\uFF09") : '', v.fieldAlias ? " as ".concat(v.fieldAlias) : '', store.fieldEnableAlias && !readonly && _jsx(Tooltip, {
               title: __('SqlQueryBuilder.alias'),
               children: _jsx(Button, {
                 className: ':Sqb-TableName-as',