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

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

@@ -1,284 +1,222 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-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 __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-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/ProHelpPanel.tsx
-var ProHelpPanel_exports = {};
-__export(ProHelpPanel_exports, {
-  ProHelpPanel: () => ProHelpPanel,
-  SelectKeyProvide: () => SelectKeyProvide
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ProHelpPanel_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_useMergedState = __toESM(require("rc-util/lib/hooks/useMergedState"));
-var import_react = __toESM(require("react"));
-var import_provider = require("../../../provider");
-var import_utils = require("../../../utils");
-var import_HelpProvide = require("./HelpProvide");
-var import_ProHelpContentPanel = require("./ProHelpContentPanel");
-var import_Search = require("./Search");
-var import_style = require("./style");
-var SelectKeyProvide = import_react.default.createContext({
-  selectedKey: void 0,
-  setSelectedKey: () => {
-  }
+exports.SelectKeyProvide = exports.ProHelpPanel = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _icons = require("@ant-design/icons");
+var _util = require("@rc-component/util");
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _provider = require("../../../provider");
+var _HelpProvide = require("./HelpProvide");
+var _ProHelpContentPanel = require("./ProHelpContentPanel");
+var _Search = require("./Search");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["title", "variant", "onClose", "footer", "height", "extraRender"];
+var SelectKeyProvide = exports.SelectKeyProvide = /*#__PURE__*/_react.default.createContext({
+  selectedKey: undefined,
+  setSelectedKey: function setSelectedKey() {}
 });
-var ProHelpPanel = (_a) => {
-  var _b = _a, {
-    title = "帮助中心",
-    variant = "outlined",
-    onClose,
-    footer,
-    height,
-    extraRender
-  } = _b, props = __objRest(_b, [
-    "title",
-    "variant",
-    "onClose",
-    "footer",
-    "height",
-    "extraRender"
-  ]);
-  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const className = getPrefixCls("pro-help");
-  const { wrapSSR, hashId } = (0, import_style.useStyle)(className);
-  const { dataSource } = (0, import_react.useContext)(import_HelpProvide.ProHelpProvide);
-  const [selectedKey, setSelectedKey] = (0, import_useMergedState.default)(
-    void 0,
-    {
+/**
+ * ProHelpPanel 组件是一个帮助中心面板组件，具有可折叠的左侧菜单和右侧帮助内容区域。
+ * 左侧菜单显示了帮助文档的目录结构，右侧帮助内容区域显示了用户选中的帮助文档内容。
+ * 在左侧菜单中，用户可以通过点击目录来选择并显示相应的文档内容。
+ * @param param0
+ * @returns
+ */
+var ProHelpPanel = exports.ProHelpPanel = function ProHelpPanel(_ref) {
+  var _token$layout, _token$layout2, _token$layout3, _token$layout4, _token$layout5;
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '帮助中心' : _ref$title,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'outlined' : _ref$variant,
+    onClose = _ref.onClose,
+    footer = _ref.footer,
+    height = _ref.height,
+    extraRender = _ref.extraRender,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var className = getPrefixCls('pro-help');
+  var _useStyle = (0, _style.useStyle)(className),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var _useContext2 = (0, _react.useContext)(_HelpProvide.ProHelpProvide),
+    dataSource = _useContext2.dataSource;
+  var _useMergedState = (0, _util.useMergedState)(undefined, {
       defaultValue: props.defaultSelectedKey,
       value: props.selectedKey,
       onChange: props.onSelectedKeyChange
-    }
-  );
-  const [openKey, setOpenKey] = (0, import_react.useState)("");
-  const { token } = (0, import_react.useContext)(import_provider.ProProvider);
-  const [showLeftPanel, setShowLeftPanel] = (0, import_useMergedState.default)(true, {
-    value: props.showLeftPanel,
-    onChange: props.onShowLeftPanelChange
-  });
-  const dataSourceKeyMap = (0, import_react.useMemo)(() => {
-    const map = /* @__PURE__ */ new Map();
-    dataSource.forEach((page) => {
-      var _a3;
+    }),
+    _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
+    selectedKey = _useMergedState2[0],
+    setSelectedKey = _useMergedState2[1];
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    openKey = _useState2[0],
+    setOpenKey = _useState2[1];
+  var _useContext3 = (0, _react.useContext)(_provider.ProProvider),
+    token = _useContext3.token;
+  var _useMergedState3 = (0, _util.useMergedState)(true, {
+      value: props.showLeftPanel,
+      onChange: props.onShowLeftPanelChange
+    }),
+    _useMergedState4 = (0, _slicedToArray2.default)(_useMergedState3, 2),
+    showLeftPanel = _useMergedState4[0],
+    setShowLeftPanel = _useMergedState4[1];
+  var dataSourceKeyMap = (0, _react.useMemo)(function () {
+    var map = new Map();
+    dataSource.forEach(function (page) {
+      var _page$children;
       map.set(page.key, page);
-      (_a3 = page.children) == null ? void 0 : _a3.forEach((item) => {
-        map.set(item.key || item.title, __spreadValues({
+      (_page$children = page.children) === null || _page$children === void 0 || _page$children.forEach(function (item) {
+        map.set(item.key || item.title, (0, _objectSpread2.default)({
           parentKey: page.key
         }, item));
       });
     });
     return map;
   }, [dataSource]);
-  const parentKey = (0, import_react.useMemo)(
-    () => {
-      var _a3;
-      return (_a3 = dataSourceKeyMap.get(selectedKey)) == null ? void 0 : _a3.parentKey;
-    },
-    [dataSourceKeyMap, selectedKey]
-  );
-  const defaultExtraActions = {
-    collapsePanelAction: /* @__PURE__ */ import_react.default.createElement("div", { className: `${className}-actions-item ${hashId}`.trim() }, /* @__PURE__ */ import_react.default.createElement(
-      import_icons.ProfileOutlined,
-      {
+  var parentKey = (0, _react.useMemo)(function () {
+    var _dataSourceKeyMap$get;
+    return (_dataSourceKeyMap$get = dataSourceKeyMap.get(selectedKey)) === null || _dataSourceKeyMap$get === void 0 ? void 0 : _dataSourceKeyMap$get.parentKey;
+  }, [dataSourceKeyMap, selectedKey]);
+  var defaultExtraActions = {
+    collapsePanelAction: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(className, "-actions-item ").concat(hashId).trim(),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ProfileOutlined, {
         title: "collapse panel",
-        onClick: () => {
+        onClick: function onClick() {
           setShowLeftPanel(!showLeftPanel);
         }
+      })
+    }),
+    helpSelectAction: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Search.ProHelpSelect, {
+      iconClassName: "".concat(className, "-actions-item"),
+      className: "".concat(hashId, " ").concat(className, "-actions-input"),
+      value: selectedKey,
+      onChange: function onChange(value, item) {
+        setSelectedKey(value);
+        setOpenKey(item === null || item === void 0 ? void 0 : item.dataItemKey);
       }
-    )),
-    helpSelectAction: /* @__PURE__ */ import_react.default.createElement(
-      import_Search.ProHelpSelect,
-      {
-        iconClassName: `${className}-actions-item`,
-        className: `${hashId} ${className}-actions-input`,
-        value: selectedKey,
-        onChange: (value, item) => {
-          setSelectedKey(value);
-          setOpenKey(item == null ? void 0 : item.dataItemKey);
-        }
-      }
-    ),
-    closeAction: /* @__PURE__ */ import_react.default.createElement("div", { className: `${className}-actions-item ${hashId}`.trim() }, /* @__PURE__ */ import_react.default.createElement(
-      import_icons.CloseOutlined,
-      {
+    }),
+    closeAction: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(className, "-actions-item ").concat(hashId).trim(),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {
         title: "close panel",
-        onClick: () => {
-          onClose == null ? void 0 : onClose();
+        onClick: function onClick() {
+          onClose === null || onClose === void 0 || onClose();
         }
-      }
-    ))
+      })
+    })
   };
-  const extraDomList = () => {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${className}-actions ${hashId}`.trim() }, extraRender ? extraRender(
-      defaultExtraActions.collapsePanelAction,
-      defaultExtraActions.helpSelectAction,
-      defaultExtraActions.closeAction
-    ) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, defaultExtraActions.collapsePanelAction, defaultExtraActions.helpSelectAction, onClose ? defaultExtraActions.closeAction : null));
+  var extraDomList = function extraDomList() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(className, "-actions ").concat(hashId).trim(),
+      children: extraRender ? extraRender(defaultExtraActions.collapsePanelAction, defaultExtraActions.helpSelectAction, defaultExtraActions.closeAction) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [defaultExtraActions.collapsePanelAction, defaultExtraActions.helpSelectAction, onClose ? defaultExtraActions.closeAction : null]
+      })
+    });
   };
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
-      SelectKeyProvide.Provider,
-      {
-        value: {
-          selectedKey,
-          setSelectedKey
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectKeyProvide.Provider, {
+    value: {
+      selectedKey: selectedKey,
+      setSelectedKey: setSelectedKey
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Card, {
+      variant: variant,
+      title: title,
+      styles: {
+        body: {
+          display: 'flex',
+          padding: 0,
+          margin: 0,
+          height: '100%',
+          width: '100%'
         }
       },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Card,
-        {
-          variant,
-          title,
-          styles: {
-            body: {
-              display: "flex",
-              padding: 0,
-              margin: 0,
-              height: "100%",
-              width: "100%"
-            }
-          },
-          size: "small",
-          extra: extraDomList()
+      size: "small",
+      extra: extraDomList(),
+      children: [showLeftPanel ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "".concat(hashId, " ").concat(className, "-left-panel "),
+        style: {
+          height: height
         },
-        showLeftPanel ? /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: `${hashId} ${className}-left-panel `,
-            style: {
-              height
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
+          theme: {
+            hashed: (0, _provider.isNeedOpenHash)(),
+            token: {
+              lineHeight: 1.2,
+              fontSize: 12,
+              controlHeightLG: 26
+            },
+            components: {
+              Menu: {
+                itemBorderRadius: token.borderRadius,
+                activeBarWidth: 0,
+                activeBarBorderWidth: 0,
+                itemSelectedBg: ((_token$layout = token.layout) === null || _token$layout === void 0 || (_token$layout = _token$layout.sider) === null || _token$layout === void 0 ? void 0 : _token$layout.colorBgMenuItemSelected) || 'rgba(0, 0, 0, 0.04)',
+                itemActiveBg: ((_token$layout2 = token.layout) === null || _token$layout2 === void 0 || (_token$layout2 = _token$layout2.sider) === null || _token$layout2 === void 0 ? void 0 : _token$layout2.colorBgMenuItemHover) || 'rgba(0, 0, 0, 0.04)',
+                itemColor: ((_token$layout3 = token.layout) === null || _token$layout3 === void 0 || (_token$layout3 = _token$layout3.sider) === null || _token$layout3 === void 0 ? void 0 : _token$layout3.colorTextMenu) || 'rgba(0, 0, 0, 0.65)',
+                itemHoverColor: ((_token$layout4 = token.layout) === null || _token$layout4 === void 0 || (_token$layout4 = _token$layout4.sider) === null || _token$layout4 === void 0 ? void 0 : _token$layout4.colorTextMenuActive) || 'rgba(0, 0, 0, 0.85)',
+                itemSelectedColor: ((_token$layout5 = token.layout) === null || _token$layout5 === void 0 || (_token$layout5 = _token$layout5.sider) === null || _token$layout5 === void 0 ? void 0 : _token$layout5.colorTextMenuSelected) || 'rgba(0, 0, 0, 1)',
+                itemBg: 'transparent',
+                subMenuItemBg: 'transparent',
+                popupBg: token === null || token === void 0 ? void 0 : token.colorBgElevated,
+                darkPopupBg: token === null || token === void 0 ? void 0 : token.colorBgElevated
+              }
             }
           },
-          /* @__PURE__ */ import_react.default.createElement(
-            import_antd.ConfigProvider,
-            {
-              theme: {
-                hashed: (0, import_provider.isNeedOpenHash)(),
-                token: {
-                  lineHeight: 1.2,
-                  fontSize: 12,
-                  controlHeightLG: 26
-                },
-                components: {
-                  Menu: (0, import_utils.coverToNewToken)({
-                    radiusItem: token.borderRadius,
-                    colorActiveBarWidth: 0,
-                    colorActiveBarBorderSize: 0,
-                    colorItemBgSelected: ((_b2 = (_a2 = token.layout) == null ? void 0 : _a2.sider) == null ? void 0 : _b2.colorBgMenuItemSelected) || "rgba(0, 0, 0, 0.04)",
-                    colorItemBgActive: ((_d = (_c = token.layout) == null ? void 0 : _c.sider) == null ? void 0 : _d.colorBgMenuItemHover) || "rgba(0, 0, 0, 0.04)",
-                    colorItemText: ((_f = (_e = token.layout) == null ? void 0 : _e.sider) == null ? void 0 : _f.colorTextMenu) || "rgba(0, 0, 0, 0.65)",
-                    colorItemTextHover: ((_h = (_g = token.layout) == null ? void 0 : _g.sider) == null ? void 0 : _h.colorTextMenuActive) || "rgba(0, 0, 0, 0.85)",
-                    colorItemTextSelected: ((_j = (_i = token.layout) == null ? void 0 : _i.sider) == null ? void 0 : _j.colorTextMenuSelected) || "rgba(0, 0, 0, 1)",
-                    colorItemBg: "transparent",
-                    colorSubItemBg: "transparent",
-                    popupBg: token == null ? void 0 : token.colorBgElevated,
-                    darkPopupBg: token == null ? void 0 : token.colorBgElevated
-                  })
-                }
-              }
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Menu, {
+            className: "".concat(hashId, " ").concat(className, "-left-panel-menu"),
+            openKeys: [parentKey, openKey],
+            onOpenChange: function onOpenChange(keys) {
+              setOpenKey(keys.at(-1) || '');
             },
-            /* @__PURE__ */ import_react.default.createElement(
-              import_antd.Menu,
-              {
-                className: `${hashId} ${className}-left-panel-menu`,
-                openKeys: [parentKey, openKey],
-                onOpenChange: (keys) => {
-                  setOpenKey(keys.at(-1) || "");
-                },
-                selectedKeys: selectedKey ? [selectedKey] : [],
-                onSelect: ({ selectedKeys }) => {
-                  setSelectedKey(selectedKeys.at(-1) || "");
-                },
-                mode: "inline",
-                items: dataSource.map((item) => {
+            selectedKeys: selectedKey ? [selectedKey] : [],
+            onSelect: function onSelect(_ref2) {
+              var selectedKeys = _ref2.selectedKeys;
+              setSelectedKey(selectedKeys.at(-1) || '');
+            },
+            mode: "inline",
+            items: dataSource.map(function (item) {
+              return {
+                key: item.key,
+                label: item.title,
+                children: item.children.map(function (child) {
                   return {
-                    key: item.key,
-                    label: item.title,
-                    children: item.children.map((child) => {
-                      return {
-                        key: child.key,
-                        label: child.title
-                      };
-                    })
+                    key: child.key,
+                    label: child.title
                   };
                 })
-              }
-            )
-          )
-        ) : null,
-        /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: `${hashId} ${className}-content-panel`,
-            style: {
-              height
-            }
-          },
-          selectedKey ? /* @__PURE__ */ import_react.default.createElement(
-            import_ProHelpContentPanel.ProHelpContentPanel,
-            {
-              parentItem: dataSourceKeyMap.get(parentKey),
-              className: `${className}-content-render`,
-              selectedKey,
-              onScroll: (key) => setSelectedKey(key)
-            }
-          ) : null,
-          footer ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${hashId} ${className}-footer` }, footer) : null
-        )
-      )
-    )
-  );
-};
+              };
+            })
+          })
+        })
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "".concat(hashId, " ").concat(className, "-content-panel"),
+        style: {
+          height: height
+        },
+        children: [selectedKey ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProHelpContentPanel.ProHelpContentPanel, {
+          parentItem: dataSourceKeyMap.get(parentKey),
+          className: "".concat(className, "-content-render"),
+          selectedKey: selectedKey,
+          onScroll: function onScroll(key) {
+            return setSelectedKey(key);
+          }
+        }) : null, footer ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "".concat(hashId, " ").concat(className, "-footer"),
+          children: footer
+        }) : null]
+      })]
+    })
+  }));
+};

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

@@ -1,94 +1,48 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-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 __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/ProHelpPopover.tsx
-var ProHelpPopover_exports = {};
-__export(ProHelpPopover_exports, {
-  ProHelpPopover: () => ProHelpPopover
+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(ProHelpPopover_exports);
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_provider = require("../../../provider");
-var import_ProHelpContentPanel = require("./ProHelpContentPanel");
-var import_style = require("./style");
-var ProHelpPopover = (props) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const className = getPrefixCls("pro-help");
-  const { hashId } = (0, import_react.useContext)(import_provider.ProProvider);
-  const { wrapSSR } = (0, import_style.useStyle)(className);
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Popover,
-      __spreadValues({
-        styles: {
-          body: {
-            padding: 0
-          }
-        },
-        content: /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: (0, import_classnames.default)(
-              `${className}-popover-content`,
-              hashId,
-              props.popoverContextClassName
-            )
-          },
-          /* @__PURE__ */ import_react.default.createElement(import_ProHelpContentPanel.ProHelpContentPanel, { selectedKey: props.selectedKey })
-        )
-      }, props.popoverProps),
-      /* @__PURE__ */ import_react.default.createElement(
-        "span",
-        {
-          className: (0, import_classnames.default)(
-            `${className}-popover-text`,
-            hashId,
-            props.textClassName
-          )
-        },
-        props.children
-      )
-    )
-  );
-};
+exports.ProHelpPopover = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _provider = require("../../../provider");
+var _ProHelpContentPanel = require("./ProHelpContentPanel");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 渲染一个弹出式提示框，其中显示了一个ProHelpContentPanel，展示帮助文案的详情
+ * @param popoverProps 要传递给 Drawer 组件的属性。
+ * @param props 要传递给 ProHelpPanel 组件的属性。
+ */
+var ProHelpPopover = exports.ProHelpPopover = function ProHelpPopover(props) {
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var className = getPrefixCls('pro-help');
+  var _useContext2 = (0, _react.useContext)(_provider.ProProvider),
+    hashId = _useContext2.hashId;
+  var _useStyle = (0, _style.useStyle)(className),
+    wrapSSR = _useStyle.wrapSSR;
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    styles: {
+      body: {
+        padding: 0
+      }
+    },
+    content: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)("".concat(className, "-popover-content"), hashId, props.popoverContextClassName),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProHelpContentPanel.ProHelpContentPanel, {
+        selectedKey: props.selectedKey
+      })
+    })
+  }, props.popoverProps), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _classnames.default)("".concat(className, "-popover-text"), hashId, props.textClassName),
+      children: props.children
+    })
+  })));
+};