@gingkoo/pandora-metabase 1.0.117 → 1.0.119

package/lib/es/components/dialog/diff-viewer/index copy.js

@@ -1,6 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// DiffViewer.tsx
 import { useEffect, useRef, useState } from 'react';
 import { diffWordsWithSpace, createTwoFilesPatch } from 'diff';
 import './index.less';
@@ -22,7 +21,6 @@ var DiffViewer = function DiffViewer(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     hunkHeaders = _useState4[0],
     setHunkHeaders = _useState4[1];
-  // 提取文件头和 hunk headers（安全依赖）
   useEffect(function () {
     var safeOldStr = typeof oldCode === 'string' ? oldCode : '';
     var safeNewStr = typeof newCode === 'string' ? newCode : '';
@@ -30,17 +28,10 @@ var DiffViewer = function DiffViewer(_ref) {
       context: 10
     });
     var lines = patch.split('\n');
-    // for (const line of lines) {
-    //   if (line.startsWith('--- ')) {
-    //     setOldFileHeader(line);
-    //     break;
-    //   }
-    // }
     setHunkHeaders(lines.filter(function (l) {
       return l.startsWith('@@ ') && l.endsWith(' @@');
     }));
   }, [oldCode, newCode, oldFileName, newFileName]);
-  // 主 diff 渲染逻辑
   useEffect(function () {
     var safeOld = (typeof oldCode === 'string' ? oldCode : '').split('\n');
     var safeNew = (typeof newCode === 'string' ? newCode : '').split('\n');
@@ -54,7 +45,6 @@ var DiffViewer = function DiffViewer(_ref) {
       var diffs = diffWordsWithSpace(oldLine, newLine);
       var leftContent = '';
       var rightContent = '';
-      // ✅ 检查最后一个 token 是否是行尾空格且被删除
       var lastToken = diffs[diffs.length - 1];
       var ignoreLastTrailingSpace = diffs.length > 0 && (lastToken === null || lastToken === void 0 ? void 0 : lastToken.removed) && /^\s+$/.test(lastToken.value) && oldLine.endsWith(lastToken.value);
       for (var j = 0; j < diffs.length; j++) {
@@ -63,10 +53,8 @@ var DiffViewer = function DiffViewer(_ref) {
         if (part.added) {
           rightContent += "<span class=\"diff-add\">".concat(escaped, "</span>");
         } else if (part.removed) {
-          // ✅ 如果是最后一个 token 且是行尾空格 → 不高亮
           if (ignoreLastTrailingSpace && j === diffs.length - 1) {
-            leftContent += escaped; // 显示空格但不标红
-            // rightContent 不加（因为新行没有）
+            leftContent += escaped;
           } else {
             leftContent += "<span class=\"diff-del\">".concat(escaped, "</span>");
           }
@@ -75,7 +63,6 @@ var DiffViewer = function DiffViewer(_ref) {
           rightContent += escaped;
         }
       }
-      // 处理缺失行
       if (i >= safeOld.length) leftContent = '&nbsp;';
       if (i >= safeNew.length) rightContent = '&nbsp;';
       leftHtml.push("<div class=\"diff-line\">".concat(leftContent, "</div>"));
@@ -89,7 +76,6 @@ var DiffViewer = function DiffViewer(_ref) {
       return clearTimeout(timer);
     };
   }, [oldCode, newCode]);
-  // 同步滚动
   useEffect(function () {
     var left = leftRef.current;
     var right = rightRef.current;

package/lib/es/components/dialog/expression/date-format-picker.js

@@ -6,20 +6,13 @@ import dayjs from 'dayjs';
 var RangePicker = DatePicker.RangePicker,
   YearPicker = DatePicker.YearPicker,
   MonthPicker = DatePicker.MonthPicker;
-var DATE_FORMAT_OPTIONS = [
-// { value: 'YYYY', label: 'YYYY' },
-// { value: 'YYYY-MM', label: 'YYYY-MM' },
-{
+var DATE_FORMAT_OPTIONS = [{
   value: 'YYYY-MM-DD',
   label: 'YYYY-MM-DD'
 }, {
   value: 'YYYY-MM-DD HH:mm',
   label: 'YYYY-MM-DD HH:mm'
-}
-// { value: 'YYYY/MM', label: 'YYYY/MM' },
-// { value: 'YYYY/MM/DD', label: 'YYYY/MM/DD' },
-// { value: 'YYYY/MM/DD HH:mm', label: 'YYYY/MM/DD HH:mm' },
-];
+}];
 var DEFAULT_FORMAT = 'YYYY-MM-DD HH:mm';
 export var DateRangeFormatPicker = function DateRangeFormatPicker(_ref) {
   var value = _ref.value,
@@ -35,14 +28,12 @@ export var DateRangeFormatPicker = function DateRangeFormatPicker(_ref) {
     }
   }, [format]);
   var showTime = currentFormat.includes('HH:mm');
-  // 根据格式确定 RangePicker 的 mode
   var getRangePickerMode = function getRangePickerMode() {
     if (currentFormat === 'YYYY') return 'year';
     if (currentFormat === 'YYYY-MM' || currentFormat === 'YYYY/MM') return 'month';
     return 'date';
   };
   var handleFormatChange = function handleFormatChange(newFormat) {
-    // 切换格式时，用新格式重新格式化当前值
     if (value && value.length > 0) {
       var formattedValues = value.map(function (v) {
         if (!v) return '';
@@ -50,26 +41,20 @@ export var DateRangeFormatPicker = function DateRangeFormatPicker(_ref) {
         if (!parsed.isValid()) return '';
         return parsed.format(newFormat);
       });
-      // 只调用 onChange，传递新格式化的值和新格式
       onChange === null || onChange === void 0 || onChange(formattedValues, newFormat);
     }
     setCurrentFormat(newFormat);
   };
-  // 将字符串数组转为 dayjs 对象数组，供 RangePicker 使用
   var rangeValue = (value === null || value === void 0 ? void 0 : value.map(function (v) {
     if (!v) return null;
-    // 尝试用当前格式解析，失败则用 dayjs 默认解析
     var parsed = dayjs(v, currentFormat, true);
     if (parsed.isValid()) return parsed;
-    // 尝试不用严格模式解析
     var looseParsed = dayjs(v, currentFormat);
     if (looseParsed.isValid()) return looseParsed;
-    // 最后尝试不指定格式
     var anyParsed = dayjs(v);
     return anyParsed.isValid() ? anyParsed : null;
   })) || undefined;
   var handleRangeChange = function handleRangeChange(date, dateString) {
-    // 确保日期值按 currentFormat 格式化
     var formattedValues = (date === null || date === void 0 ? void 0 : date.map(function (d) {
       if (!d || !dayjs(d).isValid()) return '';
       return dayjs(d).format(currentFormat);
@@ -122,7 +107,6 @@ export var DateFormatPicker = function DateFormatPicker(_ref2) {
   var isYearOnly = currentFormat === 'YYYY';
   var isMonthOnly = currentFormat === 'YYYY-MM' || currentFormat === 'YYYY/MM';
   var handleFormatChange = function handleFormatChange(newFormat) {
-    // 切换格式时，用新格式重新格式化当前值
     if (value) {
       var parsed = dayjs(value);
       if (parsed.isValid()) {
@@ -131,7 +115,6 @@ export var DateFormatPicker = function DateFormatPicker(_ref2) {
     }
     setCurrentFormat(newFormat);
   };
-  // 将字符串转为 dayjs 对象，使用宽松解析
   var dateValue = function () {
     if (!value) return undefined;
     var parsed = dayjs(value, currentFormat, true);
@@ -150,7 +133,6 @@ export var DateFormatPicker = function DateFormatPicker(_ref2) {
   var handleMonthChange = function handleMonthChange(dateString) {
     onChange === null || onChange === void 0 || onChange(dateString, currentFormat);
   };
-  // 根据格式渲染不同的选择器
   var renderPicker = function renderPicker() {
     if (isYearOnly) {
       return _jsx(YearPicker, {

package/lib/es/components/dialog/expression/date-format.js

@@ -1,14 +1,8 @@
-export var DATE_FORMAT_OPTIONS = [
-// { value: 'YYYY-MM', label: 'YYYY-MM' },
-{
+export var DATE_FORMAT_OPTIONS = [{
   value: 'YYYY-MM-DD',
   label: 'YYYY-MM-DD'
 }, {
   value: 'YYYY-MM-DD HH:mm',
   label: 'YYYY-MM-DD HH:mm'
-}
-// { value: 'YYYY/MM', label: 'YYYY/MM' },
-// { value: 'YYYY/MM/DD', label: 'YYYY/MM/DD' },
-// { value: 'YYYY/MM/DD HH:mm', label: 'YYYY/MM/DD HH:mm' },
-];
+}];
 export var DEFAULT_DATE_FORMAT = 'YYYY-MM-DD HH:mm';

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

@@ -1,6 +1,3 @@
-/**
- * 关联模块 选择表字段
- */
 import './index.less';
 import { AtomsExpression } from '../../../store/types';
 import { DataType } from '../select-column-multiple';

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

@@ -2,9 +2,6 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * 关联模块 选择表字段
- */
 import './index.less';
 import React, { useEffect, useMemo, useState } from 'react';
 import { Repeat, Function } from '@gingkoo/pandora-icons';
@@ -26,11 +23,7 @@ import ItemName from '../../modules/components/item-name';
 import { DateFormatPicker, DateRangeFormatPicker } from './date-format-picker';
 var NUMBER_LIST = ['等于', '不等于', '大于', '小于', '介于之间', '大于或等于', '小于或等于', '为空', '不为空', '以...开始', '以...结束', '不以...开始', '不以...结束', 'In', 'Not In', '正则匹配'];
 var STRING_LIST = ['等于', '不等于', '包含', '不包含', '为空', '不为空', '以...开始', '以...结束', '不以...开始', '不以...结束', 'In', 'Not In', '正则匹配'];
-var DATE_LIST = [
-// '前', '下一个', '当前',
-'等于', '早于', '晚于',
-// '在',
-'介于之间', '是空的', '不为空'];
+var DATE_LIST = ['等于', '早于', '晚于', '介于之间', '是空的', '不为空'];
 var typeList = [{
   key: SQL_COLUMN_TYPE.STRING,
   label: SQL_COLUMN_TYPE.STRING
@@ -41,12 +34,6 @@ var typeList = [{
   key: SQL_COLUMN_TYPE.DATE,
   label: SQL_COLUMN_TYPE.DATE
 }];
-// const typeList = Object.values(SQL_COLUMN_TYPE).map((v) => {
-//   return {
-//     key: v,
-//     label: v,
-//   };
-// });
 var SelectFilterColumn = function SelectFilterColumn(_ref) {
   var _value$lhs;
   var _ref$data = _ref.data,
@@ -72,10 +59,6 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     rhsVal = _useState6[0],
     setRhsVal = _useState6[1];
-  // const [valType, setValType] = useState<'string' | 'constant' | 'field' | ''>(
-  //   value.valType || 'string',
-  // );
-  // const [constantName, setConstantName] = useState<string>(value.constantName || '');
   var _useState7 = useState((value === null || value === void 0 ? void 0 : value.database_type) || SQL_COLUMN_TYPE.STRING),
     _useState8 = _slicedToArray(_useState7, 2),
     special_type = _useState8[0],
@@ -116,20 +99,6 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
       }
     });
     return !isOk;
-    // console.log('🚀 ~ disabled ~ a:', a);
-    // if ((rhsVal[0] as AtomsString).val && ~['等于', '不等于', '早于', '晚于'].indexOf(condition)) {
-    //   return false;
-    // }
-    // if (~['为空', '不为空', '是空的', '不是空的'].indexOf(condition)) {
-    //   return false;
-    // }
-    // else if (~['前', '下一个', '介于之间'].indexOf(condition)) {
-    //   if ((rhsVal[0] as AtomsStringList).val[0] && (rhsVal[0] as AtomsStringList).val[1]) {
-    //     return false;
-    //   }
-    // } else if (rhsVal.length && (rhsVal as AtomsString[]).map((v) => v.val).join(',')) {
-    //   return false;
-    // }
     return true;
   }, [rhsVal, condition, curColumn]);
   useEffect(function () {
@@ -192,9 +161,6 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
       firstVal = _val.val[0] || '';
       secondVal = _val.val[1] || '';
     }
-    // let [first = { val: '', type: AtomsTypeEnum.INPUT }] = val as AtomsString[];
-    // let firstVal = first.val || '';
-    // let secondVal = second.val || '';
     var quotes = '';
     if (condition === '以...开始') {
       if (isEn) {
@@ -293,31 +259,12 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
       formula: formula,
       rhs: rhsVal,
       condition: condition,
-      // 选择条件
       quotes: quotes,
-      // 前端显示用户看的文字
-      database_type: filterCustomType ? special_type : '' // 自定义类型
-      // groupSql: curColumn.alias === SummarizeAlias ? curColumn.sql : '',
+      database_type: filterCustomType ? special_type : ''
     }));
   }
   function goPrevPage() {
-    // setCurColumn({
-    //   lhs: [],
-    //   rhs: [],
-    //   database_type: '', // 字段类型
-    //   condition: '', // 条件 聚合by过来的会有这个
-    //   quotes: '', // 展示用户看的 组装的文字
-    //   type: AtomsTypeEnum.EXPRESSION, // 连接类型
-    // });
     setIsNext(false);
-    // setCondition('');
-    // setFormula({});
-    // setRhsVal([
-    //   {
-    //     val: '',
-    //     type: AtomsTypeEnum.INPUT,
-    //   },
-    // ]);
   }
   function getData(data) {
     var _data$database_type = data.database_type,
@@ -444,7 +391,6 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
           value: firstVal || '',
           onInput: function onInput(e) {
             var newVal = rhsVal.slice();
-            // (newVal as AtomsStringList[])[0].val[0] = e.target.value;
             newVal[0].val = e.target.value;
             setRhsVal(newVal);
           }
@@ -472,7 +418,6 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
           onChange: function onChange(key) {
             var newVal = rhsVal.slice();
             newVal[1].val = key;
-            // (newVal as AtomsStringList[])[0].val[1] = key;
             setRhsVal(newVal);
           },
           children: _jsxs(Button, {
@@ -582,7 +527,6 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
       visible: false
     });
   }
-  // 选择变量
   var selectConstant = function selectConstant(e) {
     store.setClosable(false);
     var node = e.currentTarget;
@@ -596,7 +540,6 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
         list: store.constantList || [],
         onChange: function onChange(val) {
           closePopup2();
-          // let curObj = store.constantList.filter((v: any) => v.value === val)[0];
           var newVal = rhsVal.slice();
           newVal[0].id = val;
           newVal[0].val = getConstantLabel(store.constantList, val);
@@ -635,29 +578,17 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
           if (type === AtomsTypeEnum.FIELD) {
             setRhsVal([{
               fieldName: '',
-              // 字段名
               fieldNameZh: '',
-              // 字段中文名
               fieldAlias: '',
-              // 别名
               fieldUuid: '',
-              // uuid
               fieldId: '',
-              // 字段id
-              // quotes?: string; // 字段展示的 不知道有没有用
               tableName: '',
-              // 表名
               tableNameZh: '',
               tableId: '',
-              // 表名
               tableAlias: '',
-              // 别名
               tableUuid: '',
-              // 表唯一标识
               datasourceName: '',
-              // 数据源名
               datasourceId: '',
-              // 数据源id
               type: AtomsTypeEnum.FIELD
             }]);
           }
@@ -690,7 +621,6 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
         onSelect: function onSelect(fields, quotes) {
           var newR = _toConsumableArray(rhsVal);
           newR = fields;
-          // (newR[_index] as AtomsField).quotes = quotes;
           setRhsVal(newR);
           store.setPopup2({
             visible: false
@@ -701,7 +631,6 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
     });
   };
   if (isNext) {
-    // SQL_GROUP_TYPE
     var _getData = getData(curColumn),
       fieldType = _getData.type,
       conditions = _getData.conditions;
@@ -944,19 +873,10 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
         setIsNext(true);
       },
       onSelect: function onSelect(fields, quotes) {
-        // const { columns, ...other } = tableInfo;
         setCurColumn(_objectSpread(_objectSpread({}, curColumn), {}, {
           lhs: fields
         }));
         setIsNext(true);
-        // setCurColumn(record);
-        /**
-         * 这里默认帮用户选好一部分数据
-         * 不至于让用户每一个都自己选、
-         * 比如说：条件字段 默认我们帮他选好第一个...
-         */
-        // let { conditions } = getData(curColumn);
-        // setDefaultVal(conditions[0]);
       }
     })
   });

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

@@ -14,7 +14,6 @@ import ItemName from '../../modules/components/item-name';
 import { __ } from '../../../locale';
 import { getTemArgs, getObjTem, getParamActions, getQuotes, formulaName, formulaIsError } from './utils';
 import Styled from 'styled-components';
-// import { OptionsTypeEnum, customTypes, otherList, operatorList, functionList } from './enum';
 import { AtomsTypeEnum, FormulaTypeEnum } from '../../../store/types';
 import { Select, Button } from '@gingkoo/pandora';
 import cloneDeep from 'lodash/cloneDeep';
@@ -37,9 +36,6 @@ var CaseEditor = React.forwardRef(function (props, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     fun = _useState2[0],
     setFun = _useState2[1];
-  // const [formulaList, setFunctionList] = useState<{ [params: string]: FormulaTemplatesItem }>(
-  //   getObjTem(store.formulaTemplates),
-  // );
   var formulaList = useMemo(function () {
     return getObjTem(store.formulaTemplates);
   }, [store.formulaTemplates]);
@@ -74,26 +70,12 @@ var CaseEditor = React.forwardRef(function (props, ref) {
     });
   }, [currentFormulaKey, currentFormulaTemplate, effectiveArity]);
   var _ref = useRef(null);
-  // EXPRESSION = 'expression', // 表达式
-  // // FUNCTION = 'function', // 函数
-  // INPUT_STRING = 'inputString', // 字符串输入框
-  // INPUT_STRING_LIST = 'inputStringList', // 字符串输入框
-  // INPUT_NUMBER_LIST = 'inputNumberList', // 数字输入框
-  // INPUT_NUMBER = 'inputNumber', // 数字输入框
-  // CONSTANT = 'constant', //  常量
-  // OPERATOR = 'operator', // 运算符
-  // UNKNOWN = 'unknown', //未选具体类型
-  // FORMULA = 'FORMULA',
-  // COLLECTION = 'collection',
-  // 提交按钮是否可用
   var usable = useMemo(function () {
     return fun.name && isOk(fun.args);
   }, [fun]);
-  // 取消
   var _onClose = function _onClose() {
     onCancel === null || onCancel === void 0 || onCancel();
   };
-  // 确定
   var _onOk = function _onOk() {
     typeof onOk === 'function' && (onOk === null || onOk === void 0 ? void 0 : onOk(_objectSpread(_objectSpread({}, fun), {}, {
       arity: effectiveArity,
@@ -102,11 +84,9 @@ var CaseEditor = React.forwardRef(function (props, ref) {
       quotes: getQuotes(fun, fun.args, formulaList)
     })));
   };
-  // 选择公式名
   var handleFunName = function handleFunName(id) {
     var _formulaList$id, _formulaList$id2, _formulaList$id3;
     var isId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    // formulaList?.[name].args;
     setFun(_objectSpread(_objectSpread({}, fun), {}, {
       args: getTemArgs(formulaList === null || formulaList === void 0 ? void 0 : formulaList[id].args, formulaList === null || formulaList === void 0 || (_formulaList$id = formulaList[id]) === null || _formulaList$id === void 0 ? void 0 : _formulaList$id.arity),
       arity: formulaList === null || formulaList === void 0 || (_formulaList$id2 = formulaList[id]) === null || _formulaList$id2 === void 0 ? void 0 : _formulaList$id2.arity,
@@ -182,9 +162,6 @@ var CaseEditor = React.forwardRef(function (props, ref) {
                         }, option.id || String(option.name + ind));
                       })
                     }, index);
-                    // <Select.Option key={index} value={option.name}>
-                    //   {option.name}
-                    // </Select.Option>
                   })
                 })
               })
@@ -224,15 +201,8 @@ var CaseEditor = React.forwardRef(function (props, ref) {
                     onChange: function onChange(data, _quotes) {
                       var _args = cloneDeep(fun.args);
                       _args[i].list = data;
-                      // (_args[i] as AtomsCollection).quotes = _quotes || '';
-                      // const quotes = (_args as AtomsCollection[])
-                      //   .map((v) => {
-                      //     return v.quotes;
-                      //   })
-                      //   .join(' , ');
                       setFun(_objectSpread(_objectSpread({}, fun), {}, {
                         quotes: getQuotes(fun, _args, formulaList),
-                        //fun.name + ' ( ' + quotes + ' ) ',
                         args: _args
                       }));
                     }

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

@@ -4,9 +4,6 @@ export var getObjTem = function getObjTem(arr) {
   var obj = {};
   arr === null || arr === void 0 || arr.map(function (v) {
     v.children.map(function (vv) {
-      // if (vv.name) {
-      //   obj[vv.name] = vv;
-      // }
       if (vv.id) {
         obj[vv.id] = vv;
       }
@@ -25,7 +22,6 @@ export var getTemArgs = function getTemArgs(temArgs, arity) {
   var minLen = (arity === null || arity === void 0 ? void 0 : arity.min) || (arity === null || arity === void 0 ? void 0 : arity.exact);
   var temLen = _temArgs.length;
   var len = minLen - temLen;
-  // 按最小长度添加
   if (len > 0) {
     Array.from({
       length: len
@@ -48,15 +44,12 @@ export function getParamActions(params, arity) {
     };
   }
   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;
+  var effectiveMax = 'max' in arity ? arity.max : 'exact' in arity ? arity.exact : Infinity;
   return {
     canAdd: len < effectiveMax,
-    // 小于 max 才能加
-    canDel: len > effectiveMin // 大于 min 才能删
+    canDel: len > effectiveMin
   };
 }
-// 获取公式名称 如果找不到 用传入的name
 export var formulaName = function formulaName(fun, formulaList) {
   var obj = formulaList[fun.id] || formulaList[fun.name];
   return (obj === null || obj === void 0 ? void 0 : obj.name) || fun.name;
@@ -74,7 +67,6 @@ export var getQuotes = function getQuotes(fun, _args, formulaList) {
     }).join(' ');
     return quotes;
   }).join(' , ');
-  // let obj = formulaList[fun.id] || formulaList[fun.name];
   return formulaName(fun, formulaList) + ' ( ' + quotes + ' ) ';
 };
 export var formulaIsError = function formulaIsError(fun, formulaList) {

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

@@ -0,0 +1,19 @@
+import React from 'react';
+export type CaseWhenBranchView = {
+    key: string;
+    whenContent: React.ReactNode;
+    thenContent: React.ReactNode;
+    onAddAfter: (e: any) => void;
+    onDelete: (e: any) => void;
+};
+type Props = {
+    caseValueContent: React.ReactNode;
+    branches: CaseWhenBranchView[];
+    elseContent?: React.ReactNode;
+    onAddBranch: (e: any) => void;
+    onAddElse: (e: any) => void;
+    onRemoveElse: (e: any) => void;
+    onDeleteCase: (e: any) => void;
+};
+declare const CaseWhenGroup: ({ caseValueContent, branches, elseContent, onAddBranch, onAddElse, onRemoveElse, onDeleteCase, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CaseWhenGroup;

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

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import cx from 'classnames';
+import { FfPlus } from '@gingkoo/pandora-icons';
+import { CloseIcon } from '../../icons';
+var CaseWhenGroup = function CaseWhenGroup(_ref) {
+  var caseValueContent = _ref.caseValueContent,
+    branches = _ref.branches,
+    elseContent = _ref.elseContent,
+    onAddBranch = _ref.onAddBranch,
+    onAddElse = _ref.onAddElse,
+    onRemoveElse = _ref.onRemoveElse,
+    onDeleteCase = _ref.onDeleteCase;
+  return _jsxs("div", {
+    className: cx('Sqb-FormulaGroup', 'flow-group', 'formula-node-group'),
+    children: [_jsx("button", {
+      type: 'button',
+      className: 'Sqb-CaseRow-remove formula-node-remove',
+      onClick: onDeleteCase,
+      children: _jsx(CloseIcon, {})
+    }), _jsxs("div", {
+      className: cx('Sqb-FormulaGroup-row', 'row-case'),
+      children: [_jsx("span", {
+        className: 'Sqb-CaseKeyword keyword-case',
+        children: "case"
+      }), _jsx("div", {
+        className: 'Sqb-CaseSection Sqb-CaseSection-case',
+        children: caseValueContent
+      })]
+    }), branches.map(function (branch) {
+      return _jsx(React.Fragment, {
+        children: _jsxs("div", {
+          className: cx('Sqb-FormulaGroup-row', 'row-when'),
+          children: [_jsxs("div", {
+            className: 'Sqb-CaseSection Sqb-CaseSection-condition',
+            children: [_jsx("span", {
+              className: 'Sqb-CaseKeyword keyword-branch',
+              children: "when"
+            }), branch.whenContent]
+          }), _jsxs("div", {
+            className: 'Sqb-CaseSection Sqb-CaseSection-result',
+            children: [_jsx("span", {
+              className: 'Sqb-CaseKeyword keyword-branch',
+              children: "then"
+            }), branch.thenContent]
+          }), _jsxs("div", {
+            className: 'Sqb-CaseRow-actions when-row-actions',
+            children: [_jsx("button", {
+              type: 'button',
+              className: 'Sqb-CaseRow-add',
+              onClick: branch.onAddAfter,
+              children: _jsx(FfPlus, {})
+            }), _jsx("button", {
+              type: 'button',
+              className: 'Sqb-CaseRow-remove',
+              onClick: branch.onDelete,
+              children: _jsx(CloseIcon, {})
+            })]
+          })]
+        })
+      }, branch.key);
+    }), branches.length < 1 && _jsxs("button", {
+      type: 'button',
+      className: cx('Sqb-CaseRecover', 'recover-row', 'inline-after-case'),
+      onClick: onAddBranch,
+      children: [_jsx(FfPlus, {}), _jsx("span", {
+        children: "\u65B0\u589E when"
+      })]
+    }), elseContent && _jsxs("div", {
+      className: cx('Sqb-FormulaGroup-row', 'row-else'),
+      children: [_jsxs("div", {
+        className: 'Sqb-CaseSection Sqb-CaseSection-result',
+        children: [_jsx("span", {
+          className: 'Sqb-CaseKeyword keyword-branch',
+          children: "else"
+        }), elseContent]
+      }), _jsx("div", {
+        className: 'Sqb-CaseRow-actions when-row-actions',
+        children: _jsx("button", {
+          type: 'button',
+          className: 'Sqb-CaseRow-remove',
+          onClick: onRemoveElse,
+          children: _jsx(CloseIcon, {})
+        })
+      })]
+    }), !elseContent && _jsxs("button", {
+      type: 'button',
+      className: cx('Sqb-CaseRecover', 'recover-else-row'),
+      onClick: onAddElse,
+      children: [_jsx(FfPlus, {}), _jsx("span", {
+        children: "\u65B0\u589E else"
+      })]
+    }), _jsx("div", {
+      className: cx('Sqb-FormulaGroup-row', 'row-end'),
+      children: _jsx("span", {
+        className: 'Sqb-CaseKeyword keyword-end',
+        children: "end"
+      })
+    })]
+  });
+};
+export default CaseWhenGroup;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+type Props = {
+    operator: 'and' | 'or';
+    onToggleOperator: () => void;
+    content: React.ReactNode;
+    onDelete: (e: any) => void;
+};
+declare const LogicGroup: ({ operator, onToggleOperator, content, onDelete }: Props) => import("react/jsx-runtime").JSX.Element;
+export default LogicGroup;