@gingkoo/pandora-metabase 1.0.55 → 1.0.57

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

@@ -15,6 +15,7 @@ var _react = require("react");
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _pandora = require("@gingkoo/pandora");
+var _types = require("../../../store/types");
 var _locale = require("../../../locale");
 var _icons = require("../../icons");
 var _useProvider = require("../../../hooks/use-provider");
@@ -123,7 +124,10 @@ var SelectColumn = function SelectColumn(_ref) {
                 newColumns[i].fieldAlias = fieldAlias;
                 newColumns[i].fieldUuid = newColumns[i].fieldUuid || (0, _helper.uuidv4)('field');
                 newMetaList = (0, _utils.changeFieldAlias)(newMetaList, newColumns[i]);
-                store.setMeta(newMetaList, groupIndex);
+                store.setMeta(newMetaList, groupIndex, {
+                  obj: newColumns[i],
+                  type: _types.ChangeType.fieldAlias
+                });
                 onSelect(newColumns);
                 setTimeout(function () {
                   store.setClosable(true);

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

@@ -16,6 +16,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _locale = require("../../locale");
 var _utils = require("../../utils");
 var _helper = require("../../utils/helper");
+var _types = require("../../store/types");
 var _enum = require("../../store/enum");
 var _customEditor = _interopRequireDefault(require("../../components/dialog/custom-editor"));
 var _icons = require("../icons");
@@ -99,7 +100,10 @@ var CustomColumn = function CustomColumn(props) {
                   // if(data.name !== value.name){
                   //   newMeta = newMeta.filter((v: MetaListType, _i: number)=> _i<=index)
                   // }
-                  store.setMeta(newMeta, groupIndex);
+                  store.setMeta(newMeta, groupIndex, {
+                    obj: data,
+                    type: _types.ChangeType.customColumn
+                  });
                   closePopup();
                 },
                 onClose: closePopup
@@ -250,7 +254,10 @@ var CustomColumn = function CustomColumn(props) {
               } else {
                 newMeta[index].customColumn[i] = data;
               }
-              store.setMeta(newMeta, groupIndex);
+              store.setMeta(newMeta, groupIndex, {
+                obj: data,
+                type: _types.ChangeType.customColumn
+              });
               try {
                 o.close();
               } catch (e) {
@@ -278,7 +285,10 @@ var CustomColumn = function CustomColumn(props) {
         meta: meta,
         onChange: function onChange(data) {
           newMeta[index].customColumn.push(data);
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: data,
+            type: _types.ChangeType.customColumn
+          });
           closePopup();
         },
         onClose: closePopup

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

@@ -14,6 +14,7 @@ var _helper = require("../../utils/helper");
 var _utils = require("../../utils");
 var _enum = require("../../store/enum");
 var _formulaList = _interopRequireDefault(require("../dialog/formula-list"));
+var _types = require("../../store/types");
 var _Wrapper = _interopRequireDefault(require("./components/Wrapper"));
 var _metaIcon = _interopRequireDefault(require("./components/meta-icon"));
 var _header = _interopRequireDefault(require("./components/header"));
@@ -148,7 +149,10 @@ var Filter = function Filter(props) {
   var selectFilter = function selectFilter(val) {
     var newMeta = store.metaList[groupIndex].list.slice();
     newMeta[index].filter = val;
-    store.setMeta(newMeta, groupIndex);
+    store.setMeta(newMeta, groupIndex, {
+      obj: val,
+      type: _types.ChangeType.formula
+    });
   };
   var getPreColumns = function getPreColumns() {
     var data = [].concat((0, _toConsumableArray2["default"])(getColumns()), (0, _toConsumableArray2["default"])((0, _cloneDeep["default"])(notExistsColumns || [])));

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

@@ -382,7 +382,10 @@ var JoinData = function JoinData(props) {
         onChange: function onChange(data) {
           var newMetaList = store.metaList[groupIndex].list.slice();
           newMetaList[index].columns = data;
-          store.setMeta(newMetaList, groupIndex);
+          store.setMeta(newMetaList, groupIndex, {
+            obj: data,
+            type: _types.ChangeType.field
+          });
         }
       })
     });
@@ -491,7 +494,7 @@ var JoinData = function JoinData(props) {
       }, []);
     }
     // // 过滤为table1选中的表
-    var newMeta = store.metaList[groupIndex].list.slice();
+    var newMeta = (0, _cloneDeep["default"])(store.metaList[groupIndex].list);
     // if (((newMeta[index] as MetaJoin)[FlagLocation.TABLE_1] as MetaJoin_TalbeType).name) {
     //   data = data.filter((v) => {
     //     return (
@@ -518,8 +521,11 @@ var JoinData = function JoinData(props) {
           // }
           // }
           newMeta[index][table_type] = data;
-          initExpressions();
-          store.setMeta(newMeta, groupIndex);
+          initExpressions(newMeta);
+          store.setMeta(newMeta, groupIndex, {
+            obj: data,
+            type: _types.ChangeType[table_type]
+          });
           store.setPopup({
             visible: false
           });
@@ -547,7 +553,7 @@ var JoinData = function JoinData(props) {
           var tableName = data.name;
           if (meta.table2.name !== tableName || meta.table2.datasourceId !== data.datasourceId) {
             var _store$preProps;
-            var newMeta = store.metaList[groupIndex].list.slice();
+            var newMeta = (0, _cloneDeep["default"])(store.metaList[groupIndex].list);
             var alias = (0, _helper.getAlias)(tableName, newMeta, ((_store$preProps = store.preProps) === null || _store$preProps === void 0 ? void 0 : _store$preProps.notExistsColumns) || []);
             var _table2 = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, data), {}, {
               name: tableName,
@@ -560,12 +566,15 @@ var JoinData = function JoinData(props) {
               datasourceName: data.datasourceName
             });
             newMeta[index].table2 = _table2;
-            initExpressions();
+            initExpressions(newMeta);
             store.fetchColumns(_table2, data.datasourceId, [], function (columns) {
               newMeta[index].columns = columns;
               // 关联表变了 下面模块全部删除
               // newMeta = newMeta.filter((v: MetaListType, i: number) => i <= index);
-              // store.setMeta(newMeta, groupIndex);
+              store.setMeta(newMeta, groupIndex, {
+                obj: data,
+                type: _types.ChangeType.table2
+              });
             });
           }
           setIsDel(false);
@@ -577,8 +586,8 @@ var JoinData = function JoinData(props) {
     });
   }
   // 切换表后重置数据
-  function initExpressions() {
-    var newMeta = store.metaList[groupIndex].list.slice();
+  function initExpressions(newMeta) {
+    // let newMeta: MetaListType[] = store.metaList[groupIndex].list.slice();
     if (newMeta[index].expressions && newMeta[index].expressions.length > 0) {
       return;
     }
@@ -660,7 +669,10 @@ var JoinData = function JoinData(props) {
         onChange: function onChange(type) {
           var newMeta = store.metaList[groupIndex].list.slice();
           newMeta[index].joinType = type;
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: type,
+            type: _types.ChangeType.joinType
+          });
           store.setPopup({
             visible: false
           });
@@ -946,7 +958,10 @@ var JoinData = function JoinData(props) {
           //     _ind2
           //   ] as AtomsField
           // ).quotes = quotes;
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: fields,
+            type: _types.ChangeType[_position]
+          });
         }
       })
     });
@@ -971,7 +986,10 @@ var JoinData = function JoinData(props) {
           var index = (0, _utils.findIndex)(store.metaList[groupIndex].list, meta);
           var newMeta = store.metaList[groupIndex].list.slice();
           newMeta[index].expressions[_ind][_position][_ind2].val = curObj.value;
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: val,
+            type: _types.ChangeType[_position]
+          });
         }
       })
     });
@@ -1077,7 +1095,7 @@ var JoinData = function JoinData(props) {
       isExit = _store$preProps2.isExit,
       toolbar = _store$preProps2.toolbar,
       other = (0, _objectWithoutProperties2["default"])(_store$preProps2, _excluded);
-    var newMeta = store.metaList[groupIndex].list.slice();
+    var newMeta = (0, _cloneDeep["default"])(store.metaList[groupIndex].list);
     var index = (0, _utils.findIndex)(store.metaList[groupIndex].list, meta);
     var oldList = (0, _cloneDeep["default"])(newMeta[index].subquery);
     var _toolbar = subToolbar || toolbar;
@@ -1125,10 +1143,13 @@ var JoinData = function JoinData(props) {
                 return _column;
               });
               // (newMeta[index] as MetaJoin).columns = newColumns;
-              initExpressions();
+              initExpressions(newMeta);
               // 关联表变了 下面模块全部删除
               // newMeta = newMeta.filter((v: MetaListType, i: number) => i <= index);
-              store.setMeta(newMeta, groupIndex);
+              store.setMeta(newMeta, groupIndex, {
+                obj: newList,
+                type: _types.ChangeType.subQuery
+              });
               o.close();
             } catch (e) {
               console.warn(e);
@@ -1189,7 +1210,10 @@ var JoinData = function JoinData(props) {
                 newMeta = store.metaList[groupIndex].list.slice();
                 newMeta[index].table2.alias = alias;
                 newMeta = (0, _utils.changeTableAlias)(newMeta, newMeta[index].table2);
-                store.setMeta(newMeta, groupIndex);
+                store.setMeta(newMeta, groupIndex, {
+                  obj: newMeta[index].table2,
+                  type: _types.ChangeType.tableAlias
+                });
               case 2:
               case "end":
                 return _context2.stop();
@@ -1225,7 +1249,10 @@ var JoinData = function JoinData(props) {
         value: value,
         onChange: function onChange(data) {
           newMeta[index].expressions.splice(i, 1, data);
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: newMeta[index].expressions,
+            type: _types.ChangeType.expressions
+          });
           closePopup();
         }
       })
@@ -1538,7 +1565,7 @@ var JoinData = function JoinData(props) {
             //     }}
             //   ></Button>
             // </Tooltip>
-            , subQuerySelected ? "".concat(((_meta$subquery2 = meta.subquery) === null || _meta$subquery2 === void 0 ? void 0 : _meta$subquery2[0]).table.datasourceName, ".").concat(((_meta$subquery3 = meta.subquery) === null || _meta$subquery3 === void 0 ? void 0 : _meta$subquery3[0]).table.name, " ").concat((_meta$table5 = meta.table2) !== null && _meta$table5 !== void 0 && _meta$table5.alias ? "as ".concat((_meta$table6 = meta.table2) === null || _meta$table6 === void 0 ? void 0 : _meta$table6.alias) : '', " ") : (0, _locale.__)('SqlQueryBuilder.setSubQuery')]
+            , subQuerySelected ? "".concat(((_meta$subquery2 = meta.subquery) === null || _meta$subquery2 === void 0 ? void 0 : _meta$subquery2[0]).table.datasourceName, ".").concat(((_meta$subquery3 = meta.subquery) === null || _meta$subquery3 === void 0 ? void 0 : _meta$subquery3[0]).table.name, " ").concat((_meta$table5 = meta.table2) !== null && _meta$table5 !== void 0 && _meta$table5.alias && store.tableEnableAlias ? "as ".concat((_meta$table6 = meta.table2) === null || _meta$table6 === void 0 ? void 0 : _meta$table6.alias) : '', " ") : (0, _locale.__)('SqlQueryBuilder.setSubQuery')]
           }) : (0, _jsxRuntime.jsxs)("div", {
             className: (0, _classnames["default"])("Sqb-TableName", {
               notSelected: !table2Selected
@@ -1612,7 +1639,7 @@ var JoinData = function JoinData(props) {
             //     }}
             //   ></Button>
             // </Tooltip>
-            , table2Selected ? "".concat(meta.table2.datasourceName, ".").concat(meta.table2.name, " ").concat((_meta$table8 = meta.table2) !== null && _meta$table8 !== void 0 && _meta$table8.alias ? "as ".concat((_meta$table9 = meta.table2) === null || _meta$table9 === void 0 ? void 0 : _meta$table9.alias) : '') : (0, _locale.__)('SqlQueryBuilder.pickTable')]
+            , table2Selected ? "".concat(meta.table2.datasourceName, ".").concat(meta.table2.name, " ").concat((_meta$table8 = meta.table2) !== null && _meta$table8 !== void 0 && _meta$table8.alias && store.tableEnableAlias ? "as ".concat((_meta$table9 = meta.table2) === null || _meta$table9 === void 0 ? void 0 : _meta$table9.alias) : '') : (0, _locale.__)('SqlQueryBuilder.pickTable')]
           }), store.showSubquery && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
             title: (0, _locale.__)('SqlQueryBuilder.switchSubQuery'),
             children: (0, _jsxRuntime.jsx)(_pandora.Button, {
@@ -1815,7 +1842,10 @@ var JoinData = function JoinData(props) {
                     var newMeta = store.metaList[groupIndex].list.slice();
                     newMeta[index].expressions[i].list = data;
                     newMeta[index].expressions[i].quotes = _quotes;
-                    store.setMeta(newMeta, groupIndex);
+                    store.setMeta(newMeta, groupIndex, {
+                      obj: newMeta[index].expressions,
+                      type: _types.ChangeType.expressions
+                    });
                   }
                 }), (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
                   title: (0, _locale.__)('SqlQueryBuilder.add'),

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

@@ -157,7 +157,10 @@ var GroupBy = function GroupBy(props) {
           // if (value.quotes !== data.quotes) {
           //   newMeta = newMeta.filter((_: MetaListType, _i: number) => _i <= index);
           // }
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: newMeta[index].by,
+            type: _types.ChangeType.by
+          });
           closePopup();
         }
       })
@@ -209,7 +212,10 @@ var GroupBy = function GroupBy(props) {
               summarizeType: _types.MetaSummarize_Enum.BY
             });
           });
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: newMeta[index].by,
+            type: _types.ChangeType.by
+          });
           closePopup();
         }
       })
@@ -259,7 +265,10 @@ var GroupBy = function GroupBy(props) {
                 newMeta[index].by[i].sql = newMeta[index].by[i].sql.split('AS ')[0] + "AS ".concat(fieldAlias); //修改sql
                 newMeta[index].by[i].fieldAlias = fieldAlias;
                 newMeta = (0, _utils.changeFieldAlias)(newMeta, newMeta[index].by[i]);
-                store.setMeta(newMeta, groupIndex);
+                store.setMeta(newMeta, groupIndex, {
+                  obj: newMeta[index].by,
+                  type: _types.ChangeType.by
+                });
               case 2:
               case "end":
                 return _context.stop();

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

@@ -158,7 +158,10 @@ var SelectIndex = function SelectIndex(props) {
           // if (value.quotes !== data.quotes) {
           //   newMeta = newMeta.filter((_: MetaListType, _i: number) => _i <= index);
           // }
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: newMeta[index].group,
+            type: _types.ChangeType.group
+          });
           closePopup();
         }
       })
@@ -209,7 +212,10 @@ var SelectIndex = function SelectIndex(props) {
               summarizeType: _types.MetaSummarize_Enum.GROUP
             });
           });
-          store.setMeta(newMeta, groupIndex);
+          store.setMeta(newMeta, groupIndex, {
+            obj: newMeta[index].group,
+            type: _types.ChangeType.group
+          });
           closePopup();
         }
       })
@@ -260,7 +266,10 @@ var SelectIndex = function SelectIndex(props) {
                 newMeta[index].group[i].fieldAlias = fieldAlias;
                 newMeta[index].group[i].sql = newMeta[index].group[i].sql.split('AS ')[0] + "AS ".concat(fieldAlias); //修改sql
                 newMeta = (0, _utils.changeFieldAlias)(newMeta, newMeta[index].group[i]);
-                store.setMeta(newMeta, groupIndex);
+                store.setMeta(newMeta, groupIndex, {
+                  obj: newMeta[index].group,
+                  type: _types.ChangeType.group
+                });
               case 2:
               case "end":
                 return _context.stop();

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

@@ -15,6 +15,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _locale = require("../../locale");
+var _types = require("../../store/types");
 var _pandora = require("@gingkoo/pandora");
 var _index = _interopRequireDefault(require("../../index"));
 var _helper = require("../../utils/helper");
@@ -89,6 +90,7 @@ var TableData = function TableData(props) {
         data: store.sourceList,
         value: meta.table,
         onChange: function onChange(data) {
+          console.log('🚀 ~ selectTable ~ data:', data);
           if (meta.table.datasourceId !== data.datasourceId || meta.table.name !== data.name) {
             var _store$preProps;
             var newMetaList = store.metaList[groupIndex].list.slice()[0];
@@ -101,7 +103,10 @@ var TableData = function TableData(props) {
               // ① 主表动了 其他都得重新选
               var newMetas = store.metaList[groupIndex].list.slice();
               newMetas[0] = newMetaList;
-              store.setMeta(newMetas, groupIndex);
+              store.setMeta(newMetas, groupIndex, {
+                obj: data,
+                type: _types.ChangeType.datasource
+              });
               // store.setMeta([newMetaList], groupIndex);
             });
           }
@@ -125,7 +130,10 @@ var TableData = function TableData(props) {
           var newMetaList = store.metaList[groupIndex].list.slice();
           // @ts-ignore
           newMetaList[0].columns = data;
-          store.setMeta(newMetaList, groupIndex);
+          store.setMeta(newMetaList, groupIndex, {
+            obj: data,
+            type: _types.ChangeType.columns
+          });
         }
       })
     });
@@ -157,7 +165,10 @@ var TableData = function TableData(props) {
                 newMetaList = store.metaList[groupIndex].list.slice(); // @ts-ignore
                 newMetaList[0].table.alias = alias;
                 newMetaList = (0, _utils.changeTableAlias)(newMetaList, newMetaList[0].table);
-                store.setMeta(newMetaList, groupIndex);
+                store.setMeta(newMetaList, groupIndex, {
+                  obj: newMetaList[0].table,
+                  type: _types.ChangeType.tableAlias
+                });
               case 2:
               case "end":
                 return _context2.stop();
@@ -229,7 +240,10 @@ var TableData = function TableData(props) {
               // (newMeta[index] as MetaJoin).expressions = [];
               var newMetas = store.metaList[groupIndex].list.slice();
               newMetas[0] = newMetaList;
-              store.setMeta(newMetas, groupIndex);
+              store.setMeta(newMetas, groupIndex, {
+                obj: newList,
+                type: _types.ChangeType.subQuery
+              });
               o.close();
             } catch (e) {
               console.warn(e);
@@ -324,7 +338,7 @@ var TableData = function TableData(props) {
                   })
                 }) : null;
               }()
-            }), subQuerySelected ? "".concat(((_meta$subquery2 = meta.subquery) === null || _meta$subquery2 === void 0 ? void 0 : _meta$subquery2[0]).table.datasourceName, ".").concat(((_meta$subquery3 = meta.subquery) === null || _meta$subquery3 === void 0 ? void 0 : _meta$subquery3[0]).table.name, " ").concat((_meta$table5 = meta.table) !== null && _meta$table5 !== void 0 && _meta$table5.alias ? "as ".concat((_meta$table6 = meta.table) === null || _meta$table6 === void 0 ? void 0 : _meta$table6.alias) : '', " ") : (0, _locale.__)('SqlQueryBuilder.setSubQuery')]
+            }), subQuerySelected ? "".concat(((_meta$subquery2 = meta.subquery) === null || _meta$subquery2 === void 0 ? void 0 : _meta$subquery2[0]).table.datasourceName, ".").concat(((_meta$subquery3 = meta.subquery) === null || _meta$subquery3 === void 0 ? void 0 : _meta$subquery3[0]).table.name, " ").concat((_meta$table5 = meta.table) !== null && _meta$table5 !== void 0 && _meta$table5.alias && store.tableEnableAlias ? "as ".concat((_meta$table6 = meta.table) === null || _meta$table6 === void 0 ? void 0 : _meta$table6.alias) : '', " ") : (0, _locale.__)('SqlQueryBuilder.setSubQuery')]
           }) : (0, _jsxRuntime.jsxs)("div", {
             className: (0, _classnames["default"])("Sqb-TableName", {
               notSelected: !selected
@@ -398,7 +412,7 @@ var TableData = function TableData(props) {
             //     }}
             //   ></Button>
             // </Tooltip>
-            , selected ? "".concat(meta.table.datasourceName, ".").concat(meta.table.name, " ").concat((_meta$table8 = meta.table) !== null && _meta$table8 !== void 0 && _meta$table8.alias ? "as ".concat((_meta$table9 = meta.table) === null || _meta$table9 === void 0 ? void 0 : _meta$table9.alias) : '') : (0, _locale.__)('SqlQueryBuilder.pickTable')]
+            , selected ? "".concat(meta.table.datasourceName, ".").concat(meta.table.name, " ").concat((_meta$table8 = meta.table) !== null && _meta$table8 !== void 0 && _meta$table8.alias && store.tableEnableAlias ? "as ".concat((_meta$table9 = meta.table) === null || _meta$table9 === void 0 ? void 0 : _meta$table9.alias) : '') : (0, _locale.__)('SqlQueryBuilder.pickTable')]
           }), store.showSubquery && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
             title: (0, _locale.__)('SqlQueryBuilder.switchSubQuery'),
             children: (0, _jsxRuntime.jsx)(_pandora.Button, {

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

@@ -15,6 +15,7 @@ var _react = require("react");
 var _helper = require("../utils/helper");
 var _enum = require("../store/enum");
 var _utils = require("../utils");
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 var _excluded = ["alias", "datasourceName", "datasourceId", "column"];
 var metaKey = 1;
 var SummarizeAlias = exports.SummarizeAlias = 'source';
@@ -155,6 +156,10 @@ var useStore = function useStore() {
     fetchDatasetFn.current = fn;
   };
   var fetchColumnsFn = (0, _react.useRef)();
+  var fetchChangeFn = (0, _react.useRef)();
+  var setFetchChangeFn = function setFetchChangeFn(fn) {
+    fetchChangeFn.current = fn;
+  };
   var setFetchColumnsFn = function setFetchColumnsFn(fn) {
     fetchColumnsFn.current = fn;
   };
@@ -238,6 +243,7 @@ var useStore = function useStore() {
       var _columns2;
       var oldColumns,
         callback,
+        isSelect,
         oldObj,
         selectId,
         _table$alias,
@@ -255,6 +261,7 @@ var useStore = function useStore() {
           case 0:
             oldColumns = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : [];
             callback = _args2.length > 3 ? _args2[3] : undefined;
+            isSelect = _args2.length > 4 && _args2[4] !== undefined ? _args2[4] : isSelectFields;
             // 获取之前选中的数据
             oldObj = {};
             selectId = oldColumns.filter(function (v) {
@@ -283,7 +290,7 @@ var useStore = function useStore() {
               var obj = {};
               obj = oldObj[v.id] || {};
               return (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, obj), v), {}, {
-                select: isSelectFields || select,
+                select: isSelect || select,
                 fieldUuid: obj.fieldUuid || v.fieldUuid || (0, _helper.uuidv4)('field')
               });
             });
@@ -298,14 +305,47 @@ var useStore = function useStore() {
       return _ref2.apply(this, arguments);
     };
   }();
-  var setMeta = function setMeta(curData, groupInd) {
-    var _metaList = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : metaList;
-    var newMeta = _metaList.slice();
-    if (newMeta[groupInd]) {
-      newMeta[groupInd].list = curData;
-      _setMeta(newMeta);
-    }
-  };
+  var setMeta = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(curData, groupInd) {
+      var changeObj,
+        _metaList,
+        newMeta,
+        isChange,
+        _args3 = arguments;
+      return _regenerator["default"].wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            changeObj = _args3.length > 2 && _args3[2] !== undefined ? _args3[2] : {};
+            _metaList = _args3.length > 3 && _args3[3] !== undefined ? _args3[3] : metaList;
+            newMeta = (0, _cloneDeep["default"])(_metaList);
+            if (newMeta[groupInd]) {
+              newMeta[groupInd].list = curData;
+              _setMeta(newMeta);
+            }
+            // 过滤掉初始化
+            if (!(changeObj === 'init')) {
+              _context3.next = 1;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 1:
+            _context3.next = 2;
+            return fetchChangeFn.current((0, _utils.splitByUnion)(_metaList), changeObj);
+          case 2:
+            isChange = _context3.sent;
+            if (isChange === false) {
+              _setMeta(_metaList);
+            }
+          case 3:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function setMeta(_x4, _x5) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
   // 回显
   var setPreData = function setPreData(data) {
     // let patchVersion = (data?.[0]?.list?.[0] as any)?.patchVersion || '';
@@ -330,8 +370,8 @@ var useStore = function useStore() {
               } else {
                 newMeta[i].columns = columns || [];
               }
-              setMeta(newMeta, groupIndex, data);
-            });
+              setMeta(newMeta, groupIndex, 'init', data);
+            }, false);
             return (0, _objectSpread2["default"])({}, v);
           }
           // 设置column
@@ -349,8 +389,8 @@ var useStore = function useStore() {
               // if (v.type === TypeEnum.joinData) {
               //   newMeta[i] = setQuotes(newMeta[i]);
               // }
-              setMeta(newMeta, groupIndex, data);
-            });
+              setMeta(newMeta, groupIndex, 'init', data);
+            }, false);
             return (0, _objectSpread2["default"])({}, v);
           }
           return (0, _objectSpread2["default"])({}, v);
@@ -592,6 +632,8 @@ var useStore = function useStore() {
     fetchDatasetFn: fetchDatasetFn.current,
     setFetchDatasetFn: setFetchDatasetFn,
     fetchColumnsFn: fetchColumnsFn.current,
+    setFetchChangeFn: setFetchChangeFn,
+    fetchChangeFn: fetchChangeFn.current,
     setFetchColumnsFn: setFetchColumnsFn,
     showMainColumn: showMainColumn,
     showToolbar: showToolbar,

package/lib/cjs/index.js

@@ -33,6 +33,7 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     showFields = _props$showFields === void 0 ? true : _props$showFields,
     getTables = props.getTables,
     getColumns = props.getColumns,
+    onChange = props.onChange,
     _props$tableNameTpl = props.tableNameTpl,
     tableNameTpl = _props$tableNameTpl === void 0 ? '${name}' : _props$tableNameTpl,
     _props$fieldNameTpl = props.fieldNameTpl,
@@ -67,6 +68,7 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
   (0, _react.useEffect)(function () {
     getTables && store.setFetchDatasetFn(getTables);
     getColumns && store.setFetchColumnsFn(getColumns);
+    onChange && store.setFetchChangeFn(onChange);
   }, []);
   (0, _react.useEffect)(function () {
     store.setProps(props);

package/lib/cjs/store/types.d.ts

@@ -1,5 +1,23 @@
 import type { DatasourceType } from '../types';
 import { TypeEnum, SpecialType, JoinEnum, SQL_COLUMN_TYPE, SortEnum } from './enum';
+export declare enum ChangeType {
+    fieldAlias = "fieldAlias",// 修改字段别名
+    tableAlias = "tableAlias",// 修改字段别名
+    customColumn = "customColumn",// 自定义列
+    formula = "formula",
+    field = "field",// 修改字段别名
+    expressions = "expressions",// expressions
+    table1 = "table1",
+    table2 = "table2",
+    joinType = "joinType",
+    lhs = "lhs",
+    rhs = "rhs",
+    subQuery = "subQuery",
+    datasource = "datasource",
+    columns = "columns",
+    by = "by",
+    group = "group"
+}
 export declare enum AtomsTypeEnum {
     JOIN_DEFAULT = "joinDefault",// join默认
     EXISTS = "exists",// notExists

package/lib/cjs/store/types.js

@@ -3,7 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MetaSummarize_Enum = exports.AtomsTypeEnum = void 0;
+exports.MetaSummarize_Enum = exports.ChangeType = exports.AtomsTypeEnum = void 0;
+// 修改类型
+var ChangeType;
+(function (ChangeType) {
+  ChangeType["fieldAlias"] = "fieldAlias";
+  ChangeType["tableAlias"] = "tableAlias";
+  ChangeType["customColumn"] = "customColumn";
+  ChangeType["formula"] = "formula";
+  ChangeType["field"] = "field";
+  ChangeType["expressions"] = "expressions";
+  ChangeType["table1"] = "table1";
+  ChangeType["table2"] = "table2";
+  ChangeType["joinType"] = "joinType";
+  ChangeType["lhs"] = "lhs";
+  ChangeType["rhs"] = "rhs";
+  ChangeType["subQuery"] = "subQuery";
+  ChangeType["datasource"] = "datasource";
+  ChangeType["columns"] = "columns";
+  ChangeType["by"] = "by";
+  ChangeType["group"] = "group";
+})(ChangeType || (exports.ChangeType = ChangeType = {}));
 // 表达式类型
 var AtomsTypeEnum;
 (function (AtomsTypeEnum) {

package/lib/cjs/types.d.ts

@@ -1,4 +1,4 @@
-import type { MetaListType, ToolbarType, FormulaTemplatesItem } from './store/types';
+import type { MetaListType, ToolbarType, FormulaTemplatesItem, ChangeType } from './store/types';
 import { UnionEnum } from './store/enum';
 import { DataType } from './components/dialog/select-join-column';
 export interface MetaListProps {
@@ -38,6 +38,10 @@ export interface MetabaseProps {
     tableEnableAlias?: boolean;
     fieldEnableAlias?: boolean;
     isSelectFields?: boolean;
+    onChange?: (newData: MetaListType[], curData?: {
+        data: any;
+        type: ChangeType;
+    }) => Promise<void | Boolean>;
 }
 export interface OptionItem {
     value?: string;

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

@@ -14,6 +14,7 @@ import { useEffect, useMemo, useState } from 'react';
 import cloneDeep from 'lodash/cloneDeep';
 import cx from 'classnames';
 import { Button, Modal, Input, Tooltip, Toast } from '@gingkoo/pandora';
+import { ChangeType } from '../../../store/types';
 import { __ } from '../../../locale';
 import { NotSelectIcon, SelectIcon } from '../../icons';
 import { useStore } from '../../../hooks/use-provider';
@@ -116,7 +117,10 @@ var SelectColumn = function SelectColumn(_ref) {
                 newColumns[i].fieldAlias = fieldAlias;
                 newColumns[i].fieldUuid = newColumns[i].fieldUuid || uuidv4('field');
                 newMetaList = changeFieldAlias(newMetaList, newColumns[i]);
-                store.setMeta(newMetaList, groupIndex);
+                store.setMeta(newMetaList, groupIndex, {
+                  obj: newColumns[i],
+                  type: ChangeType.fieldAlias
+                });
                 onSelect(newColumns);
                 setTimeout(function () {
                   store.setClosable(true);