@hkyhy/marsun-components-core 0.1.60 → 0.1.62

package/dist/components/Layout/FullscreenBox/index.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type FullscreenBoxProps = {
+    children: ReactNode;
+    className?: string;
+    /** 全屏时附加 class（如加大 padding） */
+    fullscreenClassName?: string;
+    fullscreen: boolean;
+    onFullscreenChange?: (fullscreen: boolean) => void;
+    /** Esc 退出，默认 true */
+    exitOnEsc?: boolean;
+    /** 全屏时锁定 body 滚动，默认 true */
+    lockScroll?: boolean;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+/**
+ * CSS 铺满视口（非浏览器 Fullscreen API）。Esc 退出；z-index 1100 对齐业务浮层。
+ * 弹层（Modal / FormModal）须高于 1100（core `zIndexPopupBase` = 1200）。
+ */
+declare const FullscreenBox: React.FC<FullscreenBoxProps>;
+export type FullscreenToggleProps = {
+    fullscreen: boolean;
+    onToggle: () => void;
+    className?: string;
+    /** 图标旁标题（如对比矩阵：点标题也可全屏） */
+    children?: ReactNode;
+};
+export declare const FullscreenToggle: React.FC<FullscreenToggleProps>;
+export default FullscreenBox;
+export { useFullscreen } from './useFullscreen';

package/dist/components/Layout/FullscreenBox/index.js

@@ -0,0 +1,75 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Tooltip as c, Button as y } from "antd";
+import n from "classnames";
+import { useEffect as v } from "react";
+import m from "./style.module.scss.js";
+import { Minimize2 as b } from "../../Icons/Minimize2.js";
+import { Maximize2 as w } from "../../Icons/Maximize2.js";
+const B = ({
+  children: t,
+  className: s,
+  fullscreenClassName: i,
+  fullscreen: e,
+  onFullscreenChange: r,
+  exitOnEsc: l = !0,
+  lockScroll: a = !0,
+  ...d
+}) => (v(() => {
+  if (!e) return;
+  const u = (p) => {
+    !l || p.key !== "Escape" || document.querySelector(".ant-modal-wrap") || r == null || r(!1);
+  }, f = document.body.style.overflow;
+  return a && (document.body.style.overflow = "hidden"), document.addEventListener("keydown", u), () => {
+    a && (document.body.style.overflow = f), document.removeEventListener("keydown", u);
+  };
+}, [l, e, a, r]), /* @__PURE__ */ o(
+  "div",
+  {
+    ...d,
+    className: n(
+      "marsun-fullscreen-box",
+      m["marsun-fullscreen-box"],
+      e && m["marsun-fullscreen-box--open"],
+      s,
+      e && i
+    ),
+    "data-fullscreen": e ? "1" : void 0,
+    children: t
+  }
+)), L = ({
+  fullscreen: t,
+  onToggle: s,
+  className: i,
+  children: e
+}) => /* @__PURE__ */ o(c, { title: t ? "退出全屏（Esc）" : "铺满全屏", children: /* @__PURE__ */ o(
+  y,
+  {
+    type: "text",
+    size: "small",
+    htmlType: "button",
+    className: n(
+      "marsun-fullscreen-toggle",
+      m["marsun-fullscreen-toggle"],
+      i
+    ),
+    icon: t ? /* @__PURE__ */ o(b, { size: 16 }) : /* @__PURE__ */ o(w, { size: 16 }),
+    "aria-label": t ? "退出全屏" : "铺满全屏",
+    "aria-pressed": t,
+    onClick: s,
+    children: e ? /* @__PURE__ */ o(
+      "span",
+      {
+        className: n(
+          "marsun-fullscreen-toggle-title",
+          m["marsun-fullscreen-toggle-title"]
+        ),
+        children: e
+      }
+    ) : null
+  }
+) });
+export {
+  L as FullscreenToggle,
+  B as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Layout/FullscreenBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/FullscreenBox/index.tsx"],"sourcesContent":["import { Maximize2, Minimize2 } from '@/components/Icons';\nimport { Button, Tooltip } from 'antd';\nimport classNames from 'classnames';\nimport { useEffect, type HTMLAttributes, type ReactNode } from 'react';\nimport styles from './style.module.scss';\n\nexport type FullscreenBoxProps = {\n  children: ReactNode;\n  className?: string;\n  /** 全屏时附加 class（如加大 padding） */\n  fullscreenClassName?: string;\n  fullscreen: boolean;\n  onFullscreenChange?: (fullscreen: boolean) => void;\n  /** Esc 退出，默认 true */\n  exitOnEsc?: boolean;\n  /** 全屏时锁定 body 滚动，默认 true */\n  lockScroll?: boolean;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;\n\n/**\n * CSS 铺满视口（非浏览器 Fullscreen API）。Esc 退出；z-index 1100 对齐业务浮层。\n * 弹层（Modal / FormModal）须高于 1100（core `zIndexPopupBase` = 1200）。\n */\nconst FullscreenBox: React.FC<FullscreenBoxProps> = ({\n  children,\n  className,\n  fullscreenClassName,\n  fullscreen,\n  onFullscreenChange,\n  exitOnEsc = true,\n  lockScroll = true,\n  ...rest\n}) => {\n  useEffect(() => {\n    if (!fullscreen) return undefined;\n\n    const onKey = (e: KeyboardEvent) => {\n      if (!exitOnEsc || e.key !== 'Escape') return;\n      if (document.querySelector('.ant-modal-wrap')) return;\n      onFullscreenChange?.(false);\n    };\n    const prevOverflow = document.body.style.overflow;\n    if (lockScroll) document.body.style.overflow = 'hidden';\n    document.addEventListener('keydown', onKey);\n    return () => {\n      if (lockScroll) document.body.style.overflow = prevOverflow;\n      document.removeEventListener('keydown', onKey);\n    };\n  }, [exitOnEsc, fullscreen, lockScroll, onFullscreenChange]);\n\n  return (\n    <div\n      {...rest}\n      className={classNames(\n        'marsun-fullscreen-box',\n        styles['marsun-fullscreen-box'],\n        fullscreen && styles['marsun-fullscreen-box--open'],\n        className,\n        fullscreen && fullscreenClassName,\n      )}\n      data-fullscreen={fullscreen ? '1' : undefined}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport type FullscreenToggleProps = {\n  fullscreen: boolean;\n  onToggle: () => void;\n  className?: string;\n  /** 图标旁标题（如对比矩阵：点标题也可全屏） */\n  children?: ReactNode;\n};\n\nexport const FullscreenToggle: React.FC<FullscreenToggleProps> = ({\n  fullscreen,\n  onToggle,\n  className,\n  children,\n}) => (\n  <Tooltip title={fullscreen ? '退出全屏（Esc）' : '铺满全屏'}>\n    <Button\n      type=\"text\"\n      size=\"small\"\n      htmlType=\"button\"\n      className={classNames(\n        'marsun-fullscreen-toggle',\n        styles['marsun-fullscreen-toggle'],\n        className,\n      )}\n      icon={fullscreen ? <Minimize2 size={16} /> : <Maximize2 size={16} />}\n      aria-label={fullscreen ? '退出全屏' : '铺满全屏'}\n      aria-pressed={fullscreen}\n      onClick={onToggle}\n    >\n      {children ? (\n        <span\n          className={classNames(\n            'marsun-fullscreen-toggle-title',\n            styles['marsun-fullscreen-toggle-title'],\n          )}\n        >\n          {children}\n        </span>\n      ) : null}\n    </Button>\n  </Tooltip>\n);\n\nexport default FullscreenBox;\nexport { useFullscreen } from './useFullscreen';\n"],"names":["FullscreenBox","children","className","fullscreenClassName","fullscreen","onFullscreenChange","exitOnEsc","lockScroll","rest","useEffect","onKey","e","prevOverflow","jsx","classNames","styles","FullscreenToggle","onToggle","Tooltip","Button","Minimize2","Maximize2"],"mappings":";;;;;;;AAuBA,MAAMA,IAA8C,CAAC;AAAA,EACnD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,OACEC,EAAU,MAAM;AACd,MAAI,CAACL,EAAY;AAEjB,QAAMM,IAAQ,CAACC,MAAqB;AAClC,IAAI,CAACL,KAAaK,EAAE,QAAQ,YACxB,SAAS,cAAc,iBAAiB,KAC5CN,KAAA,QAAAA,EAAqB;AAAA,EACvB,GACMO,IAAe,SAAS,KAAK,MAAM;AACzC,SAAIL,MAAY,SAAS,KAAK,MAAM,WAAW,WAC/C,SAAS,iBAAiB,WAAWG,CAAK,GACnC,MAAM;AACX,IAAIH,MAAY,SAAS,KAAK,MAAM,WAAWK,IAC/C,SAAS,oBAAoB,WAAWF,CAAK;AAAA,EAC/C;AACF,GAAG,CAACJ,GAAWF,GAAYG,GAAYF,CAAkB,CAAC,GAGxD,gBAAAQ;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAGL;AAAA,IACJ,WAAWM;AAAA,MACT;AAAA,MACAC,EAAO,uBAAuB;AAAA,MAC9BX,KAAcW,EAAO,6BAA6B;AAAA,MAClDb;AAAA,MACAE,KAAcD;AAAA,IAAA;AAAA,IAEhB,mBAAiBC,IAAa,MAAM;AAAA,IAEnC,UAAAH;AAAA,EAAA;AAAA,IAaMe,IAAoD,CAAC;AAAA,EAChE,YAAAZ;AAAA,EACA,UAAAa;AAAA,EACA,WAAAf;AAAA,EACA,UAAAD;AACF,MACE,gBAAAY,EAACK,GAAA,EAAQ,OAAOd,IAAa,cAAc,QACzC,UAAA,gBAAAS;AAAA,EAACM;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,MAAK;AAAA,IACL,UAAS;AAAA,IACT,WAAWL;AAAA,MACT;AAAA,MACAC,EAAO,0BAA0B;AAAA,MACjCb;AAAA,IAAA;AAAA,IAEF,MAAME,IAAa,gBAAAS,EAACO,GAAA,EAAU,MAAM,IAAI,IAAK,gBAAAP,EAACQ,GAAA,EAAU,MAAM,GAAA,CAAI;AAAA,IAClE,cAAYjB,IAAa,SAAS;AAAA,IAClC,gBAAcA;AAAA,IACd,SAASa;AAAA,IAER,UAAAhB,IACC,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACAC,EAAO,gCAAgC;AAAA,QAAA;AAAA,QAGxC,UAAAd;AAAA,MAAA;AAAA,IAAA,IAED;AAAA,EAAA;AACN,EAAA,CACF;"}

package/dist/components/Layout/FullscreenBox/style.module.scss.js

@@ -0,0 +1,10 @@
+const e = {
+  "marsun-fullscreen-box": "_marsun-fullscreen-box_14tsc_1",
+  "marsun-fullscreen-box--open": "_marsun-fullscreen-box--open_14tsc_7",
+  "marsun-fullscreen-toggle": "_marsun-fullscreen-toggle_14tsc_21",
+  "marsun-fullscreen-toggle-title": "_marsun-fullscreen-toggle-title_14tsc_38"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=style.module.scss.js.map

package/dist/components/Layout/FullscreenBox/style.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Layout/FullscreenBox/useFullscreen.d.ts

@@ -0,0 +1,6 @@
+export declare function useFullscreen(defaultFullscreen?: boolean): {
+    fullscreen: boolean;
+    setFullscreen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    toggle: () => void;
+    exit: () => void;
+};

package/dist/components/Layout/FullscreenBox/useFullscreen.js

@@ -0,0 +1,9 @@
+import { useState as r, useCallback as s } from "react";
+function a(t = !1) {
+  const [l, e] = r(t), n = s(() => e((o) => !o), []), c = s(() => e(!1), []);
+  return { fullscreen: l, setFullscreen: e, toggle: n, exit: c };
+}
+export {
+  a as useFullscreen
+};
+//# sourceMappingURL=useFullscreen.js.map

package/dist/components/Layout/FullscreenBox/useFullscreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFullscreen.js","sources":["../../../../src/components/Layout/FullscreenBox/useFullscreen.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport function useFullscreen(defaultFullscreen = false) {\n  const [fullscreen, setFullscreen] = useState(defaultFullscreen);\n  const toggle = useCallback(() => setFullscreen((v) => !v), []);\n  const exit = useCallback(() => setFullscreen(false), []);\n  return { fullscreen, setFullscreen, toggle, exit };\n}\n"],"names":["useFullscreen","defaultFullscreen","fullscreen","setFullscreen","useState","toggle","useCallback","v","exit"],"mappings":";AAEO,SAASA,EAAcC,IAAoB,IAAO;AACvD,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASH,CAAiB,GACxDI,IAASC,EAAY,MAAMH,EAAc,CAACI,MAAM,CAACA,CAAC,GAAG,EAAE,GACvDC,IAAOF,EAAY,MAAMH,EAAc,EAAK,GAAG,CAAA,CAAE;AACvD,SAAO,EAAE,YAAAD,GAAY,eAAAC,GAAe,QAAAE,GAAQ,MAAAG,EAAA;AAC9C;"}

package/dist/components/Layout/index.d.ts

@@ -10,3 +10,5 @@ export { AgentAppShell } from './AgentAppShell';
 export type { AgentAppShellProps } from './AgentAppShell';
 export { default as ContentCard } from './ContentCard';
 export type { ContentCardProps } from './ContentCard';
+export { default as FullscreenBox, FullscreenToggle, useFullscreen } from './FullscreenBox';
+export type { FullscreenBoxProps, FullscreenToggleProps } from './FullscreenBox';

package/dist/components/TooltipInfo/TooltipInfo.d.ts

@@ -18,6 +18,12 @@ export interface TooltipInfoProps extends Pick<TooltipProps, 'placement' | 'mous
     children: React.ReactNode;
     /** CommonDescriptions 列数，默认 1（仅 descriptions 形态） */
     column?: number;
+    /**
+     * descriptions 是否带边框表格样式。
+     * 默认 false（气泡内用 dl，避免 table 在 Tooltip 里宽度塌陷）；
+     * 需要 CommonDescriptions 默认「灰底标签格子」时传 true，并建议设 minWidth/maxWidth。
+     */
+    bordered?: boolean;
     /** 为 true 时不展示 Tooltip；descriptions 形态下 content 为空也不展示 */
     hidden?: boolean;
     /** 气泡最小宽度，默认 descriptions 220 / note 240 */

package/dist/components/TooltipInfo/TooltipInfo.js

@@ -1,39 +1,40 @@
-import { jsx as o, Fragment as v, jsxs as W } from "react/jsx-runtime";
-import { Tooltip as y } from "antd";
-import N from "../Descriptions/CommonDescriptions.js";
-const C = ({
+import { jsx as o, Fragment as W, jsxs as y } from "react/jsx-runtime";
+import { Tooltip as N } from "antd";
+import j from "../Descriptions/CommonDescriptions.js";
+const S = ({
   type: a = "descriptions",
   content: i,
   note: r,
   children: e,
   column: l = 1,
-  hidden: p = !1,
-  minWidth: d,
-  maxWidth: f,
-  placement: m = "top",
-  overlayClassName: c,
-  overlayStyle: x,
-  mouseEnterDelay: b = 0.3,
-  ...g
+  bordered: p = !1,
+  hidden: d = !1,
+  minWidth: f,
+  maxWidth: m,
+  placement: c = "top",
+  overlayClassName: x,
+  overlayStyle: b,
+  mouseEnterDelay: g = 0.3,
+  ...h
 }) => {
-  const t = a === "note", h = t ? !r : !i || i.length === 0;
-  if (p || h)
-    return /* @__PURE__ */ o(v, { children: e });
-  const n = d ?? (t ? 240 : 220), s = f ?? (t ? 380 : 320), u = t ? /* @__PURE__ */ W("div", { className: "tooltip-info-note", children: [
+  const t = a === "note", u = t ? !r : !i || i.length === 0;
+  if (d || u)
+    return /* @__PURE__ */ o(W, { children: e });
+  const n = f ?? (t ? 240 : 220), s = m ?? (t ? 380 : 320), v = t ? /* @__PURE__ */ y("div", { className: "tooltip-info-note", children: [
     /* @__PURE__ */ o("div", { className: "tooltip-info-note-title", children: r.title }),
     /* @__PURE__ */ o("div", { className: "tooltip-info-note-desc", children: r.description })
   ] }) : (
-    // bordered=false：antd Descriptions 改用 dl 布局而非 table，避免 table-layout:fixed
-    // 在 max-content 气泡根下循环宽度塌陷，长文才能在 maxWidth 处正常换行
-    /* @__PURE__ */ o(N, { content: i, column: l, size: "small", bordered: !1 })
+    // 默认 bordered=false：dl 布局，避免 table-layout:fixed 在气泡内宽度塌陷。
+    // 显式 bordered 时用表格灰底标签（对齐页面内 CommonDescriptions 默认观感）。
+    /* @__PURE__ */ o(j, { content: i, column: l, size: "small", bordered: p })
   );
   return /* @__PURE__ */ o(
-    y,
+    N,
     {
-      placement: m,
-      mouseEnterDelay: b,
+      placement: c,
+      mouseEnterDelay: g,
       destroyOnHidden: !0,
-      classNames: { root: ["tooltip-info-overlay", c].filter(Boolean).join(" ") },
+      classNames: { root: ["tooltip-info-overlay", x].filter(Boolean).join(" ") },
       styles: {
         root: {
           // 覆盖 antd 默认 width:max-content，给气泡确定的最小宽度，避免子元素循环塌陷
@@ -49,17 +50,17 @@ const C = ({
           background: "var(--tooltip-info-bg, var(--bg-color-white, #ffffff))",
           color: "var(--tooltip-info-color, var(--font-color, #222222))",
           boxShadow: "0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12)",
-          ...x
+          ...b
         }
       },
       getPopupContainer: () => document.body,
-      title: u,
-      ...g,
+      title: v,
+      ...h,
       children: e
     }
   );
 };
 export {
-  C as default
+  S as default
 };
 //# sourceMappingURL=TooltipInfo.js.map

package/dist/components/TooltipInfo/TooltipInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipInfo.js","sources":["../../../src/components/TooltipInfo/TooltipInfo.tsx"],"sourcesContent":["import type { TooltipProps } from 'antd';\nimport { Tooltip } from 'antd';\nimport React from 'react';\nimport type { DescriptionItem } from '../Descriptions/CommonDescriptions';\nimport CommonDescriptions from '../Descriptions/CommonDescriptions';\nimport './style.module.scss';\n\n/** Tooltip 展示形态：descriptions=结构化详情（默认）；note=标题+描述分层 */\nexport type TooltipInfoType = 'descriptions' | 'note';\n\n/** note 形态内容：标题（粗体）+ 描述（次级色） */\nexport interface TooltipInfoNote {\n  title: React.ReactNode;\n  description: React.ReactNode;\n}\n\nexport interface TooltipInfoProps extends Pick<\n  TooltipProps,\n  'placement' | 'mouseEnterDelay' | 'mouseLeaveDelay' | 'open' | 'onOpenChange'\n> {\n  /** 展示形态，默认 descriptions */\n  type?: TooltipInfoType;\n  /** type='descriptions' 的详情项（默认形态） */\n  content?: DescriptionItem[];\n  /** type='note' 的标题与描述 */\n  note?: TooltipInfoNote;\n  children: React.ReactNode;\n  /** CommonDescriptions 列数，默认 1（仅 descriptions 形态） */\n  column?: number;\n  /** 为 true 时不展示 Tooltip；descriptions 形态下 content 为空也不展示 */\n  hidden?: boolean;\n  /** 气泡最小宽度，默认 descriptions 220 / note 240 */\n  minWidth?: number;\n  /** 气泡最大宽度，默认 descriptions 320 / note 380 */\n  maxWidth?: number;\n  /** @deprecated 使用 classNames.root */\n  overlayClassName?: string;\n  /** @deprecated 使用 styles.root */\n  overlayStyle?: React.CSSProperties;\n}\n\n/** Tooltip 详情展示：descriptions 形态用 CommonDescriptions；note 形态用标题+描述分层 */\nconst TooltipInfo: React.FC<TooltipInfoProps> = ({\n  type = 'descriptions',\n  content,\n  note,\n  children,\n  column = 1,\n  hidden = false,\n  minWidth,\n  maxWidth,\n  placement = 'top',\n  overlayClassName,\n  overlayStyle,\n  mouseEnterDelay = 0.3,\n  ...rest\n}) => {\n  const isNote = type === 'note';\n  const empty = isNote ? !note : !content || content.length === 0;\n  if (hidden || empty) {\n    return <>{children}</>;\n  }\n\n  const minW = minWidth ?? (isNote ? 240 : 220);\n  const maxW = maxWidth ?? (isNote ? 380 : 320);\n\n  const title = isNote ? (\n    <div className=\"tooltip-info-note\">\n      <div className=\"tooltip-info-note-title\">{note!.title}</div>\n      <div className=\"tooltip-info-note-desc\">{note!.description}</div>\n    </div>\n  ) : (\n    // bordered=false：antd Descriptions 改用 dl 布局而非 table，避免 table-layout:fixed\n    // 在 max-content 气泡根下循环宽度塌陷，长文才能在 maxWidth 处正常换行\n    <CommonDescriptions content={content!} column={column} size=\"small\" bordered={false} />\n  );\n\n  return (\n    <Tooltip\n      placement={placement}\n      mouseEnterDelay={mouseEnterDelay}\n      destroyOnHidden\n      classNames={{ root: ['tooltip-info-overlay', overlayClassName].filter(Boolean).join(' ') }}\n      styles={{\n        root: {\n          // 覆盖 antd 默认 width:max-content，给气泡确定的最小宽度，避免子元素循环塌陷\n          width: 'auto',\n          minWidth: minW,\n          maxWidth: maxW,\n        },\n        container: {\n          boxSizing: 'border-box',\n          minWidth: minW,\n          maxWidth: maxW,\n          padding: '8px 12px',\n          background: 'var(--tooltip-info-bg, var(--bg-color-white, #ffffff))',\n          color: 'var(--tooltip-info-color, var(--font-color, #222222))',\n          boxShadow: '0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12)',\n          ...overlayStyle,\n        },\n      }}\n      getPopupContainer={() => document.body}\n      title={title}\n      {...rest}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n\nexport default TooltipInfo;\n"],"names":["TooltipInfo","type","content","note","children","column","hidden","minWidth","maxWidth","placement","overlayClassName","overlayStyle","mouseEnterDelay","rest","isNote","empty","minW","maxW","title","jsxs","jsx","CommonDescriptions","Tooltip"],"mappings":";;;AA0CA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,MAAAC,IAAO;AAAA,EACP,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,MAAM;AACJ,QAAMC,IAASb,MAAS,QAClBc,IAAQD,IAAS,CAACX,IAAO,CAACD,KAAWA,EAAQ,WAAW;AAC9D,MAAII,KAAUS;AACZ,kCAAU,UAAAX,GAAS;AAGrB,QAAMY,IAAOT,MAAaO,IAAS,MAAM,MACnCG,IAAOT,MAAaM,IAAS,MAAM,MAEnCI,IAAQJ,IACZ,gBAAAK,EAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAjB,EAAM,OAAM;AAAA,IACtD,gBAAAiB,EAAC,OAAA,EAAI,WAAU,0BAA0B,YAAM,YAAA,CAAY;AAAA,EAAA,GAC7D;AAAA;AAAA;AAAA,sBAICC,GAAA,EAAmB,SAAAnB,GAAmB,QAAAG,GAAgB,MAAK,SAAQ,UAAU,GAAA,CAAO;AAAA;AAGvF,SACE,gBAAAe;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAAb;AAAA,MACA,iBAAAG;AAAA,MACA,iBAAe;AAAA,MACf,YAAY,EAAE,MAAM,CAAC,wBAAwBF,CAAgB,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAAA;AAAA,MACvF,QAAQ;AAAA,QACN,MAAM;AAAA;AAAA,UAEJ,OAAO;AAAA,UACP,UAAUM;AAAA,UACV,UAAUC;AAAA,QAAA;AAAA,QAEZ,WAAW;AAAA,UACT,WAAW;AAAA,UACX,UAAUD;AAAA,UACV,UAAUC;AAAA,UACV,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,WAAW;AAAA,UACX,GAAGN;AAAA,QAAA;AAAA,MACL;AAAA,MAEF,mBAAmB,MAAM,SAAS;AAAA,MAClC,OAAAO;AAAA,MACC,GAAGL;AAAA,MAEH,UAAAT;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"TooltipInfo.js","sources":["../../../src/components/TooltipInfo/TooltipInfo.tsx"],"sourcesContent":["import type { TooltipProps } from 'antd';\nimport { Tooltip } from 'antd';\nimport React from 'react';\nimport type { DescriptionItem } from '../Descriptions/CommonDescriptions';\nimport CommonDescriptions from '../Descriptions/CommonDescriptions';\nimport './style.module.scss';\n\n/** Tooltip 展示形态：descriptions=结构化详情（默认）；note=标题+描述分层 */\nexport type TooltipInfoType = 'descriptions' | 'note';\n\n/** note 形态内容：标题（粗体）+ 描述（次级色） */\nexport interface TooltipInfoNote {\n  title: React.ReactNode;\n  description: React.ReactNode;\n}\n\nexport interface TooltipInfoProps extends Pick<\n  TooltipProps,\n  'placement' | 'mouseEnterDelay' | 'mouseLeaveDelay' | 'open' | 'onOpenChange'\n> {\n  /** 展示形态，默认 descriptions */\n  type?: TooltipInfoType;\n  /** type='descriptions' 的详情项（默认形态） */\n  content?: DescriptionItem[];\n  /** type='note' 的标题与描述 */\n  note?: TooltipInfoNote;\n  children: React.ReactNode;\n  /** CommonDescriptions 列数，默认 1（仅 descriptions 形态） */\n  column?: number;\n  /**\n   * descriptions 是否带边框表格样式。\n   * 默认 false（气泡内用 dl，避免 table 在 Tooltip 里宽度塌陷）；\n   * 需要 CommonDescriptions 默认「灰底标签格子」时传 true，并建议设 minWidth/maxWidth。\n   */\n  bordered?: boolean;\n  /** 为 true 时不展示 Tooltip；descriptions 形态下 content 为空也不展示 */\n  hidden?: boolean;\n  /** 气泡最小宽度，默认 descriptions 220 / note 240 */\n  minWidth?: number;\n  /** 气泡最大宽度，默认 descriptions 320 / note 380 */\n  maxWidth?: number;\n  /** @deprecated 使用 classNames.root */\n  overlayClassName?: string;\n  /** @deprecated 使用 styles.root */\n  overlayStyle?: React.CSSProperties;\n}\n\n/** Tooltip 详情展示：descriptions 形态用 CommonDescriptions；note 形态用标题+描述分层 */\nconst TooltipInfo: React.FC<TooltipInfoProps> = ({\n  type = 'descriptions',\n  content,\n  note,\n  children,\n  column = 1,\n  bordered = false,\n  hidden = false,\n  minWidth,\n  maxWidth,\n  placement = 'top',\n  overlayClassName,\n  overlayStyle,\n  mouseEnterDelay = 0.3,\n  ...rest\n}) => {\n  const isNote = type === 'note';\n  const empty = isNote ? !note : !content || content.length === 0;\n  if (hidden || empty) {\n    return <>{children}</>;\n  }\n\n  const minW = minWidth ?? (isNote ? 240 : 220);\n  const maxW = maxWidth ?? (isNote ? 380 : 320);\n\n  const title = isNote ? (\n    <div className=\"tooltip-info-note\">\n      <div className=\"tooltip-info-note-title\">{note!.title}</div>\n      <div className=\"tooltip-info-note-desc\">{note!.description}</div>\n    </div>\n  ) : (\n    // 默认 bordered=false：dl 布局，避免 table-layout:fixed 在气泡内宽度塌陷。\n    // 显式 bordered 时用表格灰底标签（对齐页面内 CommonDescriptions 默认观感）。\n    <CommonDescriptions content={content!} column={column} size=\"small\" bordered={bordered} />\n  );\n\n  return (\n    <Tooltip\n      placement={placement}\n      mouseEnterDelay={mouseEnterDelay}\n      destroyOnHidden\n      classNames={{ root: ['tooltip-info-overlay', overlayClassName].filter(Boolean).join(' ') }}\n      styles={{\n        root: {\n          // 覆盖 antd 默认 width:max-content，给气泡确定的最小宽度，避免子元素循环塌陷\n          width: 'auto',\n          minWidth: minW,\n          maxWidth: maxW,\n        },\n        container: {\n          boxSizing: 'border-box',\n          minWidth: minW,\n          maxWidth: maxW,\n          padding: '8px 12px',\n          background: 'var(--tooltip-info-bg, var(--bg-color-white, #ffffff))',\n          color: 'var(--tooltip-info-color, var(--font-color, #222222))',\n          boxShadow: '0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12)',\n          ...overlayStyle,\n        },\n      }}\n      getPopupContainer={() => document.body}\n      title={title}\n      {...rest}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n\nexport default TooltipInfo;\n"],"names":["TooltipInfo","type","content","note","children","column","bordered","hidden","minWidth","maxWidth","placement","overlayClassName","overlayStyle","mouseEnterDelay","rest","isNote","empty","minW","maxW","title","jsxs","jsx","CommonDescriptions","Tooltip"],"mappings":";;;AAgDA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,MAAAC,IAAO;AAAA,EACP,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,MAAM;AACJ,QAAMC,IAASd,MAAS,QAClBe,IAAQD,IAAS,CAACZ,IAAO,CAACD,KAAWA,EAAQ,WAAW;AAC9D,MAAIK,KAAUS;AACZ,kCAAU,UAAAZ,GAAS;AAGrB,QAAMa,IAAOT,MAAaO,IAAS,MAAM,MACnCG,IAAOT,MAAaM,IAAS,MAAM,MAEnCI,IAAQJ,IACZ,gBAAAK,EAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAlB,EAAM,OAAM;AAAA,IACtD,gBAAAkB,EAAC,OAAA,EAAI,WAAU,0BAA0B,YAAM,YAAA,CAAY;AAAA,EAAA,GAC7D;AAAA;AAAA;AAAA,sBAICC,GAAA,EAAmB,SAAApB,GAAmB,QAAAG,GAAgB,MAAK,SAAQ,UAAAC,EAAA,CAAoB;AAAA;AAG1F,SACE,gBAAAe;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAAb;AAAA,MACA,iBAAAG;AAAA,MACA,iBAAe;AAAA,MACf,YAAY,EAAE,MAAM,CAAC,wBAAwBF,CAAgB,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAAA;AAAA,MACvF,QAAQ;AAAA,QACN,MAAM;AAAA;AAAA,UAEJ,OAAO;AAAA,UACP,UAAUM;AAAA,UACV,UAAUC;AAAA,QAAA;AAAA,QAEZ,WAAW;AAAA,UACT,WAAW;AAAA,UACX,UAAUD;AAAA,UACV,UAAUC;AAAA,UACV,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,WAAW;AAAA,UACX,GAAGN;AAAA,QAAA;AAAA,MACL;AAAA,MAEF,mBAAmB,MAAM,SAAS;AAAA,MAClC,OAAAO;AAAA,MACC,GAAGL;AAAA,MAEH,UAAAV;AAAA,IAAA;AAAA,EAAA;AAGP;"}