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

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

@@ -12,18 +12,32 @@ var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helper
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = _interopRequireWildcard3(require("react"));
 var _BaseEditor = _interopRequireDefault(require("./BaseEditor"));
 var monaco = _interopRequireWildcard3(require("monaco-editor"));
+var _lodash = require("lodash");
 var _excluded = ["children"];
+function capitalizeFirstLetter(string) {
+  if ((0, _lodash.isNil)(string)) return null;
+  if (string.length === 0) {
+    return ''; // 如果字符串为空，返回空字符串
+  }
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}
 var _provideCompletionItems = function provideCompletionItems(monaco, model, position, module) {
   var textUntilPosition = model.getValueInRange({
-    startLineNumber: position.lineNumber,
+    startLineNumber: 1,
     startColumn: 1,
     endLineNumber: position.lineNumber,
     endColumn: position.column
   });
-  if (textUntilPosition.endsWith(module.triggerWord + '.')) {
+
+  // 正则表达式匹配以 triggerWord 开头的任何单词
+  var pattern = new RegExp('\\b' + module.triggerWord + '[\\w.]*', 'i');
+  var match = textUntilPosition.match(pattern);
+  // console.log('match',match)
+  if (match) {
     var word = model.getWordUntilPosition(position);
     var range = {
       startLineNumber: position.lineNumber,
@@ -31,14 +45,10 @@ var _provideCompletionItems = function provideCompletionItems(monaco, model, pos
       startColumn: word.startColumn,
       endColumn: word.endColumn
     };
-
-    // 从模块中调用 completions 函数获取补全项数组
-    // 并动态转换 kind 字段
     return module.completions.map(function (completion) {
-      return Object.assign({}, completion, {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, completion), {}, {
         range: range,
-        // 动态转换 kind 字段
-        kind: monaco.languages.CompletionItemKind[completion.kind]
+        kind: monaco.languages.CompletionItemKind[capitalizeFirstLetter(completion.kind)]
       });
     });
   }
@@ -56,7 +66,8 @@ var setupAutocomplete = /*#__PURE__*/function () {
           });
         case 2:
           autoCompleteModules = _context.sent;
-          console.log('autoCompleteModules', autoCompleteModules);
+          // console.log('autoCompleteModules', autoCompleteModules);
+
           monaco.languages.registerCompletionItemProvider('javascript', (0, _defineProperty2.default)({
             triggerCharacters: ['.'],
             provideCompletionItems: function provideCompletionItems(model, position) {
@@ -72,7 +83,7 @@ var setupAutocomplete = /*#__PURE__*/function () {
               };
             }
           }, "triggerCharacters", ['.']));
-        case 5:
+        case 4:
         case "end":
           return _context.stop();
       }
@@ -82,6 +93,28 @@ var setupAutocomplete = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
+
+/**
+ * JSEditor 组件是一个专为 JavaScript 编辑设计的 React 组件，它基于 BaseEditor 组件构建，并集成了自动完成功能。
+ * 该组件利用 monaco-editor 提供的 API，通过 setupAutocomplete 函数设置自动完成项，从而增强代码编辑体验。
+ * 自动完成逻辑包括从预定义的自动完成模块中加载补全项，以及在编辑器中键入特定字符（如"."）时触发补全建议。
+ *
+ * @component
+ * @example
+ * <JSEditor
+ *   language="javascript"
+ *   options={{ fontSize: 14 }}
+ * >
+ *   {`function sayHello() {\n  console.log('Hello, World!');\n}`}
+ * </JSEditor>
+ *
+ * @param {Object} props - 组件的属性。
+ * @param {React.ReactNode} children - 传递给 BaseEditor 的 children，通常是初始代码或内容。
+ * @param {Object} rest - 传递给 BaseEditor 组件的其他属性。
+ * @param {React.Ref} ref - React ref 引用，用于在外部组件中访问 BaseEditor 实例的方法。
+ *
+ * @returns {ReactElement} 返回一个 React 元素，其中包含了一个具有自动完成功能的 JavaScript 编辑器实例。
+ */
 var JSEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var children = _ref2.children,
     rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
@@ -90,6 +123,6 @@ var JSEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   }, []);
   return /*#__PURE__*/_react.default.createElement(_BaseEditor.default, (0, _extends2.default)({
     ref: ref
-  }, rest));
+  }, rest), children);
 });
 var _default = exports.default = /*#__PURE__*/_react.default.memo(JSEditor);

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

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").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 = _interopRequireWildcard(require("react"));
+var _BaseEditor = _interopRequireDefault(require("./BaseEditor"));
+var _excluded = ["children"];
+/**
+ * JsonEditor 组件是一个专门用于编辑 CSS 代码的 React 组件，它基于 BaseEditor 组件构建。
+ * 该组件通过将 language 属性固定设置为 "css"，确保编辑器环境专门用于 CSS 代码编辑。
+ * 用户可以传入 CSS 代码作为 children，并通过其他 props 控制 BaseEditor 提供的额外功能。
+ *
+ * @component
+ * @example
+ * const handleCssChange = (newCss, event) => {
+ *   console.log('CSS changed: ', newCss);
+ * };
+ * <JsonEditor
+ *   onChange={handleCssChange}
+ *   isFullscreen={false}
+ *   width="600px"
+ *   height="400px"
+ * >
+ *   {`body { margin: 0; font-family: Arial, sans-serif; }`}
+ * </JsonEditor>
+ *
+ * @param {Object} props - 组件的属性。
+ * @param {React.ReactNode} children - 子组件，通常是编辑器的初始 CSS 代码。
+ * @param {Object} rest - 传递给 BaseEditor 组件的其他属性。
+ * @param {React.Ref} ref - React ref 引用，用于外部组件调用编辑器实例的方法。
+ *
+ * @returns {ReactElement} 返回一个 React 元素，该元素内部是一个专门用于 CSS 编辑的 BaseEditor 组件实例。
+ */
+var JsonEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_BaseEditor.default, (0, _extends2.default)({
+    ref: ref,
+    language: "json"
+  }, rest), children);
+});
+var _default = exports.default = /*#__PURE__*/_react.default.memo(JsonEditor);

package/lib/lowcode/painter/index.js

@@ -20,7 +20,8 @@ var _index2 = _interopRequireDefault(require("./style/index.less"));
 // import { formatMessage } from '@luck-design-biz/base/utils';
 
 var Painter = function Painter(_ref) {
-  var className = _ref.className;
+  var className = _ref.className,
+    code = _ref.code;
   // 修改后刷新提示功能，暂时关掉，等待提供数据对比进行判断
   // useEffect(() => {
   //   const handleBeforeUnload = (event) => {
@@ -47,7 +48,10 @@ var Painter = function Painter(_ref) {
 
   return /*#__PURE__*/_react.default.createElement(_EventBusProvider.default, {
     runtime: _index.RUNTIME.DESIGN
-  }, /*#__PURE__*/_react.default.createElement(_ContextProvider.default, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_ContextProvider.default, {
+    code: code
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: "lc-design-workspace",
     className: (0, _classnames.default)(_index2.default['lc-painter'], (0, _defineProperty2.default)({}, className, !!className))
   }, /*#__PURE__*/_react.default.createElement(_Ribbon.default, null), /*#__PURE__*/_react.default.createElement(_Design.default, null), /*#__PURE__*/_react.default.createElement(_Panel.default, null))));
 };

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

@@ -0,0 +1,162 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _lodash = require("lodash");
+var _PopConfirm = _interopRequireDefault(require("../../components/PopConfirm"));
+var _PopForm = require("../../components/PopForm");
+var _JSEditor = _interopRequireDefault(require("../../components/code-editor/JSEditor"));
+var _FullScreenEditor = _interopRequireDefault(require("../../components/code-editor/FullScreenEditor"));
+var _utils = require("@luck-design-biz/base/utils");
+var _actionsEditor = _interopRequireDefault(require("../../style/actions-editor.less"));
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionEditor';
+var _SERIAL_EFFECT_OPTIONS_ = [{
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".hidden"),
+    label: '隐藏'
+  }),
+  value: 'hidden'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".disable"),
+    label: '禁用'
+  }),
+  value: 'disable'
+}];
+var _RISK_LEVEL_OPTIONS_ = [{
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".default"),
+    label: '一般'
+  }),
+  value: 'default'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".primary"),
+    label: '重要'
+  }),
+  value: 'primary'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".danger"),
+    label: '危险'
+  }),
+  value: 'danger'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".destroy"),
+    label: '毁灭'
+  }),
+  value: 'destroy'
+}];
+var _DEFAULT_CODE_ = 'function todo(ctx) {}';
+var ActionEditor = function ActionEditor(_ref) {
+  var action = _ref.action,
+    onChange = _ref.onChange;
+  var editorRef = (0, _react.useRef)();
+  var valueRef = (0, _react.useRef)((0, _lodash.cloneDeep)(action));
+  var handleCodeChange = (0, _react.useRef)((0, _lodash.debounce)(function (code) {
+    valueRef.current.actionCode = code;
+    onChange(valueRef.current);
+  }, 400));
+  var handleChange = (0, _ahooks.useMemoizedFn)(function (field, value) {
+    valueRef.current[field] = value;
+    onChange(valueRef.current);
+  });
+  var handleEditorLoad = (0, _ahooks.useMemoizedFn)(function () {
+    editorRef.current.editor.setValue(action.actionCode || _DEFAULT_CODE_);
+  });
+  return /*#__PURE__*/_react.default.createElement(_PopForm.PopForm, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".name"),
+    label: '名称'
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    size: "small",
+    defaultValue: action.name,
+    onChange: function onChange(e) {
+      return handleChange('name', e.target.value);
+    },
+    placeholder: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".name.placeholder"),
+      label: '请输入行为名称'
+    })
+  }))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".serial"),
+    label: '资源串'
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    size: "small",
+    defaultValue: action.serial,
+    onChange: function onChange(e) {
+      return handleChange('serial', e.target.value);
+    },
+    placeholder: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".serial.placeholder"),
+      label: '请输入行为名称'
+    })
+  }))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".serialEffect"),
+    label: '越权效果'
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Segmented, {
+    size: "small",
+    options: _SERIAL_EFFECT_OPTIONS_,
+    value: action.serialEffect,
+    onChange: function onChange(value) {
+      return handleChange('serialEffect', value);
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".serialEffect"),
+    label: '风险等级'
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Segmented, {
+    size: "small",
+    options: _RISK_LEVEL_OPTIONS_,
+    value: action.riskLevel,
+    onChange: function onChange(value) {
+      return handleChange('riskLevel', value);
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".actionPool"),
+    label: '行为池'
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    size: "small",
+    mode: "multiple",
+    className: _actionsEditor.default['action-pool-selector'],
+    defaultValue: action.actionPool,
+    onChange: function onChange(value) {
+      return handleChange('actionPool', value);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: "jack"
+  }, "Jack"), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: "lucy"
+  }, "Lucy"), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: "yiminghe"
+  }, "Yiminghe")), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.painter.coder',
+      label: '编码器'
+    })
+  }, /*#__PURE__*/_react.default.createElement(_PopConfirm.default, {
+    placement: "top",
+    title: /*#__PURE__*/_react.default.createElement(_FullScreenEditor.default, {
+      ref: editorRef,
+      EditorComponent: _JSEditor.default,
+      width: "640px",
+      height: "300px",
+      onChange: handleCodeChange.current,
+      onLoad: handleEditorLoad
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+    type: "code",
+    className: _actionsEditor.default['action-pool-coder']
+  }))))));
+};
+var _default = exports.default = ActionEditor;

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

@@ -0,0 +1,206 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _lodash = require("lodash");
+var _ActionEditor = _interopRequireDefault(require("./ActionEditor"));
+var _PanelItem = _interopRequireDefault(require("../../components/PanelItem"));
+var _SortBox = require("../../components/SortBox");
+var _ListEditor = require("../../components/ListEditor");
+var _PopConfirm = _interopRequireDefault(require("../../components/PopConfirm"));
+var _utils = require("@luck-design-biz/base/utils");
+var _helper = require("../../../engine/tools/helper");
+var _actionsEditor = _interopRequireDefault(require("../../style/actions-editor.less"));
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionsEditor';
+var _DISPLAY_OPTIONS_ = [{
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".button"),
+    label: '按钮'
+  }),
+  value: 'button'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".text"),
+    label: '文本'
+  }),
+  value: 'text'
+}];
+var ActionsEditor = function ActionsEditor(_ref) {
+  var defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange,
+    suppressDisplay = _ref.suppressDisplay,
+    suppressMax = _ref.suppressMax,
+    suppressMore = _ref.suppressMore;
+  var valueRef = (0, _react.useRef)((0, _lodash.cloneDeep)(defaultValue));
+  var _useReducer = (0, _react.useReducer)(_helper.listReducer, defaultValue.todoList || []),
+    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+    todoList = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  var handleAdd = (0, _ahooks.useMemoizedFn)(function () {
+    dispatch({
+      type: 'add',
+      payload: {
+        id: (0, _utils.suid)(),
+        name: "\u64CD\u4F5C".concat(todoList.length + 1),
+        serial: void 0,
+        serialEffect: 'hidden',
+        riskLevel: 'default',
+        actionPool: [],
+        actionCode: void 0
+      },
+      callback: function callback(newActions) {
+        valueRef.current.todoList = newActions;
+        onChange((0, _lodash.cloneDeep)(valueRef.current));
+      }
+    });
+  });
+  var handleDelete = (0, _ahooks.useMemoizedFn)(function (action) {
+    dispatch({
+      type: 'delete',
+      payload: action.id,
+      callback: function callback(newActions) {
+        valueRef.current.todoList = newActions;
+        onChange((0, _lodash.cloneDeep)(valueRef.current));
+      }
+    });
+  });
+  var handleSortChange = (0, _ahooks.useMemoizedFn)(function (sortItems) {
+    dispatch({
+      type: 'sort',
+      payload: sortItems,
+      callback: function callback(newActions) {
+        valueRef.current.todoList = newActions;
+        onChange((0, _lodash.cloneDeep)(valueRef.current));
+      }
+    });
+  });
+  var handleValueChange = (0, _ahooks.useMemoizedFn)(function (field, value) {
+    if (field === 'action') {
+      dispatch({
+        type: 'edit',
+        payload: {
+          id: value.id,
+          data: value
+        },
+        callback: function callback(newActions) {
+          valueRef.current.todoList = newActions;
+        }
+      });
+    } else {
+      valueRef.current[field] = value;
+    }
+    onChange((0, _lodash.cloneDeep)(valueRef.current));
+  });
+  var renderItemRight = (0, _ahooks.useMemoizedFn)(function (action) {
+    return /*#__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(_PopConfirm.default, {
+      placement: "left",
+      title: /*#__PURE__*/_react.default.createElement(_ActionEditor.default, {
+        action: action,
+        onChange: function onChange(value) {
+          return handleValueChange('action', value);
+        }
+      })
+    }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+      type: "edit",
+      style: {
+        marginRight: '8px',
+        cursor: 'pointer'
+      }
+    }))), /*#__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: {
+        marginRight: '8px',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return handleDelete(action);
+      }
+    })));
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _actionsEditor.default['lc-painter-panel-section-components-actionsEditor']
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '100%',
+      padding: '0 16px'
+    }
+  }, !suppressDisplay && /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
+    suppressPadding: true,
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".display"),
+      label: '展现形式'
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Segmented, {
+    size: "small",
+    options: _DISPLAY_OPTIONS_,
+    defaultValue: defaultValue.display,
+    onChange: function onChange(value) {
+      return handleValueChange('display', value);
+    }
+  })), !suppressMax && /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
+    suppressPadding: true,
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".max"),
+      label: '最大显示数'
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.InputNumber, {
+    size: "small",
+    defaultValue: defaultValue.max,
+    onChange: function onChange(value) {
+      return handleValueChange('max', value);
+    }
+  })), !suppressMore && /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
+    suppressPadding: true,
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".moreText"),
+      label: '更多显示文字'
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    size: "small",
+    defaultValue: defaultValue.moreText,
+    onChange: function onChange(e) {
+      return handleValueChange('moreText', e.target.value);
+    }
+  })), /*#__PURE__*/_react.default.createElement(_SortBox.SortBox, {
+    datas: todoList.map(function (_ref2) {
+      var id = _ref2.id;
+      return id;
+    }),
+    onChange: handleSortChange
+  }, /*#__PURE__*/_react.default.createElement(_ListEditor.ListEditor, {
+    addText: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".add"),
+      label: '添加操作'
+    }),
+    handleAdd: handleAdd
+  }, todoList.map(function (action) {
+    return /*#__PURE__*/_react.default.createElement(_SortBox.SortItem, {
+      key: action.id,
+      id: action.id
+    }, /*#__PURE__*/_react.default.createElement(_ListEditor.ListEditorItem, {
+      left: /*#__PURE__*/_react.default.createElement("span", null, action.name),
+      right: renderItemRight(action),
+      item: action,
+      dispatch: dispatch
+    }));
+  })))));
+};
+var _default = exports.default = ActionsEditor;

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

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _utils = require("@luck-design-biz/base/utils");
+var _apiUrl = require("../../constants/api-url");
+var DataSetSelector = function DataSetSelector(_ref) {
+  var defaultValue = _ref.defaultValue,
+    size = _ref.size,
+    onChange = _ref.onChange;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  (0, _react.useEffect)(function () {
+    setOptions([{
+      value: 'dsWmsOutboundOrder',
+      label: '出库单'
+    }, {
+      value: 'dsWmsMaterialsData',
+      label: '物料主数据'
+    }, {
+      value: 'dsStockInboundOrder',
+      label: '库存台账'
+    }]);
+    // request(
+    //   `${SERVICE_READ_DATASET}`,
+    //   {
+    //     method: 'GET',
+    //     body: { dataModelKey: '' },
+    //   }.then((res) => {
+    //     console.log('res', res);
+    //     setOptions([
+    //       { value: 'dsWmsOutboundOrder', label: '出库单' },
+    //       { value: 'dsWmsMaterialsData', label: '物料主数据' },
+    //       { value: 'dsStockInboundOrder', label: '库存台账' },
+    //     ]);
+    //   }),
+    // );
+  }, []);
+  var handleChange = (0, _ahooks.useMemoizedFn)(function (value) {
+    console.log('value', value);
+    onChange(value);
+  });
+  return /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    defaultValue: defaultValue,
+    size: size,
+    onChange: handleChange,
+    getPopupContainer: function getPopupContainer() {
+      return document.getElementById('lc-design-workspace');
+    }
+  }, options.map(function (_ref2) {
+    var value = _ref2.value,
+      label = _ref2.label;
+    return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+      key: value,
+      value: value
+    }, label);
+  }));
+};
+var _default = exports.default = DataSetSelector;