@gingkoo/pandora-metabase 1.0.0 → 1.0.1

package/README.md

@@ -62,6 +62,8 @@ export interface MetaBaseProps {
   subShowSubquery?: boolean; //子查询是否展示子查询
   constantList?: OptionItem[]; //常量下拉框
   notExistsToolbar?: ToolbarType[]; // notExists的功能菜单 默认取toolbar
+  ignoreGroupByType?: boolean; // 忽略groupBy类型
+
 }
 
 export interface OptionItem {

package/lib/es/components/dialog/select-summarize/index.d.ts

@@ -12,6 +12,7 @@ interface PropsType {
     value: ValueType;
     onChange: (reocrd: ValueType) => void;
     didUpdate?: Function;
+    ignoreGroupByType?: boolean;
 }
-declare const SelectSummarize: ({ data, value, onChange, didUpdate }: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const SelectSummarize: ({ data, value, onChange, didUpdate, ignoreGroupByType }: PropsType) => import("react/jsx-runtime").JSX.Element;
 export default SelectSummarize;

package/lib/es/index.js

@@ -1,12 +1,12 @@
 /**
- * @gingkoo/pandora-metabase v1.0.0
+ * @gingkoo/pandora-metabase v1.0.1
  */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useContext, createContext, useState, useRef, useMemo, useEffect, forwardRef, useImperativeHandle } from 'react';
 import cloneDeep from 'lodash/cloneDeep';
 import cx from 'classnames';
-import { Tooltip, Button, Modal, Input, DatePicker, Dropdown, InputNumber, Select, Modal2, Toast } from '@gingkoo/pandora';
+import { Tooltip, Button, Modal, Input, DatePicker, Dropdown, InputNumber, Select, Toast, Modal2 } from '@gingkoo/pandora';
 import Styled from 'styled-components';
 import { ChevronODown, Repeat, Function, RelatedWork, FfPlus, FfLine } from '@gingkoo/pandora-icons';
 import isEqual from 'lodash/isEqual';
@@ -1224,6 +1224,7 @@ const useStore = () => {
   const [tableNameTpl, setTableNameTpl] = useState('${name}'); //显示字段
   const [sourceList, setSourceList] = useState([]); //数据源列表
   const [constantList, setConstantList] = useState([]); //常量列表
+  const [ignoreGroupByType, setIgnoreGroupByType] = useState(false); // 忽略groupBy类型
   const [_cacheSource2TableMap, set_cacheSource2TableMap] = useState({}); //数据源id 对应数据集列表
   const [_cacheColumnsMap, set_cacheColumnsMap] = useState({}); //数据源id 对应数据集列表
   const [metaList, _setMeta] = useState(defaultMeta); //数据源id 对应数据集列表
@@ -1653,7 +1654,9 @@ const useStore = () => {
     _setShowSubquery,
     constantList,
     setConstantList,
-    popupContainer
+    popupContainer,
+    ignoreGroupByType,
+    setIgnoreGroupByType
   };
 };
 
@@ -1704,6 +1707,7 @@ register('en', {
   'SqlQueryBuilder.visualize': 'visualize',
   'SqlQueryBuilder.selectColumnAll': 'select all',
   'SqlQueryBuilder.alias': 'alias',
+  'SqlQueryBuilder.aliasCannotEmpty': 'Alias cannot be empty',
   'customColumn.operator': 'operator',
   'customColumn.field': 'field',
   'customColumn.constant': 'constant',
@@ -1848,6 +1852,7 @@ register('zh', {
   'SqlQueryBuilder.visualize': '可视化',
   'SqlQueryBuilder.selectColumnAll': '全选',
   'SqlQueryBuilder.alias': '别名',
+  'SqlQueryBuilder.aliasCannotEmpty': '别名不能为空',
   'customColumn.operator': '运算符',
   'customColumn.field': '字段',
   'customColumn.constant': '常量',
@@ -2167,13 +2172,13 @@ const LeftJoinIcon = ({
   })
 });
 const InnerJoinIcon = ({
-  width: _width10 = 32,
-  height: _height10 = 32,
+  width: _width0 = 32,
+  height: _height0 = 32,
   style
 }) => jsx("svg", {
   viewBox: '0 0 32 32',
-  width: _width10,
-  height: _height10,
+  width: _width0,
+  height: _height0,
   fill: 'currentcolor',
   role: 'img',
   "aria-label": 'join_inner icon',
@@ -2183,13 +2188,13 @@ const InnerJoinIcon = ({
   })
 });
 const UpArrowIcon = ({
-  width: _width11 = 16,
-  height: _height11 = 17
+  width: _width1 = 16,
+  height: _height1 = 17
 }) => jsx("svg", {
   className: 'sort-arrow',
   viewBox: '0 0 32 34',
-  width: _width11,
-  height: _height11,
+  width: _width1,
+  height: _height1,
   fill: 'currentcolor',
   role: 'img',
   "aria-label": 'arrow_up icon',
@@ -2198,13 +2203,13 @@ const UpArrowIcon = ({
   })
 });
 const DownArrowIcon = ({
-  width: _width12 = 16,
-  height: _height12 = 17
+  width: _width10 = 16,
+  height: _height10 = 17
 }) => jsx("svg", {
   className: 'sort-arrow',
   viewBox: '0 0 32 34',
-  width: _width12,
-  height: _height12,
+  width: _width10,
+  height: _height10,
   fill: 'currentcolor',
   role: 'img',
   "aria-label": 'arrow_down icon',
@@ -2213,13 +2218,13 @@ const DownArrowIcon = ({
   })
 });
 const CloseIcon = ({
-  width: _width13 = 16,
-  height: _height13 = 16
+  width: _width11 = 16,
+  height: _height11 = 16
 }) => jsx("svg", {
   className: 'closeIcon',
   viewBox: '0 0 32 32',
-  width: _width13,
-  height: _height13,
+  width: _width11,
+  height: _height11,
   fill: 'currentcolor',
   role: 'img',
   "aria-label": 'close icon',
@@ -2228,12 +2233,12 @@ const CloseIcon = ({
   })
 });
 const AddIcon = ({
-  width: _width14 = 16,
-  height: _height14 = 16
+  width: _width12 = 16,
+  height: _height12 = 16
 }) => jsx("svg", {
   viewBox: '0 0 32 32',
-  width: _width14,
-  height: _height14,
+  width: _width12,
+  height: _height12,
   fill: 'currentcolor',
   role: 'img',
   "aria-label": 'add icon',
@@ -2242,12 +2247,12 @@ const AddIcon = ({
   })
 });
 const TableIcon = ({
-  width: _width15 = 18,
-  height: _height15 = 18
+  width: _width13 = 18,
+  height: _height13 = 18
 }) => jsx("svg", {
   viewBox: '0 0 32 32',
-  width: _width15,
-  height: _height15,
+  width: _width13,
+  height: _height13,
   fill: 'currentcolor',
   role: 'img',
   "aria-label": 'table2 icon',
@@ -2256,12 +2261,12 @@ const TableIcon = ({
   })
 });
 const SearchIcon = ({
-  width: _width16 = 16,
-  height: _height16 = 16
+  width: _width14 = 16,
+  height: _height14 = 16
 }) => jsx("svg", {
   viewBox: '0 0 32 32',
-  width: _width16,
-  height: _height16,
+  width: _width14,
+  height: _height14,
   fill: 'currentcolor',
   role: 'img',
   "aria-label": 'search icon',
@@ -4549,7 +4554,7 @@ const SelectFilterColumn = ({
           },
           format: 'YYYY-MM-DD HH:mm',
           className: 'w_300',
-          value: moment(firstVal ?? undefined),
+          value: firstVal ? moment(firstVal) : '',
           onChange: val => {
             if (val) {
               setVal([moment(val).format('YYYY-MM-DD HH:mm')]);
@@ -4950,7 +4955,8 @@ const SelectSummarize = ({
   data,
   value,
   onChange,
-  didUpdate
+  didUpdate,
+  ignoreGroupByType
 }) => {
   const [condition, setCondition] = useState(value.condition);
   function goPrevPage() {
@@ -4966,7 +4972,7 @@ const SelectSummarize = ({
   }
   if (condition && !~Special.indexOf(condition)) {
     let availableData = data.slice();
-    if (condition !== '不重复值的总数') {
+    if (condition !== '不重复值的总数' && !ignoreGroupByType) {
       // 只能用数字类型做聚合
       availableData = data.map(v => {
         return {
@@ -5710,12 +5716,17 @@ const TableData = props => {
           alias = val;
         }
       }),
-      onOk: () => {
-        let newMetaList = store.metaList[groupIndex].list.slice();
-        // @ts-ignore
-        newMetaList[0].table.alias = alias;
-        newMetaList = changeTableAlias(newMetaList, newMetaList[0].table);
-        store.setMeta(newMetaList, groupIndex);
+      onOk: async () => {
+        if (!alias) {
+          Toast.warning(__('SqlQueryBuilder.aliasCannotEmpty'));
+          return false;
+        } else {
+          let newMetaList = store.metaList[groupIndex].list.slice();
+          // @ts-ignore
+          newMetaList[0].table.alias = alias;
+          newMetaList = changeTableAlias(newMetaList, newMetaList[0].table);
+          store.setMeta(newMetaList, groupIndex);
+        }
       },
       onCancel: () => {}
     });
@@ -5751,7 +5762,7 @@ const TableData = props => {
               newMetaList.subquery = newList;
               newMetaList.table = {
                 ...newList[0].table,
-                alias: newMetaList.table.alias || '',
+                alias: newMetaList.table.alias || newList[0].table.name + '_' + groupIndex + '_' + 0,
                 tableUuid: uuidv4('table')
               };
               const items = getSubColumns(newList);
@@ -6419,7 +6430,8 @@ const JoinData = props => {
               }
               newMeta[index].subquery = newList;
               newMeta[index].table2 = {
-                ...newList[0].table
+                ...newList[0].table,
+                alias: newMeta[index].table2.alias || newList[0].table.name + '_' + groupIndex + '_' + index
               };
               const items = getSubColumns(newList);
               const newColumns = items.flatMap(item => item.columns);
@@ -6477,12 +6489,17 @@ const JoinData = props => {
           alias = val;
         }
       }),
-      onOk: () => {
-        let index = findIndex(store.metaList[groupIndex].list, meta);
-        let newMeta = store.metaList[groupIndex].list.slice();
-        newMeta[index].table2.alias = alias;
-        newMeta = changeTableAlias(newMeta, newMeta[index].table2);
-        store.setMeta(newMeta, groupIndex);
+      onOk: async () => {
+        if (!alias) {
+          Toast.warning(__('SqlQueryBuilder.aliasCannotEmpty'));
+          return false;
+        } else {
+          let index = findIndex(store.metaList[groupIndex].list, meta);
+          let newMeta = store.metaList[groupIndex].list.slice();
+          newMeta[index].table2.alias = alias;
+          newMeta = changeTableAlias(newMeta, newMeta[index].table2);
+          store.setMeta(newMeta, groupIndex);
+        }
       },
       onCancel: () => {}
     });
@@ -8419,6 +8436,7 @@ const SelectIndex = props => {
       content: jsx(SelectSummarize, {
         data: data,
         value: value,
+        ignoreGroupByType: store.ignoreGroupByType,
         onChange: data => {
           //@ts-ignore
           newMeta[index].group.splice(i, 1, data);
@@ -8472,6 +8490,7 @@ const SelectIndex = props => {
       content: jsx(SelectSummarize, {
         data: data,
         value: value,
+        ignoreGroupByType: store.ignoreGroupByType,
         onChange: data => {
           // @ts-ignore
           newMeta[index].group.push(data);
@@ -9154,7 +9173,8 @@ const SqlVisionBuilder = /*#__PURE__*/React__default.forwardRef((props, ref) =>
     showSubquery = true,
     // 是否展示子查询
     subShowSubquery = false,
-    constantList
+    constantList,
+    ignoreGroupByType = false
   } = props;
   const store = useStore();
   useEffect(() => {
@@ -9179,7 +9199,8 @@ const SqlVisionBuilder = /*#__PURE__*/React__default.forwardRef((props, ref) =>
     store.setShowSubquery(showSubquery);
     store._setShowSubquery(subShowSubquery);
     store.setConstantList(constantList || []);
-  }, [showFields, fieldNameTpl, tableNameTpl, toolbar, showSubquery, subShowSubquery, constantList]);
+    store.setIgnoreGroupByType(ignoreGroupByType);
+  }, [showFields, fieldNameTpl, tableNameTpl, toolbar, showSubquery, subShowSubquery, constantList, ignoreGroupByType]);
   React__default.useImperativeHandle(ref, () => ({
     // setDatasource: (list) => {
     //   store.setSourceList(list);