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

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

@@ -1,62 +1,22 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/layout/components/Header/style/stylish.ts
-var stylish_exports = {};
-__export(stylish_exports, {
-  useStylish: () => useStylish
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(stylish_exports);
-var import_provider = require("../../../../provider");
-function useStylish(prefixCls, {
-  stylish,
-  proLayoutCollapsedWidth
-}) {
-  return (0, import_provider.useStyle)("ProLayoutHeaderStylish", (token) => {
-    const stylishToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`,
-      proLayoutCollapsedWidth
+exports.useStylish = useStylish;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _provider = require("../../../../provider");
+function useStylish(prefixCls, _ref) {
+  var stylish = _ref.stylish,
+    proLayoutCollapsedWidth = _ref.proLayoutCollapsedWidth;
+  return (0, _provider.useStyle)('ProLayoutHeaderStylish', function (token) {
+    var stylishToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 [(0, _defineProperty2.default)({}, "div".concat(token.proComponentsCls, "-layout"), (0, _defineProperty2.default)({}, "".concat(stylishToken.componentCls), stylish === null || stylish === void 0 ? void 0 : stylish(stylishToken)))];
   });
-}
+}

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

@@ -1,69 +1,66 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/layout/components/Help/AsyncContentPanel.tsx
-var AsyncContentPanel_exports = {};
-__export(AsyncContentPanel_exports, {
-  AsyncContentPanel: () => AsyncContentPanel
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(AsyncContentPanel_exports);
-var import_antd = require("antd");
-var import_react = require("react");
-var import_HelpProvide = require("./HelpProvide");
-var import_RenderContentPanel = require("./RenderContentPanel");
-var AsyncContentPanel = ({ item, onInit }) => {
-  const { onLoadContext } = (0, import_react.useContext)(import_HelpProvide.ProHelpProvide);
-  const [loading, setLoading] = (0, import_react.useState)(false);
-  const [content, setContent] = (0, import_react.useState)();
-  (0, import_react.useEffect)(() => {
-    if (!item.key)
-      return;
-    setLoading(true);
-    onLoadContext == null ? void 0 : onLoadContext(item.key, item).then((res) => {
-      setLoading(false);
-      setContent(res);
+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]);
-  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__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'center',
+        width: '100%',
+        boxSizing: 'border-box',
+        padding: 24
       },
-      /* @__PURE__ */ React.createElement(import_antd.Spin, null)
-    );
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Spin, {})
+    }, item.key);
   }
-  return /* @__PURE__ */ React.createElement(
-    import_RenderContentPanel.RenderContentPanel,
-    {
-      onInit: (ref) => {
-        onInit == null ? void 0 : onInit(ref);
-      },
-      dataSourceChildren: content
-    }
-  );
-};
+
+  // 加载完成后，渲染内容面板
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderContentPanel.RenderContentPanel, {
+    onInit: function onInit(ref) {
+      _onInit === null || _onInit === void 0 || _onInit(ref);
+    },
+    dataSourceChildren: content
+  });
+};

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

@@ -1,36 +1,61 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/layout/components/Help/HelpProvide.tsx
-var HelpProvide_exports = {};
-__export(HelpProvide_exports, {
-  ProHelpProvide: () => ProHelpProvide
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(HelpProvide_exports);
-var import_react = __toESM(require("react"));
-var ProHelpProvide = import_react.default.createContext({ dataSource: [], valueTypeMap: /* @__PURE__ */ new Map() });
+exports.ProHelpProvide = void 0;
+var _react = _interopRequireDefault(require("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 数据源，实现数据的共享和传递。
+ */
+var ProHelpProvide = exports.ProHelpProvide = /*#__PURE__*/_react.default.createContext({
+  dataSource: [],
+  valueTypeMap: new Map()
+});

package/lib/layout/components/Help/ProHelpContentPanel.js

@@ -1,181 +1,163 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-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));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
+"use strict";
 
-// src/layout/components/Help/ProHelpContentPanel.tsx
-var ProHelpContentPanel_exports = {};
-__export(ProHelpContentPanel_exports, {
-  ProHelpContentPanel: () => ProHelpContentPanel
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ProHelpContentPanel_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_provider = require("../../../provider");
-var import_utils = require("../../../utils");
-var import_AsyncContentPanel = require("./AsyncContentPanel");
-var import_HelpProvide = require("./HelpProvide");
-var import_RenderContentPanel = require("./RenderContentPanel");
-var ProHelpContentPanel = ({
-  className,
-  parentItem,
-  selectedKey,
-  onScroll
-}) => {
-  var _a;
-  const { dataSource } = (0, import_react.useContext)(import_HelpProvide.ProHelpProvide);
-  const { hashId } = (0, import_react.useContext)(import_provider.ProProvider);
-  const scrollHeightMap = (0, import_react.useRef)(/* @__PURE__ */ new Map());
-  const divRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    if (!selectedKey || !(parentItem == null ? void 0 : parentItem.infiniteScrollFull))
-      return;
-    const div = scrollHeightMap.current.get(selectedKey);
-    if ((div == null ? void 0 : div.offsetTop) && divRef.current) {
-      if (Math.abs(divRef.current.scrollTop - (div == null ? void 0 : div.offsetTop) + 40) > (div == null ? void 0 : div.clientHeight)) {
-        divRef.current.scrollTop = (div == null ? void 0 : div.offsetTop) - 40;
+exports.ProHelpContentPanel = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _provider = require("../../../provider");
+var _utils = require("../../../utils");
+var _AsyncContentPanel = require("./AsyncContentPanel");
+var _HelpProvide = require("./HelpProvide");
+var _RenderContentPanel = require("./RenderContentPanel");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 控制具体的帮助文档显示组件
+ * selectedKey 来展示对应的内容。它会根据不同的item.valueType值来展示不同的内容，包括标题、图片、超链接等。
+ * @param ProHelpContentPanelProps
+ * @returns
+ */
+var ProHelpContentPanel = exports.ProHelpContentPanel = function ProHelpContentPanel(_ref) {
+  var className = _ref.className,
+    parentItem = _ref.parentItem,
+    selectedKey = _ref.selectedKey,
+    onScroll = _ref.onScroll;
+  var _useContext = (0, _react.useContext)(_HelpProvide.ProHelpProvide),
+    dataSource = _useContext.dataSource;
+  var _useContext2 = (0, _react.useContext)(_provider.ProProvider),
+    hashId = _useContext2.hashId;
+  // 记录每个面板的滚动高度
+  var scrollHeightMap = (0, _react.useRef)(new Map());
+  var divRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (!selectedKey || !(parentItem !== null && parentItem !== void 0 && parentItem.infiniteScrollFull)) return;
+    var div = scrollHeightMap.current.get(selectedKey);
+    if (div !== null && div !== void 0 && div.offsetTop && divRef.current) {
+      if (Math.abs(divRef.current.scrollTop - (div === null || div === void 0 ? void 0 : div.offsetTop) + 40) > (div === null || div === void 0 ? void 0 : div.clientHeight)) {
+        divRef.current.scrollTop = (div === null || div === void 0 ? void 0 : div.offsetTop) - 40;
       }
     }
   }, [selectedKey]);
-  const onScrollEvent = (0, import_utils.useDebounceFn)((e) => __async(void 0, null, function* () {
-    const dom = e == null ? void 0 : e.target;
-    const list = Array.from(scrollHeightMap.current.entries()).find(
-      ([, value]) => {
-        if ((dom == null ? void 0 : dom.scrollTop) < value.offsetTop) {
-          return true;
+
+  /**
+   * debounce（防抖）处理滚动事件，并根据滚动位置来实现找到当前列表的 key
+   */
+  var onScrollEvent = (0, _utils.useDebounceFn)( /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(e) {
+      var dom, list;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            dom = e === null || e === void 0 ? void 0 : e.target; // 根据滚动位置来找到当前列表的 key
+            list = Array.from(scrollHeightMap.current.entries()).find(function (_ref3) {
+              var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+                value = _ref4[1];
+              if ((dom === null || dom === void 0 ? void 0 : dom.scrollTop) < value.offsetTop) {
+                return true;
+              }
+              return false;
+            });
+            if (list) {
+              _context.next = 4;
+              break;
+            }
+            return _context.abrupt("return");
+          case 4:
+            // 如果获取的 key 和当前 key 不同丢弃掉
+            if (list.at(0) !== selectedKey) {
+              // 如果不同，则触发 onScroll 事件
+              onScroll === null || onScroll === void 0 || onScroll(list.at(0));
+            }
+          case 5:
+          case "end":
+            return _context.stop();
         }
-        return false;
-      }
-    );
-    if (!list) {
-      return;
-    }
-    if (list.at(0) !== selectedKey) {
-      onScroll == null ? void 0 : onScroll(list.at(0));
-    }
-  }), 200);
-  (0, import_react.useEffect)(() => {
-    var _a2;
-    if (!(parentItem == null ? void 0 : parentItem.infiniteScrollFull))
-      return;
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), 200);
+
+  /**
+   * 当 parentItem 组件中的 infiniteScrollFull 属性变化时
+   * 如果该属性为真值，则开始监听滚动事件；
+   * 如果为假值，则停止监听滚动事件并取消防抖处理。
+   * 在监听滚动事件时，可以实现分页（瀑布流）效果。同时，该代码还会根据 selectedKey 的变化来触发跳转
+   */
+  (0, _react.useEffect)(function () {
+    var _divRef$current;
+    if (!(parentItem !== null && parentItem !== void 0 && parentItem.infiniteScrollFull)) return;
     onScrollEvent.cancel();
-    (_a2 = divRef.current) == null ? void 0 : _a2.addEventListener("scroll", onScrollEvent.run, false);
-    return () => {
-      var _a3;
+    (_divRef$current = divRef.current) === null || _divRef$current === void 0 || _divRef$current.addEventListener('scroll', onScrollEvent.run, false);
+    return function () {
+      var _divRef$current2;
       onScrollEvent.cancel();
-      (_a3 = divRef.current) == null ? void 0 : _a3.removeEventListener("scroll", onScrollEvent.run, false);
+      (_divRef$current2 = divRef.current) === null || _divRef$current2 === void 0 || _divRef$current2.removeEventListener('scroll', onScrollEvent.run, false);
     };
-  }, [parentItem == null ? void 0 : parentItem.infiniteScrollFull, selectedKey]);
-  const dataSourceMap = (0, import_react.useMemo)(() => {
-    const map = /* @__PURE__ */ new Map();
-    dataSource.forEach((page) => {
-      page.children.forEach((item) => {
-        map.set(item.key || item.title, __spreadProps(__spreadValues({}, item), { parentKey: page.key }));
+  }, [parentItem === null || parentItem === void 0 ? void 0 : parentItem.infiniteScrollFull, selectedKey]);
+
+  /**
+   * 生成一个  Map  能根据 key 找到所有的 index
+   */
+  var dataSourceMap = (0, _react.useMemo)(function () {
+    var map = new Map();
+    dataSource.forEach(function (page) {
+      page.children.forEach(function (item) {
+        map.set(item.key || item.title, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+          parentKey: page.key
+        }));
       });
     });
     return map;
   }, [dataSource]);
-  const renderItem = (item) => {
-    if (item == null ? void 0 : item.asyncLoad) {
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(className, hashId), id: item.title }, /* @__PURE__ */ import_react.default.createElement(
-        import_AsyncContentPanel.AsyncContentPanel,
-        {
-          key: item == null ? void 0 : item.key,
-          item,
-          onInit: (ref) => {
-            if (!scrollHeightMap.current)
-              return;
+  var renderItem = function renderItem(item) {
+    if (item !== null && item !== void 0 && item.asyncLoad) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)(className, hashId),
+        id: item.title,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AsyncContentPanel.AsyncContentPanel, {
+          item: item,
+          onInit: function onInit(ref) {
+            if (!scrollHeightMap.current) return;
             scrollHeightMap.current.set(item.key, ref);
           }
-        }
-      ));
+        }, item === null || item === void 0 ? void 0 : item.key)
+      });
     }
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(className, hashId), id: item.title }, /* @__PURE__ */ import_react.default.createElement(
-      import_RenderContentPanel.RenderContentPanel,
-      {
-        onInit: (ref) => {
-          if (!scrollHeightMap.current)
-            return;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(className, hashId),
+      id: item.title,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderContentPanel.RenderContentPanel, {
+        onInit: function onInit(ref) {
+          if (!scrollHeightMap.current) return;
           scrollHeightMap.current.set(item.key, ref);
         },
-        dataSourceChildren: (item == null ? void 0 : item.children) || []
-      }
-    ));
+        dataSourceChildren: (item === null || item === void 0 ? void 0 : item.children) || []
+      })
+    });
   };
   if (parentItem && parentItem.infiniteScrollFull) {
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        ref: divRef,
-        className: (0, import_classnames.default)(`${className}-infinite-scroll`, hashId),
-        style: {
-          overflow: "auto"
-        }
+    var _parentItem$children;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: divRef,
+      className: (0, _classnames.default)("".concat(className, "-infinite-scroll"), hashId),
+      style: {
+        overflow: 'auto'
       },
-      (_a = parentItem.children) == null ? void 0 : _a.map((item) => {
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: item.key }, renderItem(item));
+      children: (_parentItem$children = parentItem.children) === null || _parentItem$children === void 0 ? void 0 : _parentItem$children.map(function (item) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+          children: renderItem(item)
+        }, item.key);
       })
-    );
+    });
   }
   return renderItem(dataSourceMap.get(selectedKey));
-};
+};