@luck-design-biz/luckda 0.0.24-2 → 0.0.25-1

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

@@ -0,0 +1,363 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import { useRequest, useSetState, useDebounceFn, useMemoizedFn } from 'ahooks';
+import { Modal } from 'luck-design/antd';
+import { formatMessage } from '@luck-design-biz/base/utils';
+import { dropWhile, startsWith } from 'lodash';
+import { useContext } from "../../../engine/provider/ContextProvider";
+import SettingUI from "./SettingUI";
+import { fetchUpdateUniqueField, fetchAttrs, fetchAddFieldAttrs, fetchUpdateFieldAttrs, fetchDelAttrs } from "../../../constants/api-url";
+import { FIELD_SCOPES } from "../../../constants";
+var _TRUE_FALSE_ = ['__TRUE__', '__FALSE__'];
+var FieldSetting = function FieldSetting(_ref) {
+  var dispatch = _ref.dispatch,
+    nodeId = _ref.nodeId,
+    fieldData = _ref.fieldData,
+    component = _ref.component,
+    datasetId = _ref.datasetId,
+    moduleId = _ref.moduleId,
+    dataModelKey = _ref.dataModelKey,
+    onAliasChange = _ref.onAliasChange,
+    onChange = _ref.onChange;
+  var ctx = useContext();
+  var _useSetState = useSetState({}),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+
+  // 默认值
+  var _useRequest = useRequest(fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: FIELD_SCOPES.DEFAULT_VALUE
+      }],
+      onSuccess: function onSuccess(_ref2) {
+        var code = _ref2.code,
+          list = _ref2.list,
+          detail = _ref2.detail;
+        if (code === 1) {
+          var _detail$list$;
+          setState({
+            fieldDefaultValue: (_detail$list$ = detail[list[0]]) === null || _detail$list$ === void 0 ? void 0 : _detail$list$.ccmModuleFieldDefaultvalue
+          });
+        }
+      }
+    }),
+    defaultValueLoading = _useRequest.loading,
+    defaultValueRefresh = _useRequest.refresh;
+  // 必填
+  var _useRequest2 = useRequest(fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: FIELD_SCOPES.FIELD_REQUIRED
+      }],
+      onSuccess: function onSuccess(_ref3) {
+        var code = _ref3.code,
+          list = _ref3.list,
+          detail = _ref3.detail;
+        if (code === 1) {
+          var _detail$list$2;
+          setState({
+            fieldRequired: (_detail$list$2 = detail[list[0]]) === null || _detail$list$2 === void 0 || (_detail$list$2 = _detail$list$2.ccmOnoffConditions) === null || _detail$list$2 === void 0 ? void 0 : _detail$list$2[0]
+          });
+        }
+      }
+    }),
+    requiredLoading = _useRequest2.loading,
+    requiredRefresh = _useRequest2.refresh;
+  // 是否可写
+  var _useRequest3 = useRequest(fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: FIELD_SCOPES.FIELD_WRITABLE
+      }],
+      onSuccess: function onSuccess(_ref4) {
+        var code = _ref4.code,
+          list = _ref4.list,
+          detail = _ref4.detail;
+        if (code === 1) {
+          var _detail$list$3;
+          setState({
+            fieldWritable: (_detail$list$3 = detail[list[0]]) === null || _detail$list$3 === void 0 || (_detail$list$3 = _detail$list$3.ccmOnoffConditions) === null || _detail$list$3 === void 0 ? void 0 : _detail$list$3[0]
+          });
+        }
+      }
+    }),
+    writableLoading = _useRequest3.loading,
+    writableRefresh = _useRequest3.refresh;
+  // 是否只读
+  var _useRequest4 = useRequest(fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: FIELD_SCOPES.FIELD_READONLY
+      }],
+      onSuccess: function onSuccess(_ref5) {
+        var code = _ref5.code,
+          list = _ref5.list,
+          detail = _ref5.detail;
+        if (code === 1) {
+          var _detail$list$4;
+          setState({
+            fieldReadonly: (_detail$list$4 = detail[list[0]]) === null || _detail$list$4 === void 0 || (_detail$list$4 = _detail$list$4.ccmOnoffConditions) === null || _detail$list$4 === void 0 ? void 0 : _detail$list$4[0]
+          });
+        }
+      }
+    }),
+    readonlyLoading = _useRequest4.loading,
+    readonlyRefresh = _useRequest4.refresh;
+  // 表格显示
+  var _useRequest5 = useRequest(fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: FIELD_SCOPES.FIELD_TABLE_DISPLAY
+      }],
+      onSuccess: function onSuccess(_ref6) {
+        var code = _ref6.code,
+          list = _ref6.list,
+          detail = _ref6.detail;
+        if (code === 1) {
+          var _detail$list$5;
+          setState({
+            fieldTable: (_detail$list$5 = detail[list[0]]) === null || _detail$list$5 === void 0 || (_detail$list$5 = _detail$list$5.ccmOnoffConditions) === null || _detail$list$5 === void 0 ? void 0 : _detail$list$5[0]
+          });
+        }
+      }
+    }),
+    tableLoading = _useRequest5.loading,
+    tableRefresh = _useRequest5.refresh;
+  // 表单显示
+  var _useRequest6 = useRequest(fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: FIELD_SCOPES.FIELD_FORM_DISPLAY
+      }],
+      onSuccess: function onSuccess(_ref7) {
+        var code = _ref7.code,
+          list = _ref7.list,
+          detail = _ref7.detail;
+        if (code === 1) {
+          var _detail$list$6;
+          setState({
+            fieldForm: (_detail$list$6 = detail[list[0]]) === null || _detail$list$6 === void 0 || (_detail$list$6 = _detail$list$6.ccmOnoffConditions) === null || _detail$list$6 === void 0 ? void 0 : _detail$list$6[0]
+          });
+        }
+      }
+    }),
+    formLoading = _useRequest6.loading,
+    formRefresh = _useRequest6.refresh;
+  var _useRequest7 = useRequest(fetchUpdateUniqueField, {
+      manual: true
+    }),
+    runFetchUpdateUniqueField = _useRequest7.runAsync;
+  var handleUIChange = useMemoizedFn(function (key, val) {
+    dispatch({
+      type: 'edit',
+      payload: {
+        id: fieldData.uid,
+        data: _defineProperty({}, key, val)
+      },
+      callback: function callback(newFields) {
+        if (component === 'table') {
+          var gridApi = ctx.componentMap.get(nodeId).api.self.ref.current.gridApi;
+          var col = gridApi.columnApi.getColumn(fieldData.field);
+          if ('headerAlign' === key) {
+            var _headerClassFunc = col.colDef.headerClass;
+            col.colDef.headerClass = function (params) {
+              var classes = _headerClassFunc(params);
+              var temp = dropWhile(classes, function (c) {
+                return startsWith(c, 'luck-header-label-');
+              });
+              temp.push("luck-header-label-".concat(val));
+              return temp;
+            };
+            gridApi.api.refreshHeader();
+          } else if ('align' === key) {
+            var _cellStyleFunc = col.colDef.cellStyle;
+            col.colDef.cellStyle = function (params) {
+              var cellStyle = _cellStyleFunc(params);
+              if ('center' === val) {
+                cellStyle.justifyContent = 'center';
+                cellStyle.textAlign = 'center';
+              } else if ('right' === val) {
+                cellStyle.justifyContent = 'flex-end';
+                cellStyle.textAlign = 'end';
+              } else if ('left' === val) {
+                cellStyle.justifyContent = 'flex-start';
+                cellStyle.textAlign = 'start';
+              }
+              return cellStyle;
+            };
+            gridApi.api.refreshCells({
+              columns: [fieldData.field],
+              force: true
+            });
+          }
+        }
+        onChange(newFields);
+      }
+    });
+  });
+  var _useDebounceFn = useDebounceFn(function (key, val) {
+      if (key === 'width') {
+        handleUIChange(key, val);
+      }
+    }, {
+      wait: 400
+    }),
+    runDebounce = _useDebounceFn.run;
+  var run = useMemoizedFn( /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(key, val) {
+      var mapping, _stateItem, request, c, d, _yield$request, code;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(key === 'isEqual')) {
+              _context2.next = 5;
+              break;
+            }
+            _context2.next = 3;
+            return runFetchUpdateUniqueField(_defineProperty({
+              moduleDatasetUid: datasetId,
+              moduleUid: moduleId
+            }, val ? 'uniqueFieldUid' : 'noUniqueFieldUid', fieldData.uid));
+          case 3:
+            _context2.next = 26;
+            break;
+          case 5:
+            if (!(key === 'align' || key === 'headerAlign' || key === 'pinned' || key === 'tip')) {
+              _context2.next = 9;
+              break;
+            }
+            handleUIChange(key, val);
+            _context2.next = 26;
+            break;
+          case 9:
+            if (!(key === 'delRule')) {
+              _context2.next = 13;
+              break;
+            }
+            Modal.confirm({
+              title: formatMessage({
+                id: 'luckda.lowcode.painter.delete.tip',
+                label: '确定删除吗？'
+              }),
+              getContainer: function getContainer() {
+                return document.getElementById('lc-design-workspace');
+              },
+              zIndex: 1001,
+              onOk: function () {
+                var _onOk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+                  var _yield$fetchDelAttrs, code;
+                  return _regeneratorRuntime().wrap(function _callee$(_context) {
+                    while (1) switch (_context.prev = _context.next) {
+                      case 0:
+                        _context.next = 2;
+                        return fetchDelAttrs({
+                          moduleDatasetUid: fieldData.datasetFieldUid,
+                          ccmModuleFieldVerifies: [{
+                            uid: val
+                          }],
+                          scope: 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;
+            break;
+          case 13:
+            mapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FIELD_SCOPES.FIELD_REQUIRED, {
+              key: 'fieldRequired',
+              refresh: requiredRefresh
+            }), FIELD_SCOPES.FIELD_WRITABLE, {
+              key: 'fieldWritable',
+              refresh: writableRefresh
+            }), FIELD_SCOPES.FIELD_READONLY, {
+              key: 'fieldReadonly',
+              refresh: readonlyRefresh
+            }), FIELD_SCOPES.FIELD_TABLE_DISPLAY, {
+              key: 'fieldTable',
+              refresh: tableRefresh
+            }), FIELD_SCOPES.FIELD_FORM_DISPLAY, {
+              key: 'fieldForm',
+              refresh: formRefresh
+            });
+            _stateItem = state[mapping[key].key];
+            request = !!_stateItem ? fetchUpdateFieldAttrs : fetchAddFieldAttrs;
+            setState(_defineProperty({}, mapping[key].key, val));
+            c = {
+              conditionType: val ? _TRUE_FALSE_[0] : _TRUE_FALSE_[1],
+              config: val ? '是' : '否',
+              showconfig: val ? '是' : '否'
+            };
+            if (_stateItem) c.uid = _stateItem.uid;
+            d = {
+              dataModelKey: dataModelKey,
+              moduleDatasetUid: datasetId,
+              moduleUid: moduleId,
+              scope: key,
+              ccmOnoffConditions: [c]
+            };
+            if (!_stateItem) {
+              d.datasetBusinessUids = [fieldData.uid];
+            }
+            _context2.next = 23;
+            return request(d);
+          case 23:
+            _yield$request = _context2.sent;
+            code = _yield$request.code;
+            if (code === 1) {
+              mapping[key].refresh();
+            }
+          case 26:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x, _x2) {
+      return _ref8.apply(this, arguments);
+    };
+  }());
+  var handleFieldAttrsModalClose = useMemoizedFn(function (scope, success) {
+    if (success) {
+      FIELD_SCOPES.DEFAULT_VALUE === scope && defaultValueRefresh();
+      FIELD_SCOPES.FIELD_REQUIRED === scope && requiredRefresh();
+      FIELD_SCOPES.FIELD_WRITABLE === scope && writableRefresh();
+      FIELD_SCOPES.FIELD_READONLY === scope && readonlyRefresh();
+      FIELD_SCOPES.FIELD_TABLE_DISPLAY === scope && tableRefresh();
+      FIELD_SCOPES.FIELD_FORM_DISPLAY === scope && formRefresh();
+    }
+  });
+  return /*#__PURE__*/React.createElement(SettingUI, {
+    loading: defaultValueLoading || requiredLoading || writableLoading || readonlyLoading || tableLoading || formLoading,
+    data: fieldData,
+    conditionsValue: state,
+    dataModelKey: dataModelKey,
+    datasetId: datasetId,
+    moduleId: moduleId,
+    component: component,
+    runDebounce: runDebounce,
+    run: run,
+    onAliasChange: onAliasChange,
+    onFieldAttrsModalClose: handleFieldAttrsModalClose
+  });
+};
+export default FieldSetting;

package/es/lowcode/painter/index.js

@@ -10,6 +10,8 @@ import Design from "./Design";
 import Panel from "./Panel";
 import { RUNTIME } from "../constants/index";
 import styles from "./style/index.less";
+import { DndContext } from '@dnd-kit/core';
+import DragDropContext from "./components/DragDrop/DragDropContext";
 var Painter = function Painter(_ref) {
   var className = _ref.className,
     code = _ref.code;
@@ -44,6 +46,6 @@ var Painter = function Painter(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     id: "lc-design-workspace",
     className: classNames(styles['lc-painter'], _defineProperty({}, className, !!className))
-  }, /*#__PURE__*/React.createElement(Ribbon, null), /*#__PURE__*/React.createElement(Design, null), /*#__PURE__*/React.createElement(Panel, null))));
+  }, /*#__PURE__*/React.createElement(DragDropContext, null, /*#__PURE__*/React.createElement(Ribbon, null), /*#__PURE__*/React.createElement(Design, null), /*#__PURE__*/React.createElement(Panel, null)))));
 };
 export default Painter;

package/es/lowcode/painter/panel-section/ActionsEditor/ActionEditor.js

@@ -0,0 +1,101 @@
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import { Input, Segmented } from 'luck-design/antd';
+import { cloneDeep } from 'lodash';
+import { PopForm, PopFormItem, PopFormItemLeft, PopFormItemRight } from "../../components/PopForm";
+import SerialsSelector from "../SerialsSelector";
+import { formatMessage } from '@luck-design-biz/base/utils';
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionEditor';
+var _SERIAL_EFFECT_OPTIONS_ = [{
+  label: formatMessage({
+    id: 'luckda.lowcode.painter.hidden',
+    label: '隐藏'
+  }),
+  value: 'hidden'
+}, {
+  label: formatMessage({
+    id: 'luckda.lowcode.painter.disable',
+    label: '禁用'
+  }),
+  value: 'disable'
+}];
+var _RISK_LEVEL_OPTIONS_ = [{
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".default"),
+    label: '一般'
+  }),
+  value: 'default'
+}, {
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".primary"),
+    label: '重要'
+  }),
+  value: 'primary'
+}, {
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".danger"),
+    label: '危险'
+  }),
+  value: 'danger'
+}, {
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".destroy"),
+    label: '毁灭'
+  }),
+  value: 'destroy'
+}];
+var ActionEditor = function ActionEditor(_ref) {
+  var action = _ref.action,
+    onChange = _ref.onChange,
+    suppressName = _ref.suppressName,
+    suppressRiskLevel = _ref.suppressRiskLevel;
+  var valueRef = useRef(cloneDeep(action));
+  var handleChange = useMemoizedFn(function (field, value) {
+    valueRef.current[field] = value;
+    onChange(valueRef.current);
+  });
+  return /*#__PURE__*/React.createElement(PopForm, null, !suppressName && /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".name"),
+    label: '名称'
+  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Input, {
+    size: "small",
+    defaultValue: action.name,
+    onChange: function onChange(e) {
+      return handleChange('name', e.target.value);
+    },
+    placeholder: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".name.placeholder"),
+      label: '请输入行为名称'
+    })
+  }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".serial"),
+    label: '资源串'
+  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(SerialsSelector, {
+    size: "small",
+    defaultValue: action.serial,
+    onChange: function onChange(val) {
+      return handleChange('serial', val);
+    }
+  }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".serialEffect"),
+    label: '越权效果'
+  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Segmented, {
+    size: "small",
+    options: _SERIAL_EFFECT_OPTIONS_,
+    value: action.serialEffect,
+    onChange: function onChange(value) {
+      return handleChange('serialEffect', value);
+    }
+  }))), !suppressRiskLevel && /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".riskLevel"),
+    label: '风险等级'
+  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Segmented, {
+    size: "small",
+    options: _RISK_LEVEL_OPTIONS_,
+    value: action.riskLevel,
+    onChange: function onChange(value) {
+      return handleChange('riskLevel', value);
+    }
+  }))));
+};
+export default ActionEditor;

package/es/lowcode/painter/{components/actions-editor → panel-section/ActionsEditor}/index.js

@@ -1,13 +1,15 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useRef, useReducer } from 'react';
+import React, { useRef, useReducer, useState } from 'react';
 import { useMemoizedFn } from 'ahooks';
-import { Tooltip, Icon, Segmented, InputNumber } from 'luck-design/antd';
-import { cloneDeep } from 'lodash';
+import { Tooltip, Icon, Segmented, InputNumber, Input } from 'luck-design/antd';
+import { cloneDeep, omit } from 'lodash';
 import ActionEditor from "./ActionEditor";
-import PanelItem from "../PanelItem";
+import PanelItem from "../../components/PanelItem";
 import { SortBox, SortItem } from "../../components/SortBox";
 import { ListEditor, ListEditorItem } from "../../components/ListEditor";
 import PopConfirm from "../../components/PopConfirm";
+import ActionBindModal from "../../components/ActionBindModal";
 import { formatMessage, suid } from '@luck-design-biz/base/utils';
 import { listReducer } from "../../../engine/tools/helper";
 import styles from "../../style/actions-editor.less";
@@ -27,12 +29,20 @@ var _DISPLAY_OPTIONS_ = [{
 }];
 var ActionsEditor = function ActionsEditor(_ref) {
   var defaultValue = _ref.defaultValue,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    suppressDisplay = _ref.suppressDisplay,
+    suppressMax = _ref.suppressMax,
+    suppressMore = _ref.suppressMore,
+    defaultCode = _ref.defaultCode;
   var valueRef = useRef(cloneDeep(defaultValue));
   var _useReducer = useReducer(listReducer, defaultValue.todoList || []),
     _useReducer2 = _slicedToArray(_useReducer, 2),
     todoList = _useReducer2[0],
     dispatch = _useReducer2[1];
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    action = _useState2[0],
+    setAction = _useState2[1];
   var handleAdd = useMemoizedFn(function () {
     dispatch({
       type: 'add',
@@ -42,12 +52,21 @@ var ActionsEditor = function ActionsEditor(_ref) {
         serial: void 0,
         serialEffect: 'hidden',
         riskLevel: 'default',
-        actionPool: [],
-        actionCode: void 0
+        actionPool: []
       },
       callback: function callback(newActions) {
         valueRef.current.todoList = newActions;
-        onChange(valueRef.current);
+        onChange(cloneDeep(valueRef.current));
+      }
+    });
+  });
+  var handleDelete = useMemoizedFn(function (action) {
+    dispatch({
+      type: 'delete',
+      payload: action.id,
+      callback: function callback(newActions) {
+        valueRef.current.todoList = newActions;
+        onChange(cloneDeep(valueRef.current));
       }
     });
   });
@@ -57,7 +76,7 @@ var ActionsEditor = function ActionsEditor(_ref) {
       payload: sortItems,
       callback: function callback(newActions) {
         valueRef.current.todoList = newActions;
-        onChange(valueRef.current);
+        onChange(cloneDeep(valueRef.current));
       }
     });
   });
@@ -76,7 +95,7 @@ var ActionsEditor = function ActionsEditor(_ref) {
     } else {
       valueRef.current[field] = value;
     }
-    onChange(valueRef.current);
+    onChange(cloneDeep(valueRef.current));
   });
   var renderItemRight = useMemoizedFn(function (action) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
@@ -99,6 +118,22 @@ var ActionsEditor = function ActionsEditor(_ref) {
         cursor: 'pointer'
       }
     }))), /*#__PURE__*/React.createElement(Tooltip, {
+      title: formatMessage({
+        id: 'luckda.lowcode.painter.bindAction',
+        label: '绑定动作'
+      })
+    }, /*#__PURE__*/React.createElement(Icon, {
+      type: "paper-clip",
+      style: {
+        marginRight: '8px',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return setAction(_objectSpread({
+          key: action.id
+        }, action));
+      }
+    })), /*#__PURE__*/React.createElement(Tooltip, {
       title: formatMessage({
         id: 'luckda.lowcode.painter.delete',
         label: '删除'
@@ -108,6 +143,9 @@ var ActionsEditor = function ActionsEditor(_ref) {
       style: {
         marginRight: '8px',
         cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return handleDelete(action);
       }
     })));
   });
@@ -118,7 +156,7 @@ var ActionsEditor = function ActionsEditor(_ref) {
       width: '100%',
       padding: '0 16px'
     }
-  }, /*#__PURE__*/React.createElement(PanelItem, {
+  }, !suppressDisplay && /*#__PURE__*/React.createElement(PanelItem, {
     suppressPadding: true,
     label: formatMessage({
       id: "".concat(_I18N_PREFIX_, ".display"),
@@ -131,7 +169,7 @@ var ActionsEditor = function ActionsEditor(_ref) {
     onChange: function onChange(value) {
       return handleValueChange('display', value);
     }
-  })), /*#__PURE__*/React.createElement(PanelItem, {
+  })), !suppressMax && /*#__PURE__*/React.createElement(PanelItem, {
     suppressPadding: true,
     label: formatMessage({
       id: "".concat(_I18N_PREFIX_, ".max"),
@@ -143,6 +181,18 @@ var ActionsEditor = function ActionsEditor(_ref) {
     onChange: function onChange(value) {
       return handleValueChange('max', value);
     }
+  })), !suppressMore && /*#__PURE__*/React.createElement(PanelItem, {
+    suppressPadding: true,
+    label: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".moreText"),
+      label: '更多显示文字'
+    })
+  }, /*#__PURE__*/React.createElement(Input, {
+    size: "small",
+    defaultValue: defaultValue.moreText,
+    onChange: function onChange(e) {
+      return handleValueChange('moreText', e.target.value);
+    }
   })), /*#__PURE__*/React.createElement(SortBox, {
     datas: todoList.map(function (_ref2) {
       var id = _ref2.id;
@@ -165,6 +215,17 @@ var ActionsEditor = function ActionsEditor(_ref) {
       item: action,
       dispatch: dispatch
     }));
-  })))));
+  })))), /*#__PURE__*/React.createElement(ActionBindModal, {
+    event: action,
+    defaultCode: defaultCode,
+    onComfirm: function onComfirm(actionPool) {
+      return handleValueChange('action', _objectSpread(_objectSpread({}, omit(action, ['key'])), {}, {
+        actionPool: actionPool
+      }));
+    },
+    onClose: function onClose() {
+      return setAction(null);
+    }
+  }));
 };
 export default ActionsEditor;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { useMemoizedFn } from 'ahooks';
+import { Icon } from 'luck-design/antd';
+var BlockEditor = function BlockEditor(_ref) {
+  var blockName = _ref.blockName,
+    next = _ref.next;
+  var handleClick = useMemoizedFn(function (e) {
+    e.stopPropagation();
+    next();
+  });
+  return /*#__PURE__*/React.createElement("span", {
+    onClick: handleClick,
+    style: {
+      color: 'var(--ant-primary-color)',
+      cursor: 'pointer'
+    }
+  }, blockName, /*#__PURE__*/React.createElement(Icon, {
+    type: "setting",
+    style: {
+      marginLeft: 4
+    }
+  }));
+};
+export default BlockEditor;