@hkyhy/marsun-components-core 0.1.49 → 0.1.51

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/Tag/SemanticTag.d.ts

@@ -38,6 +38,8 @@ interface SemanticTagProps {
     children: React.ReactNode;
     /** 语义化颜色，优先使用 SEMANTIC_COLORS 中的值 */
     color?: SemanticColor | string;
+    /** 选中态：反白（实色背景 + 白字 + 加粗），不改 24px 高度 */
+    selected?: boolean;
     /** antd Tag 其余属性 */
     [key: string]: unknown;
 }

package/dist/components/Tag/SemanticTag.js

@@ -1,6 +1,6 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Tag as c } from "antd";
-const g = {
+import { jsx as u } from "react/jsx-runtime";
+import { Tag as f } from "antd";
+const b = {
   /** 主题色（跟随系统主题色动态变化） */
   PRIMARY: "primary",
   /** 默认/中性 */
@@ -25,7 +25,7 @@ const g = {
   GOLD: "gold",
   /** 石灰/低优先级 */
   LIME: "lime"
-}, l = {
+}, d = {
   primary: { text: "var(--primary-color)", bg: "var(--primary-color-bg)" },
   success: { text: "var(--success-color)", bg: "var(--success-color-bg)" },
   info: { text: "var(--info-color)", bg: "var(--info-color-bg)" },
@@ -40,53 +40,48 @@ const g = {
   gold: "#faad14",
   lime: "#a0d911"
 };
-function b(r, n) {
-  const t = parseInt(r.slice(1, 3), 16), o = parseInt(r.slice(3, 5), 16), e = parseInt(r.slice(5, 7), 16);
-  return `rgba(${t}, ${o}, ${e}, ${n})`;
+function p(r, t) {
+  const n = parseInt(r.slice(1, 3), 16), e = parseInt(r.slice(3, 5), 16), c = parseInt(r.slice(5, 7), 16);
+  return `rgba(${n}, ${e}, ${c}, ${t})`;
 }
-function u(r) {
+function C(r) {
   return s[r] ? s[r] : (r.startsWith("#"), r);
 }
-const i = {
+const l = {
   border: "none",
   height: 24,
   lineHeight: "22px",
   padding: "0 8px"
-}, d = ({
+};
+function i(r) {
+  return {
+    backgroundColor: r,
+    color: "#fff",
+    fontWeight: 600
+  };
+}
+const E = ({
   children: r,
-  color: n = g.DEFAULT,
-  ...t
+  color: t = b.DEFAULT,
+  selected: n = !1,
+  style: e,
+  ...c
 }) => {
-  const o = l[n];
-  if (o)
-    return /* @__PURE__ */ a(
-      c,
-      {
-        style: {
-          ...i,
-          color: o.text,
-          backgroundColor: o.bg
-        },
-        ...t,
-        children: r
-      }
-    );
-  const e = u(n);
-  return /* @__PURE__ */ a(
-    c,
-    {
-      style: {
-        ...i,
-        color: e,
-        backgroundColor: b(e, 0.06)
-      },
-      ...t,
-      children: r
-    }
-  );
+  const o = d[t], a = o ? null : C(t), g = o ? {
+    ...l,
+    color: o.text,
+    backgroundColor: o.bg,
+    ...n ? i(o.text) : null
+  } : {
+    ...l,
+    color: a,
+    backgroundColor: p(a, 0.06),
+    ...n ? i(a) : null
+  };
+  return /* @__PURE__ */ u(f, { style: { ...e || {}, ...g }, ...c, children: r });
 };
 export {
-  g as SEMANTIC_COLORS,
-  d as default
+  b as SEMANTIC_COLORS,
+  E as default
 };
 //# sourceMappingURL=SemanticTag.js.map

package/dist/components/Tag/SemanticTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"SemanticTag.js","sources":["../../../src/components/Tag/SemanticTag.tsx"],"sourcesContent":["import { Tag } from 'antd';\nimport React from 'react';\n\n/**\n * 语义化颜色常量\n * 统一管理所有 Tag 的颜色，避免各处硬编码不一致\n *\n * 主题色（primary/success/info/warning/danger）使用 CSS 变量，跟随系统主题色动态变化\n * 固定色（default/processing/other/volcano/cyan/gold/lime）集中管理，不随主题变化\n */\nexport const SEMANTIC_COLORS = {\n  /** 主题色（跟随系统主题色动态变化） */\n  PRIMARY: 'primary',\n  /** 默认/中性 */\n  DEFAULT: 'default',\n  /** 信息/提示 */\n  INFO: 'info',\n  /** 进行中/处理中 */\n  PROCESSING: 'processing',\n  /** 成功/已完成/已通过 */\n  SUCCESS: 'success',\n  /** 警告/待处理 */\n  WARNING: 'warning',\n  /** 危险/紧急/已驳回 */\n  DANGER: 'danger',\n  /** 其他/特殊 */\n  OTHER: 'other',\n  /** 火山/待领导审批 */\n  VOLCANO: 'volcano',\n  /** 青色/辅助 */\n  CYAN: 'cyan',\n  /** 金色/高优先级 */\n  GOLD: 'gold',\n  /** 石灰/低优先级 */\n  LIME: 'lime',\n} as const;\n\nexport type SemanticColor = (typeof SEMANTIC_COLORS)[keyof typeof SEMANTIC_COLORS];\n\n/**\n * 主题色映射：使用 CSS 变量，跟随系统主题色动态变化\n * 文字色 = --{prefix}-color，背景色 = --{prefix}-color-bg（6% 透明度）\n */\nconst THEME_COLOR_MAP: Record<string, { text: string; bg: string }> = {\n  primary: { text: 'var(--primary-color)', bg: 'var(--primary-color-bg)' },\n  success: { text: 'var(--success-color)', bg: 'var(--success-color-bg)' },\n  info: { text: 'var(--info-color)', bg: 'var(--info-color-bg)' },\n  warning: { text: 'var(--warning-color)', bg: 'var(--warning-color-bg)' },\n  danger: { text: 'var(--error-color)', bg: 'var(--error-color-bg)' },\n};\n\n/**\n * 固定色映射：不随主题变化，集中管理避免硬编码\n * 仅用于非主题色场景（processing/other/volcano/cyan/gold/lime 等）\n */\nconst FIXED_COLOR_MAP: Record<string, string> = {\n  default: '#666666',\n  processing: '#F09700',\n  other: '#6740C3',\n  volcano: '#fa541c',\n  cyan: '#13c2c2',\n  gold: '#faad14',\n  lime: '#a0d911',\n};\n\n/** 将 hex 颜色转换为 rgba */\nfunction hexToRgba(hex: string, alpha: number): string {\n  const r = parseInt(hex.slice(1, 3), 16);\n  const g = parseInt(hex.slice(3, 5), 16);\n  const b = parseInt(hex.slice(5, 7), 16);\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n}\n\n/** 解析颜色键为 hex 值（仅用于固定色） */\nfunction resolveFixedColor(color: string): string {\n  if (FIXED_COLOR_MAP[color]) return FIXED_COLOR_MAP[color];\n  if (color.startsWith('#')) return color;\n  return color;\n}\n\ninterface SemanticTagProps {\n  /** 标签文本 */\n  children: React.ReactNode;\n  /** 语义化颜色，优先使用 SEMANTIC_COLORS 中的值 */\n  color?: SemanticColor | string;\n  /** antd Tag 其余属性 */\n  [key: string]: unknown;\n}\n\n/** 公共样式 */\nconst TAG_BASE_STYLE: React.CSSProperties = {\n  border: 'none',\n  height: 24,\n  lineHeight: '22px',\n  padding: '0 8px',\n};\n\n/**\n * 统一 Tag 组件\n * - 主题色（primary/success/info/warning/danger）使用 CSS 变量，跟随系统主题色动态变化\n * - 固定色集中管理，避免硬编码\n * - 文字颜色 = 语义色，背景色 = 语义色 6% 透明度\n * - 统一尺寸：height 24px, line-height 24px, padding 0 8px\n */\nconst SemanticTag: React.FC<SemanticTagProps> = ({\n  children,\n  color = SEMANTIC_COLORS.DEFAULT,\n  ...rest\n}) => {\n  // 优先匹配主题色（CSS 变量）\n  const themeColor = THEME_COLOR_MAP[color];\n  if (themeColor) {\n    return (\n      <Tag\n        style={{\n          ...TAG_BASE_STYLE,\n          color: themeColor.text,\n          backgroundColor: themeColor.bg,\n        }}\n        {...rest}\n      >\n        {children}\n      </Tag>\n    );\n  }\n\n  // 固定色 / 自定义 hex\n  const hex = resolveFixedColor(color);\n  return (\n    <Tag\n      style={{\n        ...TAG_BASE_STYLE,\n        color: hex,\n        backgroundColor: hexToRgba(hex, 0.06),\n      }}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n};\n\nexport default SemanticTag;\n"],"names":["SEMANTIC_COLORS","THEME_COLOR_MAP","FIXED_COLOR_MAP","hexToRgba","hex","alpha","r","g","b","resolveFixedColor","color","TAG_BASE_STYLE","SemanticTag","children","rest","themeColor","jsx","Tag"],"mappings":";;AAUO,MAAMA,IAAkB;AAAA;AAAA,EAE7B,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,MAAM;AAAA;AAAA,EAEN,YAAY;AAAA;AAAA,EAEZ,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,QAAQ;AAAA;AAAA,EAER,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA;AAAA,EAET,MAAM;AAAA;AAAA,EAEN,MAAM;AAAA;AAAA,EAEN,MAAM;AACR,GAQMC,IAAgE;AAAA,EACpE,SAAS,EAAE,MAAM,wBAAwB,IAAI,0BAAA;AAAA,EAC7C,SAAS,EAAE,MAAM,wBAAwB,IAAI,0BAAA;AAAA,EAC7C,MAAM,EAAE,MAAM,qBAAqB,IAAI,uBAAA;AAAA,EACvC,SAAS,EAAE,MAAM,wBAAwB,IAAI,0BAAA;AAAA,EAC7C,QAAQ,EAAE,MAAM,sBAAsB,IAAI,wBAAA;AAC5C,GAMMC,IAA0C;AAAA,EAC9C,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;AAGA,SAASC,EAAUC,GAAaC,GAAuB;AACrD,QAAMC,IAAI,SAASF,EAAI,MAAM,GAAG,CAAC,GAAG,EAAE,GAChCG,IAAI,SAASH,EAAI,MAAM,GAAG,CAAC,GAAG,EAAE,GAChCI,IAAI,SAASJ,EAAI,MAAM,GAAG,CAAC,GAAG,EAAE;AACtC,SAAO,QAAQE,CAAC,KAAKC,CAAC,KAAKC,CAAC,KAAKH,CAAK;AACxC;AAGA,SAASI,EAAkBC,GAAuB;AAChD,SAAIR,EAAgBQ,CAAK,IAAUR,EAAgBQ,CAAK,KACpDA,EAAM,WAAW,GAAG,GAAUA;AAEpC;AAYA,MAAMC,IAAsC;AAAA,EAC1C,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,SAAS;AACX,GASMC,IAA0C,CAAC;AAAA,EAC/C,UAAAC;AAAA,EACA,OAAAH,IAAQV,EAAgB;AAAA,EACxB,GAAGc;AACL,MAAM;AAEJ,QAAMC,IAAad,EAAgBS,CAAK;AACxC,MAAIK;AACF,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,GAAGN;AAAA,UACH,OAAOI,EAAW;AAAA,UAClB,iBAAiBA,EAAW;AAAA,QAAA;AAAA,QAE7B,GAAGD;AAAA,QAEH,UAAAD;AAAA,MAAA;AAAA,IAAA;AAMP,QAAMT,IAAMK,EAAkBC,CAAK;AACnC,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAGN;AAAA,QACH,OAAOP;AAAA,QACP,iBAAiBD,EAAUC,GAAK,IAAI;AAAA,MAAA;AAAA,MAErC,GAAGU;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"SemanticTag.js","sources":["../../../src/components/Tag/SemanticTag.tsx"],"sourcesContent":["import { Tag } from 'antd';\nimport React from 'react';\n\n/**\n * 语义化颜色常量\n * 统一管理所有 Tag 的颜色，避免各处硬编码不一致\n *\n * 主题色（primary/success/info/warning/danger）使用 CSS 变量，跟随系统主题色动态变化\n * 固定色（default/processing/other/volcano/cyan/gold/lime）集中管理，不随主题变化\n */\nexport const SEMANTIC_COLORS = {\n  /** 主题色（跟随系统主题色动态变化） */\n  PRIMARY: 'primary',\n  /** 默认/中性 */\n  DEFAULT: 'default',\n  /** 信息/提示 */\n  INFO: 'info',\n  /** 进行中/处理中 */\n  PROCESSING: 'processing',\n  /** 成功/已完成/已通过 */\n  SUCCESS: 'success',\n  /** 警告/待处理 */\n  WARNING: 'warning',\n  /** 危险/紧急/已驳回 */\n  DANGER: 'danger',\n  /** 其他/特殊 */\n  OTHER: 'other',\n  /** 火山/待领导审批 */\n  VOLCANO: 'volcano',\n  /** 青色/辅助 */\n  CYAN: 'cyan',\n  /** 金色/高优先级 */\n  GOLD: 'gold',\n  /** 石灰/低优先级 */\n  LIME: 'lime',\n} as const;\n\nexport type SemanticColor = (typeof SEMANTIC_COLORS)[keyof typeof SEMANTIC_COLORS];\n\n/**\n * 主题色映射：使用 CSS 变量，跟随系统主题色动态变化\n * 文字色 = --{prefix}-color，背景色 = --{prefix}-color-bg（6% 透明度）\n * 选中态反白：背景取文字色（实色），文字反白\n */\nconst THEME_COLOR_MAP: Record<string, { text: string; bg: string }> = {\n  primary: { text: 'var(--primary-color)', bg: 'var(--primary-color-bg)' },\n  success: { text: 'var(--success-color)', bg: 'var(--success-color-bg)' },\n  info: { text: 'var(--info-color)', bg: 'var(--info-color-bg)' },\n  warning: { text: 'var(--warning-color)', bg: 'var(--warning-color-bg)' },\n  danger: { text: 'var(--error-color)', bg: 'var(--error-color-bg)' },\n};\n\n/**\n * 固定色映射：不随主题变化，集中管理避免硬编码\n * 仅用于非主题色场景（processing/other/volcano/cyan/gold/lime 等）\n */\nconst FIXED_COLOR_MAP: Record<string, string> = {\n  default: '#666666',\n  processing: '#F09700',\n  other: '#6740C3',\n  volcano: '#fa541c',\n  cyan: '#13c2c2',\n  gold: '#faad14',\n  lime: '#a0d911',\n};\n\n/** 将 hex 颜色转换为 rgba */\nfunction hexToRgba(hex: string, alpha: number): string {\n  const r = parseInt(hex.slice(1, 3), 16);\n  const g = parseInt(hex.slice(3, 5), 16);\n  const b = parseInt(hex.slice(5, 7), 16);\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n}\n\n/** 解析颜色键为 hex 值（仅用于固定色） */\nfunction resolveFixedColor(color: string): string {\n  if (FIXED_COLOR_MAP[color]) return FIXED_COLOR_MAP[color];\n  if (color.startsWith('#')) return color;\n  return color;\n}\n\ninterface SemanticTagProps {\n  /** 标签文本 */\n  children: React.ReactNode;\n  /** 语义化颜色，优先使用 SEMANTIC_COLORS 中的值 */\n  color?: SemanticColor | string;\n  /** 选中态：反白（实色背景 + 白字 + 加粗），不改 24px 高度 */\n  selected?: boolean;\n  /** antd Tag 其余属性 */\n  [key: string]: unknown;\n}\n\n/** 公共样式 */\nconst TAG_BASE_STYLE: React.CSSProperties = {\n  border: 'none',\n  height: 24,\n  lineHeight: '22px',\n  padding: '0 8px',\n};\n\n/** 选中态：反白（实色背景 + 白字 + 加粗），对比强、辨识高；不新增 border，24px 高度不变 */\nfunction buildSelectedStyle(solidBg: string): React.CSSProperties {\n  return {\n    backgroundColor: solidBg,\n    color: '#fff',\n    fontWeight: 600,\n  };\n}\n\n/**\n * 统一 Tag 组件\n * - 主题色（primary/success/info/warning/danger）使用 CSS 变量，跟随系统主题色动态变化\n * - 固定色集中管理，避免硬编码\n * - 文字颜色 = 语义色，背景色 = 语义色 6% 透明度\n * - 统一尺寸：height 24px, line-height 24px, padding 0 8px\n */\nconst SemanticTag: React.FC<SemanticTagProps> = ({\n  children,\n  color = SEMANTIC_COLORS.DEFAULT,\n  selected = false,\n  style: consumerStyle,\n  ...rest\n}) => {\n  // 优先匹配主题色（CSS 变量）；否则按固定色 / 自定义 hex\n  const themeColor = THEME_COLOR_MAP[color];\n  const hex = themeColor ? null : resolveFixedColor(color);\n  const computedStyle: React.CSSProperties = themeColor\n    ? {\n        ...TAG_BASE_STYLE,\n        color: themeColor.text,\n        backgroundColor: themeColor.bg,\n        ...(selected ? buildSelectedStyle(themeColor.text) : null),\n      }\n    : {\n        ...TAG_BASE_STYLE,\n        color: hex as string,\n        backgroundColor: hexToRgba(hex as string, 0.06),\n        ...(selected ? buildSelectedStyle(hex as string) : null),\n      };\n\n  // 计算样式优先（color/bg/selected 不被覆盖），消费方 style 可补 cursor/margin 等\n  return (\n    <Tag style={{ ...(consumerStyle || {}), ...computedStyle }} {...rest}>\n      {children}\n    </Tag>\n  );\n};\n\nexport default SemanticTag;\n"],"names":["SEMANTIC_COLORS","THEME_COLOR_MAP","FIXED_COLOR_MAP","hexToRgba","hex","alpha","r","g","b","resolveFixedColor","color","TAG_BASE_STYLE","buildSelectedStyle","solidBg","SemanticTag","children","selected","consumerStyle","rest","themeColor","computedStyle","jsx","Tag"],"mappings":";;AAUO,MAAMA,IAAkB;AAAA;AAAA,EAE7B,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,MAAM;AAAA;AAAA,EAEN,YAAY;AAAA;AAAA,EAEZ,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,QAAQ;AAAA;AAAA,EAER,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA;AAAA,EAET,MAAM;AAAA;AAAA,EAEN,MAAM;AAAA;AAAA,EAEN,MAAM;AACR,GASMC,IAAgE;AAAA,EACpE,SAAS,EAAE,MAAM,wBAAwB,IAAI,0BAAA;AAAA,EAC7C,SAAS,EAAE,MAAM,wBAAwB,IAAI,0BAAA;AAAA,EAC7C,MAAM,EAAE,MAAM,qBAAqB,IAAI,uBAAA;AAAA,EACvC,SAAS,EAAE,MAAM,wBAAwB,IAAI,0BAAA;AAAA,EAC7C,QAAQ,EAAE,MAAM,sBAAsB,IAAI,wBAAA;AAC5C,GAMMC,IAA0C;AAAA,EAC9C,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;AAGA,SAASC,EAAUC,GAAaC,GAAuB;AACrD,QAAMC,IAAI,SAASF,EAAI,MAAM,GAAG,CAAC,GAAG,EAAE,GAChCG,IAAI,SAASH,EAAI,MAAM,GAAG,CAAC,GAAG,EAAE,GAChCI,IAAI,SAASJ,EAAI,MAAM,GAAG,CAAC,GAAG,EAAE;AACtC,SAAO,QAAQE,CAAC,KAAKC,CAAC,KAAKC,CAAC,KAAKH,CAAK;AACxC;AAGA,SAASI,EAAkBC,GAAuB;AAChD,SAAIR,EAAgBQ,CAAK,IAAUR,EAAgBQ,CAAK,KACpDA,EAAM,WAAW,GAAG,GAAUA;AAEpC;AAcA,MAAMC,IAAsC;AAAA,EAC1C,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,SAAS;AACX;AAGA,SAASC,EAAmBC,GAAsC;AAChE,SAAO;AAAA,IACL,iBAAiBA;AAAA,IACjB,OAAO;AAAA,IACP,YAAY;AAAA,EAAA;AAEhB;AASA,MAAMC,IAA0C,CAAC;AAAA,EAC/C,UAAAC;AAAA,EACA,OAAAL,IAAQV,EAAgB;AAAA,EACxB,UAAAgB,IAAW;AAAA,EACX,OAAOC;AAAA,EACP,GAAGC;AACL,MAAM;AAEJ,QAAMC,IAAalB,EAAgBS,CAAK,GAClCN,IAAMe,IAAa,OAAOV,EAAkBC,CAAK,GACjDU,IAAqCD,IACvC;AAAA,IACE,GAAGR;AAAA,IACH,OAAOQ,EAAW;AAAA,IAClB,iBAAiBA,EAAW;AAAA,IAC5B,GAAIH,IAAWJ,EAAmBO,EAAW,IAAI,IAAI;AAAA,EAAA,IAEvD;AAAA,IACE,GAAGR;AAAA,IACH,OAAOP;AAAA,IACP,iBAAiBD,EAAUC,GAAe,IAAI;AAAA,IAC9C,GAAIY,IAAWJ,EAAmBR,CAAa,IAAI;AAAA,EAAA;AAIzD,SACE,gBAAAiB,EAACC,GAAA,EAAI,OAAO,EAAE,GAAIL,KAAiB,CAAA,GAAK,GAAGG,EAAA,GAAkB,GAAGF,GAC7D,UAAAH,EAAA,CACH;AAEJ;"}

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';