@gingkoo/pandora-metabase 1.0.0-alpha.2 → 1.0.0-alpha.3

package/lib/es/components/modules/{group.d.ts → union.d.ts}

@@ -2,7 +2,7 @@ import { UnionEnum } from '../../store/enum';
 interface PropsType {
     store?: any;
     meta: any;
-    operator: UnionEnum;
+    union: UnionEnum;
     groupIndex: number;
 }
 declare const RowLimit: (props: PropsType) => import("react/jsx-runtime").JSX.Element;

package/lib/es/index.js

@@ -1,5 +1,5 @@
 /**
- * @gingkoo/pandora-metabase v1.0.0-alpha.2
+ * @gingkoo/pandora-metabase v1.0.0-alpha.3
  */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
@@ -89,7 +89,7 @@ var TypeEnum;
   TypeEnum["summarize"] = "summarize";
   TypeEnum["sort"] = "sort";
   TypeEnum["rowLimit"] = "rowLimit";
-  TypeEnum["group"] = "group";
+  TypeEnum["union"] = "union";
 })(TypeEnum || (TypeEnum = {}));
 var JoinEnum;
 (function (JoinEnum) {
@@ -869,6 +869,86 @@ const changeFieldAlias = (list, curObj) => {
   });
   return newList;
 };
+function splitByUnion(data) {
+  const original = cloneDeep(data);
+  const result = [];
+  let i = 0;
+  while (i < original.length) {
+    const item = original[i];
+    if (item.type === 'group') {
+      // group.list 中每一项原样推入结果
+      for (const subItem of item.list) {
+        result.push(subItem);
+      }
+      i++;
+    } else if (item.type === 'union') {
+      const {
+        list,
+        ...otehr
+      } = item;
+      // 查找下一个 group，并将其 list 转成 subquery
+      const nextItem = original[i + 1];
+      if (nextItem && nextItem.type === 'group') {
+        result.push({
+          ...otehr,
+          subquery: nextItem.list.map(subItem => subItem)
+        });
+        i += 2;
+      } else {
+        result.push({
+          ...otehr,
+          subquery: []
+        });
+        i++;
+      }
+    }
+  }
+  return result;
+}
+function reassembleByUnion(target) {
+  const result = [];
+  let i = 0;
+  const len = target.length;
+  // 如果没有任何 union，直接放入一个 group.list
+  const hasUnion = target.some(item => item.type === 'union');
+  if (!hasUnion) {
+    return [{
+      type: 'group',
+      name: 'default',
+      list: [...target]
+    }];
+  }
+  // 否则正常处理
+  while (i < len) {
+    const item = target[i];
+    if (item.type !== 'union') {
+      // 收集连续非 union 的 item，统一放入一个 group.list
+      const groupList = [];
+      while (i < len && target[i].type !== 'union') {
+        groupList.push(target[i]);
+        i++;
+      }
+      result.push({
+        type: 'group',
+        name: 'default',
+        list: groupList
+      });
+    } else {
+      // 处理 union
+      result.push({
+        type: 'union',
+        name: 'union',
+        union: item.union ?? 'UNION',
+        list: []
+      });
+      const subquery = item.subquery || [];
+      const convertedSubquery = reassembleByUnion(subquery);
+      result.push(...convertedSubquery);
+      i++; // 跳过当前 union
+    }
+  }
+  return result;
+}
 
 let metaKey = 1;
 const SummarizeAlias = 'source';
@@ -893,9 +973,9 @@ const useStore = () => {
     list: defaultMetaList
   }];
   const defaultOperator = {
-    type: 'group',
-    name: 'group',
-    operator: UnionEnum.union,
+    type: 'union',
+    name: 'union',
+    union: UnionEnum.union,
     list: []
   };
   const [showFields, setShowFields] = useState(true); //显示字段
@@ -1053,7 +1133,8 @@ const useStore = () => {
         return {
           name: item.name || 'default',
           list: newList.length < 1 ? defaultMetaList : newList,
-          type: item.type || 'group'
+          type: item.type || 'group',
+          union: item.union
         };
       });
       const validMetaKeys = _metaList.flatMap(group => group.list).map(v => Number(v.metaKey)).filter(num => !isNaN(num));
@@ -1161,7 +1242,7 @@ const useStore = () => {
         }
       };
     }
-    if (type === TypeEnum.group) {
+    if (type === TypeEnum.union) {
       // 添加分组
       let newMetaList = metaList.slice();
       newMetaList.splice(groupIndex + 1, 0, defaultOperator, ...defaultMeta);
@@ -2236,7 +2317,7 @@ const List = [{
 const RowLimit$1 = props => {
   const {
     meta,
-    operator,
+    union,
     groupIndex
   } = props;
   const store = useStore$1();
@@ -2246,10 +2327,10 @@ const RowLimit$1 = props => {
       node: e.currentTarget,
       content: jsx(SelectList, {
         list: List,
-        value: operator,
+        value: union,
         onChange: type => {
           let newMeta = store.metaList.slice();
-          newMeta[groupIndex].operator = type;
+          newMeta[groupIndex].union = type;
           store._setMeta(newMeta);
           store.setPopup({
             visible: false
@@ -2272,7 +2353,7 @@ const RowLimit$1 = props => {
           children: jsx("div", {
             className: `Sqb-TableName`,
             onClick: e => selectOperator(e),
-            children: operator
+            children: union
           })
         })
       })]
@@ -5015,17 +5096,17 @@ const IconTypeMap = new Map([[TypeEnum.filter, {
   name: __('SqlQueryBuilder.rowLimit'),
   icon: jsx(RowLimitIcon, {}),
   className: 'rowLimit'
-}], [TypeEnum.group, {
+}], [TypeEnum.union, {
   name: __('SqlQueryBuilder.union'),
   icon: jsx(GroupIcon, {}),
   className: 'union'
 }]]);
 // 前端展示的icon顺序 随便改不影响逻辑
-const DisplayOrder = [TypeEnum.filter, TypeEnum.summarize, TypeEnum.joinData, TypeEnum.permissionTable, TypeEnum.customColumn, TypeEnum.sort, TypeEnum.rowLimit, TypeEnum.group];
+const DisplayOrder = [TypeEnum.filter, TypeEnum.summarize, TypeEnum.joinData, TypeEnum.permissionTable, TypeEnum.customColumn, TypeEnum.sort, TypeEnum.rowLimit, TypeEnum.union];
 // js逻辑顺序 正常顺序
-const OrderType = [TypeEnum.data, TypeEnum.joinData, TypeEnum.permissionTable, TypeEnum.customColumn, TypeEnum.filter, TypeEnum.summarize, TypeEnum.sort, TypeEnum.rowLimit, TypeEnum.group];
+const OrderType = [TypeEnum.data, TypeEnum.joinData, TypeEnum.permissionTable, TypeEnum.customColumn, TypeEnum.filter, TypeEnum.summarize, TypeEnum.sort, TypeEnum.rowLimit, TypeEnum.union];
 // js逻辑顺序 聚合下面的顺序是这个样子
-const OrderNewType = [TypeEnum.sort, TypeEnum.rowLimit, TypeEnum.joinData, TypeEnum.permissionTable, TypeEnum.customColumn, TypeEnum.filter, TypeEnum.summarize, TypeEnum.group];
+const OrderNewType = [TypeEnum.sort, TypeEnum.rowLimit, TypeEnum.joinData, TypeEnum.permissionTable, TypeEnum.customColumn, TypeEnum.filter, TypeEnum.summarize, TypeEnum.union];
 const metaIcon = (size, handleClick) => {
   return ({
     type
@@ -5130,7 +5211,7 @@ const findNextIcon = (store, props) => {
       if (meta.table2.name) {
         available = OrderType.slice(curLocation + 1);
       } else {
-        available = [TypeEnum.customColumn, TypeEnum.filter, TypeEnum.summarize, TypeEnum.group];
+        available = [TypeEnum.customColumn, TypeEnum.filter, TypeEnum.summarize, TypeEnum.union];
       }
     } else {
       if (isLast) {
@@ -5152,7 +5233,7 @@ const findNextIcon = (store, props) => {
       if (meta.customColumn.length || ~joinIndex && prevList[joinIndex].table2.name) {
         available = OrderType.slice(curLocation + 1);
       } else {
-        available = [TypeEnum.filter, TypeEnum.summarize, TypeEnum.group];
+        available = [TypeEnum.filter, TypeEnum.summarize, TypeEnum.union];
       }
     } else {
       if (isLast) {
@@ -5185,7 +5266,7 @@ const findNextIcon = (store, props) => {
     if (isLast) {
       if (!ExistAboveGroupBy) {
         if (meta.group.length && !meta.by.length) ; else if (!meta.group.length && !meta.by.length) {
-          available = [TypeEnum.sort, TypeEnum.rowLimit, TypeEnum.group];
+          available = [TypeEnum.sort, TypeEnum.rowLimit, TypeEnum.union];
         } else {
           available = OrderNewType;
         }
@@ -8545,21 +8626,16 @@ const Metabase = props => {
   }, [store.popupData2]);
   const onSave = async () => {
     let intercept = false; // 是否返回
+    const _metaList = splitByUnion(store.metaList);
     store.metaList.map(v => {
-      if (v.type !== 'group' && !(v.list?.[0]).table.name) {
+      if (v.type !== 'union' && !(v.list?.[0]).table.name) {
         intercept = true;
         return Toast.warning(__('data.pleaseSelectDataTable'));
       }
     });
     if (saveLoading || intercept) return null;
     setSaveLoading(true);
-    if (store.toolbar.includes('group')) {
-      // 分组
-      await onOk?.(store.metaList);
-    } else {
-      // 非分组
-      await onOk?.(store.metaList[0].list);
-    }
+    await onOk?.(_metaList);
     setSaveLoading(false);
   };
   let zIndex = popupContainer.current ? getMaxZIndexInParents(popupContainer.current) : null;
@@ -8570,15 +8646,15 @@ const Metabase = props => {
       children: jsxs("div", {
         className: 'Sqb',
         children: [store.metaList.map((v, index) => {
-          if (v.type === 'group' && v.operator) {
+          if (v.type === 'union' && v.union) {
             return jsx("div", {
               className: cx(`Sqb-list`),
               children: jsx(RowLimit$1, {
-                operator: v.operator,
+                union: v.union,
                 meta: v,
                 groupIndex: index
               })
-            }, 'group' + index);
+            }, 'union' + index);
           }
           return jsx("div", {
             className: cx(`Sqb-list`),
@@ -8665,15 +8741,9 @@ const SqlVisionBuilder = /*#__PURE__*/React__default.forwardRef((props, ref) =>
     store.setProps(props);
   }, [props]);
   useEffect(() => {
-    if (toolbar.includes('group')) {
-      store.setPreData(value);
-    } else {
-      store.setPreData([{
-        name: 'default',
-        list: value
-      }]);
-    }
-  }, [value, toolbar]);
+    const _value = reassembleByUnion(value);
+    store.setPreData(_value);
+  }, [value]);
   useEffect(() => {
     store.setSourceList(sourceList);
   }, [sourceList]);