@luck-design-biz/luckda 0.0.25-11 → 0.0.25-13

package/lib/lowcode/painter/Design.js

@@ -81,15 +81,15 @@ var Design = function Design() {
     onLangChange: handleLangChange
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _design.default['lc-painter-design-workspace']
-  }, /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
+  }, /*#__PURE__*/_react.default.createElement(_DesignOperator.default, {
+    canvas: simulatorRef
+  }), /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
     locale: ((_localeInfo$locale = _umi.localeInfo[locale]) === null || _localeInfo$locale === void 0 ? void 0 : _localeInfo$locale.antd) || {}
   }, /*#__PURE__*/_react.default.createElement(_umi.RawIntlProvider, {
     value: intl
   }, /*#__PURE__*/_react.default.createElement(_Page.default, {
     ref: simulatorRef,
     className: _design.default['lc-painter-design-simulator']
-  }, /*#__PURE__*/_react.default.createElement(_DesignOperator.default, {
-    canvas: simulatorRef
-  }))))));
+  })))));
 };
 var _default = exports.default = Design;

package/lib/lowcode/painter/DesignOperator.js

@@ -26,7 +26,7 @@ var getOperatorStyle = function getOperatorStyle(canvas, cellNode) {
     cellNodeTop = _cellNode$getBounding.top;
   return {
     left: "".concat(cellNodeLeft - pageLeft, "px"),
-    top: "".concat(cellNode.offsetTop, "px"),
+    top: "".concat(cellNodeTop - pageTop, "px"),
     width: "".concat(cellNode.offsetWidth, "px"),
     height: "".concat(cellNode.offsetHeight, "px")
   };

package/lib/lowcode/painter/DesignToolbar.js

@@ -289,7 +289,8 @@ var DesignToolbar = function DesignToolbar(_ref) {
       margin: '0 4px 0 2px'
     },
     onClick: function onClick() {
-      return setShowPreview(true);
+      setShowPreview(true);
+      context.$publisher(context.topics.COMPONENT_ACTIVE, null);
     }
   }, (0, _utils.formatMessage)({
     id: 'luckda.lowcode.design.toolbar.preview',
@@ -299,7 +300,8 @@ var DesignToolbar = function DesignToolbar(_ref) {
     type: "primary",
     style: {
       fontSize: 12,
-      padding: '0 7px 0 0'
+      padding: '0 7px 0 0',
+      marginLeft: 2
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -388,8 +390,9 @@ var DesignToolbar = function DesignToolbar(_ref) {
     })))),
     placement: "bottom",
     height: "94vh",
-    footer: false,
-    zIndex: 3000,
+    footer: false
+    // zIndex={3000}
+    ,
     headerStyle: {
       padding: '0 48px 0 24px'
     },

package/lib/lowcode/painter/Panel.js

@@ -111,13 +111,14 @@ var Panel = function Panel() {
       before(handleChange);
     }
     task(targetId, newValue).then(function () {
+      var _id = (0, _lodash.isNil)(activeNode.$target) ? activeNode.node.id : activeNode.$target.id;
       context.$publisher(context.topics.COMPONENT_MODIFY, {
-        id: targetId,
+        id: _id,
         oldValue: oldValue,
         newValue: newValue
       });
       if (repositioning) context.$publisher(context.topics.COMPONENT_REPOSITIONING, {
-        id: targetId
+        id: _id
       });
     });
   });

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

@@ -16,6 +16,7 @@ var _lodash = require("lodash");
 var _utils = require("@luck-design-biz/base/utils");
 var _ContextProvider = require("../../engine/provider/ContextProvider");
 var _JSEditor = _interopRequireDefault(require("./code-editor/JSEditor"));
+var _helper = require("../../engine/tools/helper");
 var _actionBindModal = _interopRequireDefault(require("../style/action-bind-modal.less"));
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.actionBindModal';
 var _ACTION_CATEGORY_ = [{
@@ -72,6 +73,10 @@ var ActionBindModal = function ActionBindModal(_ref) {
     searchValue = _useState6[0],
     setSearchValue = _useState6[1];
   var latestActiveKey = (0, _ahooks.useLatest)(activeKey);
+  var pageData = (0, _ContextProvider.useGet)();
+  var keywords = (0, _ahooks.useCreation)(function () {
+    return (0, _helper.extractKeywords)(pageData, ['id', ['dataset', 'code'], 'field']);
+  }, []);
   var options = (0, _ahooks.useCreation)(function () {
     if (category === 'page-action') {
       return (0, _lodash.reduce)(module.actions, function (ret, actionName, actionKey) {
@@ -302,6 +307,7 @@ var ActionBindModal = function ActionBindModal(_ref) {
     className: _actionBindModal.default['code-box']
   }, activeKey ? /*#__PURE__*/_react.default.createElement(_JSEditor.default, {
     ref: editorRef,
+    keywords: keywords,
     onChange: handleEditorValueChange
   }) : (0, _utils.formatMessage)({
     id: "".concat(_I18N_PREFIX_, ".noActionSelected"),

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

@@ -72,7 +72,6 @@ var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(function (_
     var value = e.target.value;
     setInputValue(value); // 更新托管的输入值
 
-    if (value == '') onValueChange(e, value);
     var error = null;
 
     // 遍历rules，检查输入值是否满足条件

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

@@ -9,6 +9,7 @@ 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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
@@ -16,7 +17,7 @@ var _react = _interopRequireWildcard3(require("react"));
 var monaco = _interopRequireWildcard3(require("monaco-editor"));
 var _lodash = require("lodash");
 var _BaseEditor = _interopRequireDefault(require("./BaseEditor"));
-var _excluded = ["children"];
+var _excluded = ["children", "keywords"];
 function capitalizeFirstLetter(string) {
   if ((0, _lodash.isNil)(string)) return null;
   if (string.length === 0) {
@@ -24,18 +25,24 @@ function capitalizeFirstLetter(string) {
   }
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
-var _provideCompletionItems = function provideCompletionItems(monaco, model, position, module) {
+var _provideCompletionItems = function provideCompletionItems(monaco, model, position, module, ctx) {
   var textUntilPosition = model.getValueInRange({
     startLineNumber: 1,
     startColumn: 1,
     endLineNumber: position.lineNumber,
     endColumn: position.column
   });
-
-  // 正则表达式匹配以 triggerWord 开头的任何单词
-  var pattern = new RegExp('\\b' + module.triggerWord + '[\\w.]*', 'i');
-  var match = textUntilPosition.match(pattern);
+  var match;
+  if (module.triggerWord) {
+    // 正则表达式匹配以 triggerWord 开头的任何单词
+    var pattern = new RegExp('\\b' + module.triggerWord + '[\\w.]*', 'i');
+    match = textUntilPosition.match(pattern);
+  } else {
+    var _pattern = new RegExp('\\b[a-zA-Z][\\w.]*', 'i');
+    match = ["'", '"'].includes(ctx.triggerCharacter) && textUntilPosition.match(_pattern);
+  }
   if (match) {
+    var _module$completions;
     var word = model.getWordUntilPosition(position);
     var range = {
       startLineNumber: position.lineNumber,
@@ -43,7 +50,7 @@ var _provideCompletionItems = function provideCompletionItems(monaco, model, pos
       startColumn: word.startColumn,
       endColumn: word.endColumn
     };
-    return module.completions.map(function (completion) {
+    return (_module$completions = module.completions) === null || _module$completions === void 0 ? void 0 : _module$completions.map(function (completion) {
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, completion), {}, {
         range: range,
         kind: monaco.languages.CompletionItemKind[capitalizeFirstLetter(completion.kind)]
@@ -53,7 +60,7 @@ var _provideCompletionItems = function provideCompletionItems(monaco, model, pos
   return [];
 };
 var setupAutocomplete = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(monaco) {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(monaco, keywords) {
     var autoCompleteModules;
     return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -65,19 +72,21 @@ var setupAutocomplete = /*#__PURE__*/function () {
         case 2:
           autoCompleteModules = _context.sent;
           monaco.languages.registerCompletionItemProvider('javascript', {
-            provideCompletionItems: function provideCompletionItems(model, position) {
+            provideCompletionItems: function provideCompletionItems(model, position, ctx) {
               var allCompletionItems = [];
 
               // 从所有模块收集补全项
-              autoCompleteModules.default.forEach(function (module) {
-                var items = _provideCompletionItems(monaco, model, position, module);
+              [{
+                completions: keywords
+              }].concat((0, _toConsumableArray2.default)(autoCompleteModules.default)).forEach(function (module) {
+                var items = _provideCompletionItems(monaco, model, position, module, ctx);
                 allCompletionItems = allCompletionItems.concat(items);
               });
               return {
                 suggestions: allCompletionItems
               };
             },
-            triggerCharacters: ['.'] // 当用户输入点号时触发补全
+            triggerCharacters: ['.', "'", '"'] // 当用户输入点号时触发补全
           });
         case 4:
         case "end":
@@ -85,7 +94,7 @@ var setupAutocomplete = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-  return function setupAutocomplete(_x) {
+  return function setupAutocomplete(_x, _x2) {
     return _ref.apply(this, arguments);
   };
 }();
@@ -113,9 +122,10 @@ var setupAutocomplete = /*#__PURE__*/function () {
  */
 var JSEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var children = _ref2.children,
+    keywords = _ref2.keywords,
     rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   (0, _react.useEffect)(function () {
-    setupAutocomplete(monaco);
+    setupAutocomplete(monaco, keywords);
   }, []);
   return /*#__PURE__*/_react.default.createElement(_BaseEditor.default, (0, _extends2.default)({
     ref: ref

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

@@ -324,7 +324,7 @@ var SettingUI = function SettingUI(_ref) {
     onChange: function onChange(val) {
       return run('tip', val);
     }
-  }))), component === 'form' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
+  }))), component === 'form' && /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
     label: (0, _utils.formatMessage)({
       id: "".concat(_I18N_PREFIX_, ".fieldColumn"),
       label: '占列数'
@@ -342,58 +342,7 @@ var SettingUI = function SettingUI(_ref) {
     value: 3
   }, "3"), /*#__PURE__*/_react.default.createElement(_antd.Radio, {
     value: 4
-  }, "4"))), /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
-    label: (0, _utils.formatMessage)({
-      id: "".concat(_I18N_PREFIX_, ".fieldRow"),
-      label: '占行数'
-    })
-  }, /*#__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, {
-    value: 2
-  }, "2"), /*#__PURE__*/_react.default.createElement(_antd.Radio, {
-    value: 3
-  }, "3"), /*#__PURE__*/_react.default.createElement(_antd.Radio, {
-    value: 4
-  }, "4"))), /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
-    label: (0, _utils.formatMessage)({
-      id: "".concat(_I18N_PREFIX_, ".fieldNote"),
-      label: '字段注释'
-    })
-  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-    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)({
-      id: "".concat(_I18N_PREFIX_, ".fieldTip"),
-      label: '长说明'
-    })
-  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-    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)({
-      id: "".concat(_I18N_PREFIX_, ".placeholder"),
-      label: '默认提示'
-    })
-  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-    defaultValue: fieldData.placeholder,
-    onChange: function onChange(e) {
-      return runDebounce('placeholder', e.target.value);
-    },
-    size: "small"
-  }))), !isBatch ? /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
+  }, "4"))), !isBatch ? /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
     label: (0, _utils.formatMessage)({
       id: "".concat(_I18N_PREFIX_, ".isEqual"),
       label: '唯一校验'

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

@@ -11,8 +11,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _ahooks = require("ahooks");
-var _antd = require("luck-design/antd");
-var _utils = require("@luck-design-biz/base/utils");
 var _lodash = require("lodash");
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _SettingUI = _interopRequireDefault(require("./SettingUI"));

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

@@ -36,7 +36,8 @@ var _DISPLAY_OPTIONS_ = [{
   value: 'text'
 }];
 var ActionsEditor = function ActionsEditor(_ref) {
-  var defaultValue = _ref.defaultValue,
+  var nodeId = _ref.nodeId,
+    defaultValue = _ref.defaultValue,
     onChange = _ref.onChange,
     suppressDisplay = _ref.suppressDisplay,
     suppressMax = _ref.suppressMax,
@@ -225,6 +226,7 @@ var ActionsEditor = function ActionsEditor(_ref) {
     }));
   })))), /*#__PURE__*/_react.default.createElement(_ActionBindModal.default, {
     event: action,
+    nodeId: nodeId,
     defaultCode: defaultCode,
     onComfirm: function onComfirm(actionPool) {
       return handleValueChange('action', (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(action, ['key'])), {}, {

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

@@ -0,0 +1,43 @@
+"use strict";
+
+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 = _interopRequireDefault(require("react"));
+var _antd = require("luck-design/antd");
+var _lodash = require("lodash");
+var _ContextProvider = require("../../engine/provider/ContextProvider");
+var ComponentSelector = function ComponentSelector(_ref) {
+  var nodeId = _ref.nodeId,
+    defaultValue = _ref.defaultValue,
+    _onChange = _ref.onChange,
+    filter = _ref.filter;
+  var ctx = (0, _ContextProvider.useContext)();
+  return /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    size: "small",
+    allowClear: true,
+    defaultValue: defaultValue,
+    onChange: function onChange(val) {
+      return _onChange(val);
+    }
+  }, (0, _lodash.reduce)(ctx.componentList, function (ret, _ref2) {
+    var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+      compId = _ref3[0],
+      comp = _ref3[1];
+    if (compId !== nodeId && (!filter || filter.find(function (_ref4) {
+      var _ref5 = (0, _slicedToArray2.default)(_ref4, 2),
+        key = _ref5[0],
+        val = _ref5[1];
+      return (0, _lodash.get)(comp, key) === val;
+    }))) {
+      ret.push( /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+        value: compId
+      }, comp.meta.name || compId));
+    }
+    return ret;
+  }, []));
+};
+var _default = exports.default = ComponentSelector;

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+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 = _interopRequireWildcard(require("react"));
@@ -89,9 +90,11 @@ var DataSetSelector = function DataSetSelector(_ref) {
               onChange(_ds, function (exe) {
                 var dsFields = res.data.dataSets[value];
                 exe(fieldsKey, dsFields.map(function (f) {
-                  var _extra = JSON.parse(f.extra || '{}');
-                  var restProps = {};
+                  var restProps = {
+                    fieldAliasName: f.fieldAliasName
+                  };
                   if (['table', 'tableForm'].includes(component)) {
+                    var _extra = JSON.parse(f.extra || '{}');
                     var alignMapping = {
                       0: 'left',
                       1: 'center',
@@ -100,10 +103,10 @@ var DataSetSelector = function DataSetSelector(_ref) {
                     restProps.align = alignMapping[_extra.scell_alignment];
                     restProps.headerAlign = alignMapping[_extra.sheading_alignment];
                   }
-                  return {
+                  return (0, _objectSpread2.default)({
                     uid: f.uid,
                     field: f.field
-                  };
+                  }, restProps);
                 }));
               });
               setCurrentDataset(_ds);

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

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -24,9 +23,8 @@ var _BatchSetting = _interopRequireDefault(require("../components/field-setting/
 var _apiUrl = require("../../constants/api-url");
 var _helper = require("../../engine/tools/helper");
 var _fieldsSetting = _interopRequireDefault(require("../style/fields-setting.less"));
-var _excluded = ["fieldAliasName"];
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.fieldsSetting';
-var _PICK_KEYS_ = ['id', 'uid', 'field', 'width', 'align', 'headerAlign', 'pinned', 'tip', 'col', 'row', 'note', 'placeholder', 'aliasName'];
+var _PICK_KEYS_ = ['id', 'uid', 'field', 'width', 'align', 'headerAlign', 'pinned', 'tip', 'col', 'row', 'note', 'placeholder', 'fieldAliasName'];
 var Header = _styledComponents.default.div.withConfig({
   displayName: "Header",
   componentId: "luckda-6530__sc-gcwvp1-0"
@@ -97,9 +95,11 @@ var FieldsSetting = function FieldsSetting(_ref) {
             return ret;
           }, []), list.map(function (id) {
             var _fieldData = detail[id];
-            var extra = JSON.parse(_fieldData.extra || '{}');
-            var restProps = {};
+            var restProps = {
+              fieldAliasName: _fieldData.fieldAliasName
+            };
             if (['table', 'tableForm'].includes(component)) {
+              var extra = JSON.parse(_fieldData.extra || '{}');
               var alignMapping = {
                 0: 'left',
                 1: 'center',
@@ -131,46 +131,6 @@ var FieldsSetting = function FieldsSetting(_ref) {
       return _fieldData._type === 'divider' ? _fieldData : (0, _lodash.pick)(_fieldData, _PICK_KEYS_);
     }));
   });
-  var _useRequest2 = (0, _ahooks.useRequest)(_apiUrl.fetchUpdateFieldAttrs, {
-      manual: true
-    }),
-    runUpdateFieldAttrs = _useRequest2.runAsync;
-  var _useDebounceFn = (0, _ahooks.useDebounceFn)(function (field, value) {
-      var _getLDMetaAttr = (0, _helper.getLDMetaAttr)(['moduleId', 'dataModelKey']),
-        _getLDMetaAttr2 = (0, _slicedToArray2.default)(_getLDMetaAttr, 2),
-        moduleId = _getLDMetaAttr2[0],
-        dataModelKey = _getLDMetaAttr2[1];
-      runUpdateFieldAttrs({
-        dataModelKey: dataModelKey,
-        datasetBusinessUids: [field.uid],
-        fieldAliasName: value,
-        moduleDatasetUid: datasetUid,
-        moduleUid: moduleId,
-        scope: 'FIELD_ALIAS_NAME',
-        uid: field.uid
-      }).then(function () {
-        if (component === 'table') {
-          var gridApi = ctx.componentMap.get(nodeId).api.self.ref.current.gridApi;
-          var col = gridApi.columnApi.getColumn(field.field);
-          col.colDef.headerName = value;
-          gridApi.api.refreshHeader();
-        } else if (['form', 'tableForm'].includes(component)) {
-          handleChange((0, _lodash.reduce)(fields, function (ret, _ref4) {
-            var fieldAliasName = _ref4.fieldAliasName,
-              _field = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
-            if (fieldAliasName) {
-              ret.push((0, _objectSpread2.default)({
-                aliasName: fieldAliasName
-              }, _field));
-            }
-            return ret;
-          }, []));
-        }
-      });
-    }, {
-      wait: 500
-    }),
-    run = _useDebounceFn.run;
   var handleSortChange = (0, _ahooks.useMemoizedFn)(function (sortItems, fromIndex, toIndex) {
     dispatch({
       type: 'sort',
@@ -192,9 +152,19 @@ var FieldsSetting = function FieldsSetting(_ref) {
         data: {
           fieldAliasName: value
         }
+      },
+      callback: function callback(newFields) {
+        if (component === 'table') {
+          setTimeout(function () {
+            var gridApi = ctx.componentMap.get(nodeId).api.self.ref.current.gridApi;
+            var col = gridApi.columnApi.getColumn(field.field);
+            col.colDef.headerName = value;
+            gridApi.api.refreshHeader();
+          });
+        }
+        handleChange(newFields);
       }
     });
-    run(field, value);
   });
   var handleFieldCheckChange = (0, _ahooks.useMemoizedFn)(function (e) {
     var _e$target = e.target,
@@ -228,7 +198,7 @@ var FieldsSetting = function FieldsSetting(_ref) {
           uid: groupId,
           id: groupId,
           field: 'divider',
-          fieldAliasName: 'Group',
+          fieldName: 'Group',
           _type: 'divider'
         }
       },
@@ -295,8 +265,8 @@ var FieldsSetting = function FieldsSetting(_ref) {
     id: "".concat(_I18N_PREFIX_, ".title"),
     label: '标题'
   }))), /*#__PURE__*/_react.default.createElement(_SortBox.SortBox, {
-    datas: fields.map(function (_ref5) {
-      var uid = _ref5.uid;
+    datas: fields.map(function (_ref4) {
+      var uid = _ref4.uid;
       return uid;
     }),
     onChange: handleSortChange

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

@@ -19,7 +19,8 @@ var I18nInput = function I18nInput(_ref) {
   return /*#__PURE__*/_react.default.createElement(_antd.Input, {
     defaultValue: defaultValue,
     onChange: function onChange(e) {
-      return run(e.target.value);
+      var _e$target$value;
+      return run((_e$target$value = e.target.value) === null || _e$target$value === void 0 ? void 0 : _e$target$value.trim());
     },
     size: size
   });