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

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

@@ -6,7 +6,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
@@ -21,6 +24,7 @@ var _WidthHeight = _interopRequireDefault(require("../../panel-section/WidthHeig
 var _FieldAttrsModal = _interopRequireDefault(require("./FieldAttrsModal"));
 var _FieldRulesModal = _interopRequireDefault(require("./FieldRulesModal"));
 var _apiUrl = require("../../../constants/api-url");
+var _frontRules = require("./meta/frontRules");
 var _constants = require("../../../constants");
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.fieldsSetting';
 var _ALIGN_OPTIONS_ = [{
@@ -70,6 +74,10 @@ var DefaultValueWrapper = _styledComponents.default.span.withConfig({
   displayName: "DefaultValueWrapper",
   componentId: "luckda-6530__sc-1n41f3z-1"
 })(["color:var(--ant-primary-color);font-size:12px;padding:0 16px;display:inline-block;cursor:pointer;"]);
+var StyledRadio = (0, _styledComponents.default)(_antd.Radio.Group).withConfig({
+  displayName: "StyledRadio",
+  componentId: "luckda-6530__sc-1n41f3z-2"
+})(["span.ant-radio + *{padding-left:4px;padding-right:4px;}"]);
 var SettingUI = function SettingUI(_ref) {
   var loading = _ref.loading,
     data = _ref.data,
@@ -104,12 +112,16 @@ var SettingUI = function SettingUI(_ref) {
     setRules = _useState6[1];
   var _useState7 = (0, _react.useState)(null),
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    condition = _useState8[0],
-    setCondition = _useState8[1];
+    frontRules = _useState8[0],
+    setFrontRules = _useState8[1];
   var _useState9 = (0, _react.useState)(null),
     _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    optionalFields = _useState10[0],
-    setOptionalFields = _useState10[1];
+    condition = _useState10[0],
+    setCondition = _useState10[1];
+  var _useState11 = (0, _react.useState)(null),
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    optionalFields = _useState12[0],
+    setOptionalFields = _useState12[1];
   var fieldData = isBatch ? {} : data;
   var _useRequest = (0, _ahooks.useRequest)(_apiUrl.fetchFieldCondition, {
       defaultParams: [{
@@ -135,20 +147,37 @@ var SettingUI = function SettingUI(_ref) {
       }],
       ready: !isBatch,
       refreshDeps: [fieldData.datasetFieldUid],
-      onSuccess: function onSuccess(_ref4) {
+      onSuccess: function onSuccess(_ref4, _ref5) {
         var code = _ref4.code,
           list = _ref4.list,
           detail = _ref4.detail;
+        var _ref6 = (0, _slicedToArray2.default)(_ref5, 1),
+          verifyScope = _ref6[0].verifyScope;
         if (code === 1) {
           var _detail$list$;
-          setRules((_detail$list$ = detail[list[0]]) === null || _detail$list$ === void 0 ? void 0 : _detail$list$.ccmModuleFieldVerifies);
+          var _data = (_detail$list$ = detail[list[0]]) === null || _detail$list$ === void 0 ? void 0 : _detail$list$.ccmModuleFieldVerifies;
+          if ((0, _lodash.isNil)(verifyScope)) {
+            var dataByGroup = (0, _lodash.groupBy)(_data, 'verifyScope');
+            setRules(dataByGroup[1]);
+            setFrontRules(dataByGroup[0]);
+          } else if (verifyScope === 0) setFrontRules(_data);else if (verifyScope === 1) setRules(_data);
         }
       }
     }),
+    rulesParams = _useRequest2.params,
     rulesLoading = _useRequest2.loading,
-    rulesRefresh = _useRequest2.refresh;
-  var handleFieldRulesModalClose = (0, _ahooks.useMemoizedFn)(function (success) {
-    success && rulesRefresh();
+    rulesRun = _useRequest2.run;
+  var rulesRefresh = function rulesRefresh() {
+    var newParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return rulesRun((0, _objectSpread2.default)((0, _objectSpread2.default)({}, rulesParams[0]), newParams));
+  };
+  var propertyRules = (0, _ahooks.useCreation)(function () {
+    return (0, _lodash.keyBy)((0, _frontRules.getFrontRules)(fieldData.property), 'key');
+  }, [fieldData]);
+  var handleFieldRulesModalClose = (0, _ahooks.useMemoizedFn)(function (success, verifyScope) {
+    success && rulesRefresh({
+      verifyScope: verifyScope
+    });
     setRule(null);
   });
   var renderCodeIcon = (0, _ahooks.useMemoizedFn)(function (_stateItem, _scope) {
@@ -174,6 +203,55 @@ var SettingUI = function SettingUI(_ref) {
       }
     })));
   });
+  var handleDelete = (0, _ahooks.useMemoizedFn)( /*#__PURE__*/function () {
+    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(uid, verifyScope) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _antd.Modal.confirm({
+              title: (0, _utils.formatMessage)({
+                id: 'luckda.lowcode.painter.delete.tip',
+                label: '确定删除吗？'
+              }),
+              getContainer: function getContainer() {
+                return document.getElementById('lc-design-workspace');
+              },
+              zIndex: 1001,
+              onOk: function () {
+                var _onOk = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+                  var success;
+                  return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+                    while (1) switch (_context.prev = _context.next) {
+                      case 0:
+                        _context.next = 2;
+                        return run('delRule', uid);
+                      case 2:
+                        success = _context.sent;
+                        if (success) rulesRefresh({
+                          verifyScope: verifyScope
+                        });
+                      case 4:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }, _callee);
+                }));
+                function onOk() {
+                  return _onOk.apply(this, arguments);
+                }
+                return onOk;
+              }()
+            });
+          case 1:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x, _x2) {
+      return _ref7.apply(this, arguments);
+    };
+  }());
   return /*#__PURE__*/_react.default.createElement(_antd.Spin, {
     spinning: _loading || loading || rulesLoading
   }, !isBatch ? /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
@@ -187,7 +265,7 @@ var SettingUI = function SettingUI(_ref) {
     onChange: function onChange(e) {
       return onAliasChange(fieldData, e.target.value);
     }
-  })) : null, component === 'table' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
+  })) : null, ['table', 'tableForm'].includes(component) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
     label: (0, _utils.formatMessage)({
       id: "".concat(_I18N_PREFIX_, ".width"),
       label: '列宽'
@@ -251,8 +329,11 @@ var SettingUI = function SettingUI(_ref) {
       id: "".concat(_I18N_PREFIX_, ".fieldColumn"),
       label: '占列数'
     })
-  }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
-    value: 1
+  }, /*#__PURE__*/_react.default.createElement(StyledRadio, {
+    defaultValue: fieldData.col,
+    onChange: function onChange(e) {
+      return run('col', e.target.value);
+    }
   }, /*#__PURE__*/_react.default.createElement(_antd.Radio, {
     value: 1
   }, "1"), /*#__PURE__*/_react.default.createElement(_antd.Radio, {
@@ -266,8 +347,11 @@ var SettingUI = function SettingUI(_ref) {
       id: "".concat(_I18N_PREFIX_, ".fieldRow"),
       label: '占行数'
     })
-  }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
-    value: 1
+  }, /*#__PURE__*/_react.default.createElement(StyledRadio, {
+    defaultValue: fieldData.row,
+    onChange: function onChange(e) {
+      return run('row', e.target.value);
+    }
   }, /*#__PURE__*/_react.default.createElement(_antd.Radio, {
     value: 1
   }, "1"), /*#__PURE__*/_react.default.createElement(_antd.Radio, {
@@ -282,7 +366,10 @@ var SettingUI = function SettingUI(_ref) {
       label: '字段注释'
     })
   }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-    defaultValue: "fieldNote",
+    defaultValue: fieldData.note,
+    onChange: function onChange(e) {
+      return runDebounce('note', e.target.value);
+    },
     size: "small"
   })), /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
     label: (0, _utils.formatMessage)({
@@ -290,7 +377,10 @@ var SettingUI = function SettingUI(_ref) {
       label: '长说明'
     })
   }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-    defaultValue: "fieldTip",
+    defaultValue: fieldData.tip,
+    onChange: function onChange(e) {
+      return runDebounce('tip', e.target.value);
+    },
     size: "small"
   })), /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
     label: (0, _utils.formatMessage)({
@@ -298,7 +388,10 @@ var SettingUI = function SettingUI(_ref) {
       label: '默认提示'
     })
   }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-    defaultValue: "placeholder",
+    defaultValue: fieldData.placeholder,
+    onChange: function onChange(e) {
+      return runDebounce('placeholder', e.target.value);
+    },
     size: "small"
   }))), !isBatch ? /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
     label: (0, _utils.formatMessage)({
@@ -316,15 +409,15 @@ var SettingUI = function SettingUI(_ref) {
       id: "".concat(_I18N_PREFIX_, ".required"),
       label: '是否必填'
     })
-  }, renderCodeIcon(fieldRequired, _constants.FIELD_SCOPES.FIELD_REQUIRED)), 'table' === component && /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
+  }, renderCodeIcon(fieldRequired, _constants.FIELD_SCOPES.FIELD_REQUIRED)), ['table', 'tableForm'].includes && /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
     label: (0, _utils.formatMessage)({
-      id: "".concat(_I18N_PREFIX_, ".display"),
-      label: '是否显示'
+      id: "".concat(_I18N_PREFIX_, ".table.display"),
+      label: '表格中显示'
     })
-  }, renderCodeIcon(fieldTable, _constants.FIELD_SCOPES.FIELD_TABLE_DISPLAY)), 'form' === component && /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
+  }, renderCodeIcon(fieldTable, _constants.FIELD_SCOPES.FIELD_TABLE_DISPLAY)), ['form', 'tableForm'].includes(component) && /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
     label: (0, _utils.formatMessage)({
-      id: "".concat(_I18N_PREFIX_, ".display"),
-      label: '是否显示'
+      id: "".concat(_I18N_PREFIX_, ".form.display"),
+      label: '表单中显示'
     })
   }, renderCodeIcon(fieldForm, _constants.FIELD_SCOPES.FIELD_FORM_DISPLAY)), /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
     label: (0, _utils.formatMessage)({
@@ -351,7 +444,61 @@ var SettingUI = function SettingUI(_ref) {
   }), "\n              \u3010").concat(fieldDefaultValue.expression, "\u3011") : (0, _utils.formatMessage)({
     id: 'luckda.lowcode.painter.setting',
     label: '设置'
-  }))) : null, !isBatch ? /*#__PURE__*/_react.default.createElement(_Collapse.default, {
+  }))) : null, !isBatch ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Collapse.default, {
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".rules.front"),
+      label: '前端校验规则'
+    }),
+    bodyStyle: {
+      padding: '12px 16px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ListEditor.ListEditor, {
+    addText: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".addRules"),
+      label: '添加校验规则'
+    }),
+    handleAdd: function handleAdd() {
+      return setRule({
+        ruleType: 'front'
+      });
+    }
+  }, frontRules === null || frontRules === void 0 ? void 0 : frontRules.map(function (_rule) {
+    return /*#__PURE__*/_react.default.createElement(_ListEditor.ListEditorItem, {
+      left: /*#__PURE__*/_react.default.createElement("span", null, propertyRules[_rule.verifyType].label),
+      right: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+        title: (0, _utils.formatMessage)({
+          id: 'luckda.lowcode.painter.edit',
+          label: '编辑'
+        })
+      }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+        type: "edit",
+        style: {
+          marginRight: '8px',
+          cursor: 'pointer'
+        },
+        onClick: function onClick() {
+          return setRule((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _rule), {}, {
+            ruleType: 'front'
+          }));
+        }
+      })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+        title: (0, _utils.formatMessage)({
+          id: 'luckda.lowcode.painter.delete',
+          label: '删除'
+        })
+      }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+        type: "delete",
+        style: {
+          cursor: 'pointer'
+        },
+        onClick: function onClick() {
+          return handleDelete(_rule.uid, 0);
+        }
+      }))),
+      item: _rule,
+      sortable: false
+    });
+  }))), /*#__PURE__*/_react.default.createElement(_Collapse.default, {
     label: (0, _utils.formatMessage)({
       id: "".concat(_I18N_PREFIX_, ".rules"),
       label: '校验规则'
@@ -365,7 +512,9 @@ var SettingUI = function SettingUI(_ref) {
       label: '添加校验规则'
     }),
     handleAdd: function handleAdd() {
-      return setRule({});
+      return setRule({
+        ruleType: 'back'
+      });
     }
   }, rules === null || rules === void 0 ? void 0 : rules.map(function (_rule) {
     return /*#__PURE__*/_react.default.createElement(_ListEditor.ListEditorItem, {
@@ -382,7 +531,9 @@ var SettingUI = function SettingUI(_ref) {
           cursor: 'pointer'
         },
         onClick: function onClick() {
-          return setRule(_rule);
+          return setRule((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _rule), {}, {
+            ruleType: 'back'
+          }));
         }
       })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
         title: (0, _utils.formatMessage)({
@@ -395,13 +546,13 @@ var SettingUI = function SettingUI(_ref) {
           cursor: 'pointer'
         },
         onClick: function onClick() {
-          return run('delRule', _rule.uid);
+          return handleDelete(_rule.uid, 1);
         }
       }))),
       item: _rule,
       sortable: false
     });
-  }))) : null, /*#__PURE__*/_react.default.createElement(_FieldAttrsModal.default, {
+  })))) : null, /*#__PURE__*/_react.default.createElement(_FieldAttrsModal.default, {
     dataModelKey: dataModelKey,
     datasetId: datasetId,
     moduleId: moduleId,

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

@@ -210,86 +210,65 @@ var FieldSetting = function FieldSetting(_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
     }),
     runDebounce = _useDebounceFn.run;
   var run = (0, _ahooks.useMemoizedFn)( /*#__PURE__*/function () {
-    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(key, val) {
-      var mapping, _stateItem, request, c, d, _yield$request, code;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(key, val) {
+      var _yield$fetchDelAttrs, code, mapping, _stateItem, request, c, d, _yield$request, _code;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!(key === 'isEqual')) {
-              _context2.next = 5;
+              _context.next = 5;
               break;
             }
-            _context2.next = 3;
+            _context.next = 3;
             return runFetchUpdateUniqueField((0, _defineProperty2.default)({
               moduleDatasetUid: datasetId,
               moduleUid: moduleId
             }, val ? 'uniqueFieldUid' : 'noUniqueFieldUid', fieldData.uid));
           case 3:
-            _context2.next = 26;
+            _context.next = 34;
             break;
           case 5:
             if (!(key === 'align' || key === 'headerAlign' || key === 'pinned' || key === 'tip')) {
-              _context2.next = 9;
+              _context.next = 9;
               break;
             }
             handleUIChange(key, val);
-            _context2.next = 26;
+            _context.next = 34;
             break;
           case 9:
-            if (!(key === 'delRule')) {
-              _context2.next = 13;
+            if (!(key === 'col' || key === 'row')) {
+              _context.next = 13;
               break;
             }
-            _antd.Modal.confirm({
-              title: (0, _utils.formatMessage)({
-                id: 'luckda.lowcode.painter.delete.tip',
-                label: '确定删除吗？'
-              }),
-              getContainer: function getContainer() {
-                return document.getElementById('lc-design-workspace');
-              },
-              zIndex: 1001,
-              onOk: function () {
-                var _onOk = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-                  var _yield$fetchDelAttrs, code;
-                  return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-                    while (1) switch (_context.prev = _context.next) {
-                      case 0:
-                        _context.next = 2;
-                        return (0, _apiUrl.fetchDelAttrs)({
-                          moduleDatasetUid: fieldData.datasetFieldUid,
-                          ccmModuleFieldVerifies: [{
-                            uid: val
-                          }],
-                          scope: _constants.FIELD_SCOPES.CHECK_RULES
-                        });
-                      case 2:
-                        _yield$fetchDelAttrs = _context.sent;
-                        code = _yield$fetchDelAttrs.code;
-                        if (code === 1) {
-                          rulesRefresh();
-                        }
-                      case 5:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }, _callee);
-                }));
-                function onOk() {
-                  return _onOk.apply(this, arguments);
-                }
-                return onOk;
-              }()
-            });
-            _context2.next = 26;
+            handleUIChange(key, val);
+            _context.next = 34;
             break;
           case 13:
+            if (!(key === 'delRule')) {
+              _context.next = 21;
+              break;
+            }
+            _context.next = 16;
+            return (0, _apiUrl.fetchDelAttrs)({
+              moduleDatasetUid: fieldData.datasetFieldUid,
+              ccmModuleFieldVerifies: [{
+                uid: val
+              }],
+              scope: _constants.FIELD_SCOPES.CHECK_RULES
+            });
+          case 16:
+            _yield$fetchDelAttrs = _context.sent;
+            code = _yield$fetchDelAttrs.code;
+            return _context.abrupt("return", code === 1);
+          case 21:
             mapping = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.FIELD_SCOPES.FIELD_REQUIRED, {
               key: 'fieldRequired',
               refresh: requiredRefresh
@@ -325,19 +304,19 @@ var FieldSetting = function FieldSetting(_ref) {
             if (!_stateItem) {
               d.datasetBusinessUids = [fieldData.uid];
             }
-            _context2.next = 23;
+            _context.next = 31;
             return request(d);
-          case 23:
-            _yield$request = _context2.sent;
-            code = _yield$request.code;
-            if (code === 1) {
+          case 31:
+            _yield$request = _context.sent;
+            _code = _yield$request.code;
+            if (_code === 1) {
               mapping[key].refresh();
             }
-          case 26:
+          case 34:
           case "end":
-            return _context2.stop();
+            return _context.stop();
         }
-      }, _callee2);
+      }, _callee);
     }));
     return function (_x, _x2) {
       return _ref8.apply(this, arguments);

package/lib/lowcode/painter/components/field-setting/meta/frontRules.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFrontRules = void 0;
+var getFrontRules = exports.getFrontRules = function getFrontRules(property) {
+  var rules = [];
+  switch (property) {
+    case 'number':
+    case 'money':
+    case 'decimal':
+    case 'sint':
+      rules = [{
+        label: '最小值',
+        key: 'min',
+        defaultCode: "function min(cValue) { \n return 0; // 返回数字 \n}"
+      }, {
+        label: '最大值',
+        key: 'max',
+        defaultCode: "function max(cValue) { \n return 100; // 返回数字 \n}"
+      }];
+      break;
+    case 'string':
+      rules = [{
+        label: '长度',
+        key: 'length',
+        defaultCode: "function length(cValue) { \n return 100; // 返回数字 \n}"
+      }, {
+        label: '邮箱',
+        key: 'email',
+        noCode: true
+      }, {
+        label: '身份证',
+        key: 'idcard',
+        noCode: true
+      }, {
+        label: '手机号码',
+        key: 'mobile',
+        noCode: true
+      }];
+      break;
+    case 'text':
+      rules = [{
+        label: '长度',
+        key: 'length',
+        defaultCode: "function length(cValue) { \n return 100; // 返回数字 \n}"
+      }];
+      break;
+    default:
+      ;
+  }
+  rules.push({
+    label: '自定义',
+    key: 'rules',
+    defaultCode: "function validator(cValue, rule, value, callback) { \n if(!value) callback('errorMsg'); \n callback(); \n}"
+  });
+  return rules;
+};

package/lib/lowcode/painter/index.js

@@ -1,13 +1,12 @@
 "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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _EventBusProvider = _interopRequireDefault(require("../engine/provider/EventBusProvider"));
 var _ContextProvider = _interopRequireDefault(require("../engine/provider/ContextProvider"));
@@ -16,38 +15,10 @@ var _Design = _interopRequireDefault(require("./Design"));
 var _Panel = _interopRequireDefault(require("./Panel"));
 var _index = require("../constants/index");
 var _index2 = _interopRequireDefault(require("./style/index.less"));
-var _core = require("@dnd-kit/core");
 var _DragDropContext = _interopRequireDefault(require("./components/DragDrop/DragDropContext"));
-// import { history } from 'umi';
-// import { formatMessage } from '@luck-design-biz/base/utils';
-
 var Painter = function Painter(_ref) {
   var className = _ref.className,
     code = _ref.code;
-  // 修改后刷新提示功能，暂时关掉，等待提供数据对比进行判断
-  // useEffect(() => {
-  //   const handleBeforeUnload = (event) => {
-  //     event.preventDefault();
-  //     event.returnValue = null;
-  //     return null;
-  //   };
-
-  //   window.addEventListener('beforeunload', handleBeforeUnload);
-
-  //   const unblock = history.block(() =>
-  //     confirm(`${formatMessage({
-  //       id: 'app.base.operate.comfire.reload', label: '重新加载此网站？'
-  //     })}\n${formatMessage({
-  //       id: 'app.base.operate.comfire.message.reload', label: '系统可能不会保存您所做的更改。'
-  //     })}`)
-  //   );
-
-  //   return () => {
-  //     unblock();
-  //     window.removeEventListener('beforeunload', handleBeforeUnload);
-  //   };
-  // }, []);
-
   return /*#__PURE__*/_react.default.createElement(_EventBusProvider.default, {
     runtime: _index.RUNTIME.DESIGN
   }, /*#__PURE__*/_react.default.createElement(_ContextProvider.default, {

package/lib/lowcode/painter/panel-section/ActionsColumnWidth.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _WidthHeight = _interopRequireDefault(require("./WidthHeight"));
+var _ContextProvider = require("../../engine/provider/ContextProvider");
+var _excluded = ["blockId", "onChange"];
+var ActionsColumnWidth = function ActionsColumnWidth(_ref) {
+  var blockId = _ref.blockId,
+    onChange = _ref.onChange,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ctx = (0, _ContextProvider.useContext)();
+  var handleChange = (0, _ahooks.useMemoizedFn)(function (value) {
+    var _ctx$componentMap$get2;
+    var _ctx$componentMap$get = (_ctx$componentMap$get2 = ctx.componentMap.get(props.nodeId)) === null || _ctx$componentMap$get2 === void 0 ? void 0 : _ctx$componentMap$get2.api.getForm().getFormRef(blockId).formRef.current,
+      gridApi = _ctx$componentMap$get.gridApi;
+    var col = gridApi.columnApi.getColumn('luck-actions');
+    gridApi.columnApi.setColumnWidth(col, value || 160);
+    onChange && onChange(value);
+  });
+  return /*#__PURE__*/_react.default.createElement(_WidthHeight.default, (0, _extends2.default)({
+    onChange: handleChange
+  }, props));
+};
+var _default = exports.default = ActionsColumnWidth;

package/lib/lowcode/painter/panel-section/BlockEditor/index.js

@@ -10,18 +10,21 @@ var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
 var BlockEditor = function BlockEditor(_ref) {
   var blockName = _ref.blockName,
+    blockId = _ref.blockId,
     next = _ref.next;
   var handleClick = (0, _ahooks.useMemoizedFn)(function (e) {
     e.stopPropagation();
-    next();
+    next && next({
+      blockId: blockId
+    });
   });
   return /*#__PURE__*/_react.default.createElement("span", {
     onClick: handleClick,
-    style: {
+    style: next ? {
       color: 'var(--ant-primary-color)',
       cursor: 'pointer'
-    }
-  }, blockName, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+    } : {}
+  }, blockName || blockId, next && /*#__PURE__*/_react.default.createElement(_antd.Icon, {
     type: "setting",
     style: {
       marginLeft: 4