66 lines
2.3 KiB
JavaScript
66 lines
2.3 KiB
JavaScript
"use strict";
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.AsyncContentPanel = void 0;
|
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
var _antd = require("antd");
|
|
var _react = require("react");
|
|
var _HelpProvide = require("./HelpProvide");
|
|
var _RenderContentPanel = require("./RenderContentPanel");
|
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
/**
|
|
* 异步加载内容的面板组件
|
|
* @param item 指向当前面板的 ProHelpDataSource
|
|
*/
|
|
var AsyncContentPanel = exports.AsyncContentPanel = function AsyncContentPanel(_ref) {
|
|
var item = _ref.item,
|
|
_onInit = _ref.onInit;
|
|
var _useContext = (0, _react.useContext)(_HelpProvide.ProHelpProvide),
|
|
onLoadContext = _useContext.onLoadContext; // 获取上下文中的 onLoadContext
|
|
var _useState = (0, _react.useState)(false),
|
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
loading = _useState2[0],
|
|
setLoading = _useState2[1]; // 加载状态
|
|
var _useState3 = (0, _react.useState)(),
|
|
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
content = _useState4[0],
|
|
setContent = _useState4[1]; // 内容数据
|
|
|
|
(0, _react.useEffect)(function () {
|
|
if (!item.key) return; // 如果没有key则返回
|
|
setLoading(true); // 开始加载
|
|
onLoadContext === null || onLoadContext === void 0 || onLoadContext(item.key, item).then(function (res) {
|
|
// 调用加载方法
|
|
setLoading(false); // 加载完成
|
|
setContent(res); // 设置内容数据
|
|
});
|
|
}, [item.key]);
|
|
|
|
// 如果没有key，则返回null
|
|
if (!item.key) return null;
|
|
|
|
// 如果正在加载并且有key，则显示加载中的状态
|
|
if (loading && item.key) {
|
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
style: {
|
|
display: 'flex',
|
|
justifyContent: 'center',
|
|
width: '100%',
|
|
boxSizing: 'border-box',
|
|
padding: 24
|
|
},
|
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Spin, {})
|
|
}, item.key);
|
|
}
|
|
|
|
// 加载完成后，渲染内容面板
|
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderContentPanel.RenderContentPanel, {
|
|
onInit: function onInit(ref) {
|
|
_onInit === null || _onInit === void 0 || _onInit(ref);
|
|
},
|
|
dataSourceChildren: content
|
|
});
|
|
}; |