@hkyhy/marsun-components-core 0.1.82 → 0.1.98

package/dist/components/StateBar/StateBar.js

@@ -1,23 +1,46 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import { Tabs as C, Tooltip as y } from "antd";
-import i from "classnames";
-import l from "./style.module.scss.js";
-import I from "../TooltipInfo/TooltipInfo.js";
-import { Info as N } from "../Icons/Info.js";
-import { ICON_REGISTRY as T } from "../Icons/registry.js";
-function k(e, s) {
-  const t = T[e.iconType];
-  if (!t) return null;
-  const n = /* @__PURE__ */ o(
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { Tabs as g, Button as I, Tooltip as k } from "antd";
+import b from "classnames";
+import s from "./style.module.scss.js";
+import { ICON_REGISTRY as c } from "../Icons/registry.js";
+import z from "../TooltipInfo/TooltipInfo.js";
+import { Info as $ } from "../Icons/Info.js";
+function h(e, l) {
+  if ((e.variant ?? "icon") === "button") {
+    const a = e.iconType ? c[e.iconType] : null;
+    return /* @__PURE__ */ t(
+      I,
+      {
+        type: e.buttonType ?? "primary",
+        size: "small",
+        disabled: e.disabled,
+        className: b(
+          "marsun-state-bar-action-btn",
+          s["state-bar-action-btn"],
+          e.className
+        ),
+        icon: a ? /* @__PURE__ */ t(a, { size: e.size ?? 14, "aria-hidden": !0 }) : void 0,
+        onClick: (r) => {
+          var m;
+          r.stopPropagation(), !e.disabled && ((m = e.onClick) == null || m.call(e, r));
+        },
+        children: e.label || "操作"
+      },
+      l
+    );
+  }
+  const i = e.iconType ? c[e.iconType] : null;
+  if (!i) return null;
+  const o = /* @__PURE__ */ t(
     "span",
     {
       role: e.onClick ? "button" : void 0,
       tabIndex: e.onClick && !e.disabled ? 0 : void 0,
-      className: i(
+      className: b(
         "marsun-state-bar-action",
-        l["state-bar-action"],
+        s["state-bar-action"],
         e.disabled && "marsun-state-bar-action-disabled",
-        e.disabled && l["state-bar-action-disabled"],
+        e.disabled && s["state-bar-action-disabled"],
         e.className
       ),
       "aria-label": e.label || e.iconType,
@@ -30,73 +53,87 @@ function k(e, s) {
         var r;
         a.key !== "Enter" && a.key !== " " || (a.preventDefault(), a.stopPropagation(), !e.disabled && ((r = e.onClick) == null || r.call(e, a)));
       },
-      children: /* @__PURE__ */ o(t, { size: e.size ?? 14, "aria-hidden": !0 })
+      children: /* @__PURE__ */ t(i, { size: e.size ?? 14, "aria-hidden": !0 })
     },
-    s
+    l
   );
-  return e.label ? /* @__PURE__ */ o(y, { title: e.label, children: n }, s) : n;
+  return e.label ? /* @__PURE__ */ t(k, { title: e.label, children: o }, l) : o;
 }
-function g(e, s, t) {
-  const n = !!(s && s.length > 0), a = !!(t && t.length > 0);
-  return !n && !a ? e : /* @__PURE__ */ c("span", { className: i("marsun-state-bar-tab-label", l["state-bar-tab-label"]), children: [
+function P(e, l, n) {
+  const i = !!(l && l.length > 0), o = !!(n && n.length > 0);
+  return !i && !o ? e : /* @__PURE__ */ f("span", { className: b("marsun-state-bar-tab-label", s["state-bar-tab-label"]), children: [
     e,
-    n ? /* @__PURE__ */ o(
-      I,
+    i ? /* @__PURE__ */ t(
+      z,
       {
-        content: s,
+        content: l,
         placement: "topLeft",
         minWidth: 220,
         maxWidth: 360,
         overlayClassName: "marsun-state-bar-info-tooltip",
-        children: /* @__PURE__ */ o(
+        children: /* @__PURE__ */ t(
           "span",
           {
-            className: i("marsun-state-bar-info", l["state-bar-info"]),
-            onClick: (r) => r.stopPropagation(),
-            children: /* @__PURE__ */ o(N, { size: 14, "aria-hidden": !0 })
+            className: b("marsun-state-bar-info", s["state-bar-info"]),
+            onClick: (a) => a.stopPropagation(),
+            children: /* @__PURE__ */ t($, { size: 14, "aria-hidden": !0 })
           }
         )
       }
     ) : null,
-    a ? t.map((r, d) => k(r, `${r.iconType}-${d}`)) : null
+    o ? n.map((a, r) => h(a, `${a.iconType || "act"}-${r}`)) : null
   ] });
 }
-const A = ({
+const R = ({
   className: e,
-  type: s = "tab",
-  stateOption: t = [],
-  isInner: n,
-  style: a,
-  ...r
+  type: l = "tab",
+  stateOption: n = [],
+  isInner: i,
+  style: o,
+  actions: a,
+  tabBarExtraContent: r,
+  ...m
 }) => {
-  const d = t.some((b) => b.children != null);
-  return /* @__PURE__ */ o(
-    C,
+  const y = n.some((d) => d.children != null), p = a && a.length > 0 ? /* @__PURE__ */ t(
+    "span",
+    {
+      className: b("marsun-state-bar-extra-actions", s["state-bar-extra-actions"]),
+      children: a.map(
+        (d, u) => h(d, `extra-${d.iconType || d.variant || "act"}-${u}`)
+      )
+    }
+  ) : null, T = p && r != null ? /* @__PURE__ */ f("span", { className: s["state-bar-extra-wrap"], children: [
+    p,
+    r
+  ] }) : p ?? r;
+  return /* @__PURE__ */ t(
+    g,
     {
-      ...r,
+      ...m,
+      tabBarExtraContent: T,
       "data-testid": "components-core-state-bar",
       animated: !1,
-      className: i(
+      className: b(
         "marsun-state-bar",
-        l["state-bar"],
-        l[`tab-${s}-control`],
-        n && l["inner-state-bar"],
-        d && l["has-children"],
+        s["state-bar"],
+        s[`tab-${l}-control`],
+        i && s["inner-state-bar"],
+        y && s["has-children"],
         e
       ),
       style: {
-        "--total-count": t.length,
-        ...a
+        "--total-count": n.length,
+        ...o
       },
-      items: t.map(({ tab: b, label: m, info: p, actions: u, key: f, ...h }) => ({
-        key: f,
-        label: g(b ?? m, p, u),
-        ...h
+      items: n.map(({ tab: d, label: u, info: N, actions: v, key: x, ...C }) => ({
+        key: x,
+        label: P(d ?? u, N, v),
+        ...C
       }))
     }
   );
 };
 export {
-  A as default
+  R 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, Tooltip } from 'antd';\nimport type { TabsProps } from 'antd';\nimport classNames from 'classnames';\nimport type { CSSProperties, MouseEvent, ReactNode } from 'react';\nimport { Info, ICON_REGISTRY, type IconName } 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\n/** Tab 项旁操作（icon + 可选文案提示 + 点击） */\nexport type StateBarActionItem = {\n  /** Icons 注册表名，如 `Info` / `Plus` / `Pencil` */\n  iconType: IconName;\n  /** Tooltip 文案；缺省不包 Tooltip */\n  label?: string;\n  onClick?: (e: MouseEvent<HTMLElement>) => void;\n  disabled?: boolean;\n  className?: string;\n  /** 图标尺寸，默认 14 */\n  size?: number;\n};\n\nexport type StateBarOption = {\n  key: string;\n  /** 选项卡标题（优先于 label） */\n  tab?: ReactNode;\n  label?: ReactNode;\n  /** 标题旁 Info + TooltipInfo（对齐 Modal/InteractiveBlock）；为空不展示 */\n  info?: DescriptionItem[];\n  /** 标题旁额外操作图标（可与 info 并存） */\n  actions?: StateBarActionItem[];\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\nfunction renderActionItem(action: StateBarActionItem, key: string): ReactNode {\n  const Icon = ICON_REGISTRY[action.iconType];\n  if (!Icon) return null;\n\n  const node = (\n    <span\n      key={key}\n      role={action.onClick ? 'button' : undefined}\n      tabIndex={action.onClick && !action.disabled ? 0 : undefined}\n      className={classNames(\n        'marsun-state-bar-action',\n        styles['state-bar-action'],\n        action.disabled && 'marsun-state-bar-action-disabled',\n        action.disabled && styles['state-bar-action-disabled'],\n        action.className,\n      )}\n      aria-label={action.label || action.iconType}\n      aria-disabled={action.disabled || undefined}\n      onClick={(e) => {\n        e.stopPropagation();\n        if (action.disabled) return;\n        action.onClick?.(e);\n      }}\n      onKeyDown={(e) => {\n        if (e.key !== 'Enter' && e.key !== ' ') return;\n        e.preventDefault();\n        e.stopPropagation();\n        if (action.disabled) return;\n        action.onClick?.(e as unknown as MouseEvent<HTMLElement>);\n      }}\n    >\n      <Icon size={action.size ?? 14} aria-hidden />\n    </span>\n  );\n\n  if (!action.label) return node;\n  return (\n    <Tooltip key={key} title={action.label}>\n      {node}\n    </Tooltip>\n  );\n}\n\n/** 渲染 Tab 标题：文字 + 可选 Info + actions */\nfunction renderTabLabel(\n  label: ReactNode,\n  info?: DescriptionItem[],\n  actions?: StateBarActionItem[],\n): ReactNode {\n  const hasInfo = Boolean(info && info.length > 0);\n  const hasActions = Boolean(actions && actions.length > 0);\n  if (!hasInfo && !hasActions) return label;\n\n  return (\n    <span className={classNames('marsun-state-bar-tab-label', styles['state-bar-tab-label'])}>\n      {label}\n      {hasInfo ? (\n        <TooltipInfo\n          content={info!}\n          placement=\"topLeft\"\n          minWidth={220}\n          maxWidth={360}\n          overlayClassName=\"marsun-state-bar-info-tooltip\"\n        >\n          <span\n            className={classNames('marsun-state-bar-info', styles['state-bar-info'])}\n            onClick={(e) => e.stopPropagation()}\n          >\n            <Info size={14} aria-hidden />\n          </span>\n        </TooltipInfo>\n      ) : null}\n      {hasActions\n        ? actions!.map((action, i) => renderActionItem(action, `${action.iconType}-${i}`))\n        : null}\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, actions, key, ...rest }) => ({\n        key,\n        label: renderTabLabel(tab ?? label, info, actions),\n        ...rest,\n      }))}\n    />\n  );\n};\n\nexport default StateBar;\n"],"names":["renderActionItem","action","key","Icon","ICON_REGISTRY","node","jsx","classNames","styles","e","_a","Tooltip","renderTabLabel","label","info","actions","hasInfo","hasActions","jsxs","TooltipInfo","Info","i","StateBar","className","type","stateOption","isInner","style","props","hasChildren","item","Tabs","tab","rest"],"mappings":"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"}
+{"version":3,"file":"StateBar.js","sources":["../../../src/components/StateBar/StateBar.tsx"],"sourcesContent":["import { Tabs, Tooltip, Button } from 'antd';\nimport type { TabsProps, ButtonProps } from 'antd';\nimport classNames from 'classnames';\nimport type { CSSProperties, MouseEvent, ReactNode } from 'react';\nimport { Info, ICON_REGISTRY, type IconName } 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\n/** Tab 项旁 / 整体右侧操作 */\nexport type StateBarActionItem = {\n  /**\n   * 展示形态：\n   * - `icon`：仅图标（默认，适合 Tab 旁轻操作）\n   * - `button`：antd Button（适合整体右侧主操作，如「新建模板」）\n   */\n  variant?: 'icon' | 'button';\n  /** Icons 注册表名；variant=icon 必填；button 时可作前缀图标 */\n  iconType?: IconName;\n  /** 文案：icon 时作 Tooltip；button 时作按钮文字 */\n  label?: string;\n  onClick?: (e: MouseEvent<HTMLElement>) => void;\n  disabled?: boolean;\n  className?: string;\n  /** 图标尺寸，默认 14 */\n  size?: number;\n  /** variant=button 时的 antd type，默认 primary */\n  buttonType?: ButtonProps['type'];\n};\n\nexport type StateBarOption = {\n  key: string;\n  /** 选项卡标题（优先于 label） */\n  tab?: ReactNode;\n  label?: ReactNode;\n  /** 标题旁 Info + TooltipInfo（对齐 Modal/InteractiveBlock）；为空不展示 */\n  info?: DescriptionItem[];\n  /** 标题旁额外操作图标（可与 info 并存）；仅同组切片 Tab 使用 */\n  actions?: StateBarActionItem[];\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   * 整体右侧操作（tabBarExtraContent）。\n   * 跨 Tab 的页面级操作放这里；仅当各 Tab 为同组切片（如模板1/2/3）时才用 option.actions。\n   */\n  actions?: StateBarActionItem[];\n};\n\nfunction renderActionItem(action: StateBarActionItem, key: string): ReactNode {\n  const variant = action.variant ?? 'icon';\n\n  if (variant === 'button') {\n    const Icon = action.iconType ? ICON_REGISTRY[action.iconType] : null;\n    return (\n      <Button\n        key={key}\n        type={action.buttonType ?? 'primary'}\n        size=\"small\"\n        disabled={action.disabled}\n        className={classNames(\n          'marsun-state-bar-action-btn',\n          styles['state-bar-action-btn'],\n          action.className,\n        )}\n        icon={Icon ? <Icon size={action.size ?? 14} aria-hidden /> : undefined}\n        onClick={(e) => {\n          e.stopPropagation();\n          if (action.disabled) return;\n          action.onClick?.(e);\n        }}\n      >\n        {action.label || '操作'}\n      </Button>\n    );\n  }\n\n  const Icon = action.iconType ? ICON_REGISTRY[action.iconType] : null;\n  if (!Icon) return null;\n\n  const node = (\n    <span\n      key={key}\n      role={action.onClick ? 'button' : undefined}\n      tabIndex={action.onClick && !action.disabled ? 0 : undefined}\n      className={classNames(\n        'marsun-state-bar-action',\n        styles['state-bar-action'],\n        action.disabled && 'marsun-state-bar-action-disabled',\n        action.disabled && styles['state-bar-action-disabled'],\n        action.className,\n      )}\n      aria-label={action.label || action.iconType}\n      aria-disabled={action.disabled || undefined}\n      onClick={(e) => {\n        e.stopPropagation();\n        if (action.disabled) return;\n        action.onClick?.(e);\n      }}\n      onKeyDown={(e) => {\n        if (e.key !== 'Enter' && e.key !== ' ') return;\n        e.preventDefault();\n        e.stopPropagation();\n        if (action.disabled) return;\n        action.onClick?.(e as unknown as MouseEvent<HTMLElement>);\n      }}\n    >\n      <Icon size={action.size ?? 14} aria-hidden />\n    </span>\n  );\n\n  if (!action.label) return node;\n  return (\n    <Tooltip key={key} title={action.label}>\n      {node}\n    </Tooltip>\n  );\n}\n\n/** 渲染 Tab 标题：文字 + 可选 Info + actions */\nfunction renderTabLabel(\n  label: ReactNode,\n  info?: DescriptionItem[],\n  actions?: StateBarActionItem[],\n): ReactNode {\n  const hasInfo = Boolean(info && info.length > 0);\n  const hasActions = Boolean(actions && actions.length > 0);\n  if (!hasInfo && !hasActions) return label;\n\n  return (\n    <span className={classNames('marsun-state-bar-tab-label', styles['state-bar-tab-label'])}>\n      {label}\n      {hasInfo ? (\n        <TooltipInfo\n          content={info!}\n          placement=\"topLeft\"\n          minWidth={220}\n          maxWidth={360}\n          overlayClassName=\"marsun-state-bar-info-tooltip\"\n        >\n          <span\n            className={classNames('marsun-state-bar-info', styles['state-bar-info'])}\n            onClick={(e) => e.stopPropagation()}\n          >\n            <Info size={14} aria-hidden />\n          </span>\n        </TooltipInfo>\n      ) : null}\n      {hasActions\n        ? actions!.map((action, i) => renderActionItem(action, `${action.iconType || 'act'}-${i}`))\n        : null}\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  actions,\n  tabBarExtraContent,\n  ...props\n}) => {\n  const hasChildren = stateOption.some((item) => item.children != null);\n\n  const extraActions =\n    actions && actions.length > 0 ? (\n      <span\n        className={classNames('marsun-state-bar-extra-actions', styles['state-bar-extra-actions'])}\n      >\n        {actions.map((action, i) =>\n          renderActionItem(action, `extra-${action.iconType || action.variant || 'act'}-${i}`),\n        )}\n      </span>\n    ) : null;\n\n  const mergedExtra: TabsProps['tabBarExtraContent'] =\n    extraActions && tabBarExtraContent != null ? (\n      <span className={styles['state-bar-extra-wrap']}>\n        {extraActions}\n        {tabBarExtraContent as ReactNode}\n      </span>\n    ) : (\n      (extraActions ?? tabBarExtraContent)\n    );\n\n  return (\n    <Tabs\n      {...props}\n      tabBarExtraContent={mergedExtra}\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, actions: tabActions, key, ...rest }) => ({\n        key,\n        label: renderTabLabel(tab ?? label, info, tabActions),\n        ...rest,\n      }))}\n    />\n  );\n};\n\nexport default StateBar;\n"],"names":["renderActionItem","action","key","Icon","ICON_REGISTRY","jsx","Button","classNames","styles","e","_a","node","Tooltip","renderTabLabel","label","info","actions","hasInfo","hasActions","jsxs","TooltipInfo","Info","i","StateBar","className","type","stateOption","isInner","style","tabBarExtraContent","props","hasChildren","item","extraActions","mergedExtra","Tabs","tab","tabActions","rest"],"mappings":"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"}

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

@@ -1,14 +1,17 @@
 const t = {
-  "state-bar": "_state-bar_17mf7_2",
-  "has-children": "_has-children_17mf7_8",
-  "state-bar-tab-label": "_state-bar-tab-label_17mf7_15",
-  "state-bar-info": "_state-bar-info_17mf7_21",
-  "state-bar-action": "_state-bar-action_17mf7_22",
-  "state-bar-action-disabled": "_state-bar-action-disabled_17mf7_31",
-  "tab-tab-control": "_tab-tab-control_17mf7_36",
-  "tab-radio-control": "_tab-radio-control_17mf7_51",
-  "tab-step-control": "_tab-step-control_17mf7_131",
-  "inner-state-bar": "_inner-state-bar_17mf7_240"
+  "state-bar": "_state-bar_1hztf_2",
+  "has-children": "_has-children_1hztf_8",
+  "state-bar-tab-label": "_state-bar-tab-label_1hztf_15",
+  "state-bar-extra-actions": "_state-bar-extra-actions_1hztf_21",
+  "state-bar-extra-wrap": "_state-bar-extra-wrap_1hztf_22",
+  "state-bar-action-btn": "_state-bar-action-btn_1hztf_28",
+  "state-bar-info": "_state-bar-info_1hztf_32",
+  "state-bar-action": "_state-bar-action_1hztf_28",
+  "state-bar-action-disabled": "_state-bar-action-disabled_1hztf_46",
+  "tab-tab-control": "_tab-tab-control_1hztf_51",
+  "tab-radio-control": "_tab-radio-control_1hztf_66",
+  "tab-step-control": "_tab-step-control_1hztf_146",
+  "inner-state-bar": "_inner-state-bar_1hztf_255"
 };
 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/Table/ResizableHeaderCell.js

@@ -1,66 +1,65 @@
-import { jsx as D, jsxs as I } from "react/jsx-runtime";
-import x from "classnames";
-import { useRef as N } from "react";
-import { COLUMN_RESIZE_MIN_WIDTH as X, COLUMN_RESIZE_MAX_WIDTH as y, clampColumnWidth as P } from "./columnConfigUtils.js";
-import L from "./style.module.scss.js";
+import { jsx as C, jsxs as H } from "react/jsx-runtime";
+import I from "classnames";
+import { useRef as D } from "react";
+import { COLUMN_RESIZE_MIN_WIDTH as x, COLUMN_RESIZE_MAX_WIDTH as X, clampColumnWidth as P } from "./columnConfigUtils.js";
+import N from "./style.module.scss.js";
 function T({
-  width: r,
-  minWidth: s = X,
-  maxWidth: M = y,
+  width: o,
+  minWidth: a = x,
+  maxWidth: L = X,
   onResizeStart: n,
   onResize: l,
-  onResizeStop: u,
-  onReset: c,
+  onResizeStop: s,
+  onReset: u,
   children: i,
   className: f,
-  style: e,
-  ...p
+  style: r,
+  ...d
 }) {
-  const a = N(null), m = N(
-    typeof r == "number" && Number.isFinite(r) ? r : void 0
+  const c = D(null), m = D(
+    typeof o == "number" && Number.isFinite(o) ? o : void 0
   );
   if (!l)
-    return /* @__PURE__ */ D("th", { ...p, className: f, style: e, ref: a, children: i });
-  const W = (o) => {
-    var E;
-    o.preventDefault(), o.stopPropagation(), n == null || n();
-    const g = ((E = a.current) == null ? void 0 : E.offsetWidth) || (typeof r == "number" && Number.isFinite(r) && r > 0 ? r : s), H = o.clientX, d = g;
-    m.current = d;
+    return /* @__PURE__ */ C("th", { ...d, className: f, style: r, ref: c, children: i });
+  const M = (e) => {
+    var y;
+    e.preventDefault(), e.stopPropagation(), n == null || n();
+    const _ = ((y = c.current) == null ? void 0 : y.offsetWidth) || (typeof o == "number" && Number.isFinite(o) && o > 0 ? o : a), g = e.clientX, p = _;
+    m.current = p;
     const v = (t) => {
-      const C = P(d + (t.clientX - H), s, M);
-      m.current = C, l(C);
+      const E = P(p + (t.clientX - g), a, L);
+      m.current = E, l(E);
     }, b = () => {
       document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", b), document.body.style.cursor = "", document.body.style.userSelect = "";
       const t = m.current;
-      typeof t == "number" && (u == null || u(t));
+      typeof t == "number" && (s == null || s(t));
     };
     document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", v), document.addEventListener("mouseup", b);
-  }, _ = {
-    ...e,
-    position: (e == null ? void 0 : e.position) ?? "relative",
-    overflow: (e == null ? void 0 : e.overflow) ?? "visible"
+  }, W = {
+    ...r,
+    overflow: (r == null ? void 0 : r.overflow) ?? "visible"
   };
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ H(
     "th",
     {
-      ...p,
-      ref: a,
-      className: x(f, L.resizableHeaderCell),
-      style: _,
+      ...d,
+      ref: c,
+      className: I(f, N.resizableHeaderCell),
+      style: W,
       children: [
         i,
-        /* @__PURE__ */ D(
+        /* @__PURE__ */ C(
           "span",
           {
             role: "separator",
             "aria-orientation": "vertical",
             "aria-label": "拖拽调整列宽，双击重置",
             title: "拖拽调宽 · 双击重置",
-            className: L.resizeHandle,
-            onClick: (o) => o.stopPropagation(),
-            onMouseDown: W,
-            onDoubleClick: (o) => {
-              o.preventDefault(), o.stopPropagation(), c == null || c();
+            className: N.resizeHandle,
+            onClick: (e) => e.stopPropagation(),
+            onMouseDown: M,
+            onDoubleClick: (e) => {
+              e.preventDefault(), e.stopPropagation(), u == null || u();
             }
           }
         )

package/dist/components/Table/ResizableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableHeaderCell.js","sources":["../../../src/components/Table/ResizableHeaderCell.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  useRef,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n  type ThHTMLAttributes,\n} from 'react';\nimport {\n  clampColumnWidth,\n  COLUMN_RESIZE_MAX_WIDTH,\n  COLUMN_RESIZE_MIN_WIDTH,\n} from './columnConfigUtils';\nimport styles from './style.module.scss';\n\nexport type ResizableHeaderCellProps = ThHTMLAttributes<HTMLTableCellElement> & {\n  width?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  /** 开始拖拽前调用（用于锁死其它列宽） */\n  onResizeStart?: () => void;\n  onResize?: (width: number) => void;\n  onResizeStop?: (width: number) => void;\n  /** 双击把手：清除自定义 width */\n  onReset?: () => void;\n  children?: ReactNode;\n};\n\n/**\n * antd Table header.cell：表头右缘拖拽调宽；无 onResize 时退化为普通 th。\n */\nexport default function ResizableHeaderCell({\n  width,\n  minWidth = COLUMN_RESIZE_MIN_WIDTH,\n  maxWidth = COLUMN_RESIZE_MAX_WIDTH,\n  onResizeStart,\n  onResize,\n  onResizeStop,\n  onReset,\n  children,\n  className,\n  style,\n  ...rest\n}: ResizableHeaderCellProps) {\n  const thRef = useRef<HTMLTableCellElement>(null);\n  const lastWidthRef = useRef<number | undefined>(\n    typeof width === 'number' && Number.isFinite(width) ? width : undefined,\n  );\n\n  if (!onResize) {\n    return (\n      <th {...rest} className={className} style={style} ref={thRef}>\n        {children}\n      </th>\n    );\n  }\n\n  const startDrag = (e: ReactMouseEvent<HTMLSpanElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    // 先锁兄弟列，再量本列（锁宽可能触发重排，故本列尽量用当前 offsetWidth）\n    onResizeStart?.();\n    const measured =\n      thRef.current?.offsetWidth ||\n      (typeof width === 'number' && Number.isFinite(width) && width > 0 ? width : minWidth);\n    const startX = e.clientX;\n    const startW = measured;\n    lastWidthRef.current = startW;\n\n    const onMove = (ev: MouseEvent) => {\n      const next = clampColumnWidth(startW + (ev.clientX - startX), minWidth, maxWidth);\n      lastWidthRef.current = next;\n      onResize(next);\n    };\n    const onUp = () => {\n      document.removeEventListener('mousemove', onMove);\n      document.removeEventListener('mouseup', onUp);\n      document.body.style.cursor = '';\n      document.body.style.userSelect = '';\n      const finalW = lastWidthRef.current;\n      if (typeof finalW === 'number') onResizeStop?.(finalW);\n    };\n    document.body.style.cursor = 'col-resize';\n    document.body.style.userSelect = 'none';\n    document.addEventListener('mousemove', onMove);\n    document.addEventListener('mouseup', onUp);\n  };\n\n  // 勿覆盖已有 sticky（固定列表头）；无 position 时才补 relative 给把手定位\n  const mergedStyle = {\n    ...style,\n    position: style?.position ?? 'relative',\n    overflow: style?.overflow ?? 'visible',\n  };\n\n  return (\n    <th\n      {...rest}\n      ref={thRef}\n      className={classNames(className, styles.resizableHeaderCell)}\n      style={mergedStyle}\n    >\n      {children}\n      <span\n        role=\"separator\"\n        aria-orientation=\"vertical\"\n        aria-label=\"拖拽调整列宽，双击重置\"\n        title=\"拖拽调宽 · 双击重置\"\n        className={styles.resizeHandle}\n        onClick={(e) => e.stopPropagation()}\n        onMouseDown={startDrag}\n        onDoubleClick={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n          onReset?.();\n        }}\n      />\n    </th>\n  );\n}\n"],"names":["ResizableHeaderCell","width","minWidth","COLUMN_RESIZE_MIN_WIDTH","maxWidth","COLUMN_RESIZE_MAX_WIDTH","onResizeStart","onResize","onResizeStop","onReset","children","className","style","rest","thRef","useRef","lastWidthRef","jsx","startDrag","e","measured","_a","startX","startW","onMove","ev","next","clampColumnWidth","onUp","finalW","mergedStyle","jsxs","classNames","styles"],"mappings":";;;;;AA8BA,SAAwBA,EAAoB;AAAA,EAC1C,OAAAC;AAAA,EACA,UAAAC,IAAWC;AAAA,EACX,UAAAC,IAAWC;AAAA,EACX,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAA6B;AAC3B,QAAMC,IAAQC,EAA6B,IAAI,GACzCC,IAAeD;AAAA,IACnB,OAAOd,KAAU,YAAY,OAAO,SAASA,CAAK,IAAIA,IAAQ;AAAA,EAAA;AAGhE,MAAI,CAACM;AACH,WACE,gBAAAU,EAAC,QAAI,GAAGJ,GAAM,WAAAF,GAAsB,OAAAC,GAAc,KAAKE,GACpD,UAAAJ,GACH;AAIJ,QAAMQ,IAAY,CAACC,MAAwC;;AACzD,IAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GAEFb,KAAA,QAAAA;AACA,UAAMc,MACJC,IAAAP,EAAM,YAAN,gBAAAO,EAAe,iBACd,OAAOpB,KAAU,YAAY,OAAO,SAASA,CAAK,KAAKA,IAAQ,IAAIA,IAAQC,IACxEoB,IAASH,EAAE,SACXI,IAASH;AACf,IAAAJ,EAAa,UAAUO;AAEvB,UAAMC,IAAS,CAACC,MAAmB;AACjC,YAAMC,IAAOC,EAAiBJ,KAAUE,EAAG,UAAUH,IAASpB,GAAUE,CAAQ;AAChF,MAAAY,EAAa,UAAUU,GACvBnB,EAASmB,CAAI;AAAA,IACf,GACME,IAAO,MAAM;AACjB,eAAS,oBAAoB,aAAaJ,CAAM,GAChD,SAAS,oBAAoB,WAAWI,CAAI,GAC5C,SAAS,KAAK,MAAM,SAAS,IAC7B,SAAS,KAAK,MAAM,aAAa;AACjC,YAAMC,IAASb,EAAa;AAC5B,MAAI,OAAOa,KAAW,aAAUrB,KAAA,QAAAA,EAAeqB;AAAA,IACjD;AACA,aAAS,KAAK,MAAM,SAAS,cAC7B,SAAS,KAAK,MAAM,aAAa,QACjC,SAAS,iBAAiB,aAAaL,CAAM,GAC7C,SAAS,iBAAiB,WAAWI,CAAI;AAAA,EAC3C,GAGME,IAAc;AAAA,IAClB,GAAGlB;AAAA,IACH,WAAUA,KAAA,gBAAAA,EAAO,aAAY;AAAA,IAC7B,WAAUA,KAAA,gBAAAA,EAAO,aAAY;AAAA,EAAA;AAG/B,SACE,gBAAAmB;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGlB;AAAA,MACJ,KAAKC;AAAA,MACL,WAAWkB,EAAWrB,GAAWsB,EAAO,mBAAmB;AAAA,MAC3D,OAAOH;AAAA,MAEN,UAAA;AAAA,QAAApB;AAAA,QACD,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,oBAAiB;AAAA,YACjB,cAAW;AAAA,YACX,OAAM;AAAA,YACN,WAAWgB,EAAO;AAAA,YAClB,SAAS,CAACd,MAAMA,EAAE,gBAAA;AAAA,YAClB,aAAaD;AAAA,YACb,eAAe,CAACC,MAAM;AACpB,cAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACFV,KAAA,QAAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ResizableHeaderCell.js","sources":["../../../src/components/Table/ResizableHeaderCell.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  useRef,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n  type ThHTMLAttributes,\n} from 'react';\nimport {\n  clampColumnWidth,\n  COLUMN_RESIZE_MAX_WIDTH,\n  COLUMN_RESIZE_MIN_WIDTH,\n} from './columnConfigUtils';\nimport styles from './style.module.scss';\n\nexport type ResizableHeaderCellProps = ThHTMLAttributes<HTMLTableCellElement> & {\n  width?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  /** 开始拖拽前调用（用于锁死其它列宽） */\n  onResizeStart?: () => void;\n  onResize?: (width: number) => void;\n  onResizeStop?: (width: number) => void;\n  /** 双击把手：清除自定义 width */\n  onReset?: () => void;\n  children?: ReactNode;\n};\n\n/**\n * antd Table header.cell：表头右缘拖拽调宽；无 onResize 时退化为普通 th。\n */\nexport default function ResizableHeaderCell({\n  width,\n  minWidth = COLUMN_RESIZE_MIN_WIDTH,\n  maxWidth = COLUMN_RESIZE_MAX_WIDTH,\n  onResizeStart,\n  onResize,\n  onResizeStop,\n  onReset,\n  children,\n  className,\n  style,\n  ...rest\n}: ResizableHeaderCellProps) {\n  const thRef = useRef<HTMLTableCellElement>(null);\n  const lastWidthRef = useRef<number | undefined>(\n    typeof width === 'number' && Number.isFinite(width) ? width : undefined,\n  );\n\n  if (!onResize) {\n    return (\n      <th {...rest} className={className} style={style} ref={thRef}>\n        {children}\n      </th>\n    );\n  }\n\n  const startDrag = (e: ReactMouseEvent<HTMLSpanElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    // 先锁兄弟列，再量本列（锁宽可能触发重排，故本列尽量用当前 offsetWidth）\n    onResizeStart?.();\n    const measured =\n      thRef.current?.offsetWidth ||\n      (typeof width === 'number' && Number.isFinite(width) && width > 0 ? width : minWidth);\n    const startX = e.clientX;\n    const startW = measured;\n    lastWidthRef.current = startW;\n\n    const onMove = (ev: MouseEvent) => {\n      const next = clampColumnWidth(startW + (ev.clientX - startX), minWidth, maxWidth);\n      lastWidthRef.current = next;\n      onResize(next);\n    };\n    const onUp = () => {\n      document.removeEventListener('mousemove', onMove);\n      document.removeEventListener('mouseup', onUp);\n      document.body.style.cursor = '';\n      document.body.style.userSelect = '';\n      const finalW = lastWidthRef.current;\n      if (typeof finalW === 'number') onResizeStop?.(finalW);\n    };\n    document.body.style.cursor = 'col-resize';\n    document.body.style.userSelect = 'none';\n    document.addEventListener('mousemove', onMove);\n    document.addEventListener('mouseup', onUp);\n  };\n\n  // 勿写 inline position:relative——会覆盖 .ant-table-cell-fix 的 sticky，导致固定列分裂。\n  // 普通列的定位上下文由 .resizableHeaderCell 的 CSS :not(.ant-table-cell-fix*) 提供；\n  // sticky 自身可作为 absolute 把手的 containing block。\n  const mergedStyle = {\n    ...style,\n    overflow: style?.overflow ?? 'visible',\n  };\n\n  return (\n    <th\n      {...rest}\n      ref={thRef}\n      className={classNames(className, styles.resizableHeaderCell)}\n      style={mergedStyle}\n    >\n      {children}\n      <span\n        role=\"separator\"\n        aria-orientation=\"vertical\"\n        aria-label=\"拖拽调整列宽，双击重置\"\n        title=\"拖拽调宽 · 双击重置\"\n        className={styles.resizeHandle}\n        onClick={(e) => e.stopPropagation()}\n        onMouseDown={startDrag}\n        onDoubleClick={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n          onReset?.();\n        }}\n      />\n    </th>\n  );\n}\n"],"names":["ResizableHeaderCell","width","minWidth","COLUMN_RESIZE_MIN_WIDTH","maxWidth","COLUMN_RESIZE_MAX_WIDTH","onResizeStart","onResize","onResizeStop","onReset","children","className","style","rest","thRef","useRef","lastWidthRef","jsx","startDrag","measured","_a","startX","startW","onMove","ev","next","clampColumnWidth","onUp","finalW","mergedStyle","jsxs","classNames","styles"],"mappings":";;;;;AA8BA,SAAwBA,EAAoB;AAAA,EAC1C,OAAAC;AAAA,EACA,UAAAC,IAAWC;AAAA,EACX,UAAAC,IAAWC;AAAA,EACX,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAA6B;AAC3B,QAAMC,IAAQC,EAA6B,IAAI,GACzCC,IAAeD;AAAA,IACnB,OAAOd,KAAU,YAAY,OAAO,SAASA,CAAK,IAAIA,IAAQ;AAAA,EAAA;AAGhE,MAAI,CAACM;AACH,WACE,gBAAAU,EAAC,QAAI,GAAGJ,GAAM,WAAAF,GAAsB,OAAAC,GAAc,KAAKE,GACpD,UAAAJ,GACH;AAIJ,QAAMQ,IAAY,CAAC,MAAwC;;AACzD,MAAE,eAAA,GACF,EAAE,gBAAA,GAEFZ,KAAA,QAAAA;AACA,UAAMa,MACJC,IAAAN,EAAM,YAAN,gBAAAM,EAAe,iBACd,OAAOnB,KAAU,YAAY,OAAO,SAASA,CAAK,KAAKA,IAAQ,IAAIA,IAAQC,IACxEmB,IAAS,EAAE,SACXC,IAASH;AACf,IAAAH,EAAa,UAAUM;AAEvB,UAAMC,IAAS,CAACC,MAAmB;AACjC,YAAMC,IAAOC,EAAiBJ,KAAUE,EAAG,UAAUH,IAASnB,GAAUE,CAAQ;AAChF,MAAAY,EAAa,UAAUS,GACvBlB,EAASkB,CAAI;AAAA,IACf,GACME,IAAO,MAAM;AACjB,eAAS,oBAAoB,aAAaJ,CAAM,GAChD,SAAS,oBAAoB,WAAWI,CAAI,GAC5C,SAAS,KAAK,MAAM,SAAS,IAC7B,SAAS,KAAK,MAAM,aAAa;AACjC,YAAMC,IAASZ,EAAa;AAC5B,MAAI,OAAOY,KAAW,aAAUpB,KAAA,QAAAA,EAAeoB;AAAA,IACjD;AACA,aAAS,KAAK,MAAM,SAAS,cAC7B,SAAS,KAAK,MAAM,aAAa,QACjC,SAAS,iBAAiB,aAAaL,CAAM,GAC7C,SAAS,iBAAiB,WAAWI,CAAI;AAAA,EAC3C,GAKME,IAAc;AAAA,IAClB,GAAGjB;AAAA,IACH,WAAUA,KAAA,gBAAAA,EAAO,aAAY;AAAA,EAAA;AAG/B,SACE,gBAAAkB;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGjB;AAAA,MACJ,KAAKC;AAAA,MACL,WAAWiB,EAAWpB,GAAWqB,EAAO,mBAAmB;AAAA,MAC3D,OAAOH;AAAA,MAEN,UAAA;AAAA,QAAAnB;AAAA,QACD,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,oBAAiB;AAAA,YACjB,cAAW;AAAA,YACX,OAAM;AAAA,YACN,WAAWe,EAAO;AAAA,YAClB,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,YAClB,aAAad;AAAA,YACb,eAAe,CAAC,MAAM;AACpB,gBAAE,eAAA,GACF,EAAE,gBAAA,GACFT,KAAA,QAAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}