@gingkoo/pandora-metabase 1.0.72 → 1.0.73

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

@@ -713,7 +713,6 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
       })
     });
   };
-  console.log('🚀 ~ SelectFilterColumn ~ curColumn:', curColumn);
   if (isNext) {
     // SQL_GROUP_TYPE
     var _getData = getData(curColumn),

package/lib/cjs/components/modules/components/header.d.ts

@@ -2,6 +2,8 @@ interface HeaderProps {
     title: string;
     className?: string;
     onClose?: Function;
+    moduleDiff?: boolean;
+    meta?: any;
 }
 declare const Header: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Header;

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

@@ -1,17 +1,70 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _pandora = require("@gingkoo/pandora");
 var _icons = require("../../icons");
 var _locale = require("../../../locale");
+var _useProvider = require("../../../hooks/use-provider");
+var _utils = require("../../../utils");
+var _diffViewer = _interopRequireDefault(require("../../dialog/diff-viewer"));
 var Header = function Header(props) {
+  var meta = props.meta;
+  var store = (0, _useProvider.useStore)();
+  var diff = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var index, _oldMeta, _newMeta, _yield$store$getModul, oldCode, newCode, o;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            index = (0, _utils.findMetaKey)(store.sourceData, meta);
+            _oldMeta = store.sourceData[index];
+            _newMeta = meta;
+            _context.next = 1;
+            return store.getModuleDiffCode(_oldMeta, _newMeta);
+          case 1:
+            _yield$store$getModul = _context.sent;
+            oldCode = _yield$store$getModul.oldCode;
+            newCode = _yield$store$getModul.newCode;
+            o = _pandora.Modal2.openModal({
+              title: '差异对比',
+              transparentMask: true,
+              content: (0, _jsxRuntime.jsx)(_diffViewer["default"], {
+                oldCode: oldCode,
+                newCode: newCode
+              }),
+              onClose: function onClose() {}
+            });
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function diff() {
+      return _ref.apply(this, arguments);
+    };
+  }();
   return (0, _jsxRuntime.jsxs)("div", {
     className: "Sqb-item--text ".concat(props.className || ''),
-    children: [props.title, props.onClose && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+    children: [props.title, store.moduleDiff && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+      title: '点击比对当前模块与初始模块的差异',
+      children: (0, _jsxRuntime.jsx)(_pandora.Button, {
+        style: {
+          color: 'inherit'
+        },
+        size: 'small',
+        type: 'link',
+        onClick: diff,
+        children: "\u5DEE\u5F02\u5BF9\u6BD4"
+      })
+    }), props.onClose && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
       placement: 'top',
       title: (0, _locale.__)('data.del'),
       children: (0, _jsxRuntime.jsx)(_icons.CloseIcon2, {

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

@@ -315,6 +315,7 @@ var CustomColumn = function CustomColumn(props) {
     children: (0, _jsxRuntime.jsxs)("div", {
       className: "Sqb-hover-parent",
       children: [(0, _jsxRuntime.jsx)(_header["default"], {
+        meta: meta,
         className: 'gray-text',
         title: (0, _locale.__)('SqlQueryBuilder.customColumn'),
         onClose: function onClose() {

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

@@ -172,6 +172,7 @@ var Filter = function Filter(props) {
     children: (0, _jsxRuntime.jsxs)("div", {
       className: "Sqb-hover-parent",
       children: [!meta.isPermanent ? (0, _jsxRuntime.jsx)(_header["default"], {
+        meta: meta,
         className: 'purple-text',
         title: (0, _locale.__)('SqlQueryBuilder.filter'),
         onClose: function onClose() {

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

@@ -1458,6 +1458,7 @@ var JoinData = function JoinData(props) {
     children: (0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames["default"])("Sqb-hover-parent"),
       children: [(0, _jsxRuntime.jsx)(_header["default"], {
+        meta: meta,
         title: (0, _locale.__)('SqlQueryBuilder.joinData'),
         onClose: function onClose() {
           return store.delMeta(meta, groupIndex);

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

@@ -118,6 +118,7 @@ var PermissionTable = function PermissionTable(props) {
     children: (0, _jsxRuntime.jsxs)("div", {
       className: "Sqb-hover-parent",
       children: [(0, _jsxRuntime.jsx)(_header["default"], {
+        meta: meta,
         className: 'gray-text',
         title: (0, _locale.__)('SqlQueryBuilder.permissionTable'),
         onClose: function onClose() {

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

@@ -30,6 +30,7 @@ var RowLimit = function RowLimit(props) {
     children: (0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames["default"])("Sqb-hover-parent"),
       children: [(0, _jsxRuntime.jsx)(_header["default"], {
+        meta: meta,
         className: 'gray-text',
         title: (0, _locale.__)('SqlQueryBuilder.rowLimit'),
         onClose: function onClose() {

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

@@ -241,6 +241,7 @@ var Sort = function Sort(props) {
     children: (0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames["default"])("Sqb-hover-parent"),
       children: [(0, _jsxRuntime.jsx)(_header["default"], {
+        meta: meta,
         className: 'gray-text',
         title: (0, _locale.__)('SqlQueryBuilder.sort'),
         onClose: function onClose() {

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

@@ -23,6 +23,7 @@ var Summarize = function Summarize(props) {
     children: (0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames["default"])("Sqb-hover-parent"),
       children: [(0, _jsxRuntime.jsx)(_header["default"], {
+        meta: meta,
         className: 'green-text',
         title: (0, _locale.__)('SqlQueryBuilder.summarize'),
         onClose: function onClose() {

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

@@ -296,6 +296,7 @@ var TableData = function TableData(props) {
     children: (0, _jsxRuntime.jsxs)("div", {
       className: "Sqb-hover-parent",
       children: [(0, _jsxRuntime.jsx)(_header["default"], {
+        meta: meta,
         title: (0, _locale.__)('SqlQueryBuilder.data')
       }), (0, _jsxRuntime.jsx)("div", {
         className: "Sqb-item--content",

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

@@ -48,6 +48,7 @@ var RowLimit = function RowLimit(props) {
     children: (0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames["default"])("Sqb-hover-parent"),
       children: [(0, _jsxRuntime.jsx)(_header["default"], {
+        meta: meta,
         title: (0, _locale.__)('SqlQueryBuilder.union'),
         onClose: function onClose() {
           return store.delMeta(meta, groupIndex);

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

@@ -166,6 +166,14 @@ var useStore = function useStore() {
     _useState54 = (0, _slicedToArray2["default"])(_useState53, 2),
     metabaseCopy = _useState54[0],
     setMetabaseCopy = _useState54[1]; // 是否开启复制功能
+  var _useState55 = (0, _react.useState)(false),
+    _useState56 = (0, _slicedToArray2["default"])(_useState55, 2),
+    moduleDiff = _useState56[0],
+    setModuleDiff = _useState56[1]; // 是否开启模块比对功能
+  var _useState57 = (0, _react.useState)([]),
+    _useState58 = (0, _slicedToArray2["default"])(_useState57, 2),
+    sourceData = _useState58[0],
+    setSourceData = _useState58[1]; // 原始数据
   // 外层ref
   var popupContainer = (0, _react.useRef)();
   // const [fetchDatasetFn, setFetchDatasetFn] = useState<(id: string) => Promise<any>>(
@@ -177,9 +185,43 @@ var useStore = function useStore() {
   };
   var fetchColumnsFn = (0, _react.useRef)();
   var fetchChangeFn = (0, _react.useRef)();
+  var fetchDiffFn = (0, _react.useRef)();
   var setFetchChangeFn = function setFetchChangeFn(fn) {
     fetchChangeFn.current = fn;
   };
+  var setFetchDiffFn = function setFetchDiffFn(fn) {
+    fetchDiffFn.current = fn;
+  };
+  // 获取所有数据表
+  var getModuleDiffCode = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var oldCode,
+        newCode,
+        data,
+        _args = arguments;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            oldCode = _args.length > 0 && _args[0] !== undefined ? _args[0] : [];
+            newCode = _args.length > 1 ? _args[1] : undefined;
+            _context.next = 1;
+            return fetchDiffFn.current({
+              oldCode: oldCode,
+              newCode: newCode
+            });
+          case 1:
+            data = _context.sent;
+            return _context.abrupt("return", data);
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getModuleDiffCode() {
+      return _ref.apply(this, arguments);
+    };
+  }();
   var setFetchColumnsFn = function setFetchColumnsFn(fn) {
     fetchColumnsFn.current = fn;
   };
@@ -218,46 +260,46 @@ var useStore = function useStore() {
   }, [sourceList, isExit, tableFlat]);
   // 获取所有数据表
   var getSourceTable = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(source) {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(source) {
       var results;
-      return _regenerator["default"].wrap(function (_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regenerator["default"].wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _context2.next = 1;
+            _context3.next = 1;
             return Promise.all(source.map(/*#__PURE__*/function () {
-              var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(v) {
+              var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(v) {
                 var tables;
-                return _regenerator["default"].wrap(function (_context) {
-                  while (1) switch (_context.prev = _context.next) {
+                return _regenerator["default"].wrap(function (_context2) {
+                  while (1) switch (_context2.prev = _context2.next) {
                     case 0:
-                      _context.next = 1;
+                      _context2.next = 1;
                       return fetchDataset(v.datasourceId);
                     case 1:
-                      tables = _context.sent;
-                      return _context.abrupt("return", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, v), {}, {
+                      tables = _context2.sent;
+                      return _context2.abrupt("return", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, v), {}, {
                         children: tables
                       }));
                     case 2:
                     case "end":
-                      return _context.stop();
+                      return _context2.stop();
                   }
-                }, _callee);
+                }, _callee2);
               }));
               return function (_x2) {
-                return _ref2.apply(this, arguments);
+                return _ref3.apply(this, arguments);
               };
             }()));
           case 1:
-            results = _context2.sent;
+            results = _context3.sent;
             setSourceTable(results || []);
           case 2:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
     return function getSourceTable(_x) {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   // const showMainColumn = useMemo(() => {
@@ -276,41 +318,41 @@ var useStore = function useStore() {
     return !!~toolbar.indexOf(name);
   };
   var fetchDataset = /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(datasourceId) {
+    var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(datasourceId) {
       var tables, _tables;
-      return _regenerator["default"].wrap(function (_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regenerator["default"].wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
             tables = getDataset(datasourceId);
             if (!tables.length) {
-              _context3.next = 1;
+              _context4.next = 1;
               break;
             }
-            return _context3.abrupt("return", tables);
+            return _context4.abrupt("return", tables);
           case 1:
-            _context3.next = 2;
+            _context4.next = 2;
             return fetchDatasetFn.current(datasourceId, {
               isExit: isExit
             });
           case 2:
-            _tables = _context3.sent;
+            _tables = _context4.sent;
             setDataset(datasourceId, _tables);
-            return _context3.abrupt("return", _tables);
+            return _context4.abrupt("return", _tables);
           case 3:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3);
+      }, _callee4);
     }));
     return function fetchDataset(_x3) {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   // 根据数据源id查询集合列表
   //  fetchDataset():
   // 查询表字段
   var fetchColumns = /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(table, datasourceId) {
+    var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(table, datasourceId) {
       var _columns2;
       var oldColumns,
         callback,
@@ -326,13 +368,13 @@ var useStore = function useStore() {
         tableName,
         columns,
         _columns,
-        _args4 = arguments;
-      return _regenerator["default"].wrap(function (_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+        _args5 = arguments;
+      return _regenerator["default"].wrap(function (_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            oldColumns = _args4.length > 2 && _args4[2] !== undefined ? _args4[2] : [];
-            callback = _args4.length > 3 ? _args4[3] : undefined;
-            isSelect = _args4.length > 4 && _args4[4] !== undefined ? _args4[4] : isSelectFields;
+            oldColumns = _args5.length > 2 && _args5[2] !== undefined ? _args5[2] : [];
+            callback = _args5.length > 3 ? _args5[3] : undefined;
+            isSelect = _args5.length > 4 && _args5[4] !== undefined ? _args5[4] : isSelectFields;
             // 获取之前选中的数据
             oldObj = {};
             selectId = oldColumns.filter(function (v) {
@@ -347,15 +389,15 @@ var useStore = function useStore() {
             tableName = table.name;
             columns = getColumns(tableName);
             if (columns.length) {
-              _context4.next = 2;
+              _context5.next = 2;
               break;
             }
-            _context4.next = 1;
+            _context5.next = 1;
             return fetchColumnsFn.current(extra, datasourceId, {
               isExit: isExit
             });
           case 1:
-            columns = _context4.sent;
+            columns = _context5.sent;
             setColumns(tableName, columns);
           case 2:
             _columns = (_columns2 = columns) === null || _columns2 === void 0 ? void 0 : _columns2.map(function (v) {
@@ -370,26 +412,26 @@ var useStore = function useStore() {
             typeof callback === 'function' && callback(_columns);
           case 3:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
-      }, _callee4);
+      }, _callee5);
     }));
     return function fetchColumns(_x4, _x5) {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   var setMeta = /*#__PURE__*/function () {
-    var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(curData, groupInd) {
+    var _ref6 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(curData, groupInd) {
       var changeObj,
         _metaList,
         newMeta,
         isChange,
-        _args5 = arguments;
-      return _regenerator["default"].wrap(function (_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+        _args6 = arguments;
+      return _regenerator["default"].wrap(function (_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
-            changeObj = _args5.length > 2 && _args5[2] !== undefined ? _args5[2] : {};
-            _metaList = _args5.length > 3 && _args5[3] !== undefined ? _args5[3] : metaList;
+            changeObj = _args6.length > 2 && _args6[2] !== undefined ? _args6[2] : {};
+            _metaList = _args6.length > 3 && _args6[3] !== undefined ? _args6[3] : metaList;
             newMeta = (0, _cloneDeep["default"])(_metaList);
             if (newMeta[groupInd]) {
               newMeta[groupInd].list = curData;
@@ -397,29 +439,29 @@ var useStore = function useStore() {
             }
             // 过滤掉初始化
             if (!(changeObj === 'init')) {
-              _context5.next = 1;
+              _context6.next = 1;
               break;
             }
-            return _context5.abrupt("return");
+            return _context6.abrupt("return");
           case 1:
-            _context5.next = 2;
+            _context6.next = 2;
             return fetchChangeFn.current((0, _utils.splitByUnion)(_metaList), changeObj, {
               isExit: isExit
             });
           case 2:
-            isChange = _context5.sent;
+            isChange = _context6.sent;
             // 是否还原
             if (isChange === false) {
               _setMeta(_metaList);
             }
           case 3:
           case "end":
-            return _context5.stop();
+            return _context6.stop();
         }
-      }, _callee5);
+      }, _callee6);
     }));
     return function setMeta(_x6, _x7) {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   // 回显
@@ -755,7 +797,13 @@ var useStore = function useStore() {
     copyType: copyType,
     setCopyType: setCopyType,
     metabaseCopy: metabaseCopy,
-    setMetabaseCopy: setMetabaseCopy
+    setMetabaseCopy: setMetabaseCopy,
+    moduleDiff: moduleDiff,
+    setModuleDiff: setModuleDiff,
+    sourceData: sourceData,
+    setSourceData: setSourceData,
+    setFetchDiffFn: setFetchDiffFn,
+    getModuleDiffCode: getModuleDiffCode
   };
 };
 var _default = exports["default"] = useStore;

package/lib/cjs/index.js

@@ -17,6 +17,7 @@ var _locale = require("./locale");
 var _Loading = _interopRequireDefault(require("./common/Loading"));
 var _metabase = _interopRequireDefault(require("./components/metabase"));
 var _utils = require("./utils");
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // export { restoreStructure, handleSqlStruct, compressionStructure } from './store/helper';
 
@@ -34,6 +35,7 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     getTables = props.getTables,
     getColumns = props.getColumns,
     onChange = props.onChange,
+    getModuleDiffCode = props.getModuleDiffCode,
     _props$tableNameTpl = props.tableNameTpl,
     tableNameTpl = _props$tableNameTpl === void 0 ? '${name}' : _props$tableNameTpl,
     _props$fieldNameTpl = props.fieldNameTpl,
@@ -68,23 +70,26 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     isSelectFields = _props$isSelectFields === void 0 ? true : _props$isSelectFields,
     _props$tableFlat = props.tableFlat,
     tableFlat = _props$tableFlat === void 0 ? false : _props$tableFlat,
-    _props$copyType = props.copyType,
-    copyType = _props$copyType === void 0 ? [] : _props$copyType,
+    copyType = props.copyType,
     _props$metabaseCopy = props.metabaseCopy,
-    metabaseCopy = _props$metabaseCopy === void 0 ? false : _props$metabaseCopy;
+    metabaseCopy = _props$metabaseCopy === void 0 ? false : _props$metabaseCopy,
+    _props$moduleDiff = props.moduleDiff,
+    moduleDiff = _props$moduleDiff === void 0 ? false : _props$moduleDiff;
   var store = (0, _useState["default"])();
   (0, _react.useEffect)(function () {
     getTables && store.setFetchDatasetFn(getTables);
     getColumns && store.setFetchColumnsFn(getColumns);
     onChange && store.setFetchChangeFn(onChange);
+    getModuleDiffCode && store.setFetchDiffFn(getModuleDiffCode);
   }, []);
   (0, _react.useEffect)(function () {
     store.setProps(props);
   }, [props]);
   (0, _react.useEffect)(function () {
     var _value = (0, _utils.reassembleByUnion)((0, _utils.patchData)(value));
-    console.log('🚀 ~ _value:', _value);
-    store.setPreData(_value);
+    var source_value = (0, _utils.patchData)(value);
+    store.setPreData((0, _cloneDeep["default"])(_value));
+    store.setSourceData(source_value);
   }, [value]);
   (0, _react.useEffect)(function () {
     store.setSourceList(isExit && exitSourceList && Array.from(exitSourceList).length > 0 ? exitSourceList || sourceList : sourceList);
@@ -106,9 +111,10 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     store.setGroupByEnableAlias(groupByEnableAlias);
     store.setIsSelectFields(isSelectFields);
     store.setTableFlat(tableFlat);
-    store.setCopyType(copyType);
+    store.setCopyType(copyType || []);
     store.setMetabaseCopy(metabaseCopy);
-  }, [showFields, fieldNameTpl, tableNameTpl, toolbar, showSubquery, subShowSubquery, constantList, formulaTemplates, ignoreGroupByType, filterCustomType, isExit, tableEnableAlias, fieldEnableAlias, groupByEnableAlias, isSelectFields, tableFlat, copyType, metabaseCopy]);
+    store.setModuleDiff(moduleDiff);
+  }, [showFields, fieldNameTpl, tableNameTpl, toolbar, showSubquery, subShowSubquery, constantList, formulaTemplates, ignoreGroupByType, filterCustomType, isExit, tableEnableAlias, fieldEnableAlias, groupByEnableAlias, isSelectFields, tableFlat, copyType, metabaseCopy, moduleDiff]);
   _react["default"].useImperativeHandle(ref, function () {
     return {
       // setDatasource: (list) => {

package/lib/cjs/types.d.ts

@@ -49,6 +49,14 @@ export interface MetabaseProps {
     }, options: FetchOptions) => Promise<void | Boolean>;
     copyType?: (FormulaTypeEnum | string)[];
     metabaseCopy?: boolean;
+    moduleDiff?: boolean;
+    getModuleDiffCode?: (obj: {
+        oldCode: MetaListType;
+        newCode: MetaListType;
+    }) => Promise<{
+        oldCode: string;
+        newCode: string;
+    }>;
 }
 export interface OptionItem {
     value?: string;

package/lib/cjs/utils.d.ts

@@ -2,6 +2,7 @@ import { TypeEnum } from './store/enum';
 import { MetaListType, MetaSummarize, MetaData_TableType, MetaData_ColumnsType, AtomsItem } from './store/types';
 import { DataType } from './components/dialog/select-column-multiple';
 export declare const findIndex: <T>(arr: T[], item: T) => number;
+export declare const findMetaKey: <T>(arr: T[], item: T) => number;
 export declare const getMetaTabels: (data: MetaListType[]) => any;
 export declare const getColumnsTables: (data: DataType[]) => any;
 interface HelperResultType {

package/lib/cjs/utils.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isError = exports.getSubColumns = exports.getMetaTabels = exports.getHelper = exports.getColumnsTables = exports.findIndex = exports.changeTableAlias = exports.changeFieldAlias = exports.changeExistsCopyField = exports.changeCopyField = exports.buildSqlQuery = void 0;
+exports.isError = exports.getSubColumns = exports.getMetaTabels = exports.getHelper = exports.getColumnsTables = exports.findMetaKey = exports.findIndex = exports.changeTableAlias = exports.changeFieldAlias = exports.changeExistsCopyField = exports.changeCopyField = exports.buildSqlQuery = void 0;
 exports.isValidSQLAlias = isValidSQLAlias;
 exports.patchData = void 0;
 exports.reassembleByUnion = reassembleByUnion;
@@ -26,6 +26,11 @@ var _excluded = ["list"];
 var findIndex = exports.findIndex = function findIndex(arr, item) {
   return arr.indexOf(item);
 };
+var findMetaKey = exports.findMetaKey = function findMetaKey(arr, item) {
+  return arr.findIndex(function (v) {
+    return v.metaKey === item.metaKey;
+  });
+};
 var getMetaTabels = exports.getMetaTabels = function getMetaTabels(data) {
   var obj = {};
   data.map(function (v) {

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

@@ -704,7 +704,6 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
       })
     });
   };
-  console.log('🚀 ~ SelectFilterColumn ~ curColumn:', curColumn);
   if (isNext) {
     // SQL_GROUP_TYPE
     var _getData = getData(curColumn),

package/lib/es/components/modules/components/header.d.ts

@@ -2,6 +2,8 @@ interface HeaderProps {
     title: string;
     className?: string;
     onClose?: Function;
+    moduleDiff?: boolean;
+    meta?: any;
 }
 declare const Header: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Header;

package/lib/es/components/modules/components/header.js

@@ -1,11 +1,63 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tooltip } from '@gingkoo/pandora';
+import { Tooltip, Button, Modal2 } from '@gingkoo/pandora';
 import { CloseIcon2 } from '../../icons';
 import { __ } from '../../../locale';
+import { useStore } from '../../../hooks/use-provider';
+import { findMetaKey } from '../../../utils';
+import DiffViewer from '../../dialog/diff-viewer';
 var Header = function Header(props) {
+  var meta = props.meta;
+  var store = useStore();
+  var diff = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var index, _oldMeta, _newMeta, _yield$store$getModul, oldCode, newCode, o;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            index = findMetaKey(store.sourceData, meta);
+            _oldMeta = store.sourceData[index];
+            _newMeta = meta;
+            _context.next = 1;
+            return store.getModuleDiffCode(_oldMeta, _newMeta);
+          case 1:
+            _yield$store$getModul = _context.sent;
+            oldCode = _yield$store$getModul.oldCode;
+            newCode = _yield$store$getModul.newCode;
+            o = Modal2.openModal({
+              title: '差异对比',
+              transparentMask: true,
+              content: _jsx(DiffViewer, {
+                oldCode: oldCode,
+                newCode: newCode
+              }),
+              onClose: function onClose() {}
+            });
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function diff() {
+      return _ref.apply(this, arguments);
+    };
+  }();
   return _jsxs("div", {
     className: "Sqb-item--text ".concat(props.className || ''),
-    children: [props.title, props.onClose && _jsx(Tooltip, {
+    children: [props.title, store.moduleDiff && _jsx(Tooltip, {
+      title: '点击比对当前模块与初始模块的差异',
+      children: _jsx(Button, {
+        style: {
+          color: 'inherit'
+        },
+        size: 'small',
+        type: 'link',
+        onClick: diff,
+        children: "\u5DEE\u5F02\u5BF9\u6BD4"
+      })
+    }), props.onClose && _jsx(Tooltip, {
       placement: 'top',
       title: __('data.del'),
       children: _jsx(CloseIcon2, {

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

@@ -311,6 +311,7 @@ var CustomColumn = function CustomColumn(props) {
     children: _jsxs("div", {
       className: "Sqb-hover-parent",
       children: [_jsx(Header, {
+        meta: meta,
         className: 'gray-text',
         title: __('SqlQueryBuilder.customColumn'),
         onClose: function onClose() {

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

@@ -164,6 +164,7 @@ var Filter = function Filter(props) {
     children: _jsxs("div", {
       className: "Sqb-hover-parent",
       children: [!meta.isPermanent ? _jsx(Header, {
+        meta: meta,
         className: 'purple-text',
         title: __('SqlQueryBuilder.filter'),
         onClose: function onClose() {

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

@@ -1453,6 +1453,7 @@ var JoinData = function JoinData(props) {
     children: _jsxs("div", {
       className: cx("Sqb-hover-parent"),
       children: [_jsx(Header, {
+        meta: meta,
         title: __('SqlQueryBuilder.joinData'),
         onClose: function onClose() {
           return store.delMeta(meta, groupIndex);

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

@@ -112,6 +112,7 @@ var PermissionTable = function PermissionTable(props) {
     children: _jsxs("div", {
       className: "Sqb-hover-parent",
       children: [_jsx(Header, {
+        meta: meta,
         className: 'gray-text',
         title: __('SqlQueryBuilder.permissionTable'),
         onClose: function onClose() {

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

@@ -23,6 +23,7 @@ var RowLimit = function RowLimit(props) {
     children: _jsxs("div", {
       className: cx("Sqb-hover-parent"),
       children: [_jsx(Header, {
+        meta: meta,
         className: 'gray-text',
         title: __('SqlQueryBuilder.rowLimit'),
         onClose: function onClose() {

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

@@ -234,6 +234,7 @@ var Sort = function Sort(props) {
     children: _jsxs("div", {
       className: cx("Sqb-hover-parent"),
       children: [_jsx(Header, {
+        meta: meta,
         className: 'gray-text',
         title: __('SqlQueryBuilder.sort'),
         onClose: function onClose() {

package/lib/es/components/modules/summarize/index.js

@@ -16,6 +16,7 @@ var Summarize = function Summarize(props) {
     children: _jsxs("div", {
       className: cx("Sqb-hover-parent"),
       children: [_jsx(Header, {
+        meta: meta,
         className: 'green-text',
         title: __('SqlQueryBuilder.summarize'),
         onClose: function onClose() {

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

@@ -290,6 +290,7 @@ var TableData = function TableData(props) {
     children: _jsxs("div", {
       className: "Sqb-hover-parent",
       children: [_jsx(Header, {
+        meta: meta,
         title: __('SqlQueryBuilder.data')
       }), _jsx("div", {
         className: "Sqb-item--content",

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

@@ -41,6 +41,7 @@ var RowLimit = function RowLimit(props) {
     children: _jsxs("div", {
       className: cx("Sqb-hover-parent"),
       children: [_jsx(Header, {
+        meta: meta,
         title: __('SqlQueryBuilder.union'),
         onClose: function onClose() {
           return store.delMeta(meta, groupIndex);

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

@@ -160,6 +160,14 @@ var useStore = function useStore() {
     _useState54 = _slicedToArray(_useState53, 2),
     metabaseCopy = _useState54[0],
     setMetabaseCopy = _useState54[1]; // 是否开启复制功能
+  var _useState55 = useState(false),
+    _useState56 = _slicedToArray(_useState55, 2),
+    moduleDiff = _useState56[0],
+    setModuleDiff = _useState56[1]; // 是否开启模块比对功能
+  var _useState57 = useState([]),
+    _useState58 = _slicedToArray(_useState57, 2),
+    sourceData = _useState58[0],
+    setSourceData = _useState58[1]; // 原始数据
   // 外层ref
   var popupContainer = useRef();
   // const [fetchDatasetFn, setFetchDatasetFn] = useState<(id: string) => Promise<any>>(
@@ -171,9 +179,43 @@ var useStore = function useStore() {
   };
   var fetchColumnsFn = useRef();
   var fetchChangeFn = useRef();
+  var fetchDiffFn = useRef();
   var setFetchChangeFn = function setFetchChangeFn(fn) {
     fetchChangeFn.current = fn;
   };
+  var setFetchDiffFn = function setFetchDiffFn(fn) {
+    fetchDiffFn.current = fn;
+  };
+  // 获取所有数据表
+  var getModuleDiffCode = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var oldCode,
+        newCode,
+        data,
+        _args = arguments;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            oldCode = _args.length > 0 && _args[0] !== undefined ? _args[0] : [];
+            newCode = _args.length > 1 ? _args[1] : undefined;
+            _context.next = 1;
+            return fetchDiffFn.current({
+              oldCode: oldCode,
+              newCode: newCode
+            });
+          case 1:
+            data = _context.sent;
+            return _context.abrupt("return", data);
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getModuleDiffCode() {
+      return _ref.apply(this, arguments);
+    };
+  }();
   var setFetchColumnsFn = function setFetchColumnsFn(fn) {
     fetchColumnsFn.current = fn;
   };
@@ -212,46 +254,46 @@ var useStore = function useStore() {
   }, [sourceList, isExit, tableFlat]);
   // 获取所有数据表
   var getSourceTable = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(source) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(source) {
       var results;
-      return _regeneratorRuntime.wrap(function (_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _context2.next = 1;
+            _context3.next = 1;
             return Promise.all(source.map(/*#__PURE__*/function () {
-              var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(v) {
+              var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(v) {
                 var tables;
-                return _regeneratorRuntime.wrap(function (_context) {
-                  while (1) switch (_context.prev = _context.next) {
+                return _regeneratorRuntime.wrap(function (_context2) {
+                  while (1) switch (_context2.prev = _context2.next) {
                     case 0:
-                      _context.next = 1;
+                      _context2.next = 1;
                       return fetchDataset(v.datasourceId);
                     case 1:
-                      tables = _context.sent;
-                      return _context.abrupt("return", _objectSpread(_objectSpread({}, v), {}, {
+                      tables = _context2.sent;
+                      return _context2.abrupt("return", _objectSpread(_objectSpread({}, v), {}, {
                         children: tables
                       }));
                     case 2:
                     case "end":
-                      return _context.stop();
+                      return _context2.stop();
                   }
-                }, _callee);
+                }, _callee2);
               }));
               return function (_x2) {
-                return _ref2.apply(this, arguments);
+                return _ref3.apply(this, arguments);
               };
             }()));
           case 1:
-            results = _context2.sent;
+            results = _context3.sent;
             setSourceTable(results || []);
           case 2:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
     return function getSourceTable(_x) {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   // const showMainColumn = useMemo(() => {
@@ -270,41 +312,41 @@ var useStore = function useStore() {
     return !!~toolbar.indexOf(name);
   };
   var fetchDataset = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(datasourceId) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(datasourceId) {
       var tables, _tables;
-      return _regeneratorRuntime.wrap(function (_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regeneratorRuntime.wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
             tables = getDataset(datasourceId);
             if (!tables.length) {
-              _context3.next = 1;
+              _context4.next = 1;
               break;
             }
-            return _context3.abrupt("return", tables);
+            return _context4.abrupt("return", tables);
           case 1:
-            _context3.next = 2;
+            _context4.next = 2;
             return fetchDatasetFn.current(datasourceId, {
               isExit: isExit
             });
           case 2:
-            _tables = _context3.sent;
+            _tables = _context4.sent;
             setDataset(datasourceId, _tables);
-            return _context3.abrupt("return", _tables);
+            return _context4.abrupt("return", _tables);
           case 3:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3);
+      }, _callee4);
     }));
     return function fetchDataset(_x3) {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   // 根据数据源id查询集合列表
   //  fetchDataset():
   // 查询表字段
   var fetchColumns = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(table, datasourceId) {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(table, datasourceId) {
       var _columns2;
       var oldColumns,
         callback,
@@ -320,13 +362,13 @@ var useStore = function useStore() {
         tableName,
         columns,
         _columns,
-        _args4 = arguments;
-      return _regeneratorRuntime.wrap(function (_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+        _args5 = arguments;
+      return _regeneratorRuntime.wrap(function (_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            oldColumns = _args4.length > 2 && _args4[2] !== undefined ? _args4[2] : [];
-            callback = _args4.length > 3 ? _args4[3] : undefined;
-            isSelect = _args4.length > 4 && _args4[4] !== undefined ? _args4[4] : isSelectFields;
+            oldColumns = _args5.length > 2 && _args5[2] !== undefined ? _args5[2] : [];
+            callback = _args5.length > 3 ? _args5[3] : undefined;
+            isSelect = _args5.length > 4 && _args5[4] !== undefined ? _args5[4] : isSelectFields;
             // 获取之前选中的数据
             oldObj = {};
             selectId = oldColumns.filter(function (v) {
@@ -341,15 +383,15 @@ var useStore = function useStore() {
             tableName = table.name;
             columns = getColumns(tableName);
             if (columns.length) {
-              _context4.next = 2;
+              _context5.next = 2;
               break;
             }
-            _context4.next = 1;
+            _context5.next = 1;
             return fetchColumnsFn.current(extra, datasourceId, {
               isExit: isExit
             });
           case 1:
-            columns = _context4.sent;
+            columns = _context5.sent;
             setColumns(tableName, columns);
           case 2:
             _columns = (_columns2 = columns) === null || _columns2 === void 0 ? void 0 : _columns2.map(function (v) {
@@ -364,26 +406,26 @@ var useStore = function useStore() {
             typeof callback === 'function' && callback(_columns);
           case 3:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
-      }, _callee4);
+      }, _callee5);
     }));
     return function fetchColumns(_x4, _x5) {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   var setMeta = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(curData, groupInd) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(curData, groupInd) {
       var changeObj,
         _metaList,
         newMeta,
         isChange,
-        _args5 = arguments;
-      return _regeneratorRuntime.wrap(function (_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+        _args6 = arguments;
+      return _regeneratorRuntime.wrap(function (_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
-            changeObj = _args5.length > 2 && _args5[2] !== undefined ? _args5[2] : {};
-            _metaList = _args5.length > 3 && _args5[3] !== undefined ? _args5[3] : metaList;
+            changeObj = _args6.length > 2 && _args6[2] !== undefined ? _args6[2] : {};
+            _metaList = _args6.length > 3 && _args6[3] !== undefined ? _args6[3] : metaList;
             newMeta = cloneDeep(_metaList);
             if (newMeta[groupInd]) {
               newMeta[groupInd].list = curData;
@@ -391,29 +433,29 @@ var useStore = function useStore() {
             }
             // 过滤掉初始化
             if (!(changeObj === 'init')) {
-              _context5.next = 1;
+              _context6.next = 1;
               break;
             }
-            return _context5.abrupt("return");
+            return _context6.abrupt("return");
           case 1:
-            _context5.next = 2;
+            _context6.next = 2;
             return fetchChangeFn.current(splitByUnion(_metaList), changeObj, {
               isExit: isExit
             });
           case 2:
-            isChange = _context5.sent;
+            isChange = _context6.sent;
             // 是否还原
             if (isChange === false) {
               _setMeta(_metaList);
             }
           case 3:
           case "end":
-            return _context5.stop();
+            return _context6.stop();
         }
-      }, _callee5);
+      }, _callee6);
     }));
     return function setMeta(_x6, _x7) {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   // 回显
@@ -749,7 +791,13 @@ var useStore = function useStore() {
     copyType: copyType,
     setCopyType: setCopyType,
     metabaseCopy: metabaseCopy,
-    setMetabaseCopy: setMetabaseCopy
+    setMetabaseCopy: setMetabaseCopy,
+    moduleDiff: moduleDiff,
+    setModuleDiff: setModuleDiff,
+    sourceData: sourceData,
+    setSourceData: setSourceData,
+    setFetchDiffFn: setFetchDiffFn,
+    getModuleDiffCode: getModuleDiffCode
   };
 };
 export default useStore;

package/lib/es/index.js

@@ -10,6 +10,7 @@ import { __ } from './locale';
 import Loading from './common/Loading';
 import Metabase from './components/metabase';
 import { reassembleByUnion, patchData } from './utils';
+import cloneDeep from 'lodash/cloneDeep';
 /**
  * 规则
  * 1、主表一换 下面全部删除
@@ -24,6 +25,7 @@ var SqlVisionBuilder = React.forwardRef(function (props, ref) {
     getTables = props.getTables,
     getColumns = props.getColumns,
     onChange = props.onChange,
+    getModuleDiffCode = props.getModuleDiffCode,
     _props$tableNameTpl = props.tableNameTpl,
     tableNameTpl = _props$tableNameTpl === void 0 ? '${name}' : _props$tableNameTpl,
     _props$fieldNameTpl = props.fieldNameTpl,
@@ -58,23 +60,26 @@ var SqlVisionBuilder = React.forwardRef(function (props, ref) {
     isSelectFields = _props$isSelectFields === void 0 ? true : _props$isSelectFields,
     _props$tableFlat = props.tableFlat,
     tableFlat = _props$tableFlat === void 0 ? false : _props$tableFlat,
-    _props$copyType = props.copyType,
-    copyType = _props$copyType === void 0 ? [] : _props$copyType,
+    copyType = props.copyType,
     _props$metabaseCopy = props.metabaseCopy,
-    metabaseCopy = _props$metabaseCopy === void 0 ? false : _props$metabaseCopy;
+    metabaseCopy = _props$metabaseCopy === void 0 ? false : _props$metabaseCopy,
+    _props$moduleDiff = props.moduleDiff,
+    moduleDiff = _props$moduleDiff === void 0 ? false : _props$moduleDiff;
   var store = useData();
   useEffect(function () {
     getTables && store.setFetchDatasetFn(getTables);
     getColumns && store.setFetchColumnsFn(getColumns);
     onChange && store.setFetchChangeFn(onChange);
+    getModuleDiffCode && store.setFetchDiffFn(getModuleDiffCode);
   }, []);
   useEffect(function () {
     store.setProps(props);
   }, [props]);
   useEffect(function () {
     var _value = reassembleByUnion(patchData(value));
-    console.log('🚀 ~ _value:', _value);
-    store.setPreData(_value);
+    var source_value = patchData(value);
+    store.setPreData(cloneDeep(_value));
+    store.setSourceData(source_value);
   }, [value]);
   useEffect(function () {
     store.setSourceList(isExit && exitSourceList && Array.from(exitSourceList).length > 0 ? exitSourceList || sourceList : sourceList);
@@ -96,9 +101,10 @@ var SqlVisionBuilder = React.forwardRef(function (props, ref) {
     store.setGroupByEnableAlias(groupByEnableAlias);
     store.setIsSelectFields(isSelectFields);
     store.setTableFlat(tableFlat);
-    store.setCopyType(copyType);
+    store.setCopyType(copyType || []);
     store.setMetabaseCopy(metabaseCopy);
-  }, [showFields, fieldNameTpl, tableNameTpl, toolbar, showSubquery, subShowSubquery, constantList, formulaTemplates, ignoreGroupByType, filterCustomType, isExit, tableEnableAlias, fieldEnableAlias, groupByEnableAlias, isSelectFields, tableFlat, copyType, metabaseCopy]);
+    store.setModuleDiff(moduleDiff);
+  }, [showFields, fieldNameTpl, tableNameTpl, toolbar, showSubquery, subShowSubquery, constantList, formulaTemplates, ignoreGroupByType, filterCustomType, isExit, tableEnableAlias, fieldEnableAlias, groupByEnableAlias, isSelectFields, tableFlat, copyType, metabaseCopy, moduleDiff]);
   React.useImperativeHandle(ref, function () {
     return {
       // setDatasource: (list) => {

package/lib/es/types.d.ts

@@ -49,6 +49,14 @@ export interface MetabaseProps {
     }, options: FetchOptions) => Promise<void | Boolean>;
     copyType?: (FormulaTypeEnum | string)[];
     metabaseCopy?: boolean;
+    moduleDiff?: boolean;
+    getModuleDiffCode?: (obj: {
+        oldCode: MetaListType;
+        newCode: MetaListType;
+    }) => Promise<{
+        oldCode: string;
+        newCode: string;
+    }>;
 }
 export interface OptionItem {
     value?: string;

package/lib/es/utils.d.ts

@@ -2,6 +2,7 @@ import { TypeEnum } from './store/enum';
 import { MetaListType, MetaSummarize, MetaData_TableType, MetaData_ColumnsType, AtomsItem } from './store/types';
 import { DataType } from './components/dialog/select-column-multiple';
 export declare const findIndex: <T>(arr: T[], item: T) => number;
+export declare const findMetaKey: <T>(arr: T[], item: T) => number;
 export declare const getMetaTabels: (data: MetaListType[]) => any;
 export declare const getColumnsTables: (data: DataType[]) => any;
 interface HelperResultType {

package/lib/es/utils.js

@@ -15,6 +15,11 @@ import { patchMetas } from './hooks/patch';
 export var findIndex = function findIndex(arr, item) {
   return arr.indexOf(item);
 };
+export var findMetaKey = function findMetaKey(arr, item) {
+  return arr.findIndex(function (v) {
+    return v.metaKey === item.metaKey;
+  });
+};
 export var getMetaTabels = function getMetaTabels(data) {
   var obj = {};
   data.map(function (v) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gingkoo/pandora-metabase",
-  "version": "1.0.72",
+  "version": "1.0.73",
   "description": "",
   "main": "lib/es/index.js",
   "module": "lib/es/index.js",