@luck-design-biz/luckda 0.0.25-7 → 0.0.25-9

package/es/lowcode/painter/components/ActionBindModal.js

@@ -1,10 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useRef, useState } from 'react';
-import { useMemoizedFn, useLatest, useCreation, useMap, useUpdateEffect } from 'ahooks';
+import { useMemoizedFn, useLatest, useCreation, useMap, useUpdateEffect, useDebounceFn } from 'ahooks';
 import { Modal, Icon, Input, Checkbox, Tooltip } from 'luck-design/antd';
 import classNames from 'classnames';
-import { debounce, reduce } from 'lodash';
+import { reduce } from 'lodash';
 import { formatMessage } from '@luck-design-biz/base/utils';
 import { useRemoteSource } from "../../engine/provider/ContextProvider";
 import { useContext } from "../../engine/provider/ContextProvider";
@@ -33,7 +33,8 @@ var _ACTION_CATEGORY_ = [{
 var _DEFAULT_JSON_CODE_ = '{"params":{},"data":{}}';
 var _DEFAULT_JS_CODE_ = 'function todo() {\n\n}';
 var ActionBindModal = function ActionBindModal(_ref) {
-  var event = _ref.event,
+  var nodeId = _ref.nodeId,
+    event = _ref.event,
     _ref$defaultCode = _ref.defaultCode,
     defaultCode = _ref$defaultCode === void 0 ? _DEFAULT_JS_CODE_ : _ref$defaultCode,
     onComfirm = _ref.onComfirm,
@@ -97,19 +98,23 @@ var ActionBindModal = function ActionBindModal(_ref) {
   }, [category]);
   useUpdateEffect(function () {
     if (activeKey) {
+      var _editorRef$current;
       var action = get(activeKey);
-      editorRef.current.editor.setValue(action.code);
+      (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 || _editorRef$current.editor.setValue(action === null || action === void 0 ? void 0 : action.code);
     }
-  }, [activeKey]);
+  }, [category, activeKey]);
   useUpdateEffect(function () {
     setAll(event === null || event === void 0 ? void 0 : event.actionPool);
   }, [event]);
-  var handleEditorValueChange = useRef(debounce(function (code) {
-    if (latestActiveKey.current) {
-      var action = get(latestActiveKey.current);
-      action.code = code;
-    }
-  }, 400));
+  var _useDebounceFn = useDebounceFn(function (code) {
+      if (latestActiveKey.current) {
+        var action = get(latestActiveKey.current);
+        action.code = code;
+      }
+    }, {
+      wait: 500
+    }),
+    handleEditorValueChange = _useDebounceFn.run;
   var handleOptionClick = useMemoizedFn(function (key) {
     setActiveKey(key);
     var action;
@@ -160,9 +165,9 @@ var ActionBindModal = function ActionBindModal(_ref) {
       marginTop: 0,
       padding: '4px 24px'
     },
-    title: event === null || event === void 0 ? void 0 : event.name,
+    title: "".concat(event === null || event === void 0 ? void 0 : event.name, "(").concat(nodeId, ")"),
     visible: !!event,
-    width: 960,
+    width: "70vw",
     closable: false,
     maskClosable: false,
     getContainer: function getContainer() {
@@ -190,7 +195,19 @@ var ActionBindModal = function ActionBindModal(_ref) {
       className: classNames(_defineProperty({}, styles.active, key === category)),
       onClick: function onClick() {
         setCategory(key);
-        setActiveKey(void 0);
+        if ('custom' === key) {
+          var _activeKey = 'coding';
+          setActiveKey(_activeKey);
+          if (!actionPool.has(_activeKey)) {
+            set(_activeKey, {
+              category: key,
+              key: _activeKey,
+              code: event.func || defaultCode
+            });
+          }
+        } else {
+          setActiveKey(void 0);
+        }
       }
     }, label, key === category && /*#__PURE__*/React.createElement(Icon, {
       type: "check",
@@ -267,7 +284,7 @@ var ActionBindModal = function ActionBindModal(_ref) {
     className: styles['code-box']
   }, activeKey ? /*#__PURE__*/React.createElement(JSEditor, {
     ref: editorRef,
-    onChange: handleEditorValueChange.current
+    onChange: handleEditorValueChange
   }) : formatMessage({
     id: "".concat(_I18N_PREFIX_, ".noActionSelected"),
     label: '请在右侧选择行为项'
@@ -278,7 +295,7 @@ var ActionBindModal = function ActionBindModal(_ref) {
     className: styles['code-box']
   }, activeKey ? /*#__PURE__*/React.createElement(JSEditor, {
     ref: editorRef,
-    onChange: handleEditorValueChange.current
+    onChange: handleEditorValueChange
   }) : formatMessage({
     id: "".concat(_I18N_PREFIX_, ".noActionSelected"),
     label: '请在右侧选择行为项'

package/es/lowcode/painter/components/AdvancePanel.js

@@ -8,7 +8,8 @@ import React, { useState } from 'react';
 import { useCreation, useMemoizedFn } from 'ahooks';
 import { Menu, Dropdown, Button, Tooltip, Icon } from 'luck-design/antd';
 import styled from 'styled-components';
-import { keyBy, keys, omit } from 'lodash';
+import { isNil, keyBy, keys, omit, reduce } from 'lodash';
+import { useGet } from "../../engine/provider/ContextProvider";
 import { formatMessage } from '@luck-design-biz/base/utils';
 import Collapse from "./Collapse";
 import ActionBindModal from "./ActionBindModal";
@@ -19,8 +20,16 @@ var EventItem = styled.div.withConfig({
 })(["display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border:1px solid #e5e6e8;border-radius:6px;margin-bottom:6px;font-size:12px;i{color:rgba(0,0,0,0.4);cursor:pointer;}i:not(:last-child){margin-right:6px;}"]);
 var AdvancePanel = function AdvancePanel(_ref) {
   var meta = _ref.meta,
-    value = _ref.value,
+    nodeId = _ref.nodeId,
+    target = _ref.target,
     onChange = _ref.onChange;
+  var value = useGet(isNil(target) ? {
+    id: nodeId,
+    path: 'props.advance'
+  } : {
+    id: target.ancestorId,
+    path: "props.".concat(target.keyPath, ".advance")
+  });
   var _useState = useState((value === null || value === void 0 ? void 0 : value.events) || {}),
     _useState2 = _slicedToArray(_useState, 2),
     events = _useState2[0],
@@ -66,24 +75,28 @@ var AdvancePanel = function AdvancePanel(_ref) {
       style: {
         fontSize: 12
       }
-    }, (_meta$advance2 = meta.advance) === null || _meta$advance2 === void 0 || (_meta$advance2 = _meta$advance2.events) === null || _meta$advance2 === void 0 ? void 0 : _meta$advance2.map(function (event) {
-      return /*#__PURE__*/React.createElement(Menu.Item, {
-        key: event.key,
-        payload: event
-      }, /*#__PURE__*/React.createElement(Tooltip, {
-        title: event.desc || event.name,
-        placement: "left",
-        getPopupContainer: function getPopupContainer() {
-          return document.getElementById('lc-design-workspace');
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        style: {
-          width: '100%',
-          fontSize: 12
-        }
-      }, event.name)));
-    }));
-  }, []);
+    }, reduce((_meta$advance2 = meta.advance) === null || _meta$advance2 === void 0 ? void 0 : _meta$advance2.events, function (ret, event) {
+      var _value$events;
+      if (!(value !== null && value !== void 0 && (_value$events = value.events) !== null && _value$events !== void 0 && _value$events[event.key])) {
+        ret.push( /*#__PURE__*/React.createElement(Menu.Item, {
+          key: event.key,
+          payload: event
+        }, /*#__PURE__*/React.createElement(Tooltip, {
+          title: event.desc || event.name,
+          placement: "left",
+          getPopupContainer: function getPopupContainer() {
+            return document.getElementById('lc-design-workspace');
+          }
+        }, /*#__PURE__*/React.createElement("div", {
+          style: {
+            width: '100%',
+            fontSize: 12
+          }
+        }, event.name))));
+      }
+      return ret;
+    }, []));
+  }, [value]);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Collapse, {
     field: "events",
     label: formatMessage({
@@ -94,7 +107,9 @@ var AdvancePanel = function AdvancePanel(_ref) {
       padding: '12px 16px'
     }
   }, keys(events).map(function (ek) {
-    return /*#__PURE__*/React.createElement(EventItem, null, /*#__PURE__*/React.createElement("span", null, metaMap[ek].name), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
+    return /*#__PURE__*/React.createElement(EventItem, {
+      key: ek
+    }, /*#__PURE__*/React.createElement("span", null, metaMap[ek].name), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
       title: formatMessage({
         id: 'luckda.lowcode.painter.edit',
         label: '编辑'
@@ -130,6 +145,7 @@ var AdvancePanel = function AdvancePanel(_ref) {
     id: "".concat(_I18N_PREFIX_, ".addEventAction"),
     label: '添加事件动作'
   })))), /*#__PURE__*/React.createElement(ActionBindModal, {
+    nodeId: nodeId,
     event: event,
     onComfirm: handleComfirm,
     onClose: function onClose() {

package/es/lowcode/painter/components/AttrsPanel.js

@@ -8,7 +8,7 @@ import { useBoolean, useCreation, useMemoizedFn } from 'ahooks';
 import { Drawer, Icon } from 'luck-design/antd';
 import classNames from 'classnames';
 import { startsWith, isNil, get } from 'lodash';
-import { useContext } from "../../engine/provider/ContextProvider";
+import { useGet } from "../../engine/provider/ContextProvider";
 import PanelItemFactory from "../../engine/factory/panel-item-factory";
 import PanelItem from "./PanelItem";
 import Collapse from "./Collapse";
@@ -16,7 +16,8 @@ import styles from "../style/panel-attrs.less";
 var AttrsPanel = function AttrsPanel(_ref) {
   var _nextRef$current2, _nextRef$current3;
   var meta = _ref.meta,
-    value = _ref.value,
+    nodeId = _ref.nodeId,
+    ancestorId = _ref.ancestorId,
     onChange = _ref.onChange;
   var nextRef = useRef(null);
   var factory = useRef(new PanelItemFactory());
@@ -26,7 +27,10 @@ var AttrsPanel = function AttrsPanel(_ref) {
     _useBoolean2$ = _useBoolean2[1],
     setTrue = _useBoolean2$.setTrue,
     setFalse = _useBoolean2$.setFalse;
-  var context = useContext();
+  var node = useGet({
+    id: isNil(ancestorId) ? nodeId : ancestorId,
+    path: 'props'
+  });
   var handleChange = useMemoizedFn(function (field, val, _ref2) {
     var _nextRef$current;
     var repositioning = _ref2.repositioning,
@@ -49,7 +53,6 @@ var AttrsPanel = function AttrsPanel(_ref) {
     setTrue();
   });
   var renderPanelItems = useMemoizedFn(function (items, dynamicProps) {
-    var node = context.componentMap.get(value.id).api.getSelfData();
     return items.map(function (_ref3) {
       var type = _ref3.type,
         key = _ref3.key,
@@ -64,9 +67,10 @@ var AttrsPanel = function AttrsPanel(_ref) {
         repositioning = _ref3.repositioning,
         rest = _objectWithoutProperties(_ref3, _excluded);
       var Comp = factory.current.getPanelItemFor(startsWith(type, '_') ? 'dynamic' : type, type);
+      var _valueKey = (dynamicProps === null || dynamicProps === void 0 ? void 0 : dynamicProps.valueKey) || valueKey;
       if (type === 'group') {
         return /*#__PURE__*/React.createElement(Comp, {
-          nodeId: value.id,
+          nodeId: nodeId,
           key: key,
           field: key,
           label: name,
@@ -77,29 +81,29 @@ var AttrsPanel = function AttrsPanel(_ref) {
           desc: desc
         }, renderPanelItems(props || [], dynamicProps));
       }
-      var _originalVal = get(node.props, valueKey || key);
+      var _originalVal = get(node, _valueKey || key);
       var comp = Comp && /*#__PURE__*/React.createElement(Comp, _extends({
-        nodeId: value.id,
+        nodeId: nodeId,
         key: key,
         defaultValue: isNil(_originalVal) ? defaultValue : _originalVal,
         next: next !== null && next !== void 0 && next.props ? function (_dp) {
           return goNext(next, _dp);
         } : null,
         onChange: function onChange(val, before) {
-          return handleChange(valueKey || key, val, {
+          return handleChange(_valueKey || key, val, {
             repositioning: repositioning,
             before: before
           });
         },
         size: "small",
-        settings: node.props,
+        settings: node,
         renderPanelItems: renderPanelItems
       }, rest, dynamicProps));
       if (wrapper === 'hidden') return comp;
       var Wrapper = wrapper === 'collapse' ? Collapse : PanelItem;
       return /*#__PURE__*/React.createElement(Wrapper, _extends({
         key: key,
-        nodeId: value.id,
+        nodeId: nodeId,
         field: key,
         label: name,
         desc: desc
@@ -112,7 +116,7 @@ var AttrsPanel = function AttrsPanel(_ref) {
       return /*#__PURE__*/React.createElement(React.Fragment, null);
     }
     return renderPanelItems(meta.props);
-  }, [value]);
+  }, [nodeId]);
   useEffect(function () {
     if (!open) {
       nextRef.current = null;
@@ -120,7 +124,7 @@ var AttrsPanel = function AttrsPanel(_ref) {
   }, [open]);
   return /*#__PURE__*/React.createElement("div", {
     id: "lc-painter-panel-attrs-container",
-    className: classNames(styles['lc-painter-panel-attrs'], _defineProperty(_defineProperty({}, styles.hidden, !value), styles.showNext, open))
+    className: classNames(styles['lc-painter-panel-attrs'], _defineProperty(_defineProperty({}, styles.hidden, !nodeId), styles.showNext, open))
   }, PropsComps, /*#__PURE__*/React.createElement(Drawer, {
     visible: open,
     width: 320,

package/es/lowcode/painter/components/FieldSelector.js

@@ -3,33 +3,46 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["dsid", "defaultValue", "onChange"];
 import React, { useState } from 'react';
+import { useRequest } from 'ahooks';
 import { Select } from 'luck-design/antd';
 import { formatMessage } from '@luck-design-biz/base/utils';
+import { fetchFieldsByDataset } from "../../constants/api-url";
+import { getLDMetaAttr } from "../../engine/tools/helper";
 var FieldSelector = function FieldSelector(_ref) {
   var dsid = _ref.dsid,
     defaultValue = _ref.defaultValue,
     onChange = _ref.onChange,
     props = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState([{
-      value: 'state',
-      label: '状态'
-    }, {
-      value: 'type',
-      label: '类型'
-    }, {
-      value: 'year',
-      label: '年份'
-    }, {
-      value: 'count',
-      label: '次数'
-    }]),
+  var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     options = _useState2[0],
     setOptions = _useState2[1];
+  var _useRequest = useRequest(fetchFieldsByDataset, {
+      defaultParams: [{
+        datasetUid: dsid,
+        moduleUid: getLDMetaAttr('moduleId')
+      }],
+      ready: !!dsid,
+      onSuccess: function onSuccess(_ref2) {
+        var code = _ref2.code,
+          list = _ref2.list,
+          detail = _ref2.detail;
+        if (code === 1) {
+          setOptions(list.map(function (_id) {
+            return {
+              value: detail[_id].field,
+              label: detail[_id].fieldAliasName
+            };
+          }));
+        }
+      }
+    }),
+    loading = _useRequest.loading;
   return /*#__PURE__*/React.createElement(Select, _extends({
     defaultValue: defaultValue,
     onChange: onChange,
     size: "small",
+    loading: loading,
     placeholder: formatMessage({
       id: "luckda.lowcode.painter.panel-section.field-selector.placeholder",
       label: '请选择字段'

package/es/lowcode/painter/components/code-editor/JSEditor.js

@@ -1,14 +1,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 var _excluded = ["children"];
 import React, { useEffect, forwardRef } from 'react';
-import BaseEditor from "./BaseEditor";
 import * as monaco from 'monaco-editor';
 import { isNil } from 'lodash';
+import BaseEditor from "./BaseEditor";
 function capitalizeFirstLetter(string) {
   if (isNil(string)) return null;
   if (string.length === 0) {
@@ -27,7 +26,6 @@ var _provideCompletionItems = function provideCompletionItems(monaco, model, pos
   // 正则表达式匹配以 triggerWord 开头的任何单词
   var pattern = new RegExp('\\b' + module.triggerWord + '[\\w.]*', 'i');
   var match = textUntilPosition.match(pattern);
-  // console.log('match',match)
   if (match) {
     var word = model.getWordUntilPosition(position);
     var range = {
@@ -55,10 +53,7 @@ var setupAutocomplete = /*#__PURE__*/function () {
           return import("../../../engine/meta/js-editor/auto-complete.json");
         case 2:
           autoCompleteModules = _context.sent;
-          // console.log('autoCompleteModules', autoCompleteModules);
-
-          monaco.languages.registerCompletionItemProvider('javascript', _defineProperty({
-            triggerCharacters: ['.'],
+          monaco.languages.registerCompletionItemProvider('javascript', {
             provideCompletionItems: function provideCompletionItems(model, position) {
               var allCompletionItems = [];
 
@@ -70,8 +65,9 @@ var setupAutocomplete = /*#__PURE__*/function () {
               return {
                 suggestions: allCompletionItems
               };
-            }
-          }, "triggerCharacters", ['.']));
+            },
+            triggerCharacters: ['.'] // 当用户输入点号时触发补全
+          });
         case 4:
         case "end":
           return _context.stop();

package/es/lowcode/painter/components/field-setting/CheckFrontRules.js

@@ -0,0 +1,108 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useRef, useImperativeHandle, useState } from 'react';
+import { useMount, useCreation } from 'ahooks';
+import { keyBy } from 'lodash';
+import { Form, Row, Col, Select } from 'luck-design/antd';
+import styled from 'styled-components';
+import { formatMessage } from '@luck-design-biz/base/utils';
+import { JSEditor } from "../code-editor";
+import { getFrontRules } from "./meta/frontRules";
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.fieldsSetting.checkRules';
+var FormItem = styled(Form.Item).withConfig({
+  displayName: "FormItem",
+  componentId: "luckda-6530__sc-d9mrmm-0"
+})(["margin-bottom:0;"]);
+var CheckRules = function CheckRules(_ref) {
+  var form = _ref.form,
+    fields = _ref.fields,
+    rule = _ref.rule,
+    fieldData = _ref.fieldData,
+    ruleRef = _ref.ruleRef;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    verifyType = _useState2[0],
+    setVerifyType = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    expression = _useState4[0],
+    setExpression = _useState4[1];
+  var jsRef = useRef();
+  useImperativeHandle(ruleRef, function () {
+    return jsRef.current;
+  });
+  useMount(function () {
+    if (rule.uid) {
+      form.setFieldsValue({
+        verifyType: rule.verifyType
+      });
+      setExpression(rule.expression);
+    } else {
+      var defaultType = getFrontRules(fieldData.property)[0].key;
+      form.setFieldsValue({
+        verifyType: defaultType
+      });
+      setVerifyType(defaultType);
+    }
+  });
+  var frontRulesObj = useCreation(function () {
+    return keyBy(getFrontRules(fieldData.property), 'key');
+  }, []);
+  var frontRule = useCreation(function () {
+    var _frontRulesObj$verify;
+    setExpression(((_frontRulesObj$verify = frontRulesObj[verifyType]) === null || _frontRulesObj$verify === void 0 ? void 0 : _frontRulesObj$verify.defaultCode) || '');
+    if (verifyType) return frontRulesObj[verifyType];
+    return {
+      noCode: false
+    };
+  }, [verifyType]);
+  return /*#__PURE__*/React.createElement(Form, {
+    layout: "vertical"
+  }, /*#__PURE__*/React.createElement(Row, {
+    gutter: 8
+  }, /*#__PURE__*/React.createElement(Col, {
+    span: 24
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".verifyType"),
+      label: '校验规则'
+    })
+  }, form.getFieldDecorator('verifyType', {
+    rules: [{
+      required: true,
+      message: formatMessage({
+        id: "".concat(_I18N_PREFIX_, ".message.verifyType"),
+        label: '请选择校验规则'
+      })
+    }]
+  })( /*#__PURE__*/React.createElement(Select, {
+    onChange: function onChange(val) {
+      console.log('setVerifyType');
+      setVerifyType(val);
+    }
+  }, getFrontRules(fieldData.property).map(function (rule) {
+    return /*#__PURE__*/React.createElement(Option, {
+      key: rule.key,
+      value: rule.key
+    }, rule.label);
+  }))))), !frontRule.noCode && /*#__PURE__*/React.createElement(Col, {
+    span: 24
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: '14px',
+      marginBottom: '16px',
+      color: 'rgba(0, 0, 0, 0.85)'
+    }
+  }, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".logic"),
+    label: '校验逻辑'
+  })), /*#__PURE__*/React.createElement(JSEditor, {
+    style: {
+      height: '300px',
+      border: '1px solid rgb(217, 217, 217)',
+      borderRadius: '4px',
+      padding: '12px'
+    },
+    ref: jsRef
+  }, expression))));
+};
+export default CheckRules;

package/es/lowcode/painter/components/field-setting/CheckRules.js

@@ -29,7 +29,7 @@ var CheckRules = function CheckRules(_ref) {
   }, /*#__PURE__*/React.createElement(Row, {
     gutter: 8
   }, /*#__PURE__*/React.createElement(Col, {
-    span: 12
+    span: 24
   }, /*#__PURE__*/React.createElement(FormItem, {
     label: formatMessage({
       id: "".concat(_I18N_PREFIX_, ".verifyType"),
@@ -50,31 +50,6 @@ var CheckRules = function CheckRules(_ref) {
     }, val));
     return types;
   }, []))))), /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".verifyScope"),
-      label: '校验类型'
-    })
-  }, form.getFieldDecorator('verifyScope', {
-    rules: [{
-      required: true,
-      message: formatMessage({
-        id: "".concat(_I18N_PREFIX_, ".message.verifyScope"),
-        label: '请选择校验类型'
-      })
-    }]
-  })( /*#__PURE__*/React.createElement(Select, null, /*#__PURE__*/React.createElement(Option, {
-    value: 0
-  }, formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".frontend"),
-    label: '前端'
-  })), /*#__PURE__*/React.createElement(Option, {
-    value: 1
-  }, formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".backend"),
-    label: '后端'
-  })))))), /*#__PURE__*/React.createElement(Col, {
     span: 24
   }, /*#__PURE__*/React.createElement(FormItem, {
     label: formatMessage({

package/es/lowcode/painter/components/field-setting/FieldRulesModal.js

@@ -2,12 +2,15 @@ import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React from 'react';
+import React, { useRef } from 'react';
 import { useMemoizedFn, useBoolean } from 'ahooks';
 import { Modal, Form } from 'luck-design/antd';
+import { formatMessage } from '@luck-design-biz/base/utils';
 import CheckRules from "./CheckRules";
+import CheckFrontRules from "./CheckFrontRules";
 import { fetchAddFieldAttrs, fetchUpdateFieldAttrs } from "../../../constants/api-url";
 import { FIELD_SCOPES } from "../../../constants";
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.fieldsSetting';
 var FieldRulesModal = Form.create({
   name: 'field-rules-form'
 })(function (_ref) {
@@ -27,6 +30,7 @@ var FieldRulesModal = Form.create({
     _useBoolean2$ = _useBoolean2[1],
     setTrue = _useBoolean2$.setTrue,
     setFalse = _useBoolean2$.setFalse;
+  var frontRuleRef = useRef();
   var handleOk = useMemoizedFn( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -34,7 +38,8 @@ var FieldRulesModal = Form.create({
           setTrue();
           form.validateFields( /*#__PURE__*/function () {
             var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(err, vals) {
-              var request, data, _yield$request, code;
+              var _frontRuleRef$current;
+              var request, data, expression, _val, _yield$request, code;
               return _regeneratorRuntime().wrap(function _callee$(_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
@@ -48,29 +53,35 @@ var FieldRulesModal = Form.create({
                     data = {
                       scope: FIELD_SCOPES.CHECK_RULES
                     };
+                    expression = (_frontRuleRef$current = frontRuleRef.current) === null || _frontRuleRef$current === void 0 ? void 0 : _frontRuleRef$current.editor.getValue();
+                    _val = expression ? _objectSpread(_objectSpread({}, vals), {}, {
+                      expression: expression
+                    }) : vals;
                     if (rule.uid) {
-                      data.ccmModuleFieldVerifies = [_objectSpread(_objectSpread({}, vals), {}, {
-                        uid: rule.uid
+                      data.ccmModuleFieldVerifies = [_objectSpread(_objectSpread({}, _val), {}, {
+                        uid: rule.uid,
+                        verifyScope: (rule === null || rule === void 0 ? void 0 : rule.ruleType) === 'front' ? 0 : 1
                       })];
                     } else {
-                      data.ccmModuleFieldVerifies = [_objectSpread(_objectSpread({}, vals), {}, {
-                        dataModelKey: dataModelKey
+                      data.ccmModuleFieldVerifies = [_objectSpread(_objectSpread({}, _val), {}, {
+                        dataModelKey: dataModelKey,
+                        verifyScope: (rule === null || rule === void 0 ? void 0 : rule.ruleType) === 'front' ? 0 : 1
                       })];
                       data.dataModelKey = dataModelKey;
                       data.datasetBusinessUids = [fieldData.uid];
                       data.moduleDatasetUid = datasetId;
                       data.moduleUid = moduleId;
                     }
-                    _context.next = 7;
+                    _context.next = 9;
                     return request(data);
-                  case 7:
+                  case 9:
                     _yield$request = _context.sent;
                     code = _yield$request.code;
                     setFalse();
                     if (code === 1) {
-                      onClose(true);
+                      onClose(true, (rule === null || rule === void 0 ? void 0 : rule.ruleType) === 'front' ? 0 : 1);
                     }
-                  case 11:
+                  case 13:
                   case "end":
                     return _context.stop();
                 }
@@ -87,7 +98,10 @@ var FieldRulesModal = Form.create({
     }, _callee2);
   })));
   return /*#__PURE__*/React.createElement(Modal, {
-    title: condition === null || condition === void 0 || (_condition$FIELD_SCOP = condition[FIELD_SCOPES.CHECK_RULES]) === null || _condition$FIELD_SCOP === void 0 ? void 0 : _condition$FIELD_SCOP.scopeName,
+    title: (rule === null || rule === void 0 ? void 0 : rule.ruleType) === 'front' ? formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".rules.front"),
+      label: '前端校验规则'
+    }) : condition === null || condition === void 0 || (_condition$FIELD_SCOP = condition[FIELD_SCOPES.CHECK_RULES]) === null || _condition$FIELD_SCOP === void 0 ? void 0 : _condition$FIELD_SCOP.scopeName,
     width: 800,
     visible: !!rule,
     getContainer: function getContainer() {
@@ -104,9 +118,15 @@ var FieldRulesModal = Form.create({
     },
     onOk: handleOk,
     onCancel: function onCancel() {
-      return onClose(false);
+      return onClose(false, (rule === null || rule === void 0 ? void 0 : rule.ruleType) === 'front' ? 0 : 1);
     }
-  }, /*#__PURE__*/React.createElement(CheckRules, {
+  }, (rule === null || rule === void 0 ? void 0 : rule.ruleType) === 'front' && /*#__PURE__*/React.createElement(CheckFrontRules, {
+    form: form,
+    rule: rule,
+    fields: fields,
+    ruleRef: frontRuleRef,
+    fieldData: fieldData
+  }), (rule === null || rule === void 0 ? void 0 : rule.ruleType) === 'back' && /*#__PURE__*/React.createElement(CheckRules, {
     form: form,
     rule: rule,
     condition: condition === null || condition === void 0 ? void 0 : condition[FIELD_SCOPES.CHECK_RULES],