@luck-design-biz/luckda 0.0.25-6 → 0.0.25-7

package/es/lowcode/view/lc-components/PageContent/index.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useRef } from 'react';
 import { useMemoizedFn, useCreation } from 'ahooks';
 import styled from 'styled-components';
-import { usePageData } from "../../../engine/provider/ContextProvider";
+import { useGet } from "../../../engine/provider/ContextProvider";
 import useCanvasRender from "../../../engine/tools/useCanvasRender";
 import Wrapper from "../Wrapper";
 import { LC_BUILDIN_UNIT_KEY } from "../../../constants";
@@ -15,12 +15,11 @@ var Div = styled.div.withConfig({
 });
 var PageContent = function PageContent() {
   var ref = useRef();
-  var _usePageData = usePageData([LC_BUILDIN_UNIT_KEY.PAGE_CONTENT, 'props.enableHeader', "".concat(LC_BUILDIN_UNIT_KEY.PAGE_HEADER, ".props.css")]),
-    _usePageData2 = _slicedToArray(_usePageData, 1),
-    _usePageData2$ = _slicedToArray(_usePageData2[0], 3),
-    pagecontent = _usePageData2$[0],
-    enableHeader = _usePageData2$[1],
-    headercss = _usePageData2$[2];
+  var _useGet = useGet([LC_BUILDIN_UNIT_KEY.PAGE_CONTENT, 'props.enableHeader', "".concat(LC_BUILDIN_UNIT_KEY.PAGE_HEADER, ".props.css")]),
+    _useGet2 = _slicedToArray(_useGet, 3),
+    pagecontent = _useGet2[0],
+    enableHeader = _useGet2[1],
+    headercss = _useGet2[2];
   var canvas = useCanvasRender(pagecontent);
   var contentStyle = useCreation(function () {
     if (enableHeader) {
@@ -40,7 +39,7 @@ var PageContent = function PageContent() {
   var getTargetDom = useMemoizedFn(function () {
     return ref.current;
   });
-  return /*#__PURE__*/React.createElement(Wrapper, {
+  return pagecontent ? /*#__PURE__*/React.createElement(Wrapper, {
     id: LC_BUILDIN_UNIT_KEY.PAGE_CONTENT,
     displayName: "PageContent",
     getTargetDom: getTargetDom
@@ -48,6 +47,6 @@ var PageContent = function PageContent() {
     ref: ref,
     $css: pagecontent.props.css,
     style: contentStyle
-  }, canvas));
+  }, canvas)) : null;
 };
 export default PageContent;

package/es/lowcode/view/lc-components/PageFooter/index.js

@@ -1,8 +1,7 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useRef } from 'react';
 import { useMemoizedFn } from 'ahooks';
 import styled from 'styled-components';
-import { usePageData } from "../../../engine/provider/ContextProvider";
+import { useGet } from "../../../engine/provider/ContextProvider";
 import useCanvasRender from "../../../engine/tools/useCanvasRender";
 import Wrapper from "../Wrapper";
 import { LC_BUILDIN_UNIT_KEY } from "../../../constants";
@@ -14,9 +13,7 @@ var Div = styled.div.withConfig({
 });
 var PageFooter = function PageFooter() {
   var ref = useRef();
-  var _usePageData = usePageData(LC_BUILDIN_UNIT_KEY.PAGE_FOOTER),
-    _usePageData2 = _slicedToArray(_usePageData, 1),
-    pagefoot = _usePageData2[0];
+  var pagefoot = useGet(LC_BUILDIN_UNIT_KEY.PAGE_FOOTER);
   var canvas = useCanvasRender(pagefoot);
   var getTargetDom = useMemoizedFn(function () {
     return ref.current;

package/es/lowcode/view/lc-components/PageHeader/index.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useRef } from 'react';
 import { useMemoizedFn } from 'ahooks';
 import styled from 'styled-components';
-import { usePageData } from "../../../engine/provider/ContextProvider";
+import { useGet } from "../../../engine/provider/ContextProvider";
 import useCanvasRender from "../../../engine/tools/useCanvasRender";
 import Wrapper from "../Wrapper";
 import { LC_BUILDIN_UNIT_KEY } from "../../../constants";
@@ -14,11 +14,10 @@ var Div = styled.div.withConfig({
 });
 var PageHeader = function PageHeader() {
   var ref = useRef();
-  var _usePageData = usePageData([LC_BUILDIN_UNIT_KEY.PAGE_HEADER, 'props.fixedHeader']),
-    _usePageData2 = _slicedToArray(_usePageData, 1),
-    _usePageData2$ = _slicedToArray(_usePageData2[0], 2),
-    pageheader = _usePageData2$[0],
-    fixed = _usePageData2$[1];
+  var _useGet = useGet([LC_BUILDIN_UNIT_KEY.PAGE_HEADER, 'props.fixedHeader']),
+    _useGet2 = _slicedToArray(_useGet, 2),
+    pageheader = _useGet2[0],
+    fixed = _useGet2[1];
   var canvas = useCanvasRender(pageheader);
   var getTargetDom = useMemoizedFn(function () {
     return ref.current;

package/es/lowcode/view/lc-components/PageModal/index.js

@@ -1,23 +1,20 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { reduce } from 'lodash';
-import { usePageData } from "../../../engine/provider/ContextProvider";
+import { useGet } from "../../../engine/provider/ContextProvider";
 import useCanvasRender from "../../../engine/tools/useCanvasRender";
 import { LC_BUILDIN_UNIT_KEY_LIST } from "../../../constants";
 var PageModal = function PageModal() {
-  var _usePageData = usePageData(function (pagedata) {
-      return reduce(pagedata.children, function (result, childId) {
-        if (!LC_BUILDIN_UNIT_KEY_LIST.includes(childId)) {
-          result[childId] = pagedata[childId];
-          if (!result.children) {
-            result.children = [];
-          }
-          result.children.push(childId);
+  var pagemodal = useGet(function (pagedata) {
+    return reduce(pagedata === null || pagedata === void 0 ? void 0 : pagedata.children, function (result, childId) {
+      if (!LC_BUILDIN_UNIT_KEY_LIST.includes(childId)) {
+        result[childId] = pagedata[childId];
+        if (!result.children) {
+          result.children = [];
         }
-        return result;
-      }, {});
-    }),
-    _usePageData2 = _slicedToArray(_usePageData, 1),
-    pagemodal = _usePageData2[0];
+        result.children.push(childId);
+      }
+      return result;
+    }, {});
+  });
   return useCanvasRender(pagemodal);
 };
 export default PageModal;

package/es/lowcode/view/lc-components/Section/FunctionDesign.js

@@ -1,13 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children", "id"];
 import React from 'react';
 import Index from "./index";
 import { useCreation } from 'ahooks';
 import { suid } from '@luck-design-biz/base/utils';
-import { useContext, usePageData } from "../../../engine/provider/ContextProvider";
+import { useContext, addNode } from "../../../engine/provider/ContextProvider";
 import { add } from "../../../engine/tools/dataProcess";
 import boxDefaultMeta from "../../../engine/meta/box.props.default.json";
 var FunctionDesign = function FunctionDesign(_ref) {
@@ -15,20 +14,15 @@ var FunctionDesign = function FunctionDesign(_ref) {
     id = _ref.id,
     props = _objectWithoutProperties(_ref, _excluded);
   var ctx = useContext();
-  var _usePageData = usePageData(),
-    _usePageData2 = _slicedToArray(_usePageData, 2),
-    setPageData = _usePageData2[1].setPageData;
   useCreation(function () {
     if (children !== null && children !== void 0 && children.length) return;
     ctx.$subscriber(ctx.topics.COMPONENT_APPEND).once(function (_ref2) {
-      var compId = _ref2.id,
-        pageData = _ref2.pageData;
+      var compId = _ref2.id;
       if (compId !== id) return;
       var boxId = "box_".concat(suid());
-      add(pageData, id, boxId, _objectSpread(_objectSpread({}, boxDefaultMeta), {}, {
+      addNode(id, boxId, _objectSpread(_objectSpread({}, boxDefaultMeta), {}, {
         buildIn: true
       }));
-      setPageData(pageData);
     }).watch();
   }, []);
   return /*#__PURE__*/React.createElement(Index, _extends({

package/es/lowcode/view/lc-components/Split/FunctionDesign.js

@@ -1,14 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children", "id", "display"];
 import React, { useEffect } from 'react';
 import { useCreation, useMemoizedFn } from 'ahooks';
 import { suid } from '@luck-design-biz/base/utils';
-import { useContext, usePageData } from "../../../engine/provider/ContextProvider";
+import { useContext, useGet, addNode, deleteNode } from "../../../engine/provider/ContextProvider";
 import Index from "./index";
-import { add, deleteById, findNodeAndParent } from "../../../engine/tools/dataProcess";
 import boxDefaultMeta from "../../../engine/meta/box.props.default.json";
 var FunctionDesign = function FunctionDesign(_ref) {
   var children = _ref.children,
@@ -16,41 +14,36 @@ var FunctionDesign = function FunctionDesign(_ref) {
     display = _ref.display,
     props = _objectWithoutProperties(_ref, _excluded);
   var ctx = useContext();
-  var _usePageData = usePageData(),
-    _usePageData2 = _slicedToArray(_usePageData, 2),
-    setPageData = _usePageData2[1].setPageData;
-  var refreshChild = useMemoizedFn(function (_pageData) {
-    var _findNodeAndParent = findNodeAndParent(id, _pageData),
-      current = _findNodeAndParent.node;
+  var current = useGet({
+    id: id
+  });
+  var refreshChild = useMemoizedFn(function () {
     var ratioArr = display.ratio ? display.ratio.split(':') : new Array(display.type.length);
     drop(current.children, ratioArr.length).forEach(function (boxId) {
-      deleteById(_pageData, boxId);
+      deleteNode(boxId);
     });
     ratioArr.forEach(function (_, index) {
       var _current$children;
       if (!((_current$children = current.children) !== null && _current$children !== void 0 && _current$children[index])) {
-        add(_pageData, id, "box_".concat(suid()), _objectSpread(_objectSpread({}, boxDefaultMeta), {}, {
+        addNode(id, "box_".concat(suid()), _objectSpread(_objectSpread({}, boxDefaultMeta), {}, {
           buildIn: true
         }));
       }
     });
-    setPageData(_pageData);
   });
   useCreation(function () {
     if (children !== null && children !== void 0 && children.length) return;
     ctx.$subscriber(ctx.topics.COMPONENT_APPEND).once(function (_ref2) {
-      var compId = _ref2.id,
-        pageData = _ref2.pageData;
+      var compId = _ref2.id;
       if (compId !== id) return;
-      refreshChild(pageData);
+      refreshChild();
     }).watch();
   }, []);
   useEffect(function () {
     var cmid = ctx.$subscriber(ctx.topics.COMPONENT_MODIFY).on(function (_ref3) {
-      var compId = _ref3.id,
-        pageData = _ref3.pageData;
+      var compId = _ref3.id;
       if (compId !== id) return;
-      refreshChild(pageData);
+      refreshChild();
     }).watch();
     return function () {
       return ctx.$unsubscriber(ctx.topics.COMPONENT_MODIFY, cmid);

package/es/lowcode/view/lc-components/Table/index.js

@@ -1,11 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useRef, forwardRef } from 'react';
+import React, { useRef, useImperativeHandle, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { useMemoizedFn, useCreation, useUnmount } from 'ahooks';
 import { isNil, isString, keyBy } from 'lodash';
 import classNames from 'classnames';
+import { Modal, recheck } from '@luck-design-biz/base';
 import { useContext, useRemoteSource } from "../../../engine/provider/ContextProvider";
 import Wrapper from "../Wrapper";
 import { LdGrid, LDActions } from "../../../../index";
@@ -55,8 +56,16 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var ctx = useContext();
   var _useRemoteSource = useRemoteSource(),
     module = _useRemoteSource.module;
+  var apiRef = useRef();
   var wrapperRef = useRef();
   var instanceRef = useRef();
+  useImperativeHandle(apiRef, function () {
+    return {
+      getInstance: function getInstance() {
+        return instanceRef.current;
+      }
+    };
+  });
   var _pagination = useCreation(function () {
     return {
       isFlow: !pagination,
@@ -89,11 +98,28 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
                 };
                 return action;
               }(function (data, rowIndex, params) {
-                ctx.doAction(action.actionPool, {
-                  data: data,
-                  rowIndex: rowIndex,
-                  params: params
-                });
+                var doAction = function doAction() {
+                  ctx.doAction(action.actionPool, {
+                    data: data,
+                    rowIndex: rowIndex,
+                    params: params,
+                    datasetCode: dataset.code
+                  });
+                };
+                if (action.riskLevel === 'danger') {
+                  Modal.confirm({
+                    title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+                    onOk: doAction
+                  });
+                } else if (action.riskLevel === 'destroy') {
+                  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();
+                }
               }),
               resource: action.serial,
               style: action.riskLevel === 'default' ? null : {
@@ -126,14 +152,16 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
             data: data,
             isSelected: isSelected,
             SelectedRows: SelectedRows,
-            params: params
+            params: params,
+            datasetCode: dataset.code
           });
         },
         onChange: function onChange(rows, nodes, params) {
           ctx.doAction(advance.events.onRowSelected, {
             rows: rows,
             nodes: nodes,
-            params: params
+            params: params,
+            datasetCode: dataset.code
           });
         }
       }
@@ -157,7 +185,8 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
       onBatchOperationsClick: function onBatchOperationsClick(key, selectedRows) {
         ctx.doAction(action.actionPool, {
           key: key,
-          selectedRows: selectedRows
+          selectedRows: selectedRows,
+          datasetCode: dataset.code
         });
       }
     };
@@ -202,7 +231,7 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     return !!(topActionGroup !== null && topActionGroup !== void 0 && (_topActionGroup$todoL = topActionGroup.todoList) !== null && _topActionGroup$todoL !== void 0 && _topActionGroup$todoL.length) ? /*#__PURE__*/React.createElement(LDActions, _extends({}, topActionGroup, {
       doAction: function doAction(action) {
         return ctx.doAction(action, {
-          indtance: instanceRef.current
+          datasetCode: dataset.code
         });
       }
     })) : null;
@@ -227,31 +256,32 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     };
   });
   var _readFilter = useMemoizedFn(function (params, filters) {
-    return ctx._setPagePublicResource({
+    return ctx.setPagePublicResource(_defineProperty({}, id, {
       params: params,
       filters: filters
-    });
+    }));
   });
   var _handleGridReady = useMemoizedFn(function (params, instance) {
-    instanceRef.current = instance;
     onGridReady === null || onGridReady === void 0 || onGridReady(params, instance);
     ctx.doAction(advance.events.onMount, {
       params: params,
-      instance: instance
+      datasetCode: dataset.code
     });
   });
   var _handleRowClick = useMemoizedFn(function (data, rowIndex, params) {
     ctx.doAction(advance.events.onRowClick, {
       data: data,
       rowIndex: rowIndex,
-      params: params
+      params: params,
+      datasetCode: dataset.code
     });
   });
   var _handleRowDoubleClick = useMemoizedFn(function (data, rowIndex, params) {
     ctx.doAction(advance.events.onRowDoubleClick, {
       data: data,
       rowIndex: rowIndex,
-      params: params
+      params: params,
+      datasetCode: dataset.code
     });
   });
   var _handleRowDragged = useMemoizedFn(function (toId, fromId, params) {
@@ -259,12 +289,14 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
       ctx.doAction(advance.events.onRowDragged, {
         toId: toId,
         fromId: fromId,
-        params: params
+        params: params,
+        datasetCode: dataset.code
       });
     } else {
-      ctx.doAction([['drag', {
+      var _actionsPool = [['drag', {
         category: 'page-action',
-        code: JSON.stringify({
+        code: "function onRowDragged(toId, fromId, params){return {data: { toId, fromId }};}",
+        code1: JSON.stringify({
           moduleCode: module.moduleCode,
           datasetCode: dataset.code,
           data: {
@@ -272,24 +304,32 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
             fromId: fromId
           }
         })
-      }]]);
+      }]];
+      ctx.doAction(_actionsPool, {
+        toId: toId,
+        fromId: fromId,
+        params: params,
+        datasetCode: dataset.code
+      });
     }
   });
   var _afterInit = useMemoizedFn(function (res, dispatch, props) {
     ctx.doAction(advance.events.afterInit, {
       res: res,
       dispatch: dispatch,
-      props: props
+      props: props,
+      datasetCode: dataset.code
     });
   });
   var _afterQuery = useMemoizedFn(function (res) {
     ctx.doAction(advance.events.afterQuery, {
-      res: res
+      res: res,
+      datasetCode: dataset.code
     });
   });
   useUnmount(function () {
     ctx.doAction(advance.events.onUnmount, {
-      instance: instanceRef.current
+      datasetCode: dataset.code
     });
   });
   var getTargetDom = useMemoizedFn(function () {
@@ -298,13 +338,15 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
     displayName: "Table",
-    getTargetDom: getTargetDom
+    getTargetDom: getTargetDom,
+    api: apiRef
   }, /*#__PURE__*/React.createElement(LdGrid, _extends({
-    ref: ref,
+    ref: ref || instanceRef,
     wrapper: wrapperRef,
     wrapperProps: _wrapperProps,
     width: width,
     height: height,
+    _loading: ctx.loading,
     bordered: bordered,
     className: classNames(_defineProperty({}, className, !!className)),
     ldId: id,

package/es/lowcode/view/lc-components/Table/meta.json

@@ -61,7 +61,7 @@
             "name": "顶部按钮组",
             "type": "_ActionsEditor",
             "default": { "display": "button", "max": 2, "moreText": "操作", "todoList": [] },
-            "defaultCode": "function todo(instance) { \n \n}",
+            "defaultCode": "function todo() { \n \n}",
             "wrapper": "collapse"
           },
           {
@@ -100,7 +100,7 @@
             "name": "表格操作项",
             "type": "_ActionsEditor",
             "default": { "display": "text", "max": 2, "moreText": "更多操作", "todoList": [] },
-            "defaultCode": "function onActionClick(data) {\n\n}",
+            "defaultCode": "function onActionClick(data, rowIndex, params) {\n\n}",
             "wrapper": "collapse",
             "wrapperProps": { "suppressIcon": true }
           }
@@ -344,13 +344,13 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params, instance)=>{\n\t\n}"
+        "func": "(params)=>{\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(instance)=>{\n\t\n}"
+        "func": "()=>{\n\t\n}"
       },
       {
         "key": "onRowClick",

package/es/lowcode/view/lc-components/Tabs/FunctionDesign.js

@@ -1,14 +1,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children", "id", "items"];
 import React, { useEffect } from 'react';
 import Index from "./index";
 import { useCreation } from 'ahooks';
 import { suid } from '@luck-design-biz/base/utils';
-import { useContext, usePageData } from "../../../engine/provider/ContextProvider";
-import { add, findNodeAndParent } from "../../../engine/tools/dataProcess";
+import { useContext, useGet, addNode } from "../../../engine/provider/ContextProvider";
 import boxDefaultMeta from "../../../engine/meta/box.props.default.json";
 var FunctionDesign = function FunctionDesign(_ref) {
   var children = _ref.children,
@@ -16,27 +15,24 @@ var FunctionDesign = function FunctionDesign(_ref) {
     items = _ref.items,
     props = _objectWithoutProperties(_ref, _excluded);
   var ctx = useContext();
-  var _usePageData = usePageData(),
-    _usePageData2 = _slicedToArray(_usePageData, 2),
-    setPageData = _usePageData2[1].setPageData;
+  var current = useGet({
+    id: id
+  });
   useCreation(function () {
     if (children !== null && children !== void 0 && children.length) return;
     ctx.$subscriber(ctx.topics.COMPONENT_APPEND).once(function (_ref2) {
-      var compId = _ref2.id,
-        pageData = _ref2.pageData;
+      var compId = _ref2.id;
       if (compId !== id) return;
       var boxId = "box_".concat(suid());
-      add(pageData, id, boxId, _objectSpread(_objectSpread({}, boxDefaultMeta), {}, {
+      addNode(id, boxId, _objectSpread(_objectSpread({}, boxDefaultMeta), {}, {
         buildIn: true,
         tabId: items[0].id
       }));
-      setPageData(pageData);
     }).watch();
   }, []);
   useEffect(function () {
     var cmid = ctx.$subscriber(ctx.topics.COMPONENT_MODIFY).on(function (_ref3) {
       var compId = _ref3.id,
-        pageData = _ref3.pageData,
         newValue = _ref3.newValue,
         oldValue = _ref3.oldValue;
       if (compId !== id || !newValue.hasOwnProperty('items')) return;
@@ -45,23 +41,19 @@ var FunctionDesign = function FunctionDesign(_ref) {
           _differenceBy2 = _slicedToArray(_differenceBy, 1),
           newItem = _differenceBy2[0];
         var boxId = "box_".concat(suid());
-        add(pageData, id, boxId, _objectSpread(_objectSpread({}, boxDefaultMeta), {}, {
+        addNode(id, boxId, _objectSpread(_objectSpread({}, boxDefaultMeta), {}, {
           buildIn: true,
           tabId: newItem.id
         }));
-        setPageData(pageData);
       } else if (newValue.items.length < oldValue.items.length) {
         var _differenceBy3 = differenceBy(oldValue.items, newValue.items, 'id'),
           _differenceBy4 = _slicedToArray(_differenceBy3, 1),
           removeItem = _differenceBy4[0];
-        var _findNodeAndParent = findNodeAndParent(id, pageData),
-          current = _findNodeAndParent.node;
         var _boxId = current.children.find(function (childId) {
           return current[childId].props.tabId === removeItem.id;
         });
         ctx.$publisher(ctx.topics.COMPONENT_DELETE, {
-          id: _boxId,
-          pageData: pageData
+          id: _boxId
         });
       }
     }).watch();

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "wrapperRef", "className", "dataset", "width", "height", "showLine", "defaultExpandDeep", "actions", "editable", "showRootAdd", "rootAddSetting", "doubleClickExpand", "onDoubleClick", "treeNodeCheckable", "treeNodeDisableCheckbox", "treeNodeDisable", "onTreeNodeRender", "treeNodeIcon", "advance"];
+var _excluded = ["id", "wrapperRef", "className", "dataset", "width", "height", "showLine", "defaultExpandDeep", "actions", "editable", "showRootAdd", "onlyRoot", "rootAddSetting", "doubleClickExpand", "onDoubleClick", "treeNodeCheckable", "treeNodeDisableCheckbox", "treeNodeDisable", "onTreeNodeRender", "treeNodeIcon", "advance"];
 import React, { useRef, useImperativeHandle, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { useMemoizedFn, useCreation } from 'ahooks';
@@ -27,6 +27,7 @@ var LCTree = function LCTree(_ref) {
     actions = _ref.actions,
     editable = _ref.editable,
     showRootAdd = _ref.showRootAdd,
+    onlyRoot = _ref.onlyRoot,
     rootAddSetting = _ref.rootAddSetting,
     doubleClickExpand = _ref.doubleClickExpand,
     onDoubleClick = _ref.onDoubleClick,
@@ -125,6 +126,7 @@ var LCTree = function LCTree(_ref) {
         return ctx.doAction(rootAddSetting.actionPool);
       }
     } : null,
+    onlyRoot: onlyRoot,
     rightMenus: function rightMenus() {
       return actions.todoList.map(function (action) {
         return {
@@ -257,6 +259,11 @@ LCTree.propTypes = {
    * @type bool
    */
   showRootAdd: PropTypes.bool,
+  /**
+   * @name 是否只有唯一一个根节点
+   * @type bool
+   */
+  onlyRoot: PropTypes.bool,
   /**
    * @name 根节点配置
    * @type object

package/es/lowcode/view/lc-components/Tree/meta.json

@@ -168,6 +168,13 @@
                 "type": "switch",
                 "default": true
               },
+              {
+                "key": "onlyRoot",
+                "name": "根节点唯一",
+                "desc": "树组件仅一个根节点，如数据根节点数大于0，则不允许根节点新增",
+                "type": "switch",
+                "default": false
+              },
               {
                 "key": "rootAddSetting",
                 "name": "根节点配置",

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

@@ -1,10 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect } from 'react';
 import { useLatest, useCreation } from 'ahooks';
 import { omit } from 'lodash';
-import { useContext, usePageData } from "../../engine/provider/ContextProvider";
-import { findNodeAndParent, getPathNodesById } from "../../engine/tools/dataProcess";
+import { useContext, useGet, getLevelNodes as _getLevelNodes, getSelfAndParent } from "../../engine/provider/ContextProvider";
 import { LC_COMPONENT_UNIT_KEY, LC_COMPONENT_UNIT, RUNTIME } from "../../constants";
 import DragDropWrapper from "../../painter/components/DragDrop/DragDropWrapper";
 var LCWrapper = function LCWrapper(_ref) {
@@ -14,23 +12,23 @@ var LCWrapper = function LCWrapper(_ref) {
     getTargetDom = _ref.getTargetDom,
     api = _ref.api;
   var ctx = useContext();
-  var _usePageData = usePageData(),
-    _usePageData2 = _slicedToArray(_usePageData, 1),
-    pageData = _usePageData2[0];
-  var _pageData = useLatest(pageData);
+  var selfData = useGet({
+    id: id
+  });
+  var _selfData = useLatest(selfData);
   useCreation(function () {
     var meta = displayName ? require("../../engine/meta/".concat(displayName.toLowerCase(), ".props.json")) : {};
     var _api = {
       self: children,
       getSelfData: function getSelfData() {
-        return children.props;
+        return _selfData.current;
       },
       getSelfDom: getTargetDom,
-      getSelfAndParentLCData: function getSelfAndParentLCData() {
-        return findNodeAndParent(id, _pageData.current);
+      getSelfAndParentData: function getSelfAndParentData() {
+        return getSelfAndParent(id);
       },
       getLevelNodes: function getLevelNodes() {
-        return getPathNodesById(_pageData.current, id);
+        return _getLevelNodes(id);
       }
     };
     ctx._register(id, new Proxy({