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

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

@@ -8,14 +8,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _utils = require("@luck-design-biz/base/utils");
+var _lodash = require("lodash");
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _index = _interopRequireDefault(require("./index"));
-var _dataProcess = require("../../../engine/tools/dataProcess");
 var _boxPropsDefault = _interopRequireDefault(require("../../../engine/meta/box.props.default.json"));
 var _excluded = ["children", "id", "display"];
 var FunctionDesign = function FunctionDesign(_ref) {
@@ -24,41 +23,41 @@ var FunctionDesign = function FunctionDesign(_ref) {
     display = _ref.display,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ctx = (0, _ContextProvider.useContext)();
-  var _usePageData = (0, _ContextProvider.usePageData)(),
-    _usePageData2 = (0, _slicedToArray2.default)(_usePageData, 2),
-    setPageData = _usePageData2[1].setPageData;
-  var refreshChild = (0, _ahooks.useMemoizedFn)(function (_pageData) {
-    var _findNodeAndParent = (0, _dataProcess.findNodeAndParent)(id, _pageData),
-      current = _findNodeAndParent.node;
-    var ratioArr = display.ratio ? display.ratio.split(':') : new Array(display.type.length);
-    drop(current.children, ratioArr.length).forEach(function (boxId) {
-      (0, _dataProcess.deleteById)(_pageData, boxId);
+  var current = (0, _ContextProvider.useGet)({
+    id: id
+  });
+  var refreshChild = (0, _ahooks.useMemoizedFn)(function () {
+    var _current$children;
+    var ratioArr = display.ratio.split(':');
+    if (ratioArr.length === ((_current$children = current.children) === null || _current$children === void 0 ? void 0 : _current$children.length)) return;
+    (0, _lodash.drop)(current.children, ratioArr.length).forEach(function (boxId) {
+      (0, _ContextProvider.deleteNode)(boxId);
     });
     ratioArr.forEach(function (_, index) {
-      var _current$children;
-      if (!((_current$children = current.children) !== null && _current$children !== void 0 && _current$children[index])) {
-        (0, _dataProcess.add)(_pageData, id, "box_".concat((0, _utils.suid)()), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _boxPropsDefault.default), {}, {
+      var _current$children2;
+      if (!((_current$children2 = current.children) !== null && _current$children2 !== void 0 && _current$children2[index])) {
+        (0, _ContextProvider.addNode)(id, "box_".concat((0, _utils.suid)()), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _boxPropsDefault.default), {}, {
           buildIn: true
         }));
       }
     });
-    setPageData(_pageData);
   });
   (0, _ahooks.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();
   }, []);
   (0, _react.useEffect)(function () {
     var cmid = ctx.$subscriber(ctx.topics.COMPONENT_MODIFY).on(function (_ref3) {
       var compId = _ref3.id,
-        pageData = _ref3.pageData;
+        newValue = _ref3.newValue;
       if (compId !== id) return;
-      refreshChild(pageData);
+      if (newValue.hasOwnProperty('display')) {
+        refreshChild();
+      }
     }).watch();
     return function () {
       return ctx.$unsubscriber(ctx.topics.COMPONENT_MODIFY, cmid);

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

@@ -29,13 +29,11 @@ var LCSplit = function LCSplit(_ref) {
     children = _ref.children,
     css = _ref.css,
     display = _ref.display;
-  var prevDisplay = (0, _ahooks.usePrevious)(display);
   var ref = (0, _react.useRef)();
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return ref.current;
   });
   var _useCreation = (0, _ahooks.useCreation)(function () {
-      if ((0, _lodash.isNil)(display.ratio)) return {};
       var arr = display.ratio.split(':').map(function (r) {
         return parseInt(r);
       });
@@ -53,7 +51,7 @@ var LCSplit = function LCSplit(_ref) {
   }, /*#__PURE__*/_react.default.createElement(Div, {
     ref: ref,
     $css: css
-  }, prevDisplay && prevDisplay.type !== display.type ? null : display.type === 'normal' ? /*#__PURE__*/_react.default.createElement(_base.MemorySplit, {
+  }, /*#__PURE__*/_react.default.createElement(_base.MemorySplit, {
     split: display.split
   }, ratioArr.map(function (r, i) {
     return /*#__PURE__*/_react.default.createElement(_base.MemorySplit.Pane, {
@@ -61,8 +59,6 @@ var LCSplit = function LCSplit(_ref) {
       initialSize: "".concat(r / total * 100, "%"),
       key: i
     }, children === null || children === void 0 ? void 0 : children[i]);
-  })) : /*#__PURE__*/_react.default.createElement(_base.Layout, null, /*#__PURE__*/_react.default.createElement(_base.Layout.Sider, null, children[0]), /*#__PURE__*/_react.default.createElement(_base.Layout.Main, null, display.type === 'lr' ? children === null || children === void 0 ? void 0 : children[1] : /*#__PURE__*/_react.default.createElement(_base.MemorySplit, {
-    split: display.type === 'ltb' ? 'horizontal' : 'vertical'
-  }, children === null || children === void 0 ? void 0 : children[1], children === null || children === void 0 ? void 0 : children[2])))));
+  }))));
 };
 var _default = exports.default = LCSplit;

package/lib/lowcode/view/lc-components/Split/meta.json

@@ -27,26 +27,26 @@
       ]
     }
   ],
-  "css": "background-color: transparent",
+  "css": "width: 100%, height: 100%, background-color: transparent",
   "advance": {
     "events": [
       {
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onMount() {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "onChange",
         "name": "尺寸变化事件",
         "desc": "在面板尺寸发生变化时，执行方法",
-        "func": "(value)=>{\n\t\n}"
+        "func": "function onChange(value) {\n\t\n}"
       }
     ]
   }

package/lib/lowcode/view/lc-components/Table/components/TopImex.js

@@ -0,0 +1,145 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopUpload = exports.TopExport = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("luck-design/antd");
+var _apiUrl = require("../../../../constants/api-url");
+var _lodash = require("lodash");
+var _ahooks = require("ahooks");
+var _index = _interopRequireDefault(require("../../ImEx/index.less"));
+var _excluded = ["options"],
+  _excluded2 = ["options", "apiUrl", "tableRef"];
+var TopUpload = exports.TopUpload = function TopUpload(_ref) {
+  var options = _ref.options,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var UploadConfig = {
+    name: 'file',
+    action: 'https://660d2bd96ddfa2943b33731c.mockapi.io/api/upload',
+    headers: {
+      authorization: 'authorization-text'
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Upload, UploadConfig, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary"
+  }, "\u5BFC\u5165"));
+};
+var TopExport = exports.TopExport = function TopExport(_ref2) {
+  var options = _ref2.options,
+    apiUrl = _ref2.apiUrl,
+    tableRef = _ref2.tableRef,
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  var _useRequest = (0, _ahooks.useRequest)(_apiUrl.exportExcel, {
+      manual: true
+    }),
+    loading = _useRequest.loading,
+    runAsync = _useRequest.runAsync,
+    data = _useRequest.data;
+  var fecthExcelState = function fecthExcelState(payload, procress, resolve, reject) {
+    // 查询进度
+    (0, _apiUrl.readExportExcelState)(payload).then(function (ret) {
+      var cpage = ret.cpage,
+        total = ret.total,
+        downloadUrl = ret.downloadUrl;
+      if (cpage >= total) {
+        resolve("".concat(window.location.origin, "/api").concat(downloadUrl));
+      } else {
+        procress(cpage / total * 100);
+        fecthExcelState(payload, procress, resolve, reject);
+      }
+    }).catch(function () {
+      reject();
+    });
+  };
+  var handleExportAll = function handleExportAll(procress) {
+    return new Promise( /*#__PURE__*/function () {
+      var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(resolve, reject) {
+        var joiner, payload;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              joiner = apiUrl.indexOf('?') !== -1 ? '&' : '?';
+              _context.next = 3;
+              return runAsync({
+                apiUrl: "".concat(apiUrl).concat(joiner, "token=").concat(window.cookie.get(window.appConfig.authSaveKey)),
+                code: options.export
+              });
+            case 3:
+              payload = _context.sent;
+              if (payload && typeof payload === 'string') {
+                fecthExcelState(payload, procress, resolve, reject);
+              } else {
+                reject();
+              }
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x, _x2) {
+        return _ref3.apply(this, arguments);
+      };
+    }());
+  };
+  var doExportAll = function doExportAll(onExportAll) {
+    var key = 'exportAll';
+    var notificationConfig = {
+      key: key,
+      duration: null,
+      message: '正在导出数据...',
+      placement: 'bottomRight',
+      closeIcon: /*#__PURE__*/_react.default.createElement("div", null),
+      icon: /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+        type: "cloud-download",
+        className: _index.default.exportTheme
+      })
+    };
+    var process = function process(i) {
+      _antd.notification.open((0, _objectSpread2.default)((0, _objectSpread2.default)({}, notificationConfig), {}, {
+        description: /*#__PURE__*/_react.default.createElement(_antd.Progress, {
+          percent: i
+        })
+      }));
+    };
+    _antd.notification.open((0, _objectSpread2.default)((0, _objectSpread2.default)({}, notificationConfig), {}, {
+      description: /*#__PURE__*/_react.default.createElement(_antd.Progress, {
+        percent: 0
+      })
+    }));
+    onExportAll(process).then(function (ret) {
+      if (ret) {
+        window.location.href = ret;
+      }
+      _antd.notification.close(key);
+    }).catch(function () {
+      return _antd.notification.open((0, _objectSpread2.default)((0, _objectSpread2.default)({}, notificationConfig), {}, {
+        icon: /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+          type: "cloud-download",
+          className: _index.default.exportErrorTheme
+        }),
+        message: '导出失败',
+        duration: 4
+      }));
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    onClick: function onClick() {
+      if (!(0, _lodash.isString)(options.export)) {
+        // 默认右击导出行为
+        tableRef.doExportAll(tableRef.props.onExportAll);
+      } else {
+        doExportAll(handleExportAll);
+      }
+    }
+  }, "\u5BFC\u51FA");
+};

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

@@ -14,6 +14,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
 var _lodash = require("lodash");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _base = require("@luck-design-biz/base");
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _index = require("../../../../index");
@@ -21,6 +22,7 @@ var _TopFilter = _interopRequireDefault(require("./components/TopFilter"));
 var _helper = require("../../../engine/tools/helper");
 var _tablePropsDefault = _interopRequireDefault(require("../../../engine/meta/table.props.default.json"));
 var _constants = require("../../../constants");
+var _TopImex = require("./components/TopImex");
 var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var id = _ref.id,
     className = _ref.className,
@@ -63,8 +65,20 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var ctx = (0, _ContextProvider.useContext)();
   var _useRemoteSource = (0, _ContextProvider.useRemoteSource)(),
     module = _useRemoteSource.module;
+  var apiRef = (0, _react.useRef)();
   var wrapperRef = (0, _react.useRef)();
   var instanceRef = (0, _react.useRef)();
+  (0, _react.useImperativeHandle)(apiRef, function () {
+    return {
+      /**
+       * 获取表格实例
+       * @method
+       */
+      getInstance: function getInstance() {
+        return instanceRef.current;
+      }
+    };
+  });
   var _pagination = (0, _ahooks.useCreation)(function () {
     return {
       isFlow: !pagination,
@@ -97,11 +111,28 @@ var LCTable = /*#__PURE__*/(0, _react.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') {
+                  _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();
+                }
               }),
               resource: action.serial,
               style: action.riskLevel === 'default' ? null : {
@@ -134,24 +165,29 @@ var LCTable = /*#__PURE__*/(0, _react.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
           });
         }
       }
     } : false;
   }, [rowSelection, suppressRowSelectionPagination, rowSelectionMode, defaultRowSelectedCode, rowSelectableCode]);
   var _export = (0, _ahooks.useCreation)(function () {
-    return {
-      enableExportAll: !!impexp.export,
-      apiUrl: (0, _lodash.isString)(impexp.export) ? impexp.export : void 0
+    var _temp = {
+      enableExportAll: !!impexp.export
     };
+    if ((0, _lodash.isString)(impexp.export)) {
+      _temp.apiUrl = impexp.export;
+    }
+    return _temp;
   }, [impexp.export]);
   var _batchActions = (0, _ahooks.useCreation)(function () {
     return {
@@ -165,7 +201,8 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       onBatchOperationsClick: function onBatchOperationsClick(key, selectedRows) {
         ctx.doAction(action.actionPool, {
           key: key,
-          selectedRows: selectedRows
+          selectedRows: selectedRows,
+          datasetCode: dataset.code
         });
       }
     };
@@ -207,17 +244,42 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   }, [fields, formatDataSource, getDataPath, columnsRewrite, columnsReset, modelParams, draggable]);
   var renderFunctionArea = (0, _ahooks.useMemoizedFn)(function () {
     var _topActionGroup$todoL;
-    return !!(topActionGroup !== null && topActionGroup !== void 0 && (_topActionGroup$todoL = topActionGroup.todoList) !== null && _topActionGroup$todoL !== void 0 && _topActionGroup$todoL.length) ? /*#__PURE__*/_react.default.createElement(_index.LDActions, (0, _extends2.default)({}, topActionGroup, {
-      doAction: function doAction(action) {
-        return ctx.doAction(action, {
-          indtance: instanceRef.current
-        });
-      }
-    })) : null;
+    var resultComp = [];
+    if (!!(topActionGroup !== null && topActionGroup !== void 0 && (_topActionGroup$todoL = topActionGroup.todoList) !== null && _topActionGroup$todoL !== void 0 && _topActionGroup$todoL.length)) {
+      resultComp.push( /*#__PURE__*/_react.default.createElement(_index.LDActions, (0, _extends2.default)({}, topActionGroup, {
+        doAction: function doAction(action) {
+          return ctx.doAction(action, {
+            datasetCode: dataset.code
+          });
+        }
+      })));
+    }
+    if (impexp.import) {
+      var _ref2;
+      var _getProps = (_ref2 = instanceRef.current || ref.current) === null || _ref2 === void 0 ? void 0 : _ref2.getProps(),
+        apiUrl = _getProps.apiUrl;
+      resultComp.push( /*#__PURE__*/_react.default.createElement(_TopImex.TopUpload, {
+        apiUrl: apiUrl,
+        options: impexp,
+        tableRef: instanceRef.current || ref.current
+      }));
+    }
+    if (impexp.export) {
+      var _ref3;
+      var _getProps2 = (_ref3 = instanceRef.current || ref.current) === null || _ref3 === void 0 ? void 0 : _ref3.getProps(),
+        _apiUrl = _getProps2.apiUrl;
+      resultComp.push( /*#__PURE__*/_react.default.createElement(_TopImex.TopExport, {
+        apiUrl: _apiUrl,
+        options: impexp,
+        tableRef: instanceRef.current || ref.current
+      }));
+    }
+    return resultComp;
   });
   var renderFilterArea = (0, _ahooks.useMemoizedFn)(function () {
     return topFilter ? /*#__PURE__*/_react.default.createElement(_TopFilter.default, {
-      filter: topFilter
+      filter: topFilter,
+      instance: instanceRef
     }) : null;
   });
   var _wrapperProps = (0, _ahooks.useCreation)(function () {
@@ -235,31 +297,32 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     };
   });
   var _readFilter = (0, _ahooks.useMemoizedFn)(function (params, filters) {
-    return ctx._setPagePublicResource({
+    return ctx.setPagePublicResource((0, _defineProperty2.default)({}, id, {
       params: params,
       filters: filters
-    });
+    }));
   });
   var _handleGridReady = (0, _ahooks.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 = (0, _ahooks.useMemoizedFn)(function (data, rowIndex, params) {
     ctx.doAction(advance.events.onRowClick, {
       data: data,
       rowIndex: rowIndex,
-      params: params
+      params: params,
+      datasetCode: dataset.code
     });
   });
   var _handleRowDoubleClick = (0, _ahooks.useMemoizedFn)(function (data, rowIndex, params) {
     ctx.doAction(advance.events.onRowDoubleClick, {
       data: data,
       rowIndex: rowIndex,
-      params: params
+      params: params,
+      datasetCode: dataset.code
     });
   });
   var _handleRowDragged = (0, _ahooks.useMemoizedFn)(function (toId, fromId, params) {
@@ -267,12 +330,14 @@ var LCTable = /*#__PURE__*/(0, _react.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: {
@@ -280,39 +345,59 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
             fromId: fromId
           }
         })
-      }]]);
+      }]];
+      ctx.doAction(_actionsPool, {
+        toId: toId,
+        fromId: fromId,
+        params: params,
+        datasetCode: dataset.code
+      });
     }
   });
   var _afterInit = (0, _ahooks.useMemoizedFn)(function (res, dispatch, props) {
     ctx.doAction(advance.events.afterInit, {
       res: res,
       dispatch: dispatch,
-      props: props
+      props: props,
+      datasetCode: dataset.code
     });
   });
   var _afterQuery = (0, _ahooks.useMemoizedFn)(function (res) {
     ctx.doAction(advance.events.afterQuery, {
-      res: res
-    });
-  });
-  (0, _ahooks.useUnmount)(function () {
-    ctx.doAction(advance.events.onUnmount, {
-      instance: instanceRef.current
+      res: res,
+      datasetCode: dataset.code
     });
   });
+  (0, _react.useEffect)(function () {
+    var tid = ctx.$subscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED).on(function (_ref5) {
+      var resource = _ref5.resource;
+      ctx.doAction(advance.events.onPagePublicResourceChanged, {
+        resource: resource,
+        instance: instanceRef.current
+      });
+    }).watch();
+    return function () {
+      ctx.$unsubscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED, tid);
+      ctx.doAction(advance.events.onUnmount, {
+        datasetCode: dataset === null || dataset === void 0 ? void 0 : dataset.code
+      });
+    };
+  }, []);
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return wrapperRef.current;
   });
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
     displayName: "Table",
-    getTargetDom: getTargetDom
+    getTargetDom: getTargetDom,
+    api: apiRef
   }, /*#__PURE__*/_react.default.createElement(_index.LdGrid, (0, _extends2.default)({
-    ref: ref,
+    ref: ref || instanceRef,
     wrapper: wrapperRef,
     wrapperProps: _wrapperProps,
     width: width,
     height: height,
+    _loading: ctx.loading,
     bordered: bordered,
     className: (0, _classnames.default)((0, _defineProperty2.default)({}, className, !!className)),
     ldId: id,

package/lib/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,55 +344,61 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params, instance)=>{\n\t\n}"
+        "func": "function onMount(params) {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(instance)=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "onRowClick",
         "name": "行单击",
         "desc": "单击表格行时，执行方法",
-        "func": "(data, rowIndex, params)=>{\n\t\n}"
+        "func": "function onRowClick(data, rowIndex, params) {\n\t\n}"
       },
       {
         "key": "onRowDoubleClick",
         "name": "行双击",
         "desc": "双击表格行时，执行方法",
-        "func": "(data, rowIndex, params)=>{\n\t\n}"
+        "func": "function onRowDoubleClick(data, rowIndex, params) {\n\t\n}"
       },
       {
         "key": "onRowSelected",
         "name": "行选择",
         "desc": "选中行时，执行方法",
-        "func": "(data, isSelected, SelectedRows, params)=>{\n\t\n}"
+        "func": "function onRowSelected(data, isSelected, SelectedRows, params) {\n\t\n}"
       },
       {
         "key": "onRowSelectChange",
         "name": "行选择变化",
         "desc": "行选中发生变化时，执行方法",
-        "func": "(rows, nodes, params)=>{\n\t\n}"
+        "func": "function onRowSelectChange(rows, nodes, params) {\n\t\n}"
       },
       {
         "key": "onRowDragged",
         "name": "行拖拽后",
         "desc": "拖拽行使其顺序发生变化后，执行方法",
-        "func": "(toId, fromId, params)=>{\n\t\n}"
+        "func": "function onRowDragged(toId, fromId, params) {\n\t\n}"
+      },
+      {
+        "key": "onPagePublicResourceChanged",
+        "name": "页面共享资源变化后",
+        "desc": "当页面共享资源发生变化后（pagePublicResourceChanged），执行方法",
+        "func": "function onPagePublicResourceChanged(resource, instance) {\n\t\n}"
       },
       {
         "key": "afterInit",
         "name": "初始化后的回调",
         "desc": "组件及数据加载完成后，执行方法",
-        "func": "(res, dispatch, props)=>{\n\t\n}"
+        "func": "function afterInit(res, dispatch, props) {\n\t\n}"
       },
       {
         "key": "afterQuery",
         "name": "数据读取回调",
         "desc": "读取数据源后执行方法，返回接口中原始数据",
-        "func": "(res)=>{\n\t\n}"
+        "func": "function afterQuery(res) {\n\t\n}"
       }
     ]
   }