@hkyhy/marsun-components-core 0.1.46 → 0.1.49

package/dist/components/Tag/Tags/index.js

@@ -1,32 +1,47 @@
-import { jsx as c, Fragment as f, jsxs as p } from "react/jsx-runtime";
-import { Tooltip as T } from "antd";
-import d, { SEMANTIC_COLORS as g } from "../SemanticTag.js";
-import u from "./style.module.scss.js";
-import m from "classnames";
-const e = (t, l) => {
-  const { otherCount: r = 0, nowrap: n = !1, className: o, color: i } = l, a = n ? m("tags-tag-list-nowrap", u["tags-tag-list-nowrap"]) : void 0;
-  return /* @__PURE__ */ p("div", { className: m("tags-tag-list", u["tags-tag-list"], a, o), children: [
-    t.map((s) => /* @__PURE__ */ c(d, { color: i, children: s }, s)),
-    r > 0 && /* @__PURE__ */ p(d, { color: i, children: [
+import { jsx as c, Fragment as C, jsxs as f } from "react/jsx-runtime";
+import { Tooltip as N } from "antd";
+import g, { SEMANTIC_COLORS as v } from "../SemanticTag.js";
+import m from "./style.module.scss.js";
+import p from "classnames";
+const x = 8, a = (t, n) => {
+  const { otherCount: o = 0, nowrap: i = !1, className: s, color: l } = n, e = i ? p("tags-tag-list-nowrap", m["tags-tag-list-nowrap"]) : void 0;
+  return /* @__PURE__ */ f("div", { className: p("tags-tag-list", m["tags-tag-list"], e, s), children: [
+    t.map((r) => /* @__PURE__ */ c(g, { color: l, children: r }, r)),
+    o > 0 && /* @__PURE__ */ f(g, { color: l, children: [
       "+",
-      r
+      o
     ] })
   ] });
-}, O = ({
+}, j = ({
   tags: t,
-  showLength: l,
-  empty: r = "-",
-  className: n,
-  color: o = g.INFO
+  showLength: n,
+  empty: o = "-",
+  className: i,
+  color: s = v.INFO
 }) => {
   if (!(t != null && t.length))
-    return r != null ? /* @__PURE__ */ c(f, { children: r }) : null;
-  if (!(l != null && l > 0 && t.length > l))
-    return e(t, { className: n, color: o });
-  const a = t.slice(0, l), s = t.length - l;
-  return /* @__PURE__ */ c(T, { title: e(t, { className: m("tags-tag-list-tooltip", u["tags-tag-list-tooltip"]), color: o }), children: e(a, { otherCount: s, nowrap: !0, className: n, color: o }) });
+    return o != null ? /* @__PURE__ */ c(C, { children: o }) : null;
+  const l = n != null && n > 0 ? n : null;
+  if (l == null)
+    return a(t, { className: i, color: s });
+  const e = t.slice(0, l), r = Math.max(0, t.length - l), h = t.some((T) => T.length > x), u = r > 0 || h, d = a(e, {
+    otherCount: r,
+    nowrap: u,
+    className: i,
+    color: s
+  });
+  return u ? /* @__PURE__ */ c(
+    N,
+    {
+      title: a(t, {
+        className: p("tags-tag-list-tooltip", m["tags-tag-list-tooltip"]),
+        color: s
+      }),
+      children: d
+    }
+  ) : d;
 };
 export {
-  O as default
+  j as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Tag/Tags/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Tag/Tags/index.tsx"],"sourcesContent":["import { Tooltip } from 'antd';\nimport React from 'react';\nimport SemanticTag, { SEMANTIC_COLORS, type SemanticColor } from '../SemanticTag';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nexport interface TagsProps {\n  /** 标签列表 */\n  tags?: string[];\n  /** 最多展示的标签数量；未传或 tags 数量未超出时展示全部 */\n  showLength?: number;\n  /** 无标签时的占位，传 null 则不渲染 */\n  empty?: React.ReactNode;\n  className?: string;\n  /** 标签颜色，默认 INFO */\n  color?: SemanticColor | string;\n}\n\nconst renderTags = (\n  tagList: string[],\n  options: {\n    otherCount?: number;\n    nowrap?: boolean;\n    className?: string;\n    color: SemanticColor | string;\n  },\n) => {\n  const { otherCount = 0, nowrap = false, className, color } = options;\n  const layoutClass = nowrap ? classNames('tags-tag-list-nowrap', styles['tags-tag-list-nowrap']) : undefined;\n\n  return (\n    <div className={classNames('tags-tag-list', styles['tags-tag-list'], layoutClass, className)}>\n      {tagList.map((tag) => (\n        <SemanticTag key={tag} color={color}>\n          {tag}\n        </SemanticTag>\n      ))}\n      {otherCount > 0 && <SemanticTag color={color}>+{otherCount}</SemanticTag>}\n    </div>\n  );\n};\n\n/** 通用标签列表（SemanticTag + showLength 截断） */\nconst Tags: React.FC<TagsProps> = ({\n  tags,\n  showLength,\n  empty = '-',\n  className,\n  color = SEMANTIC_COLORS.INFO,\n}) => {\n  if (!tags?.length) {\n    return empty != null ? <>{empty}</> : null;\n  }\n\n  const shouldTruncate = showLength != null && showLength > 0 && tags.length > showLength;\n\n  if (!shouldTruncate) {\n    return renderTags(tags, { className, color });\n  }\n\n  const visibleTags = tags.slice(0, showLength);\n  const otherCount = tags.length - showLength;\n\n  return (\n    <Tooltip title={renderTags(tags, { className: classNames('tags-tag-list-tooltip', styles['tags-tag-list-tooltip']), color })}>\n      {renderTags(visibleTags, { otherCount, nowrap: true, className, color })}\n    </Tooltip>\n  );\n};\n\nexport default Tags;\n"],"names":["renderTags","tagList","options","otherCount","nowrap","className","color","layoutClass","classNames","styles","jsxs","tag","jsx","SemanticTag","Tags","tags","showLength","empty","SEMANTIC_COLORS","Fragment","visibleTags","Tooltip"],"mappings":";;;;;AAkBA,MAAMA,IAAa,CACjBC,GACAC,MAMG;AACH,QAAM,EAAE,YAAAC,IAAa,GAAG,QAAAC,IAAS,IAAO,WAAAC,GAAW,OAAAC,MAAUJ,GACvDK,IAAcH,IAASI,EAAW,wBAAwBC,EAAO,sBAAsB,CAAC,IAAI;AAElG,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWF,EAAW,iBAAiBC,EAAO,eAAe,GAAGF,GAAaF,CAAS,GACxF,UAAA;AAAA,IAAAJ,EAAQ,IAAI,CAACU,MACZ,gBAAAC,EAACC,KAAsB,OAAAP,GACpB,UAAAK,EAAA,GADeA,CAElB,CACD;AAAA,IACAR,IAAa,KAAK,gBAAAO,EAACG,GAAA,EAAY,OAAAP,GAAc,UAAA;AAAA,MAAA;AAAA,MAAEH;AAAA,IAAA,EAAA,CAAW;AAAA,EAAA,GAC7D;AAEJ,GAGMW,IAA4B,CAAC;AAAA,EACjC,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAZ;AAAA,EACA,OAAAC,IAAQY,EAAgB;AAC1B,MAAM;AACJ,MAAI,EAACH,KAAA,QAAAA,EAAM;AACT,WAAOE,KAAS,OAAO,gBAAAL,EAAAO,GAAA,EAAG,UAAAF,EAAA,CAAM,IAAM;AAKxC,MAAI,EAFmBD,KAAc,QAAQA,IAAa,KAAKD,EAAK,SAASC;AAG3E,WAAOhB,EAAWe,GAAM,EAAE,WAAAV,GAAW,OAAAC,GAAO;AAG9C,QAAMc,IAAcL,EAAK,MAAM,GAAGC,CAAU,GACtCb,IAAaY,EAAK,SAASC;AAEjC,SACE,gBAAAJ,EAACS,GAAA,EAAQ,OAAOrB,EAAWe,GAAM,EAAE,WAAWP,EAAW,yBAAyBC,EAAO,uBAAuB,CAAC,GAAG,OAAAH,EAAA,CAAO,GACxH,UAAAN,EAAWoB,GAAa,EAAE,YAAAjB,GAAY,QAAQ,IAAM,WAAAE,GAAW,OAAAC,EAAA,CAAO,EAAA,CACzE;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Tag/Tags/index.tsx"],"sourcesContent":["import { Tooltip } from 'antd';\nimport React from 'react';\nimport SemanticTag, { SEMANTIC_COLORS, type SemanticColor } from '../SemanticTag';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\n/** 单标签超过该字数时，即使未超出 showLength 也走紧凑+Tooltip，避免表格列溢出 */\nconst LONG_TAG_CHARS = 8;\n\nexport interface TagsProps {\n  /** 标签列表 */\n  tags?: string[];\n  /** 最多展示的标签数量；未传或无效时展示全部 */\n  showLength?: number;\n  /** 无标签时的占位，传 null 则不渲染 */\n  empty?: React.ReactNode;\n  className?: string;\n  /** 标签颜色，默认 INFO */\n  color?: SemanticColor | string;\n}\n\nconst renderTags = (\n  tagList: string[],\n  options: {\n    otherCount?: number;\n    nowrap?: boolean;\n    className?: string;\n    color: SemanticColor | string;\n  },\n) => {\n  const { otherCount = 0, nowrap = false, className, color } = options;\n  const layoutClass = nowrap\n    ? classNames('tags-tag-list-nowrap', styles['tags-tag-list-nowrap'])\n    : undefined;\n\n  return (\n    <div className={classNames('tags-tag-list', styles['tags-tag-list'], layoutClass, className)}>\n      {tagList.map((tag) => (\n        <SemanticTag key={tag} color={color}>\n          {tag}\n        </SemanticTag>\n      ))}\n      {otherCount > 0 && <SemanticTag color={color}>+{otherCount}</SemanticTag>}\n    </div>\n  );\n};\n\n/** 通用标签列表（SemanticTag + showLength 截断；长文案 ellipsis + hover 全量） */\nconst Tags: React.FC<TagsProps> = ({\n  tags,\n  showLength,\n  empty = '-',\n  className,\n  color = SEMANTIC_COLORS.INFO,\n}) => {\n  if (!tags?.length) {\n    return empty != null ? <>{empty}</> : null;\n  }\n\n  const limit = showLength != null && showLength > 0 ? showLength : null;\n  if (limit == null) {\n    return renderTags(tags, { className, color });\n  }\n\n  const visibleTags = tags.slice(0, limit);\n  const otherCount = Math.max(0, tags.length - limit);\n  const hasLongTag = tags.some((t) => t.length > LONG_TAG_CHARS);\n  const needsCompact = otherCount > 0 || hasLongTag;\n  const visible = renderTags(visibleTags, {\n    otherCount,\n    nowrap: needsCompact,\n    className,\n    color,\n  });\n\n  if (!needsCompact) {\n    return visible;\n  }\n\n  return (\n    <Tooltip\n      title={renderTags(tags, {\n        className: classNames('tags-tag-list-tooltip', styles['tags-tag-list-tooltip']),\n        color,\n      })}\n    >\n      {visible}\n    </Tooltip>\n  );\n};\n\nexport default Tags;\n"],"names":["LONG_TAG_CHARS","renderTags","tagList","options","otherCount","nowrap","className","color","layoutClass","classNames","styles","jsxs","tag","jsx","SemanticTag","Tags","tags","showLength","empty","SEMANTIC_COLORS","Fragment","limit","visibleTags","hasLongTag","t","needsCompact","visible","Tooltip"],"mappings":";;;;;AAOA,MAAMA,IAAiB,GAcjBC,IAAa,CACjBC,GACAC,MAMG;AACH,QAAM,EAAE,YAAAC,IAAa,GAAG,QAAAC,IAAS,IAAO,WAAAC,GAAW,OAAAC,MAAUJ,GACvDK,IAAcH,IAChBI,EAAW,wBAAwBC,EAAO,sBAAsB,CAAC,IACjE;AAEJ,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWF,EAAW,iBAAiBC,EAAO,eAAe,GAAGF,GAAaF,CAAS,GACxF,UAAA;AAAA,IAAAJ,EAAQ,IAAI,CAACU,MACZ,gBAAAC,EAACC,KAAsB,OAAAP,GACpB,UAAAK,EAAA,GADeA,CAElB,CACD;AAAA,IACAR,IAAa,KAAK,gBAAAO,EAACG,GAAA,EAAY,OAAAP,GAAc,UAAA;AAAA,MAAA;AAAA,MAAEH;AAAA,IAAA,EAAA,CAAW;AAAA,EAAA,GAC7D;AAEJ,GAGMW,IAA4B,CAAC;AAAA,EACjC,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAZ;AAAA,EACA,OAAAC,IAAQY,EAAgB;AAC1B,MAAM;AACJ,MAAI,EAACH,KAAA,QAAAA,EAAM;AACT,WAAOE,KAAS,OAAO,gBAAAL,EAAAO,GAAA,EAAG,UAAAF,EAAA,CAAM,IAAM;AAGxC,QAAMG,IAAQJ,KAAc,QAAQA,IAAa,IAAIA,IAAa;AAClE,MAAII,KAAS;AACX,WAAOpB,EAAWe,GAAM,EAAE,WAAAV,GAAW,OAAAC,GAAO;AAG9C,QAAMe,IAAcN,EAAK,MAAM,GAAGK,CAAK,GACjCjB,IAAa,KAAK,IAAI,GAAGY,EAAK,SAASK,CAAK,GAC5CE,IAAaP,EAAK,KAAK,CAACQ,MAAMA,EAAE,SAASxB,CAAc,GACvDyB,IAAerB,IAAa,KAAKmB,GACjCG,IAAUzB,EAAWqB,GAAa;AAAA,IACtC,YAAAlB;AAAA,IACA,QAAQqB;AAAA,IACR,WAAAnB;AAAA,IACA,OAAAC;AAAA,EAAA,CACD;AAED,SAAKkB,IAKH,gBAAAZ;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,OAAO1B,EAAWe,GAAM;AAAA,QACtB,WAAWP,EAAW,yBAAyBC,EAAO,uBAAuB,CAAC;AAAA,QAC9E,OAAAH;AAAA,MAAA,CACD;AAAA,MAEA,UAAAmB;AAAA,IAAA;AAAA,EAAA,IAVIA;AAaX;"}

package/dist/components/Tag/Tags/style.module.scss.js

@@ -1,7 +1,7 @@
 const t = {
-  "tags-tag-list": "_tags-tag-list_d5l57_1",
-  "tags-tag-list-nowrap": "_tags-tag-list-nowrap_d5l57_8",
-  "tags-tag-list-tooltip": "_tags-tag-list-tooltip_d5l57_12"
+  "tags-tag-list": "_tags-tag-list_y1jed_1",
+  "tags-tag-list-nowrap": "_tags-tag-list-nowrap_y1jed_9",
+  "tags-tag-list-tooltip": "_tags-tag-list-tooltip_y1jed_20"
 };
 export {
   t as default

package/dist/components/TooltipInfo/TooltipInfo.js

@@ -1,7 +1,7 @@
 import { jsx as o, Fragment as m } from "react/jsx-runtime";
-import { Tooltip as s } from "antd";
-import d from "../Descriptions/CommonDescriptions.js";
-const b = ({
+import { Tooltip as d } from "antd";
+import s from "../Descriptions/CommonDescriptions.js";
+const c = ({
   content: t,
   children: r,
   column: i = 1,
@@ -12,30 +12,36 @@ const b = ({
   mouseEnterDelay: l = 0.3,
   ...f
 }) => a || t.length === 0 ? /* @__PURE__ */ o(m, { children: r }) : /* @__PURE__ */ o(
-  s,
+  d,
   {
     placement: e,
     mouseEnterDelay: l,
     destroyOnHidden: !0,
     classNames: { root: ["tooltip-info-overlay", n].filter(Boolean).join(" ") },
     styles: {
+      root: {
+        maxWidth: 320
+      },
       container: {
+        boxSizing: "border-box",
         minWidth: 220,
-        maxWidth: 360,
+        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
+        ...p,
+        // 硬上限：避免 Descriptions 长文把气泡横向撑爆
+        maxWidth: 320
       }
     },
     getPopupContainer: () => document.body,
-    title: /* @__PURE__ */ o(d, { content: t, column: i, size: "small" }),
+    title: /* @__PURE__ */ o(s, { content: t, column: i, size: "small" }),
     ...f,
     children: r
   }
 );
 export {
-  b 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        container: {\n          minWidth: 220,\n          maxWidth: 360,\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={<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,WAAW;AAAA,QACT,UAAU;AAAA,QACV,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,WAAW;AAAA,QACX,GAAGC;AAAA,MAAA;AAAA,IACL;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\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;"}

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

@@ -2,6 +2,8 @@ import { UploadFile } from 'antd/es/upload/interface';
 import { default as React } from 'react';
 /** 上传变体 */
 export type UploadVariant = 'panel' | 'button';
+/** 已选文件列表样式：text=行列表；picture-card=图片卡片（含预览） */
+export type UploadListType = 'text' | 'picture-card';
 export interface CommonUploadProps {
     value?: UploadFile[];
     onChange?: (value: UploadFile[]) => void;
@@ -17,6 +19,8 @@ export interface CommonUploadProps {
     accept?: string;
     /** panel = 拖拽面板（Dragger 样式），button = 按钮（默认） */
     variant?: UploadVariant;
+    /** 列表展现；图片场景用 picture-card（预览+缩略图） */
+    listType?: UploadListType;
     children?: React.ReactNode;
     renderTips?: () => React.ReactNode;
     /** 是否展示已上传文件列表，默认 true（tips 下方） */
@@ -38,29 +42,8 @@ export type CommonUploadRef = {
 /**
  * CommonUpload — 通用上传组件
  *
- * - 在 antd `<Form.Item>` 内使用时，通过 `value`/`onChange` 自动接入表单
- * - 独立使用时，通过 `onSave` 获取文件列表
- *
- * ## 两种变体
- *
- * - **`variant="button"`（默认）** — 虚线边框按钮 + 底部提示文案 + 已传文件列表
- * - **`variant="panel"`** — Dragger 拖拽面板 + 底部已传文件列表
- *
- * @example
- * ```tsx
- * // 在 Form.Item 中使用
- * <Form.Item name="files" label="简历附件" rules={[{ required: true, message: '请上传文件' }]}>
- *   <CommonUpload accept=".pdf,.jpg,.png" maxLength={10} />
- * </Form.Item>
- *
- * // 独立使用（Modal 内、非表单场景）
- * <CommonUpload variant="panel" accept=".doc,.pdf" onSave={(list) => setFiles(list)} />
- *
- * // ref 手动触发上传
- * const ref = useRef<CommonUploadRef>(null);
- * <CommonUpload ref={ref} onUpload={...} />;
- * ref.current?.upload();
- * ```
+ * - `listType="text"`（默认）：行列表；图片有缩略图时可「预览」
+ * - `listType="picture-card"`：antd 图片卡片（内置预览/删除图标）
  */
 declare const CommonUpload: React.ForwardRefExoticComponent<CommonUploadProps & React.RefAttributes<CommonUploadRef>>;
 export default CommonUpload;