@hkyhy/marsun-components-core 0.1.45 → 0.1.47

package/dist/components/Stat/StatCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Stat/StatCard/index.tsx"],"sourcesContent":["import { Card, Statistic } from 'antd';\nimport React from 'react';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nexport interface StatCardProps {\n  /** 标题 */\n  title: string;\n  /** 数值 */\n  value: number;\n  /** 前缀图标 */\n  prefix?: React.ReactNode;\n  /** 数值颜色 */\n  color?: string;\n  /** 点击回调 */\n  onClick?: () => void;\n  /** 是否内联模式（不使用 Card 包裹） */\n  inline?: boolean;\n  /** 内联模式下的字体大小 */\n  fontSize?: number;\n  /** 自定义样式 */\n  style?: React.CSSProperties;\n}\n\n/** 可点击的统计卡片 */\nconst StatCard: React.FC<StatCardProps> = ({\n  title,\n  value,\n  prefix,\n  color = '#1677ff',\n  onClick,\n  inline = false,\n  fontSize,\n  style,\n}) => {\n  if (inline) {\n    return (\n      <div className={onClick ? classNames('stat-card-clickable', styles['stat-card-clickable']) : undefined} onClick={onClick} style={style}>\n        <Statistic\n          title={title}\n          value={value}\n          prefix={prefix}\n          valueStyle={{ color, ...(fontSize ? { fontSize } : {}) }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <Card\n      hoverable={!!onClick}\n      onClick={onClick}\n      className={onClick ? classNames('stat-card-clickable', styles['stat-card-clickable']) : undefined}\n    >\n      <Statistic title={title} value={value} prefix={prefix} valueStyle={{ color }} />\n    </Card>\n  );\n};\n\nexport default StatCard;\n"],"names":["StatCard","title","value","prefix","color","onClick","inline","fontSize","style","jsx","classNames","styles","Statistic","Card"],"mappings":";;;;AAyBA,MAAMA,IAAoC,CAAC;AAAA,EACzC,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,OAAAC;AACF,MACMF,IAEA,gBAAAG,EAAC,OAAA,EAAI,WAAWJ,IAAUK,EAAW,uBAAuBC,EAAO,qBAAqB,CAAC,IAAI,QAAW,SAAAN,GAAkB,OAAAG,GACxH,UAAA,gBAAAC;AAAA,EAACG;AAAA,EAAA;AAAA,IACC,OAAAX;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAY,EAAE,OAAAC,GAAO,GAAIG,IAAW,EAAE,UAAAA,EAAA,IAAa,CAAA,EAAC;AAAA,EAAG;AAAA,GAE3D,IAKF,gBAAAE;AAAA,EAACI;AAAA,EAAA;AAAA,IACC,WAAW,CAAC,CAACR;AAAA,IACb,SAAAA;AAAA,IACA,WAAWA,IAAUK,EAAW,uBAAuBC,EAAO,qBAAqB,CAAC,IAAI;AAAA,IAExF,UAAA,gBAAAF,EAACG,KAAU,OAAAX,GAAc,OAAAC,GAAc,QAAAC,GAAgB,YAAY,EAAE,OAAAC,IAAM,CAAG;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Stat/StatCard/index.tsx"],"sourcesContent":["import { Card, Statistic } from 'antd';\nimport React from 'react';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nexport interface StatCardProps {\n  /** 标题 */\n  title: string;\n  /** 数值 */\n  value: number;\n  /** 前缀图标 */\n  prefix?: React.ReactNode;\n  /** 后缀（如 %、单位） */\n  suffix?: React.ReactNode;\n  /** 小数精度 */\n  precision?: number;\n  /** 数值颜色 */\n  color?: string;\n  /** 点击回调 */\n  onClick?: () => void;\n  /** 是否内联模式（不使用 Card 包裹） */\n  inline?: boolean;\n  /** 内联模式下的字体大小 */\n  fontSize?: number;\n  /** 自定义样式 */\n  style?: React.CSSProperties;\n}\n\n/** 可点击的统计卡片 */\nconst StatCard: React.FC<StatCardProps> = ({\n  title,\n  value,\n  prefix,\n  suffix,\n  precision,\n  color = '#1677ff',\n  onClick,\n  inline = false,\n  fontSize,\n  style,\n}) => {\n  const statistic = (\n    <Statistic\n      title={title}\n      value={value}\n      prefix={prefix}\n      suffix={suffix}\n      precision={precision}\n      valueStyle={{ color, ...(fontSize ? { fontSize } : {}) }}\n    />\n  );\n\n  if (inline) {\n    return (\n      <div\n        className={\n          onClick ? classNames('stat-card-clickable', styles['stat-card-clickable']) : undefined\n        }\n        onClick={onClick}\n        style={style}\n      >\n        {statistic}\n      </div>\n    );\n  }\n\n  return (\n    <Card\n      hoverable={!!onClick}\n      onClick={onClick}\n      className={\n        onClick ? classNames('stat-card-clickable', styles['stat-card-clickable']) : undefined\n      }\n      style={style}\n    >\n      {statistic}\n    </Card>\n  );\n};\n\nexport default StatCard;\n"],"names":["StatCard","title","value","prefix","suffix","precision","color","onClick","inline","fontSize","style","statistic","jsx","Statistic","classNames","styles","Card"],"mappings":";;;;AA6BA,MAAMA,IAAoC,CAAC;AAAA,EACzC,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAMC,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAZ;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,QAAAC;AAAA,MACA,WAAAC;AAAA,MACA,YAAY,EAAE,OAAAC,GAAO,GAAIG,IAAW,EAAE,UAAAA,EAAA,IAAa,CAAA,EAAC;AAAA,IAAG;AAAA,EAAA;AAI3D,SAAID,IAEA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WACEL,IAAUO,EAAW,uBAAuBC,EAAO,qBAAqB,CAAC,IAAI;AAAA,MAE/E,SAAAR;AAAA,MACA,OAAAG;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA,IAML,gBAAAC;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,WAAW,CAAC,CAACT;AAAA,MACb,SAAAA;AAAA,MACA,WACEA,IAAUO,EAAW,uBAAuBC,EAAO,qBAAqB,CAAC,IAAI;AAAA,MAE/E,OAAAL;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Stat/StatCardList.d.ts

@@ -6,8 +6,6 @@ export interface StatItem extends Omit<StatCardProps, 'inline' | 'fontSize'> {
     colProps?: ColProps;
     /** 是否隐藏，为 true 时不渲染 */
     hidden?: boolean;
-    /** 后缀 */
-    suffix?: React.ReactNode;
 }
 export interface StatCardListProps {
     /** 统计项列表 */

package/dist/components/Stat/StatCardList.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatCardList.js","sources":["../../../src/components/Stat/StatCardList.tsx"],"sourcesContent":["import { Col, Row } from 'antd';\nimport type { ColProps } from 'antd/es/grid';\nimport React from 'react';\nimport type { StatCardProps } from './StatCard';\nimport StatCard from './StatCard';\n\nexport interface StatItem extends Omit<StatCardProps, 'inline' | 'fontSize'> {\n  /** 卡片占列配置，不传则根据总 items 数自动计算 */\n  colProps?: ColProps;\n  /** 是否隐藏，为 true 时不渲染 */\n  hidden?: boolean;\n  /** 后缀 */\n  suffix?: React.ReactNode;\n}\n\nexport interface StatCardListProps {\n  /** 统计项列表 */\n  items: StatItem[];\n  /** 行间距 */\n  gutter?: [number, number];\n  /** 容器 className */\n  className?: string;\n  /** 是否内联模式 */\n  inline?: boolean;\n  /** 内联模式字体大小 */\n  fontSize?: number;\n}\n\n/** 根据项数自动计算默认列宽 */\nconst getDefaultCol = (total: number): ColProps => {\n  if (total <= 2) return { xs: 12, sm: 12, lg: 12 };\n  if (total <= 3) return { xs: 12, sm: 8, lg: 8 };\n  if (total <= 4) return { xs: 12, sm: 12, lg: 6 };\n  return { xs: 12, sm: 8, lg: 4 };\n};\n\n/** 统计卡片列表 */\nconst StatCardList: React.FC<StatCardListProps> = ({\n  items,\n  gutter = [16, 16],\n  className,\n  inline = false,\n  fontSize,\n}) => {\n  const visibleItems = items.filter((item) => !item.hidden);\n  const defaultCol = getDefaultCol(visibleItems.length);\n\n  return (\n    <Row gutter={gutter} className={className}>\n      {visibleItems.map((item, idx) => {\n        const { colProps, hidden, ...cardProps } = item;\n        return (\n          <Col key={idx} {...(colProps ?? defaultCol)}>\n            <StatCard {...cardProps} inline={inline} fontSize={fontSize} />\n          </Col>\n        );\n      })}\n    </Row>\n  );\n};\n\nexport default StatCardList;\n"],"names":["getDefaultCol","total","StatCardList","items","gutter","className","inline","fontSize","visibleItems","item","defaultCol","jsx","Row","idx","colProps","hidden","cardProps","Col","StatCard"],"mappings":";;;AA6BA,MAAMA,IAAgB,CAACC,MACjBA,KAAS,IAAU,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,GAAA,IACzCA,KAAS,IAAU,EAAE,IAAI,IAAI,IAAI,GAAG,IAAI,EAAA,IACxCA,KAAS,IAAU,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,EAAA,IACtC,EAAE,IAAI,IAAI,IAAI,GAAG,IAAI,EAAA,GAIxBC,IAA4C,CAAC;AAAA,EACjD,OAAAC;AAAA,EACA,QAAAC,IAAS,CAAC,IAAI,EAAE;AAAA,EAChB,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAeL,EAAM,OAAO,CAACM,MAAS,CAACA,EAAK,MAAM,GAClDC,IAAaV,EAAcQ,EAAa,MAAM;AAEpD,SACE,gBAAAG,EAACC,KAAI,QAAAR,GAAgB,WAAAC,GAClB,YAAa,IAAI,CAACI,GAAMI,MAAQ;AAC/B,UAAM,EAAE,UAAAC,GAAU,QAAAC,GAAQ,GAAGC,MAAcP;AAC3C,WACE,gBAAAE,EAACM,GAAA,EAAe,GAAIH,KAAYJ,GAC9B,UAAA,gBAAAC,EAACO,GAAA,EAAU,GAAGF,GAAW,QAAAV,GAAgB,UAAAC,EAAA,CAAoB,EAAA,GADrDM,CAEV;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"StatCardList.js","sources":["../../../src/components/Stat/StatCardList.tsx"],"sourcesContent":["import { Col, Row } from 'antd';\nimport type { ColProps } from 'antd/es/grid';\nimport React from 'react';\nimport type { StatCardProps } from './StatCard';\nimport StatCard from './StatCard';\n\nexport interface StatItem extends Omit<StatCardProps, 'inline' | 'fontSize'> {\n  /** 卡片占列配置，不传则根据总 items 数自动计算 */\n  colProps?: ColProps;\n  /** 是否隐藏，为 true 时不渲染 */\n  hidden?: boolean;\n}\n\nexport interface StatCardListProps {\n  /** 统计项列表 */\n  items: StatItem[];\n  /** 行间距 */\n  gutter?: [number, number];\n  /** 容器 className */\n  className?: string;\n  /** 是否内联模式 */\n  inline?: boolean;\n  /** 内联模式字体大小 */\n  fontSize?: number;\n}\n\n/** 根据项数自动计算默认列宽 */\nconst getDefaultCol = (total: number): ColProps => {\n  if (total <= 2) return { xs: 12, sm: 12, lg: 12 };\n  if (total <= 3) return { xs: 12, sm: 8, lg: 8 };\n  if (total <= 4) return { xs: 12, sm: 12, lg: 6 };\n  return { xs: 12, sm: 8, lg: 4 };\n};\n\n/** 统计卡片列表 */\nconst StatCardList: React.FC<StatCardListProps> = ({\n  items,\n  gutter = [16, 16],\n  className,\n  inline = false,\n  fontSize,\n}) => {\n  const visibleItems = items.filter((item) => !item.hidden);\n  const defaultCol = getDefaultCol(visibleItems.length);\n\n  return (\n    <Row gutter={gutter} className={className}>\n      {visibleItems.map((item, idx) => {\n        const { colProps, hidden, ...cardProps } = item;\n        return (\n          <Col key={idx} {...(colProps ?? defaultCol)}>\n            <StatCard {...cardProps} inline={inline} fontSize={fontSize} />\n          </Col>\n        );\n      })}\n    </Row>\n  );\n};\n\nexport default StatCardList;\n"],"names":["getDefaultCol","total","StatCardList","items","gutter","className","inline","fontSize","visibleItems","item","defaultCol","jsx","Row","idx","colProps","hidden","cardProps","Col","StatCard"],"mappings":";;;AA2BA,MAAMA,IAAgB,CAACC,MACjBA,KAAS,IAAU,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,GAAA,IACzCA,KAAS,IAAU,EAAE,IAAI,IAAI,IAAI,GAAG,IAAI,EAAA,IACxCA,KAAS,IAAU,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,EAAA,IACtC,EAAE,IAAI,IAAI,IAAI,GAAG,IAAI,EAAA,GAIxBC,IAA4C,CAAC;AAAA,EACjD,OAAAC;AAAA,EACA,QAAAC,IAAS,CAAC,IAAI,EAAE;AAAA,EAChB,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAeL,EAAM,OAAO,CAACM,MAAS,CAACA,EAAK,MAAM,GAClDC,IAAaV,EAAcQ,EAAa,MAAM;AAEpD,SACE,gBAAAG,EAACC,KAAI,QAAAR,GAAgB,WAAAC,GAClB,YAAa,IAAI,CAACI,GAAMI,MAAQ;AAC/B,UAAM,EAAE,UAAAC,GAAU,QAAAC,GAAQ,GAAGC,MAAcP;AAC3C,WACE,gBAAAE,EAACM,GAAA,EAAe,GAAIH,KAAYJ,GAC9B,UAAA,gBAAAC,EAACO,GAAA,EAAU,GAAGF,GAAW,QAAAV,GAAgB,UAAAC,EAAA,CAAoB,EAAA,GADrDM,CAEV;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;"}

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;

package/dist/components/Upload/index.js

@@ -1,188 +1,301 @@
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { Inbox as V, Upload as W, File as X, Trash2 as Y } from "../Icons/index.js";
-import { message as I, Upload as N, Button as D, Typography as H, Tag as Z } from "antd";
-import f from "react";
-import a from "./style.module.scss.js";
-import o from "classnames";
-const R = (r) => r < 1024 * 1024 ? `${(r / 1024).toFixed(0)}KB` : r < 1024 ** 3 ? `${(r / 1024 / 1024).toFixed(0)}M` : `${(r / 1024 ** 3).toFixed(1)}G`;
-function S(r, i, t) {
-  const c = [];
-  if (r) {
-    const g = r.split(",").map((x) => x.trim().replace(/^\./, "")).filter(Boolean);
-    g.length && c.push(`支持扩展名${g.join(",")}`);
+import { jsx as t, jsxs as b } from "react/jsx-runtime";
+import { Plus as re, Inbox as te, Upload as le, File as ae, Trash2 as oe } from "../Icons/index.js";
+import { message as y, Upload as U, Image as ie, Button as _, Typography as J } from "antd";
+import p from "react";
+import o from "./style.module.scss.js";
+import a from "classnames";
+import ue, { SEMANTIC_COLORS as se } from "../Tag/SemanticTag.js";
+const B = (l) => l < 1024 * 1024 ? `${(l / 1024).toFixed(0)}KB` : l < 1024 ** 3 ? `${(l / 1024 / 1024).toFixed(0)}M` : `${(l / 1024 ** 3).toFixed(1)}G`;
+function ne(l, u, s) {
+  const r = [];
+  if (l) {
+    const f = l.split(",").map((g) => g.trim().replace(/^\./, "")).filter(Boolean);
+    f.length && r.push(`支持扩展名${f.join(",")}`);
   }
-  return i && c.push(`单个文件大小不超过${R(i)}`), t && c.push(`最多上传${t}个附件`), c.length ? /* @__PURE__ */ e(H.Text, { type: "secondary", className: o("upload-item", a["upload-item"]), children: c.join("，") }) : null;
+  return u && r.push(`单个文件大小不超过${B(u)}`), s && r.push(`最多上传${s}个附件`), r.length ? /* @__PURE__ */ t(J.Text, { type: "secondary", className: a("upload-item", o["upload-item"]), children: r.join("，") }) : null;
 }
-function ll(r) {
-  const i = r.lastIndexOf(".");
-  return i >= 0 ? r.slice(i + 1).toUpperCase() : "";
+function de(l) {
+  const u = l.lastIndexOf(".");
+  return u >= 0 ? l.slice(u + 1).toUpperCase() : "";
 }
-const v = ({ fileList: r, onRemove: i }) => r.length ? /* @__PURE__ */ e("div", { className: o("upload-link", a["upload-link"]), children: r.map((t) => /* @__PURE__ */ h(
-  "div",
-  {
-    className: o(
-      o("upload-file-row", a["upload-file-row"]),
-      t.status === "error" && o("upload-file-row-error", a["upload-file-row-error"])
-    ),
-    children: [
-      /* @__PURE__ */ h("div", { className: o("upload-label", a["upload-label"]), children: [
-        /* @__PURE__ */ e(X, { className: o("upload-value", a["upload-value"]) }),
-        /* @__PURE__ */ e("span", { className: o("upload-meta", a["upload-meta"]), children: t.name }),
-        /* @__PURE__ */ e(Z, { color: "processing", className: o("upload-icon", a["upload-icon"]), children: ll(t.name) }),
-        t.size && /* @__PURE__ */ e(
-          H.Text,
-          {
-            type: "secondary",
-            className: o("upload-title", a["upload-title"]),
-            children: R(t.size)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(
-        D,
-        {
-          type: "text",
-          danger: !0,
-          size: "small",
-          icon: /* @__PURE__ */ e(Y, {}),
-          onClick: () => i(t.uid),
-          className: o("upload-desc", a["upload-desc"])
-        }
-      )
-    ]
-  },
-  t.uid
-)) }) : null, el = f.forwardRef(
+function pe(l) {
+  return l.url ? l.url : l.thumbUrl ? l.thumbUrl : l.originFileObj ? URL.createObjectURL(l.originFileObj) : "";
+}
+const V = ({ fileList: l, onRemove: u, onPreview: s }) => l.length ? /* @__PURE__ */ t("div", { className: a("upload-link", o["upload-link"]), children: l.map((r) => {
+  var g, w, N;
+  const f = !!(r.url || r.thumbUrl || (w = (g = r.originFileObj) == null ? void 0 : g.type) != null && w.startsWith("image/"));
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: a(
+        a("upload-file-row", o["upload-file-row"]),
+        r.status === "error" && a("upload-file-row-error", o["upload-file-row-error"])
+      ),
+      children: [
+        /* @__PURE__ */ b("div", { className: a("upload-label", o["upload-label"]), children: [
+          r.thumbUrl || r.url && ((N = r.type) != null && N.startsWith("image/")) ? /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: a("upload-thumb-btn", o["upload-thumb-btn"]),
+              onClick: () => s == null ? void 0 : s(r),
+              title: "预览",
+              children: /* @__PURE__ */ t(
+                "img",
+                {
+                  className: a("upload-thumb", o["upload-thumb"]),
+                  src: r.thumbUrl || r.url,
+                  alt: r.name
+                }
+              )
+            }
+          ) : /* @__PURE__ */ t(ae, { className: a("upload-value", o["upload-value"]) }),
+          /* @__PURE__ */ t("span", { className: a("upload-meta", o["upload-meta"]), children: r.name }),
+          /* @__PURE__ */ t(
+            ue,
+            {
+              color: se.INFO,
+              className: a("upload-icon", o["upload-icon"]),
+              children: de(r.name)
+            }
+          ),
+          r.size ? /* @__PURE__ */ t(
+            J.Text,
+            {
+              type: "secondary",
+              className: a("upload-title", o["upload-title"]),
+              children: B(r.size)
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ b("div", { className: a("upload-row-actions", o["upload-row-actions"]), children: [
+          f && s ? /* @__PURE__ */ t(_, { type: "link", size: "small", onClick: () => s(r), children: "预览" }) : null,
+          /* @__PURE__ */ t(
+            _,
+            {
+              type: "text",
+              danger: !0,
+              size: "small",
+              icon: /* @__PURE__ */ t(oe, {}),
+              onClick: () => u(r.uid),
+              className: a("upload-desc", o["upload-desc"])
+            }
+          )
+        ] })
+      ]
+    },
+    r.uid
+  );
+}) }) : null, ce = p.forwardRef(
   ({
-    value: r,
-    onChange: i,
-    className: t,
-    variant: c,
+    value: l,
+    onChange: u,
+    className: s,
+    variant: r,
+    listType: f = "text",
     size: g,
-    children: x,
-    renderTips: F,
-    showFileList: L = !0,
-    fileSize: j,
-    maxLength: K,
-    multiple: k,
+    children: w,
+    renderTips: N,
+    showFileList: q = !0,
+    fileSize: G,
+    maxLength: x,
+    multiple: I,
     directory: O,
-    accept: U,
-    onUpload: w,
-    onSave: n,
-    getPermission: b,
-    concurrentCount: M
-  }, P) => {
-    const [A, J] = f.useState([]), [_, z] = f.useState(!1), u = r ?? A, m = f.useCallback(
-      (l) => {
-        const s = typeof l == "function" ? l(u) : l;
-        i == null || i(s), J(s), n == null || n(s);
+    accept: R,
+    onUpload: L,
+    onSave: c,
+    getPermission: j,
+    concurrentCount: Q
+  }, X) => {
+    const [Y, Z] = p.useState([]), [M, P] = p.useState(!1), [F, W] = p.useState({
+      open: !1,
+      url: "",
+      title: ""
+    }), k = p.useRef([]), n = l ?? Y, m = p.useCallback(
+      (e) => {
+        const i = typeof e == "function" ? e(n) : e;
+        u == null || u(i), Z(i), c == null || c(i);
       },
-      [u, i, n]
-    ), $ = j ?? 500 * 1024 * 1024, C = M ?? 3, E = f.useCallback(
-      (l) => b && !b(l) ? (I.error("无权限上传此文件"), N.LIST_IGNORE) : l.size > $ ? (I.error(`文件超出 ${R($)} 限制`), N.LIST_IGNORE) : !0,
-      [$, b]
-    ), T = f.useCallback(async () => {
-      if (!(!w || !u.length)) {
-        z(!0);
+      [n, u, c]
+    ), C = G ?? 500 * 1024 * 1024, A = Q ?? 3, $ = p.useCallback(
+      (e) => j && !j(e) ? (y.error("无权限上传此文件"), U.LIST_IGNORE) : e.size > C ? (y.error(`文件超出 ${B(C)} 限制`), U.LIST_IGNORE) : !0,
+      [C, j]
+    ), D = p.useCallback(async () => {
+      if (!(!L || !n.length)) {
+        P(!0);
         try {
-          const l = [...u], s = [];
-          for (; l.length; ) {
-            const d = l.shift();
+          const e = [...n], i = [];
+          for (; e.length; ) {
+            const d = e.shift();
             if (!(d != null && d.originFileObj)) continue;
-            const Q = d.originFileObj;
-            s.push(
-              new Promise((G) => {
-                w({
-                  file: Q,
-                  onSuccess: (q) => {
+            const ee = d.originFileObj;
+            i.push(
+              new Promise((H) => {
+                L({
+                  file: ee,
+                  onSuccess: (K) => {
                     m(
-                      (y) => y.map(
-                        (p) => p.uid === d.uid ? { ...p, status: "done", url: q ?? p.url } : p
+                      (T) => T.map(
+                        (h) => h.uid === d.uid ? { ...h, status: "done", url: K ?? h.url } : h
                       )
-                    ), G();
+                    ), H();
                   },
-                  onError: (q) => {
-                    I.error(`${d.name} 上传失败`), m(
-                      (y) => y.map((p) => p.uid === d.uid ? { ...p, status: "error" } : p)
-                    ), G();
+                  onError: (K) => {
+                    y.error(`${d.name} 上传失败`), m(
+                      (T) => T.map((h) => h.uid === d.uid ? { ...h, status: "error" } : h)
+                    ), H();
                   }
                 });
               })
-            ), s.length >= C && await Promise.race(s);
+            ), i.length >= A && await Promise.race(i);
           }
-          await Promise.allSettled(s), n == null || n(u);
+          await Promise.allSettled(i), c == null || c(n);
         } finally {
-          z(!1);
+          P(!1);
         }
       }
-    }, [u, w, C, n, m]);
-    f.useImperativeHandle(P, () => ({ upload: T, uploading: _ }), [
-      T,
-      _
+    }, [n, L, A, c, m]);
+    p.useImperativeHandle(X, () => ({ upload: D, uploading: M }), [
+      D,
+      M
     ]);
-    const B = (F == null ? void 0 : F()) ?? S(U, j, K);
-    return c === "panel" ? /* @__PURE__ */ h("div", { className: t, children: [
-      /* @__PURE__ */ h(
-        N.Dragger,
+    const E = p.useCallback((e) => {
+      const i = pe(e);
+      if (!i) {
+        y.warning("暂无法预览该文件");
+        return;
+      }
+      i.startsWith("blob:") && k.current.push(i), W({ open: !0, url: i, title: e.name || "预览" });
+    }, []);
+    p.useEffect(
+      () => () => {
+        k.current.forEach((e) => URL.revokeObjectURL(e)), k.current = [];
+      },
+      []
+    );
+    const v = (N == null ? void 0 : N()) ?? ne(R, G, x), S = !x || n.length < x, z = /* @__PURE__ */ t(
+      ie,
+      {
+        alt: F.title,
+        style: { display: "none" },
+        src: F.url,
+        preview: {
+          visible: F.open,
+          src: F.url,
+          onVisibleChange: (e) => W((i) => ({ ...i, open: e }))
+        }
+      }
+    );
+    return f === "picture-card" ? /* @__PURE__ */ b(
+      "div",
+      {
+        className: a("upload-picture-root", o["upload-picture-root"], s),
+        children: [
+          /* @__PURE__ */ t(
+            U,
+            {
+              listType: "picture-card",
+              fileList: n,
+              beforeUpload: $,
+              onChange: (e) => m(e.fileList),
+              onPreview: E,
+              multiple: I,
+              directory: O,
+              accept: R,
+              showUploadList: { showPreviewIcon: !0, showRemoveIcon: !0 },
+              customRequest: ({ onSuccess: e }) => e == null ? void 0 : e({}),
+              className: a("upload-picture-card", o["upload-picture-card"]),
+              children: S ? /* @__PURE__ */ b(
+                "div",
+                {
+                  className: a("upload-picture-trigger", o["upload-picture-trigger"]),
+                  children: [
+                    /* @__PURE__ */ t(re, { size: 20 }),
+                    /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: a(
+                          "upload-picture-trigger-text",
+                          o["upload-picture-trigger-text"]
+                        ),
+                        children: "上传图片"
+                      }
+                    )
+                  ]
+                }
+              ) : null
+            }
+          ),
+          v ? /* @__PURE__ */ t("div", { className: a("upload-list", o["upload-list"]), children: v }) : null,
+          z
+        ]
+      }
+    ) : r === "panel" ? /* @__PURE__ */ b("div", { className: s, children: [
+      /* @__PURE__ */ b(
+        U.Dragger,
         {
-          fileList: u,
-          beforeUpload: E,
-          onChange: (l) => m(l.fileList),
-          multiple: k,
+          fileList: n,
+          beforeUpload: $,
+          onChange: (e) => m(e.fileList),
+          multiple: I,
           directory: O,
-          accept: U,
+          accept: R,
           showUploadList: !1,
-          customRequest: ({ onSuccess: l }) => l == null ? void 0 : l({}),
+          customRequest: ({ onSuccess: e }) => e == null ? void 0 : e({}),
           children: [
-            /* @__PURE__ */ e("p", { className: o("upload-drag-icon", a["upload-drag-icon"]), children: /* @__PURE__ */ e(V, {}) }),
-            /* @__PURE__ */ e("p", { className: "ant-upload-text", children: "点击或拖拽文件到此区域上传" }),
-            /* @__PURE__ */ e("p", { children: B })
+            /* @__PURE__ */ t("p", { className: a("upload-drag-icon", o["upload-drag-icon"]), children: /* @__PURE__ */ t(te, {}) }),
+            /* @__PURE__ */ t("p", { className: "ant-upload-text", children: "点击或拖拽文件到此区域上传" }),
+            /* @__PURE__ */ t("p", { children: v })
           ]
         }
       ),
-      L && /* @__PURE__ */ e(
-        v,
+      q && /* @__PURE__ */ t(
+        V,
         {
-          fileList: u,
-          onRemove: (l) => m((s) => s.filter((d) => d.uid !== l))
+          fileList: n,
+          onRemove: (e) => m((i) => i.filter((d) => d.uid !== e)),
+          onPreview: E
         }
-      )
-    ] }) : /* @__PURE__ */ h("div", { className: t, children: [
-      /* @__PURE__ */ e(
-        N,
+      ),
+      z
+    ] }) : /* @__PURE__ */ b("div", { className: s, children: [
+      /* @__PURE__ */ t(
+        U,
         {
-          fileList: u,
-          beforeUpload: E,
-          onChange: (l) => m(l.fileList),
-          multiple: k,
+          fileList: n,
+          beforeUpload: $,
+          onChange: (e) => m(e.fileList),
+          multiple: I,
           directory: O,
-          accept: U,
+          accept: R,
           showUploadList: !1,
-          customRequest: ({ onSuccess: l }) => l == null ? void 0 : l({}),
-          children: x ?? /* @__PURE__ */ e(
-            D,
+          customRequest: ({ onSuccess: e }) => e == null ? void 0 : e({}),
+          children: w ?? /* @__PURE__ */ t(
+            _,
             {
               size: g,
-              icon: /* @__PURE__ */ e(W, {}),
-              className: o("upload-toolbar", a["upload-toolbar"]),
+              icon: /* @__PURE__ */ t(le, {}),
+              className: a("upload-toolbar", o["upload-toolbar"]),
               children: "点击上传"
             }
           )
         }
       ),
-      /* @__PURE__ */ e("div", { className: o("upload-list", a["upload-list"]), children: B }),
-      L && /* @__PURE__ */ e(
-        v,
+      /* @__PURE__ */ t("div", { className: a("upload-list", o["upload-list"]), children: v }),
+      q && /* @__PURE__ */ t(
+        V,
         {
-          fileList: u,
-          onRemove: (l) => m((s) => s.filter((d) => d.uid !== l))
+          fileList: n,
+          onRemove: (e) => m((i) => i.filter((d) => d.uid !== e)),
+          onPreview: E
         }
-      )
+      ),
+      z
     ] });
   }
 );
-el.displayName = "CommonUpload";
+ce.displayName = "CommonUpload";
 export {
-  el as default
+  ce as default
 };
 //# sourceMappingURL=index.js.map