@luck-design-biz/luckda 0.0.25-9 → 0.0.25-af-2

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

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

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

@@ -15,29 +15,29 @@ var _utils = require("@luck-design-biz/base/utils");
 var _fullscreenEditor = _interopRequireDefault(require("../../style/fullscreen-editor.less"));
 var _ahooks = require("ahooks");
 var _excluded = ["EditorComponent", "onLoad", "children"];
-/**
- * FullScreenEditor 组件是一个支持全屏编辑模式的 React 组件，它利用提供的 EditorComponent 来实现代码编辑功能。
- * 该组件使用 ahooks 的 useFullscreen 钩子来实现全屏切换，并在全屏模式下调整编辑器布局。
- * 全屏/非全屏模式下编辑器的某些选项可能会有所不同，以适应不同的布局需求。
- *
- * @component
- * @example
- * const MyEditor = React.forwardRef((props, ref) => <BaseEditor {...props} ref={ref} />);
- * <FullScreenEditor
- *   EditorComponent={MyEditor}
- *   onLoad={() => console.log('Editor loaded')}
- * >
- *   {`function sayHello() {\n  console.log('Hello, World!');\n}`}
- * </FullScreenEditor>
- *
- * @param {Object} props - 组件的属性。
- * @param {Function} props.EditorComponent - 用于编辑的组件，该组件需要支持 ref 引用以调用编辑器的方法。
- * @param {Function} [props.onLoad] - 编辑器加载完成时的回调函数。
- * @param {React.ReactNode} children - 传递给 EditorComponent 的 children，通常是初始代码或内容。
- * @param {Object} rest - 传递给 EditorComponent 的其他属性。
- * @param {React.Ref} ref - React ref 引用，用于在外部组件中访问 EditorComponent 实例的方法。
- *
- * @returns {ReactElement} 返回一个 React 元素，其中包含了一个具有全屏切换功能的编辑器界面。
+/**
+ * FullScreenEditor 组件是一个支持全屏编辑模式的 React 组件，它利用提供的 EditorComponent 来实现代码编辑功能。
+ * 该组件使用 ahooks 的 useFullscreen 钩子来实现全屏切换，并在全屏模式下调整编辑器布局。
+ * 全屏/非全屏模式下编辑器的某些选项可能会有所不同，以适应不同的布局需求。
+ *
+ * @component
+ * @example
+ * const MyEditor = React.forwardRef((props, ref) => <BaseEditor {...props} ref={ref} />);
+ * <FullScreenEditor
+ *   EditorComponent={MyEditor}
+ *   onLoad={() => console.log('Editor loaded')}
+ * >
+ *   {`function sayHello() {\n  console.log('Hello, World!');\n}`}
+ * </FullScreenEditor>
+ *
+ * @param {Object} props - 组件的属性。
+ * @param {Function} props.EditorComponent - 用于编辑的组件，该组件需要支持 ref 引用以调用编辑器的方法。
+ * @param {Function} [props.onLoad] - 编辑器加载完成时的回调函数。
+ * @param {React.ReactNode} children - 传递给 EditorComponent 的 children，通常是初始代码或内容。
+ * @param {Object} rest - 传递给 EditorComponent 的其他属性。
+ * @param {React.Ref} ref - React ref 引用，用于在外部组件中访问 EditorComponent 实例的方法。
+ *
+ * @returns {ReactElement} 返回一个 React 元素，其中包含了一个具有全屏切换功能的编辑器界面。
  */
 var FullScreenEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var EditorComponent = _ref.EditorComponent,

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

@@ -9,13 +9,14 @@ 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 _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 _BaseEditor = _interopRequireDefault(require("./BaseEditor"));
 var _excluded = ["children"];
 function capitalizeFirstLetter(string) {
   if ((0, _lodash.isNil)(string)) return null;
@@ -35,6 +36,7 @@ var _provideCompletionItems = function provideCompletionItems(monaco, model, pos
   // 正则表达式匹配以 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 = {
@@ -64,7 +66,10 @@ var setupAutocomplete = /*#__PURE__*/function () {
           });
         case 2:
           autoCompleteModules = _context.sent;
-          monaco.languages.registerCompletionItemProvider('javascript', {
+          // console.log('autoCompleteModules', autoCompleteModules);
+
+          monaco.languages.registerCompletionItemProvider('javascript', (0, _defineProperty2.default)({
+            triggerCharacters: ['.'],
             provideCompletionItems: function provideCompletionItems(model, position) {
               var allCompletionItems = [];
 
@@ -76,9 +81,8 @@ var setupAutocomplete = /*#__PURE__*/function () {
               return {
                 suggestions: allCompletionItems
               };
-            },
-            triggerCharacters: ['.'] // 当用户输入点号时触发补全
-          });
+            }
+          }, "triggerCharacters", ['.']));
         case 4:
         case "end":
           return _context.stop();
@@ -90,26 +94,26 @@ var setupAutocomplete = /*#__PURE__*/function () {
   };
 }();
 
-/**
- * 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 编辑器实例。
+/**
+ * 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,

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

@@ -11,31 +11,31 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 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 组件实例。
+/**
+ * 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,

package/lib/lowcode/painter/index.js

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

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

@@ -10,19 +10,22 @@ 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 _SerialsSelector = _interopRequireDefault(require("../SerialsSelector"));
+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: 'luckda.lowcode.painter.hidden',
+    id: "".concat(_I18N_PREFIX_, ".hidden"),
     label: '隐藏'
   }),
   value: 'hidden'
 }, {
   label: (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.disable',
+    id: "".concat(_I18N_PREFIX_, ".disable"),
     label: '禁用'
   }),
   value: 'disable'
@@ -52,17 +55,24 @@ var _RISK_LEVEL_OPTIONS_ = [{
   }),
   value: 'destroy'
 }];
+var _DEFAULT_CODE_ = 'function todo(ctx) {}';
 var ActionEditor = function ActionEditor(_ref) {
   var action = _ref.action,
-    onChange = _ref.onChange,
-    suppressName = _ref.suppressName,
-    suppressRiskLevel = _ref.suppressRiskLevel;
+    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);
   });
-  return /*#__PURE__*/_react.default.createElement(_PopForm.PopForm, null, !suppressName && /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+  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, {
@@ -78,12 +88,16 @@ var ActionEditor = function ActionEditor(_ref) {
   }))), /*#__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(_SerialsSelector.default, {
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Input, {
     size: "small",
     defaultValue: action.serial,
-    onChange: function onChange(val) {
-      return handleChange('serial', val);
-    }
+    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: '越权效果'
@@ -94,8 +108,8 @@ var ActionEditor = function ActionEditor(_ref) {
     onChange: function onChange(value) {
       return handleChange('serialEffect', value);
     }
-  }))), !suppressRiskLevel && /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".riskLevel"),
+  }))), /*#__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",
@@ -104,6 +118,45 @@ var ActionEditor = function ActionEditor(_ref) {
     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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
@@ -17,7 +16,6 @@ var _PanelItem = _interopRequireDefault(require("../../components/PanelItem"));
 var _SortBox = require("../../components/SortBox");
 var _ListEditor = require("../../components/ListEditor");
 var _PopConfirm = _interopRequireDefault(require("../../components/PopConfirm"));
-var _ActionBindModal = _interopRequireDefault(require("../../components/ActionBindModal"));
 var _utils = require("@luck-design-biz/base/utils");
 var _helper = require("../../../engine/tools/helper");
 var _actionsEditor = _interopRequireDefault(require("../../style/actions-editor.less"));
@@ -40,17 +38,12 @@ var ActionsEditor = function ActionsEditor(_ref) {
     onChange = _ref.onChange,
     suppressDisplay = _ref.suppressDisplay,
     suppressMax = _ref.suppressMax,
-    suppressMore = _ref.suppressMore,
-    defaultCode = _ref.defaultCode;
+    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 _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    action = _useState2[0],
-    setAction = _useState2[1];
   var handleAdd = (0, _ahooks.useMemoizedFn)(function () {
     dispatch({
       type: 'add',
@@ -60,7 +53,8 @@ var ActionsEditor = function ActionsEditor(_ref) {
         serial: void 0,
         serialEffect: 'hidden',
         riskLevel: 'default',
-        actionPool: []
+        actionPool: [],
+        actionCode: void 0
       },
       callback: function callback(newActions) {
         valueRef.current.todoList = newActions;
@@ -126,22 +120,6 @@ var ActionsEditor = function ActionsEditor(_ref) {
         cursor: 'pointer'
       }
     }))), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-      title: (0, _utils.formatMessage)({
-        id: 'luckda.lowcode.painter.bindAction',
-        label: '绑定动作'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-      type: "paper-clip",
-      style: {
-        marginRight: '8px',
-        cursor: 'pointer'
-      },
-      onClick: function onClick() {
-        return setAction((0, _objectSpread2.default)({
-          key: action.id
-        }, action));
-      }
-    })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
       title: (0, _utils.formatMessage)({
         id: 'luckda.lowcode.painter.delete',
         label: '删除'
@@ -223,17 +201,6 @@ var ActionsEditor = function ActionsEditor(_ref) {
       item: action,
       dispatch: dispatch
     }));
-  })))), /*#__PURE__*/_react.default.createElement(_ActionBindModal.default, {
-    event: action,
-    defaultCode: defaultCode,
-    onComfirm: function onComfirm(actionPool) {
-      return handleValueChange('action', (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(action, ['key'])), {}, {
-        actionPool: actionPool
-      }));
-    },
-    onClose: function onClose() {
-      return setAction(null);
-    }
-  }));
+  })))));
 };
 var _default = exports.default = ActionsEditor;

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

@@ -12,12 +12,10 @@ var _antd = require("luck-design/antd");
 var _buttonType = _interopRequireDefault(require("../style/button-type.less"));
 var _excluded = ["onChange"];
 var ButtonType = function ButtonType(_ref) {
-  var _onChange = _ref.onChange,
+  var onChange = _ref.onChange,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_antd.Select, (0, _extends2.default)({}, props, {
-    onChange: function onChange(val) {
-      return _onChange(val);
-    },
+    onChange: onChange,
     className: _buttonType.default['lc-painter-panel-section-components-buttontype']
   }), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
     value: "primary"