@gingkoo/pandora-metabase 1.0.23 → 1.0.25

package/lib/cjs/common/SplitView/index.js

@@ -15,7 +15,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _winsize = require("../../hooks/winsize");
 var _templateObject;
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var StyledSashHorizontal = _styledComponents["default"].div.attrs({
   className: 'view-sash horizontal'
 })(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  top: ", ";\n"])), function (props) {
@@ -60,17 +61,17 @@ var SplitView = _react["default"].forwardRef(function (props, ref) {
     hMaximum = _useState8[0],
     setHMaximum = _useState8[1];
   var _useState9 = (0, _react.useState)(false),
-    _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
-    vMinimum = _useState0[0],
-    setVMinimum = _useState0[1];
-  var _useState1 = (0, _react.useState)(false),
-    _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
-    vMaximum = _useState10[0],
-    setVMaximum = _useState10[1];
-  var _useState11 = (0, _react.useState)(0),
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    vMinimum = _useState10[0],
+    setVMinimum = _useState10[1];
+  var _useState11 = (0, _react.useState)(false),
     _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-    bottomHeight = _useState12[0],
-    setBottomHeight = _useState12[1];
+    vMaximum = _useState12[0],
+    setVMaximum = _useState12[1];
+  var _useState13 = (0, _react.useState)(0),
+    _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
+    bottomHeight = _useState14[0],
+    setBottomHeight = _useState14[1];
   _react["default"].useImperativeHandle(ref, function () {
     return {
       open: function open() {

package/lib/cjs/components/dialog/custom-column/expression-editor.js

@@ -18,7 +18,8 @@ var _popup = _interopRequireDefault(require("../../popup"));
 var _selectList = _interopRequireDefault(require("./dialog/select-list"));
 var _functionTip = _interopRequireDefault(require("./dialog/function-tip"));
 var _useProvider = require("../../../hooks/use-provider");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var ErrorMessage = function ErrorMessage(_ref) {
   var msg = _ref.msg;
   if (!msg) return null;

package/lib/cjs/components/dialog/custom-column/tokenizedI-input.js

@@ -20,7 +20,8 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 var _server = _interopRequireDefault(require("react-dom/server"));
 var _selection = require("../../../utils/selection");
 var _tokenizedExpression = _interopRequireDefault(require("./tokenized-expression"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 var TokenizedInput = /*#__PURE__*/function (_React$Component) {
   function TokenizedInput() {

package/lib/cjs/components/dialog/custom-editor/index.js

@@ -12,6 +12,7 @@ var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.less");
 var _formulaList = _interopRequireDefault(require("../formula-list"));
+var _utils = require("../formula-list/utils");
 var _locale = require("../../../locale");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _pandora = require("@gingkoo/pandora");
@@ -36,7 +37,7 @@ var CaseEditor = function CaseEditor(props) {
   var ref = (0, _react.useRef)(null);
   // 提交按钮是否可用
   var usable = (0, _react.useMemo)(function () {
-    return Array.from(caseList).length > 0 && name;
+    return (0, _utils.isOk)(caseList) && name;
   }, [caseList, name]);
   // 取消
   var _onClose = function _onClose() {

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

@@ -25,7 +25,8 @@ var _selectColumnMultiple = _interopRequireDefault(require("../select-column-mul
 var _icons = require("../../icons");
 var _useProvider = require("../../../hooks/use-provider");
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 /**
  * 关联模块 选择表字段
  */
@@ -88,18 +89,18 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
     special_type = _useState8[0],
     setSpecial_type = _useState8[1];
   var _useState9 = (0, _react.useState)(value.formula || {}),
-    _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
-    formula = _useState0[0],
-    setFormula = _useState0[1];
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    formula = _useState10[0],
+    setFormula = _useState10[1];
   var store = (0, _useProvider.useStore)();
-  var _useState1 = (0, _react.useState)(false),
-    _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
-    popupVisible = _useState10[0],
-    setPopupVisible = _useState10[1];
-  var _useState11 = (0, _react.useState)((value === null || value === void 0 || (_value$lhs = value.lhs) === null || _value$lhs === void 0 ? void 0 : _value$lhs.length) > 0 || false),
+  var _useState11 = (0, _react.useState)(false),
     _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-    isNext = _useState12[0],
-    setIsNext = _useState12[1];
+    popupVisible = _useState12[0],
+    setPopupVisible = _useState12[1];
+  var _useState13 = (0, _react.useState)((value === null || value === void 0 || (_value$lhs = value.lhs) === null || _value$lhs === void 0 ? void 0 : _value$lhs.length) > 0 || false),
+    _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
+    isNext = _useState14[0],
+    setIsNext = _useState14[1];
   var table2Selected = Boolean(rhsVal && (rhsVal === null || rhsVal === void 0 ? void 0 : rhsVal.length) > 0);
   var disabled = (0, _react.useMemo)(function () {
     if (!condition) return true;
@@ -629,7 +630,7 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
         value: '',
         list: [{
           value: _types.AtomsTypeEnum.INPUT_STRING,
-          label: (0, _locale.__)('SqlQueryBuilder.input')
+          label: (0, _locale.__)('customColumn.input')
         }, {
           value: _types.AtomsTypeEnum.CONSTANT,
           label: (0, _locale.__)('customColumn.constant')

package/lib/cjs/components/dialog/formula/index.d.ts

@@ -0,0 +1,10 @@
+import './index.less';
+import { AtomsFormula } from '../../../store/types';
+interface PropsType {
+    value: AtomsFormula;
+    data: any;
+    onOk: Function;
+    onCancel: Function;
+}
+declare const CaseEditor: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+export default CaseEditor;

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

@@ -0,0 +1,242 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./index.less");
+var _formulaList = _interopRequireDefault(require("../formula-list"));
+var _icons = require("../../icons");
+var _utils = require("../formula-list/utils");
+var _locale = require("../../../locale");
+var _utils2 = require("./utils");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _types = require("../../../store/types");
+var _pandora = require("@gingkoo/pandora");
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var _useProvider = require("../../../hooks/use-provider");
+var _templateObject; // import { OptionsTypeEnum, customTypes, otherList, operatorList, functionList } from './enum';
+var VisualBox = _styledComponents["default"].div.attrs({
+  className: 'visual-box'
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
+var CaseEditor = function CaseEditor(props) {
+  var _store$formulaTemplat, _fun$args;
+  var store = (0, _useProvider.useStore)();
+  var value = props.value,
+    data = props.data,
+    onOk = props.onOk,
+    onCancel = props.onCancel;
+  var _useState = (0, _react.useState)(value),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    fun = _useState2[0],
+    setFun = _useState2[1];
+  var _useState3 = (0, _react.useState)((0, _utils2.getObjTem)(store.formulaTemplates)),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    formulaList = _useState4[0],
+    setFunctionList = _useState4[1];
+  var _useState5 = (0, _react.useState)({
+      canAdd: true,
+      canDel: true
+    }),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    formulaOpr = _useState6[0],
+    setFormulaOpr = _useState6[1];
+  (0, _react.useEffect)(function () {
+    setFormulaOpr((0, _utils2.getParamActions)(fun.args, fun.arity));
+  }, [fun]);
+  var ref = (0, _react.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 = (0, _react.useMemo)(function () {
+    return fun.name && (0, _utils.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(fun));
+  };
+  // 选择公式名
+  var handleFunName = function handleFunName(name) {
+    var _formulaList$name;
+    formulaList === null || formulaList === void 0 || formulaList[name].args;
+    setFun((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, fun), {}, {
+      args: (0, _utils2.getTemArgs)(formulaList === null || formulaList === void 0 ? void 0 : formulaList[name].args),
+      arity: formulaList === null || formulaList === void 0 || (_formulaList$name = formulaList[name]) === null || _formulaList$name === void 0 ? void 0 : _formulaList$name.arity,
+      name: name
+    }));
+  };
+  var addParams = function addParams(index) {
+    var _args = (0, _cloneDeep["default"])(fun.args);
+    var tem = (0, _utils2.getTemArgs)(formulaList === null || formulaList === void 0 ? void 0 : formulaList[fun.name].args)[index + 1] || {
+      type: _types.AtomsTypeEnum.COLLECTION,
+      list: []
+    };
+    _args.splice(index + 1, 0, tem);
+    setFun((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, fun), {}, {
+      args: _args
+    }));
+  };
+  var delParams = function delParams(index) {
+    var _args = (0, _cloneDeep["default"])(fun.args);
+    _args.splice(index, 1);
+    setFun((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, fun), {}, {
+      args: _args
+    }));
+  };
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: 'function-box',
+    ref: ref,
+    children: [(0, _jsxRuntime.jsx)(VisualBox, {
+      children: (0, _jsxRuntime.jsx)("div", {
+        className: "Sqb-item Sqb-case-editor mb-2 mt-2",
+        children: (0, _jsxRuntime.jsxs)("div", {
+          className: "Sqb-item--content",
+          children: [(0, _jsxRuntime.jsxs)("div", {
+            className: 'Sqb-NotebookCell-header',
+            children: [(0, _jsxRuntime.jsx)("div", {
+              className: "mb-2 font-bold uppercase tracking-wider",
+              style: {
+                fontSize: 12,
+                color: '#949aab'
+              },
+              children: "\u8BF7\u5148\u9009\u62E9\u516C\u5F0F\uFF0C\u5207\u6362\u516C\u5F0F\u65F6\u4F1A\u91CD\u7F6E\u53C2\u6570"
+            }), (0, _jsxRuntime.jsx)("div", {
+              className: 'Sqb-NotebookCell formula-name',
+              children: (0, _jsxRuntime.jsx)(_pandora.Select, {
+                triggerProps: {
+                  clickToClose: true
+                },
+                value: fun.name,
+                triggerElement: function triggerElement(value) {
+                  return (0, _jsxRuntime.jsx)("div", {
+                    className: (0, _classnames["default"])("Sqb-TableName Sqb-TableName-OPERATOR", {
+                      notSelected: !fun.name
+                    }),
+                    children: fun.name ? fun.name : (0, _locale.__)('customColumn.selectFormula')
+                  });
+                },
+                onChange: function onChange(val) {
+                  handleFunName(val);
+                },
+                children: (_store$formulaTemplat = store.formulaTemplates) === null || _store$formulaTemplat === void 0 ? void 0 : _store$formulaTemplat.map(function (option, index) {
+                  return (0, _jsxRuntime.jsx)(_pandora.Select.Option, {
+                    value: option.name,
+                    children: option.name
+                  }, index);
+                })
+              })
+            }), fun.name && (0, _jsxRuntime.jsxs)("div", {
+              className: "mb-2 font-bold uppercase tracking-wider",
+              style: {
+                fontSize: 12,
+                color: '#949aab'
+              },
+              children: [(0, _jsxRuntime.jsxs)("p", {
+                children: ["\u63CF\u8FF0\uFF1A", formulaList[fun.name].description]
+              }), (0, _jsxRuntime.jsxs)("p", {
+                children: ["\u6848\u4F8B\uFF1A", formulaList[fun.name].example]
+              })]
+            })]
+          }), fun === null || fun === void 0 || (_fun$args = fun.args) === null || _fun$args === void 0 ? void 0 : _fun$args.map(function (v, i) {
+            if (v.type === _types.AtomsTypeEnum.COLLECTION) {
+              var _formulaList$fun$name;
+              return (0, _jsxRuntime.jsxs)("div", {
+                className: 'Sqb-item-formula-args',
+                children: [(0, _jsxRuntime.jsxs)("div", {
+                  className: 'Sqb-item-formula',
+                  children: [(0, _jsxRuntime.jsxs)("div", {
+                    className: "mb-2 font-bold uppercase tracking-wider",
+                    style: {
+                      fontSize: 12,
+                      color: '#949aab'
+                    },
+                    children: ["\u53C2\u6570", i + 1, ":"]
+                  }), (0, _jsxRuntime.jsx)(_formulaList["default"], {
+                    check: (formulaList === null || formulaList === void 0 || (_formulaList$fun$name = formulaList[fun.name]) === null || _formulaList$fun$name === void 0 || (_formulaList$fun$name = _formulaList$fun$name.args) === null || _formulaList$fun$name === void 0 || (_formulaList$fun$name = _formulaList$fun$name[i]) === null || _formulaList$fun$name === void 0 ? void 0 : _formulaList$fun$name.check) || '',
+                    value: v.list,
+                    data: data,
+                    ref: ref,
+                    onChange: function onChange(data, _quotes) {
+                      var _args = (0, _cloneDeep["default"])(fun.args);
+                      _args[i].list = data;
+                      _args[i].quotes = _quotes || '';
+                      var quotes = _args.map(function (v) {
+                        return v.quotes;
+                      }).join(' , ');
+                      setFun((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, fun), {}, {
+                        quotes: fun.name + ' ( ' + quotes + ' ) ',
+                        args: _args
+                      }));
+                    }
+                  })]
+                }), (0, _jsxRuntime.jsxs)("div", {
+                  className: 'Sqb-item-opr',
+                  children: [(0, _jsxRuntime.jsx)(_pandora.Button, {
+                    primary: true,
+                    disabled: !formulaOpr.canAdd,
+                    shape: 'square',
+                    icon: (0, _jsxRuntime.jsx)(_icons.AddIcon, {}),
+                    onClick: function onClick() {
+                      addParams(i);
+                    }
+                  }), (0, _jsxRuntime.jsx)(_pandora.Button, {
+                    primary: true,
+                    level: 'danger',
+                    shape: 'square',
+                    icon: (0, _jsxRuntime.jsx)(_icons.CloseIcon, {}),
+                    disabled: !formulaOpr.canDel,
+                    onClick: function onClick() {
+                      delParams(i);
+                    }
+                  })]
+                })]
+              }, i);
+            }
+          })]
+        })
+      })
+    }), (0, _jsxRuntime.jsx)("div", {
+      className: "btns p-4",
+      children: (0, _jsxRuntime.jsxs)("div", {
+        style: {
+          marginLeft: 'auto'
+        },
+        children: [(0, _jsxRuntime.jsx)("button", {
+          className: "btn",
+          onClick: function onClick() {
+            return _onClose();
+          },
+          children: (0, _locale.__)('customColumn.cancel')
+        }), (0, _jsxRuntime.jsx)("button", {
+          className: (0, _classnames["default"])("btn ml-4", {
+            usable: usable
+          }),
+          disabled: !usable,
+          onClick: _onOk,
+          children: (0, _locale.__)('customColumn.complete')
+        })]
+      })
+    })]
+  });
+};
+var _default = exports["default"] = CaseEditor;

package/lib/cjs/components/dialog/formula/index.less

@@ -0,0 +1,81 @@
+.function-box {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  .visual-box {
+    flex: 1;
+  }
+
+  .Sqb-case-editor {
+    padding: 20px 20px 50px;
+    .Sqb-item--content {
+      width: 100%;
+      height: 100%;
+      .Sqb-item-formula-args {
+        display: flex;
+        align-items: center;
+        margin: 20px 0;
+        .Sqb-item-formula {
+          flex: 1;
+        }
+        .Sqb-item-opr {
+          display: flex;
+          gap: 10px;
+          margin-left: 10px;
+        }
+      }
+    }
+  }
+
+  .btns {
+    flex-direction: row;
+    align-items: center;
+    display: flex;
+    border-top: 1px solid #f0f0f0;
+    // position: absolute;
+    width: 100%;
+    bottom: 0;
+    z-index: 3;
+    background-color: #fff;
+    .btn {
+      padding: 0.75rem 1rem;
+
+      display: inline-block;
+      box-sizing: border-box;
+      text-decoration: none;
+      background: transparent;
+      border: 1px solid rgb(228, 228, 228);
+      color: #4c5773;
+      cursor: pointer;
+      text-decoration: none;
+      font-weight: bold;
+      font-family: 'Lato', sans-serif;
+      border-radius: 6px;
+
+      outline: none;
+
+      &:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+      &:not(:disabled):hover {
+        color: #509ee3;
+        border-color: rgb(214, 214, 214);
+        background: #f9fbfc;
+        transition: all 200ms linear;
+      }
+
+      &.usable {
+        color: #ffffff;
+        background: #509ee3;
+        border: 1px solid #509ee3;
+        &:hover {
+          color: #ffffff;
+          border-color: #509ee3;
+          background-color: rgba(80, 158, 227, 0.88);
+        }
+      }
+    }
+  }
+}

package/lib/cjs/components/dialog/formula/utils.d.ts

@@ -0,0 +1,7 @@
+import { Arity, AtomsItem, AtomsCollection } from '../../../store/types';
+export declare const getObjTem: (arr: any[]) => any;
+export declare const getTemArgs: (temArgs: any[]) => AtomsCollection[];
+export declare function getParamActions(params: AtomsItem[], arity?: Arity): {
+    canAdd: boolean;
+    canDel: boolean;
+};

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getObjTem = void 0;
+exports.getParamActions = getParamActions;
+exports.getTemArgs = void 0;
+var _types = require("../../../store/types");
+var _utils = require("../formula-list/utils");
+var getObjTem = exports.getObjTem = function getObjTem(arr) {
+  var obj = {};
+  arr === null || arr === void 0 || arr.map(function (v) {
+    if (v.name) {
+      obj[v.name] = v;
+    }
+  });
+  return obj;
+};
+var getTemArgs = exports.getTemArgs = function getTemArgs(temArgs) {
+  return (temArgs === null || temArgs === void 0 ? void 0 : temArgs.map(function (v) {
+    return {
+      type: _types.AtomsTypeEnum.COLLECTION,
+      quotes: '',
+      list: [(0, _utils.getTemplateItem)(v.type)]
+    };
+  })) || [];
+};
+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/cjs/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;