@gingkoo/pandora-metabase 1.0.14 → 1.0.16

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

@@ -1,11 +1,4 @@
-export declare enum OptionsTypeEnum {
-    NOT_EXISTS = "notExists",// 输入框
-    INPUT = "input",// 输入框
-    FIELD = "field",// 字段
-    OPERATOR = "operator",// 运算符
-    EXPRESSION = "expression",// 公式
-    OTHER = "other"
-}
+import { AtomsTypeEnum } from '../../../store/types';
 export declare enum FunctionEnum {
     LOWER = "lower",
     UPPER = "upper",
@@ -35,9 +28,12 @@ export declare enum FunctionEnum {
     'COALESCE' = "coalesce"
 }
 export declare const operatorList: string[];
-export declare const otherList: string[];
-export declare const functionList: string[];
-export declare const customTypes: {
-    value: OptionsTypeEnum;
+export declare const customTypes: ({
+    value: AtomsTypeEnum;
+    label: any;
+    children?: undefined;
+} | {
+    value: AtomsTypeEnum;
     label: any;
-}[];
+    children: string[];
+})[];

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

@@ -1,14 +1,14 @@
 import { __ } from '../../../locale';
-export var OptionsTypeEnum;
-(function (OptionsTypeEnum) {
-  // CONSTANT = 'constant', // 常量
-  OptionsTypeEnum["NOT_EXISTS"] = "notExists";
-  OptionsTypeEnum["INPUT"] = "input";
-  OptionsTypeEnum["FIELD"] = "field";
-  OptionsTypeEnum["OPERATOR"] = "operator";
-  OptionsTypeEnum["EXPRESSION"] = "expression";
-  OptionsTypeEnum["OTHER"] = "other";
-})(OptionsTypeEnum || (OptionsTypeEnum = {}));
+import { AtomsTypeEnum } from '../../../store/types';
+// export enum OptionsTypeEnum {
+//   // CONSTANT = 'constant', // 常量
+//   NOT_EXISTS = 'notExists', // 输入框
+//   INPUT = 'input', // 输入框
+//   FIELD = 'field', // 字段
+//   OPERATOR = 'operator', // 运算符
+//   EXPRESSION = 'expression', // 公式
+//   OTHER = 'other', //  其他
+// }
 export var FunctionEnum;
 (function (FunctionEnum) {
   FunctionEnum["LOWER"] = "lower";
@@ -41,33 +41,77 @@ export var FunctionEnum;
   // OTHER
   FunctionEnum["COALESCE"] = "coalesce";
 })(FunctionEnum || (FunctionEnum = {}));
-export var operatorList = ['+', '-', '*', '/', '!=', '<=', '>=', '<', '>', '=', 'not', 'and', 'or', '(', ')', ',', 'DESC', 'ASC', 'OVER', 'PARTITION BY', 'ORDER BY'];
-export var otherList = ['case', 'when', 'then', 'else', 'end', 'RANK()', 'DENSE_RANK()', 'ROW_NUMBER()'];
-export var functionList = ['lower', 'upper', 'substring', 'regex-match-first', 'concat', 'replace', 'trim', 'rtrim', 'ltrim', 'length',
-// number
-'abs', 'floor', 'ceil', 'round', 'sqrt', 'power', 'log', 'exp',
-// boolean
-'contains', 'ends-with', 'starts-with', 'between', 'time-interval', 'is-null', 'is-empty',
-// other
-'coalesce'];
-export var customTypes = [{
-  value: OptionsTypeEnum.FIELD,
+export var operatorList = ['and', 'or', '(', ')', ',', '+', '-', '*', '/', '!=', '<=', '>=', '<', '>', '=', 'case', 'when', 'then', 'else', 'end', 'DESC', 'ASC', 'OVER', 'PARTITION BY', 'ORDER BY', 'RANK()', 'DENSE_RANK()', 'ROW_NUMBER()'];
+// export const otherList = [
+//   'case',
+//   'when',
+//   'then',
+//   'else',
+//   'end',
+//   'RANK()',
+//   'DENSE_RANK()',
+//   'ROW_NUMBER()',
+// ];
+// export const functionList = [
+//   'lower',
+//   'upper',
+//   'substring',
+//   'regex-match-first',
+//   'concat',
+//   'replace',
+//   'trim',
+//   'rtrim',
+//   'ltrim',
+//   'length',
+//   // number
+//   'abs',
+//   'floor',
+//   'ceil',
+//   'round',
+//   'sqrt',
+//   'power',
+//   'log',
+//   'exp',
+//   // boolean
+//   'contains',
+//   'ends-with',
+//   'starts-with',
+//   'between',
+//   'time-interval',
+//   'is-null',
+//   'is-empty',
+//   // other
+//   'coalesce',
+// ];
+export var customTypes = [
+// 字段
+{
+  value: AtomsTypeEnum.FIELD,
   label: __('customColumn.field')
-}, {
-  value: OptionsTypeEnum.INPUT,
-  label: __('SqlQueryBuilder.input')
-}, {
-  value: OptionsTypeEnum.OPERATOR,
-  label: __('customColumn.operator')
-}, {
-  value: OptionsTypeEnum.EXPRESSION,
+},
+// 表达式
+{
+  value: AtomsTypeEnum.EXPRESSION,
   label: __('customColumn.expression')
-}, {
-  value: OptionsTypeEnum.OTHER,
-  label: __('customColumn.other')
-}
-// {
-//   value: OptionsTypeEnum.NOT_EXISTS,
-//   label: 'NOT_EXISTS',
-// },
-];
+},
+// 输入框
+{
+  value: AtomsTypeEnum.INPUT_STRING,
+  label: __('SqlQueryBuilder.input')
+},
+// 数字输入框
+{
+  value: AtomsTypeEnum.INPUT_NUMBER,
+  label: __('SqlQueryBuilder.numberInput')
+},
+// 数字输入框
+{
+  value: AtomsTypeEnum.CONSTANT,
+  label: __('customColumn.constant')
+},
+// 连接符
+{
+  value: AtomsTypeEnum.OPERATOR,
+  label: __('customColumn.operator'),
+  children: operatorList
+}];

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

@@ -1,6 +1,9 @@
 import React from 'react';
+import { AtomsItem } from '../../../store/types';
 interface PropsType {
-    value: any[];
+    customTypes?: any[];
+    operatorList?: string[];
+    value: AtomsItem[];
     data: any;
     exitData?: any;
     isCustom?: boolean;

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

@@ -4,21 +4,23 @@ 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 { useState, useMemo, forwardRef } from 'react';
+import { useEffect, 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 { OptionsTypeEnum, customTypes, otherList, operatorList } from './enum';
-import { Select, Input, Modal2 } from '@gingkoo/pandora';
+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 { SummarizeAlias } from '../../../store/helper';
-import { uuidv4 } from '../../../utils/helper';
+import { getTemItem } from '../../../store/helper';
 import { buildSqlQuery } from '../../../utils';
 import { AddIcon, CloseIcon } from '../../icons';
-import { SelectFilter, SelectJoinColumn } from '../../dialog';
+import { Expression, SelectColumnMultiple } from '../../dialog';
+import SelectList from '../../dialog/select-list';
 import arrow from './arrow.svg';
 import { useStore } from '../../../hooks/use-provider';
 var FormulaList = forwardRef(function (props, ref) {
@@ -26,7 +28,11 @@ var FormulaList = forwardRef(function (props, ref) {
     data = props.data,
     isCustom = props.isCustom,
     exitData = props.exitData,
-    onChange = props.onChange;
+    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 || []),
     _useState2 = _slicedToArray(_useState, 2),
     caseList = _useState2[0],
@@ -40,17 +46,8 @@ var FormulaList = forwardRef(function (props, ref) {
     setInd = _useState4[1];
   var store = useStore();
   var filterCustomType = store.filterCustomType;
-  var filterCase = useMemo(function () {
+  useEffect(function () {
     onChange === null || onChange === void 0 || onChange(caseList);
-    var hasCase = caseList.some(function (item) {
-      return item.type === OptionsTypeEnum.OTHER && item.operator === 'case';
-    });
-    if (hasCase) {
-      return otherList.filter(function (item) {
-        return item !== 'case';
-      });
-    }
-    return otherList;
   }, [caseList]);
   function closePopup() {
     store.setPopup({
@@ -63,20 +60,14 @@ var FormulaList = forwardRef(function (props, ref) {
       visible: true,
       node: e.currentTarget,
       container: ref === null || ref === void 0 ? void 0 : ref.current,
-      content: _jsx(SelectJoinColumn, {
+      content: _jsx(SelectColumnMultiple, {
         data: data,
-        value: val,
-        // theme={ColumnsPopupThemeEnum.greenGrass}
-        isGroup: true,
-        // @ts-ignore
-        onGroup: function onGroup(data) {
-          var _data = cloneDeep(data);
-          if (_data.alias != SummarizeAlias) {
-            _data.fieldAlias = _data.name;
-            _data.fieldUuid = uuidv4('field');
-          }
+        multiple: false,
+        value: [val],
+        theme: ColumnsPopupThemeEnum.skyBlue,
+        onSelect: function onSelect(fields, quotes) {
           var _caseList = caseList.slice();
-          _caseList[i].expression = _data;
+          _caseList[i] = fields[0];
           setCaseList(_caseList);
           closePopup();
         }
@@ -86,8 +77,8 @@ var FormulaList = forwardRef(function (props, ref) {
   // 常量
   var handleConstant = function handleConstant(val, i) {
     var _caseList = caseList.slice();
-    var oldType = _caseList[i].operator;
-    _caseList[i].operator = val;
+    var oldType = _caseList[i].val;
+    _caseList[i].val = val;
     _caseList = getTemplate(oldType, val, _caseList, i);
     setCaseList(_caseList);
   };
@@ -97,20 +88,14 @@ var FormulaList = forwardRef(function (props, ref) {
       visible: true,
       node: e.currentTarget,
       container: ref === null || ref === void 0 ? void 0 : ref.current,
-      content: _jsx(SelectFilter, {
-        isCustom: isCustom,
+      content: _jsx(Expression, {
         filterCustomType: filterCustomType,
-        container: ref === null || ref === void 0 ? void 0 : ref.current,
         data: data,
-        value: val,
+        container: ref === null || ref === void 0 ? void 0 : ref.current,
+        value: val || {},
         onChange: function onChange(data) {
-          var _data = cloneDeep(data);
-          if (_data.alias != SummarizeAlias) {
-            _data.fieldAlias = _data.name;
-            _data.fieldUuid = uuidv4('field');
-          }
           var _caseList = caseList.slice();
-          _caseList[i].expression = _data;
+          _caseList[i] = data;
           setCaseList(_caseList);
           closePopup();
         }
@@ -126,13 +111,9 @@ var FormulaList = forwardRef(function (props, ref) {
     closePopup();
   }
   // 添加
-  var addOperator = function addOperator(val, index, position) {
+  var addOperator = function addOperator(type, index, position) {
     var _caseList = caseList.slice() || [];
-    var temItem = {
-      operator: '',
-      type: val,
-      expression: ''
-    };
+    var temItem = getTemItem(type);
     if (position === 'add') {
       _caseList.push(temItem);
     } else if (position === 'before') {
@@ -152,14 +133,14 @@ var FormulaList = forwardRef(function (props, ref) {
       notExistsToolbar = _store$preProps.notExistsToolbar,
       toolbar = _store$preProps.toolbar,
       other = _objectWithoutProperties(_store$preProps, _excluded);
-    var _value = ((_caseList$i = caseList[i]) === null || _caseList$i === void 0 || (_caseList$i = _caseList$i.expression) === null || _caseList$i === void 0 ? void 0 : _caseList$i.notExists) || [];
-    var oldList = cloneDeep(((_caseList$i2 = caseList[i]) === null || _caseList$i2 === void 0 || (_caseList$i2 = _caseList$i2.expression) === null || _caseList$i2 === void 0 ? void 0 : _caseList$i2.notExists) || []);
+    var _value = ((_caseList$i = caseList[i]) === null || _caseList$i === void 0 ? void 0 : _caseList$i.notExists) || [];
+    var oldList = cloneDeep(((_caseList$i2 = caseList[i]) === null || _caseList$i2 === void 0 ? void 0 : _caseList$i2.notExists) || []);
     var _toolbar = notExistsToolbar || toolbar;
     _toolbar = _toolbar.filter(function (v) {
       return v !== 'group';
     }); // 子查询不需要分组
     var o = Modal2.openModal({
-      title: 'NOT EXISTS',
+      title: caseList[i].type,
       transparentMask: true,
       content: _jsx(_Fragment, {
         children: _jsx(Metabase, _objectSpread(_objectSpread({}, other), {}, {
@@ -178,24 +159,10 @@ var FormulaList = forwardRef(function (props, ref) {
               }
               var expression = {
                 notExists: cloneDeep(newList),
-                quotes: buildSqlQuery(newList, 'NOT EXISTS'),
-                condition: '',
-                table: '',
-                tableId: '',
-                fieldUuid: uuidv4('field'),
-                //  字段唯一id
-                fieldAlias: '',
-                //字段别名
-                tableUuid: uuidv4('table'),
-                alias: '',
-                name: '',
-                id: '',
-                database_type: '',
-                val: [],
-                datasourceId: '',
-                datasourceName: ''
+                quotes: buildSqlQuery(newList, caseList[i].type),
+                type: caseList[i].type
               };
-              caseList[i].expression = expression;
+              caseList[i] = expression;
               onChange === null || onChange === void 0 || onChange(caseList);
               setCaseList(_toConsumableArray(caseList));
               o.close();
@@ -210,16 +177,34 @@ var FormulaList = forwardRef(function (props, ref) {
       onClose: function onClose() {}
     });
   };
+  function selectConstant(e) {
+    var node = e.currentTarget;
+    var _ind = Number(node.getAttribute('v-index'));
+    var _val = node.getAttribute('v-val');
+    store.setPopup({
+      visible: true,
+      node: e.currentTarget,
+      container: ref === null || ref === void 0 ? void 0 : ref.current,
+      content: _jsx(SelectList, {
+        value: _val,
+        list: store.constantList || [],
+        onChange: function onChange(val) {
+          closePopup();
+          handleConstant(val, _ind);
+        }
+      })
+    });
+  }
   // 分段
   var itemDom = function itemDom(v, index) {
     var type = v.type;
-    if (v.type === OptionsTypeEnum.NOT_EXISTS) {
+    if (v.type === AtomsTypeEnum.NOT_EXISTS || v.type === AtomsTypeEnum.EXISTS) {
       return _jsxs("div", {
         className: "Sqb-TableName purple-name",
         onClick: function onClick(e) {
           return showNotExists(index);
         },
-        children: ["not exitis ( * )", _jsx("span", {
+        children: [v.type, " ( * )", _jsx("span", {
           style: {
             fontSize: 0
           },
@@ -229,17 +214,16 @@ var FormulaList = forwardRef(function (props, ref) {
           children: _jsx(CloseIcon, {})
         })]
       }, index);
-    } else if (type === OptionsTypeEnum.FIELD) {
-      var _v$expression, _v$expression2;
+    } else if (type === AtomsTypeEnum.FIELD) {
       // 字段
       return _jsxs("div", {
         className: cx("Sqb-TableName ", {
-          notSelected: !((_v$expression = v.expression) !== null && _v$expression !== void 0 && _v$expression.quotes)
+          notSelected: !(v !== null && v !== void 0 && v.fieldName)
         }),
         onClick: function onClick(e) {
-          return handleField(e, index, v.expression);
+          return handleField(e, index, v);
         },
-        children: [!((_v$expression2 = v.expression) !== null && _v$expression2 !== void 0 && _v$expression2.quotes) && __('customColumn.selectField'), v.expression.quotes, _jsx("span", {
+        children: [!(v !== null && v !== void 0 && v.fieldName) && __('customColumn.selectField'), v.fieldName, _jsx("span", {
           style: {
             fontSize: 0
           },
@@ -249,13 +233,13 @@ var FormulaList = forwardRef(function (props, ref) {
           children: _jsx(CloseIcon, {})
         })]
       });
-    } else if (type === OptionsTypeEnum.INPUT) {
+    } else if (type === AtomsTypeEnum.INPUT_STRING) {
       // 输入框
       return _jsxs("div", {
         className: cx("Sqb-TableName notSelected "),
         children: [_jsx(Input, {
           className: ':Sqb-Custom-input',
-          value: v.operator,
+          value: v.val,
           placeholder: __('SqlQueryBuilder.pleaseEnter'),
           size: 'large',
           onChange: function onChange(val) {
@@ -271,19 +255,41 @@ var FormulaList = forwardRef(function (props, ref) {
           children: _jsx(CloseIcon, {})
         })]
       });
-    } else if (type === OptionsTypeEnum.OPERATOR) {
+    } else if (type === AtomsTypeEnum.INPUT_NUMBER) {
+      // 输入框
+      return _jsxs("div", {
+        className: cx("Sqb-TableName notSelected "),
+        children: [_jsx(InputNumber, {
+          className: ':sqb-Custom-input',
+          value: v.val,
+          placeholder: __('SqlQueryBuilder.pleaseEnter'),
+          size: 'large',
+          onChange: function onChange(val) {
+            handleConstant(val, index);
+          }
+        }), _jsx("span", {
+          style: {
+            fontSize: 0
+          },
+          onClick: function onClick(e) {
+            return handleDel(e, index);
+          },
+          children: _jsx(CloseIcon, {})
+        })]
+      });
+    } else if (type === AtomsTypeEnum.OPERATOR) {
       //连接符
       return _jsx(Select, {
         triggerProps: {
           clickToClose: true
         },
-        value: v.operator,
+        value: v.val,
         triggerElement: function triggerElement(value) {
           return _jsxs("div", {
             className: cx("Sqb-TableName Sqb-TableName-OPERATOR", {
-              notSelected: !v.operator
+              notSelected: !v.val
             }),
-            children: [!v.operator && __('customColumn.selectOperator'), v.operator, _jsx("span", {
+            children: [!v.val && __('customColumn.selectOperator'), v.val, _jsx("span", {
               style: {
                 fontSize: 0
               },
@@ -297,24 +303,34 @@ var FormulaList = forwardRef(function (props, ref) {
         onChange: function onChange(val) {
           handleConstant(val, index);
         },
-        children: operatorList.map(function (option, index) {
+        children: _operatorList.map(function (option, index) {
           return _jsx(Select.Option, {
             value: option,
             children: option
           }, index + '' + ind);
         })
       });
-    } else if (type === OptionsTypeEnum.EXPRESSION) {
-      var _v$expression3;
+    } else if (type === AtomsTypeEnum.CONSTANT) {
+      //常量
+      return _jsx("div", {
+        className: cx("Sqb-TableName", {
+          notSelected: !v.val
+        }),
+        "v-index": index,
+        "v-val": v.val,
+        onClick: selectConstant,
+        children: v.val ? v.val : __('SqlQueryBuilder.pickConstant')
+      }, index);
+    } else if (type === AtomsTypeEnum.EXPRESSION) {
       // 表达式
       return _jsxs("div", {
         className: cx("Sqb-TableName purple-name", {
-          notSelected: !((_v$expression3 = v.expression) !== null && _v$expression3 !== void 0 && _v$expression3.quotes)
+          notSelected: !v.quotes
         }),
         onClick: function onClick(e) {
-          return handleExpression(e, index, v.expression);
+          return handleExpression(e, index, v);
         },
-        children: [!v.expression.quotes && __('customColumn.selectExpression'), v.expression.quotes, _jsx("span", {
+        children: [!v.quotes && __('customColumn.selectExpression'), v.quotes, _jsx("span", {
           style: {
             fontSize: 0
           },
@@ -324,45 +340,12 @@ var FormulaList = forwardRef(function (props, ref) {
           children: _jsx(CloseIcon, {})
         })]
       });
-    } else if (type === OptionsTypeEnum.OTHER) {
-      // 其他
-      return _jsx(Select, {
-        triggerProps: {
-          clickToClose: true
-        },
-        value: v.operator,
-        triggerElement: function triggerElement(value) {
-          return _jsxs("div", {
-            className: cx("Sqb-TableName Sqb-TableName-OTHER", {
-              notSelected: !v.operator
-            }),
-            children: [!v.operator && __('customColumn.selectOtherSyntax'), v.operator, _jsx("span", {
-              style: {
-                fontSize: 0
-              },
-              onClick: function onClick(e) {
-                return handleDel(e, index);
-              },
-              children: _jsx(CloseIcon, {})
-            })]
-          });
-        },
-        onChange: function onChange(val) {
-          handleConstant(val, index);
-        },
-        children: filterCase.map(function (option, index) {
-          return _jsx(Select.Option, {
-            value: option,
-            children: option
-          }, index + '' + ind);
-        })
-      });
     } else {
       return _jsx(Select, {
         triggerProps: {
           clickToClose: true
         },
-        value: v.operator,
+        value: v.val,
         triggerElement: function triggerElement(value) {
           return _jsxs("div", {
             className: cx("Sqb-TableName ", {
@@ -382,7 +365,7 @@ var FormulaList = forwardRef(function (props, ref) {
         onChange: function onChange(val) {
           addOperator(val, index, '');
         },
-        children: customTypes.map(function (option, index) {
+        children: _customTypes.map(function (option, index) {
           return _jsx(Select.Option, {
             value: option.value,
             children: option.label
@@ -419,7 +402,7 @@ var FormulaList = forwardRef(function (props, ref) {
                 "v-index": i,
                 "v-type": 'before',
                 onClick: function onClick() {
-                  addOperator('', i, 'before');
+                  addOperator(AtomsTypeEnum.UNKNOWN, i, 'before');
                 },
                 children: _jsx("img", {
                   src: arrow
@@ -429,7 +412,7 @@ var FormulaList = forwardRef(function (props, ref) {
             onChange: function onChange(val) {
               addOperator(val, i, 'before');
             },
-            children: customTypes.map(function (option, index) {
+            children: _customTypes.map(function (option, index) {
               return _jsx(Select.Option, {
                 value: option.value,
                 children: option.label
@@ -456,7 +439,7 @@ var FormulaList = forwardRef(function (props, ref) {
                 "v-index": i,
                 "v-type": 'after',
                 onClick: function onClick() {
-                  addOperator('', i, 'after');
+                  addOperator(AtomsTypeEnum.UNKNOWN, i, 'after');
                 },
                 children: _jsx("img", {
                   src: arrow
@@ -466,7 +449,7 @@ var FormulaList = forwardRef(function (props, ref) {
             onChange: function onChange(val, option) {
               addOperator(val, i, 'after');
             },
-            children: customTypes.map(function (option, index) {
+            children: _customTypes.map(function (option, index) {
               return _jsx(Select.Option, {
                 value: option.value,
                 children: option.label
@@ -474,7 +457,7 @@ var FormulaList = forwardRef(function (props, ref) {
             })
           })]
         }, i);
-      }), !value || Array.from(caseList).length < 1 && _jsx(Select, {
+      }), Array.from(caseList).length < 1 && _jsx(Select, {
         trigger: 'click',
         triggerProps: {
           clickToClose: true
@@ -491,7 +474,7 @@ var FormulaList = forwardRef(function (props, ref) {
         onChange: function onChange(val) {
           addOperator(val, -1, 'add');
         },
-        children: customTypes.map(function (option, index) {
+        children: _customTypes.map(function (option, index) {
           return _jsx(Select.Option, {
             value: option.value,
             children: option.label
@@ -501,11 +484,12 @@ var FormulaList = forwardRef(function (props, ref) {
     }), _jsxs("p", {
       className: 'Sqb-NotebookCell-preview',
       children: ["\u9884\u89C8\uFF1A", caseList.map(function (v, i) {
-        if (v.expression) {
-          var _v$expression4;
-          return v === null || v === void 0 || (_v$expression4 = v.expression) === null || _v$expression4 === void 0 ? void 0 : _v$expression4.quotes;
+        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.operator;
+          return v.val;
         }
       }).join(' ')]
     })]