@hkyhy/marsun-components-core 0.1.49 → 0.1.50

package/dist/components/StateBar/StateBar.d.ts

@@ -1,11 +1,14 @@
 import { TabsProps } from 'antd';
 import { CSSProperties, ReactNode } from 'react';
+import { DescriptionItem } from '../Descriptions/CommonDescriptions';
 export type StateBarType = 'tab' | 'radio' | 'step';
 export type StateBarOption = {
     key: string;
     /** 选项卡标题（优先于 label） */
     tab?: ReactNode;
     label?: ReactNode;
+    /** 标题旁 Info + TooltipInfo（对齐 Modal/InteractiveBlock）；为空不展示 icon */
+    info?: DescriptionItem[];
     children?: ReactNode;
     disabled?: boolean;
     className?: string;

package/dist/components/StateBar/StateBar.js

@@ -1,43 +1,61 @@
-import { jsx as d } from "react/jsx-runtime";
-import { Tabs as f } from "antd";
-import h from "classnames";
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { Tabs as u } from "antd";
+import o from "classnames";
+import { Info as N } from "../Icons/index.js";
 import a from "./style.module.scss.js";
-const N = ({
-  className: r,
-  type: s = "tab",
-  stateOption: t = [],
-  isInner: o,
-  style: l,
-  ...m
+import x from "../TooltipInfo/TooltipInfo.js";
+function y(e, t) {
+  return !t || t.length === 0 ? e : /* @__PURE__ */ p("span", { className: o("marsun-state-bar-tab-label", a["state-bar-tab-label"]), children: [
+    e,
+    /* @__PURE__ */ r(
+      x,
+      {
+        content: t,
+        placement: "topLeft",
+        minWidth: 220,
+        maxWidth: 360,
+        overlayClassName: "marsun-state-bar-info-tooltip",
+        children: /* @__PURE__ */ r("span", { className: o("marsun-state-bar-info", a["state-bar-info"]), children: /* @__PURE__ */ r(N, { size: 14, "aria-hidden": !0 }) })
+      }
+    )
+  ] });
+}
+const W = ({
+  className: e,
+  type: t = "tab",
+  stateOption: s = [],
+  isInner: l,
+  style: m,
+  ...i
 }) => {
-  const n = t.some((e) => e.children != null);
-  return /* @__PURE__ */ d(
-    f,
+  const b = s.some((n) => n.children != null);
+  return /* @__PURE__ */ r(
+    u,
     {
-      ...m,
+      ...i,
       "data-testid": "components-core-state-bar",
       animated: !1,
-      className: h(
+      className: o(
         "marsun-state-bar",
         a["state-bar"],
-        a[`tab-${s}-control`],
-        o && a["inner-state-bar"],
-        n && a["has-children"],
-        r
+        a[`tab-${t}-control`],
+        l && a["inner-state-bar"],
+        b && a["has-children"],
+        e
       ),
       style: {
-        "--total-count": t.length,
-        ...l
+        "--total-count": s.length,
+        ...m
       },
-      items: t.map(({ tab: e, label: c, key: i, ...b }) => ({
-        key: i,
-        label: e ?? c,
-        ...b
+      items: s.map(({ tab: n, label: c, info: d, key: f, ...h }) => ({
+        key: f,
+        label: y(n ?? c, d),
+        ...h
       }))
     }
   );
 };
 export {
-  N as default
+  W as default
 };
 //# sourceMappingURL=StateBar.js.map

package/dist/components/StateBar/StateBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateBar.js","sources":["../../../src/components/StateBar/StateBar.tsx"],"sourcesContent":["import { Tabs } from 'antd';\nimport type { TabsProps } from 'antd';\nimport classNames from 'classnames';\nimport type { CSSProperties, ReactNode } from 'react';\nimport styles from './style.module.scss';\n\nexport type StateBarType = 'tab' | 'radio' | 'step';\n\nexport type StateBarOption = {\n  key: string;\n  /** 选项卡标题（优先于 label） */\n  tab?: ReactNode;\n  label?: ReactNode;\n  children?: ReactNode;\n  disabled?: boolean;\n  className?: string;\n  style?: CSSProperties;\n};\n\nexport type StateBarProps = Omit<TabsProps, 'items' | 'type'> & {\n  /** 状态项列表 */\n  stateOption?: StateBarOption[];\n  /** 展示样式 */\n  type?: StateBarType;\n  /** 底部线延展至容器全宽 */\n  isInner?: boolean;\n  className?: string;\n};\n\n/**\n * 基于 antd Tabs 的状态栏（对齐 kne-union StateBar）。\n * 无 children 时仅作切换条（隐藏 content-holder）；有 children 时展示面板。\n */\nconst StateBar: React.FC<StateBarProps> = ({\n  className,\n  type = 'tab',\n  stateOption = [],\n  isInner,\n  style,\n  ...props\n}) => {\n  const hasChildren = stateOption.some((item) => item.children != null);\n\n  return (\n    <Tabs\n      {...props}\n      data-testid=\"components-core-state-bar\"\n      animated={false}\n      className={classNames(\n        'marsun-state-bar',\n        styles['state-bar'],\n        styles[`tab-${type}-control`],\n        isInner && styles['inner-state-bar'],\n        hasChildren && styles['has-children'],\n        className,\n      )}\n      style={\n        {\n          ['--total-count' as string]: stateOption.length,\n          ...style,\n        } as CSSProperties\n      }\n      items={stateOption.map(({ tab, label, key, ...rest }) => ({\n        key,\n        label: tab ?? label,\n        ...rest,\n      }))}\n    />\n  );\n};\n\nexport default StateBar;\n"],"names":["StateBar","className","type","stateOption","isInner","style","props","hasChildren","item","jsx","Tabs","classNames","styles","tab","label","key","rest"],"mappings":";;;;AAiCA,MAAMA,IAAoC,CAAC;AAAA,EACzC,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc,CAAA;AAAA,EACd,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAcJ,EAAY,KAAK,CAACK,MAASA,EAAK,YAAY,IAAI;AAEpE,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,eAAY;AAAA,MACZ,UAAU;AAAA,MACV,WAAWK;AAAA,QACT;AAAA,QACAC,EAAO,WAAW;AAAA,QAClBA,EAAO,OAAOV,CAAI,UAAU;AAAA,QAC5BE,KAAWQ,EAAO,iBAAiB;AAAA,QACnCL,KAAeK,EAAO,cAAc;AAAA,QACpCX;AAAA,MAAA;AAAA,MAEF,OACE;AAAA,QACG,iBAA4BE,EAAY;AAAA,QACzC,GAAGE;AAAA,MAAA;AAAA,MAGP,OAAOF,EAAY,IAAI,CAAC,EAAE,KAAAU,GAAK,OAAAC,GAAO,KAAAC,GAAK,GAAGC,SAAY;AAAA,QACxD,KAAAD;AAAA,QACA,OAAOF,KAAOC;AAAA,QACd,GAAGE;AAAA,MAAA,EACH;AAAA,IAAA;AAAA,EAAA;AAGR;"}
+{"version":3,"file":"StateBar.js","sources":["../../../src/components/StateBar/StateBar.tsx"],"sourcesContent":["import { Tabs } from 'antd';\nimport type { TabsProps } from 'antd';\nimport classNames from 'classnames';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { Info } from '../Icons';\nimport type { DescriptionItem } from '../Descriptions/CommonDescriptions';\nimport { TooltipInfo } from '../TooltipInfo';\nimport styles from './style.module.scss';\n\nexport type StateBarType = 'tab' | 'radio' | 'step';\n\nexport type StateBarOption = {\n  key: string;\n  /** 选项卡标题（优先于 label） */\n  tab?: ReactNode;\n  label?: ReactNode;\n  /** 标题旁 Info + TooltipInfo（对齐 Modal/InteractiveBlock）；为空不展示 icon */\n  info?: DescriptionItem[];\n  children?: ReactNode;\n  disabled?: boolean;\n  className?: string;\n  style?: CSSProperties;\n};\n\nexport type StateBarProps = Omit<TabsProps, 'items' | 'type'> & {\n  /** 状态项列表 */\n  stateOption?: StateBarOption[];\n  /** 展示样式 */\n  type?: StateBarType;\n  /** 底部线延展至容器全宽 */\n  isInner?: boolean;\n  className?: string;\n};\n\n/** 渲染 Tab 标题：文字 + 可选 Info icon（hover 展示 TooltipInfo 详情） */\nfunction renderTabLabel(label: ReactNode, info?: DescriptionItem[]): ReactNode {\n  if (!info || info.length === 0) return label;\n  return (\n    <span className={classNames('marsun-state-bar-tab-label', styles['state-bar-tab-label'])}>\n      {label}\n      <TooltipInfo\n        content={info}\n        placement=\"topLeft\"\n        minWidth={220}\n        maxWidth={360}\n        overlayClassName=\"marsun-state-bar-info-tooltip\"\n      >\n        <span className={classNames('marsun-state-bar-info', styles['state-bar-info'])}>\n          <Info size={14} aria-hidden />\n        </span>\n      </TooltipInfo>\n    </span>\n  );\n}\n\n/**\n * 基于 antd Tabs 的状态栏（对齐 kne-union StateBar）。\n * 无 children 时仅作切换条（隐藏 content-holder）；有 children 时展示面板。\n */\nconst StateBar: React.FC<StateBarProps> = ({\n  className,\n  type = 'tab',\n  stateOption = [],\n  isInner,\n  style,\n  ...props\n}) => {\n  const hasChildren = stateOption.some((item) => item.children != null);\n\n  return (\n    <Tabs\n      {...props}\n      data-testid=\"components-core-state-bar\"\n      animated={false}\n      className={classNames(\n        'marsun-state-bar',\n        styles['state-bar'],\n        styles[`tab-${type}-control`],\n        isInner && styles['inner-state-bar'],\n        hasChildren && styles['has-children'],\n        className,\n      )}\n      style={\n        {\n          ['--total-count' as string]: stateOption.length,\n          ...style,\n        } as CSSProperties\n      }\n      items={stateOption.map(({ tab, label, info, key, ...rest }) => ({\n        key,\n        label: renderTabLabel(tab ?? label, info),\n        ...rest,\n      }))}\n    />\n  );\n};\n\nexport default StateBar;\n"],"names":["renderTabLabel","label","info","jsxs","classNames","styles","jsx","TooltipInfo","Info","StateBar","className","type","stateOption","isInner","style","props","hasChildren","item","Tabs","tab","key","rest"],"mappings":";;;;;;AAmCA,SAASA,EAAeC,GAAkBC,GAAqC;AAC7E,SAAI,CAACA,KAAQA,EAAK,WAAW,IAAUD,IAErC,gBAAAE,EAAC,UAAK,WAAWC,EAAW,8BAA8BC,EAAO,qBAAqB,CAAC,GACpF,UAAA;AAAA,IAAAJ;AAAA,IACD,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAASL;AAAA,QACT,WAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,kBAAiB;AAAA,QAEjB,UAAA,gBAAAI,EAAC,QAAA,EAAK,WAAWF,EAAW,yBAAyBC,EAAO,gBAAgB,CAAC,GAC3E,4BAACG,GAAA,EAAK,MAAM,IAAI,eAAW,IAAC,EAAA,CAC9B;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAMA,MAAMC,IAAoC,CAAC;AAAA,EACzC,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc,CAAA;AAAA,EACd,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAcJ,EAAY,KAAK,CAACK,MAASA,EAAK,YAAY,IAAI;AAEpE,SACE,gBAAAX;AAAA,IAACY;AAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,eAAY;AAAA,MACZ,UAAU;AAAA,MACV,WAAWX;AAAA,QACT;AAAA,QACAC,EAAO,WAAW;AAAA,QAClBA,EAAO,OAAOM,CAAI,UAAU;AAAA,QAC5BE,KAAWR,EAAO,iBAAiB;AAAA,QACnCW,KAAeX,EAAO,cAAc;AAAA,QACpCK;AAAA,MAAA;AAAA,MAEF,OACE;AAAA,QACG,iBAA4BE,EAAY;AAAA,QACzC,GAAGE;AAAA,MAAA;AAAA,MAGP,OAAOF,EAAY,IAAI,CAAC,EAAE,KAAAO,GAAK,OAAAlB,GAAO,MAAAC,GAAM,KAAAkB,GAAK,GAAGC,SAAY;AAAA,QAC9D,KAAAD;AAAA,QACA,OAAOpB,EAAemB,KAAOlB,GAAOC,CAAI;AAAA,QACxC,GAAGmB;AAAA,MAAA,EACH;AAAA,IAAA;AAAA,EAAA;AAGR;"}

package/dist/components/StateBar/style.module.scss.js

@@ -1,10 +1,12 @@
 const t = {
-  "state-bar": "_state-bar_nrtjt_1",
-  "has-children": "_has-children_nrtjt_7",
-  "tab-tab-control": "_tab-tab-control_nrtjt_14",
-  "tab-radio-control": "_tab-radio-control_nrtjt_21",
-  "tab-step-control": "_tab-step-control_nrtjt_55",
-  "inner-state-bar": "_inner-state-bar_nrtjt_145"
+  "state-bar": "_state-bar_198uu_1",
+  "has-children": "_has-children_198uu_7",
+  "state-bar-tab-label": "_state-bar-tab-label_198uu_14",
+  "state-bar-info": "_state-bar-info_198uu_20",
+  "tab-tab-control": "_tab-tab-control_198uu_30",
+  "tab-radio-control": "_tab-radio-control_198uu_37",
+  "tab-step-control": "_tab-step-control_198uu_71",
+  "inner-state-bar": "_inner-state-bar_198uu_161"
 };
 export {
   t as default

package/dist/components/StateBar/style.module.scss.js.map

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

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

@@ -1,19 +1,34 @@
 import { TooltipProps } from 'antd';
 import { default as React } from 'react';
 import { DescriptionItem } from '../Descriptions/CommonDescriptions';
-export interface TooltipInfoProps extends Pick<TooltipProps, 'placement' | 'mouseEnterDelay' | 'mouseLeaveDelay'> {
-    /** 详情描述项，内部使用 CommonDescriptions 渲染 */
-    content: DescriptionItem[];
+/** Tooltip 展示形态：descriptions=结构化详情（默认）；note=标题+描述分层 */
+export type TooltipInfoType = 'descriptions' | 'note';
+/** note 形态内容：标题（粗体）+ 描述（次级色） */
+export interface TooltipInfoNote {
+    title: React.ReactNode;
+    description: React.ReactNode;
+}
+export interface TooltipInfoProps extends Pick<TooltipProps, 'placement' | 'mouseEnterDelay' | 'mouseLeaveDelay' | 'open' | 'onOpenChange'> {
+    /** 展示形态，默认 descriptions */
+    type?: TooltipInfoType;
+    /** type='descriptions' 的详情项（默认形态） */
+    content?: DescriptionItem[];
+    /** type='note' 的标题与描述 */
+    note?: TooltipInfoNote;
     children: React.ReactNode;
-    /** CommonDescriptions 列数，默认 1 */
+    /** CommonDescriptions 列数，默认 1（仅 descriptions 形态） */
     column?: number;
-    /** 为 true 或 content 为空时不展示 Tooltip */
+    /** 为 true 时不展示 Tooltip；descriptions 形态下 content 为空也不展示 */
     hidden?: boolean;
+    /** 气泡最小宽度，默认 descriptions 220 / note 240 */
+    minWidth?: number;
+    /** 气泡最大宽度，默认 descriptions 320 / note 380 */
+    maxWidth?: number;
     /** @deprecated 使用 classNames.root */
     overlayClassName?: string;
     /** @deprecated 使用 styles.root */
     overlayStyle?: React.CSSProperties;
 }
-/** Tooltip 详情展示，内部统一使用 CommonDescriptions */
+/** Tooltip 详情展示：descriptions 形态用 CommonDescriptions；note 形态用标题+描述分层 */
 declare const TooltipInfo: React.FC<TooltipInfoProps>;
 export default TooltipInfo;

package/dist/components/TooltipInfo/TooltipInfo.js

@@ -1,47 +1,65 @@
-import { jsx as o, Fragment as m } from "react/jsx-runtime";
-import { Tooltip as d } from "antd";
-import s from "../Descriptions/CommonDescriptions.js";
-const c = ({
-  content: t,
-  children: r,
-  column: i = 1,
-  hidden: a = !1,
-  placement: e = "top",
-  overlayClassName: n,
-  overlayStyle: p,
-  mouseEnterDelay: l = 0.3,
-  ...f
-}) => a || t.length === 0 ? /* @__PURE__ */ o(m, { children: r }) : /* @__PURE__ */ o(
-  d,
-  {
-    placement: e,
-    mouseEnterDelay: l,
-    destroyOnHidden: !0,
-    classNames: { root: ["tooltip-info-overlay", n].filter(Boolean).join(" ") },
-    styles: {
-      root: {
-        maxWidth: 320
+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 = ({
+  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
+}) => {
+  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: [
+    /* @__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 })
+  );
+  return /* @__PURE__ */ o(
+    y,
+    {
+      placement: m,
+      mouseEnterDelay: b,
+      destroyOnHidden: !0,
+      classNames: { root: ["tooltip-info-overlay", c].filter(Boolean).join(" ") },
+      styles: {
+        root: {
+          // 覆盖 antd 默认 width:max-content，给气泡确定的最小宽度，避免子元素循环塌陷
+          width: "auto",
+          minWidth: n,
+          maxWidth: s
+        },
+        container: {
+          boxSizing: "border-box",
+          minWidth: n,
+          maxWidth: s,
+          padding: "8px 12px",
+          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
+        }
       },
-      container: {
-        boxSizing: "border-box",
-        minWidth: 220,
-        width: "100%",
-        padding: "8px 12px",
-        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)",
-        ...p,
-        // 硬上限：避免 Descriptions 长文把气泡横向撑爆
-        maxWidth: 320
-      }
-    },
-    getPopupContainer: () => document.body,
-    title: /* @__PURE__ */ o(s, { content: t, column: i, size: "small" }),
-    ...f,
-    children: r
-  }
-);
+      getPopupContainer: () => document.body,
+      title: u,
+      ...g,
+      children: e
+    }
+  );
+};
 export {
-  c as default
+  C 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\nexport interface TooltipInfoProps extends Pick<\n  TooltipProps,\n  'placement' | 'mouseEnterDelay' | 'mouseLeaveDelay'\n> {\n  /** 详情描述项，内部使用 CommonDescriptions 渲染 */\n  content: DescriptionItem[];\n  children: React.ReactNode;\n  /** CommonDescriptions 列数，默认 1 */\n  column?: number;\n  /** 为 true 或 content 为空时不展示 Tooltip */\n  hidden?: boolean;\n  /** @deprecated 使用 classNames.root */\n  overlayClassName?: string;\n  /** @deprecated 使用 styles.root */\n  overlayStyle?: React.CSSProperties;\n}\n\n/** Tooltip 详情展示，内部统一使用 CommonDescriptions */\nconst TooltipInfo: React.FC<TooltipInfoProps> = ({\n  content,\n  children,\n  column = 1,\n  hidden = false,\n  placement = 'top',\n  overlayClassName,\n  overlayStyle,\n  mouseEnterDelay = 0.3,\n  ...rest\n}) => {\n  if (hidden || content.length === 0) {\n    return <>{children}</>;\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          maxWidth: 320,\n        },\n        container: {\n          boxSizing: 'border-box',\n          minWidth: 220,\n          width: '100%',\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          // 硬上限：避免 Descriptions 长文把气泡横向撑爆\n          maxWidth: 320,\n        },\n      }}\n      getPopupContainer={() => document.body}\n      title={<CommonDescriptions content={content} column={column} size=\"small\" />}\n      {...rest}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n\nexport default TooltipInfo;\n"],"names":["TooltipInfo","content","children","column","hidden","placement","overlayClassName","overlayStyle","mouseEnterDelay","rest","jsx","Tooltip","CommonDescriptions"],"mappings":";;;AAyBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,MACML,KAAUH,EAAQ,WAAW,2BACrB,UAAAC,GAAS,IAInB,gBAAAQ;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAAN;AAAA,IACA,iBAAAG;AAAA,IACA,iBAAe;AAAA,IACf,YAAY,EAAE,MAAM,CAAC,wBAAwBF,CAAgB,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAAA;AAAA,IACvF,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,UAAU;AAAA,MAAA;AAAA,MAEZ,WAAW;AAAA,QACT,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO;AAAA,QACP,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,WAAW;AAAA,QACX,GAAGC;AAAA;AAAA,QAEH,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,mBAAmB,MAAM,SAAS;AAAA,IAClC,OAAO,gBAAAG,EAACE,GAAA,EAAmB,SAAAX,GAAkB,QAAAE,GAAgB,MAAK,SAAQ;AAAA,IACzE,GAAGM;AAAA,IAEH,UAAAP;AAAA,EAAA;AAAA;"}
+{"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;"}

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

@@ -1,2 +1,2 @@
 export { default as TooltipInfo } from './TooltipInfo';
-export type { TooltipInfoProps } from './TooltipInfo';
+export type { TooltipInfoProps, TooltipInfoType, TooltipInfoNote } from './TooltipInfo';