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

package/lib/lowcode/painter/Panel.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
@@ -20,8 +19,8 @@ var _ContextProvider = require("../engine/provider/ContextProvider");
 var _AttrsPanel = _interopRequireDefault(require("./components/AttrsPanel"));
 var _StylePanel = _interopRequireDefault(require("./panel-section/StylePanel"));
 var _AdvancePanel = _interopRequireDefault(require("./components/AdvancePanel"));
+var _dataProcess = require("../engine/tools/dataProcess");
 var _panel = _interopRequireDefault(require("./style/panel.less"));
-var _constants = require("../constants");
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel';
 var _TAB_LIST_ = [{
   title: (0, _utils.formatMessage)({
@@ -31,10 +30,10 @@ var _TAB_LIST_ = [{
   key: 'attrs'
 }, {
   title: (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".css"),
+    id: "".concat(_I18N_PREFIX_, ".styles"),
     label: '样式'
   }),
-  key: 'css'
+  key: 'styles'
 }, {
   title: (0, _utils.formatMessage)({
     id: "".concat(_I18N_PREFIX_, ".advance"),
@@ -43,7 +42,6 @@ var _TAB_LIST_ = [{
   key: 'advance'
 }];
 var Panel = function Panel() {
-  var _activeNode$$target;
   var activeTabRef = (0, _react.useRef)(null);
   var underLineRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(null),
@@ -54,112 +52,49 @@ var Panel = function Panel() {
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     activeTabKey = _useState4[0],
     setActiveTabKey = _useState4[1];
-  var context = (0, _ContextProvider.useContext)();
-  var task = (0, _ContextProvider.useTask)('modify');
+  var context = (0, _ContextProvider.useLDContext)();
   var meta = (0, _ahooks.useCreation)(function () {
-    if ((0, _lodash.isNil)(activeNode)) return null;
-    try {
-      var _meta = require("../engine/meta/".concat(activeNode.node.component.toLowerCase(), ".props.json"));
-      if (!(0, _lodash.isNil)(activeNode === null || activeNode === void 0 ? void 0 : activeNode.$target)) {
-        var setValueKey = function setValueKey(items) {
-          items.forEach(function (item) {
-            if (item.next) {
-              setValueKey(item.next.props);
-            } else if (item.props) {
-              setValueKey(item.props);
-            } else {
-              item.valueKey = "".concat(activeNode.$target.keyPath, ".").concat(item.key);
-            }
-          });
-        };
-        setValueKey(_meta.props);
-      }
-      return _meta;
-    } catch (e) {
-      return null;
-    }
+    return (0, _lodash.isNil)(activeNode) ? null : require("../engine/meta/".concat(activeNode.node.component.toLowerCase(), ".props.json"));
   }, [activeNode]);
-  var handleChange = (0, _ahooks.useMemoizedFn)(function (field, value) {
-    var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-      repositioning = _ref.repositioning,
-      before = _ref.before;
-    if (field === 'enableHeader') {
-      if (value) {
-        var headerMeta = require("../engine/meta/pageheader.props.default.json");
-        (0, _ContextProvider.addNode)(_constants.LC_BUILDIN_UNIT_KEY.PAGE_ROOT, _constants.LC_BUILDIN_UNIT_KEY.PAGE_HEADER, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, headerMeta), {}, {
-          buildIn: true
-        }));
-      } else {
-        (0, _ContextProvider.deleteNode)(_constants.LC_BUILDIN_UNIT_KEY.PAGE_HEADER);
-      }
-    } else if (field === 'enableFooter') {
-      if (value) {
-        var footerMeta = require("../engine/meta/pagefooter.props.default.json");
-        (0, _ContextProvider.addNode)(_constants.LC_BUILDIN_UNIT_KEY.PAGE_ROOT, _constants.LC_BUILDIN_UNIT_KEY.PAGE_FOOTER, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, footerMeta), {}, {
-          buildIn: true
-        }));
-      } else {
-        (0, _ContextProvider.deleteNode)(_constants.LC_BUILDIN_UNIT_KEY.PAGE_FOOTER);
-      }
-    }
-    var targetId = (0, _lodash.isNil)(activeNode.$target) ? activeNode.node.id : activeNode.$target.ancestorId;
-    var component = context.componentMap.get(targetId);
-    var node = component.api.getSelfData();
-    var oldValue = (0, _defineProperty2.default)({}, field, (0, _lodash.get)(node.props, field));
-    var newValue = (0, _defineProperty2.default)({}, field, value);
-    if (before) {
-      before(handleChange);
-    }
-    task(targetId, newValue).then(function () {
+  var handleChange = (0, _ahooks.useMemoizedFn)(function (field, value, repositioning) {
+    var component = context.componentMap.get(activeNode.node.id);
+    var _component$api$getSel = component.api.getSelfAndParentLCData(),
+      node = _component$api$getSel.node;
+    var cloneData = (0, _lodash.cloneDeep)(context.pageData);
+    (0, _dataProcess.modifyById)(cloneData, activeNode.node.id, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, node.props), {}, (0, _defineProperty2.default)({}, field, value)));
+    context._setPageData(cloneData).then(function (newData) {
       context.$publisher(context.topics.COMPONENT_MODIFY, {
-        id: targetId,
-        oldValue: oldValue,
-        newValue: newValue
+        id: activeNode.node.id,
+        pageData: (0, _lodash.cloneDeep)(newData)
       });
       if (repositioning) context.$publisher(context.topics.COMPONENT_REPOSITIONING, {
-        id: targetId
+        id: activeNode.node.id
       });
     });
   });
   (0, _react.useEffect)(function () {
-    var tid = context.$subscriber(context.topics.COMPONENT_ACTIVE).on(function (payload) {
+    var _id = context.$subscriber(context.topics.COMPONENT_ACTIVE).on(function (payload) {
       setActiveTabKey('attrs');
-      if (!payload.target) {
+      if (!payload.id) {
         setActiveNode(null);
         return;
       }
-      if ((0, _lodash.isString)(payload.target)) {
-        var component = context.componentMap.get(payload.target);
-        var node = component.api.getSelfData();
-        var levelNodes = (0, _lodash.takeRight)(component.api.getLevelNodes(), 4);
-        setActiveNode({
-          node: node.props,
-          level: levelNodes
-        });
-      } else {
-        var _component = payload.target.element.getAttribute('data-__component');
-        var ancestor = context.componentMap.get(payload.target.ancestorId);
-        var _levelNodes = (0, _lodash.takeRight)(ancestor.api.getLevelNodes(), 3);
-        setActiveNode({
-          node: {
-            id: payload.target.id,
-            component: _component
-          },
-          level: [].concat((0, _toConsumableArray2.default)(_levelNodes), [{
-            id: payload.target.id,
-            name: payload.target.label
-          }]),
-          $target: payload.target
-        });
-      }
+      var component = context.componentMap.get(payload.id);
+      var _component$api$getSel2 = component.api.getSelfAndParentLCData(),
+        node = _component$api$getSel2.node;
+      var levelNodes = (0, _lodash.takeRight)(component.api.getLevelNodes(), 4);
+      setActiveNode({
+        node: node.props,
+        level: levelNodes
+      });
     }).watch();
     return function () {
-      return context.$unsubscriber(context.topics.COMPONENT_ACTIVE, tid);
+      return context.$unsubscriber(context.topics.COMPONENT_ACTIVE, _id);
     };
   }, []);
   (0, _react.useLayoutEffect)(function () {
     underLineRef.current.style.left = "".concat(activeTabRef.current.offsetLeft + activeTabRef.current.offsetWidth / 2 - 10, "px");
-  }, [activeTabKey, meta === null || meta === void 0 ? void 0 : meta.component]);
+  }, [activeTabKey, !!activeNode]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _panel.default['lc-painter-panel']
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -169,16 +104,16 @@ var Panel = function Panel() {
     style: {
       fontSize: 12
     }
-  }, activeNode === null || activeNode === void 0 ? void 0 : activeNode.level.map(function (_ref2) {
-    var id = _ref2.id,
-      name = _ref2.name;
+  }, activeNode === null || activeNode === void 0 ? void 0 : activeNode.level.map(function (_ref) {
+    var id = _ref.id,
+      name = _ref.name;
     return /*#__PURE__*/_react.default.createElement(_antd.Breadcrumb.Item, {
       key: id,
       className: (0, _classnames.default)((0, _defineProperty2.default)({}, _panel.default['active-node-level'], id !== activeNode.node.id)),
       onMouseEnter: function onMouseEnter() {
         if (id === activeNode.node.id) return;
         context.$publisher(context.topics.COMPONENT_HOVER, {
-          target: id
+          id: id
         });
       },
       onMouseLeave: function onMouseLeave() {
@@ -188,7 +123,7 @@ var Panel = function Panel() {
       onClick: function onClick() {
         if (id === activeNode.node.id) return;
         context.$publisher(context.topics.COMPONENT_ACTIVE, {
-          target: id
+          id: id
         });
       }
     }, name);
@@ -196,16 +131,7 @@ var Panel = function Panel() {
     className: (0, _classnames.default)(_panel.default['lc-painter-panel-tabbar'], (0, _defineProperty2.default)({}, _panel.default.hidden, !activeNode))
   }, /*#__PURE__*/_react.default.createElement("ul", {
     className: _panel.default.headerList
-  }, (0, _lodash.reduce)(_TAB_LIST_, function (ret, item) {
-    if (item.key === 'css' && !!(meta !== null && meta !== void 0 && meta.css)) {
-      ret.push(item);
-    } else if (item.key === 'advance' && !!(meta !== null && meta !== void 0 && meta.advance)) {
-      ret.push(item);
-    } else if (item.key === 'attrs') {
-      ret.push(item);
-    }
-    return ret;
-  }, []).map(function (_item) {
+  }, (activeNode !== null && activeNode !== void 0 && activeNode.node.css ? _TAB_LIST_ : [_TAB_LIST_[0], _TAB_LIST_[2]]).map(function (_item) {
     return /*#__PURE__*/_react.default.createElement("li", {
       key: _item.key,
       ref: activeTabKey === _item.key ? activeTabRef : null,
@@ -218,26 +144,21 @@ var Panel = function Panel() {
     ref: underLineRef,
     className: _panel.default.underline
   })), activeTabKey === _TAB_LIST_[0].key && /*#__PURE__*/_react.default.createElement(_AttrsPanel.default, {
-    key: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node.id,
-    nodeId: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node.id,
-    ancestorId: activeNode === null || activeNode === void 0 || (_activeNode$$target = activeNode.$target) === null || _activeNode$$target === void 0 ? void 0 : _activeNode$$target.ancestorId,
     meta: meta,
-    onChange: function onChange(field, value, params) {
-      return handleChange(field, value, params);
+    value: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node,
+    onChange: function onChange(field, value, repositioning) {
+      return handleChange(field, value, repositioning);
     }
   }), activeTabKey === _TAB_LIST_[1].key && /*#__PURE__*/_react.default.createElement(_StylePanel.default, {
-    key: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node.id,
-    nodeId: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node.id,
+    value: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node.css,
     onChange: function onChange(_, newCss) {
       return handleChange('css', newCss);
     }
   }), activeTabKey === _TAB_LIST_[2].key && /*#__PURE__*/_react.default.createElement(_AdvancePanel.default, {
-    key: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node.id,
-    nodeId: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node.id,
-    target: activeNode === null || activeNode === void 0 ? void 0 : activeNode.$target,
     meta: meta,
+    value: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node,
     onChange: function onChange(val) {
-      return handleChange((0, _lodash.isNil)(activeNode.$target) ? 'advance' : "".concat(activeNode.$target.keyPath, ".advance"), val);
+      return handleChange('advance', val);
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_panel.default['lc-painter-panel-empty'], (0, _defineProperty2.default)({}, _panel.default.hidden, !!activeNode))

package/lib/lowcode/painter/components/ActionBindModal.js

@@ -13,15 +13,15 @@ var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _lodash = require("lodash");
-var _utils = require("@luck-design-biz/base/utils");
 var _ContextProvider = require("../../engine/provider/ContextProvider");
 var _JSEditor = _interopRequireDefault(require("./code-editor/JSEditor"));
+var _utils = require("@luck-design-biz/base/utils");
 var _actionBindModal = _interopRequireDefault(require("../style/action-bind-modal.less"));
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.actionBindModal';
 var _ACTION_CATEGORY_ = [{
-  key: 'page-action',
+  key: 'actions',
   label: (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".pageActions"),
+    id: "".concat(_I18N_PREFIX_, ".actions"),
     label: '页面行为'
   })
 }, {
@@ -31,150 +31,83 @@ var _ACTION_CATEGORY_ = [{
     label: '触发器'
   })
 }, {
-  key: 'custom',
+  key: 'code',
   label: (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".custom"),
+    id: "".concat(_I18N_PREFIX_, ".code"),
     label: '自定义动作'
   })
 }];
-var _DEFAULT_JSON_CODE_ = '{"params":{},"data":{}}';
-var _DEFAULT_JS_CODE_ = 'function todo() {\n\n}';
-var ActionBindModal = function ActionBindModal(_ref) {
-  var nodeId = _ref.nodeId,
-    event = _ref.event,
-    _ref$defaultCode = _ref.defaultCode,
-    defaultCode = _ref$defaultCode === void 0 ? _DEFAULT_JS_CODE_ : _ref$defaultCode,
-    onComfirm = _ref.onComfirm,
-    onClose = _ref.onClose;
-  var context = (0, _ContextProvider.useContext)();
-  var _useRemoteSource = (0, _ContextProvider.useRemoteSource)(),
-    module = _useRemoteSource.module;
-  var editorRef = (0, _react.useRef)();
+var _CATEGORY_CODE_ITEMS = [{
+  key: 'coding',
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".coding"),
+    label: '动作编写'
+  })
+}];
+var ActionBindModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var activeNode = _ref.activeNode,
+    onComfirm = _ref.onComfirm;
+  var context = (0, _ContextProvider.useLDContext)();
+  var _useState = (0, _react.useState)(void 0),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    title = _useState2[0],
+    setTitle = _useState2[1];
+  var _useState3 = (0, _react.useState)('actions'),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    category = _useState4[0],
+    setCategory = _useState4[1];
   var _useMap = (0, _ahooks.useMap)([]),
     _useMap2 = (0, _slicedToArray2.default)(_useMap, 2),
     actionPool = _useMap2[0],
     _useMap2$ = _useMap2[1],
     set = _useMap2$.set,
     remove = _useMap2$.remove,
-    get = _useMap2$.get,
-    setAll = _useMap2$.setAll,
-    reset = _useMap2$.reset;
-  var _useState = (0, _react.useState)('page-action'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    category = _useState2[0],
-    setCategory = _useState2[1];
-  var _useState3 = (0, _react.useState)(void 0),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    activeKey = _useState4[0],
-    setActiveKey = _useState4[1];
-  var _useState5 = (0, _react.useState)(void 0),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    searchValue = _useState6[0],
-    setSearchValue = _useState6[1];
-  var latestActiveKey = (0, _ahooks.useLatest)(activeKey);
-  var options = (0, _ahooks.useCreation)(function () {
-    if (category === 'page-action') {
-      return (0, _lodash.reduce)(module.actions, function (ret, actionName, actionKey) {
-        ret.push({
-          key: actionKey,
-          label: actionName
-        });
-        return ret;
-      }, []);
+    reset = _useMap2$.reset,
+    get = _useMap2$.get;
+  var selectItems = (0, _ahooks.useCreation)(function () {
+    if (category === 'actions') {
+      return [];
     } else if (category === 'trigger') {
       return (0, _lodash.reduce)(context.componentList, function (ret, _ref2) {
         var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
           key = _ref3[0],
           target = _ref3[1];
-        ret.push({
-          key: key,
-          label: "".concat(target.api.getSelfData().props.name, "(").concat(key, ")")
-        });
+        if (key !== activeNode.id) {
+          ret.push({
+            key: key,
+            label: "".concat(target.api.getSelfAndParentLCData().node.props.name, "(").concat(key, ")")
+          });
+        }
         return ret;
       }, []);
-    } else if (category === 'custom') {
-      return [{
-        key: 'coding',
-        label: (0, _utils.formatMessage)({
-          id: "".concat(_I18N_PREFIX_, ".coding"),
-          label: '动作编写'
-        })
-      }];
+    } else if (category === 'code') {
+      return _CATEGORY_CODE_ITEMS;
     }
     return [];
   }, [category]);
-  (0, _ahooks.useUpdateEffect)(function () {
-    if (activeKey) {
-      var _editorRef$current;
-      var action = get(activeKey);
-      (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 || _editorRef$current.editor.setValue(action === null || action === void 0 ? void 0 : action.code);
-    }
-  }, [category, activeKey]);
-  (0, _ahooks.useUpdateEffect)(function () {
-    setAll(event === null || event === void 0 ? void 0 : event.actionPool);
-  }, [event]);
-  var _useDebounceFn = (0, _ahooks.useDebounceFn)(function (code) {
-      if (latestActiveKey.current) {
-        var action = get(latestActiveKey.current);
-        action.code = code;
-      }
-    }, {
-      wait: 500
-    }),
-    handleEditorValueChange = _useDebounceFn.run;
-  var handleOptionClick = (0, _ahooks.useMemoizedFn)(function (key) {
-    setActiveKey(key);
-    var action;
-    if (actionPool.has(key)) {
-      action = get(key);
-    } else {
-      var code = event.func || (category === 'custom' ? defaultCode : "".concat(defaultCode.slice(0, -1), "\n\treturn ").concat(_DEFAULT_JSON_CODE_, " \n}"));
-      action = {
-        category: category,
-        key: key,
-        code: code
-      };
-      set(key, action);
-    }
-  });
-  var handleChecked = (0, _ahooks.useMemoizedFn)(function (key, checked) {
-    if (checked) {
-      if (activeKey !== key) {
-        setActiveKey(key);
-      }
-      var code = event.func || (category === 'custom' ? defaultCode : "".concat(defaultCode.slice(0, -1), "\n\treturn ").concat(_DEFAULT_JSON_CODE_, " \n}"));
-      set(key, {
-        category: category,
-        key: key,
-        code: code
-      });
-    } else {
-      if (activeKey === key) {
-        setActiveKey(void 0);
-      }
-      remove(key);
-    }
-  });
   var handleClose = (0, _ahooks.useMemoizedFn)(function () {
-    onClose();
-    reset();
-    setCategory('page-action');
-    setActiveKey(void 0);
-    setSearchValue(void 0);
+    setTitle(void 0);
   });
   var handleComfirm = (0, _ahooks.useMemoizedFn)(function () {
-    onComfirm(Array.from(actionPool), event);
     handleClose();
   });
+  var handleSearch = (0, _ahooks.useMemoizedFn)(function (val) {});
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      doOpen: function doOpen(title) {
+        setTitle(title);
+      }
+    };
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_antd.Modal, {
     className: _actionBindModal.default['lc-painter-panel-action-bind-modal'],
     bodyStyle: {
       marginTop: 0,
       padding: '4px 24px'
     },
-    title: "".concat(event === null || event === void 0 ? void 0 : event.name, "(").concat(nodeId, ")"),
-    visible: !!event,
-    width: "70vw",
+    title: title,
+    visible: !!title,
+    width: 960,
     closable: false,
     maskClosable: false,
     getContainer: function getContainer() {
@@ -201,20 +134,7 @@ var ActionBindModal = function ActionBindModal(_ref) {
       key: key,
       className: (0, _classnames.default)((0, _defineProperty2.default)({}, _actionBindModal.default.active, key === category)),
       onClick: function onClick() {
-        setCategory(key);
-        if ('custom' === key) {
-          var _activeKey = 'coding';
-          setActiveKey(_activeKey);
-          if (!actionPool.has(_activeKey)) {
-            set(_activeKey, {
-              category: key,
-              key: _activeKey,
-              code: event.func || defaultCode
-            });
-          }
-        } else {
-          setActiveKey(void 0);
-        }
+        return setCategory(key);
       }
     }, label, key === category && /*#__PURE__*/_react.default.createElement(_antd.Icon, {
       type: "check",
@@ -222,7 +142,7 @@ var ActionBindModal = function ActionBindModal(_ref) {
     }));
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: _actionBindModal.default['selecter-items-box']
-  }, category !== 'custom' && /*#__PURE__*/_react.default.createElement("div", {
+  }, category !== 'code' && /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: 42,
       display: 'flex',
@@ -234,78 +154,35 @@ var ActionBindModal = function ActionBindModal(_ref) {
       label: '搜索'
     }),
     size: "small",
-    onChange: function onChange(e) {
-      return setSearchValue(e.target.value);
-    },
+    onSearch: handleSearch,
     style: {
       width: 170,
       alignSelf: 'center'
     }
   })), /*#__PURE__*/_react.default.createElement("ul", {
     className: (0, _classnames.default)(_actionBindModal.default['selector-box-ul'], _actionBindModal.default['selecter-items'])
-  }, options.filter(function (_ref5) {
+  }, selectItems.map(function (_ref5) {
     var key = _ref5.key,
       label = _ref5.label;
-    return !searchValue || "".concat(key, " ").concat(label).toLowerCase().includes(searchValue.toLowerCase());
-  }).map(function (_ref6) {
-    var key = _ref6.key,
-      label = _ref6.label;
     return /*#__PURE__*/_react.default.createElement("li", {
       key: key,
-      className: (0, _classnames.default)((0, _defineProperty2.default)({}, _actionBindModal.default.active, key === activeKey)),
+      className: (0, _classnames.default)((0, _defineProperty2.default)({}, _actionBindModal.default.active, actionPool.has(key))),
       onClick: function onClick() {
-        return handleOptionClick(key);
+        return set(key, label);
       }
     }, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
       checked: actionPool.has(key),
       style: {
         marginRight: 4
-      },
-      onChange: function onChange(e) {
-        return handleChecked(key, e.target.checked);
-      },
-      onClick: function onClick(e) {
-        return e.stopPropagation();
       }
     }), label);
   }))))), /*#__PURE__*/_react.default.createElement("div", {
     className: _actionBindModal.default['lc-painter-panel-action-bind-modal-body-right']
-  }, category === 'page-action' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".params"),
-    label: '配置参数'
-  }), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-    title: (0, _utils.formatMessage)({
-      id: "".concat(_I18N_PREFIX_, ".params.info"),
-      label: '请勿随意修改配置参数结构和参数名称，参数异常可能会导致请求失败'
-    }),
-    getPopupContainer: function getPopupContainer() {
-      return document.getElementById('lc-design-workspace');
-    },
-    zIndex: 3000
-  }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-    style: {
-      marginLeft: 4
-    },
-    type: "exclamation-circle"
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: _actionBindModal.default['code-box']
-  }, activeKey ? /*#__PURE__*/_react.default.createElement(_JSEditor.default, {
-    ref: editorRef,
-    onChange: handleEditorValueChange
-  }) : (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".noActionSelected"),
-    label: '请在右侧选择行为项'
-  }))), category === 'custom' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, (0, _utils.formatMessage)({
+  }, category === 'code' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, (0, _utils.formatMessage)({
     id: "".concat(_I18N_PREFIX_, ".coding"),
     label: '动作编写'
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: _actionBindModal.default['code-box']
-  }, activeKey ? /*#__PURE__*/_react.default.createElement(_JSEditor.default, {
-    ref: editorRef,
-    onChange: handleEditorValueChange
-  }) : (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".noActionSelected"),
-    label: '请在右侧选择行为项'
-  }))))));
-};
+  }, /*#__PURE__*/_react.default.createElement(_JSEditor.default, null))))));
+});
 var _default = exports.default = ActionBindModal;