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

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

@@ -4,31 +4,31 @@ var _excluded = ["children"];
 import React, { forwardRef } from 'react';
 import BaseEditor from "./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 组件实例。
+/**
+ * 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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,

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

@@ -8,29 +8,29 @@ import { formatMessage } from '@luck-design-biz/base/utils';
 import styles from "../../style/fullscreen-editor.less";
 import { useFullscreen } from 'ahooks';
 
-/**
- * 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__*/forwardRef(function (_ref, ref) {
   var EditorComponent = _ref.EditorComponent,

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

@@ -1,13 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 var _excluded = ["children"];
 import React, { useEffect, forwardRef } from 'react';
+import BaseEditor from "./BaseEditor";
 import * as monaco from 'monaco-editor';
 import { isNil } from 'lodash';
-import BaseEditor from "./BaseEditor";
 function capitalizeFirstLetter(string) {
   if (isNil(string)) return null;
   if (string.length === 0) {
@@ -26,6 +27,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 = {
@@ -53,7 +55,10 @@ var setupAutocomplete = /*#__PURE__*/function () {
           return import("../../../engine/meta/js-editor/auto-complete.json");
         case 2:
           autoCompleteModules = _context.sent;
-          monaco.languages.registerCompletionItemProvider('javascript', {
+          // console.log('autoCompleteModules', autoCompleteModules);
+
+          monaco.languages.registerCompletionItemProvider('javascript', _defineProperty({
+            triggerCharacters: ['.'],
             provideCompletionItems: function provideCompletionItems(model, position) {
               var allCompletionItems = [];
 
@@ -65,9 +70,8 @@ var setupAutocomplete = /*#__PURE__*/function () {
               return {
                 suggestions: allCompletionItems
               };
-            },
-            triggerCharacters: ['.'] // 当用户输入点号时触发补全
-          });
+            }
+          }, "triggerCharacters", ['.']));
         case 4:
         case "end":
           return _context.stop();
@@ -79,26 +83,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__*/forwardRef(function (_ref2, ref) {
   var children = _ref2.children,

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

@@ -4,31 +4,31 @@ var _excluded = ["children"];
 import React, { forwardRef } from 'react';
 import BaseEditor from "./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 组件实例。
+/**
+ * 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__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,

package/es/lowcode/painter/index.js

@@ -1,6 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
+import React, { useEffect } from 'react';
 import classNames from 'classnames';
+// import { history } from 'umi';
+// import { formatMessage } from '@luck-design-biz/base/utils';
 import EventBusProvider from "../engine/provider/EventBusProvider";
 import ContextProvider from "../engine/provider/ContextProvider";
 import Ribbon from "./Ribbon";
@@ -8,10 +10,33 @@ import Design from "./Design";
 import Panel from "./Panel";
 import { RUNTIME } from "../constants/index";
 import styles from "./style/index.less";
-import DragDropContext from "./components/DragDrop/DragDropContext";
 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.createElement(EventBusProvider, {
     runtime: RUNTIME.DESIGN
   }, /*#__PURE__*/React.createElement(ContextProvider, {
@@ -19,6 +44,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(DragDropContext, null, /*#__PURE__*/React.createElement(Ribbon, null), /*#__PURE__*/React.createElement(Design, null), /*#__PURE__*/React.createElement(Panel, 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

@@ -1,20 +1,23 @@
 import React, { useRef } from 'react';
 import { useMemoizedFn } from 'ahooks';
-import { Input, Segmented } from 'luck-design/antd';
-import { cloneDeep } from 'lodash';
+import { Tooltip, Icon, Input, Segmented, Select } from 'luck-design/antd';
+import { cloneDeep, debounce } from 'lodash';
+import PopConfirm from "../../components/PopConfirm";
 import { PopForm, PopFormItem, PopFormItemLeft, PopFormItemRight } from "../../components/PopForm";
-import SerialsSelector from "../SerialsSelector";
+import JSEditor from "../../components/code-editor/JSEditor";
+import FullScreenEditor from "../../components/code-editor/FullScreenEditor";
 import { formatMessage } from '@luck-design-biz/base/utils';
+import styles from "../../style/actions-editor.less";
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionEditor';
 var _SERIAL_EFFECT_OPTIONS_ = [{
   label: formatMessage({
-    id: 'luckda.lowcode.painter.hidden',
+    id: "".concat(_I18N_PREFIX_, ".hidden"),
     label: '隐藏'
   }),
   value: 'hidden'
 }, {
   label: formatMessage({
-    id: 'luckda.lowcode.painter.disable',
+    id: "".concat(_I18N_PREFIX_, ".disable"),
     label: '禁用'
   }),
   value: 'disable'
@@ -44,17 +47,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 = useRef();
   var valueRef = useRef(cloneDeep(action));
+  var handleCodeChange = useRef(debounce(function (code) {
+    valueRef.current.actionCode = code;
+    onChange(valueRef.current);
+  }, 400));
   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({
+  var handleEditorLoad = useMemoizedFn(function () {
+    editorRef.current.editor.setValue(action.actionCode || _DEFAULT_CODE_);
+  });
+  return /*#__PURE__*/React.createElement(PopForm, null, /*#__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, {
@@ -70,12 +80,16 @@ var ActionEditor = function ActionEditor(_ref) {
   }))), /*#__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, {
+  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(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: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".serial.placeholder"),
+      label: '请输入行为名称'
+    })
   }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
     id: "".concat(_I18N_PREFIX_, ".serialEffect"),
     label: '越权效果'
@@ -86,8 +100,8 @@ var ActionEditor = function ActionEditor(_ref) {
     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"),
+  }))), /*#__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",
@@ -96,6 +110,45 @@ var ActionEditor = function ActionEditor(_ref) {
     onChange: function onChange(value) {
       return handleChange('riskLevel', value);
     }
-  }))));
+  }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".actionPool"),
+    label: '行为池'
+  })), /*#__PURE__*/React.createElement(PopFormItemRight, {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(Select, {
+    size: "small",
+    mode: "multiple",
+    className: styles['action-pool-selector'],
+    defaultValue: action.actionPool,
+    onChange: function onChange(value) {
+      return handleChange('actionPool', value);
+    }
+  }, /*#__PURE__*/React.createElement(Select.Option, {
+    value: "jack"
+  }, "Jack"), /*#__PURE__*/React.createElement(Select.Option, {
+    value: "lucy"
+  }, "Lucy"), /*#__PURE__*/React.createElement(Select.Option, {
+    value: "yiminghe"
+  }, "Yiminghe")), /*#__PURE__*/React.createElement(Tooltip, {
+    title: formatMessage({
+      id: 'luckda.lowcode.painter.coder',
+      label: '编码器'
+    })
+  }, /*#__PURE__*/React.createElement(PopConfirm, {
+    placement: "top",
+    title: /*#__PURE__*/React.createElement(FullScreenEditor, {
+      ref: editorRef,
+      EditorComponent: JSEditor,
+      width: "640px",
+      height: "300px",
+      onChange: handleCodeChange.current,
+      onLoad: handleEditorLoad
+    })
+  }, /*#__PURE__*/React.createElement(Icon, {
+    type: "code",
+    className: styles['action-pool-coder']
+  }))))));
 };
 export default ActionEditor;

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

@@ -1,15 +1,13 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useRef, useReducer, useState } from 'react';
+import React, { useRef, useReducer } from 'react';
 import { useMemoizedFn } from 'ahooks';
 import { Tooltip, Icon, Segmented, InputNumber, Input } from 'luck-design/antd';
-import { cloneDeep, omit } from 'lodash';
+import { cloneDeep } from 'lodash';
 import ActionEditor from "./ActionEditor";
 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";
@@ -32,17 +30,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 = 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',
@@ -52,7 +45,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;
@@ -118,22 +112,6 @@ 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: '删除'
@@ -215,17 +193,6 @@ 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/ButtonType.js

@@ -5,12 +5,10 @@ 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: function onChange(val) {
-      return _onChange(val);
-    },
+    onChange: onChange,
     className: styles['lc-painter-panel-section-components-buttontype']
   }), /*#__PURE__*/React.createElement(Select.Option, {
     value: "primary"