@gingkoo/pandora-metabase 1.0.118 → 1.0.119

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createForOfIteratorHelper"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -30,6 +32,7 @@ var SelectIndex = function SelectIndex(props) {
   var group = meta.group;
   var index = (0, _utils.findIndex)(store.metaList[groupIndex].list, meta);
   var notGroupSelected = !group.length;
+  var summarizeWithoutArgument = ['总行数', '累积行数'];
   function getColumns() {
     var _getHelper = (0, _utils.getHelper)(store.metaList[groupIndex].list, meta),
       ExistAboveGroupBy = _getHelper.ExistAboveGroupBy,
@@ -55,7 +58,6 @@ var SelectIndex = function SelectIndex(props) {
             fieldUuid: (0, _helper2.uuidv4)('field'),
             fieldAlias: v.fieldAlias || '',
             realName: ((_v$sql = v.sql) === null || _v$sql === void 0 || (_v$sql = _v$sql.split(' AS ')) === null || _v$sql === void 0 ? void 0 : _v$sql[1]) || '',
-            // name_zh: '',
             database_type: (v === null || v === void 0 ? void 0 : v.database_type) || _enum.SQL_COLUMN_TYPE.FLOAT,
             special_type: '',
             select: true
@@ -70,7 +72,6 @@ var SelectIndex = function SelectIndex(props) {
             name_zh: v.name_zh || v.quotes,
             id: v.id || v.fieldId,
             realName: ((_v$sql2 = v.sql) === null || _v$sql2 === void 0 || (_v$sql2 = _v$sql2.split(' AS ')) === null || _v$sql2 === void 0 ? void 0 : _v$sql2[1]) || '',
-            // name_zh: '',
             database_type: (v === null || v === void 0 ? void 0 : v.database_type) || _enum.SQL_COLUMN_TYPE.FLOAT,
             special_type: '',
             fieldUuid: (0, _helper2.uuidv4)('field'),
@@ -82,15 +83,11 @@ var SelectIndex = function SelectIndex(props) {
       data = [_data];
       var joinData = prevList.filter(function (v) {
         return v.type === _enum.TypeEnum.joinData;
-      })
-      // @ts-ignore
-      .filter(function (v) {
+      }).filter(function (v) {
         return v && v.table2.name;
       });
       if (joinData.length) {
-        data = data.concat(
-        // @ts-ignore
-        joinData.map(function (v) {
+        data = data.concat(joinData.map(function (v) {
           return {
             alias: v.table2.alias,
             table: v.table2.name,
@@ -101,7 +98,6 @@ var SelectIndex = function SelectIndex(props) {
         }));
       }
     } else {
-      // @ts-ignore
       data = store.metaList[groupIndex].list.slice(0, index).map(function (v) {
         if (v.type === _enum.TypeEnum.data) {
           return {
@@ -134,7 +130,7 @@ var SelectIndex = function SelectIndex(props) {
     var newMeta = store.metaList[groupIndex].list.slice();
     var data = getColumns();
     var value = group[i];
-    store.setPopup({
+    store.setPopup2({
       visible: true,
       node: e.currentTarget,
       content: (0, _jsxRuntime.jsx)(_dialog.SelectSummarize, {
@@ -142,23 +138,17 @@ var SelectIndex = function SelectIndex(props) {
         value: value,
         ignoreGroupByType: store.ignoreGroupByType,
         onChange: function onChange(data) {
-          //@ts-ignore
-          newMeta[index].group.splice(i, 1, data);
-          //@ts-ignore
+          newMeta[index].group.splice(i, 1, normalizeGroupRecord(data));
           newMeta[index].group = newMeta[index].group.map(function (v) {
             var _summarizeToSql = (0, _helper.summarizeToSql)(newMeta[index].group, v),
               sql = _summarizeToSql.sql,
               fieldAlias = _summarizeToSql.fieldAlias;
             return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, v), {}, {
               name: v.name || v.quotes,
-              //@ts-ignore
               sql: sql,
               fieldAlias: fieldAlias
             });
           });
-          // if (value.quotes !== data.quotes) {
-          //   newMeta = newMeta.filter((_: MetaListType, _i: number) => _i <= index);
-          // }
           store.setMeta(newMeta, groupIndex, {
             obj: newMeta[index].group,
             type: _types.ChangeType.group
@@ -186,11 +176,9 @@ var SelectIndex = function SelectIndex(props) {
       quotes: '',
       datasourceId: '',
       datasourceName: '',
-      // column: '',
-      // column_id: '',
       summarizeType: _types.MetaSummarize_Enum.GROUP
     };
-    store.setPopup({
+    store.setPopup2({
       visible: true,
       node: e.currentTarget,
       content: (0, _jsxRuntime.jsx)(_dialog.SelectSummarize, {
@@ -198,9 +186,7 @@ var SelectIndex = function SelectIndex(props) {
         value: value,
         ignoreGroupByType: store.ignoreGroupByType,
         onChange: function onChange(data) {
-          // @ts-ignore
-          newMeta[index].group.push(data);
-          // @ts-ignore
+          newMeta[index].group.push(normalizeGroupRecord(data));
           newMeta[index].group = newMeta[index].group.map(function (v) {
             var _summarizeToSql2 = (0, _helper.summarizeToSql)(newMeta[index].group, v),
               sql = _summarizeToSql2.sql,
@@ -226,15 +212,13 @@ var SelectIndex = function SelectIndex(props) {
     e.stopPropagation();
     closePopup();
     var newMeta = store.metaList[groupIndex].list.slice();
-    // @ts-ignore
     newMeta[index].group = group.filter(function (_, i) {
       return i !== itemId;
     });
-    // newMeta = newMeta.filter((_: MetaListType, _i: number) => _i <= index);
     store.setMeta(newMeta, groupIndex);
   }
   function closePopup() {
-    store.setPopup({
+    store.setPopup2({
       visible: false
     });
   }
@@ -242,7 +226,6 @@ var SelectIndex = function SelectIndex(props) {
     var fieldAlias = val || '';
     _pandora.Modal.confirm({
       title: (0, _locale.__)('SqlQueryBuilder.alias'),
-      // 设置别名
       content: (0, _jsxRuntime.jsx)(_pandora.Input, {
         defaultValue: fieldAlias,
         onChange: function onChange(val) {
@@ -251,7 +234,7 @@ var SelectIndex = function SelectIndex(props) {
       }),
       icon: false,
       onOk: function () {
-        var _onOk = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var _onOk = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
           var newMeta;
           return _regenerator["default"].wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
@@ -263,9 +246,9 @@ var SelectIndex = function SelectIndex(props) {
                 _pandora.Toast.warning((0, _locale.__)('SqlQueryBuilder.aliasForRules'));
                 return _context.abrupt("return", false);
               case 1:
-                newMeta = store.metaList[groupIndex].list.slice(); // @ts-ignore
+                newMeta = store.metaList[groupIndex].list.slice();
                 newMeta[index].group[i].fieldAlias = fieldAlias;
-                newMeta[index].group[i].sql = newMeta[index].group[i].sql.split('AS ')[0] + "AS ".concat(fieldAlias); //修改sql
+                newMeta[index].group[i].sql = newMeta[index].group[i].sql.split('AS ')[0] + "AS ".concat(fieldAlias);
                 newMeta = (0, _utils.changeFieldAlias)(newMeta, newMeta[index].group[i]);
                 store.setMeta(newMeta, groupIndex, {
                   obj: newMeta[index].group,
@@ -293,10 +276,8 @@ var SelectIndex = function SelectIndex(props) {
         name_zh: '',
         tableUuid: v.tableUuid,
         alias: v.alias,
-        // 线上的都为空，默认会标红。 等统一格式后可隐藏
         datasourceName: '',
-        // 数据源名
-        datasourceId: '' // 数据源id
+        datasourceId: ''
       });
     });
   };
@@ -304,36 +285,105 @@ var SelectIndex = function SelectIndex(props) {
     var _v = (0, _cloneDeep["default"])(v);
     return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _v), {}, {
       fieldName: v.name,
-      // 字段名
       fieldNameZh: v.name_zh,
-      // 字段中文名
       fieldAlias: v.fieldAlias,
-      // 别名
       fieldUuid: v.fieldUuid,
-      // uuid
       fieldId: v.fieldId,
-      // 字段id
       tableName: v.table,
-      // 表名
       tableNameZh: '',
       tableId: v.tableId,
-      // 表名
       tableAlias: v.alias,
-      // 别名
       tableUuid: v.tableUuid,
-      // 表唯一标识
-      // 线上的都为空，默认会标红。 等统一格式后可隐藏
       datasourceName: '',
-      // 数据源名
       datasourceId: '',
-      // 数据源id
       type: _types.AtomsTypeEnum.FIELD
     });
   };
+  var isFormulaMetric = function isFormulaMetric(record) {
+    return !!record.condition && !summarizeWithoutArgument.includes(record.condition);
+  };
+  var _getFirstField = function getFirstField() {
+    var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var _iterator = (0, _createForOfIteratorHelper2["default"])(list),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var item = _step.value;
+        if (!item) continue;
+        if (item.type === _types.AtomsTypeEnum.FIELD) return item;
+        if (item.type === _types.AtomsTypeEnum.EXPRESSION) {
+          var found = _getFirstField([].concat((0, _toConsumableArray2["default"])(item.lhs || []), (0, _toConsumableArray2["default"])(item.rhs || [])));
+          if (found) return found;
+        }
+        if (item.type === _types.AtomsTypeEnum.FORMULA) {
+          var _found = (item.args || []).map(function (arg) {
+            return _getFirstField((arg === null || arg === void 0 ? void 0 : arg.list) || []);
+          }).find(Boolean);
+          if (_found) return _found;
+        }
+        if (item.type === _types.AtomsTypeEnum.AND_OR) {
+          var _found2 = _getFirstField(item.list || []);
+          if (_found2) return _found2;
+        }
+        if (item.type === _types.AtomsTypeEnum.CASE_WHEN) {
+          var _found3 = _getFirstField(item.caseValue || []) || (item.branches || []).map(function (branch) {
+            return _getFirstField([].concat((0, _toConsumableArray2["default"])(branch.when || []), (0, _toConsumableArray2["default"])(branch.then || [])));
+          }).find(Boolean) || _getFirstField(item.elseValue || []);
+          if (_found3) return _found3;
+        }
+        if (item.type === _types.AtomsTypeEnum.EXISTS || item.type === _types.AtomsTypeEnum.NOT_EXISTS) {
+          var _found4 = _getFirstField(item.notExists || []);
+          if (_found4) return _found4;
+        }
+        if (item.type === _types.AtomsTypeEnum.COLLECTION) {
+          var _found5 = _getFirstField(item.list || []);
+          if (_found5) return _found5;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return null;
+  };
+  var getAtomsValue = function getAtomsValue(record) {
+    var _record$atoms;
+    if (!isFormulaMetric(record)) return [];
+    if ((_record$atoms = record.atoms) !== null && _record$atoms !== void 0 && _record$atoms.length) return record.atoms;
+    var field = getField(record);
+    return field.fieldName ? [field] : [];
+  };
+  var normalizeGroupRecord = function normalizeGroupRecord(record) {
+    var atoms = getAtomsValue(record);
+    var firstField = _getFirstField(atoms);
+    var nextRecord = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, record), {}, {
+      atoms: atoms.length ? atoms : undefined
+    });
+    if (firstField) {
+      nextRecord.table = firstField.tableName || nextRecord.table;
+      nextRecord.tableId = firstField.tableId || nextRecord.tableId;
+      nextRecord.tableUuid = firstField.tableUuid || nextRecord.tableUuid;
+      nextRecord.alias = firstField.tableAlias || nextRecord.alias;
+      nextRecord.name = firstField.fieldName || nextRecord.name;
+      nextRecord.id = firstField.fieldId || nextRecord.id;
+      nextRecord.realName = firstField.fieldName || nextRecord.realName;
+      nextRecord.fieldUuid = firstField.fieldUuid || nextRecord.fieldUuid;
+      nextRecord.datasourceId = firstField.datasourceId || nextRecord.datasourceId;
+      nextRecord.datasourceName = firstField.datasourceName || nextRecord.datasourceName;
+      nextRecord.database_type = firstField.database_type || nextRecord.database_type;
+      if (!nextRecord.quotes || nextRecord.quotes === nextRecord.condition) {
+        nextRecord.quotes = "".concat(nextRecord.condition, " ").concat(firstField.fieldAlias || firstField.fieldName || '').trim();
+      }
+    }
+    return nextRecord;
+  };
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [meta.group.map(function (v, i) {
+      var atomsValue = getAtomsValue(v);
+      var showAtoms = isFormulaMetric(v);
       return (0, _jsxRuntime.jsx)(_itemName["default"], {
-        isError: (0, _utils.isError)(getField(v), _getColumns()),
+        isError: (0, _utils.isError)(showAtoms ? atomsValue : getField(v), _getColumns()),
         children: (0, _jsxRuntime.jsxs)("div", {
           className: "Sqb-TableName green-name",
           onClick: function onClick(e) {

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

@@ -19,6 +19,7 @@ var _types = require("../../store/types");
 var _pandora = require("@gingkoo/pandora");
 var _index = _interopRequireDefault(require("../../index"));
 var _helper = require("../../utils/helper");
+var _helperDom = require("../../utils/helper-dom");
 var _utils = require("../../utils");
 var _pandoraIcons = require("@gingkoo/pandora-icons");
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
@@ -42,8 +43,8 @@ var TableData = function TableData(props) {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isDel = _useState2[0],
     setIsDel = _useState2[1];
-  var tableIsDel = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+  var tableIsDel = function () {
+    var _ref = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
       var _meta$table, _meta$table2;
       var tableName, tables, names;
       return _regenerator["default"].wrap(function (_context) {
@@ -103,14 +104,12 @@ var TableData = function TableData(props) {
             });
             store.fetchColumns(data, data.datasourceId, [], function (columns) {
               newMetaList.columns = columns;
-              // ① 主表动了 其他都得重新选
               var newMetas = store.metaList[groupIndex].list.slice();
               newMetas[0] = newMetaList;
               store.setMeta(newMetas, groupIndex, {
                 obj: data,
                 type: _types.ChangeType.datasource
               });
-              // store.setMeta([newMetaList], groupIndex);
             });
           }
           store.setPopup({
@@ -130,9 +129,7 @@ var TableData = function TableData(props) {
         groupIndex: groupIndex,
         data: columns,
         onChange: function onChange(data, newMetaList) {
-          // 当前值已改变。必须以传入的数组为准，改变别名
           var _newMetaList = newMetaList || store.metaList[groupIndex].list.slice();
-          // @ts-ignore
           _newMetaList[0].columns = data;
           if (!newMetaList) {
             store.setMeta(_newMetaList, groupIndex, {
@@ -148,7 +145,6 @@ var TableData = function TableData(props) {
     var alias = val || '';
     _pandora.Modal.confirm({
       title: (0, _locale.__)('SqlQueryBuilder.alias'),
-      // 设置别名
       content: (0, _jsxRuntime.jsx)(_pandora.Input, {
         defaultValue: alias,
         onChange: function onChange(val) {
@@ -156,7 +152,7 @@ var TableData = function TableData(props) {
         }
       }),
       onOk: function () {
-        var _onOk = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+        var _onOk = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2() {
           var newMetaList;
           return _regenerator["default"].wrap(function (_context2) {
             while (1) switch (_context2.prev = _context2.next) {
@@ -168,7 +164,7 @@ var TableData = function TableData(props) {
                 _pandora.Toast.warning((0, _locale.__)('SqlQueryBuilder.aliasForRules'));
                 return _context2.abrupt("return", false);
               case 1:
-                newMetaList = store.metaList[groupIndex].list.slice(); // @ts-ignore
+                newMetaList = store.metaList[groupIndex].list.slice();
                 newMetaList[0].table.alias = alias;
                 newMetaList = (0, _utils.changeTableAlias)(newMetaList, newMetaList[0].table);
                 store.setMeta(newMetaList, groupIndex, {
@@ -189,7 +185,6 @@ var TableData = function TableData(props) {
       onCancel: function onCancel() {}
     });
   };
-  // 子查询弹窗
   var showSubQuery = function showSubQuery() {
     var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     var _store$preProps2 = store.preProps,
@@ -198,23 +193,24 @@ var TableData = function TableData(props) {
       isExit = _store$preProps2.isExit,
       toolbar = _store$preProps2.toolbar,
       other = (0, _objectWithoutProperties2["default"])(_store$preProps2, _excluded);
+    var childModalZIndex = (0, _helperDom.getTopLayerZIndex)() + 1;
     var newMetaList = store.metaList[groupIndex].list.slice()[0];
     var newMeta = store.metaList[groupIndex].list.slice();
     var oldList = (0, _cloneDeep["default"])(newMetaList.subquery);
     var _toolbar = subToolbar || toolbar;
-    // _toolbar = _toolbar.filter((v: string) => v !== 'group'); // 子查询不需要分组
     var o = _pandora.Modal2.openModal({
+      zIndex: childModalZIndex,
       title: (0, _locale.__)('SqlQueryBuilder.subquery'),
       transparentMask: true,
       content: (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
         children: (0, _jsxRuntime.jsx)(_index["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
+          popupZIndex: childModalZIndex + 1,
           showSubquery: store._showSubquery,
           toolbar: _toolbar,
           btnText: (0, _locale.__)('SqlQueryBuilder.confirm'),
           value: (0, _cloneDeep["default"])(val),
           onOk: function onOk(newList) {
             try {
-              // 子查询未改变不做操作
               if ((0, _isEqual["default"])(newList, oldList)) {
                 o.close();
                 return;
@@ -232,18 +228,14 @@ var TableData = function TableData(props) {
                   select: false
                 });
               });
-              // newMetaList.columns = newColumns;
               newMetaList.columns = newColumns.map(function (newCol) {
-                // 查找旧列中是否有相同 name 的列
                 var existingCol = newMetaList.columns.find(function (oldCol) {
                   return oldCol.name === newCol.name;
                 });
                 var _column = existingCol ? existingCol : newCol;
                 _column.select = store.isSelectFields || _column.select;
-                // 如果存在，返回旧列；否则返回新列
                 return _column;
               });
-              // (newMeta[index] as MetaJoin).expressions = [];
               var newMetas = store.metaList[groupIndex].list.slice();
               newMetas[0] = newMetaList;
               store.setMeta(newMetas, groupIndex, {
@@ -252,9 +244,7 @@ var TableData = function TableData(props) {
               });
               tableIsDel();
               o.close();
-            } catch (e) {
-              console.warn(e);
-            } finally {
+            } catch (e) {} finally {
               o.close();
             }
           }
@@ -263,25 +253,18 @@ var TableData = function TableData(props) {
       onClose: function onClose() {}
     });
   };
-  // 切换子查询
   var switchSubQuery = function switchSubQuery() {
     var newMetaList = store.metaList[groupIndex].list.slice();
     newMetaList[0].isSubquery = !newMetaList[0].isSubquery;
-    //重置表数据
     newMetaList[0].subquery = [];
     newMetaList[0].table = {
       name: '',
-      // 表名
       name_zh: '',
-      // 表名
       tableUuid: '',
       id: '',
-      // 表名
       alias: '',
-      // 表别名
       datasourceName: '',
-      // 数据源名
-      datasourceId: '' // 数据源id
+      datasourceId: ''
     };
     store.setMeta(newMetaList, groupIndex);
   };
@@ -392,43 +375,7 @@ var TableData = function TableData(props) {
                     })
                   }) : null;
                 }()
-              })
-              // <Tooltip
-              //   title={__(
-              //     tableIsError()
-              //       ? isDel
-              //         ? 'metabase.verify'
-              //         : 'SqlQueryBuilder.repeatAlias'
-              //       : 'SqlQueryBuilder.alias',
-              //   )}
-              // >
-              //   <Button
-              //     danger={tableIsError()}
-              //     className={cx(':Sqb-TableName-as', {
-              //       isError: tableIsError(),
-              //     })}
-              //     shape='circle'
-              //     style={
-              //       isDel
-              //         ? {
-              //             fontSize: 18,
-              //             backgroundColor: '#fff',
-              //             width: 'auto',
-              //             height: 'auto',
-              //           }
-              //         : {}
-              //     }
-              //     iconOnly
-              //     primary={!isDel}
-              //     icon={isDel ? <ExclamationCircleFill /> : 'As'}
-              //     size='small'
-              //     onClick={(e) => {
-              //       e.stopPropagation();
-              //       onChangeTableAlias(meta.table?.alias || '');
-              //     }}
-              //   ></Button>
-              // </Tooltip>
-              , 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')]
+              }), 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/components/popup.js

@@ -22,7 +22,8 @@ var _Portal = _interopRequireDefault(require("../common/Portal"));
 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); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 var outSpacing = 10;
-var TriggerInternal = /*#__PURE__*/function (_React$Component) {
+var popupOrderSeed = 1;
+var TriggerInternal = function (_React$Component) {
   function TriggerInternal(props) {
     var _this;
     (0, _classCallCheck2["default"])(this, TriggerInternal);
@@ -34,11 +35,21 @@ var TriggerInternal = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2["default"])(_this, "scrollHeightCheckTimer", null);
     (0, _defineProperty2["default"])(_this, "lastScrollHeight", 0);
     (0, _defineProperty2["default"])(_this, "handleClickOutside", function (e) {
-      var ele = e.target;
-      while (ele) {
-        if (ele === _this.props.node) return;
-        if (_this.popupContainer && ele === _this.popupContainer) return;
-        ele = ele.parentNode;
+      var _this$props$node, _this$props$node$cont, _this$popupContainer;
+      var target = e.target;
+      if (!target) {
+        _this.closePopup();
+        return;
+      }
+      if ((_this$props$node = _this.props.node) !== null && _this$props$node !== void 0 && (_this$props$node$cont = _this$props$node.contains) !== null && _this$props$node$cont !== void 0 && _this$props$node$cont.call(_this$props$node, target)) return;
+      if ((_this$popupContainer = _this.popupContainer) !== null && _this$popupContainer !== void 0 && _this$popupContainer.contains(target)) return;
+      var clickedPopupContainer = target instanceof Element ? target.closest('[data-sqb-popup-container="true"]') : null;
+      if (clickedPopupContainer && _this.popupContainer) {
+        var currentOrder = Number(_this.popupContainer.getAttribute('data-sqb-popup-order') || 0);
+        var clickedOrder = Number(clickedPopupContainer.getAttribute('data-sqb-popup-order') || 0);
+        if (clickedOrder > currentOrder) {
+          return;
+        }
       }
       _this.closePopup();
     });
@@ -47,7 +58,7 @@ var TriggerInternal = /*#__PURE__*/function (_React$Component) {
       _this.createPopupContainer();
       _this.resetId = _event.winResetEvent.addEvent(_this.didUpdate, _this, 300);
       window.addEventListener('scroll', _this.didUpdate, true);
-      document.body.addEventListener('click', _this.handleClickOutside, false);
+      document.addEventListener('mousedown', _this.handleClickOutside, true);
       _this.initContentResizeObserver();
       _this.startScrollHeightCheck();
       setTimeout(function () {
@@ -70,7 +81,7 @@ var TriggerInternal = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2["default"])(_this, "cleanup", function () {
       _event.winResetEvent.removeEvent(_this.resetId);
       window.removeEventListener('scroll', _this.didUpdate, true);
-      document.body.removeEventListener('click', _this.handleClickOutside, false);
+      document.removeEventListener('mousedown', _this.handleClickOutside, true);
       if (_this.resizeObserver) {
         _this.resizeObserver.disconnect();
         _this.resizeObserver = null;
@@ -105,7 +116,6 @@ var TriggerInternal = /*#__PURE__*/function (_React$Component) {
         _this.didUpdate();
       });
       _this.contentResizeObserver.observe(targetNode);
-      // 额外监听图片加载
       var images = targetNode.querySelectorAll('img');
       images.forEach(function (img) {
         if (!img.complete) {
@@ -137,7 +147,12 @@ var TriggerInternal = /*#__PURE__*/function (_React$Component) {
       var _this$props$zIndex;
       if (_this.popupContainer) return;
       var container = document.createElement('span');
-      container.style.cssText = "\n      position: absolute;\n      top: 0;\n      left: 0;\n      pointer-events: none;\n      z-index: ".concat((_this$props$zIndex = _this.props.zIndex) !== null && _this$props$zIndex !== void 0 ? _this$props$zIndex : 999, ";\n      opacity: 0;\n      transition: opacity 0.2s ease;\n      will-change: transform;\n    ");
+      container.setAttribute('data-sqb-popup-container', 'true');
+      container.setAttribute('data-sqb-popup-order', String(popupOrderSeed++));
+      var baseZIndex = Number((_this$props$zIndex = _this.props.zIndex) !== null && _this$props$zIndex !== void 0 ? _this$props$zIndex : 999);
+      var normalizedBaseZIndex = Number.isNaN(baseZIndex) ? 999 : baseZIndex;
+      var containerZIndex = Math.max(normalizedBaseZIndex, (0, _helperDom.getTopLayerZIndex)() + 1);
+      container.style.cssText = "\n      position: absolute;\n      top: 0;\n      left: 0;\n      pointer-events: none;\n      z-index: ".concat(containerZIndex, ";\n      opacity: 0;\n      transition: opacity 0.2s ease;\n      will-change: transform;\n    ");
       document.body.appendChild(container);
       _this.popupContainer = container;
     });
@@ -179,17 +194,12 @@ var TriggerInternal = /*#__PURE__*/function (_React$Component) {
         innerSpacing = _this$props$innerSpac === void 0 ? 10 : _this$props$innerSpac,
         _this$props$outSpacin = _this$props.outSpacing,
         outSpacing = _this$props$outSpacin === void 0 ? 5 : _this$props$outSpacin;
-      // 假设 outSpacing 也是 props 或者常量，这里保持与你原代码一致，若未定义请确保其存在
-      // const outSpacing = this.props.outSpacing || 0;
       var rect = node.getBoundingClientRect();
-      // --- 垂直方向逻辑 (保持原样) ---
       var triggerTop = rect.top + window.scrollY;
-      var triggerLeft = rect.left + window.scrollX; // 基准左侧位置
+      var triggerLeft = rect.left + window.scrollX;
       var triggerHeight = rect.height;
       var popupContent = _this.ref.current;
       var realHeight = popupContent.scrollHeight;
-      // 获取弹窗的实际宽度，用于水平碰撞检测
-      // 注意：此时 popupContent 可能还没有被渲染到最终位置，但 scrollWidth 通常能反映内容宽度
       var realWidth = popupContent.scrollWidth;
       var _getWindowSize = (0, _helperDom.getWindowSize)(),
         viewportHeight = _getWindowSize.height,
@@ -205,31 +215,15 @@ var TriggerInternal = /*#__PURE__*/function (_React$Component) {
         maxHeight = Math.min(realHeight, spaceAbove - innerSpacing - outSpacing);
         topPosition = triggerTop - innerSpacing - maxHeight;
       }
-      // --- 水平方向逻辑 (新增) ---
       var leftPosition = triggerLeft;
-      // 1. 检查是否超出右侧边界
       if (leftPosition + realWidth > viewportWidth) {
-        // 如果超出，尝试向左移动，使弹窗右边缘对齐屏幕右边缘
         leftPosition = viewportWidth - realWidth;
       }
-      // 2. 检查是否超出左侧边界 (兜底策略)
-      // 如果弹窗太宽，或者触发点太靠左导致上面的计算结果小于0
       if (leftPosition < 0) {
         leftPosition = 0;
-        // 可选：如果弹窗比屏幕还宽，你可能希望限制它的最大宽度为屏幕宽度
-        // 此时需要重新计算 realWidth 或者直接限制样式
-        // 这里我们通过 CSS 的 maxWidth 来配合，或者在这里强制限制 width
-        // 如果必须通过 JS 控制宽度：
-        // popupContent.style.width = `${viewportWidth}px`;
-        // leftPosition = 0;
       }
-      // --- 应用样式 ---
-      // 使用 transform 进行定位
       _this.popupContainer.style.transform = "translate(".concat(leftPosition, "px, ").concat(topPosition, "px)");
-      // 设置最大高度
       popupContent.style.maxHeight = "".concat(maxHeight, "px");
-      // 【重要】为了防止第2步中弹窗过宽超出屏幕，建议同时限制 popupContent 的最大宽度
-      // 这样即使 leftPosition=0，内容也不会撑破屏幕
       popupContent.style.maxWidth = "".concat(viewportWidth - outSpacing * 2, "px");
     });
     _this.state = {

package/lib/cjs/hooks/patch.d.ts

@@ -2,4 +2,5 @@ import { MetaListType } from '../store/types';
 export declare const joinDataPatch: (newMeta: any, constantList: any, formulaTemplates: any) => any;
 export declare const filterPatch: (newMeta: any, constantList: any, formulaTemplates: any) => any;
 export declare const customColumnPatch: (newMeta: any, constantList: any, formulaTemplates: any) => any;
+export declare const summarizePatch: (newMeta: any, constantList: any, formulaTemplates: any) => any;
 export declare const patchMetas: (items: MetaListType[], constantList: any[], formulaTemplates: any[]) => MetaListType[];