@gingkoo/pandora-metabase 1.0.152 → 1.0.154

package/lib/cjs/components/modules/components/meta-icon.js

@@ -323,8 +323,9 @@ var NextDom = function NextDom(props) {
       _storage["default"]._metabaseCopyModule = [];
     }
   };
+  if (store.snapshotMode) return null;
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [store.metabaseCopyModule && store.metabaseCopyModule.length > 0 && isShowAdd && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+    children: [store.metabaseCopyModule && store.metabaseCopyModule.length > 0 && isShowAdd && !store.snapshotMode && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
       title: "\u5728\u6B64\u5904\u7C98\u8D34",
       children: (0, _jsxRuntime.jsxs)(_pandora.Button, {
         className: (0, _classnames["default"])(':Sqb-item-copy'),
@@ -348,7 +349,8 @@ var NextDom = function NextDom(props) {
               large: size === IconSIzeEnum.LARGE
             }),
             onClick: function onClick() {
-              return handleClick(v);
+              if (store.snapshotMode) return;
+              handleClick(v);
             },
             children: (0, _jsxRuntime.jsxs)("div", {
               children: [info.icon, size === IconSIzeEnum.LARGE ? (0, _jsxRuntime.jsx)("div", {

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

@@ -227,6 +227,7 @@ var CustomColumn = function CustomColumn(props) {
             data: getColumns(),
             exitData: getColumns(),
             value: _value,
+            readonly: store.snapshotMode,
             onCancel: function onCancel() {
               o.close();
             },
@@ -319,10 +320,11 @@ var CustomColumn = function CustomColumn(props) {
                   value: v,
                   children: (0, _jsxRuntime.jsxs)("div", {
                     className: (0, _classnames["default"])("Sqb-TableName gray-name"),
+                    "data-sqb-snapshot-allow": 'true',
                     onClick: function onClick(e) {
                       return showSubQuery(e, i);
                     },
-                    children: [v.name, (0, _jsxRuntime.jsx)("span", {
+                    children: [v.name, !store.snapshotMode && (0, _jsxRuntime.jsx)("span", {
                       style: {
                         fontSize: 0
                       },
@@ -334,7 +336,7 @@ var CustomColumn = function CustomColumn(props) {
                   })
                 })
               }, i);
-            }), (0, _jsxRuntime.jsx)("div", {
+            }), !store.snapshotMode && (0, _jsxRuntime.jsx)("div", {
               className: "Sqb-TableName gray-name",
               onClick: function onClick(e) {
                 showSubQuery(e, -1);

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

@@ -378,6 +378,7 @@ var JoinData = function JoinData(props) {
         table: meta.table2,
         metaIndex: index,
         groupIndex: groupIndex,
+        readonly: store.snapshotMode,
         onChange: function onChange(data, newMetaList) {
           var _newMetaList = newMetaList || store.metaList[groupIndex].list.slice();
           _newMetaList[index].columns = data;
@@ -1307,6 +1308,33 @@ var JoinData = function JoinData(props) {
     }
     return false;
   };
+  var renderSwitchTypeButton = function renderSwitchTypeButton(position, expressionIndex) {
+    if (store.snapshotMode) {
+      return (0, _jsxRuntime.jsx)("span", {
+        "aria-hidden": 'true',
+        style: {
+          display: 'inline-block',
+          marginRight: 8
+        }
+      });
+    }
+    return (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+      title: (0, _locale.__)('SqlQueryBuilder.switch'),
+      children: (0, _jsxRuntime.jsx)(_pandora.Button, {
+        disabled: meta.readonly,
+        primary: true,
+        ghost: true,
+        className: 'mr-2 operator-icon',
+        icon: (0, _jsxRuntime.jsx)(_pandoraIcons.Repeat, {}),
+        onClick: function onClick(e) {
+          onChangeType(e, {
+            position: position,
+            index: expressionIndex
+          });
+        }
+      })
+    });
+  };
   return (0, _jsxRuntime.jsx)(_Wrapper["default"], {
     className: (0, _classnames["default"])("Sqb-item"),
     children: (0, _jsxRuntime.jsxs)("div", {
@@ -1362,12 +1390,13 @@ var JoinData = function JoinData(props) {
                 className: (0, _classnames["default"])("Sqb-TableName", {
                   notSelected: !subQuerySelected
                 }),
+                "data-sqb-snapshot-allow": 'true',
                 onClick: function onClick() {
                   showSubQuery(meta.subquery);
                 },
                 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'),
@@ -1408,7 +1437,7 @@ var JoinData = function JoinData(props) {
                 onClick: selectTable,
                 children: [table2Selected && (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'),
@@ -1440,7 +1469,7 @@ var JoinData = function JoinData(props) {
                   }()
                 }), table2Selected ? "".concat(meta.table2.datasourceName, ".").concat(meta.table2.name, " ").concat((_meta$table7 = meta.table2) !== null && _meta$table7 !== void 0 && _meta$table7.alias && store.tableEnableAlias ? "as ".concat((_meta$table8 = meta.table2) === 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,
@@ -1457,40 +1486,10 @@ var JoinData = function JoinData(props) {
                   children: [i == 0 && (0, _jsxRuntime.jsx)("span", {
                     className: 'ml-2 mr-4 text-gray-500',
                     children: "on"
-                  }), renderItem(v.lhs, ExpressionsEnum.LEFT, i), (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
-                    title: (0, _locale.__)('SqlQueryBuilder.switch'),
-                    children: (0, _jsxRuntime.jsx)(_pandora.Button, {
-                      disabled: meta.readonly,
-                      primary: true,
-                      ghost: true,
-                      className: 'mr-2 operator-icon',
-                      icon: (0, _jsxRuntime.jsx)(_pandoraIcons.Repeat, {}),
-                      onClick: function onClick(e) {
-                        onChangeType(e, {
-                          position: ExpressionsEnum.LEFT,
-                          index: i
-                        });
-                      }
-                    })
-                  }), (0, _jsxRuntime.jsx)("span", {
+                  }), renderItem(v.lhs, ExpressionsEnum.LEFT, i), renderSwitchTypeButton(ExpressionsEnum.LEFT, i), (0, _jsxRuntime.jsx)("span", {
                     className: 'mr-2 text-gray-500',
                     children: "="
-                  }), renderItem(v.rhs, ExpressionsEnum.RIGHT, i), (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
-                    title: (0, _locale.__)('SqlQueryBuilder.switch'),
-                    children: (0, _jsxRuntime.jsx)(_pandora.Button, {
-                      disabled: meta.readonly,
-                      primary: true,
-                      ghost: true,
-                      className: 'mr-2 operator-icon',
-                      icon: (0, _jsxRuntime.jsx)(_pandoraIcons.Repeat, {}),
-                      onClick: function onClick(e) {
-                        onChangeType(e, {
-                          position: ExpressionsEnum.RIGHT,
-                          index: i
-                        });
-                      }
-                    })
-                  }), (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+                  }), renderItem(v.rhs, ExpressionsEnum.RIGHT, i), renderSwitchTypeButton(ExpressionsEnum.RIGHT, i), !store.snapshotMode && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
                     title: (0, _locale.__)('SqlQueryBuilder.add'),
                     children: (0, _jsxRuntime.jsx)(_pandora.Dropdown, {
                       trigger: ['click'],
@@ -1506,7 +1505,7 @@ var JoinData = function JoinData(props) {
                         icon: (0, _jsxRuntime.jsx)(_pandoraIcons.FfPlus, {})
                       })
                     })
-                  }), (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+                  }), !store.snapshotMode && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
                     title: (0, _locale.__)('SqlQueryBuilder.del'),
                     children: (0, _jsxRuntime.jsx)(_pandora.Button, {
                       disabled: meta.readonly,
@@ -1562,7 +1561,7 @@ var JoinData = function JoinData(props) {
                         children: v.quotes || (0, _locale.__)('joinData.selectExpression')
                       }, i)
                     })
-                  }), (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+                  }), !store.snapshotMode && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
                     title: (0, _locale.__)('SqlQueryBuilder.add'),
                     children: (0, _jsxRuntime.jsx)(_pandora.Dropdown, {
                       trigger: ['click'],
@@ -1578,7 +1577,7 @@ var JoinData = function JoinData(props) {
                         icon: (0, _jsxRuntime.jsx)(_pandoraIcons.FfPlus, {})
                       })
                     })
-                  }), (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+                  }), !store.snapshotMode && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
                     title: (0, _locale.__)('SqlQueryBuilder.del'),
                     children: (0, _jsxRuntime.jsx)(_pandora.Button, {
                       disabled: meta.readonly,
@@ -1613,7 +1612,7 @@ var JoinData = function JoinData(props) {
                         type: _types.ChangeType.expressions
                       });
                     }
-                  }), (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+                  }), !store.snapshotMode && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
                     title: (0, _locale.__)('SqlQueryBuilder.add'),
                     children: (0, _jsxRuntime.jsx)(_pandora.Dropdown, {
                       trigger: ['click'],
@@ -1629,7 +1628,7 @@ var JoinData = function JoinData(props) {
                         icon: (0, _jsxRuntime.jsx)(_pandoraIcons.FfPlus, {})
                       })
                     })
-                  }), (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+                  }), !store.snapshotMode && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
                     title: (0, _locale.__)('SqlQueryBuilder.del'),
                     children: (0, _jsxRuntime.jsx)(_pandora.Button, {
                       disabled: meta.readonly,
@@ -1643,7 +1642,7 @@ var JoinData = function JoinData(props) {
                   })]
                 }, i);
               }
-            })), ((_meta$table1 = meta.table2) === null || _meta$table1 === void 0 ? void 0 : _meta$table1.name) && ((_meta$table10 = meta.table1) === null || _meta$table10 === void 0 ? void 0 : _meta$table10.name) && (((_meta$expressions2 = meta.expressions) === null || _meta$expressions2 === void 0 ? void 0 : _meta$expressions2.length) || 0) < 1 && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+            })), !store.snapshotMode && ((_meta$table1 = meta.table2) === null || _meta$table1 === void 0 ? void 0 : _meta$table1.name) && ((_meta$table10 = meta.table1) === null || _meta$table10 === void 0 ? void 0 : _meta$table10.name) && (((_meta$expressions2 = meta.expressions) === null || _meta$expressions2 === void 0 ? void 0 : _meta$expressions2.length) || 0) < 1 && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
               title: (0, _locale.__)('SqlQueryBuilder.add'),
               children: (0, _jsxRuntime.jsx)(_pandora.Dropdown, {
                 trigger: ['click'],
@@ -1661,6 +1660,7 @@ var JoinData = function JoinData(props) {
               })
             }), columnsSelected && (((_store$showMainColumn = store.showMainColumn[groupIndex]) === null || _store$showMainColumn === void 0 ? void 0 : _store$showMainColumn.showColumn) || ((_store$showMainColumn2 = store.showMainColumn[groupIndex]) === null || _store$showMainColumn2 === void 0 ? void 0 : _store$showMainColumn2.index) < index) && (!store.isExit || store.isSubquery) && store.showFields && (0, _jsxRuntime.jsx)("div", {
               className: "Sqb-TableColumns",
+              "data-sqb-snapshot-allow": 'true',
               onClick: selectColumns,
               children: (0, _locale.__)('SqlQueryBuilder.columns')
             })]

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

@@ -28,6 +28,7 @@ var PermissionTable = function PermissionTable(props) {
   var _getHelper = (0, _utils.getHelper)(store.metaList[groupIndex].list, meta),
     prevTables = _getHelper.prevTables;
   function selectTable(e) {
+    if (store.snapshotMode) return;
     var _getHelper2 = (0, _utils.getHelper)(store.metaList[groupIndex].list, meta),
       ExistAboveGroupBy = _getHelper2.ExistAboveGroupBy,
       prevList = _getHelper2.prevList,

package/lib/cjs/components/modules/row-limit.js

@@ -21,6 +21,7 @@ var RowLimit = function RowLimit(props) {
   var store = (0, _useProvider.useStore)();
   var index = (0, _utils.findIndex)(store.metaList[groupIndex].list, meta);
   function handleChange(inputValue) {
+    if (store.snapshotMode) return;
     var newMeta = store.metaList[groupIndex].list.slice();
     newMeta[index].limit = inputValue;
     store.setMeta(newMeta, groupIndex);

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

@@ -207,7 +207,7 @@ var Sort = function Sort(props) {
                     onClick: function onClick() {
                       return handleSort(i);
                     },
-                    children: [v.sort === _enum.SortEnum.asc ? (0, _jsxRuntime.jsx)(_icons.UpArrowIcon, {}) : (0, _jsxRuntime.jsx)(_icons.DownArrowIcon, {}), getName(v.expression), (0, _jsxRuntime.jsx)("span", {
+                    children: [v.sort === _enum.SortEnum.asc ? (0, _jsxRuntime.jsx)(_icons.UpArrowIcon, {}) : (0, _jsxRuntime.jsx)(_icons.DownArrowIcon, {}), getName(v.expression), !store.snapshotMode && (0, _jsxRuntime.jsx)("span", {
                       style: {
                         fontSize: 0
                       },
@@ -219,7 +219,7 @@ var Sort = function Sort(props) {
                   }, i)
                 })
               }, i);
-            }), (0, _jsxRuntime.jsx)("div", {
+            }), !store.snapshotMode && (0, _jsxRuntime.jsx)("div", {
               className: "Sqb-TableName gray-name",
               onClick: addSortColumn,
               children: (0, _jsxRuntime.jsx)(_icons.AddIcon, {})

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

@@ -100,7 +100,8 @@ var buildAutoGroupByAlias = function buildAutoGroupByAlias(tableAlias, fieldName
 var GroupByEditor = function GroupByEditor(_ref) {
   var data = _ref.data,
     value = _ref.value,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    readonly = _ref.readonly;
   var _useState = (0, _react.useState)(function () {
       if (Array.isArray(value.atoms) && value.atoms.length) {
         return value.atoms;
@@ -155,7 +156,7 @@ var GroupByEditor = function GroupByEditor(_ref) {
           })
         })
       })
-    }), (0, _jsxRuntime.jsx)("div", {
+    }), !readonly && (0, _jsxRuntime.jsx)("div", {
       className: 'Sqb-SelectSummarize-formula-footer',
       children: (0, _jsxRuntime.jsx)(_pandora.Button, {
         primary: true,
@@ -292,6 +293,7 @@ var GroupBy = function GroupBy(props) {
       content: (0, _jsxRuntime.jsx)(GroupByEditor, {
         data: data,
         value: value,
+        readonly: store.snapshotMode,
         onChange: function onChange(nextValue) {
           newMeta[index].by.splice(i, 1, normalizeByRecord(nextValue, i, newMeta));
           store.setMeta(newMeta, groupIndex, {
@@ -524,11 +526,12 @@ var GroupBy = function GroupBy(props) {
           value: v,
           children: (0, _jsxRuntime.jsxs)("div", {
             className: "Sqb-TableName green-name",
+            "data-sqb-snapshot-allow": store.snapshotMode ? 'true' : undefined,
             onClick: function onClick(e) {
               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 +546,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 +558,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

@@ -157,6 +157,7 @@ var SelectIndex = function SelectIndex(props) {
         data: data,
         value: value,
         ignoreGroupByType: store.ignoreGroupByType,
+        readonly: store.snapshotMode,
         onChange: function onChange(data) {
           if (hasDuplicateNoArgumentMetric(newMeta[index].group, data.condition, i)) {
             _pandora.Toast.warning(summarizeWithoutArgumentMessage);
@@ -423,11 +424,12 @@ var SelectIndex = function SelectIndex(props) {
           value: v,
           children: (0, _jsxRuntime.jsxs)("div", {
             className: "Sqb-TableName green-name",
+            "data-sqb-snapshot-allow": store.snapshotMode ? 'true' : undefined,
             onClick: function onClick(e) {
               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 +444,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 +456,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();
@@ -305,12 +306,13 @@ var TableData = function TableData(props) {
                   className: (0, _classnames["default"])("Sqb-TableName", {
                     notSelected: !subQuerySelected
                   }),
+                  "data-sqb-snapshot-allow": 'true',
                   onClick: function onClick() {
                     showSubQuery(meta.subquery);
                   },
                   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 +354,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 +386,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 +398,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,