@luck-design-biz/luckda 0.0.25-1 → 0.0.25-11

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

@@ -6,14 +6,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 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 +25,8 @@ 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 _apiUrl2 = require("../../../constants/api-url");
+var _TopImex = require("./components/TopImex");
 var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var id = _ref.id,
     className = _ref.className,
@@ -59,12 +65,33 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     columnsReset = _ref.columnsReset,
     modelParams = _ref.modelParams,
     onGridReady = _ref.onGridReady,
-    advance = _ref.advance;
+    advance = _ref.advance,
+    _ref$autoRowClick = _ref.autoRowClick,
+    autoRowClick = _ref$autoRowClick === void 0 ? true : _ref$autoRowClick;
   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)();
+  var _useSetState = (0, _ahooks.useSetState)({}),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    clickedRow = _useSetState2[0],
+    setClickedRow = _useSetState2[1];
+  (0, _react.useImperativeHandle)(apiRef, function () {
+    return {
+      /**
+       * 获取表格实例
+       * @method
+       */
+      getInstance: function getInstance() {
+        return instanceRef.current;
+      }
+    };
+  });
+  (0, _ahooks.useUpdateEffect)(function () {
+    ctx.setPagePublicResource((0, _defineProperty2.default)({}, id, clickedRow));
+  }, [clickedRow]);
   var _pagination = (0, _ahooks.useCreation)(function () {
     return {
       isFlow: !pagination,
@@ -97,11 +124,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 +178,167 @@ 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 _useRequest = (0, _ahooks.useRequest)(_apiUrl2.exportExcel, {
+      manual: true
+    }),
+    runAsync = _useRequest.runAsync;
+
+  // 查询进度
+  var fecthExcelState = function fecthExcelState(_ref2, procress, resolve, reject) {
+    var strategy = _ref2.strategy,
+      batchNo = _ref2.batchNo,
+      moduleCode = _ref2.moduleCode,
+      behaviorKey = _ref2.behaviorKey;
+    var _fetchExcelStatePrefix = "/".concat(strategy, "/").concat(batchNo);
+    var _fetchExcelStateParams = {
+      moduleCode: moduleCode,
+      behaviorKey: behaviorKey,
+      reportType: "export"
+    };
+    (0, _apiUrl2.getFindexcelstate)(_fetchExcelStatePrefix, _fetchExcelStateParams).then(function (response) {
+      if (response.code === 1) {
+        var _response$data = response.data,
+          successCount = _response$data.successCount,
+          totalCount = _response$data.totalCount,
+          downloadUrl = _response$data.downloadUrl;
+        if (successCount >= totalCount) {
+          resolve(downloadUrl);
+        } else {
+          procress((successCount / totalCount * 100).toFixed(1));
+          setTimeout(function () {
+            fecthExcelState({
+              strategy: strategy,
+              batchNo: batchNo,
+              moduleCode: moduleCode,
+              behaviorKey: behaviorKey
+            }, procress, resolve, reject);
+          }, 500);
+        }
+      } else {
+        reject();
+      }
+    }).catch(function () {
+      reject();
+    });
+  };
+  var _onExportAll = function _onExportAll(procress) {
+    return new Promise( /*#__PURE__*/function () {
+      var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(resolve, reject) {
+        var isBehavior, behaviorKey, strategy, _exportExcelParams, _exportExcelPrefix, exportExcelResponse, _ref4, _ref5, _getProps, apiUrl, _strategy, joiner, labels, fieldInfo, defaultExcelParams, _exportExcelParams2, _exportExcelPrefix2, _exportExcelResponse;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              isBehavior = (0, _lodash.isString)(impexp.export);
+              if (!isBehavior) {
+                _context.next = 12;
+                break;
+              }
+              // ! 行为
+              behaviorKey = impexp.export;
+              strategy = 'behavior';
+              _exportExcelParams = {
+                moduleCode: module.moduleCode,
+                behaviorKey: behaviorKey,
+                reportType: "export"
+              };
+              _exportExcelPrefix = "/".concat(strategy);
+              _context.next = 8;
+              return runAsync(_exportExcelPrefix, _exportExcelParams);
+            case 8:
+              exportExcelResponse = _context.sent;
+              if (exportExcelResponse.code === 1) {
+                fecthExcelState({
+                  strategy: strategy,
+                  batchNo: exportExcelResponse.data,
+                  moduleCode: module.moduleCode,
+                  behaviorKey: behaviorKey
+                }, procress, resolve, reject);
+              } else {
+                reject();
+              }
+              _context.next = 25;
+              break;
+            case 12:
+              _getProps = (_ref4 = (instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) || (ref === null || ref === void 0 ? void 0 : ref.current)) === null || _ref4 === void 0 ? void 0 : _ref4.getProps(), apiUrl = _getProps.apiUrl;
+              _strategy = 'report_server';
+              joiner = apiUrl.indexOf('?') !== -1 ? '&' : '?';
+              labels = [];
+              fieldInfo = [];
+              (_ref5 = (instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) || (ref === null || ref === void 0 ? void 0 : ref.current)) === null || _ref5 === void 0 || (_ref5 = _ref5.gridApi) === null || _ref5 === void 0 || _ref5.columnApi.getAllDisplayedColumns().forEach(function (column) {
+                if (column.colId !== 'luck-expand' && column.colId !== 'luck-select' && column.colId !== 'luck-index' && column.colId !== 'luck-actions' && column.colId !== 'fraction_drag'
+                // && !column.colDef.draggable
+                ) {
+                  labels.push(column.colDef.headerName);
+                  fieldInfo.push({
+                    width: column.actualWidth,
+                    fieldNm: column.colId
+                  });
+                }
+              });
+              defaultExcelParams = {
+                bgColor: "#69b1ff",
+                dataUrl: "".concat(window.location.origin, "/api").concat(apiUrl).concat(joiner, "token=").concat(window.cookie.get(window.appConfig.authSaveKey)),
+                excelName: "download.xls",
+                fieldInfo: fieldInfo,
+                islock: false,
+                labels: labels === null || labels === void 0 ? void 0 : labels.join(),
+                reqBody: null
+              };
+              _exportExcelParams2 = (0, _objectSpread2.default)({
+                moduleCode: module.moduleCode,
+                reportType: "export"
+              }, defaultExcelParams);
+              _exportExcelPrefix2 = "/".concat(_strategy);
+              _context.next = 23;
+              return runAsync(_exportExcelPrefix2, _exportExcelParams2);
+            case 23:
+              _exportExcelResponse = _context.sent;
+              if (_exportExcelResponse.code === 1) {
+                fecthExcelState({
+                  strategy: _strategy,
+                  batchNo: _exportExcelResponse.data,
+                  moduleCode: module.moduleCode
+                }, procress, resolve, reject);
+              } else {
+                reject();
+              }
+            case 25:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x4, _x5) {
+        return _ref3.apply(this, arguments);
+      };
+    }());
+  };
   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 (!!impexp.export) {
+      var _ref6;
+      var _tableProps = (_ref6 = (instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) || (ref === null || ref === void 0 ? void 0 : ref.current)) === null || _ref6 === void 0 ? void 0 : _ref6.getProps();
+      _temp.apiUrl = _tableProps === null || _tableProps === void 0 ? void 0 : _tableProps.apiUrl;
+      _temp.onExportAll = _onExportAll;
+    }
+    return _temp;
   }, [impexp.export]);
   var _batchActions = (0, _ahooks.useCreation)(function () {
     return {
@@ -165,13 +352,18 @@ 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
         });
       }
     };
   }, [bantchActions.todoList]);
   var _others = (0, _ahooks.useCreation)(function () {
-    var temp = {};
+    var temp = {
+      defaultColDef: {
+        draggable: draggable
+      }
+    };
     if (!(0, _lodash.isNil)(formatDataSource)) {
       temp.formatDataSource = function (list, detail) {
         return (0, _helper.executeCode)(ctx, formatDataSource, ['list', 'detail'], list, detail);
@@ -200,20 +392,47 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       temp.overModel = (0, _helper.executeCode)(ctx, modelParams);
     }
     return temp;
-  }, [fields, formatDataSource, getDataPath, columnsRewrite, columnsReset, modelParams]);
+  }, [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 _ref7;
+      var _getProps2 = (_ref7 = instanceRef.current || ref.current) === null || _ref7 === void 0 ? void 0 : _ref7.getProps(),
+        apiUrl = _getProps2.apiUrl;
+      resultComp.push( /*#__PURE__*/_react.default.createElement(_TopImex.TopUpload, {
+        apiUrl: apiUrl,
+        moduleCode: module.moduleCode,
+        options: impexp,
+        tableRef: instanceRef.current || ref.current
+      }));
+    }
+    if (impexp.export) {
+      var _ref8;
+      var _getProps3 = (_ref8 = instanceRef.current || ref.current) === null || _ref8 === void 0 ? void 0 : _ref8.getProps(),
+        _apiUrl = _getProps3.apiUrl;
+      resultComp.push( /*#__PURE__*/_react.default.createElement(_TopImex.TopExport, {
+        apiUrl: _apiUrl,
+        moduleCode: module.moduleCode,
+        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 () {
@@ -231,31 +450,35 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     };
   });
   var _readFilter = (0, _ahooks.useMemoizedFn)(function (params, filters) {
-    return ctx._setPagePublicResource({
+    return setClickedRow({
       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) {
+    setClickedRow({
+      clickedRow: data
+    });
     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) {
@@ -263,12 +486,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: {
@@ -276,39 +501,61 @@ 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 (_ref10) {
+      var resource = _ref10.resource,
+        prevResource = _ref10.prevResource;
+      ctx.doAction(advance.events.onPagePublicResourceChanged, {
+        resource: resource,
+        prevResource: prevResource,
+        instance: (ref === null || ref === void 0 ? void 0 : ref.current) || (instanceRef === null || instanceRef === void 0 ? void 0 : 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,
@@ -318,9 +565,7 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     suppressInit: !autoLoad,
     getRowStyle: _getRowStyle,
     suppressPreset: suppressPreset,
-    defaultColDef: {
-      draggable: draggable
-    }
+    suppressPropertyNamesCheck: true
   }, _pagination, _actionsColumn, _rowSelection, _export, _batchActions, _others, {
     readFilter: _readFilter,
     renderFunctionArea: renderFunctionArea,
@@ -330,7 +575,8 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onRowDoubleClick: _handleRowDoubleClick,
     onRowDragged: _handleRowDragged,
     afterInit: _afterInit,
-    afterQuery: _afterQuery
+    afterQuery: _afterQuery,
+    autoRowClick: autoRowClick
   })));
 });
 LCTable.propTypes = {
@@ -527,6 +773,7 @@ LCTable.propTypes = {
    */
   impexp: _propTypes.default.shape({
     import: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+    importType: _propTypes.default.bool,
     export: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string])
   }),
   /**

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

@@ -17,14 +17,14 @@
       "key": "dataset",
       "name": "数据集",
       "type": "_DataSetSelector",
+      "component": "table",
       "next": {
         "name": "字段配置",
         "props": [
           {
             "key": "fields",
             "name": "#字段配置器",
-            "type": "_FieldsSetting",
-            "component": "table"
+            "type": "_FieldsSetting"
           }
         ]
       }
@@ -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, prevResource, 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}"
       }
     ]
   }