@luck-design-biz/luckda 0.0.25-1 → 0.0.25-10

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

@@ -10,34 +10,47 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
 var _utils = require("@luck-design-biz/base/utils");
+var _apiUrl = require("../../constants/api-url");
+var _helper = require("../../engine/tools/helper");
 var _excluded = ["dsid", "defaultValue", "onChange"];
 var FieldSelector = function FieldSelector(_ref) {
   var dsid = _ref.dsid,
     defaultValue = _ref.defaultValue,
     onChange = _ref.onChange,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useState = (0, _react.useState)([{
-      value: 'state',
-      label: '状态'
-    }, {
-      value: 'type',
-      label: '类型'
-    }, {
-      value: 'year',
-      label: '年份'
-    }, {
-      value: 'count',
-      label: '次数'
-    }]),
+  var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     options = _useState2[0],
     setOptions = _useState2[1];
+  var _useRequest = (0, _ahooks.useRequest)(_apiUrl.fetchFieldsByDataset, {
+      defaultParams: [{
+        datasetUid: dsid,
+        moduleUid: (0, _helper.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.default.createElement(_antd.Select, (0, _extends2.default)({
     defaultValue: defaultValue,
     onChange: onChange,
     size: "small",
+    loading: loading,
     placeholder: (0, _utils.formatMessage)({
       id: "luckda.lowcode.painter.panel-section.field-selector.placeholder",
       label: '请选择字段'

package/lib/lowcode/painter/components/ListEditor.js

@@ -76,7 +76,8 @@ var ListEditorItem = exports.ListEditorItem = function ListEditorItem(_ref2) {
     _ref2$sortable = _ref2.sortable,
     sortable = _ref2$sortable === void 0 ? true : _ref2$sortable,
     transform = _ref2.transform,
-    transition = _ref2.transition;
+    transition = _ref2.transition,
+    onAddLine = _ref2.onAddLine;
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: setNodeRef,
     style: style,
@@ -100,5 +101,10 @@ var ListEditorItem = exports.ListEditorItem = function ListEditorItem(_ref2) {
     d: "M0.499972716,6 L1.50002728,6 C1.77615459,6 2,6.22384541 2,6.49997272 C2,6.77610002 1.77615459,6.99994543 1.50002728,6.99994543 L0.499972716,6.99994543 C0.22384541,6.99994543 3.38158422e-17,6.77610002 0,6.49997272 C-3.38158422e-17,6.22384541 0.22384541,6 0.499972716,6 Z M0.499972716,3 L1.50002728,3 C1.77615459,3 2,3.22384541 2,3.49997272 C2,3.77610002 1.77615459,3.99994543 1.50002728,3.99994543 L0.499972716,3.99994543 C0.22384541,3.99994543 3.38158422e-17,3.77610002 0,3.49997272 C-3.38158422e-17,3.22384541 0.22384541,3 0.499972716,3 Z M0.499972716,7.28787148e-18 L1.50002728,5.55666624e-14 C1.77615459,7.07214574e-14 2,0.22384541 2,0.499972716 C2,0.776100022 1.77615459,0.999945432 1.50002728,0.999945432 L0.499972716,0.999945432 C0.22384541,0.999945432 3.38158422e-17,0.776100022 0,0.499972716 C-3.38158422e-17,0.22384541 0.22384541,5.0723721e-17 0.499972716,0 Z M0.5,9.00002729 L1.5,9.00002729 C1.77614237,9.00002729 2,9.22388491 2,9.50002729 C2,9.77616966 1.77614237,10.0000273 1.5,10.0000273 L0.5,10.0000273 C0.223857625,10.0000273 3.38176876e-17,9.77616966 0,9.50002729 C-3.38176876e-17,9.22388491 0.223857625,9.00002729 0.5,9.00002729 Z M0.5,12.0000273 L1.5,12.0000273 C1.77614237,12.0000273 2,12.2238849 2,12.5000273 C2,12.7761697 1.77614237,13.0000273 1.5,13.0000273 L0.5,13.0000273 C0.223857625,13.0000273 3.38176876e-17,12.7761697 0,12.5000273 C-3.38176876e-17,12.2238849 0.223857625,12.0000273 0.5,12.0000273 Z M0.5,15.0000273 L1.5,15.0000273 C1.77614237,15.0000273 2,15.2238849 2,15.5000273 C2,15.7761697 1.77614237,16.0000273 1.5,16.0000273 L0.5,16.0000273 C0.223857625,16.0000273 3.38176876e-17,15.7761697 0,15.5000273 C-3.38176876e-17,15.2238849 0.223857625,15.0000273 0.5,15.0000273 Z M3.49997272,6 L4.50002728,6 C4.77615459,6 5,6.22384541 5,6.49997272 C5,6.77610002 4.77615459,6.99994543 4.50002728,6.99994543 L3.49997272,6.99994543 C3.22384541,6.99994543 3,6.77610002 3,6.49997272 C3,6.22384541 3.22384541,6 3.49997272,6 Z M3.49997272,3 L4.50002728,3 C4.77615459,3 5,3.22384541 5,3.49997272 C5,3.77610002 4.77615459,3.99994543 4.50002728,3.99994543 L3.49997272,3.99994543 C3.22384541,3.99994543 3,3.77610002 3,3.49997272 C3,3.22384541 3.22384541,3 3.49997272,3 Z M3.49997272,7.28787148e-18 L4.50002728,5.55666624e-14 C4.77615459,7.07214574e-14 5,0.22384541 5,0.499972716 C5,0.776100022 4.77615459,0.999945432 4.50002728,0.999945432 L3.49997272,0.999945432 C3.22384541,0.999945432 3,0.776100022 3,0.499972716 C3,0.22384541 3.22384541,5.0723721e-17 3.49997272,0 Z M3.5,9.00002729 L4.5,9.00002729 C4.77614237,9.00002729 5,9.22388491 5,9.50002729 C5,9.77616966 4.77614237,10.0000273 4.5,10.0000273 L3.5,10.0000273 C3.22385763,10.0000273 3,9.77616966 3,9.50002729 C3,9.22388491 3.22385763,9.00002729 3.5,9.00002729 Z M3.5,12.0000273 L4.5,12.0000273 C4.77614237,12.0000273 5,12.2238849 5,12.5000273 C5,12.7761697 4.77614237,13.0000273 4.5,13.0000273 L3.5,13.0000273 C3.22385763,13.0000273 3,12.7761697 3,12.5000273 C3,12.2238849 3.22385763,12.0000273 3.5,12.0000273 Z M3.5,15.0000273 L4.5,15.0000273 C4.77614237,15.0000273 5,15.2238849 5,15.5000273 C5,15.7761697 4.77614237,16.0000273 4.5,16.0000273 L3.5,16.0000273 C3.22385763,16.0000273 3,15.7761697 3,15.5000273 C3,15.2238849 3.22385763,15.0000273 3.5,15.0000273 Z"
   }))), left), /*#__PURE__*/_react.default.createElement("div", {
     className: _listEditor.default['list-item-right']
-  }, right));
+  }, right), onAddLine ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _listEditor.default['list-item-bottom-line'],
+    onClick: function onClick() {
+      return onAddLine(item);
+    }
+  }) : null);
 };

package/lib/lowcode/painter/components/code-editor/BaseEditor.js

@@ -11,7 +11,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var monaco = _interopRequireWildcard(require("monaco-editor"));
-var _excluded = ["onChange", "isFullscreen"],
+var _excluded = ["onChange", "isFullscreen", "style"],
   _excluded2 = ["children", "language", "options"];
 /**
  * BaseEditor 组件是一个封装了 monaco 编辑器的 React 组件，支持前向 ref 引用。
@@ -49,6 +49,7 @@ var _excluded = ["onChange", "isFullscreen"],
 var BaseEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var onChange = _ref.onChange,
     isFullscreen = _ref.isFullscreen,
+    style = _ref.style,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var children = props.children,
     _props$language = props.language,
@@ -109,7 +110,7 @@ var BaseEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   };
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     ref: editorRef,
-    style: editorStyle
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, editorStyle), style)
   }, rest));
 });
 var _default = exports.default = /*#__PURE__*/_react.default.memo(BaseEditor);

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

@@ -9,14 +9,13 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = _interopRequireWildcard3(require("react"));
-var _BaseEditor = _interopRequireDefault(require("./BaseEditor"));
 var monaco = _interopRequireWildcard3(require("monaco-editor"));
 var _lodash = require("lodash");
+var _BaseEditor = _interopRequireDefault(require("./BaseEditor"));
 var _excluded = ["children"];
 function capitalizeFirstLetter(string) {
   if ((0, _lodash.isNil)(string)) return null;
@@ -36,7 +35,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 = {
@@ -66,10 +64,7 @@ var setupAutocomplete = /*#__PURE__*/function () {
           });
         case 2:
           autoCompleteModules = _context.sent;
-          // console.log('autoCompleteModules', autoCompleteModules);
-
-          monaco.languages.registerCompletionItemProvider('javascript', (0, _defineProperty2.default)({
-            triggerCharacters: ['.'],
+          monaco.languages.registerCompletionItemProvider('javascript', {
             provideCompletionItems: function provideCompletionItems(model, position) {
               var allCompletionItems = [];
 
@@ -81,8 +76,9 @@ var setupAutocomplete = /*#__PURE__*/function () {
               return {
                 suggestions: allCompletionItems
               };
-            }
-          }, "triggerCharacters", ['.']));
+            },
+            triggerCharacters: ['.'] // 当用户输入点号时触发补全
+          });
         case 4:
         case "end":
           return _context.stop();

package/lib/lowcode/painter/components/field-setting/BatchSetting.js

@@ -97,6 +97,8 @@ var BatchSetting = function BatchSetting(_ref) {
   var _useDebounceFn = (0, _ahooks.useDebounceFn)(function (key, val) {
       if (key === 'width') {
         handleUIChange(key, val);
+      } else if (key === 'note' || key === 'tip' || key === 'placeholder') {
+        handleUIChange(key, val);
       }
     }, {
       wait: 400
@@ -112,10 +114,18 @@ var BatchSetting = function BatchSetting(_ref) {
               break;
             }
             handleUIChange(key, val);
-            _context.next = 6;
+            _context.next = 10;
             break;
           case 4:
-            _context.next = 6;
+            if (!(key === 'col' || key === 'row')) {
+              _context.next = 8;
+              break;
+            }
+            handleUIChange(key, val);
+            _context.next = 10;
+            break;
+          case 8:
+            _context.next = 10;
             return (0, _apiUrl.fetchAddFieldAttrs)({
               dataModelKey: dataModelKey,
               moduleDatasetUid: datasetId,
@@ -128,7 +138,7 @@ var BatchSetting = function BatchSetting(_ref) {
               }],
               datasetBusinessUids: (0, _toConsumableArray2.default)(fieldsData.keys())
             });
-          case 6:
+          case 10:
           case "end":
             return _context.stop();
         }

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

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+var _antd = require("luck-design/antd");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _utils = require("@luck-design-biz/base/utils");
+var _codeEditor = require("../code-editor");
+var _frontRules = require("./meta/frontRules");
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.fieldsSetting.checkRules';
+var FormItem = (0, _styledComponents.default)(_antd.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 = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    verifyType = _useState2[0],
+    setVerifyType = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    expression = _useState4[0],
+    setExpression = _useState4[1];
+  var jsRef = (0, _react.useRef)();
+  (0, _react.useImperativeHandle)(ruleRef, function () {
+    return jsRef.current;
+  });
+  (0, _ahooks.useMount)(function () {
+    if (rule.uid) {
+      form.setFieldsValue({
+        verifyType: rule.verifyType
+      });
+      setExpression(rule.expression);
+    } else {
+      var defaultType = (0, _frontRules.getFrontRules)(fieldData.property)[0].key;
+      form.setFieldsValue({
+        verifyType: defaultType
+      });
+      setVerifyType(defaultType);
+    }
+  });
+  var frontRulesObj = (0, _ahooks.useCreation)(function () {
+    return (0, _lodash.keyBy)((0, _frontRules.getFrontRules)(fieldData.property), 'key');
+  }, []);
+  var frontRule = (0, _ahooks.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.default.createElement(_antd.Form, {
+    layout: "vertical"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Row, {
+    gutter: 8
+  }, /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react.default.createElement(FormItem, {
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".verifyType"),
+      label: '校验规则'
+    })
+  }, form.getFieldDecorator('verifyType', {
+    rules: [{
+      required: true,
+      message: (0, _utils.formatMessage)({
+        id: "".concat(_I18N_PREFIX_, ".message.verifyType"),
+        label: '请选择校验规则'
+      })
+    }]
+  })( /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    onChange: function onChange(val) {
+      console.log('setVerifyType');
+      setVerifyType(val);
+    }
+  }, (0, _frontRules.getFrontRules)(fieldData.property).map(function (rule) {
+    return /*#__PURE__*/_react.default.createElement(Option, {
+      key: rule.key,
+      value: rule.key
+    }, rule.label);
+  }))))), !frontRule.noCode && /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      fontSize: '14px',
+      marginBottom: '16px',
+      color: 'rgba(0, 0, 0, 0.85)'
+    }
+  }, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".logic"),
+    label: '校验逻辑'
+  })), /*#__PURE__*/_react.default.createElement(_codeEditor.JSEditor, {
+    style: {
+      height: '300px',
+      border: '1px solid rgb(217, 217, 217)',
+      borderRadius: '4px',
+      padding: '12px'
+    },
+    ref: jsRef
+  }, expression))));
+};
+var _default = exports.default = CheckRules;

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

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

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

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,12 +10,15 @@ var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helper
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
+var _utils = require("@luck-design-biz/base/utils");
 var _CheckRules = _interopRequireDefault(require("./CheckRules"));
+var _CheckFrontRules = _interopRequireDefault(require("./CheckFrontRules"));
 var _apiUrl = require("../../../constants/api-url");
 var _constants = require("../../../constants");
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.fieldsSetting';
 var FieldRulesModal = _antd.Form.create({
   name: 'field-rules-form'
 })(function (_ref) {
@@ -34,6 +38,7 @@ var FieldRulesModal = _antd.Form.create({
     _useBoolean2$ = _useBoolean2[1],
     setTrue = _useBoolean2$.setTrue,
     setFalse = _useBoolean2$.setFalse;
+  var frontRuleRef = (0, _react.useRef)();
   var handleOk = (0, _ahooks.useMemoizedFn)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
     return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -41,7 +46,8 @@ var FieldRulesModal = _antd.Form.create({
           setTrue();
           form.validateFields( /*#__PURE__*/function () {
             var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(err, vals) {
-              var request, data, _yield$request, code;
+              var _frontRuleRef$current;
+              var request, data, expression, _val, _yield$request, code;
               return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
@@ -55,29 +61,35 @@ var FieldRulesModal = _antd.Form.create({
                     data = {
                       scope: _constants.FIELD_SCOPES.CHECK_RULES
                     };
+                    expression = (_frontRuleRef$current = frontRuleRef.current) === null || _frontRuleRef$current === void 0 ? void 0 : _frontRuleRef$current.editor.getValue();
+                    _val = expression ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, vals), {}, {
+                      expression: expression
+                    }) : vals;
                     if (rule.uid) {
-                      data.ccmModuleFieldVerifies = [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, vals), {}, {
-                        uid: rule.uid
+                      data.ccmModuleFieldVerifies = [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, _val), {}, {
+                        uid: rule.uid,
+                        verifyScope: (rule === null || rule === void 0 ? void 0 : rule.ruleType) === 'front' ? 0 : 1
                       })];
                     } else {
-                      data.ccmModuleFieldVerifies = [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, vals), {}, {
-                        dataModelKey: dataModelKey
+                      data.ccmModuleFieldVerifies = [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, _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();
                 }
@@ -94,7 +106,10 @@ var FieldRulesModal = _antd.Form.create({
     }, _callee2);
   })));
   return /*#__PURE__*/_react.default.createElement(_antd.Modal, {
-    title: condition === null || condition === void 0 || (_condition$FIELD_SCOP = condition[_constants.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' ? (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".rules.front"),
+      label: '前端校验规则'
+    }) : condition === null || condition === void 0 || (_condition$FIELD_SCOP = condition[_constants.FIELD_SCOPES.CHECK_RULES]) === null || _condition$FIELD_SCOP === void 0 ? void 0 : _condition$FIELD_SCOP.scopeName,
     width: 800,
     visible: !!rule,
     getContainer: function getContainer() {
@@ -111,9 +126,15 @@ var FieldRulesModal = _antd.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.default.createElement(_CheckRules.default, {
+  }, (rule === null || rule === void 0 ? void 0 : rule.ruleType) === 'front' && /*#__PURE__*/_react.default.createElement(_CheckFrontRules.default, {
+    form: form,
+    rule: rule,
+    fields: fields,
+    ruleRef: frontRuleRef,
+    fieldData: fieldData
+  }), (rule === null || rule === void 0 ? void 0 : rule.ruleType) === 'back' && /*#__PURE__*/_react.default.createElement(_CheckRules.default, {
     form: form,
     rule: rule,
     condition: condition === null || condition === void 0 ? void 0 : condition[_constants.FIELD_SCOPES.CHECK_RULES],