@sia.soul/sia-react-ui 0.1.63 → 0.1.65

package/dist/index.css

@@ -2496,7 +2496,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   align-items: center;
   justify-content: space-between;
   gap: 16px;
-  min-height: 56px;
+  min-height: 40px;
   margin-inline: 16px;
   border-bottom: 1px solid var(--sia-color-border);
 }
@@ -2538,7 +2538,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   line-height: 1.55;
 }
 .sia-card__body {
-  padding: var(--sia-spacing);
+  padding: 6px var(--sia-spacing);
 }
 .sia-card__collapse-trigger {
   display: flex;
@@ -9474,6 +9474,55 @@ body > .sia-popup-portal[data-sia-popup-layer] {
   display: grid;
   color: var(--sia-color-text);
 }
+.sia-tree--virtual {
+  position: relative;
+  display: block;
+}
+.sia-tree__virtual-space {
+  position: relative;
+  min-width: 100%;
+}
+.sia-tree__virtual-node,
+.sia-tree__virtual-sticky-node {
+  position: absolute;
+  right: 0;
+  left: 0;
+  box-sizing: border-box;
+  contain: layout style;
+}
+.sia-tree__virtual-node {
+  top: 0;
+  will-change: transform;
+}
+.sia-tree__virtual-node > .sia-tree__row,
+.sia-tree__virtual-sticky-node > .sia-tree__row {
+  position: relative;
+  z-index: 1;
+  min-height: 0;
+}
+.sia-tree__virtual-sticky-layer {
+  position: sticky;
+  z-index: 120;
+  top: 0;
+  height: 0;
+  overflow: visible;
+}
+.sia-tree__virtual-sticky-node > .sia-tree__row {
+  background: var(--sia-color-surface);
+}
+.sia-tree__virtual-guides {
+  position: absolute;
+  z-index: 0;
+  inset: 0;
+  pointer-events: none;
+}
+.sia-tree__virtual-guide {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 1px;
+  background: var(--sia-color-border);
+}
 .sia-tree__row {
   display: flex;
   align-items: center;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-C4ayGoM8.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-C4ayGoM8.cjs';
+import { T as TagStatus, B as BadgeProps } from './core-hpkUd4EO.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-hpkUd4EO.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';
@@ -752,7 +752,7 @@ interface FormProps extends Omit<FormHTMLAttributes<HTMLFormElement>, "onSubmit"
      * @defaultValue true
      */
     requiredMark?: boolean | "optional";
-    /** 提交并且校验通过时调用，参数为完整的表单字段值。 */
+    /** 当前表单提交并且校验通过时调用，参数为完整的表单字段值；提交事件不会冒泡触发祖先表单，包含 Portal 内的子表单。 */
     onFinish?: (values: FormValues) => void;
     /** 表单提交校验失败时调用，参数包含字段值和错误列表。 */
     onFinishFailed?: (info: {
@@ -2430,7 +2430,9 @@ interface TableSelectionPluginOptions<T> {
     childrenColumnName?: string;
 }
 /** 行勾选和已选面板状态。 */
-interface SelectionState {
+interface SelectionState<T> {
+    /** 当前表格独立保存的跨页行缓存，重建插件时保留，表格卸载后释放。 */
+    preservedRows: Map<TableKey, T>;
     /** 当前选中的行标识。 */
     selectedKeys: readonly TableKey[];
     /** 是否跨页保留选中行。 */
@@ -2455,8 +2457,8 @@ interface TableSelectionApi<T> {
     /** 设置是否跨页保留选中行。 */
     setPreserveSelectedRowKeys: (preserve: boolean) => void;
 }
-/** 创建表格行勾选插件。将返回值加入 Table 的 plugins 后生效。 */
-declare function createSelectionPlugin<T extends Record<string, unknown>>(options?: TableSelectionPluginOptions<T>): TablePlugin<T, SelectionState, TableSelectionApi<T>>;
+/** 创建表格行勾选插件。将返回值加入 Table 的 plugins 后生效；跨页行缓存属于表格实例，重新创建插件不会清空缓存，不同表格互不共享。 */
+declare function createSelectionPlugin<T extends Record<string, unknown>>(options?: TableSelectionPluginOptions<T>): TablePlugin<T, SelectionState<T>, TableSelectionApi<T>>;
 /** TableSort的插件配置。 */
 interface TableSortPluginOptions {
     /** 展示或交互模式；可选值见类型定义。 */

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-BemUqBUF.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-BemUqBUF.js';
+import { T as TagStatus, B as BadgeProps } from './core-DrNZuMER.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-DrNZuMER.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';
@@ -752,7 +752,7 @@ interface FormProps extends Omit<FormHTMLAttributes<HTMLFormElement>, "onSubmit"
      * @defaultValue true
      */
     requiredMark?: boolean | "optional";
-    /** 提交并且校验通过时调用，参数为完整的表单字段值。 */
+    /** 当前表单提交并且校验通过时调用，参数为完整的表单字段值；提交事件不会冒泡触发祖先表单，包含 Portal 内的子表单。 */
     onFinish?: (values: FormValues) => void;
     /** 表单提交校验失败时调用，参数包含字段值和错误列表。 */
     onFinishFailed?: (info: {
@@ -2430,7 +2430,9 @@ interface TableSelectionPluginOptions<T> {
     childrenColumnName?: string;
 }
 /** 行勾选和已选面板状态。 */
-interface SelectionState {
+interface SelectionState<T> {
+    /** 当前表格独立保存的跨页行缓存，重建插件时保留，表格卸载后释放。 */
+    preservedRows: Map<TableKey, T>;
     /** 当前选中的行标识。 */
     selectedKeys: readonly TableKey[];
     /** 是否跨页保留选中行。 */
@@ -2455,8 +2457,8 @@ interface TableSelectionApi<T> {
     /** 设置是否跨页保留选中行。 */
     setPreserveSelectedRowKeys: (preserve: boolean) => void;
 }
-/** 创建表格行勾选插件。将返回值加入 Table 的 plugins 后生效。 */
-declare function createSelectionPlugin<T extends Record<string, unknown>>(options?: TableSelectionPluginOptions<T>): TablePlugin<T, SelectionState, TableSelectionApi<T>>;
+/** 创建表格行勾选插件。将返回值加入 Table 的 plugins 后生效；跨页行缓存属于表格实例，重新创建插件不会清空缓存，不同表格互不共享。 */
+declare function createSelectionPlugin<T extends Record<string, unknown>>(options?: TableSelectionPluginOptions<T>): TablePlugin<T, SelectionState<T>, TableSelectionApi<T>>;
 /** TableSort的插件配置。 */
 interface TableSortPluginOptions {
     /** 展示或交互模式；可选值见类型定义。 */

package/dist/index.js

@@ -80,7 +80,7 @@ import {
   Watermark,
   message,
   notification
-} from "./chunk-NV4QPQSP.js";
+} from "./chunk-NKSPPR2A.js";
 import {
   TextArea
 } from "./chunk-SMCYEPBL.js";
@@ -95,7 +95,7 @@ import {
   DatePicker,
   SelectDateRange,
   TimePanel
-} from "./chunk-7CAQPLKC.js";
+} from "./chunk-VGIGEDUP.js";
 import {
   Checkbox,
   FloatingScrollbarProvider,
@@ -110,7 +110,7 @@ import {
   Tree,
   useOverlayLifecycle,
   useScrollbarProximity
-} from "./chunk-F4XMRO6G.js";
+} from "./chunk-B42RCR7O.js";
 import {
   Dropdown,
   FILLED_ICON_NAMES,
@@ -1710,6 +1710,7 @@ function FormRoot({
       "data-required-mark": requiredMark,
       onSubmit: (event) => {
         event.preventDefault();
+        event.stopPropagation();
         instance.submit();
       },
       children: /* @__PURE__ */ jsx9("fieldset", { disabled, children })
@@ -5718,7 +5719,6 @@ function TableSelectedItemsPanel({
 }
 function createSelectionPlugin(options = {}) {
   const { mode = "multiple", childrenColumnName = "children" } = options;
-  const preservedRows = /* @__PURE__ */ new Map();
   function selected(context) {
     return options.selectedKeys ?? context.state.selectedKeys ?? [];
   }
@@ -5729,6 +5729,7 @@ function createSelectionPlugin(options = {}) {
     return flattenRecords(context.sourceData, childrenColumnName);
   }
   function entriesForKeys(keys, context) {
+    const preservedRows = context.state.preservedRows;
     const records = allRecords(context);
     const currentRows = new Map(
       records.map(
@@ -5763,7 +5764,7 @@ function createSelectionPlugin(options = {}) {
     return entriesForKeys(keys, context).map((entry) => entry.record);
   }
   function setKeys(keys, context) {
-    if (keys.length === 0) preservedRows.clear();
+    if (keys.length === 0) context.state.preservedRows.clear();
     context.setState((state) => ({
       ...state,
       selectedKeys: keys,
@@ -5779,7 +5780,7 @@ function createSelectionPlugin(options = {}) {
         (key) => pageKeys.has(key)
       );
       setKeys(currentPageKeys, context);
-      preservedRows.clear();
+      context.state.preservedRows.clear();
     }
     context.setState((state) => ({
       ...state,
@@ -5801,11 +5802,13 @@ function createSelectionPlugin(options = {}) {
   return {
     id: "selection",
     order: 20,
-    initialState: {
+    // 用工厂给每个表格创建独立缓存，避免同一插件对象被多个表格复用时串数据。
+    initialState: () => ({
+      preservedRows: /* @__PURE__ */ new Map(),
       selectedKeys: options.defaultSelectedKeys ?? [],
       preserveSelectedRowKeys: options.preserveSelectedRowKeys ?? false,
       panelOpen: false
-    },
+    }),
     transformColumns(columns, context) {
       if (mode === "row") return columns;
       const selectionColumn = {
@@ -5953,7 +5956,7 @@ function createSelectionPlugin(options = {}) {
           const records = allRecords(context);
           const record = records.find(
             (item, index) => Object.is(context.getRowKey(item, index), key)
-          ) ?? preservedRows.get(key);
+          ) ?? context.state.preservedRows.get(key);
           if (record) toggle(key, record, context, checked);
         },
         getSelectedRows: () => rowsForKeys(selected(context), context),

package/dist/select-date-range.js

@@ -1,7 +1,7 @@
 import {
   SelectDateRange
-} from "./chunk-7CAQPLKC.js";
-import "./chunk-F4XMRO6G.js";
+} from "./chunk-VGIGEDUP.js";
+import "./chunk-B42RCR7O.js";
 import "./chunk-IUZ2RSI5.js";
 import "./chunk-IKAMZNCK.js";
 import "./chunk-H7IAG72O.js";

package/package.json

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