@sia.soul/sia-react-ui 0.1.41 → 0.1.43

package/dist/{chunk-IPDCEXQO.js → chunk-ORLXJLLW.js}

@@ -95,6 +95,12 @@ function Card({
   title,
   description,
   extra,
+  selectable = false,
+  selected,
+  defaultSelected = false,
+  disabled = false,
+  onSelectedChange,
+  hoverActions,
   accent,
   accentColor,
   collapsible = false,
@@ -107,9 +113,19 @@ function Card({
   className = "",
   style,
   children,
+  onClick,
+  onKeyDown,
   ...props
 }) {
   const [internalCollapsed, setInternalCollapsed] = useState2(defaultCollapsed);
+  const [internalSelected, setInternalSelected] = useState2(defaultSelected);
+  const isSelected = selected ?? internalSelected;
+  function toggleSelected() {
+    if (!selectable || disabled) return;
+    const next = !isSelected;
+    if (selected === void 0) setInternalSelected(next);
+    onSelectedChange?.(next);
+  }
   const isCollapsed = collapsed ?? internalCollapsed;
   const hasHeader = title || extra || collapsible;
   const mergedStyle = accentColor ? { "--sia-card-accent": accentColor, ...style } : style;
@@ -123,19 +139,46 @@ function Card({
     accent || accentColor ? /* @__PURE__ */ jsx2("span", { className: `sia-card__accent${accent ? ` sia-card__accent--${accent}` : ""}`, "aria-hidden": "true" }) : null,
     title ? /* @__PURE__ */ jsx2("h3", { className: "sia-card__title", children: title }) : null
   ] });
-  return /* @__PURE__ */ jsxs2("section", { className: `sia-card${isCollapsed ? " sia-card--collapsed" : ""} ${className}`.trim(), style: mergedStyle, ...withTitleTooltip(props), children: [
-    hasHeader ? /* @__PURE__ */ jsxs2("header", { className: "sia-card__header", children: [
-      collapsible ? /* @__PURE__ */ jsxs2("button", { type: "button", className: "sia-card__collapse-trigger", "aria-expanded": !isCollapsed, onClick: toggleCollapsed, children: [
-        heading,
-        /* @__PURE__ */ jsx2(Icon, { name: isCollapsed ? "chevron-down" : "chevron-up", size: 16 })
-      ] }) : heading,
-      extra ? /* @__PURE__ */ jsx2("div", { className: "sia-card__extra", children: extra }) : null
-    ] }) : null,
-    !isCollapsed ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-      description ? /* @__PURE__ */ jsx2("p", { className: "sia-card__description", children: description }) : null,
-      /* @__PURE__ */ jsx2("div", { className: `sia-card__body ${bodyClassName}`.trim(), style: mergedBodyStyle, children })
-    ] }) : null
-  ] });
+  return /* @__PURE__ */ jsxs2(
+    "section",
+    {
+      className: `sia-card${isCollapsed ? " sia-card--collapsed" : ""}${selectable ? " sia-card--selectable" : ""}${selectable && isSelected ? " sia-card--selected" : ""}${hoverActions ? " sia-card--hover-actions" : ""} ${className}`.trim(),
+      style: mergedStyle,
+      role: selectable ? "checkbox" : void 0,
+      "aria-checked": selectable ? isSelected : void 0,
+      "aria-disabled": selectable ? disabled : void 0,
+      tabIndex: selectable && !disabled ? 0 : void 0,
+      ...withTitleTooltip(props),
+      onClick: (event) => {
+        onClick?.(event);
+        const target = event.target;
+        const interactive = target.closest('button, a, input, select, textarea, label, [role="button"], [role="checkbox"], [role="radio"], [role="switch"], [contenteditable="true"], [tabindex]');
+        if (!event.defaultPrevented && (!interactive || interactive === event.currentTarget)) toggleSelected();
+      },
+      onKeyDown: (event) => {
+        onKeyDown?.(event);
+        if (!event.defaultPrevented && event.target === event.currentTarget && selectable && (event.key === "Enter" || event.key === " ")) {
+          event.preventDefault();
+          toggleSelected();
+        }
+      },
+      children: [
+        selectable && isSelected ? /* @__PURE__ */ jsx2("span", { className: "sia-card__selected-corner", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(Icon, { name: "check", size: 16 }) }) : null,
+        hasHeader ? /* @__PURE__ */ jsxs2("header", { className: "sia-card__header", children: [
+          collapsible ? /* @__PURE__ */ jsxs2("button", { type: "button", className: "sia-card__collapse-trigger", "aria-expanded": !isCollapsed, onClick: toggleCollapsed, children: [
+            heading,
+            /* @__PURE__ */ jsx2(Icon, { name: isCollapsed ? "chevron-down" : "chevron-up", size: 16 })
+          ] }) : heading,
+          extra ? /* @__PURE__ */ jsx2("div", { className: "sia-card__extra", children: extra }) : null
+        ] }) : null,
+        !isCollapsed ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+          description ? /* @__PURE__ */ jsx2("p", { className: "sia-card__description", children: description }) : null,
+          /* @__PURE__ */ jsx2("div", { className: `sia-card__body ${bodyClassName}`.trim(), style: mergedBodyStyle, children }),
+          hoverActions ? /* @__PURE__ */ jsx2("div", { className: "sia-card__hover-actions", onClick: (event) => event.stopPropagation(), children: hoverActions }) : null
+        ] }) : null
+      ]
+    }
+  );
 }
 
 // src/components/Tag.tsx

package/dist/{core-C2IieVNm.d.cts → core-CADzSGab.d.cts}

@@ -52,6 +52,27 @@ interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
     description?: ReactNode;
     /** 主体之外的补充内容或操作区。 */
     extra?: ReactNode;
+    /**
+     * 点击卡片非交互区域切换选中，支持 Enter 和空格键；选中时显示右上角三角勾选标记。
+     * @defaultValue false
+     */
+    selectable?: boolean;
+    /** 受控选中状态，需在 onSelectedChange 中更新。 */
+    selected?: boolean;
+    /**
+     * 非受控初始选中状态。
+     * @defaultValue false
+     */
+    defaultSelected?: boolean;
+    /**
+     * 禁止切换选中，不禁用卡片内独立操作。
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /** 用户切换选中时通知新的布尔状态；禁用时不触发。 */
+    onSelectedChange?: (selected: boolean) => void;
+    /** 鼠标移入或键盘聚焦卡片时从底部滑入的操作区；触屏设备始终显示。 */
+    hoverActions?: ReactNode;
     /** 强调装饰样式。 */
     accent?: CardAccent;
     /** 强调装饰的颜色。 */
@@ -81,7 +102,7 @@ interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
     bodyStyle?: CSSProperties;
 }
 /** 卡片组件。 */
-declare function Card({ title, description, extra, accent, accentColor, collapsible, collapsed, defaultCollapsed, onCollapsedChange, bodyHeight, bodyClassName, bodyStyle, className, style, children, ...props }: CardProps): react.JSX.Element;
+declare function Card({ title, description, extra, selectable, selected, defaultSelected, disabled, onSelectedChange, hoverActions, accent, accentColor, collapsible, collapsed, defaultCollapsed, onCollapsedChange, bodyHeight, bodyClassName, bodyStyle, className, style, children, onClick, onKeyDown, ...props }: CardProps): react.JSX.Element;
 
 declare const iconPaths: {
     "notepad-file": react.JSX.Element;

package/dist/{core-ZmKnvCFV.d.ts → core-wsymjzoC.d.ts}

@@ -52,6 +52,27 @@ interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
     description?: ReactNode;
     /** 主体之外的补充内容或操作区。 */
     extra?: ReactNode;
+    /**
+     * 点击卡片非交互区域切换选中，支持 Enter 和空格键；选中时显示右上角三角勾选标记。
+     * @defaultValue false
+     */
+    selectable?: boolean;
+    /** 受控选中状态，需在 onSelectedChange 中更新。 */
+    selected?: boolean;
+    /**
+     * 非受控初始选中状态。
+     * @defaultValue false
+     */
+    defaultSelected?: boolean;
+    /**
+     * 禁止切换选中，不禁用卡片内独立操作。
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /** 用户切换选中时通知新的布尔状态；禁用时不触发。 */
+    onSelectedChange?: (selected: boolean) => void;
+    /** 鼠标移入或键盘聚焦卡片时从底部滑入的操作区；触屏设备始终显示。 */
+    hoverActions?: ReactNode;
     /** 强调装饰样式。 */
     accent?: CardAccent;
     /** 强调装饰的颜色。 */
@@ -81,7 +102,7 @@ interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
     bodyStyle?: CSSProperties;
 }
 /** 卡片组件。 */
-declare function Card({ title, description, extra, accent, accentColor, collapsible, collapsed, defaultCollapsed, onCollapsedChange, bodyHeight, bodyClassName, bodyStyle, className, style, children, ...props }: CardProps): react.JSX.Element;
+declare function Card({ title, description, extra, selectable, selected, defaultSelected, disabled, onSelectedChange, hoverActions, accent, accentColor, collapsible, collapsed, defaultCollapsed, onCollapsedChange, bodyHeight, bodyClassName, bodyStyle, className, style, children, onClick, onKeyDown, ...props }: CardProps): react.JSX.Element;
 
 declare const iconPaths: {
     "notepad-file": react.JSX.Element;

package/dist/core.cjs

@@ -1738,6 +1738,12 @@ function Card({
   title,
   description,
   extra,
+  selectable = false,
+  selected,
+  defaultSelected = false,
+  disabled = false,
+  onSelectedChange,
+  hoverActions,
   accent,
   accentColor,
   collapsible = false,
@@ -1750,9 +1756,19 @@ function Card({
   className = "",
   style,
   children,
+  onClick,
+  onKeyDown,
   ...props
 }) {
   const [internalCollapsed, setInternalCollapsed] = (0, import_react9.useState)(defaultCollapsed);
+  const [internalSelected, setInternalSelected] = (0, import_react9.useState)(defaultSelected);
+  const isSelected = selected ?? internalSelected;
+  function toggleSelected() {
+    if (!selectable || disabled) return;
+    const next = !isSelected;
+    if (selected === void 0) setInternalSelected(next);
+    onSelectedChange?.(next);
+  }
   const isCollapsed = collapsed ?? internalCollapsed;
   const hasHeader = title || extra || collapsible;
   const mergedStyle = accentColor ? { "--sia-card-accent": accentColor, ...style } : style;
@@ -1766,19 +1782,46 @@ function Card({
     accent || accentColor ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: `sia-card__accent${accent ? ` sia-card__accent--${accent}` : ""}`, "aria-hidden": "true" }) : null,
     title ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "sia-card__title", children: title }) : null
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { className: `sia-card${isCollapsed ? " sia-card--collapsed" : ""} ${className}`.trim(), style: mergedStyle, ...withTitleTooltip(props), children: [
-    hasHeader ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("header", { className: "sia-card__header", children: [
-      collapsible ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", className: "sia-card__collapse-trigger", "aria-expanded": !isCollapsed, onClick: toggleCollapsed, children: [
-        heading,
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: isCollapsed ? "chevron-down" : "chevron-up", size: 16 })
-      ] }) : heading,
-      extra ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "sia-card__extra", children: extra }) : null
-    ] }) : null,
-    !isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-      description ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "sia-card__description", children: description }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `sia-card__body ${bodyClassName}`.trim(), style: mergedBodyStyle, children })
-    ] }) : null
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "section",
+    {
+      className: `sia-card${isCollapsed ? " sia-card--collapsed" : ""}${selectable ? " sia-card--selectable" : ""}${selectable && isSelected ? " sia-card--selected" : ""}${hoverActions ? " sia-card--hover-actions" : ""} ${className}`.trim(),
+      style: mergedStyle,
+      role: selectable ? "checkbox" : void 0,
+      "aria-checked": selectable ? isSelected : void 0,
+      "aria-disabled": selectable ? disabled : void 0,
+      tabIndex: selectable && !disabled ? 0 : void 0,
+      ...withTitleTooltip(props),
+      onClick: (event) => {
+        onClick?.(event);
+        const target = event.target;
+        const interactive = target.closest('button, a, input, select, textarea, label, [role="button"], [role="checkbox"], [role="radio"], [role="switch"], [contenteditable="true"], [tabindex]');
+        if (!event.defaultPrevented && (!interactive || interactive === event.currentTarget)) toggleSelected();
+      },
+      onKeyDown: (event) => {
+        onKeyDown?.(event);
+        if (!event.defaultPrevented && event.target === event.currentTarget && selectable && (event.key === "Enter" || event.key === " ")) {
+          event.preventDefault();
+          toggleSelected();
+        }
+      },
+      children: [
+        selectable && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sia-card__selected-corner", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "check", size: 16 }) }) : null,
+        hasHeader ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("header", { className: "sia-card__header", children: [
+          collapsible ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", className: "sia-card__collapse-trigger", "aria-expanded": !isCollapsed, onClick: toggleCollapsed, children: [
+            heading,
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: isCollapsed ? "chevron-down" : "chevron-up", size: 16 })
+          ] }) : heading,
+          extra ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "sia-card__extra", children: extra }) : null
+        ] }) : null,
+        !isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+          description ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "sia-card__description", children: description }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `sia-card__body ${bodyClassName}`.trim(), style: mergedBodyStyle, children }),
+          hoverActions ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "sia-card__hover-actions", onClick: (event) => event.stopPropagation(), children: hoverActions }) : null
+        ] }) : null
+      ]
+    }
+  );
 }
 
 // src/components/Tag.tsx

package/dist/core.css

@@ -2541,6 +2541,71 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-card--collapsed .sia-card__header {
   border-bottom-color: transparent;
 }
+.sia-card--selectable {
+  position: relative;
+  cursor: pointer;
+}
+.sia-card__selected-corner {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 40px;
+  height: 40px;
+  background: var(--sia-color-primary);
+  color: white;
+  clip-path: polygon(0 0, 100% 0, 100% 100%);
+  border-top-right-radius: var(--sia-radius);
+  pointer-events: none;
+  z-index: 1;
+}
+.sia-card__selected-corner > .sia-icon {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+}
+.sia-card--selectable[aria-disabled=true] {
+  cursor: default;
+}
+.sia-card.sia-card--selected {
+  border-color: var(--sia-color-primary);
+  box-shadow: inset 0 0 0 1px var(--sia-color-primary);
+}
+.sia-card--selectable:focus-visible {
+  outline: 2px solid var(--sia-color-primary);
+  outline-offset: 2px;
+}
+.sia-card--hover-actions {
+  position: relative;
+  overflow: hidden;
+}
+.sia-card__hover-actions {
+  position: absolute;
+  inset: auto 0 0;
+  padding: 8px 16px;
+  background: var(--sia-color-surface);
+  border-top: 1px solid var(--sia-color-border);
+  transform: translateY(100%);
+  visibility: hidden;
+  transition: transform 180ms ease, visibility 180ms;
+}
+.sia-card--hover-actions:hover > .sia-card__hover-actions,
+.sia-card--hover-actions:has(:focus-visible) > .sia-card__hover-actions,
+.sia-card--hover-actions:focus-visible > .sia-card__hover-actions {
+  transform: translateY(0);
+  visibility: visible;
+}
+@media (hover: none) {
+  .sia-card__hover-actions {
+    position: static;
+    transform: none;
+    visibility: visible;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .sia-card__hover-actions {
+    transition: none;
+  }
+}
 .sia-alert {
   display: flex;
   align-items: flex-start;
@@ -4865,7 +4930,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  gap: var(--sia-query-field-gap, 12px);
+  gap: var(--sia-query-field-gap, 6px);
   padding-top: 8px;
 }
 .sia-query-form__field {
@@ -4876,7 +4941,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   max-width: 100%;
 }
 .sia-query-form__field:has(.sia-picker-range-control, .sia-time-range, .sia-select-date-range, .sia-space-compact:not(.sia-space-compact--vertical) > :nth-child(2)) {
-  --sia-query-item-width: calc(var(--sia-query-field-width, 220px) + var(--sia-query-field-width, 220px) + var(--sia-query-field-gap, 12px));
+  --sia-query-item-width: calc(var(--sia-query-field-width, 220px) + var(--sia-query-field-width, 220px) + var(--sia-query-field-gap, 6px));
 }
 .sia-query-form__field :is(.sia-picker-range-control, .sia-time-range, .sia-select-date-range, .sia-space-compact:not(.sia-space-compact--vertical)) {
   width: 100%;

package/dist/core.d.cts

@@ -1,4 +1,4 @@
-export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-C2IieVNm.cjs';
+export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-CADzSGab.cjs';
 export { f as Button, B as ButtonProps, e as ButtonSize, g as ButtonVariant, h as Modal, d as ModalActionResult, M as ModalOpenConfig, i as ModalProps, j as ModalType, a as OverlayApiHandle, k as Select, S as SelectOption, c as SelectProps, m as SelectValue } from './Select-YJbT-MF1.cjs';
 import 'react';
 import './shared-Bx4B28Wh.cjs';

package/dist/core.d.ts

@@ -1,4 +1,4 @@
-export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-ZmKnvCFV.js';
+export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-wsymjzoC.js';
 export { f as Button, B as ButtonProps, e as ButtonSize, g as ButtonVariant, h as Modal, d as ModalActionResult, M as ModalOpenConfig, i as ModalProps, j as ModalType, a as OverlayApiHandle, k as Select, S as SelectOption, c as SelectProps, m as SelectValue } from './Select-CCrPqULn.js';
 import 'react';
 import './shared-Bx4B28Wh.js';

package/dist/core.js

@@ -10,7 +10,7 @@ import {
   Typography,
   Upload,
   message
-} from "./chunk-IPDCEXQO.js";
+} from "./chunk-ORLXJLLW.js";
 import "./chunk-SMCYEPBL.js";
 import {
   Modal,

package/dist/index.cjs

@@ -5071,6 +5071,12 @@ function Card({
   title,
   description,
   extra,
+  selectable = false,
+  selected,
+  defaultSelected = false,
+  disabled = false,
+  onSelectedChange,
+  hoverActions,
   accent,
   accentColor,
   collapsible = false,
@@ -5083,9 +5089,19 @@ function Card({
   className = "",
   style,
   children,
+  onClick,
+  onKeyDown,
   ...props
 }) {
   const [internalCollapsed, setInternalCollapsed] = (0, import_react24.useState)(defaultCollapsed);
+  const [internalSelected, setInternalSelected] = (0, import_react24.useState)(defaultSelected);
+  const isSelected = selected ?? internalSelected;
+  function toggleSelected() {
+    if (!selectable || disabled) return;
+    const next = !isSelected;
+    if (selected === void 0) setInternalSelected(next);
+    onSelectedChange?.(next);
+  }
   const isCollapsed = collapsed ?? internalCollapsed;
   const hasHeader = title || extra || collapsible;
   const mergedStyle = accentColor ? { "--sia-card-accent": accentColor, ...style } : style;
@@ -5099,19 +5115,46 @@ function Card({
     accent || accentColor ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: `sia-card__accent${accent ? ` sia-card__accent--${accent}` : ""}`, "aria-hidden": "true" }) : null,
     title ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h3", { className: "sia-card__title", children: title }) : null
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("section", { className: `sia-card${isCollapsed ? " sia-card--collapsed" : ""} ${className}`.trim(), style: mergedStyle, ...withTitleTooltip(props), children: [
-    hasHeader ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("header", { className: "sia-card__header", children: [
-      collapsible ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("button", { type: "button", className: "sia-card__collapse-trigger", "aria-expanded": !isCollapsed, onClick: toggleCollapsed, children: [
-        heading,
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: isCollapsed ? "chevron-down" : "chevron-up", size: 16 })
-      ] }) : heading,
-      extra ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "sia-card__extra", children: extra }) : null
-    ] }) : null,
-    !isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-      description ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "sia-card__description", children: description }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: `sia-card__body ${bodyClassName}`.trim(), style: mergedBodyStyle, children })
-    ] }) : null
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    "section",
+    {
+      className: `sia-card${isCollapsed ? " sia-card--collapsed" : ""}${selectable ? " sia-card--selectable" : ""}${selectable && isSelected ? " sia-card--selected" : ""}${hoverActions ? " sia-card--hover-actions" : ""} ${className}`.trim(),
+      style: mergedStyle,
+      role: selectable ? "checkbox" : void 0,
+      "aria-checked": selectable ? isSelected : void 0,
+      "aria-disabled": selectable ? disabled : void 0,
+      tabIndex: selectable && !disabled ? 0 : void 0,
+      ...withTitleTooltip(props),
+      onClick: (event) => {
+        onClick?.(event);
+        const target = event.target;
+        const interactive = target.closest('button, a, input, select, textarea, label, [role="button"], [role="checkbox"], [role="radio"], [role="switch"], [contenteditable="true"], [tabindex]');
+        if (!event.defaultPrevented && (!interactive || interactive === event.currentTarget)) toggleSelected();
+      },
+      onKeyDown: (event) => {
+        onKeyDown?.(event);
+        if (!event.defaultPrevented && event.target === event.currentTarget && selectable && (event.key === "Enter" || event.key === " ")) {
+          event.preventDefault();
+          toggleSelected();
+        }
+      },
+      children: [
+        selectable && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "sia-card__selected-corner", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: "check", size: 16 }) }) : null,
+        hasHeader ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("header", { className: "sia-card__header", children: [
+          collapsible ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("button", { type: "button", className: "sia-card__collapse-trigger", "aria-expanded": !isCollapsed, onClick: toggleCollapsed, children: [
+            heading,
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: isCollapsed ? "chevron-down" : "chevron-up", size: 16 })
+          ] }) : heading,
+          extra ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "sia-card__extra", children: extra }) : null
+        ] }) : null,
+        !isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+          description ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "sia-card__description", children: description }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: `sia-card__body ${bodyClassName}`.trim(), style: mergedBodyStyle, children }),
+          hoverActions ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "sia-card__hover-actions", onClick: (event) => event.stopPropagation(), children: hoverActions }) : null
+        ] }) : null
+      ]
+    }
+  );
 }
 
 // src/components/Layout.tsx
@@ -13637,8 +13680,11 @@ function createResizePlugin(options = {}) {
     })
   };
 }
+function isTableAuxiliaryColumn(column) {
+  return column.meta?.plugin === "index" || column.meta?.plugin === "selection" || column.key === "__index__" || column.key === "__selection__";
+}
 function createColumnSettingItems(columns, visibleKeys) {
-  return flattenTableColumns(columns).map((column, order) => ({
+  return flattenTableColumns(columns).filter((column) => !isTableAuxiliaryColumn(column)).map((column, order) => ({
     key: column.key,
     width: column.width,
     fixed: normalizeFixed(column.fixed),
@@ -13649,6 +13695,7 @@ function createColumnSettingItems(columns, visibleKeys) {
 function applyColumnSettingsToTree(columns, items) {
   const itemMap = new Map(items.map((item) => [item.key, item]));
   const walk = (source) => source.flatMap((column, sourceOrder) => {
+    if (isTableAuxiliaryColumn(column)) return [{ column, order: column.meta?.plugin === "selection" || column.key === "__selection__" ? -2 : -1 }];
     if (column.children?.length) {
       const children = walk(column.children);
       if (children.length === 0) return [];
@@ -13958,11 +14005,15 @@ function ColumnSettingPanel({
 var columnSettingLoadTokens = /* @__PURE__ */ new WeakMap();
 function createColumnSettingPlugin(options = {}) {
   const baseItems = (context) => createColumnSettingItems(context.baseColumns, options.defaultVisibleKeys);
-  const currentItems = (context) => context.state.items?.length ? context.state.items : baseItems(context);
+  const editableItems = (items, context) => {
+    const keys = new Set(baseItems(context).map((item) => item.key));
+    return items.filter((item) => keys.has(item.key));
+  };
+  const currentItems = (context) => context.state.items?.length ? editableItems(context.state.items, context) : baseItems(context);
   const save = (snapshot) => options.adapter && options.scope ? options.adapter.save(options.scope, snapshot).catch(() => void 0) : Promise.resolve();
   function apply(items, context, persist = true) {
     const normalized = orderColumnSettings(
-      [...items].sort((a, b) => a.order - b.order)
+      editableItems(items, context).sort((a, b) => a.order - b.order)
     );
     context.setState((state) => ({ ...state, items: normalized, open: false }));
     const columnMap = new Map(

package/dist/index.css

@@ -2541,6 +2541,71 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-card--collapsed .sia-card__header {
   border-bottom-color: transparent;
 }
+.sia-card--selectable {
+  position: relative;
+  cursor: pointer;
+}
+.sia-card__selected-corner {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 40px;
+  height: 40px;
+  background: var(--sia-color-primary);
+  color: white;
+  clip-path: polygon(0 0, 100% 0, 100% 100%);
+  border-top-right-radius: var(--sia-radius);
+  pointer-events: none;
+  z-index: 1;
+}
+.sia-card__selected-corner > .sia-icon {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+}
+.sia-card--selectable[aria-disabled=true] {
+  cursor: default;
+}
+.sia-card.sia-card--selected {
+  border-color: var(--sia-color-primary);
+  box-shadow: inset 0 0 0 1px var(--sia-color-primary);
+}
+.sia-card--selectable:focus-visible {
+  outline: 2px solid var(--sia-color-primary);
+  outline-offset: 2px;
+}
+.sia-card--hover-actions {
+  position: relative;
+  overflow: hidden;
+}
+.sia-card__hover-actions {
+  position: absolute;
+  inset: auto 0 0;
+  padding: 8px 16px;
+  background: var(--sia-color-surface);
+  border-top: 1px solid var(--sia-color-border);
+  transform: translateY(100%);
+  visibility: hidden;
+  transition: transform 180ms ease, visibility 180ms;
+}
+.sia-card--hover-actions:hover > .sia-card__hover-actions,
+.sia-card--hover-actions:has(:focus-visible) > .sia-card__hover-actions,
+.sia-card--hover-actions:focus-visible > .sia-card__hover-actions {
+  transform: translateY(0);
+  visibility: visible;
+}
+@media (hover: none) {
+  .sia-card__hover-actions {
+    position: static;
+    transform: none;
+    visibility: visible;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .sia-card__hover-actions {
+    transition: none;
+  }
+}
 .sia-alert {
   display: flex;
   align-items: flex-start;
@@ -4865,7 +4930,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  gap: var(--sia-query-field-gap, 12px);
+  gap: var(--sia-query-field-gap, 6px);
   padding-top: 8px;
 }
 .sia-query-form__field {
@@ -4876,7 +4941,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   max-width: 100%;
 }
 .sia-query-form__field:has(.sia-picker-range-control, .sia-time-range, .sia-select-date-range, .sia-space-compact:not(.sia-space-compact--vertical) > :nth-child(2)) {
-  --sia-query-item-width: calc(var(--sia-query-field-width, 220px) + var(--sia-query-field-width, 220px) + var(--sia-query-field-gap, 12px));
+  --sia-query-item-width: calc(var(--sia-query-field-width, 220px) + var(--sia-query-field-width, 220px) + var(--sia-query-field-gap, 6px));
 }
 .sia-query-form__field :is(.sia-picker-range-control, .sia-time-range, .sia-select-date-range, .sia-space-compact:not(.sia-space-compact--vertical)) {
   width: 100%;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-C2IieVNm.cjs';
-export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-C2IieVNm.cjs';
+import { T as TagStatus, B as BadgeProps } from './core-CADzSGab.cjs';
+export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-CADzSGab.cjs';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.cjs';
@@ -2134,6 +2134,7 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
     cellSelection?: boolean;
     /**
      * 是否显示序号列，默认从 1 开始；搭配分页插件时按页码连续编号，存在勾选列时放在其后。
+     * 序号列固定在业务列之前（勾选列之后），不参与列设置中的排序、显隐和固定位置调整。
      * 显式传入 createIndexPlugin 可自定义标题、宽度和起始编号，不会重复生成序号列；false 时禁用序号插件（包括显式传入的插件）。
      * @defaultValue true
      */
@@ -2556,7 +2557,7 @@ interface TableIndexPluginOptions {
     /** 序号列的起始编号。 */
     startIndex?: number;
 }
-/** 创建表格序号列插件。Table 默认内置；显式加入 plugins 可覆盖标题、宽度和起始编号，不重复加载。Table 的 showIndex=false 时禁用。 */
+/** 创建表格序号列插件。Table 默认内置；显式加入 plugins 可覆盖标题、宽度和起始编号，不重复加载。Table 的 showIndex=false 时禁用。序号固定在业务列之前（有勾选列时位于其后），不参与列设置。 */
 declare function createIndexPlugin<T extends Record<string, unknown>>(options?: TableIndexPluginOptions): TablePlugin<T, undefined>;
 /** TableTree的插件配置。 */
 interface TableTreePluginOptions<T> {
@@ -2709,7 +2710,7 @@ interface TableColumnSettingApi {
     /** 应用传入的配置；是否持久化由方法参数或插件选项控制。 */
     apply: (settings: readonly TableColumnSettingItem[]) => void;
 }
-/** 创建表格列设置和持久化插件。将返回值加入 Table 的 plugins 后生效。 */
+/** 创建表格列设置和持久化插件。将返回值加入 Table 的 plugins 后生效；序号和勾选附加列不显示在设置中，不参与业务列排序、显隐、固定位置与宽度配置，旧存储中的附加列配置会被忽略。 */
 declare function createColumnSettingPlugin<T extends Record<string, unknown>>(options?: TableColumnSettingPluginOptions<T>): TablePlugin<T, ColumnSettingState, TableColumnSettingApi>;
 /** 创建使用 localStorage 持久化表格设置的适配器，按模块及业务标识隔离配置。 */
 declare function createLocalStorageTableSettingsAdapter(prefix?: string): TableSettingsAdapter;
@@ -3080,7 +3081,7 @@ interface QueryFormProps<T extends FormValues = FormValues> extends Omit<FormPro
      */
     loading?: boolean;
     /**
-     * 单列查询字段的默认宽度，数值单位为像素，可传 CSS 尺寸字符串。区间及横向组合控件默认为两倍此宽度加列间距；列间距可通过 --sia-query-field-gap 调整（默认 12px）。
+     * 单列查询字段的默认宽度，数值单位为像素，可传 CSS 尺寸字符串。区间及横向组合控件默认为两倍此宽度加列间距；行列间距可通过 --sia-query-field-gap 调整（默认 6px）。
      * @defaultValue 220
      */
     fieldWidth?: number | string;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-ZmKnvCFV.js';
-export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-ZmKnvCFV.js';
+import { T as TagStatus, B as BadgeProps } from './core-wsymjzoC.js';
+export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-wsymjzoC.js';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.js';
@@ -2134,6 +2134,7 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
     cellSelection?: boolean;
     /**
      * 是否显示序号列，默认从 1 开始；搭配分页插件时按页码连续编号，存在勾选列时放在其后。
+     * 序号列固定在业务列之前（勾选列之后），不参与列设置中的排序、显隐和固定位置调整。
      * 显式传入 createIndexPlugin 可自定义标题、宽度和起始编号，不会重复生成序号列；false 时禁用序号插件（包括显式传入的插件）。
      * @defaultValue true
      */
@@ -2556,7 +2557,7 @@ interface TableIndexPluginOptions {
     /** 序号列的起始编号。 */
     startIndex?: number;
 }
-/** 创建表格序号列插件。Table 默认内置；显式加入 plugins 可覆盖标题、宽度和起始编号，不重复加载。Table 的 showIndex=false 时禁用。 */
+/** 创建表格序号列插件。Table 默认内置；显式加入 plugins 可覆盖标题、宽度和起始编号，不重复加载。Table 的 showIndex=false 时禁用。序号固定在业务列之前（有勾选列时位于其后），不参与列设置。 */
 declare function createIndexPlugin<T extends Record<string, unknown>>(options?: TableIndexPluginOptions): TablePlugin<T, undefined>;
 /** TableTree的插件配置。 */
 interface TableTreePluginOptions<T> {
@@ -2709,7 +2710,7 @@ interface TableColumnSettingApi {
     /** 应用传入的配置；是否持久化由方法参数或插件选项控制。 */
     apply: (settings: readonly TableColumnSettingItem[]) => void;
 }
-/** 创建表格列设置和持久化插件。将返回值加入 Table 的 plugins 后生效。 */
+/** 创建表格列设置和持久化插件。将返回值加入 Table 的 plugins 后生效；序号和勾选附加列不显示在设置中，不参与业务列排序、显隐、固定位置与宽度配置，旧存储中的附加列配置会被忽略。 */
 declare function createColumnSettingPlugin<T extends Record<string, unknown>>(options?: TableColumnSettingPluginOptions<T>): TablePlugin<T, ColumnSettingState, TableColumnSettingApi>;
 /** 创建使用 localStorage 持久化表格设置的适配器，按模块及业务标识隔离配置。 */
 declare function createLocalStorageTableSettingsAdapter(prefix?: string): TableSettingsAdapter;
@@ -3080,7 +3081,7 @@ interface QueryFormProps<T extends FormValues = FormValues> extends Omit<FormPro
      */
     loading?: boolean;
     /**
-     * 单列查询字段的默认宽度，数值单位为像素，可传 CSS 尺寸字符串。区间及横向组合控件默认为两倍此宽度加列间距；列间距可通过 --sia-query-field-gap 调整（默认 12px）。
+     * 单列查询字段的默认宽度，数值单位为像素，可传 CSS 尺寸字符串。区间及横向组合控件默认为两倍此宽度加列间距；行列间距可通过 --sia-query-field-gap 调整（默认 6px）。
      * @defaultValue 220
      */
     fieldWidth?: number | string;

package/dist/index.js

@@ -80,7 +80,7 @@ import {
   Watermark,
   message,
   notification
-} from "./chunk-IPDCEXQO.js";
+} from "./chunk-ORLXJLLW.js";
 import {
   TextArea
 } from "./chunk-SMCYEPBL.js";
@@ -6484,8 +6484,11 @@ function createResizePlugin(options = {}) {
     })
   };
 }
+function isTableAuxiliaryColumn(column) {
+  return column.meta?.plugin === "index" || column.meta?.plugin === "selection" || column.key === "__index__" || column.key === "__selection__";
+}
 function createColumnSettingItems(columns, visibleKeys) {
-  return flattenTableColumns(columns).map((column, order) => ({
+  return flattenTableColumns(columns).filter((column) => !isTableAuxiliaryColumn(column)).map((column, order) => ({
     key: column.key,
     width: column.width,
     fixed: normalizeFixed(column.fixed),
@@ -6496,6 +6499,7 @@ function createColumnSettingItems(columns, visibleKeys) {
 function applyColumnSettingsToTree(columns, items) {
   const itemMap = new Map(items.map((item) => [item.key, item]));
   const walk = (source) => source.flatMap((column, sourceOrder) => {
+    if (isTableAuxiliaryColumn(column)) return [{ column, order: column.meta?.plugin === "selection" || column.key === "__selection__" ? -2 : -1 }];
     if (column.children?.length) {
       const children = walk(column.children);
       if (children.length === 0) return [];
@@ -6805,11 +6809,15 @@ function ColumnSettingPanel({
 var columnSettingLoadTokens = /* @__PURE__ */ new WeakMap();
 function createColumnSettingPlugin(options = {}) {
   const baseItems = (context) => createColumnSettingItems(context.baseColumns, options.defaultVisibleKeys);
-  const currentItems = (context) => context.state.items?.length ? context.state.items : baseItems(context);
+  const editableItems = (items, context) => {
+    const keys = new Set(baseItems(context).map((item) => item.key));
+    return items.filter((item) => keys.has(item.key));
+  };
+  const currentItems = (context) => context.state.items?.length ? editableItems(context.state.items, context) : baseItems(context);
   const save = (snapshot) => options.adapter && options.scope ? options.adapter.save(options.scope, snapshot).catch(() => void 0) : Promise.resolve();
   function apply(items, context, persist = true) {
     const normalized = orderColumnSettings(
-      [...items].sort((a, b) => a.order - b.order)
+      editableItems(items, context).sort((a, b) => a.order - b.order)
     );
     context.setState((state) => ({ ...state, items: normalized, open: false }));
     const columnMap = new Map(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sia.soul/sia-react-ui",
-  "version": "0.1.41",
+  "version": "0.1.43",
   "description": "Sia Design components and tokens for React",
   "publishConfig": {
     "access": "public",