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

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

@@ -6,24 +6,273 @@ 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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+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 _antd = require("luck-design/antd");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _index = _interopRequireDefault(require("./index.less"));
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _excluded = ["id"];
-var LCImEx = function LCImEx(_ref) {
+var _LdCom = require("../../../../components/LdCom");
+var _IconFont = _interopRequireDefault(require("../../../../components/IconFont"));
+var _utils = require("@luck-design-biz/base/utils");
+var _helper = require("../../../engine/tools/helper");
+var _apiUrl = require("../../../constants/api-url");
+var _imexPropsDefault = _interopRequireDefault(require("../../../engine/meta/imex.props.default.json"));
+var _excluded = ["id", "title", "type", "size", "iconFont", "block", "ghost", "css", "className", "onClick", "advance", "impexpSetting"];
+var StyledButton = (0, _styledComponents.default)(_LdCom.LdButton).withConfig({
+  displayName: "StyledButton",
+  componentId: "luckda-6530__sc-mil6cj-0"
+})(["", ""], function (props) {
+  return props.$css;
+});
+var LCButton = function LCButton(_ref) {
   var id = _ref.id,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    title = _ref.title,
+    type = _ref.type,
+    size = _ref.size,
+    iconFont = _ref.iconFont,
+    block = _ref.block,
+    ghost = _ref.ghost,
+    css = _ref.css,
+    className = _ref.className,
+    onClick = _ref.onClick,
+    advance = _ref.advance,
+    impexpSetting = _ref.impexpSetting,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ref = (0, _react.useRef)();
+  var uploadRef = (0, _react.useRef)();
+  var _useRemoteSource = (0, _ContextProvider.useRemoteSource)(),
+    module = _useRemoteSource.module,
+    moduleCode = _useRemoteSource.moduleCode;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    uploadLoading = _useState2[0],
+    setUploadLoading = _useState2[1];
+  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 _ref2 = (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: "apiurl".concat(joiner, "token=").concat(window.cookie.get(window.appConfig.authSaveKey)),
+                code: impexpSetting.customParam
+              });
+            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 _ref2.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
+      }));
+    });
+  };
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
-    return ref.current;
+    var _ref$current;
+    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.buttonNode;
   });
+  var getActionUrl = function getActionUrl() {
+    var caturl = impexpSetting.customType ? "selectKey=".concat(impexpSetting.customParam) : "inputKey=".concat(impexpSetting.customParam);
+    return caturl;
+  };
+  var formItemProps = {
+    action: getActionUrl(),
+    // 上传地址
+    headers: {
+      Authorization: "Bearer ".concat(window.cookie.get(window.appConfig.authSaveKey))
+    },
+    name: 'files',
+    showUploadList: false,
+    beforeUpload: function beforeUpload(file, fileList) {
+      setUploadLoading(true);
+      return file;
+    },
+    onChange: function onChange(e) {
+      setUploadLoading(false);
+    }
+  };
+  var handleClick = (0, _ahooks.useMemoizedFn)( /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(e) {
+      var _uploadRef$current;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!onClick) {
+              _context2.next = 3;
+              break;
+            }
+            onClick(e);
+            return _context2.abrupt("return");
+          case 3:
+            if (impexpSetting.type === 'export') {
+              doExportAll(handleExportAll);
+            } else {
+              if (uploadRef.current) {
+                (_uploadRef$current = uploadRef.current) === null || _uploadRef$current === void 0 || (_uploadRef$current = _uploadRef$current.upload) === null || _uploadRef$current === void 0 || (_uploadRef$current = _uploadRef$current.uploader) === null || _uploadRef$current === void 0 || _uploadRef$current.onClick();
+              }
+            }
+          case 4:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }());
+  // console.log(formItemProps, module, moduleCode)
+
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
-    displayName: "ImEx",
+    displayName: "Imex",
     getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement(StyledButton, {
+    ref: ref,
+    type: type,
+    size: size,
+    block: block,
+    ghost: ghost,
+    $css: css,
+    className: (0, _classnames.default)((0, _defineProperty2.default)({}, className, !!className)),
+    onClick: handleClick,
+    loading: !!_loading || !!uploadLoading
   }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref
-  }, "LCImEx"));
+    style: {
+      display: 'none'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Upload, (0, _extends2.default)({}, formItemProps, {
+    ref: uploadRef
+  }))), iconFont ? /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+    type: iconFont
+  }) : null, title || (0, _utils.formatMessage)({
+    id: 'luckda.lowcode.painter.import',
+    label: '导入'
+  })));
+};
+LCButton.propTypes = {
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
+   */
+  id: _propTypes.default.string.isRequired,
+  /**
+   * @name 按钮标题
+   * @type string
+   * @default 12:3:9
+   */
+  title: _propTypes.default.string,
+  /**
+   * @name 按钮类型
+   * @type _ButtonType
+   * @default 'default'
+   */
+  type: _propTypes.default.oneOf(['default', 'primary', 'dashed', 'danger']),
+  /**
+   * @name impexpSetting
+   * @type _ImpExpAlone
+   * @default { "customType": false, "customParam": false, "type": "export" }
+   */
+  impexpSetting: _propTypes.default.object,
+  /**
+   * @name 按钮大小
+   * @type segmented
+   * @options [{ "label": "小", "value": "small"}, { "label": "中", "value": "middle" }, { "label": "大", "value": "large" }]
+   * @default 'default'
+   */
+  size: _propTypes.default.oneOf(['small', 'default', 'large']),
+  /**
+   * @name 将按钮宽度调整为其父宽度的选项
+   * @type boolean
+   * @default false
+   */
+  block: _propTypes.default.bool
 };
-var _default = exports.default = LCImEx;
+LCButton.defaultProps = (0, _helper.omitBadProps)(_imexPropsDefault.default);
+var _default = exports.default = LCButton;

package/lib/lowcode/view/lc-components/ImEx/index.less

@@ -0,0 +1,7 @@
+.exportTheme {
+  color: var(--luck-color-primary);
+}
+
+.exportErrorTheme {
+  color: var(--luck-color-danger);
+}

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

@@ -14,40 +14,72 @@
       "disabled": true
     },
     {
-      "key": "type",
-      "name": "类型",
-      "desc": "选择导入功能或者导出功能",
-      "type": "radio",
+      "key": "title",
+      "name": "标题",
+      "desc": "按钮上显示的文字",
+      "type": "_I18nInput",
+      "default": "导入｜导出"
+    },
+    {
+      "key": "impexpSetting",
+      "type": "_ImpExpAlone",
+      "default": {
+        "customType": false,
+        "customParam": false,
+        "type": "export"
+      }
+    },
+    {
+      "key": "size",
+      "name": "按钮",
+      "type": "segmented",
+      "repositioning": true,
       "options": [
         {
-          "label": "导入",
-          "value": "import"
+          "label": "小",
+          "value": "small"
+        },
+        {
+          "label": "中",
+          "value": "middle"
         },
         {
-          "label": "导出",
-          "value": "export"
+          "label": "大",
+          "value": "large"
         }
       ],
-      "default": "export"
+      "default": "middle"
     },
     {
-      "key": "title",
-      "name": "标题",
-      "desc": "按钮上显示的文字",
-      "type": "_I18nInput",
-      "default": "导入｜导出"
+      "key": "block",
+      "name": "块级",
+      "desc": "将按钮宽度调整为其父宽度的选项",
+      "type": "switch",
+      "repositioning": true,
+      "default": false
     },
     {
-      "key": "templateId",
-      "name": "模板id",
-      "desc": "在导入导出模块配置的模板id",
-      "type": "string"
+      "key": "type",
+      "name": "按钮类型",
+      "type": "_ButtonType",
+      "default": "primary"
     },
     {
-      "key": "apiUrl",
-      "name": "接口地址",
-      "desc": "定制的导入导出接口",
-      "type": "string"
+      "key": "iconFont",
+      "name": "图标",
+      "type": "_Icon",
+      "next": {
+        "name": "选择图标",
+        "autoClose": true,
+        "props": [
+          {
+            "key": "iconFont",
+            "name": "#图标选择器",
+            "type": "_IconSelector"
+          }
+        ]
+      },
+      "repositioning": true
     }
   ],
   "css": {},
@@ -79,4 +111,4 @@
       }
     ]
   }
-}
+}

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

@@ -94,13 +94,13 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onMount(params) {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onUnmount(params) {\n\t\n}"
       }
     ]
   }

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

@@ -36,13 +36,13 @@
         "key": "onPageMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onPageMount()=>{\n\t\n}"
       },
       {
         "key": "onPageUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onPageUnmount()=>{\n\t\n}"
       }
     ]
   }

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

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+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 _boxPropsDefault = _interopRequireDefault(require("../../../engine/meta/box.props.default.json"));
+var _excluded = ["children", "id", "display"];
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    id = _ref.id,
+    display = _ref.display,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ctx = (0, _ContextProvider.useContext)();
+  var current = (0, _ContextProvider.useGet)({
+    id: id
+  });
+  var refreshChild = (0, _ahooks.useMemoizedFn)(function () {
+    var _current$children;
+    var ratioArr = display.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$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
+        }));
+      }
+    });
+  });
+  (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;
+      if (compId !== id) return;
+      refreshChild();
+    }).watch();
+  }, []);
+  (0, _react.useEffect)(function () {
+    var cmid = ctx.$subscriber(ctx.topics.COMPONENT_MODIFY).on(function (_ref3) {
+      var compId = _ref3.id,
+        newValue = _ref3.newValue;
+      if (compId !== id) return;
+      if (newValue.hasOwnProperty('display')) {
+        refreshChild();
+      }
+    }).watch();
+    return function () {
+      return ctx.$unsubscriber(ctx.topics.COMPONENT_MODIFY, cmid);
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({
+    id: id,
+    display: display
+  }, props), children);
+};
+var _default = exports.default = FunctionDesign;

package/lib/lowcode/view/lc-components/PageLayout/FunctionLive.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index"));
+var _excluded = ["children"];
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionLive;

package/lib/lowcode/view/lc-components/PageLayout/FunctionPreview.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index"));
+var _excluded = ["children"];
+var FunctionPreview = function FunctionPreview(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionPreview;

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

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _base = require("@luck-design-biz/base");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var StyledLayout = (0, _styledComponents.default)(_base.Layout).withConfig({
+  displayName: "StyledLayout",
+  componentId: "luckda-6530__sc-1igjuug-0"
+})(["", ""], function (props) {
+  return props.$css;
+});
+var LCPageLayout = function LCPageLayout(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    css = _ref.css,
+    display = _ref.display;
+  var ref = (0, _react.useRef)();
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    displayName: "PageLayout",
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement(StyledLayout, {
+    wrapperRef: ref,
+    $css: css
+  }, /*#__PURE__*/_react.default.createElement(_base.Layout.Sider, null, children === null || children === void 0 ? void 0 : children[0]), /*#__PURE__*/_react.default.createElement(_base.Layout.Main, null, (children === null || children === void 0 ? void 0 : children.length) === display.split('').length ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, display === 'lr' ? children === null || children === void 0 ? void 0 : children[1] : /*#__PURE__*/_react.default.createElement(_base.MemorySplit, {
+    split: display === 'ltb' ? 'horizontal' : 'vertical'
+  }, children === null || children === void 0 ? void 0 : children[1], children === null || children === void 0 ? void 0 : children[2])) : null)));
+};
+var _default = exports.default = LCPageLayout;

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

@@ -0,0 +1,47 @@
+{
+  "component": "PageLayout",
+  "name": "页面布局容器",
+  "icon": "icon-pagelayout",
+  "group": "container",
+  "groupName": "布局",
+  "desc": "页面布局容器一般用于构建页面时根节点的基础布局，分为左右布局、左上下布局以及左中右布局。",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "displaySetting",
+      "name": "展现形式",
+      "type": "group",
+      "props": [
+        {
+          "key": "display",
+          "name": "#展现形式",
+          "type": "_PageLayoutDisplay",
+          "default": "lr"
+        }
+      ]
+    }
+  ],
+  "css": "width: 100%, height: 100%, background-color: transparent",
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "function onMount() {\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onUnmount() {\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -94,13 +94,13 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(instance)=>{\n\t\n}"
+        "func": "function onMount(){\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(instance)=>{\n\t\n}"
+        "func": "function onUnmount()=>{\n\t\n}"
       }
     ]
   }