@luck-design-biz/luckda 0.0.25 → 0.0.26

package/es/lowcode/painter/DesignOperator.js

@@ -1,271 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useRef, useEffect, useState } from 'react';
-import { last, initial } from 'lodash';
-import { useEventListener, useSetState, useMemoizedFn, useCreation, useSize, useLatest } from 'ahooks';
-import { Icon, Dropdown, message } from 'luck-design/antd';
-import { cloneDeep, reverse } from 'lodash';
-import { suid } from '@luck-design-biz/base/utils';
-import { useLDContext } from "../engine/provider/ContextProvider";
-import { add, deleteById } from "../engine/tools/dataProcess";
-import { CELL_KEY, CELL_CLASS_NAME } from "../constants";
-import styles from "./style/design.less";
-var _MODAL_COMPONENT_ = ['Dialog', 'Drawer'];
-var getOperatorStyle = function getOperatorStyle(page, cellNode) {
-  var _page$getBoundingClie = page.getBoundingClientRect(),
-    pageLeft = _page$getBoundingClie.left,
-    pageTop = _page$getBoundingClie.top;
-  var _cellNode$getBounding = cellNode.getBoundingClientRect(),
-    cellNodeLeft = _cellNode$getBounding.left,
-    cellNodeTop = _cellNode$getBounding.top;
-  return {
-    left: "".concat(cellNodeLeft - pageLeft, "px"),
-    top: "".concat(cellNodeTop - pageTop, "px"),
-    width: "".concat(cellNode.offsetWidth, "px"),
-    height: "".concat(cellNode.offsetHeight, "px")
-  };
-};
-var DesignOperator = function DesignOperator(_ref) {
-  var _getDomById, _getDomById2;
-  var target = _ref.target;
-  var context = useLDContext();
-  var size = useSize(target);
-  var _useState = useState(suid()),
-    _useState2 = _slicedToArray(_useState, 2),
-    positionKey = _useState2[0],
-    setPositionKey = _useState2[1];
-  var _useSetState = useSetState({
-      selector: null,
-      detector: null
-    }),
-    _useSetState2 = _slicedToArray(_useSetState, 2),
-    operatorId = _useSetState2[0],
-    setOperatorId = _useSetState2[1];
-  var lastSelectorId = useLatest(operatorId.selector);
-  var currentModal = useRef(null);
-  var getDomById = useMemoizedFn(function (id) {
-    return context.componentMap.get(id).dom;
-  });
-  var handleSelect = useMemoizedFn(function (_key) {
-    context.$publisher(context.topics.COMPONENT_ACTIVE, _key ? {
-      id: _key
-    } : null);
-  });
-  var handleHover = useMemoizedFn(function (_key) {
-    context.$publisher(context.topics.COMPONENT_HOVER, _key ? {
-      id: _key
-    } : null);
-  });
-  var handleDelete = useMemoizedFn(function (_ref2) {
-    var id = _ref2.id,
-      parentId = _ref2.parentId;
-    context.$publisher(context.topics.COMPONENT_ACTIVE, null);
-    var cloneData = cloneDeep(context.pageData);
-    deleteById(cloneData, id);
-    context._setPageData(cloneData).then(function (newData) {
-      context.$publisher(context.topics.COMPONENT_DELETE, {
-        id: id,
-        parentId: parentId,
-        pageData: newData
-      });
-    });
-  });
-  var addComponent = useMemoizedFn(function (data, targetId) {
-    var json = require("../engine/meta/".concat(data.component.toLowerCase(), ".props.default.json"));
-    var _id = "".concat(data.component.toLowerCase(), "_").concat(suid());
-    var cloneData = cloneDeep(context.pageData);
-    add(cloneData, targetId, _id, json);
-    context.$subscriber(context.topics.COMPONENT_MOUNT).once(function (_ref3) {
-      var mountCompId = _ref3.id;
-      if (mountCompId === _id) {
-        context.$publisher(context.topics.COMPONENT_APPEND, {
-          id: _id,
-          pageData: cloneData
-        });
-      }
-    }).watch();
-    context._setPageData(cloneData);
-  });
-  var acticeProps = useCreation(function () {
-    if (!operatorId.selector) return null;
-    var levelNodes = context.componentMap.get(operatorId.selector).api.getLevelNodes();
-    return {
-      props: last(levelNodes),
-      menu: /*#__PURE__*/React.createElement("div", {
-        className: styles['next-overlay-wrapper'],
-        onMouseLeave: function onMouseLeave() {
-          return handleHover();
-        }
-      }, reverse(initial(levelNodes)).map(function (m) {
-        return /*#__PURE__*/React.createElement("div", {
-          key: m.id
-        }, /*#__PURE__*/React.createElement("span", {
-          onClick: function onClick() {
-            return handleSelect(m.id);
-          },
-          onMouseOver: function onMouseOver() {
-            return handleHover(m.id);
-          }
-        }, m.name));
-      }))
-    };
-  }, [operatorId.selector]);
-  var lastDetectorNode = useCreation(function () {
-    return operatorId.detector ? last(context.componentMap.get(operatorId.detector).api.getLevelNodes()) : null;
-  }, [operatorId.detector]);
-  useEventListener('mousemove', function (event) {
-    var elem = event.target;
-    var targetCell = elem.closest(".".concat(CELL_CLASS_NAME));
-    var targetCellId = targetCell === null || targetCell === void 0 ? void 0 : targetCell.id;
-    if (targetCellId && targetCellId !== operatorId.detector && targetCellId !== operatorId.selector) {
-      setOperatorId({
-        detector: targetCellId
-      });
-      context.$publisher(context.topics.COMPONENT_HOVER, {
-        id: targetCellId
-      });
-    } else if (!targetCell || targetCellId === operatorId.selector) {
-      setOperatorId({
-        detector: null
-      });
-      context.$publisher(context.topics.COMPONENT_HOVER, null);
-    }
-  }, {
-    target: target
-  });
-  useEventListener('mouseleave', function () {
-    if (operatorId.detector) {
-      setOperatorId({
-        detector: null
-      });
-      context.$publisher(context.topics.COMPONENT_HOVER, null);
-    }
-  }, {
-    target: target
-  });
-  useEventListener('click', function (event) {
-    var elem = event.target;
-    var targetCell = elem.closest(".".concat(CELL_CLASS_NAME));
-    var targetCellId = targetCell === null || targetCell === void 0 ? void 0 : targetCell.id;
-    if (!targetCellId || targetCellId === operatorId.selector) return;
-    context.$publisher(context.topics.COMPONENT_HOVER, null);
-    context.$publisher(context.topics.COMPONENT_ACTIVE, {
-      id: targetCell.id
-    });
-  }, {
-    target: target
-  });
-  useEffect(function () {
-    var csid = context.$subscriber(context.topics.COMPONENT_SETTING_CLICK).on(function (_ref4) {
-      var data = _ref4.data;
-      if (_MODAL_COMPONENT_.includes(data.component)) {
-        context.$subscriber(context.topics.COMPONENT_APPEND).once(function (_ref5) {
-          var compId = _ref5.id;
-          context.$publisher(context.topics.COMPONENT_MODAL_TOGGLE, {
-            toggle: true,
-            id: compId
-          });
-          context.$publisher(context.topics.COMPONENT_ACTIVE, {
-            id: compId
-          });
-        }).watch();
-        addComponent(data, CELL_KEY.PAGE_ROOT);
-        return;
-      }
-      if (!lastSelectorId.current) {
-        message.info('请在右侧画布选择节点');
-        return;
-      }
-      if (context.componentMap.get(lastSelectorId.current).dom.getAttribute('name') !== 'box') {
-        message.info('该节点不支持添加子节点');
-        return;
-      }
-      addComponent(data, lastSelectorId.current);
-    }).watch();
-    var hcid = context.$subscriber(context.topics.COMPONENT_HOVER).on(function (payload) {
-      if (payload.id) setOperatorId({
-        detector: payload.id
-      });else setOperatorId({
-        detector: null
-      });
-    }).watch();
-    var acid = context.$subscriber(context.topics.COMPONENT_ACTIVE).on(function (payload) {
-      if (payload.id) {
-        setOperatorId({
-          selector: payload.id,
-          detector: null
-        });
-      } else {
-        setOperatorId({
-          selector: null
-        });
-      }
-    }).watch();
-    var cmtid = context.$subscriber(context.topics.COMPONENT_MODAL_TOGGLE).on(function (_ref6) {
-      var toggle = _ref6.toggle,
-        id = _ref6.id;
-      if (toggle) {
-        target.current.style.setProperty('overflow', 'hidden');
-        var _modal = context.componentMap.get(id);
-        var _prevModal = currentModal.current ? context.componentMap.get(currentModal.current) : null;
-        _prevModal === null || _prevModal === void 0 || _prevModal.api.doClose();
-        _modal.api.doOpen();
-        currentModal.current = id;
-      } else {
-        target.current.style.removeProperty('overflow');
-        var _modal2 = context.componentMap.get(id || currentModal.current);
-        _modal2.api.doClose();
-        currentModal.current = void 0;
-      }
-    }).watch();
-    return function () {
-      context.$unsubscriber(context.topics.COMPONENT_SETTING_CLICK, csid);
-      context.$unsubscriber(context.topics.COMPONENT_HOVER, hcid);
-      context.$unsubscriber(context.topics.COMPONENT_ACTIVE, acid);
-      context.$unsubscriber(context.topics.MODAL_OPEN, cmtid);
-    };
-  }, []);
-  useEffect(function () {
-    var crid = context.$subscriber(context.topics.COMPONENT_REPOSITIONING).on(function (payload) {
-      if (payload.id === operatorId.selector) setPositionKey(suid());
-    }).watch();
-    return function () {
-      context.$unsubscriber(context.topics.COMPONENT_REPOSITIONING, crid);
-    };
-  }, [operatorId.selector]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, operatorId.detector && /*#__PURE__*/React.createElement("div", {
-    id: "lc-detector",
-    className: styles['lc-painter-design-detector'],
-    style: getOperatorStyle(target.current, getDomById(operatorId.detector))
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles['lc-painter-design-detector-name'],
-    style: {
-      top: ((_getDomById = getDomById(operatorId.detector)) === null || _getDomById === void 0 ? void 0 : _getDomById.offsetTop) < 23 ? 0 : '-23px'
-    }
-  }, lastDetectorNode ? "".concat(lastDetectorNode.name, "(").concat(operatorId.detector, ")") : null)), operatorId.selector && /*#__PURE__*/React.createElement("div", {
-    id: "lc-selector",
-    key: "".concat((size === null || size === void 0 ? void 0 : size.width) || 0, "-").concat((size === null || size === void 0 ? void 0 : size.height) || 0, "-").concat(positionKey),
-    className: styles['lc-painter-design-selector'],
-    style: getOperatorStyle(target.current, getDomById(operatorId.selector))
-  }, acticeProps && /*#__PURE__*/React.createElement("div", {
-    className: styles['lc-borders-actions'],
-    style: acticeProps.props.id === CELL_KEY.PAGE_ROOT ? {
-      top: 0
-    } : ((_getDomById2 = getDomById(operatorId.selector)) === null || _getDomById2 === void 0 ? void 0 : _getDomById2.offsetTop) < 23 ? {
-      bottom: '-23px'
-    } : {
-      top: '-23px'
-    }
-  }, /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: acticeProps.menu,
-    placement: "bottomLeft"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "instance-node-selector"
-  }, acticeProps.props.name)), /*#__PURE__*/React.createElement("div", {
-    onClick: function onClick() {
-      return handleDelete(acticeProps.props);
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "delete"
-  })))));
-};
-export default DesignOperator;

package/es/lowcode/painter/DesignToolbar.js

@@ -1,91 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useEffect, useState } from 'react';
-import classNames from 'classnames';
-import { Select, Button, Icon, Divider } from 'luck-design/antd';
-import { useLDContext } from "../engine/provider/ContextProvider";
-import { CELL_KEY } from "../constants";
-import styles from "./style/design.less";
-var DesignToolbar = function DesignToolbar(_ref) {
-  var locale = _ref.locale,
-    onLangChange = _ref.onLangChange;
-  var context = useLDContext();
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    langList = _useState2[0],
-    setLangList = _useState2[1];
-  var _useState3 = useState('pc'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    activedTarget = _useState4[0],
-    setActivedTarget = _useState4[1];
-  useEffect(function () {
-    var topicId = context.$subscriber(context.topics.LANG_SETTING_SELECT).on(function (_ref2) {
-      var _langList = _ref2.langList;
-      return setLangList(_langList);
-    }).watch();
-    return function () {
-      return context.$unsubscriber(context.topics.LANG_SETTING_SELECT, topicId);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles['lc-painter-design-toolbar']
-  }, /*#__PURE__*/React.createElement(Select, {
-    size: "small",
-    value: langList ? locale : undefined,
-    className: styles['i18n-selecter'],
-    style: {
-      fontSize: 12
-    },
-    onSelect: onLangChange
-  }, langList === null || langList === void 0 ? void 0 : langList.map(function (item) {
-    return /*#__PURE__*/React.createElement(Select.Option, {
-      key: item.field,
-      value: item.field
-    }, item.title);
-  })), /*#__PURE__*/React.createElement("span", {
-    className: classNames(styles['toolbar-item'], _defineProperty({}, styles.actived, activedTarget === 'pc')),
-    onClick: function onClick() {
-      return setActivedTarget('pc');
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "laptop"
-  })), /*#__PURE__*/React.createElement("span", {
-    className: classNames(styles['toolbar-item'], _defineProperty({}, styles.actived, activedTarget === 'mobile')),
-    onClick: function onClick() {
-      return setActivedTarget('mobile');
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "mobile"
-  })), /*#__PURE__*/React.createElement(Divider, {
-    type: "vertical"
-  }), /*#__PURE__*/React.createElement("span", {
-    style: {
-      width: 'auto',
-      fontSize: 12
-    },
-    className: styles['toolbar-item'],
-    onClick: function onClick() {
-      context.$publisher(context.topics.COMPONENT_ACTIVE, {
-        id: CELL_KEY.PAGE_ROOT
-      });
-    }
-  }, "\u9875\u9762\u5C5E\u6027"), /*#__PURE__*/React.createElement(Divider, {
-    type: "vertical"
-  }), /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    style: {
-      fontSize: 12,
-      margin: '0 2px'
-    }
-  }, "\u9884\u89C8"), /*#__PURE__*/React.createElement(Divider, {
-    type: "vertical"
-  }), /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    type: "primary",
-    style: {
-      fontSize: 12,
-      margin: '0 0 0 2px'
-    }
-  }, "\u4FDD\u5B58"));
-};
-export default DesignToolbar;

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

@@ -1,180 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState, forwardRef, useImperativeHandle } from 'react';
-import { useMemoizedFn, useCreation, useMap } from 'ahooks';
-import { Modal, Icon, Input, Checkbox } from 'luck-design/antd';
-import classNames from 'classnames';
-import { reduce } from 'lodash';
-import { useLDContext } from "../../engine/provider/ContextProvider";
-import JSEditor from "./code-editor/JSEditor";
-import { formatMessage } from '@luck-design-biz/base/utils';
-import styles from "../style/action-bind-modal.less";
-var _I18N_PREFIX_ = 'luckda.lowcode.painter.actionBindModal';
-var _ACTION_CATEGORY_ = [{
-  key: 'actions',
-  label: formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".actions"),
-    label: '页面行为'
-  })
-}, {
-  key: 'trigger',
-  label: formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".trigger"),
-    label: '触发器'
-  })
-}, {
-  key: 'code',
-  label: formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".code"),
-    label: '自定义动作'
-  })
-}];
-var _CATEGORY_CODE_ITEMS = [{
-  key: 'coding',
-  label: formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".coding"),
-    label: '动作编写'
-  })
-}];
-var ActionBindModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var activeNode = _ref.activeNode,
-    onComfirm = _ref.onComfirm;
-  var context = useLDContext();
-  var _useState = useState(void 0),
-    _useState2 = _slicedToArray(_useState, 2),
-    title = _useState2[0],
-    setTitle = _useState2[1];
-  var _useState3 = useState('actions'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    category = _useState4[0],
-    setCategory = _useState4[1];
-  var _useMap = useMap([]),
-    _useMap2 = _slicedToArray(_useMap, 2),
-    actionPool = _useMap2[0],
-    _useMap2$ = _useMap2[1],
-    set = _useMap2$.set,
-    remove = _useMap2$.remove,
-    reset = _useMap2$.reset,
-    get = _useMap2$.get;
-  var selectItems = useCreation(function () {
-    if (category === 'actions') {
-      return [];
-    } else if (category === 'trigger') {
-      return reduce(context.componentList, function (ret, _ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2),
-          key = _ref3[0],
-          target = _ref3[1];
-        if (key !== activeNode.id) {
-          ret.push({
-            key: key,
-            label: "".concat(target.api.getSelfAndParentLCData().node.props.name, "(").concat(key, ")")
-          });
-        }
-        return ret;
-      }, []);
-    } else if (category === 'code') {
-      return _CATEGORY_CODE_ITEMS;
-    }
-    return [];
-  }, [category]);
-  var handleClose = useMemoizedFn(function () {
-    setTitle(void 0);
-  });
-  var handleComfirm = useMemoizedFn(function () {
-    handleClose();
-  });
-  var handleSearch = useMemoizedFn(function (val) {});
-  useImperativeHandle(ref, function () {
-    return {
-      doOpen: function doOpen(title) {
-        setTitle(title);
-      }
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(Modal, {
-    className: styles['lc-painter-panel-action-bind-modal'],
-    bodyStyle: {
-      marginTop: 0,
-      padding: '4px 24px'
-    },
-    title: title,
-    visible: !!title,
-    width: 960,
-    closable: false,
-    maskClosable: false,
-    getContainer: function getContainer() {
-      return document.getElementById('lc-design-workspace');
-    },
-    zIndex: 3000,
-    onCancel: handleClose,
-    onOk: handleComfirm
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['lc-painter-panel-action-bind-modal-body']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['lc-painter-panel-action-bind-modal-body-left']
-  }, /*#__PURE__*/React.createElement("p", null, formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".bind"),
-    label: '绑定动作'
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles['selector-box']
-  }, /*#__PURE__*/React.createElement("ul", {
-    className: classNames(styles['selector-box-ul'], styles['action-category'])
-  }, _ACTION_CATEGORY_.map(function (_ref4) {
-    var key = _ref4.key,
-      label = _ref4.label;
-    return /*#__PURE__*/React.createElement("li", {
-      key: key,
-      className: classNames(_defineProperty({}, styles.active, key === category)),
-      onClick: function onClick() {
-        return setCategory(key);
-      }
-    }, label, key === category && /*#__PURE__*/React.createElement(Icon, {
-      type: "check",
-      className: styles['check-icon']
-    }));
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles['selecter-items-box']
-  }, category !== 'code' && /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 42,
-      display: 'flex',
-      justifyContent: 'center'
-    }
-  }, /*#__PURE__*/React.createElement(Input.Search, {
-    placeholder: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".search"),
-      label: '搜索'
-    }),
-    size: "small",
-    onSearch: handleSearch,
-    style: {
-      width: 170,
-      alignSelf: 'center'
-    }
-  })), /*#__PURE__*/React.createElement("ul", {
-    className: classNames(styles['selector-box-ul'], styles['selecter-items'])
-  }, selectItems.map(function (_ref5) {
-    var key = _ref5.key,
-      label = _ref5.label;
-    return /*#__PURE__*/React.createElement("li", {
-      key: key,
-      className: classNames(_defineProperty({}, styles.active, actionPool.has(key))),
-      onClick: function onClick() {
-        return set(key, label);
-      }
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      checked: actionPool.has(key),
-      style: {
-        marginRight: 4
-      }
-    }), label);
-  }))))), /*#__PURE__*/React.createElement("div", {
-    className: styles['lc-painter-panel-action-bind-modal-body-right']
-  }, category === 'code' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".coding"),
-    label: '动作编写'
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles['code-box']
-  }, /*#__PURE__*/React.createElement(JSEditor, null))))));
-});
-export default ActionBindModal;

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

@@ -1,68 +0,0 @@
-import React, { useRef } from 'react';
-import { useCreation, useMemoizedFn } from 'ahooks';
-import { Menu, Dropdown, Button, Tooltip } from 'luck-design/antd';
-import { formatMessage } from '@luck-design-biz/base/utils';
-import Collapse from "./Collapse";
-import ActionBindModal from "./ActionBindModal";
-var _I18N_PREFIX_ = 'luckda.lowcode.painter.advancePanel';
-var AdvancePanel = function AdvancePanel(_ref) {
-  var meta = _ref.meta,
-    value = _ref.value,
-    onChange = _ref.onChange;
-  var modalRef = useRef();
-  var handleEventClick = useMemoizedFn(function (e) {
-    var payload = e.item.props.payload;
-    modalRef.current.doOpen(payload.name);
-  });
-  var eventsMenu = useCreation(function () {
-    var _meta$advance;
-    return /*#__PURE__*/React.createElement(Menu, {
-      onClick: handleEventClick,
-      style: {
-        fontSize: 12
-      }
-    }, (_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.createElement(Menu.Item, {
-        key: event.key,
-        payload: event
-      }, /*#__PURE__*/React.createElement(Tooltip, {
-        title: event.desc || event.name,
-        placement: "left",
-        getPopupContainer: function getPopupContainer() {
-          return document.getElementById('lc-design-workspace');
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        style: {
-          width: '100%',
-          fontSize: 12
-        }
-      }, event.name)));
-    }));
-  }, [value]);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Collapse, {
-    field: "events",
-    label: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".events"),
-      label: '事件'
-    }),
-    bodyStyle: {
-      padding: '12px 16px'
-    }
-  }, /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: eventsMenu,
-    placement: "bottomCenter",
-    getPopupContainer: function getPopupContainer() {
-      return document.getElementById('lc-design-workspace');
-    }
-  }, /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    block: true
-  }, formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".addEventAction"),
-    label: '添加事件动作'
-  })))), /*#__PURE__*/React.createElement(ActionBindModal, {
-    ref: modalRef,
-    activeNode: value
-  }));
-};
-export default AdvancePanel;