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

package/lib/lowcode/painter/Panel.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 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");
@@ -19,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)({
@@ -30,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"),
@@ -52,50 +52,20 @@ 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 () {
-    try {
-      return (0, _lodash.isNil)(activeNode) ? null : require("../engine/meta/".concat(activeNode.node.component.toLowerCase(), ".props.json"));
-    } 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 handleChange = (0, _ahooks.useMemoizedFn)(function (field, value, repositioning) {
     var component = context.componentMap.get(activeNode.node.id);
-    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(activeNode.node.id, newValue).then(function (a, b) {
+    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: activeNode.node.id,
-        oldValue: oldValue,
-        newValue: newValue
+        pageData: (0, _lodash.cloneDeep)(newData)
       });
       if (repositioning) context.$publisher(context.topics.COMPONENT_REPOSITIONING, {
         id: activeNode.node.id
@@ -110,7 +80,8 @@ var Panel = function Panel() {
         return;
       }
       var component = context.componentMap.get(payload.id);
-      var node = component.api.getSelfData();
+      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,
@@ -123,7 +94,7 @@ var Panel = function Panel() {
   }, []);
   (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", {
@@ -133,9 +104,9 @@ 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)),
@@ -160,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,
@@ -182,22 +144,19 @@ 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,
     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,
     meta: meta,
+    value: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node,
     onChange: function onChange(val) {
       return handleChange('advance', val);
     }

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,148 +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 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 action = get(activeKey);
-      (action === null || action === void 0 ? void 0 : action.code) && editorRef.current.editor.setValue(action.code);
-    }
-  }, [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: event === null || event === void 0 ? void 0 : event.name,
-    visible: !!event,
-    width: "70vw",
+    title: title,
+    visible: !!title,
+    width: 960,
     closable: false,
     maskClosable: false,
     getContainer: function getContainer() {
@@ -199,17 +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) {
-          setActiveKey('coding');
-          if (!actionPool.has(key)) {
-            set('coding', {
-              category: key,
-              key: 'coding',
-              code: event.func || defaultCode
-            });
-          }
-        }
+        return setCategory(key);
       }
     }, label, key === category && /*#__PURE__*/_react.default.createElement(_antd.Icon, {
       type: "check",
@@ -217,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',
@@ -229,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;

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

@@ -6,80 +6,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-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");
 var _antd = require("luck-design/antd");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _lodash = require("lodash");
-var _ContextProvider = require("../../engine/provider/ContextProvider");
 var _utils = require("@luck-design-biz/base/utils");
 var _Collapse = _interopRequireDefault(require("./Collapse"));
 var _ActionBindModal = _interopRequireDefault(require("./ActionBindModal"));
-var _excluded = ["events"],
-  _excluded2 = ["events"];
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.advancePanel';
-var EventItem = _styledComponents.default.div.withConfig({
-  displayName: "EventItem",
-  componentId: "luckda-6530__sc-6426fo-0"
-})(["display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border:1px solid #e5e6e8;border-radius:6px;margin-bottom:6px;font-size:12px;i{color:rgba(0,0,0,0.4);cursor:pointer;}i:not(:last-child){margin-right:6px;}"]);
 var AdvancePanel = function AdvancePanel(_ref) {
   var meta = _ref.meta,
-    nodeId = _ref.nodeId,
+    value = _ref.value,
     onChange = _ref.onChange;
-  var value = (0, _ContextProvider.useGet)({
-    id: nodeId,
-    path: 'props.advance'
-  });
-  var _useState = (0, _react.useState)((value === null || value === void 0 ? void 0 : value.events) || {}),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    events = _useState2[0],
-    setEvents = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    event = _useState4[0],
-    setEvent = _useState4[1];
-  var metaMap = (0, _ahooks.useCreation)(function () {
-    var _meta$advance;
-    return (0, _lodash.keyBy)((meta === null || meta === void 0 || (_meta$advance = meta.advance) === null || _meta$advance === void 0 ? void 0 : _meta$advance.events) || [], 'key');
-  }, [meta]);
+  var modalRef = (0, _react.useRef)();
   var handleEventClick = (0, _ahooks.useMemoizedFn)(function (e) {
     var payload = e.item.props.payload;
-    setEvent((0, _objectSpread3.default)((0, _objectSpread3.default)({}, payload), {}, {
-      actionPool: null
-    }));
-  });
-  var handleDeleteEvent = (0, _ahooks.useMemoizedFn)(function (ek) {
-    var _ref2 = value || {},
-      events = _ref2.events,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-    var _events = (0, _lodash.omit)(events, [ek]);
-    setEvents(_events);
-    onChange((0, _objectSpread3.default)((0, _objectSpread3.default)({}, rest), {}, {
-      events: _events
-    }));
-  });
-  var handleComfirm = (0, _ahooks.useMemoizedFn)(function (actionPool) {
-    var _ref3 = value || {},
-      events = _ref3.events,
-      rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
-    var _events = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, events), {}, (0, _defineProperty2.default)({}, event.key, actionPool));
-    setEvents(_events);
-    onChange((0, _objectSpread3.default)((0, _objectSpread3.default)({}, rest), {}, {
-      events: _events
-    }));
+    modalRef.current.doOpen(payload.name);
   });
   var eventsMenu = (0, _ahooks.useCreation)(function () {
-    var _meta$advance2;
+    var _meta$advance;
     return /*#__PURE__*/_react.default.createElement(_antd.Menu, {
       onClick: handleEventClick,
       style: {
         fontSize: 12
       }
-    }, (_meta$advance2 = meta.advance) === null || _meta$advance2 === void 0 || (_meta$advance2 = _meta$advance2.events) === null || _meta$advance2 === void 0 ? void 0 : _meta$advance2.map(function (event) {
+    }, (_meta$advance = meta.advance) === null || _meta$advance === void 0 || (_meta$advance = _meta$advance.events) === null || _meta$advance === void 0 ? void 0 : _meta$advance.map(function (event) {
       return /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
         key: event.key,
         payload: event
@@ -96,7 +46,7 @@ var AdvancePanel = function AdvancePanel(_ref) {
         }
       }, event.name)));
     }));
-  }, []);
+  }, [value]);
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Collapse.default, {
     field: "events",
     label: (0, _utils.formatMessage)({
@@ -106,31 +56,7 @@ var AdvancePanel = function AdvancePanel(_ref) {
     bodyStyle: {
       padding: '12px 16px'
     }
-  }, (0, _lodash.keys)(events).map(function (ek) {
-    return /*#__PURE__*/_react.default.createElement(EventItem, null, /*#__PURE__*/_react.default.createElement("span", null, metaMap[ek].name), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-      title: (0, _utils.formatMessage)({
-        id: 'luckda.lowcode.painter.edit',
-        label: '编辑'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-      type: "edit",
-      onClick: function onClick() {
-        return setEvent((0, _objectSpread3.default)((0, _objectSpread3.default)({}, metaMap[ek]), {}, {
-          actionPool: events[ek]
-        }));
-      }
-    })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-      title: (0, _utils.formatMessage)({
-        id: 'luckda.lowcode.painter.delete',
-        label: '删除'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-      type: "delete",
-      onClick: function onClick() {
-        return handleDeleteEvent(ek);
-      }
-    }))));
-  }), /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
+  }, /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
     overlay: eventsMenu,
     placement: "bottomCenter",
     getPopupContainer: function getPopupContainer() {
@@ -143,11 +69,8 @@ var AdvancePanel = function AdvancePanel(_ref) {
     id: "".concat(_I18N_PREFIX_, ".addEventAction"),
     label: '添加事件动作'
   })))), /*#__PURE__*/_react.default.createElement(_ActionBindModal.default, {
-    event: event,
-    onComfirm: handleComfirm,
-    onClose: function onClose() {
-      return setEvent(null);
-    }
+    ref: modalRef,
+    activeNode: value
   }));
 };
 var _default = exports.default = AdvancePanel;