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

package/es/lowcode/painter/panel-section/BlocksEditor/BlockEditorItem.js

@@ -11,12 +11,13 @@ var BlockEditorItem = function BlockEditorItem(_ref) {
     style = _ref.style,
     setActivatorNodeRef = _ref.setActivatorNodeRef,
     attributes = _ref.attributes,
-    listeners = _ref.listeners;
+    listeners = _ref.listeners,
+    draggable = _ref.draggable;
   return /*#__PURE__*/React.createElement("div", {
     ref: setNodeRef,
     style: style
   }, /*#__PURE__*/React.createElement(Collapse, {
-    label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", _extends({
+    label: /*#__PURE__*/React.createElement("div", null, draggable ? /*#__PURE__*/React.createElement("span", _extends({
       ref: setActivatorNodeRef
     }, attributes, listeners), /*#__PURE__*/React.createElement("svg", {
       fill: "currentColor",
@@ -29,7 +30,7 @@ var BlockEditorItem = function BlockEditorItem(_ref) {
       }
     }, /*#__PURE__*/React.createElement("path", {
       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"
-    }))), name),
+    }))) : null, name),
     extraRender: isNil(onDelete) ? false : function () {
       return /*#__PURE__*/React.createElement(Icon, {
         type: "delete",

package/es/lowcode/painter/panel-section/BlocksEditor/index.js

@@ -1,16 +1,15 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _toArray from "@babel/runtime/helpers/esm/toArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
 import { useMemoizedFn, useCreation } from 'ahooks';
 import { Icon, Dropdown, Button, Menu, Modal } from 'luck-design/antd';
-import { concat, reduce } from 'lodash';
+import { concat, reduce, sortBy, includes, cloneDeep } from 'lodash';
 import { formatMessage, suid } from '@luck-design-biz/base/utils';
-import { usePageData } from "../../../engine/provider/ContextProvider";
+import { useGet } from "../../../engine/provider/ContextProvider";
 import { SortBox, SortItem } from "../../components/SortBox";
 import BlockEditorItem from "./BlockEditorItem";
 import defaultMeta from "../../../engine/meta/form.props.default.json";
-import { includes } from 'lodash';
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.blocksEditor';
 var confirm = Modal.confirm;
 var addOptions = [{
@@ -49,24 +48,21 @@ var BlockEditor = function BlockEditor(_ref) {
     nodeId = _ref.nodeId,
     renderPanelItems = _ref.renderPanelItems,
     innerProps = _ref.innerProps;
-  var _usePageData = usePageData({
-      id: nodeId
-    }),
-    _usePageData2 = _slicedToArray(_usePageData, 1),
-    node = _usePageData2[0];
-  var _ref2 = node || {
-      props: {}
-    },
-    blocks = _ref2.props.blocks;
+  var blocks = useGet({
+    id: nodeId,
+    path: 'props.blocks'
+  });
   var handleAddBlock = useMemoizedFn(function (type) {
     var _id = "block_".concat(suid());
-    var newData = concat(blocks, _objectSpread({
+    var newData = concat(blocks, _objectSpread(_objectSpread({
       id: _id,
       name: _id,
       type: type,
       serialEffect: 'hidden',
       mode: ['add', 'update', 'edit', 'info']
-    }, defaultMeta.blockSettings[type]));
+    }, defaultMeta.blockSettings[type]), {}, {
+      order: blocks.length + 1
+    }));
     onChange(newData);
   });
   var handleDeleteBlock = useMemoizedFn(function (_id) {
@@ -88,17 +84,33 @@ var BlockEditor = function BlockEditor(_ref) {
         var newData = blocks.filter(function (val) {
           return val.id !== _id;
         });
-        onChange(newData);
+        onChange(newData.map(function (i, index) {
+          return _objectSpread(_objectSpread({}, i), {}, {
+            order: index + 1
+          });
+        }));
       }
     });
   });
   var handleSortBlock = useMemoizedFn(function (sortItems) {
-    console.log('sortItems', sortItems);
+    var _blocks = _toArray(blocks),
+      mainForm = _blocks[0],
+      restForm = _blocks.slice(1);
+    var newRestForm = sortBy(restForm, function (item) {
+      var index = sortItems.indexOf(item.id);
+      return index !== -1 ? index : Infinity;
+    });
+    var newData = [mainForm].concat(_toConsumableArray(newRestForm)).map(function (i, index) {
+      return _objectSpread(_objectSpread({}, i), {}, {
+        order: index + 1
+      });
+    });
+    onChange(newData);
   });
   var menu = useCreation(function () {
     return /*#__PURE__*/React.createElement(Menu, {
-      onClick: function onClick(_ref3) {
-        var key = _ref3.key;
+      onClick: function onClick(_ref2) {
+        var key = _ref2.key;
         return handleAddBlock(key);
       }
     }, addOptions.map(function (opt) {
@@ -130,7 +142,8 @@ var BlockEditor = function BlockEditor(_ref) {
   return mainForm ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BlockEditorItem, {
     name: renderPanelItems([_objectSpread(_objectSpread({}, specialProp), {}, {
       valueKey: "blocks[0].".concat(specialProp.key),
-      blockName: mainForm.name || mainForm.id,
+      blockName: mainForm.name,
+      blockId: mainForm.id,
       next: {
         name: specialProp.name,
         props: specialProp.next["_".concat(mainForm.type, "_props")].map(function (nextP) {
@@ -141,9 +154,13 @@ var BlockEditor = function BlockEditor(_ref) {
       }
     })])
   }, renderPanelItems(commonProps.map(function (p) {
-    return _objectSpread(_objectSpread({}, p), {}, {
-      disabled: includes(['mode', 'serialEffect'], p.key) || p.disabled,
-      valueKey: "blocks[0].".concat(p.key)
+    var cloneP = cloneDeep(p);
+    if (cloneP.key === 'dataset') {
+      cloneP.fieldsKey = 'blocks[0].fields';
+    }
+    return _objectSpread(_objectSpread({}, cloneP), {}, {
+      disabled: includes(['mode', 'serialEffect'], cloneP.key) || cloneP.disabled,
+      valueKey: "blocks[0].".concat(cloneP.key)
     });
   }))), /*#__PURE__*/React.createElement(SortBox, {
     datas: restForm.map(function (_bk) {
@@ -151,16 +168,19 @@ var BlockEditor = function BlockEditor(_ref) {
     }),
     onChange: handleSortBlock
   }, restForm.map(function (blockItem, i) {
+    var _specialProp$next;
     return /*#__PURE__*/React.createElement(SortItem, {
       key: blockItem.id,
       id: blockItem.id
     }, /*#__PURE__*/React.createElement(BlockEditorItem, {
+      draggable: true,
       name: renderPanelItems([_objectSpread(_objectSpread({}, specialProp), {}, {
         valueKey: "blocks[".concat(i + 1, "].").concat(specialProp.key),
-        blockName: blockItem.name || blockItem.id,
+        blockName: blockItem.name,
+        blockId: blockItem.id,
         next: {
           name: specialProp.name,
-          props: specialProp.next["_".concat(blockItem.type, "_props")].map(function (nextP) {
+          props: (_specialProp$next = specialProp.next["_".concat(blockItem.type, "_props")]) === null || _specialProp$next === void 0 ? void 0 : _specialProp$next.map(function (nextP) {
             var _nextP$props;
             return _objectSpread(_objectSpread({}, nextP), {}, {
               valueKey: "blocks[".concat(i + 1, "].").concat(nextP.key),
@@ -177,9 +197,16 @@ var BlockEditor = function BlockEditor(_ref) {
         return handleDeleteBlock(blockItem.id);
       }
     }, renderPanelItems(reduce(commonProps, function (result, p) {
-      if (!(blockItem.type === 'uploadForm' && p.key === 'dataset')) result.push(_objectSpread(_objectSpread({}, p), {}, {
-        valueKey: "blocks[".concat(i + 1, "].").concat(p.key)
-      }));
+      var cloneP = cloneDeep(p);
+      cloneP.valueKey = "blocks[".concat(i + 1, "].").concat(p.key);
+      if (p.key === 'dataset') {
+        if (includes(['auto', 'grid', 'writer'], blockItem.type)) {
+          if (blockItem.type !== 'auto') cloneP.component = 'tableForm';
+          cloneP.fieldsKey = "blocks[".concat(i + 1, "].fields");
+          ;
+          result.push(cloneP);
+        }
+      } else result.push(cloneP);
       return result;
     }, []))));
   })), /*#__PURE__*/React.createElement("div", {

package/es/lowcode/painter/panel-section/ButtonType.js

@@ -5,10 +5,12 @@ import React from 'react';
 import { Select, Button } from 'luck-design/antd';
 import styles from "../style/button-type.less";
 var ButtonType = function ButtonType(_ref) {
-  var onChange = _ref.onChange,
+  var _onChange = _ref.onChange,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
-    onChange: onChange,
+    onChange: function onChange(val) {
+      return _onChange(val);
+    },
     className: styles['lc-painter-panel-section-components-buttontype']
   }), /*#__PURE__*/React.createElement(Select.Option, {
     value: "primary"

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

@@ -7,6 +7,7 @@ import styled from 'styled-components';
 import { Select, Button, Tooltip } from 'luck-design/antd';
 import { useRemoteSource } from "../../engine/provider/ContextProvider";
 import { fetchAddDataset } from "../../constants/api-url";
+import { getLDMetaAttr } from "../../engine/tools/helper";
 var Div = styled.div.withConfig({
   displayName: "Div",
   componentId: "luckda-6530__sc-onj9tc-0"
@@ -14,6 +15,9 @@ var Div = styled.div.withConfig({
 var DataSetSelector = function DataSetSelector(_ref) {
   var defaultValue = _ref.defaultValue,
     onChange = _ref.onChange,
+    _ref$fieldsKey = _ref.fieldsKey,
+    fieldsKey = _ref$fieldsKey === void 0 ? 'fields' : _ref$fieldsKey,
+    component = _ref.component,
     size = _ref.size,
     isTree = _ref.isTree,
     next = _ref.next;
@@ -29,8 +33,7 @@ var DataSetSelector = function DataSetSelector(_ref) {
     dataset = _useRemoteSource.dataset,
     fetchAllDatasetLoading = _useRemoteSource.fetchAllDatasetLoading,
     refreshModlueData = _useRemoteSource.refreshModlueData,
-    refreshDataset = _useRemoteSource.refreshDataset,
-    pageinfo = _useRemoteSource.pageinfo;
+    refreshDataset = _useRemoteSource.refreshDataset;
   var _useRequest = useRequest(fetchAddDataset, {
       manual: true
     }),
@@ -44,12 +47,12 @@ var DataSetSelector = function DataSetSelector(_ref) {
   }, [dataset, isTree]);
   var handleChange = useMemoizedFn( /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(value, _ref3) {
-      var key, _pageinfo$relationshi, moduleId, dataModelKey, _yield$runAsync, code, res, _ds;
+      var key, _getLDMetaAttr, _getLDMetaAttr2, moduleId, dataModelKey, _yield$runAsync, code, res, _ds;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             key = _ref3.key;
-            _pageinfo$relationshi = pageinfo.relationship, moduleId = _pageinfo$relationshi.moduleId, dataModelKey = _pageinfo$relationshi.dataModelKey;
+            _getLDMetaAttr = getLDMetaAttr(['moduleId', 'dataModelKey']), _getLDMetaAttr2 = _slicedToArray(_getLDMetaAttr, 2), moduleId = _getLDMetaAttr2[0], dataModelKey = _getLDMetaAttr2[1];
             _context.next = 4;
             return runAsync({
               uid: moduleId,
@@ -75,7 +78,26 @@ var DataSetSelector = function DataSetSelector(_ref) {
                 code: value,
                 uid: key
               };
-              onChange(_ds);
+              onChange(_ds, function (exe) {
+                var dsFields = res.data.dataSets[value];
+                exe(fieldsKey, dsFields.map(function (f) {
+                  var _extra = JSON.parse(f.extra || '{}');
+                  var restProps = {};
+                  if (['table', 'tableForm'].includes(component)) {
+                    var alignMapping = {
+                      0: 'left',
+                      1: 'center',
+                      2: 'right'
+                    };
+                    restProps.align = alignMapping[_extra.scell_alignment];
+                    restProps.headerAlign = alignMapping[_extra.sheading_alignment];
+                  }
+                  return {
+                    uid: f.uid,
+                    field: f.field
+                  };
+                }));
+              });
               setCurrentDataset(_ds);
             }
           case 11:
@@ -115,9 +137,10 @@ var DataSetSelector = function DataSetSelector(_ref) {
     disabled: !currentDataset,
     onClick: function onClick() {
       return next({
-        pageinfo: pageinfo,
         datasetUid: currentDataset.uid,
-        datasetCode: currentDataset.code
+        datasetCode: currentDataset.code,
+        valueKey: fieldsKey,
+        component: component
       });
     }
   }), /*#__PURE__*/React.createElement(Button, {

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

@@ -1,22 +1,24 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["fieldAliasName"];
 import React, { useReducer, useState } from 'react';
-import { useMemoizedFn, useRequest, useDebounceFn, useCreation, useMap } from 'ahooks';
+import { useMemoizedFn, useRequest, useDebounceFn, useCreation, useMap, useUpdateEffect } from 'ahooks';
 import { Ellipsis } from 'luck-design';
 import { Spin, Input, Tooltip, Icon, Checkbox, Drawer } from 'luck-design/antd';
 import styled from 'styled-components';
-import { intersectionWith, unionBy, isEqual, pick } from 'lodash';
-import { formatMessage } from '@luck-design-biz/base/utils';
+import { reduce, unionBy, isEqual, pick } from 'lodash';
+import { formatMessage, suid } from '@luck-design-biz/base/utils';
 import { useContext } from "../../engine/provider/ContextProvider";
 import { SortBox, SortItem } from "../components/SortBox";
 import { ListEditor, ListEditorItem } from "../components/ListEditor";
 import FieldSetting from "../components/field-setting";
 import BatchSetting from "../components/field-setting/BatchSetting";
 import { fetchFieldsByDataset, fetchUpdateFieldAttrs } from "../../constants/api-url";
-import { listReducer } from "../../engine/tools/helper";
+import { listReducer, getLDMetaAttr } from "../../engine/tools/helper";
 import styles from "../style/fields-setting.less";
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.fieldsSetting';
-var _PICK_KEYS_ = ['uid', 'field', 'width', 'align', 'headerAlign', 'pinned', 'tip'];
+var _PICK_KEYS_ = ['id', 'uid', 'field', 'width', 'align', 'headerAlign', 'pinned', 'tip', 'col', 'row', 'note', 'placeholder', 'aliasName'];
 var Header = styled.div.withConfig({
   displayName: "Header",
   componentId: "luckda-6530__sc-gcwvp1-0"
@@ -27,11 +29,10 @@ var FieldKey = styled(Ellipsis).withConfig({
 })(["width:80px;margin-left:4px;"]);
 var FieldsSetting = function FieldsSetting(_ref) {
   var component = _ref.component,
-    pageinfo = _ref.pageinfo,
     datasetUid = _ref.datasetUid,
     nodeId = _ref.nodeId,
     defaultValue = _ref.defaultValue,
-    _onChange = _ref.onChange;
+    onChange = _ref.onChange;
   var ctx = useContext();
   var _useReducer = useReducer(listReducer, []),
     _useReducer2 = _slicedToArray(_useReducer, 2),
@@ -46,46 +47,66 @@ var FieldsSetting = function FieldsSetting(_ref) {
     checkedFields = _useMap2[0],
     _useMap2$ = _useMap2[1],
     set = _useMap2$.set,
-    remove = _useMap2$.remove;
+    get = _useMap2$.get,
+    setAll = _useMap2$.setAll,
+    remove = _useMap2$.remove,
+    reset = _useMap2$.reset;
   var _useState3 = useState(void 0),
     _useState4 = _slicedToArray(_useState3, 2),
     drawerType = _useState4[0],
     setDrawerType = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    checkAll = _useState6[0],
+    setCheckAll = _useState6[1];
   var fieldData = useCreation(function () {
     return fields.find(function (_ref2) {
       var uid = _ref2.uid;
       return uid === fieldId;
     });
   }, [fieldId, fields]);
+  useUpdateEffect(function () {
+    if (checkedFields.size === fields.length) {
+      setCheckAll(true);
+    } else if (checkedFields.size === 0) {
+      setCheckAll(false);
+    }
+  }, [checkedFields, fields]);
   var _useRequest = useRequest(fetchFieldsByDataset, {
       defaultParams: [{
         datasetUid: datasetUid,
-        moduleUid: pageinfo.relationship.moduleId
+        moduleUid: getLDMetaAttr('moduleId')
       }],
       onSuccess: function onSuccess(_ref3) {
         var code = _ref3.code,
           list = _ref3.list,
           detail = _ref3.detail;
         if (code === 1) {
-          var _fields = unionBy(intersectionWith(defaultValue, list, function (a, b) {
-            return a.uid === b;
-          }), list.map(function (id) {
+          var _fields = unionBy(reduce(defaultValue, function (ret, _val) {
+            if (list.includes(_val.uid) || _val._type === 'divider') {
+              ret.push(_val);
+            }
+            return ret;
+          }, []), list.map(function (id) {
             var _fieldData = detail[id];
-            var extraAttr = JSON.parse(_fieldData.extraAttr || '{}');
-            var alignMapping = {
-              0: 'left',
-              1: 'center',
-              2: 'right'
-            };
-            return {
+            var extra = JSON.parse(_fieldData.extra || '{}');
+            var restProps = {};
+            if (['table', 'tableForm'].includes(component)) {
+              var alignMapping = {
+                0: 'left',
+                1: 'center',
+                2: 'right'
+              };
+              restProps.align = alignMapping[extra.scell_alignment];
+              restProps.headerAlign = alignMapping[extra.sheading_alignment];
+            }
+            return _objectSpread({
               uid: id,
-              field: detail[id].field,
-              align: alignMapping[extraAttr.scell_alignment],
-              headerAlign: alignMapping[extraAttr.sheading_alignment]
-            };
+              field: detail[id].field
+            }, restProps);
           }), 'uid');
           if (!isEqual(_fields, defaultValue)) {
-            _onChange(_fields);
+            onChange(_fields);
           }
           dispatch({
             type: 'init',
@@ -97,14 +118,20 @@ var FieldsSetting = function FieldsSetting(_ref) {
       }
     }),
     loading = _useRequest.loading;
+  var handleChange = useMemoizedFn(function (newFields) {
+    onChange(newFields.map(function (_fieldData) {
+      return _fieldData._type === 'divider' ? _fieldData : pick(_fieldData, _PICK_KEYS_);
+    }));
+  });
   var _useRequest2 = useRequest(fetchUpdateFieldAttrs, {
       manual: true
     }),
     runUpdateFieldAttrs = _useRequest2.runAsync;
   var _useDebounceFn = useDebounceFn(function (field, value) {
-      var _pageinfo$relationshi = pageinfo.relationship,
-        moduleId = _pageinfo$relationshi.moduleId,
-        dataModelKey = _pageinfo$relationshi.dataModelKey;
+      var _getLDMetaAttr = getLDMetaAttr(['moduleId', 'dataModelKey']),
+        _getLDMetaAttr2 = _slicedToArray(_getLDMetaAttr, 2),
+        moduleId = _getLDMetaAttr2[0],
+        dataModelKey = _getLDMetaAttr2[1];
       runUpdateFieldAttrs({
         dataModelKey: dataModelKey,
         datasetBusinessUids: [field.uid],
@@ -119,6 +146,17 @@ var FieldsSetting = function FieldsSetting(_ref) {
           var col = gridApi.columnApi.getColumn(field.field);
           col.colDef.headerName = value;
           gridApi.api.refreshHeader();
+        } else if (['form', 'tableForm'].includes(component)) {
+          handleChange(reduce(fields, function (ret, _ref4) {
+            var fieldAliasName = _ref4.fieldAliasName,
+              _field = _objectWithoutProperties(_ref4, _excluded);
+            if (fieldAliasName) {
+              ret.push(_objectSpread({
+                aliasName: fieldAliasName
+              }, _field));
+            }
+            return ret;
+          }, []));
         }
       });
     }, {
@@ -134,9 +172,7 @@ var FieldsSetting = function FieldsSetting(_ref) {
           var gridApi = ctx.componentMap.get(nodeId).api.self.ref.current.gridApi;
           gridApi.columnApi.moveColumnByIndex(fromIndex, toIndex);
         }
-        _onChange(newFields.map(function (_fieldData) {
-          return pick(_fieldData, _PICK_KEYS_);
-        }));
+        handleChange(newFields);
       }
     });
   });
@@ -162,9 +198,35 @@ var FieldsSetting = function FieldsSetting(_ref) {
       remove(data.uid, data);
     }
   });
+  var handleFieldCheckAll = useMemoizedFn(function (e) {
+    if (e.target.checked) {
+      setAll(fields.map(function (_field) {
+        return [_field.uid, _field];
+      }));
+    } else {
+      reset();
+    }
+  });
   var handleBatchSetting = useMemoizedFn(function () {
     setDrawerType('batch');
   });
+  var handleAddFormDivider = useMemoizedFn(function (index) {
+    var groupId = "group_".concat(suid());
+    dispatch({
+      type: 'insert',
+      payload: {
+        index: index,
+        data: {
+          uid: groupId,
+          id: groupId,
+          field: 'divider',
+          fieldAliasName: 'Group',
+          _type: 'divider'
+        }
+      },
+      callback: handleChange
+    });
+  });
   var renderItemRight = useMemoizedFn(function (field) {
     return /*#__PURE__*/React.createElement("div", {
       key: field.uid,
@@ -181,7 +243,7 @@ var FieldsSetting = function FieldsSetting(_ref) {
       onChange: function onChange(e) {
         return handleAliasChange(field, e.target.value);
       }
-    }), /*#__PURE__*/React.createElement(Tooltip, {
+    }), field._type !== 'divider' && /*#__PURE__*/React.createElement(Tooltip, {
       title: formatMessage({
         id: 'luckda.lowcode.painter.edit',
         label: '编辑'
@@ -200,10 +262,18 @@ var FieldsSetting = function FieldsSetting(_ref) {
   });
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spin, {
     spinning: loading
-  }, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Checkbox, {
+    style: {
+      marginLeft: 20
+    },
+    disabled: drawerType === 'batch',
+    checked: checkAll,
+    indeterminate: checkedFields.size > 0 && checkedFields.size !== fields.length,
+    onChange: handleFieldCheckAll
+  }), /*#__PURE__*/React.createElement("div", {
     style: {
-      width: 116,
-      paddingLeft: 40
+      width: 80,
+      paddingLeft: 4
     }
   }, formatMessage({
     id: "".concat(_I18N_PREFIX_, ".field"),
@@ -217,8 +287,8 @@ var FieldsSetting = function FieldsSetting(_ref) {
     id: "".concat(_I18N_PREFIX_, ".title"),
     label: '标题'
   }))), /*#__PURE__*/React.createElement(SortBox, {
-    datas: fields.map(function (_ref4) {
-      var uid = _ref4.uid;
+    datas: fields.map(function (_ref5) {
+      var uid = _ref5.uid;
       return uid;
     }),
     onChange: handleSortChange
@@ -236,22 +306,29 @@ var FieldsSetting = function FieldsSetting(_ref) {
     addBtnProps: {
       disabled: drawerType === 'batch'
     }
-  }, fields.map(function (field) {
+  }, fields.map(function (field, index) {
     return /*#__PURE__*/React.createElement(SortItem, {
       key: field.uid,
       id: field.uid
     }, /*#__PURE__*/React.createElement(ListEditorItem, {
-      left: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, {
+      left: /*#__PURE__*/React.createElement(React.Fragment, null, field._type !== 'divider' ? /*#__PURE__*/React.createElement(Checkbox, {
         disabled: drawerType === 'batch',
         data: field,
+        checked: !!get(field.uid),
         onChange: handleFieldCheckChange
-      }), /*#__PURE__*/React.createElement(FieldKey, {
+      }) : null, /*#__PURE__*/React.createElement(FieldKey, {
         tooltip: true,
-        lines: 1
+        lines: 1,
+        style: field._type === 'divider' ? {
+          paddingLeft: 16
+        } : null
       }, field.field)),
       right: renderItemRight(field),
       item: field,
-      dispatch: dispatch
+      dispatch: dispatch,
+      onAddLine: component === 'form' ? function () {
+        return handleAddFormDivider(index);
+      } : false
     }));
   })))), !!drawerType ? /*#__PURE__*/React.createElement(Drawer, {
     visible: true,
@@ -280,29 +357,21 @@ var FieldsSetting = function FieldsSetting(_ref) {
     dispatch: dispatch,
     nodeId: nodeId,
     fieldData: fieldData,
-    dataModelKey: pageinfo.relationship.dataModelKey,
-    moduleId: pageinfo.relationship.moduleId,
+    dataModelKey: getLDMetaAttr('dataModelKey'),
+    moduleId: getLDMetaAttr('moduleId'),
     datasetId: datasetUid,
     component: component,
     onAliasChange: handleAliasChange,
-    onChange: function onChange(newFields) {
-      return _onChange(newFields.map(function (_fieldData) {
-        return pick(_fieldData, _PICK_KEYS_);
-      }));
-    }
+    onChange: handleChange
   }) : null, drawerType === 'batch' ? /*#__PURE__*/React.createElement(BatchSetting, {
     dispatch: dispatch,
     nodeId: nodeId,
     fieldsData: checkedFields,
-    dataModelKey: pageinfo.relationship.dataModelKey,
-    moduleId: pageinfo.relationship.moduleId,
+    dataModelKey: getLDMetaAttr('dataModelKey'),
+    moduleId: getLDMetaAttr('moduleId'),
     datasetId: datasetUid,
     component: component,
-    onChange: function onChange(newFields) {
-      return _onChange(newFields.map(function (_fieldData) {
-        return pick(_fieldData, _PICK_KEYS_);
-      }));
-    }
+    onChange: handleChange
   }) : null) : null);
 };
 export default FieldsSetting;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { useDebounceFn } from 'ahooks';
+import { Input } from 'luck-design/antd';
+var I18nInput = function I18nInput(_ref) {
+  var defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange,
+    size = _ref.size;
+  var _useDebounceFn = useDebounceFn(onChange, {
+      wait: 400
+    }),
+    run = _useDebounceFn.run;
+  return /*#__PURE__*/React.createElement(Input, {
+    defaultValue: defaultValue,
+    onChange: function onChange(e) {
+      return run(e.target.value);
+    },
+    size: size
+  });
+};
+export default I18nInput;