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

package/lib/lowcode/painter/Panel.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -42,6 +43,7 @@ var _TAB_LIST_ = [{
   key: 'advance'
 }];
 var Panel = function Panel() {
+  var _activeNode$$target;
   var activeTabRef = (0, _react.useRef)(null);
   var underLineRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(null),
@@ -55,8 +57,24 @@ var Panel = function Panel() {
   var context = (0, _ContextProvider.useContext)();
   var task = (0, _ContextProvider.useTask)('modify');
   var meta = (0, _ahooks.useCreation)(function () {
+    if ((0, _lodash.isNil)(activeNode)) return null;
     try {
-      return (0, _lodash.isNil)(activeNode) ? null : require("../engine/meta/".concat(activeNode.node.component.toLowerCase(), ".props.json"));
+      var _meta = require("../engine/meta/".concat(activeNode.node.component.toLowerCase(), ".props.json"));
+      if (!(0, _lodash.isNil)(activeNode === null || activeNode === void 0 ? void 0 : activeNode.$target)) {
+        var setValueKey = function setValueKey(items) {
+          items.forEach(function (item) {
+            if (item.next) {
+              setValueKey(item.next.props);
+            } else if (item.props) {
+              setValueKey(item.props);
+            } else {
+              item.valueKey = "".concat(activeNode.$target.keyPath, ".").concat(item.key);
+            }
+          });
+        };
+        setValueKey(_meta.props);
+      }
+      return _meta;
     } catch (e) {
       return null;
     }
@@ -84,41 +102,59 @@ var Panel = function Panel() {
         (0, _ContextProvider.deleteNode)(_constants.LC_BUILDIN_UNIT_KEY.PAGE_FOOTER);
       }
     }
-    var component = context.componentMap.get(activeNode.node.id);
+    var targetId = (0, _lodash.isNil)(activeNode.$target) ? activeNode.node.id : activeNode.$target.ancestorId;
+    var component = context.componentMap.get(targetId);
     var node = component.api.getSelfData();
     var oldValue = (0, _defineProperty2.default)({}, field, (0, _lodash.get)(node.props, field));
     var newValue = (0, _defineProperty2.default)({}, field, value);
     if (before) {
       before(handleChange);
     }
-    task(activeNode.node.id, newValue).then(function (a, b) {
+    task(targetId, newValue).then(function () {
       context.$publisher(context.topics.COMPONENT_MODIFY, {
-        id: activeNode.node.id,
+        id: targetId,
         oldValue: oldValue,
         newValue: newValue
       });
       if (repositioning) context.$publisher(context.topics.COMPONENT_REPOSITIONING, {
-        id: activeNode.node.id
+        id: targetId
       });
     });
   });
   (0, _react.useEffect)(function () {
-    var _id = context.$subscriber(context.topics.COMPONENT_ACTIVE).on(function (payload) {
+    var tid = context.$subscriber(context.topics.COMPONENT_ACTIVE).on(function (payload) {
       setActiveTabKey('attrs');
-      if (!payload.id) {
+      if (!payload.target) {
         setActiveNode(null);
         return;
       }
-      var component = context.componentMap.get(payload.id);
-      var node = component.api.getSelfData();
-      var levelNodes = (0, _lodash.takeRight)(component.api.getLevelNodes(), 4);
-      setActiveNode({
-        node: node.props,
-        level: levelNodes
-      });
+      if ((0, _lodash.isString)(payload.target)) {
+        var component = context.componentMap.get(payload.target);
+        var node = component.api.getSelfData();
+        var levelNodes = (0, _lodash.takeRight)(component.api.getLevelNodes(), 4);
+        setActiveNode({
+          node: node.props,
+          level: levelNodes
+        });
+      } else {
+        var _component = payload.target.element.getAttribute('data-__component');
+        var ancestor = context.componentMap.get(payload.target.ancestorId);
+        var _levelNodes = (0, _lodash.takeRight)(ancestor.api.getLevelNodes(), 3);
+        setActiveNode({
+          node: {
+            id: payload.target.id,
+            component: _component
+          },
+          level: [].concat((0, _toConsumableArray2.default)(_levelNodes), [{
+            id: payload.target.id,
+            name: payload.target.label
+          }]),
+          $target: payload.target
+        });
+      }
     }).watch();
     return function () {
-      return context.$unsubscriber(context.topics.COMPONENT_ACTIVE, _id);
+      return context.$unsubscriber(context.topics.COMPONENT_ACTIVE, tid);
     };
   }, []);
   (0, _react.useLayoutEffect)(function () {
@@ -142,7 +178,7 @@ var Panel = function Panel() {
       onMouseEnter: function onMouseEnter() {
         if (id === activeNode.node.id) return;
         context.$publisher(context.topics.COMPONENT_HOVER, {
-          id: id
+          target: id
         });
       },
       onMouseLeave: function onMouseLeave() {
@@ -152,7 +188,7 @@ var Panel = function Panel() {
       onClick: function onClick() {
         if (id === activeNode.node.id) return;
         context.$publisher(context.topics.COMPONENT_ACTIVE, {
-          id: id
+          target: id
         });
       }
     }, name);
@@ -183,23 +219,25 @@ var Panel = function Panel() {
     className: _panel.default.underline
   })), activeTabKey === _TAB_LIST_[0].key && /*#__PURE__*/_react.default.createElement(_AttrsPanel.default, {
     key: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node.id,
+    nodeId: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node.id,
+    ancestorId: activeNode === null || activeNode === void 0 || (_activeNode$$target = activeNode.$target) === null || _activeNode$$target === void 0 ? void 0 : _activeNode$$target.ancestorId,
     meta: meta,
-    value: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node,
     onChange: function onChange(field, value, params) {
       return handleChange(field, value, params);
     }
   }), activeTabKey === _TAB_LIST_[1].key && /*#__PURE__*/_react.default.createElement(_StylePanel.default, {
     key: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node.id,
-    value: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node.css,
+    nodeId: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node.id,
     onChange: function onChange(_, newCss) {
       return handleChange('css', newCss);
     }
   }), activeTabKey === _TAB_LIST_[2].key && /*#__PURE__*/_react.default.createElement(_AdvancePanel.default, {
     key: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node.id,
+    nodeId: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node.id,
+    target: activeNode === null || activeNode === void 0 ? void 0 : activeNode.$target,
     meta: meta,
-    value: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node.advance,
     onChange: function onChange(val) {
-      return handleChange('advance', val);
+      return handleChange((0, _lodash.isNil)(activeNode.$target) ? 'advance' : "".concat(activeNode.$target.keyPath, ".advance"), val);
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_panel.default['lc-painter-panel-empty'], (0, _defineProperty2.default)({}, _panel.default.hidden, !!activeNode))

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

@@ -40,7 +40,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,
@@ -104,19 +105,23 @@ var ActionBindModal = function ActionBindModal(_ref) {
   }, [category]);
   (0, _ahooks.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]);
   (0, _ahooks.useUpdateEffect)(function () {
     setAll(event === null || event === void 0 ? void 0 : event.actionPool);
   }, [event]);
-  var handleEditorValueChange = (0, _react.useRef)((0, _lodash.debounce)(function (code) {
-    if (latestActiveKey.current) {
-      var action = get(latestActiveKey.current);
-      action.code = code;
-    }
-  }, 400));
+  var _useDebounceFn = (0, _ahooks.useDebounceFn)(function (code) {
+      if (latestActiveKey.current) {
+        var action = get(latestActiveKey.current);
+        action.code = code;
+      }
+    }, {
+      wait: 500
+    }),
+    handleEditorValueChange = _useDebounceFn.run;
   var handleOptionClick = (0, _ahooks.useMemoizedFn)(function (key) {
     setActiveKey(key);
     var action;
@@ -167,9 +172,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() {
@@ -197,7 +202,19 @@ var ActionBindModal = function ActionBindModal(_ref) {
       className: (0, _classnames.default)((0, _defineProperty2.default)({}, _actionBindModal.default.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.default.createElement(_antd.Icon, {
       type: "check",
@@ -274,7 +291,7 @@ var ActionBindModal = function ActionBindModal(_ref) {
     className: _actionBindModal.default['code-box']
   }, activeKey ? /*#__PURE__*/_react.default.createElement(_JSEditor.default, {
     ref: editorRef,
-    onChange: handleEditorValueChange.current
+    onChange: handleEditorValueChange
   }) : (0, _utils.formatMessage)({
     id: "".concat(_I18N_PREFIX_, ".noActionSelected"),
     label: '请在右侧选择行为项'
@@ -285,7 +302,7 @@ var ActionBindModal = function ActionBindModal(_ref) {
     className: _actionBindModal.default['code-box']
   }, activeKey ? /*#__PURE__*/_react.default.createElement(_JSEditor.default, {
     ref: editorRef,
-    onChange: handleEditorValueChange.current
+    onChange: handleEditorValueChange
   }) : (0, _utils.formatMessage)({
     id: "".concat(_I18N_PREFIX_, ".noActionSelected"),
     label: '请在右侧选择行为项'

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

@@ -15,6 +15,7 @@ var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _lodash = require("lodash");
+var _ContextProvider = require("../../engine/provider/ContextProvider");
 var _utils = require("@luck-design-biz/base/utils");
 var _Collapse = _interopRequireDefault(require("./Collapse"));
 var _ActionBindModal = _interopRequireDefault(require("./ActionBindModal"));
@@ -27,8 +28,16 @@ var EventItem = _styledComponents.default.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 = (0, _ContextProvider.useGet)((0, _lodash.isNil)(target) ? {
+    id: nodeId,
+    path: 'props.advance'
+  } : {
+    id: target.ancestorId,
+    path: "props.".concat(target.keyPath, ".advance")
+  });
   var _useState = (0, _react.useState)((value === null || value === void 0 ? void 0 : value.events) || {}),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     events = _useState2[0],
@@ -74,24 +83,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.default.createElement(_antd.Menu.Item, {
-        key: event.key,
-        payload: event
-      }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-        title: event.desc || event.name,
-        placement: "left",
-        getPopupContainer: function getPopupContainer() {
-          return document.getElementById('lc-design-workspace');
-        }
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          width: '100%',
-          fontSize: 12
-        }
-      }, event.name)));
-    }));
-  }, []);
+    }, (0, _lodash.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.default.createElement(_antd.Menu.Item, {
+          key: event.key,
+          payload: event
+        }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+          title: event.desc || event.name,
+          placement: "left",
+          getPopupContainer: function getPopupContainer() {
+            return document.getElementById('lc-design-workspace');
+          }
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          style: {
+            width: '100%',
+            fontSize: 12
+          }
+        }, event.name))));
+      }
+      return ret;
+    }, []));
+  }, [value]);
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Collapse.default, {
     field: "events",
     label: (0, _utils.formatMessage)({
@@ -102,7 +115,9 @@ var AdvancePanel = function AdvancePanel(_ref) {
       padding: '12px 16px'
     }
   }, (0, _lodash.keys)(events).map(function (ek) {
-    return /*#__PURE__*/_react.default.createElement(EventItem, null, /*#__PURE__*/_react.default.createElement("span", null, metaMap[ek].name), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    return /*#__PURE__*/_react.default.createElement(EventItem, {
+      key: ek
+    }, /*#__PURE__*/_react.default.createElement("span", null, metaMap[ek].name), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
       title: (0, _utils.formatMessage)({
         id: 'luckda.lowcode.painter.edit',
         label: '编辑'
@@ -138,6 +153,7 @@ var AdvancePanel = function AdvancePanel(_ref) {
     id: "".concat(_I18N_PREFIX_, ".addEventAction"),
     label: '添加事件动作'
   })))), /*#__PURE__*/_react.default.createElement(_ActionBindModal.default, {
+    nodeId: nodeId,
     event: event,
     onComfirm: handleComfirm,
     onClose: function onClose() {

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

@@ -24,7 +24,8 @@ var _excluded = ["type", "key", "valueKey", "name", "desc", "default", "props",
 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 = (0, _react.useRef)(null);
   var factory = (0, _react.useRef)(new _panelItemFactory.default());
@@ -34,7 +35,10 @@ var AttrsPanel = function AttrsPanel(_ref) {
     _useBoolean2$ = _useBoolean2[1],
     setTrue = _useBoolean2$.setTrue,
     setFalse = _useBoolean2$.setFalse;
-  var context = (0, _ContextProvider.useContext)();
+  var node = (0, _ContextProvider.useGet)({
+    id: (0, _lodash.isNil)(ancestorId) ? nodeId : ancestorId,
+    path: 'props'
+  });
   var handleChange = (0, _ahooks.useMemoizedFn)(function (field, val, _ref2) {
     var _nextRef$current;
     var repositioning = _ref2.repositioning,
@@ -57,7 +61,6 @@ var AttrsPanel = function AttrsPanel(_ref) {
     setTrue();
   });
   var renderPanelItems = (0, _ahooks.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,
@@ -72,9 +75,10 @@ var AttrsPanel = function AttrsPanel(_ref) {
         repositioning = _ref3.repositioning,
         rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
       var Comp = factory.current.getPanelItemFor((0, _lodash.startsWith)(type, '_') ? 'dynamic' : type, type);
+      var _valueKey = (dynamicProps === null || dynamicProps === void 0 ? void 0 : dynamicProps.valueKey) || valueKey;
       if (type === 'group') {
         return /*#__PURE__*/_react.default.createElement(Comp, {
-          nodeId: value.id,
+          nodeId: nodeId,
           key: key,
           field: key,
           label: name,
@@ -85,29 +89,29 @@ var AttrsPanel = function AttrsPanel(_ref) {
           desc: desc
         }, renderPanelItems(props || [], dynamicProps));
       }
-      var _originalVal = (0, _lodash.get)(node.props, valueKey || key);
+      var _originalVal = (0, _lodash.get)(node, _valueKey || key);
       var comp = Comp && /*#__PURE__*/_react.default.createElement(Comp, (0, _extends2.default)({
-        nodeId: value.id,
+        nodeId: nodeId,
         key: key,
         defaultValue: (0, _lodash.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.default : _PanelItem.default;
       return /*#__PURE__*/_react.default.createElement(Wrapper, (0, _extends2.default)({
         key: key,
-        nodeId: value.id,
+        nodeId: nodeId,
         field: key,
         label: name,
         desc: desc
@@ -120,7 +124,7 @@ var AttrsPanel = function AttrsPanel(_ref) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
     }
     return renderPanelItems(meta.props);
-  }, [value]);
+  }, [nodeId]);
   (0, _react.useEffect)(function () {
     if (!open) {
       nextRef.current = null;
@@ -128,7 +132,7 @@ var AttrsPanel = function AttrsPanel(_ref) {
   }, [open]);
   return /*#__PURE__*/_react.default.createElement("div", {
     id: "lc-painter-panel-attrs-container",
-    className: (0, _classnames.default)(_panelAttrs.default['lc-painter-panel-attrs'], (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _panelAttrs.default.hidden, !value), _panelAttrs.default.showNext, open))
+    className: (0, _classnames.default)(_panelAttrs.default['lc-painter-panel-attrs'], (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _panelAttrs.default.hidden, !nodeId), _panelAttrs.default.showNext, open))
   }, PropsComps, /*#__PURE__*/_react.default.createElement(_antd.Drawer, {
     visible: open,
     width: 320,

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/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/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;