@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/es/layout/components/Header/index.js

@@ -1,79 +1,68 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/layout/components/Header/index.tsx
-import { ConfigProvider, Layout } from "antd";
-import classNames from "classnames";
-import React, { useCallback, useContext, useEffect, useState } from "react";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { ConfigProvider, Layout } from 'antd';
+import classNames from 'classnames';
+import React, { useCallback, useContext, useEffect, useState } from 'react';
 import { isNeedOpenHash, ProProvider } from "../../../provider";
 import { clearMenuItem } from "../../utils/utils";
 import { GlobalHeader } from "../GlobalHeader";
 import { TopNavHeader } from "../TopNavHeader";
 import { useStyle } from "./style/header";
 import { useStylish } from "./style/stylish";
-var { Header } = Layout;
-var DefaultHeader = (props) => {
-  var _a, _b, _c, _d, _e, _f;
-  const {
-    isMobile,
-    fixedHeader,
-    className: propsClassName,
-    style,
-    collapsed,
-    prefixCls,
-    onCollapse,
-    layout,
-    headerRender,
-    headerContentRender
-  } = props;
-  const { token } = useContext(ProProvider);
-  const context = useContext(ConfigProvider.ConfigContext);
-  const [isFixedHeaderScroll, setIsFixedHeaderScroll] = useState(false);
-  const needFixedHeader = fixedHeader || layout === "mix";
-  const renderContent = useCallback(() => {
-    const isTop2 = layout === "top";
-    const clearMenuData = clearMenuItem(props.menuData || []);
-    let defaultDom = /* @__PURE__ */ React.createElement(GlobalHeader, __spreadProps(__spreadValues({ onCollapse }, props), { menuData: clearMenuData }), headerContentRender && headerContentRender(props, null));
-    if (isTop2 && !isMobile) {
-      defaultDom = /* @__PURE__ */ React.createElement(
-        TopNavHeader,
-        __spreadProps(__spreadValues({
-          mode: "horizontal",
-          onCollapse
-        }, props), {
-          menuData: clearMenuData
-        })
-      );
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var Header = Layout.Header;
+var DefaultHeader = function DefaultHeader(props) {
+  var _token$layout2, _token$layout3, _token$layout4;
+  var isMobile = props.isMobile,
+    fixedHeader = props.fixedHeader,
+    propsClassName = props.className,
+    style = props.style,
+    collapsed = props.collapsed,
+    prefixCls = props.prefixCls,
+    onCollapse = props.onCollapse,
+    layout = props.layout,
+    headerRender = props.headerRender,
+    headerContentRender = props.headerContentRender;
+  var _useContext = useContext(ProProvider),
+    token = _useContext.token;
+  var context = useContext(ConfigProvider.ConfigContext);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isFixedHeaderScroll = _useState2[0],
+    setIsFixedHeaderScroll = _useState2[1];
+  var needFixedHeader = fixedHeader || layout === 'mix';
+  var renderContent = useCallback(function () {
+    var isTop = layout === 'top';
+    var clearMenuData = clearMenuItem(props.menuData || []);
+    var defaultDom = /*#__PURE__*/_jsx(GlobalHeader, _objectSpread(_objectSpread({
+      onCollapse: onCollapse
+    }, props), {}, {
+      menuData: clearMenuData,
+      children: headerContentRender && headerContentRender(props, null)
+    }));
+    if (isTop && !isMobile) {
+      defaultDom = /*#__PURE__*/_jsx(TopNavHeader, _objectSpread(_objectSpread({
+        mode: "horizontal",
+        onCollapse: onCollapse
+      }, props), {}, {
+        menuData: clearMenuData
+      }));
     }
-    if (headerRender && typeof headerRender === "function") {
+    if (headerRender && typeof headerRender === 'function') {
       return headerRender(props, defaultDom);
     }
     return defaultDom;
   }, [headerContentRender, headerRender, isMobile, layout, onCollapse, props]);
-  useEffect(() => {
-    var _a2;
-    const dom = ((_a2 = context == null ? void 0 : context.getTargetContainer) == null ? void 0 : _a2.call(context)) || document.body;
-    const isFixedHeaderFn = () => {
-      var _a3, _b2;
-      const scrollTop = dom.scrollTop;
-      if (scrollTop > (((_b2 = (_a3 = token.layout) == null ? void 0 : _a3.header) == null ? void 0 : _b2.heightLayoutHeader) || 56) && !isFixedHeaderScroll) {
+  useEffect(function () {
+    var _context$getTargetCon;
+    var dom = (context === null || context === void 0 || (_context$getTargetCon = context.getTargetContainer) === null || _context$getTargetCon === void 0 ? void 0 : _context$getTargetCon.call(context)) || document.body;
+    var isFixedHeaderFn = function isFixedHeaderFn() {
+      var _token$layout;
+      var scrollTop = dom.scrollTop;
+      if (scrollTop > (((_token$layout = token.layout) === null || _token$layout === void 0 || (_token$layout = _token$layout.header) === null || _token$layout === void 0 ? void 0 : _token$layout.heightLayoutHeader) || 56) && !isFixedHeaderScroll) {
         setIsFixedHeaderScroll(true);
         return true;
       }
@@ -82,70 +71,52 @@ var DefaultHeader = (props) => {
       }
       return false;
     };
-    if (!needFixedHeader)
-      return;
-    if (typeof window === "undefined")
-      return;
-    dom.addEventListener("scroll", isFixedHeaderFn, {
+    if (!needFixedHeader) return;
+    if (typeof window === 'undefined') return;
+    dom.addEventListener('scroll', isFixedHeaderFn, {
       passive: true
     });
-    return () => {
-      dom.removeEventListener("scroll", isFixedHeaderFn);
+    return function () {
+      dom.removeEventListener('scroll', isFixedHeaderFn);
     };
-  }, [
-    (_b = (_a = token.layout) == null ? void 0 : _a.header) == null ? void 0 : _b.heightLayoutHeader,
-    needFixedHeader,
-    isFixedHeaderScroll
-  ]);
-  const isTop = layout === "top";
-  const baseClassName = `${prefixCls}-layout-header`;
-  const { wrapSSR, hashId } = useStyle(baseClassName);
-  const stylish = useStylish(`${baseClassName}.${baseClassName}-stylish`, {
+  }, [(_token$layout2 = token.layout) === null || _token$layout2 === void 0 || (_token$layout2 = _token$layout2.header) === null || _token$layout2 === void 0 ? void 0 : _token$layout2.heightLayoutHeader, needFixedHeader, isFixedHeaderScroll]);
+  var isTop = layout === 'top';
+  var baseClassName = "".concat(prefixCls, "-layout-header");
+  var _useStyle = useStyle(baseClassName),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var stylish = useStylish("".concat(baseClassName, ".").concat(baseClassName, "-stylish"), {
     proLayoutCollapsedWidth: 64,
     stylish: props.stylish
   });
-  const className = classNames(propsClassName, hashId, baseClassName, {
-    [`${baseClassName}-fixed-header`]: needFixedHeader,
-    [`${baseClassName}-fixed-header-scroll`]: isFixedHeaderScroll,
-    [`${baseClassName}-mix`]: layout === "mix",
-    [`${baseClassName}-fixed-header-action`]: !collapsed,
-    [`${baseClassName}-top-menu`]: isTop,
-    [`${baseClassName}-header`]: true,
-    [`${baseClassName}-stylish`]: !!props.stylish
-  });
-  if (layout === "side" && !isMobile)
-    return null;
-  return stylish.wrapSSR(
-    wrapSSR(
-      /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-        ConfigProvider,
-        {
-          theme: {
-            hashed: isNeedOpenHash(),
-            components: {
-              Layout: {
-                headerBg: "transparent",
-                bodyBg: "transparent"
-              }
-            }
+  var className = classNames(propsClassName, hashId, baseClassName, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(baseClassName, "-fixed-header"), needFixedHeader), "".concat(baseClassName, "-fixed-header-scroll"), isFixedHeaderScroll), "".concat(baseClassName, "-mix"), layout === 'mix'), "".concat(baseClassName, "-fixed-header-action"), !collapsed), "".concat(baseClassName, "-top-menu"), isTop), "".concat(baseClassName, "-header"), true), "".concat(baseClassName, "-stylish"), !!props.stylish));
+  if (layout === 'side' && !isMobile) return null;
+  return stylish.wrapSSR(wrapSSR( /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(ConfigProvider
+    // @ts-ignore
+    , {
+      theme: {
+        hashed: isNeedOpenHash(),
+        components: {
+          Layout: {
+            headerBg: 'transparent',
+            bodyBg: 'transparent'
           }
-        },
-        needFixedHeader && /* @__PURE__ */ React.createElement(
-          Header,
-          {
-            style: __spreadValues({
-              height: ((_d = (_c = token.layout) == null ? void 0 : _c.header) == null ? void 0 : _d.heightLayoutHeader) || 56,
-              lineHeight: `${((_f = (_e = token.layout) == null ? void 0 : _e.header) == null ? void 0 : _f.heightLayoutHeader) || 56}px`,
-              backgroundColor: "transparent",
-              zIndex: 19
-            }, style)
-          }
-        ),
-        /* @__PURE__ */ React.createElement(Header, { className, style }, renderContent())
-      ))
-    )
-  );
-};
-export {
-  DefaultHeader
+        }
+      },
+      children: [needFixedHeader && /*#__PURE__*/_jsx(Header, {
+        style: _objectSpread({
+          height: ((_token$layout3 = token.layout) === null || _token$layout3 === void 0 || (_token$layout3 = _token$layout3.header) === null || _token$layout3 === void 0 ? void 0 : _token$layout3.heightLayoutHeader) || 56,
+          lineHeight: "".concat(((_token$layout4 = token.layout) === null || _token$layout4 === void 0 || (_token$layout4 = _token$layout4.header) === null || _token$layout4 === void 0 ? void 0 : _token$layout4.heightLayoutHeader) || 56, "px"),
+          backgroundColor: 'transparent',
+          zIndex: 19
+        }, style)
+      }), /*#__PURE__*/_jsx(Header, {
+        className: className,
+        style: style,
+        children: renderContent()
+      })]
+    })
+  })));
 };
+export { DefaultHeader };

package/es/layout/components/Header/style/header.js

@@ -1,81 +1,57 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/layout/components/Header/style/header.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../../../provider";
-var genProLayoutHeaderStyle = (token) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  return {
-    [`${token.proComponentsCls}-layout`]: {
-      [`${token.antCls}-layout-header${token.componentCls}`]: {
-        height: ((_b = (_a = token.layout) == null ? void 0 : _a.header) == null ? void 0 : _b.heightLayoutHeader) || 56,
-        lineHeight: `${((_d = (_c = token.layout) == null ? void 0 : _c.header) == null ? void 0 : _d.heightLayoutHeader) || 56}px`,
-        // hitu 用了这个属性，不能删除哦 @南取
-        zIndex: 19,
-        width: "100%",
+var genProLayoutHeaderStyle = function genProLayoutHeaderStyle(token) {
+  var _token$layout, _token$layout2, _token$layout3, _token$layout4;
+  return _defineProperty({}, "".concat(token.proComponentsCls, "-layout"), _defineProperty({}, "".concat(token.antCls, "-layout-header").concat(token.componentCls), {
+    height: ((_token$layout = token.layout) === null || _token$layout === void 0 || (_token$layout = _token$layout.header) === null || _token$layout === void 0 ? void 0 : _token$layout.heightLayoutHeader) || 56,
+    lineHeight: "".concat(((_token$layout2 = token.layout) === null || _token$layout2 === void 0 || (_token$layout2 = _token$layout2.header) === null || _token$layout2 === void 0 ? void 0 : _token$layout2.heightLayoutHeader) || 56, "px"),
+    // hitu 用了这个属性，不能删除哦 @南取
+    zIndex: 19,
+    width: '100%',
+    paddingBlock: 0,
+    paddingInline: 0,
+    borderBlockEnd: "1px solid ".concat(token.colorSplit),
+    backgroundColor: ((_token$layout3 = token.layout) === null || _token$layout3 === void 0 || (_token$layout3 = _token$layout3.header) === null || _token$layout3 === void 0 ? void 0 : _token$layout3.colorBgHeader) || 'rgba(255, 255, 255, 0.4)',
+    WebkitBackdropFilter: 'blur(8px)',
+    backdropFilter: 'blur(8px)',
+    transition: 'background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)',
+    '&-fixed-header': {
+      position: 'fixed',
+      insetBlockStart: 0,
+      width: '100%',
+      zIndex: 100,
+      insetInlineEnd: 0
+    },
+    '&-fixed-header-scroll': {
+      backgroundColor: ((_token$layout4 = token.layout) === null || _token$layout4 === void 0 || (_token$layout4 = _token$layout4.header) === null || _token$layout4 === void 0 ? void 0 : _token$layout4.colorBgScrollHeader) || 'rgba(255, 255, 255, 0.8)'
+    },
+    '&-header-actions': {
+      display: 'flex',
+      alignItems: 'center',
+      fontSize: '16',
+      cursor: 'pointer',
+      '& &-item': {
         paddingBlock: 0,
-        paddingInline: 0,
-        borderBlockEnd: `1px solid ${token.colorSplit}`,
-        backgroundColor: ((_f = (_e = token.layout) == null ? void 0 : _e.header) == null ? void 0 : _f.colorBgHeader) || "rgba(255, 255, 255, 0.4)",
-        WebkitBackdropFilter: "blur(8px)",
-        backdropFilter: "blur(8px)",
-        transition: "background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)",
-        "&-fixed-header": {
-          position: "fixed",
-          insetBlockStart: 0,
-          width: "100%",
-          zIndex: 100,
-          insetInlineEnd: 0
-        },
-        "&-fixed-header-scroll": {
-          backgroundColor: ((_h = (_g = token.layout) == null ? void 0 : _g.header) == null ? void 0 : _h.colorBgScrollHeader) || "rgba(255, 255, 255, 0.8)"
-        },
-        "&-header-actions": {
-          display: "flex",
-          alignItems: "center",
-          fontSize: "16",
-          cursor: "pointer",
-          "& &-item": {
-            paddingBlock: 0,
-            paddingInline: 8,
-            "&:hover": {
-              color: token.colorText
-            }
-          }
-        },
-        "&-header-realDark": { boxShadow: "0 2px 8px 0 rgba(0, 0, 0, 65%)" },
-        "&-header-actions-header-action": {
-          transition: "width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)"
+        paddingInline: 8,
+        '&:hover': {
+          color: token.colorText
         }
       }
+    },
+    '&-header-realDark': {
+      boxShadow: '0 2px 8px 0 rgba(0, 0, 0, 65%)'
+    },
+    '&-header-actions-header-action': {
+      transition: 'width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)'
     }
-  };
+  }));
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("ProLayoutHeader", (token) => {
-    const ProLayoutHeaderToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('ProLayoutHeader', function (token) {
+    var ProLayoutHeaderToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProLayoutHeaderStyle(ProLayoutHeaderToken)];
   });
-}
-export {
-  useStyle
-};
+}

package/es/layout/components/Header/style/stylish.js

@@ -1,45 +1,15 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/layout/components/Header/style/stylish.ts
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { useStyle as useAntdStyle } from "../../../../provider";
-function useStylish(prefixCls, {
-  stylish,
-  proLayoutCollapsedWidth
-}) {
-  return useAntdStyle("ProLayoutHeaderStylish", (token) => {
-    const stylishToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`,
-      proLayoutCollapsedWidth
+export function useStylish(prefixCls, _ref) {
+  var stylish = _ref.stylish,
+    proLayoutCollapsedWidth = _ref.proLayoutCollapsedWidth;
+  return useAntdStyle('ProLayoutHeaderStylish', function (token) {
+    var stylishToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls),
+      proLayoutCollapsedWidth: proLayoutCollapsedWidth
     });
-    if (!stylish)
-      return [];
-    return [
-      {
-        [`div${token.proComponentsCls}-layout`]: {
-          [`${stylishToken.componentCls}`]: stylish == null ? void 0 : stylish(stylishToken)
-        }
-      }
-    ];
+    if (!stylish) return [];
+    return [_defineProperty({}, "div".concat(token.proComponentsCls, "-layout"), _defineProperty({}, "".concat(stylishToken.componentCls), stylish === null || stylish === void 0 ? void 0 : stylish(stylishToken)))];
   });
-}
-export {
-  useStylish
-};
+}

package/es/layout/components/Help/AsyncContentPanel.js

@@ -1,49 +1,60 @@
-// src/layout/components/Help/AsyncContentPanel.tsx
-import { Spin } from "antd";
-import { useContext, useEffect, useState } from "react";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { Spin } from 'antd';
+import { useContext, useEffect, useState } from 'react';
 import { ProHelpProvide } from "./HelpProvide";
 import { RenderContentPanel } from "./RenderContentPanel";
-var AsyncContentPanel = ({ item, onInit }) => {
-  const { onLoadContext } = useContext(ProHelpProvide);
-  const [loading, setLoading] = useState(false);
-  const [content, setContent] = useState();
-  useEffect(() => {
-    if (!item.key)
-      return;
-    setLoading(true);
-    onLoadContext == null ? void 0 : onLoadContext(item.key, item).then((res) => {
-      setLoading(false);
-      setContent(res);
+
+/**
+ * 异步加载内容的面板组件
+ * @param item 指向当前面板的 ProHelpDataSource
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export var AsyncContentPanel = function AsyncContentPanel(_ref) {
+  var item = _ref.item,
+    _onInit = _ref.onInit;
+  var _useContext = useContext(ProHelpProvide),
+    onLoadContext = _useContext.onLoadContext; // 获取上下文中的 onLoadContext
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1]; // 加载状态
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    content = _useState4[0],
+    setContent = _useState4[1]; // 内容数据
+
+  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]);
-  if (!item.key)
-    return null;
+
+  // 如果没有key，则返回null
+  if (!item.key) return null;
+
+  // 如果正在加载并且有key，则显示加载中的状态
   if (loading && item.key) {
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        key: item.key,
-        style: {
-          display: "flex",
-          justifyContent: "center",
-          width: "100%",
-          boxSizing: "border-box",
-          padding: 24
-        }
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'center',
+        width: '100%',
+        boxSizing: 'border-box',
+        padding: 24
       },
-      /* @__PURE__ */ React.createElement(Spin, null)
-    );
+      children: /*#__PURE__*/_jsx(Spin, {})
+    }, item.key);
   }
-  return /* @__PURE__ */ React.createElement(
-    RenderContentPanel,
-    {
-      onInit: (ref) => {
-        onInit == null ? void 0 : onInit(ref);
-      },
-      dataSourceChildren: content
-    }
-  );
-};
-export {
-  AsyncContentPanel
-};
+
+  // 加载完成后，渲染内容面板
+  return /*#__PURE__*/_jsx(RenderContentPanel, {
+    onInit: function onInit(ref) {
+      _onInit === null || _onInit === void 0 || _onInit(ref);
+    },
+    dataSourceChildren: content
+  });
+};

package/es/layout/components/Help/HelpProvide.js

@@ -1,6 +1,55 @@
-// src/layout/components/Help/HelpProvide.tsx
-import React from "react";
-var ProHelpProvide = React.createContext({ dataSource: [], valueTypeMap: /* @__PURE__ */ new Map() });
-export {
-  ProHelpProvide
-};
+import React from 'react';
+
+/**
+ * ProHelp 数据源子项内容类型。
+ * 该类型定义了多种数据源子项内容类型，例如 h1、h2、link、text、image等。
+ * 其中，link 和 inlineLink 属性都是链接类型的数据源子项内容，不同的是 inlineLink 是内联链接，而 link 是块级链接。
+ *
+ * @typedef {object} ProHelpDataSourceContentType
+ * @property {string} h1 标题1类型的数据源子项内容。
+ * @property {string} h2 标题2类型的数据源子项内容。
+ * @property {{ children: string } & React.AnchorHTMLAttributes<HTMLAnchorElement>} link 链接类型的数据源子项内容。
+ * @property {{ children: string } & React.AnchorHTMLAttributes<HTMLAnchorElement>} inlineLink 内联链接类型的数据源子项内容。
+ * @property {string} text 文本类型的数据源子项内容。
+ * @property {ImageProps} image 图片类型的数据源子项内容。
+ */
+
+/**
+ * ProHelp 数据源子项内容类型的类型，可能的取值为 "h1"、"h2"、"link"、"inlineLink"、"text" 和 "image"。
+ * @typedef {'h1' | 'h2' | 'link' | 'inlineLink' | 'text' | 'image'} ProHelpDataSourceChildrenType
+ */
+
+/**
+ * ProHelp 数据源子项内容属性类型。
+ * @template ValueType 数据源项值的类型，默认为 'text'。
+ * 该类型定义了一个名为 children 的对象属性，根据 valueType 属性的值来确定该属性对象的具体类型，
+ * 如果 valueType 的类型是 ProHelpDataSourceChildrenType，
+ * 则使用 ProHelpDataSourceContentType 中 ProHelpDataSourceChildrenType 所对应的属性类型；
+ * 否则，使用 ProHelpDataSourceContentType 中 ValueType 所对应的属性类型。
+ */
+
+/**
+ * ProHelp 数据源子项类型。
+ * @template ValueTypeMap 数据源项值的类型，默认为 'text'。
+ * @property {(ValueType | ProHelpDataSourceChildrenType)} valueType 数据源子项值的类型，可以为指定的类型，也可以是自定义类型。
+ * @property {ProHelpDataSourceContentProps<ValueType>} children 包含数据源子项内容的对象。
+ */
+
+/**
+ * ProHelp 数据源类型。
+ * @template ValueType 数据源项值的类型，默认为 'text'。
+ * @property {string} key 数据源项的唯一标识。
+ * @property {string} title 数据源项的标题。
+ * @property children 包含子项的数组，每个子项包含一个唯一标识，标题以及子子项数组。
+ */
+
+/**
+ * 这段代码定义了一个名为 ProHelpProvide 的 React 上下文对象，并且指定了该上下文对象的初始值为 { dataSource: [] }。
+ * 这个上下文对象中包含了一个名为 dataSource 的属性，该属性的值是一个数组，类型为 ProHelpDataSource<any>[]。
+ * 该上下文对象通常用于在 React 组件树中共享数据，即可以通过在组件中使用 ProHelpProvide.Provider 包裹一组组件，
+ * 将 dataSource 和 valueTypeMap 数据源传递给这些组件，这些组件即可从上下文中获取 dataSource 数据源，实现数据的共享和传递。
+ */
+export var ProHelpProvide = /*#__PURE__*/React.createContext({
+  dataSource: [],
+  valueTypeMap: new Map()
+});