@luck-design-biz/luckda 0.0.24-2 → 0.0.24-3

package/es/lowcode/painter/Panel.js

@@ -1,245 +1,8 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["type", "key", "name", "desc", "default", "props", "panelItem", "next", "repositioning"];
-import React, { useRef, useState, useEffect, useLayoutEffect } from 'react';
-import { useBoolean, useCreation, useMemoizedFn } from 'ahooks';
-import { Breadcrumb, Drawer, Icon } from 'luck-design/antd';
-import classNames from 'classnames';
-import { startsWith, takeRight, cloneDeep, isNil } from 'lodash';
-import { useLDContext } from "../engine/provider/ContextProvider";
-import PanelItem from "./components/PanelItem";
-import PanelItemFactory from "../engine/factory/panel-item-factory";
-import { modifyById } from "../engine/tools/dataProcess";
+import React, { useState, useEffect, useRef } from 'react';
 import styles from "./style/panel.less";
-import StylePanel from "./panel-section/StylePanel";
-var _TAB_LIST_ = [{
-  title: '属性',
-  key: 'attrs'
-}, {
-  title: '样式',
-  key: 'styles'
-}, {
-  title: '高级',
-  key: 'advance'
-}];
 var Panel = function Panel() {
-  var _nextRef$current, _nextRef$current2;
-  var activeTabRef = useRef(null);
-  var underLineRef = useRef(null);
-  var nextRef = useRef(null);
-  var factory = useRef(new PanelItemFactory());
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeNode = _useState2[0],
-    setActiveNode = _useState2[1];
-  var _useState3 = useState('attrs'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    activeTabKey = _useState4[0],
-    setActiveTabKey = _useState4[1];
-  var _useBoolean = useBoolean(false),
-    _useBoolean2 = _slicedToArray(_useBoolean, 2),
-    open = _useBoolean2[0],
-    _useBoolean2$ = _useBoolean2[1],
-    setTrue = _useBoolean2$.setTrue,
-    setFalse = _useBoolean2$.setFalse;
-  var context = useLDContext();
-  var handleChange = 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 = cloneDeep(context.pageData);
-    modifyById(cloneData, activeNode.node.id, _objectSpread(_objectSpread({}, node.props), {}, _defineProperty({}, field, value)));
-    context._setPageData(cloneData).then(function (newData) {
-      context.$publisher(context.topics.COMPONENT_MODIFY, {
-        id: activeNode.node.id,
-        pageData: cloneDeep(newData)
-      });
-      if (repositioning) context.$publisher(context.topics.COMPONENT_REPOSITIONING, {
-        id: activeNode.node.id
-      });
-    });
-    if (nextRef.current.autoClose) {
-      setFalse();
-    }
-  });
-  var handleStyleChange = useMemoizedFn(function (newStyle, newCss) {
-    console.log('style', newStyle, newCss);
-    // setCss(newCss);
-  });
-  var goNext = useMemoizedFn(function (_next) {
-    if (!_next) return;
-    nextRef.current = {
-      name: _next.name,
-      autoClose: _next.autoClose,
-      NextComp: renderPanelItems(_next.props)
-    };
-    setTrue();
-  });
-  var renderPanelItems = useMemoizedFn(function (items) {
-    return items.map(function (_ref) {
-      var type = _ref.type,
-        key = _ref.key,
-        name = _ref.name,
-        desc = _ref.desc,
-        defaultValue = _ref.default,
-        props = _ref.props,
-        panelItem = _ref.panelItem,
-        _next2 = _ref.next,
-        repositioning = _ref.repositioning,
-        rest = _objectWithoutProperties(_ref, _excluded);
-      var Comp = factory.current.getPanelItemFor(startsWith(type, '_') ? 'dynamic' : type, type);
-      if (type === 'group') {
-        return /*#__PURE__*/React.createElement(Comp, {
-          key: key,
-          field: key,
-          label: name,
-          next: _next2 ? function () {
-            return goNext(_next2);
-          } : null,
-          defaultCollapsed: defaultValue,
-          desc: desc
-        }, renderPanelItems(props || []));
-      }
-      var _context$componentMap = context.componentMap.get(activeNode.node.id).api.getSelfAndParentLCData(),
-        node = _context$componentMap.node;
-      return /*#__PURE__*/React.createElement(PanelItem, _extends({
-        key: key,
-        field: key,
-        label: name,
-        desc: desc
-      }, panelItem), Comp && /*#__PURE__*/React.createElement(Comp, _extends({
-        defaultValue: isNil(node.props[key]) ? defaultValue : node.props[key],
-        next: function next() {
-          return goNext(_next2);
-        },
-        onChange: function onChange(value) {
-          return handleChange(key, value, repositioning);
-        },
-        size: "small"
-      }, rest)));
-    });
-  });
-  var PropsComps = useCreation(function () {
-    setActiveTabKey('attrs');
-    var _meta;
-    try {
-      _meta = require("../engine/meta/".concat(activeNode.node.component.toLowerCase(), ".props.json"));
-    } catch (e) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null);
-    }
-    return renderPanelItems(_meta.props);
-  }, [activeNode]);
-  useEffect(function () {
-    if (!open) {
-      nextRef.current = null;
-    }
-  }, [open]);
-  useEffect(function () {
-    var _id = context.$subscriber(context.topics.COMPONENT_ACTIVE).on(function (payload) {
-      setFalse();
-      if (!payload.id) {
-        setActiveNode(null);
-        return;
-      }
-      var component = context.componentMap.get(payload.id);
-      var _component$api$getSel2 = component.api.getSelfAndParentLCData(),
-        node = _component$api$getSel2.node;
-      var levelNodes = takeRight(component.api.getLevelNodes(), 4);
-      setActiveNode({
-        node: node.props,
-        level: levelNodes
-      });
-    }).watch();
-    return function () {
-      context.$unsubscriber(context.topics.COMPONENT_ACTIVE, _id);
-    };
-  }, []);
-  useLayoutEffect(function () {
-    underLineRef.current.style.left = "".concat(activeTabRef.current.offsetLeft + activeTabRef.current.offsetWidth / 2 - 10, "px");
-  }, [activeTabKey, !!activeNode]);
   return /*#__PURE__*/React.createElement("div", {
     className: styles['lc-painter-panel']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles['lc-painter-panel-topbar'], _defineProperty({}, styles.hidden, !activeNode))
-  }, /*#__PURE__*/React.createElement(Breadcrumb, {
-    separator: ">",
-    style: {
-      fontSize: 12
-    }
-  }, activeNode === null || activeNode === void 0 ? void 0 : activeNode.level.map(function (_ref2) {
-    var id = _ref2.id,
-      name = _ref2.name;
-    return /*#__PURE__*/React.createElement(Breadcrumb.Item, {
-      key: id,
-      className: classNames(_defineProperty({}, styles['active-node-level'], id !== activeNode.node.id)),
-      onMouseEnter: function onMouseEnter() {
-        if (id === activeNode.node.id) return;
-        context.$publisher(context.topics.COMPONENT_HOVER, {
-          id: id
-        });
-      },
-      onMouseLeave: function onMouseLeave() {
-        if (id === activeNode.node.id) return;
-        context.$publisher(context.topics.COMPONENT_HOVER, null);
-      },
-      onClick: function onClick() {
-        if (id === activeNode.node.id) return;
-        context.$publisher(context.topics.COMPONENT_ACTIVE, {
-          id: id
-        });
-      }
-    }, name);
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles['lc-painter-panel-tabbar'], _defineProperty({}, styles.hidden, !activeNode))
-  }, /*#__PURE__*/React.createElement("ul", {
-    className: styles.headerList
-  }, (activeNode !== null && activeNode !== void 0 && activeNode.node.style ? _TAB_LIST_ : [_TAB_LIST_[0], _TAB_LIST_[2]]).map(function (_item) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: _item.key,
-      ref: activeTabKey === _item.key ? activeTabRef : null,
-      className: classNames(_defineProperty({}, styles.actived, activeTabKey === _item.key)),
-      onClick: function onClick() {
-        return setActiveTabKey(_item.key);
-      }
-    }, _item.title);
-  })), /*#__PURE__*/React.createElement("div", {
-    ref: underLineRef,
-    className: styles.underline
-  })), activeTabKey === _TAB_LIST_[0].key && /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles['lc-painter-panel-content'], _defineProperty(_defineProperty({}, styles.hidden, !activeNode), styles.showNext, open))
-  }, PropsComps, /*#__PURE__*/React.createElement(Drawer, {
-    visible: open,
-    width: 320,
-    mask: false,
-    closable: false,
-    getContainer: false,
-    destroyOnClose: true,
-    style: {
-      position: 'absolute'
-    },
-    bodyStyle: {
-      padding: 0,
-      height: '100%'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['next-content']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['next-content-header'],
-    onClick: setFalse
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "left"
-  }), (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.name, /*#__PURE__*/React.createElement(Icon, {
-    type: "close"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles['next-content-body']
-  }, (_nextRef$current2 = nextRef.current) === null || _nextRef$current2 === void 0 ? void 0 : _nextRef$current2.NextComp)))), activeTabKey === _TAB_LIST_[1].key && /*#__PURE__*/React.createElement(StylePanel, {
-    onChange: handleStyleChange,
-    value: activeNode === null || activeNode === void 0 ? void 0 : activeNode.node.style
-  }), activeTabKey === _TAB_LIST_[2].key && /*#__PURE__*/React.createElement("div", null, "\u9AD8\u7EA7\u9762\u677F"), /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles['lc-painter-panel-empty'], _defineProperty({}, styles.hidden, !!activeNode))
-  }, "\u8BF7\u5728\u5DE6\u4FA7\u753B\u5E03\u9009\u4E2D\u8282\u70B9"));
+  }, "Panel");
 };
 export default Panel;

package/es/lowcode/painter/Ribbon.js

@@ -1,33 +1,15 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState } from 'react';
+import { useCreation } from 'ahooks';
+import { dynamic } from 'umi';
 import { Box } from 'luck-design';
 import { Icon, Tooltip, Drawer } from 'luck-design/antd';
-import Outline from "./Outline";
-import Components from "./Components";
-import I18n from "./I18n";
 import { formatMessage } from '@luck-design-biz/base/utils';
+import { upperFirst } from 'lodash';
 import styles from "./style/ribbon.less";
 var _WIDTH_ = 48;
-var _DRAWER_PROPS = {
-  placement: 'left',
-  mask: false,
-  getContainer: false,
-  zIndex: 10000,
-  headerStyle: {
-    borderBottom: 'none'
-  },
-  style: {
-    position: 'absolute',
-    left: _WIDTH_
-  },
-  bodyStyle: {
-    overflowY: 'auto',
-    height: 'calc(100% - 55px)',
-    padding: 0
-  }
-};
 var _DRAWER_OUTLINE_ = {
   width: 300,
   key: 'outline',
@@ -38,7 +20,7 @@ var _DRAWER_COMPONENTS_ = {
   width: 310,
   key: 'components',
   title: '组件',
-  fix: true
+  fix: false
 };
 var _DRAWER_I18N_ = {
   width: 450,
@@ -51,6 +33,40 @@ var Ribbon = function Ribbon() {
     _useState2 = _slicedToArray(_useState, 2),
     drawer = _useState2[0],
     setDrawer = _useState2[1];
+  var Detail = useCreation(function () {
+    return dynamic({
+      loader: function () {
+        var _loader = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+          var name, _yield$import, Comp;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                if (!drawer) {
+                  _context.next = 7;
+                  break;
+                }
+                name = upperFirst(drawer.key);
+                _context.next = 4;
+                return import("./".concat(name));
+              case 4:
+                _yield$import = _context.sent;
+                Comp = _yield$import.default;
+                return _context.abrupt("return", Comp);
+              case 7:
+                return _context.abrupt("return", null);
+              case 8:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function loader() {
+          return _loader.apply(this, arguments);
+        }
+        return loader;
+      }()
+    });
+  }, [drawer]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
     className: styles['lc-painter-ribbon'],
     width: _WIDTH_,
@@ -93,50 +109,28 @@ var Ribbon = function Ribbon() {
     onClick: function onClick() {
       return setDrawer((drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_I18N_.key ? null : _DRAWER_I18N_);
     }
-  }))), /*#__PURE__*/React.createElement(Drawer, _extends({
-    title: drawer ? formatMessage({
-      id: "luckda.lowcode.".concat(drawer.key),
-      label: drawer.title
-    }) : '',
-    width: (drawer === null || drawer === void 0 ? void 0 : drawer.width) || 0,
-    visible: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_OUTLINE_.key,
-    onClose: function onClose() {
-      return setDrawer(null);
-    }
-  }, _DRAWER_PROPS, {
-    style: _objectSpread(_objectSpread({}, _DRAWER_PROPS.style), {}, {
-      display: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_OUTLINE_.key ? 'block' : 'none'
-    })
-  }), /*#__PURE__*/React.createElement(Outline, {
-    open: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_OUTLINE_.key
-  })), /*#__PURE__*/React.createElement(Drawer, _extends({
+  }))), /*#__PURE__*/React.createElement(Drawer, {
     title: drawer ? formatMessage({
       id: "luckda.lowcode.".concat(drawer.key),
       label: drawer.title
     }) : '',
+    placement: "left",
     width: (drawer === null || drawer === void 0 ? void 0 : drawer.width) || 0,
-    visible: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_COMPONENTS_.key,
-    onClose: function onClose() {
-      return setDrawer(null);
-    }
-  }, _DRAWER_PROPS, {
-    style: _objectSpread(_objectSpread({}, _DRAWER_PROPS.style), {}, {
-      display: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_COMPONENTS_.key ? 'block' : 'none'
-    })
-  }), /*#__PURE__*/React.createElement(Components, null)), /*#__PURE__*/React.createElement(Drawer, _extends({
-    title: drawer ? formatMessage({
-      id: "luckda.lowcode.".concat(drawer.key),
-      label: drawer.title
-    }) : '',
-    width: (drawer === null || drawer === void 0 ? void 0 : drawer.width) || 0,
-    visible: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_I18N_.key,
+    visible: !!drawer,
+    mask: false,
+    getContainer: false,
     onClose: function onClose() {
       return setDrawer(null);
+    },
+    style: {
+      position: 'absolute',
+      left: _WIDTH_
+    },
+    bodyStyle: {
+      overflowY: 'auto',
+      height: 'calc(100% - 55px)',
+      padding: 0
     }
-  }, _DRAWER_PROPS, {
-    style: _objectSpread(_objectSpread({}, _DRAWER_PROPS.style), {}, {
-      display: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_I18N_.key ? 'block' : 'none'
-    })
-  }), /*#__PURE__*/React.createElement(I18n, null)));
+  }, Detail && /*#__PURE__*/React.createElement(Detail, null)));
 };
 export default Ribbon;

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

@@ -1,92 +1,20 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState, useEffect } from 'react';
-import { useMemoizedFn, useCreation } from 'ahooks';
-import { Tooltip, Icon } from 'luck-design/antd';
-import { startsWith } from 'lodash';
-import classNames from 'classnames';
+import React from 'react';
 import styles from "../style/panel-item.less";
 
 /**
- * `PanelItem` 组件用于展示属性面板中的单个属性项。
- * 它支持展示一个标签（属性名称）及对应的组件（例如输入框、选择器等），并可通过传入的 `addon` 属性添加额外的内容。
- * 此组件支持折叠功能，可以通过 `collapsed` 属性控制初始折叠状态。
- *
- * @component
- * @example
- * ```jsx
- * <PanelItem
- *   label="属性名称"
- *   collapsed={false}
- *   addon={<div>额外内容</div>}
- * >
- *   <input type="text" />
- * </PanelItem>
- * ```
- *
- * @param {Object} props 组件接收的参数。
- * @param {string} props.label 显示的属性名称。如果标签以 `#` 开头，则不显示。
- * @param {boolean} [props.collapsed=true] 初始是否折叠。默认为 `true`。
- * @param {React.ReactNode} props.addon 当属性项展开时，可以在下方显示额外内容。
- * @param {React.ReactNode} props.children 对应于属性名称的组件，可以是输入框、下拉菜单等 React 节点。
- *
- * @returns {React.Element} 渲染属性名称、对应的组件以及可选的额外内容。
+ * 属性面板属性行组件
+ * @param {string} label 属性名
+ * @param {React.ReactNode} component 属性组件
+ * @returns 
  */
 export default function (_ref) {
-  var field = _ref.field,
-    label = _ref.label,
-    desc = _ref.desc,
-    _ref$collapsed = _ref.collapsed,
-    collapsed = _ref$collapsed === void 0 ? true : _ref$collapsed,
-    addon = _ref.addon,
-    suppressPadding = _ref.suppressPadding,
-    children = _ref.children;
-  var _useState = useState(collapsed),
-    _useState2 = _slicedToArray(_useState, 2),
-    curClps = _useState2[0],
-    setCurClps = _useState2[1];
-  var HandleClick = useMemoizedFn(function () {
-    if (!addon) return;
-    setCurClps(!curClps);
-  });
-  var tip = useCreation(function () {
-    var str = void 0;
-    if (field) {
-      str = "\u5C5E\u6027\uFF1A".concat(field);
-    }
-    if (desc) {
-      str += "".concat(str ? ' | ' : '', "\u8BF4\u660E\uFF1A").concat(desc);
-    }
-    return str;
-  }, [field, desc]);
-  useEffect(function () {
-    setCurClps(collapsed);
-  }, [collapsed]);
+  var label = _ref.label,
+    component = _ref.component;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles['lc-painter-components-panelitem'], _defineProperty({}, styles['no-padding'], !!suppressPadding))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['panelrow']
-  }, label && !startsWith(label, '#') && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['item-label']).concat(addon ? ' panel-pointer' : ''),
-    onClick: HandleClick
-  }, addon && /*#__PURE__*/React.createElement(Icon, {
-    className: styles['item-icon'],
-    type: !curClps ? 'down' : 'right'
-  }), /*#__PURE__*/React.createElement(Tooltip, {
-    overlayStyle: {
-      fontSize: '12px'
-    },
-    title: tip,
-    getPopupContainer: function getPopupContainer() {
-      return document.getElementById('lc-design-workspace');
-    }
+    className: styles['lc-painter-components-panelitem']
   }, /*#__PURE__*/React.createElement("span", {
-    style: desc ? {
-      cursor: 'help'
-    } : null
-  }, label))), /*#__PURE__*/React.createElement("span", {
+    className: styles['item-label']
+  }, label), /*#__PURE__*/React.createElement("span", {
     className: styles['item-component']
-  }, children)), !curClps && addon && /*#__PURE__*/React.createElement("div", {
-    className: styles['addon']
-  }, addon));
+  }, component));
 }

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

@@ -1,13 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["onValueChange", "rules", "value", "defaultValue"];
+var _excluded = ["onValueChange", "rules", "value"];
 import React, { forwardRef, useState, useEffect } from 'react';
-import { useUpdateEffect } from 'ahooks';
 import { Input, Tooltip } from 'luck-design/antd';
-import classNames from 'classnames';
 import styles from "../style/rule-input.less";
 
 /**
@@ -45,9 +42,8 @@ export default /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onValueChange = _ref.onValueChange,
     rules = _ref.rules,
     value = _ref.value,
-    defaultValue = _ref.defaultValue,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(value || defaultValue),
+  var _useState = useState(value),
     _useState2 = _slicedToArray(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1]; // 托管输入值的状态
@@ -57,7 +53,7 @@ export default /*#__PURE__*/forwardRef(function (_ref, ref) {
     setErr = _useState4[1];
 
   // 使用useEffect钩子监听value的变化
-  useUpdateEffect(function () {
+  useEffect(function () {
     setInputValue(value);
     setErr(null);
   }, [value]);
@@ -89,14 +85,16 @@ export default /*#__PURE__*/forwardRef(function (_ref, ref) {
       onValueChange(e, value);
     } else {
       setErr(error);
-      console.error(error);
+      console.log('err', error);
     }
   };
+  var className = styles['lc-painter-components-ruleinput'];
+  if (err) className += ' ' + styles['err'];
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
     title: err,
     visible: err
   }, /*#__PURE__*/React.createElement(Input, _extends({
-    className: classNames(styles['lc-painter-components-ruleinput'], _defineProperty({}, styles.err, !!err)),
+    className: className,
     size: "small",
     value: inputValue // 绑定输入值
     ,

package/es/lowcode/painter/index.js

@@ -1,8 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { useEffect } from 'react';
+import React 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";
@@ -11,38 +9,10 @@ import Panel from "./Panel";
 import { RUNTIME } from "../constants/index";
 import styles from "./style/index.less";
 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);
-  //   };
-  // }, []);
-
+  var className = _ref.className;
   return /*#__PURE__*/React.createElement(EventBusProvider, {
     runtime: RUNTIME.DESIGN
-  }, /*#__PURE__*/React.createElement(ContextProvider, {
-    code: code
-  }, /*#__PURE__*/React.createElement("div", {
-    id: "lc-design-workspace",
+  }, /*#__PURE__*/React.createElement(ContextProvider, null, /*#__PURE__*/React.createElement("div", {
     className: classNames(styles['lc-painter'], _defineProperty({}, className, !!className))
   }, /*#__PURE__*/React.createElement(Ribbon, null), /*#__PURE__*/React.createElement(Design, null), /*#__PURE__*/React.createElement(Panel, null))));
 };