@gingkoo/pandora-metabase 1.0.23 → 1.0.25

package/lib/es/components/dialog/formula/utils.js

@@ -0,0 +1,37 @@
+import { AtomsTypeEnum } from '../../../store/types';
+import { getTemplateItem } from '../formula-list/utils';
+export var getObjTem = function getObjTem(arr) {
+  var obj = {};
+  arr === null || arr === void 0 || arr.map(function (v) {
+    if (v.name) {
+      obj[v.name] = v;
+    }
+  });
+  return obj;
+};
+export var getTemArgs = function getTemArgs(temArgs) {
+  return (temArgs === null || temArgs === void 0 ? void 0 : temArgs.map(function (v) {
+    return {
+      type: AtomsTypeEnum.COLLECTION,
+      quotes: '',
+      list: [getTemplateItem(v.type)]
+    };
+  })) || [];
+};
+export function getParamActions(params, arity) {
+  var len = (params === null || params === void 0 ? void 0 : params.length) || 0;
+  if (!arity) {
+    return {
+      canAdd: true,
+      canDel: true
+    };
+  }
+  var effectiveMin = 'min' in arity ? arity.min : 'exact' in arity ? arity.exact : 0;
+  var effectiveMax = 'max' in arity ? arity.max : 'exact' in arity ? arity.exact // ← 这里！不能是 Infinity
+  : Infinity;
+  return {
+    canAdd: len < effectiveMax,
+    // 小于 max 才能加
+    canDel: len > effectiveMin // 大于 min 才能删
+  };
+}

package/lib/es/components/dialog/formula-list/index.d.ts

@@ -6,8 +6,10 @@ interface PropsType {
     value: AtomsItem[];
     data: any;
     exitData?: any;
+    onChange?: (atoms: AtomsItem[], quotes: string) => void;
+    check?: string;
     isCustom?: boolean;
-    onChange?: Function;
+    showPreview?: boolean;
 }
 declare const FormulaList: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<unknown>>;
 export default FormulaList;

package/lib/es/components/dialog/formula-list/index.js

@@ -4,51 +4,57 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _excluded = ["notExistsToolbar", "toolbar"];
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState, forwardRef } from 'react';
+import { useState, forwardRef } from 'react';
 import cx from 'classnames';
 // import './index.less';
 import Metabase from '../../../index';
 import { __ } from '../../../locale';
 import isEqual from 'lodash/isEqual';
-import { getTemplate } from './utils';
-import { customTypes, operatorList } from './enum';
 import { AtomsTypeEnum } from '../../../store/types';
 import { ColumnsPopupThemeEnum } from '../../../store/enum';
 import { Select, Input, Modal2, InputNumber } from '@gingkoo/pandora';
 import cloneDeep from 'lodash/cloneDeep';
-import { getTemItem } from '../../../store/helper';
 import { buildSqlQuery } from '../../../utils';
+import Formula from '../formula';
 import { AddIcon, CloseIcon } from '../../icons';
 import { Expression, SelectColumnMultiple } from '../../dialog';
+import { customTypes, operatorList, insertTemplateAt, getTemplateItem } from './utils';
 import SelectList from '../../dialog/select-list';
 import arrow from './arrow.svg';
-import { useStore } from '../../../hooks/use-provider';
+import { useStore, Provider } from '../../../hooks/use-provider';
 var FormulaList = forwardRef(function (props, ref) {
   var value = props.value,
     data = props.data,
-    isCustom = props.isCustom,
     exitData = props.exitData,
     onChange = props.onChange,
     _props$customTypes = props.customTypes,
     _customTypes = _props$customTypes === void 0 ? customTypes : _props$customTypes,
     _props$operatorList = props.operatorList,
-    _operatorList = _props$operatorList === void 0 ? operatorList : _props$operatorList;
-  var _useState = useState(value || []),
+    _operatorList = _props$operatorList === void 0 ? operatorList : _props$operatorList,
+    _props$isCustom = props.isCustom,
+    isCustom = _props$isCustom === void 0 ? false : _props$isCustom,
+    _props$showPreview = props.showPreview,
+    showPreview = _props$showPreview === void 0 ? true : _props$showPreview,
+    check = props.check;
+  var caseList = value || [];
+  var setCaseList = function setCaseList(data) {
+    var quotes = data.map(function (v, i) {
+      if (v !== null && v !== void 0 && v.quotes) {
+        return v === null || v === void 0 ? void 0 : v.quotes;
+      } else if (v !== null && v !== void 0 && v.fieldName) {
+        return v === null || v === void 0 ? void 0 : v.fieldName;
+      } else {
+        return v.val;
+      }
+    }).join(' ');
+    onChange === null || onChange === void 0 || onChange(data, quotes);
+  };
+  var _useState = useState(-1),
     _useState2 = _slicedToArray(_useState, 2),
-    caseList = _useState2[0],
-    setCaseList = _useState2[1];
-  // useEffect(() => {
-  //   setCaseList(value);
-  // }, [value]);
-  var _useState3 = useState(-1),
-    _useState4 = _slicedToArray(_useState3, 2),
-    ind = _useState4[0],
-    setInd = _useState4[1];
+    ind = _useState2[0],
+    setInd = _useState2[1];
   var store = useStore();
   var filterCustomType = store.filterCustomType;
-  useEffect(function () {
-    onChange === null || onChange === void 0 || onChange(caseList);
-  }, [caseList]);
   function closePopup() {
     store.setPopup({
       visible: false
@@ -79,7 +85,7 @@ var FormulaList = forwardRef(function (props, ref) {
     var _caseList = caseList.slice();
     var oldType = _caseList[i].val;
     _caseList[i].val = val;
-    _caseList = getTemplate(oldType, val, _caseList, i);
+    _caseList = insertTemplateAt(oldType, val, _caseList, i);
     setCaseList(_caseList);
   };
   // 表达式
@@ -89,6 +95,7 @@ var FormulaList = forwardRef(function (props, ref) {
       node: e.currentTarget,
       container: ref === null || ref === void 0 ? void 0 : ref.current,
       content: _jsx(Expression, {
+        isCustom: isCustom,
         filterCustomType: filterCustomType,
         data: data,
         container: ref === null || ref === void 0 ? void 0 : ref.current,
@@ -113,7 +120,7 @@ var FormulaList = forwardRef(function (props, ref) {
   // 添加
   var addOperator = function addOperator(type, index, position) {
     var _caseList = caseList.slice() || [];
-    var temItem = getTemItem(type);
+    var temItem = getTemplateItem(type);
     if (position === 'add') {
       _caseList.push(temItem);
     } else if (position === 'before') {
@@ -163,7 +170,7 @@ var FormulaList = forwardRef(function (props, ref) {
                 type: caseList[i].type
               };
               caseList[i] = expression;
-              onChange === null || onChange === void 0 || onChange(caseList);
+              onChange === null || onChange === void 0 || onChange(caseList, '');
               setCaseList(_toConsumableArray(caseList));
               o.close();
             } catch (e) {
@@ -195,6 +202,33 @@ var FormulaList = forwardRef(function (props, ref) {
       })
     });
   }
+  // 函数弹窗
+  var showFunction = function showFunction(e, i) {
+    var _value = caseList[i];
+    var o = Modal2.openModal({
+      title: __('customColumn.formula'),
+      transparentMask: true,
+      content: _jsx(_Fragment, {
+        children: _jsx(Provider, {
+          value: store,
+          children: _jsx(Formula, {
+            data: data,
+            value: _value,
+            onCancel: function onCancel() {
+              o.close();
+            },
+            onOk: function onOk(data) {
+              var _caseList = caseList.slice();
+              _caseList[i] = data;
+              setCaseList(_caseList);
+              o.close();
+            }
+          })
+        })
+      }),
+      onClose: function onClose() {}
+    });
+  };
   // 分段
   var itemDom = function itemDom(v, index) {
     var type = v.type;
@@ -312,14 +346,22 @@ var FormulaList = forwardRef(function (props, ref) {
       });
     } else if (type === AtomsTypeEnum.CONSTANT) {
       //常量
-      return _jsx("div", {
+      return _jsxs("div", {
         className: cx("Sqb-TableName", {
           notSelected: !v.val
         }),
         "v-index": index,
         "v-val": v.val,
         onClick: selectConstant,
-        children: v.val ? v.val : __('SqlQueryBuilder.pickConstant')
+        children: [v.val ? v.val : __('SqlQueryBuilder.pickConstant'), _jsx("span", {
+          style: {
+            fontSize: 0
+          },
+          onClick: function onClick(e) {
+            return handleDel(e, index);
+          },
+          children: _jsx(CloseIcon, {})
+        })]
       }, index);
     } else if (type === AtomsTypeEnum.EXPRESSION) {
       // 表达式
@@ -330,7 +372,7 @@ var FormulaList = forwardRef(function (props, ref) {
         onClick: function onClick(e) {
           return handleExpression(e, index, v);
         },
-        children: [!v.quotes && __('customColumn.selectExpression'), v.quotes, _jsx("span", {
+        children: [v.quotes ? v.quotes : __('customColumn.selectExpression'), _jsx("span", {
           style: {
             fontSize: 0
           },
@@ -340,6 +382,23 @@ var FormulaList = forwardRef(function (props, ref) {
           children: _jsx(CloseIcon, {})
         })]
       });
+    } else if (type === AtomsTypeEnum.FORMULA) {
+      // 公式
+      return _jsxs("div", {
+        className: "Sqb-TableName gray-name",
+        onClick: function onClick(e) {
+          return showFunction(e, index);
+        },
+        children: [v.quotes ? v.quotes : __('customColumn.selectFormula'), _jsx("span", {
+          style: {
+            fontSize: 0
+          },
+          onClick: function onClick(e) {
+            return handleDel(e, index);
+          },
+          children: _jsx(CloseIcon, {})
+        })]
+      }, index);
     } else {
       return _jsx(Select, {
         triggerProps: {
@@ -374,8 +433,8 @@ var FormulaList = forwardRef(function (props, ref) {
       });
     }
   };
-  return _jsxs(_Fragment, {
-    children: [_jsxs("div", {
+  return _jsx(_Fragment, {
+    children: _jsxs("div", {
       className: "Sqb-NotebookCell",
       children: [caseList === null || caseList === void 0 ? void 0 : caseList.map(function (v, i) {
         return _jsxs("div", {
@@ -480,19 +539,24 @@ var FormulaList = forwardRef(function (props, ref) {
             children: option.label
           }, index + '' + ind);
         })
+      }), showPreview && _jsxs("p", {
+        className: "mb-2 font-bold uppercase tracking-wider",
+        style: {
+          fontSize: 12,
+          color: '#949aab',
+          width: '100%'
+        },
+        children: ["\u9884\u89C8\uFF1A", caseList.map(function (v, i) {
+          if (v !== null && v !== void 0 && v.quotes) {
+            return v === null || v === void 0 ? void 0 : v.quotes;
+          } else if (v !== null && v !== void 0 && v.fieldName) {
+            return v === null || v === void 0 ? void 0 : v.fieldName;
+          } else {
+            return v.val;
+          }
+        }).join(' ')]
       })]
-    }), _jsxs("p", {
-      className: 'Sqb-NotebookCell-preview',
-      children: ["\u9884\u89C8\uFF1A", caseList.map(function (v, i) {
-        if (v !== null && v !== void 0 && v.quotes) {
-          return v === null || v === void 0 ? void 0 : v.quotes;
-        } else if (v !== null && v !== void 0 && v.fieldName) {
-          return v === null || v === void 0 ? void 0 : v.fieldName;
-        } else {
-          return v.val;
-        }
-      }).join(' ')]
-    })]
+    })
   });
 });
 export default FormulaList;

package/lib/es/components/dialog/formula-list/utils.d.ts

@@ -1,3 +1,4 @@
+import { AtomsTypeEnum, AtomsItem } from '../../../store/types';
 /**
  *
  * @param type 当前选择的类型
@@ -5,4 +6,16 @@
  * @param index 需要讲模版插入的位置
  * @returns
  */
-export declare const getTemplate: (oldType: string, type: string, list: any[], index: number) => any[];
+export declare const insertTemplateAt: (oldType: string, type: string, list: any[], index: number) => any[];
+export declare const operatorList: string[];
+export declare const customTypes: ({
+    value: AtomsTypeEnum;
+    label: any;
+    children?: undefined;
+} | {
+    value: AtomsTypeEnum;
+    label: any;
+    children: string[];
+})[];
+export declare const getTemplateItem: (type: AtomsTypeEnum) => AtomsItem;
+export declare const isOk: (rhsVal: AtomsItem[]) => boolean;

package/lib/es/components/dialog/formula-list/utils.js

@@ -1,5 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { __ } from '../../../locale';
 import { AtomsTypeEnum } from '../../../store/types';
+// import { FUNCTION_TEMPLATES } from '../function/utils';
 /**
  *
  * @param type 当前选择的类型
@@ -7,7 +9,7 @@ import { AtomsTypeEnum } from '../../../store/types';
  * @param index 需要讲模版插入的位置
  * @returns
  */
-export var getTemplate = function getTemplate(oldType, type, list, index) {
+export var insertTemplateAt = function insertTemplateAt(oldType, type, list, index) {
   var temList = [];
   var needChange = ['RANK()', 'DENSE_RANK()', 'ROW_NUMBER()', 'when', 'case', 'then'].includes(oldType);
   // 只改变类型不需要插入模版
@@ -116,4 +118,160 @@ export var getTemplate = function getTemplate(oldType, type, list, index) {
   }
   list.splice.apply(list, [index + 1, 0].concat(_toConsumableArray(temList)));
   return list;
-};
+};
+export var operatorList = ['and', 'or', '(', ')', ',', '+', '-', '*', '/', '!=', '<=', '>=', '<', '>', '=', 'case', 'when', 'then', 'else', 'end', 'DESC', 'ASC', 'OVER', 'PARTITION BY', 'ORDER BY', 'RANK()', 'DENSE_RANK()', 'ROW_NUMBER()'];
+export var customTypes = [
+// 字段
+{
+  value: AtomsTypeEnum.FIELD,
+  label: __('customColumn.field')
+},
+// 表达式
+{
+  value: AtomsTypeEnum.EXPRESSION,
+  label: __('customColumn.expression')
+},
+// 输入框
+{
+  value: AtomsTypeEnum.INPUT_STRING,
+  label: __('customColumn.input')
+},
+// 数字输入框
+{
+  value: AtomsTypeEnum.INPUT_NUMBER,
+  label: __('customColumn.numberInput')
+},
+// 数字输入框
+{
+  value: AtomsTypeEnum.CONSTANT,
+  label: __('customColumn.constant')
+},
+// 连接符
+{
+  value: AtomsTypeEnum.OPERATOR,
+  label: __('customColumn.operator'),
+  children: operatorList
+},
+// 函数
+{
+  value: AtomsTypeEnum.FORMULA,
+  label: __('customColumn.formula'),
+  children: operatorList
+}];
+export var getTemplateItem = function getTemplateItem(type) {
+  var temItem;
+  // 字段
+  if (type === AtomsTypeEnum.FIELD) {
+    temItem = {
+      fieldName: '',
+      // 字段名
+      fieldNameZh: '',
+      // 字段中文名
+      fieldAlias: '',
+      // 别名
+      fieldUuid: '',
+      // uuid
+      fieldId: '',
+      // 字段id
+      // quotes?: string; // 字段展示的 不知道有没有用
+      tableName: '',
+      // 表名
+      tableNameZh: '',
+      tableId: '',
+      // 表名
+      tableAlias: '',
+      // 别名
+      tableUuid: '',
+      // 表唯一标识
+      datasourceName: '',
+      // 数据源名
+      datasourceId: '',
+      // 数据源id
+      type: AtomsTypeEnum.FIELD
+    };
+  }
+  // 表达式
+  else if (type === AtomsTypeEnum.EXPRESSION || type === AtomsTypeEnum.JOIN_DEFAULT) {
+    return {
+      lhs: [],
+      rhs: [],
+      condition: '',
+      quotes: '',
+      type: type
+    };
+  } else if (type === AtomsTypeEnum.EXISTS || type === AtomsTypeEnum.NOT_EXISTS) {
+    return {
+      quotes: '',
+      // 展示用户看的 组装的文字
+      notExists: [],
+      type: type
+    };
+  } else if (type === AtomsTypeEnum.UNKNOWN) {
+    return {
+      // quotes: '', // 展示用户看的 组装的文字
+      // notExists: [],
+      val: '',
+      type: type
+    };
+  } else if (type === AtomsTypeEnum.INPUT_NUMBER) {
+    return {
+      val: 0,
+      type: type
+    };
+  } else if (type === AtomsTypeEnum.INPUT_NUMBER_LIST || type === AtomsTypeEnum.INPUT_STRING_LIST) {
+    temItem = {
+      val: [],
+      type: type
+    };
+  } else if (type === AtomsTypeEnum.FORMULA) {
+    temItem = {
+      args: [],
+      // params: FUNCTION_TEMPLATES?.[type]?.params || [],
+      // arity: FUNCTION_TEMPLATES?.[type]?.arity || {},
+      name: '',
+      quotes: '',
+      type: type
+    };
+  } else if (type === AtomsTypeEnum.COLLECTION) {
+    return {
+      list: [],
+      quotes: '',
+      type: type
+    };
+  } else {
+    // 其他
+    temItem = {
+      val: '',
+      type: type
+    };
+  }
+  return temItem;
+};
+var _isOk = function isOk(rhsVal) {
+  return rhsVal.every(function (v) {
+    if (v.type === AtomsTypeEnum.UNKNOWN) {
+      return false;
+    } else if (v.type === AtomsTypeEnum.JOIN_DEFAULT) {
+      // 这个情况应该是不存在的
+      return true; // 或者根据业务逻辑决定是否算“有效”
+    } else if (v.type === AtomsTypeEnum.FIELD) {
+      return Boolean(v.fieldName); // 确保 fieldName 存在且非空
+    } else if (v.type === AtomsTypeEnum.EXPRESSION || v.type === AtomsTypeEnum.EXISTS || v.type === AtomsTypeEnum.NOT_EXISTS) {
+      return Boolean(v.quotes); // 确保 quotes 存在
+    } else if (v.type === AtomsTypeEnum.INPUT_STRING_LIST) {
+      return Array.isArray(v.val) && v.val.every(function (vv) {
+        return Boolean(vv);
+      });
+    } else if (v.type === AtomsTypeEnum.COLLECTION) {
+      return _isOk(v.list || []);
+    } else if (v.type === AtomsTypeEnum.FORMULA) {
+      if (!v.quotes) {
+        return false;
+      }
+      return _isOk(v.args || []);
+    } else {
+      return Boolean(v.val); // 兜底，确保 val 存在
+    }
+  });
+};
+export { _isOk as isOk };

package/lib/es/components/dialog/index.d.ts

@@ -8,3 +8,4 @@ export { default as SelectTable } from './select-table/index';
 export { default as SelectPermissionTable } from './select-permission-table/index';
 export { default as FormulaList } from './formula-list/index';
 export { default as Expression } from './expression/index';
+export { getTemplateItem } from './formula-list/utils';

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

@@ -7,4 +7,5 @@ export { default as SelectJoin } from './select-join/index';
 export { default as SelectTable } from './select-table/index';
 export { default as SelectPermissionTable } from './select-permission-table/index';
 export { default as FormulaList } from './formula-list/index'; // 自定义公式列表
-export { default as Expression } from './expression/index'; // 表达式编辑器
+export { default as Expression } from './expression/index'; // 表达式编辑器
+export { getTemplateItem } from './formula-list/utils'; // 表达式编辑器

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

@@ -18,7 +18,7 @@ import { __ } from '../../../locale';
 import { NotSelectIcon, SelectIcon } from '../../icons';
 import { useStore } from '../../../hooks/use-provider';
 import { uuidv4 } from '../../../utils/helper';
-import { changeFieldAlias } from '../../../utils';
+import { changeFieldAlias, isValidSQLAlias } from '../../../utils';
 import { SearchIcon } from '../../icons';
 // 选择表中参数
 var SelectColumn = function SelectColumn(_ref) {
@@ -97,23 +97,16 @@ var SelectColumn = function SelectColumn(_ref) {
       onOk: function () {
         var _onOk = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
           var newColumns, newMetaList;
-          return _regeneratorRuntime.wrap(function (_context) {
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
-                if (fieldAlias) {
-                  _context.next = 1;
+                if (isValidSQLAlias(fieldAlias)) {
+                  _context.next = 3;
                   break;
                 }
-                Toast.warning(__('SqlQueryBuilder.aliasCannotEmpty'));
+                Toast.warning(__('SqlQueryBuilder.aliasForRules'));
                 return _context.abrupt("return", false);
-              case 1:
-                if (!(fieldAlias.length > 30)) {
-                  _context.next = 2;
-                  break;
-                }
-                Toast.warning('别名长度不能超过30');
-                return _context.abrupt("return", false);
-              case 2:
+              case 3:
                 newColumns = cloneDeep(columns);
                 newMetaList = store.metaList[groupIndex].list.slice();
                 newColumns[i].fieldAlias = fieldAlias;
@@ -124,7 +117,7 @@ var SelectColumn = function SelectColumn(_ref) {
                 setTimeout(function () {
                   store.setClosable(true);
                 }, 0);
-              case 3:
+              case 11:
               case "end":
                 return _context.stop();
             }

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

@@ -269,7 +269,6 @@ var SelectJoinColumn = function SelectJoinColumn(_ref) {
                       if (isSummarize) {
                         // console.log(v, 'v');
                       }
-                      console.log('🚀 ~ SelectJoinColumn ~ tableItem:', tableItem);
                       changeValue(tableUuid, {
                         tableName: tableItem.name,
                         tableId: tableItem.id,

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

@@ -43,9 +43,9 @@ var SelectTable = function SelectTable(_ref) {
     originList = _useState8[0],
     setOriginList = _useState8[1];
   var _useState9 = useState(value),
-    _useState0 = _slicedToArray(_useState9, 2),
-    val = _useState0[0],
-    setVal = _useState0[1];
+    _useState10 = _slicedToArray(_useState9, 2),
+    val = _useState10[0],
+    setVal = _useState10[1];
   useEffect(function () {
     if (value.datasourceId) {
       getTables(value.datasourceId);
@@ -57,18 +57,18 @@ var SelectTable = function SelectTable(_ref) {
   function _getTables() {
     _getTables = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(datasourceId) {
       var tables;
-      return _regeneratorRuntime.wrap(function (_context) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             setLoading(true);
-            _context.next = 1;
+            _context.next = 3;
             return store.fetchDataset(datasourceId);
-          case 1:
+          case 3:
             tables = _context.sent;
             setLoading(false);
             setList(tables);
             setOriginList(tables);
-          case 2:
+          case 7:
           case "end":
             return _context.stop();
         }