@luck-design-biz/luckda 0.0.25-9 → 0.0.26

package/lib/lowcode/view/lc-components/Tabs/index.js

@@ -6,129 +6,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactDom = require("react-dom");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _antd = require("luck-design/antd");
-var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _LdRuntimeCom = _interopRequireDefault(require("../../../../components/LdRuntimeCom"));
-var _helper = require("../../../engine/tools/helper");
-var _tabsPropsDefault = _interopRequireDefault(require("../../../engine/meta/tabs.props.default.json"));
-var StyledTabs = (0, _styledComponents.default)(_antd.Tabs).withConfig({
-  displayName: "StyledTabs",
-  componentId: "luckda-6530__sc-ht1jge-0"
-})([".ant-tabs-content{", "}", ""], function (props) {
-  return props.type === 'line' ? 'height: calc(100% - 62px);' : 'height: calc(100% - 56px);';
-}, function (props) {
-  return props.$css;
-});
+var _excluded = ["id", "children"];
 var LCTabs = function LCTabs(_ref) {
-  var children = _ref.children,
-    id = _ref.id,
-    items = _ref.items,
-    type = _ref.type,
-    tabPosition = _ref.tabPosition,
-    tabBarGutter = _ref.tabBarGutter,
-    tabBarExtraContent = _ref.tabBarExtraContent,
-    css = _ref.css,
-    advance = _ref.advance;
+  var id = _ref.id,
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ref = (0, _react.useRef)();
-  var ctx = (0, _ContextProvider.useContext)();
-  var _defaultActiveKey = (0, _ahooks.useCreation)(function () {
-    var _items$find;
-    return (_items$find = items.find(function (_ref2) {
-      var active = _ref2.active;
-      return active;
-    })) === null || _items$find === void 0 ? void 0 : _items$find.id;
-  }, [items]);
-  (0, _ahooks.useMount)(function () {
-    ctx.doAction(advance.events.onMount, {
-      instance: ref.current
-    });
-  });
-  (0, _ahooks.useUnmount)(function () {
-    ctx.doAction(advance.events.onUnmount, {
-      instance: ref.current
-    });
-  });
-  var handleTabClick = (0, _ahooks.useMemoizedFn)(function (tabKey, e) {
-    ctx.doAction(advance.events.onTabClick, {
-      tabKey: tabKey,
-      e: e
-    });
-  });
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
-    return (0, _reactDom.findDOMNode)(ref.current);
+    return ref.current;
   });
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
-    displayName: "Tabs",
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/_react.default.createElement(StyledTabs, {
-    ref: ref,
-    defaultActiveKey: _defaultActiveKey,
-    type: type,
-    tabPosition: tabPosition,
-    tabBarGutter: tabBarGutter,
-    tabBarExtraContent: tabBarExtraContent ? /*#__PURE__*/_react.default.createElement(_LdRuntimeCom.default, null, tabBarExtraContent) : null,
-    $css: css,
-    onTabClick: handleTabClick
-  }, items.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(_antd.Tabs.TabPane, {
-      tab: item.name,
-      key: item.id,
-      forceRender: item.destory
-    }, children === null || children === void 0 ? void 0 : children.find(function (child) {
-      return child.props.tabId === item.id;
-    }));
-  })));
-};
-LCTabs.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
-   */
-  id: _propTypes.default.string.isRequired,
-  /**
-   * @name 标签项
-   * @type _TabItems
-   */
-  items: _propTypes.default.arrayOf(_propTypes.default.shape({
-    id: _propTypes.default.string.isRequired,
-    name: _propTypes.default.string,
-    active: _propTypes.default.bool,
-    destory: _propTypes.default.bool,
-    serial: _propTypes.default.string,
-    serialEffect: _propTypes.default.oneOf[('hidden', 'disable')]
-  })),
-  /**
-   * @name 基本样式
-   * @type segmented
-   * @options [{"label": "线条式","value": "line"},{"label": "卡片式","value": "card"}]
-   * @default "line"
-   */
-  type: _propTypes.default.oneOf(['line', 'card']),
-  /**
-   * @name 页签位置
-   * @type segmented
-   * @options [{"label": "上","value": "top"},{"label": "右","value": "right"},{"label": "下","value": "bottom"},{"label": "左","value": "left"}]
-   * @default "top"
-   */
-  tabPosition: _propTypes.default.oneOf(['top', 'right', 'bottom', 'left']),
-  /**
-   * @name Tab间隙
-   * @type number
-   */
-  tabBarGutter: _propTypes.default.number,
-  /**
-   * @name tab bar 上额外的元素
-   * @type _JSEditor
-   */
-  tabBarExtraContent: _propTypes.default.node
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, "LCTabs", children));
 };
-LCTabs.defaultProps = (0, _helper.omitBadProps)(_tabsPropsDefault.default);
 var _default = exports.default = LCTabs;

package/lib/lowcode/view/lc-components/Text/index.js

@@ -20,7 +20,6 @@ var LCText = function LCText(_ref) {
   });
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
-    displayName: "Text",
     getTargetDom: getTargetDom
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,

package/lib/lowcode/view/lc-components/Tree/index.js

@@ -6,412 +6,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _lodash = require("lodash");
-var _base = require("@luck-design-biz/base");
-var _utils = require("@luck-design-biz/base/utils");
-var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _index = require("../../../../index");
-var _helper = require("../../../engine/tools/helper");
-var _treePropsDefault = _interopRequireDefault(require("../../../engine/meta/tree.props.default.json"));
-var _index2 = _interopRequireDefault(require("./index.less"));
-var _excluded = ["id", "wrapperRef", "className", "dataset", "width", "height", "showLine", "defaultExpandDeep", "actions", "editable", "showRootAdd", "onlyRoot", "rootAddSetting", "doubleClickExpand", "onDoubleClick", "treeNodeCheckable", "treeNodeDisableCheckbox", "treeNodeDisable", "onTreeNodeRender", "treeNodeIcon", "advance", "cancelSelect", "defaultSelect"];
-var PRIMARY = window.appConfig.constraintKeys.PRIMARY;
+var _excluded = ["id"];
 var LCTree = function LCTree(_ref) {
   var id = _ref.id,
-    wrapperRef = _ref.wrapperRef,
-    className = _ref.className,
-    dataset = _ref.dataset,
-    width = _ref.width,
-    height = _ref.height,
-    showLine = _ref.showLine,
-    defaultExpandDeep = _ref.defaultExpandDeep,
-    actions = _ref.actions,
-    editable = _ref.editable,
-    showRootAdd = _ref.showRootAdd,
-    onlyRoot = _ref.onlyRoot,
-    rootAddSetting = _ref.rootAddSetting,
-    doubleClickExpand = _ref.doubleClickExpand,
-    onDoubleClick = _ref.onDoubleClick,
-    _treeNodeCheckable = _ref.treeNodeCheckable,
-    _treeNodeDisableCheckbox = _ref.treeNodeDisableCheckbox,
-    _treeNodeDisable = _ref.treeNodeDisable,
-    onTreeNodeRender = _ref.onTreeNodeRender,
-    _treeNodeIcon = _ref.treeNodeIcon,
-    advance = _ref.advance,
-    cancelSelect = _ref.cancelSelect,
-    defaultSelect = _ref.defaultSelect,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var ctx = (0, _ContextProvider.useContext)();
-  var boxRef = (0, _react.useRef)();
-  var apiRef = (0, _react.useRef)();
-  var treeRef = (0, _react.useRef)();
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    selectedKeys = _useState2[0],
-    setSelectedKeys = _useState2[1];
+  var ref = (0, _react.useRef)();
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
-    return boxRef.current;
+    return ref.current;
   });
-  (0, _react.useImperativeHandle)(apiRef, function () {
-    return {
-      getInstance: function getInstance() {
-        return treeRef.current;
-      }
-    };
-  });
-  (0, _react.useEffect)(function () {
-    var tid = ctx.$subscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED).on(function (_ref2) {
-      var resource = _ref2.resource,
-        prevResource = _ref2.prevResource;
-      ctx.doAction(advance.events.onPagePublicResourceChanged, {
-        resource: resource,
-        prevResource: prevResource,
-        instance: treeRef.current
-      });
-    }).watch();
-    return function () {
-      ctx.$unsubscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED, tid);
-    };
-  }, []);
-  var handleMount = (0, _ahooks.useMemoizedFn)(function (params) {
-    ctx.doAction(advance.events.onMount, {
-      params: params
-    });
-  });
-  var handleUnmount = (0, _ahooks.useMemoizedFn)(function () {
-    ctx.doAction(advance.events.onUnmount);
-  });
-  var handleProcessDataSource = (0, _ahooks.useMemoizedFn)(function (data) {
-    ctx.doAction(advance.events.processDataSource, {
-      data: data
-    });
-  });
-  var handleNodeDoubleClick = (0, _ahooks.useMemoizedFn)(function (e, rowData) {
-    ctx.doAction(advance.events.onDoubleClick, {
-      e: e,
-      rowData: rowData
-    });
-  });
-  var handleCheck = (0, _ahooks.useMemoizedFn)(function (checkedKeys, e) {
-    ctx.doAction(advance.events.onCheck, {
-      checkedKeys: checkedKeys,
-      e: e
-    });
-  });
-  var handleDrop = (0, _ahooks.useMemoizedFn)(function (info, dragInfo) {
-    ctx.doAction(advance.events.onCheck, {
-      info: info,
-      dragInfo: dragInfo
-    });
-  });
-  var events = (0, _ahooks.useCreation)(function () {
-    if (advance !== null && advance !== void 0 && advance.events) {
-      var _events = {};
-      if (advance.events.onMount) _events.onMount = handleMount;
-      if (advance.events.onUnmount) _events.onUnmount = handleUnmount;
-      if (advance.events.processDataSource) _events.dataToTreeFormat = handleProcessDataSource;
-      if (advance.events.onDoubleClick) _events.onNodeDoubleClick = handleNodeDoubleClick;
-      if (advance.events.onCheck) _events.onCheck = handleCheck;
-      if (advance.events.onDrop) _events.onDrop = handleDrop;
-      return _events;
-    }
-    return {};
-  }, [advance === null || advance === void 0 ? void 0 : advance.events]);
-  var handleSelect = (0, _ahooks.useMemoizedFn)(function (_selectedKeys, e) {
-    if (cancelSelect || e.selected) {
-      setSelectedKeys(_selectedKeys);
-      ctx.setPagePublicResource((0, _defineProperty2.default)({}, id, {
-        selectedNodes: e.selectedNodes.map(function (i) {
-          var _i$props;
-          return (i === null || i === void 0 || (_i$props = i.props) === null || _i$props === void 0 ? void 0 : _i$props.dataRef) || i;
-        })
-      }));
-    }
-    ctx.doAction(advance.events.onSelect, {
-      checkedKeys: _selectedKeys,
-      e: e
-    });
-  });
-  var afterInit = (0, _ahooks.useMemoizedFn)(function (treeData, data) {
-    var selected = !(0, _lodash.isNil)(defaultSelect) ? (0, _helper.executeCode)(ctx, defaultSelect, ['treeData'], treeData) : null;
-    selected && handleSelect(selected, {
-      selected: true,
-      selectedNodes: selected.map(function (key) {
-        return (0, _lodash.keyBy)(data, PRIMARY)[key];
-      })
-    });
-  });
-  var handleAction = function handleAction(action, params) {
-    var doAction = function doAction() {
-      ctx.doAction(action.actionPool, params);
-    };
-    if (action.riskLevel === 'danger') {
-      _base.Modal.confirm({
-        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
-        onOk: doAction
-      });
-    } else if (action.riskLevel === 'destroy') {
-      (0, _base.recheck)({
-        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
-        checkWords: "\u6267\u884C".concat(action.name),
-        onOk: doAction
-      });
-    } else {
-      doAction();
-    }
-  };
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
-    displayName: "Tree",
-    getTargetDom: getTargetDom,
-    api: apiRef
+    getTargetDom: getTargetDom
   }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: boxRef,
-    style: {
-      width: width,
-      height: height
-    }
-  }, /*#__PURE__*/_react.default.createElement(_index.LdTree, (0, _extends2.default)({
-    width: "100%",
-    height: "100%",
-    id: id,
-    ldId: id,
-    ref: treeRef,
-    className: (0, _classnames.default)(_index2.default['lc-component-tree'], (0, _defineProperty2.default)({}, className, !!className)),
-    dataSetKey: dataset === null || dataset === void 0 ? void 0 : dataset.code,
-    showLine: showLine,
-    readOnly: !editable,
-    defaultExpandDeep: defaultExpandDeep === 'all' ? defaultExpandDeep : Number(defaultExpandDeep),
-    rootAdd: showRootAdd ? {
-      resource: rootAddSetting.serial,
-      onClick: function onClick() {
-        return ctx.doAction(rootAddSetting.actionPool);
-      }
-    } : null,
-    onlyRoot: onlyRoot,
-    rightMenus: function rightMenus() {
-      return actions.todoList.map(function (action) {
-        return {
-          key: (0, _utils.suid)(),
-          name: action.name,
-          onClick: function onClick(_, data) {
-            handleAction(action, {
-              data: data,
-              datasetCode: dataset === null || dataset === void 0 ? void 0 : dataset.code
-            });
-          },
-          resource: action.serial,
-          style: action.riskLevel === 'default' ? null : {
-            color: {
-              danger: '#ff7875',
-              destroy: '#ff4d4f'
-            }[action.riskLevel]
-          }
-        };
-      });
-    },
-    doubleClickExpand: doubleClickExpand,
-    treeNodeCheckable: function treeNodeCheckable(i) {
-      if ((0, _lodash.isNil)(_treeNodeCheckable)) return props.checkable;
-      return (0, _helper.executeCode)(ctx, _treeNodeCheckable, ['item'], i);
-    },
-    treeNodeDisableCheckbox: function treeNodeDisableCheckbox(i) {
-      if ((0, _lodash.isNil)(_treeNodeDisableCheckbox)) return false;
-      return (0, _helper.executeCode)(ctx, _treeNodeDisableCheckbox, ['item'], i);
-    },
-    treeNodeDisable: function treeNodeDisable(i) {
-      if ((0, _lodash.isNil)(_treeNodeDisable)) return false;
-      return (0, _helper.executeCode)(ctx, _treeNodeDisable, ['item'], i);
-    },
-    treeNodeIcon: function treeNodeIcon(node) {
-      if (!_treeNodeIcon || _treeNodeIcon.length === 0) return null;
-      var icon = null;
-      _treeNodeIcon.forEach(function (i) {
-        if (i.condition && (0, _helper.executeCode)(ctx, i.condition, ['item'], node)) {
-          icon = i.icon;
-        }
-      });
-      return icon ? /*#__PURE__*/_react.default.createElement(_base.IconFont, {
-        type: icon
-      }) : false;
-    },
-    onTreeNodeRender: onTreeNodeRender ? function (title, i) {
-      return (0, _helper.executeCode)(ctx, onTreeNodeRender, ['title', 'item'], title, i);
-    } : null,
-    selectedKeys: selectedKeys,
-    onSelect: handleSelect,
-    afterInit: afterInit
-  }, events, props))));
-};
-LCTree.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
-   */
-  id: _propTypes.default.string.isRequired,
-  /**
-   * @name 数据集
-   * @type _DataSetSelector
-   */
-  dataset: _propTypes.default.shape({
-    code: _propTypes.default.string.isRequired,
-    uid: _propTypes.default.string.isRequired
-  }),
-  /**
-   * @name 标题
-   * @type string
-   * @disabled true
-   */
-  title: _propTypes.default.string,
-  /**
-   * @name 是否只读
-   * @type boolean
-   */
-  readOnly: _propTypes.default.bool,
-  /**
-   * @name 支持拖拽
-   * @type boolean
-   */
-  draggable: _propTypes.default.bool,
-  /**
-   * @name 异步加载
-   * @type boolean
-   */
-  asyncLoad: _propTypes.default.bool,
-  /**
-   * @name 异步加载Key
-   * @type string
-   */
-  iparentid: _propTypes.default.string,
-  /**
-   * @name 宽度
-   * @type string
-   */
-  width: _propTypes.default.string,
-  /**
-   * @name 高度
-   * @type string
-   */
-  height: _propTypes.default.string,
-  /**
-   * @name 显示线
-   * @type bool
-   */
-  showLine: _propTypes.default.bool,
-  /**
-   * @name 展示字段
-   * @type string
-   */
-  treeNodeTitle: _propTypes.default.string,
-  /**
-   * @name 展示字段
-   * @type string
-   */
-  defaultExpandDeep: _propTypes.default.string,
-  /**
-   * @name 显示图标
-   * @type bool
-   */
-  showIcon: _propTypes.default.bool,
-  /**
-   * @name 节点图标设置
-   * @type array
-   */
-  treeNodeIcon: _propTypes.default.array,
-  /**
-   * @name 是否显示根节点
-   * @type bool
-   */
-  showRootAdd: _propTypes.default.bool,
-  /**
-   * @name 是否只有唯一一个根节点
-   * @type bool
-   */
-  onlyRoot: _propTypes.default.bool,
-  /**
-   * @name 根节点配置
-   * @type object
-   */
-  rootAddSetting: _propTypes.default.object,
-  /**
-   * @name 节点操作项
-   * @type object
-   */
-  actions: _propTypes.default.object,
-  /**
-   * @name 双击收缩节点
-   * @type bool
-   */
-  doubleClickExpand: _propTypes.default.bool,
-  /**
-   * @name 复选框
-   * @type bool
-   */
-  checkable: _propTypes.default.bool,
-  /**
-   * @name 节点是否有复选框
-   * @type _JSEditor
-   * @default "function treeNodeCheckable(item) { \n return true; \n}"
-   */
-  treeNodeCheckable: _propTypes.default.string,
-  /**
-   * @name 节点复选框是否禁用
-   * @type _JSEditor
-   * @default "function treeNodeDisableCheckbox(item) { \n return false; \n}"
-   */
-  treeNodeDisableCheckbox: _propTypes.default.string,
-  /**
-   * @name 节点是否禁用
-   * @type _JSEditor
-   * @default "function treeNodeDisable(item) { \n return false; \n}"
-   */
-  treeNodeDisable: _propTypes.default.string,
-  /**
-   * @name 节点定制渲染
-   * @type _JSEditor
-   * @default "function onTreeNodeRender(title, item) { \n return title; \n}"
-   */
-  onTreeNodeRender: _propTypes.default.string,
-  /**
-   * @name 组件首次渲染时
-   * @type _JSEditor
-   */
-  onMount: _propTypes.default.string,
-  /**
-   * @name 组件卸载时
-   * @type _JSEditor
-   */
-  onUnmount: _propTypes.default.string,
-  /**
-   * @name 数据预处理
-   * @type _JSEditor
-   */
-  processDataSource: _propTypes.default.string,
-  /**
-   * @name 双击事件
-   * @type _JSEditor
-   */
-  onDoubleClick: _propTypes.default.string,
-  /**
-   * @name 复选框选择事件
-   * @type _JSEditor
-   */
-  onCheck: _propTypes.default.string,
-  /**
-   * @name 选中事件
-   * @type _JSEditor
-   */
-  onSelect: _propTypes.default.string
+    ref: ref
+  }, "LCTree"));
 };
-LCTree.defaultProps = (0, _helper.omitBadProps)(_treePropsDefault.default);
 var _default = exports.default = LCTree;

package/lib/lowcode/view/lc-components/Wrapper.js

@@ -8,70 +8,46 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
-var _ahooks = require("ahooks");
-var _lodash = require("lodash");
 var _ContextProvider = require("../../engine/provider/ContextProvider");
+var _dataProcess = require("../../engine/tools/dataProcess");
 var _constants = require("../../constants");
-var _DragDropWrapper = _interopRequireDefault(require("../../painter/components/DragDrop/DragDropWrapper"));
 var LCWrapper = function LCWrapper(_ref) {
   var id = _ref.id,
-    displayName = _ref.displayName,
     children = _ref.children,
     getTargetDom = _ref.getTargetDom,
     api = _ref.api;
-  var ctx = (0, _ContextProvider.useContext)();
-  var selfData = (0, _ContextProvider.useGet)({
-    id: id
+  var context = (0, _ContextProvider.useLDContext)();
+  var _apiRef = (0, _react.useRef)({
+    getSelfAndParentLCData: function getSelfAndParentLCData() {
+      return (0, _dataProcess.findNodeAndParent)(id, context.pageData);
+    }
   });
-  var _selfData = (0, _ahooks.useLatest)(selfData);
-  (0, _ahooks.useCreation)(function () {
-    var meta = displayName ? require("../../engine/meta/".concat(displayName.toLowerCase(), ".props.json")) : {};
-    var _api = {
-      self: children,
-      getSelfData: function getSelfData() {
-        return _selfData.current;
-      },
-      getSelfDom: getTargetDom,
-      getSelfAndParentData: function getSelfAndParentData() {
-        return (0, _ContextProvider.getSelfAndParent)(id);
-      },
-      getLevelNodes: function getLevelNodes() {
-        return (0, _ContextProvider.getLevelNodes)(id);
-      }
-    };
-    ctx._register(id, new Proxy({
-      meta: (0, _lodash.omit)(meta, ['props', 'css', 'advance'])
+  (0, _react.useEffect)(function () {
+    var dom = getTargetDom();
+    if (dom) {
+      dom.setAttribute('id', id);
+      dom.classList.add(_constants.CELL_CLASS_NAME);
+    }
+    context.register(id, new Proxy({
+      dom: dom
     }, {
       get: function get(target, property, receiver) {
         if (property === 'api') {
-          return api ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _api), api.current) : _api;
+          return api ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _apiRef.current), api.current) : _apiRef.current;
         }
         return Reflect.get(target, property, receiver);
       }
     }));
-  }, []);
-  (0, _react.useEffect)(function () {
-    var dom = getTargetDom();
-    if (dom) {
-      dom.setAttribute('id', id);
-      dom.setAttribute(_constants.LC_COMPONENT_UNIT_KEY, _constants.LC_COMPONENT_UNIT);
-    }
-    ctx.$publisher(ctx.topics.COMPONENT_MOUNT, {
+    context.$publisher(context.topics.COMPONENT_MOUNT, {
       id: id
     });
     return function () {
-      ctx._unregister(id);
-      ctx.$publisher(ctx.topics.COMPONENT_UNMOUNT, {
+      context.unregister(id);
+      context.$publisher(context.topics.COMPONENT_UNMOUNT, {
         id: id
       });
     };
   }, []);
-  if (ctx.runtime === _constants.RUNTIME.DESIGN) {
-    return /*#__PURE__*/_react.default.createElement(_DragDropWrapper.default, {
-      id: id,
-      getTargetDom: getTargetDom
-    }, children);
-  }
   return children;
 };
 var _default = exports.default = LCWrapper;

package/lib/lowcode/view/style/page.less

@@ -2,7 +2,5 @@
   position: relative;
   width: 100%;
   height: 100%;
-}
-.lc-view-page.isloading {
   overflow: hidden;
-}
+}