@sia.soul/sia-react-ui 0.1.22 → 0.1.23

package/dist/index.d.cts

@@ -1,14 +1,14 @@
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
-import { O as OverlayContainer, a as OverlayApiHandle, M as ModalOpenConfig, b as ModalActionResult, B as ButtonProps, T as TagStatus, c as ButtonSize, d as BadgeProps } from './core-C5OnrCi4.cjs';
-export { e as Badge, f as BadgeRibbonProps, g as BadgeStatus, h as Breadcrumb, i as BreadcrumbItem, j as BreadcrumbProps, k as Button, l as ButtonVariant, C as Calendar, m as CalendarProps, n as Card, o as CardAccent, p as CardProps, q as Carousel, r as CarouselProps, s as CarouselRef, t as Collapse, u as CollapseItem, v as CollapseKey, w as CollapseProps, D as Dropdown, x as DropdownButtonProps, y as DropdownMenuProps, z as DropdownOpenSource, A as DropdownPlacement, E as DropdownProps, F as DropdownTrigger, G as FILLED_ICON_NAMES, H as FilledIconName, I as FloatButton, J as FloatButtonBackTopProps, K as FloatButtonGroupProps, L as FloatButtonProps, N as FloatButtonShape, P as FloatingPlacement, Q as FloatingTrigger, R as ICON_NAMES, S as Icon, U as IconName, V as IconProps, W as IconVariant, X as Image, Y as ImagePreview, Z as ImagePreviewConfig, _ as ImagePreviewProps, $ as ImageProps, a0 as Input, a1 as InputProps, a2 as Menu, a3 as MenuClickInfo, a4 as MenuItem, a5 as MenuMode, a6 as MenuProps, a7 as MenuTheme, a8 as MessageConfig, a9 as MessageHandle, aa as MessageKey, ab as MessageType, ac as Modal, ad as ModalProps, ae as ModalType, af as NotificationConfig, ag as NotificationPlacement, ah as NotificationType, ai as Popconfirm, aj as PopconfirmProps, ak as Popover, al as PopoverProps, am as Progress, an as ProgressProps, ao as ProgressStatus, ap as Rate, aq as RateProps, ar as Segmented, as as SegmentedOption, at as SegmentedProps, au as SegmentedValue, av as Spin, aw as SpinProps, ax as StepItem, ay as StepStatus, az as Steps, aA as StepsProps, aB as TabItem, aC as Tabs, aD as TabsContextMenuClickInfo, aE as TabsOrientation, aF as TabsPosition, aG as TabsProps, aH as TabsType, aI as Tag, aJ as TagProps, aK as TagVariant, aL as Timeline, aM as TimelineItem, aN as TimelineProps, aO as Tooltip, aP as TooltipProps, aQ as Tour, aR as TourProps, aS as TourStep, aT as Tree, aU as TreeDropPosition, aV as TreeKey, aW as TreeNode, aX as TreeProps, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, b8 as Watermark, b9 as WatermarkFont, ba as WatermarkProps, bb as message, bc as notification } from './core-C5OnrCi4.cjs';
+import { T as TagStatus, B as BadgeProps } from './core-DF0pknX6.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 TagVariant, aA as Timeline, aB as TimelineItem, aC as TimelineProps, aD as Tooltip, aE as TooltipProps, aF as Tour, aG as TourProps, aH as TourStep, aI as Tree, aJ as TreeDropPosition, aK as TreeKey, aL as TreeNode, aM as TreeProps, aN as Typography, aO as TypographyLinkProps, aP as TypographyProps, aQ as TypographyTitleProps, aR as TypographyType, aS as Upload, aT as UploadChangeInfo, aU as UploadDraggerProps, aV as UploadFile, aW as UploadFileStatus, aX as UploadProps, aY as UploadRequestOptions, aZ as Watermark, a_ as WatermarkFont, a$ as WatermarkProps, b0 as message, b1 as notification } from './core-DF0pknX6.cjs';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.cjs';
-export { D as DatePicker, a as DatePickerDisabledInfo, b as DatePickerPreset, c as DatePickerProps, d as DatePickerShowTime, e as DatePickerType, f as DatePickerValue, g as DateRangePickerPreset, h as DateRangePickerProps, S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-DDmYGDD4.cjs';
+import { O as OverlayContainer, a as OverlayApiHandle, M as ModalOpenConfig, S as SelectOption, b as SelectChangeValue, c as SelectProps, d as ModalActionResult, B as ButtonProps, e as ButtonSize } from './Select-BO3VyE2n.cjs';
+export { f as Button, g as ButtonVariant, h as Modal, i as ModalProps, j as ModalType, k as Select, l as SelectMode, m as SelectValue } from './Select-BO3VyE2n.cjs';
+export { D as DatePicker, a as DatePickerDisabledInfo, b as DatePickerPreset, c as DatePickerProps, d as DatePickerShowTime, e as DatePickerType, f as DatePickerValue, g as DateRangePickerPreset, h as DateRangePickerProps, S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-IOe6MMqu.cjs';
 export { RichTextContent, RichTextContentFormat, RichTextContentProps, RichTextEditor, RichTextEditorProps, RichTextImagePasteHandler, RichTextToolbar } from './rich-text-editor.cjs';
 export { MarkdownEditor, MarkdownEditorMode, MarkdownEditorProps } from './markdown-editor.cjs';
 import * as Monaco from 'monaco-editor';
-import { S as SelectOption, a as SelectChangeValue, b as SelectProps } from './Select-4hGJt3RJ.cjs';
-export { c as Select, d as SelectMode, e as SelectValue } from './Select-4hGJt3RJ.cjs';
 export { BaiduMapHostOptions, BaiduMapInstance, BaiduMapNamespace, BaiduMapPoint, BarChart, BarChartProps, BarDatum, BarSeries, CHART_VIEWBOX_HEIGHT, CHART_VIEWBOX_WIDTH, CandlestickChart, CandlestickChartProps, CandlestickDatum, CartesianChartProps, ChartAxis, ChartAxisProps, ChartComposite, ChartCompositeLayer, ChartCompositeProps, ChartCompositeRef, ChartDataClickInfo, ChartDataEditor, ChartDataEditorProps, ChartDataZoom, ChartDataZoomProps, ChartLegend, ChartLegendItem, ChartLegendProps, ChartMapOverlay, ChartMapOverlayProps, ChartMark, ChartMarkProps, ChartRoamController, ChartRoamControllerProps, ChartSeries, ChartTimeline, ChartTimelineProps, ChartToolbox, ChartToolboxFeature, ChartToolboxOptions, ChartToolboxProps, ChartTooltip, ChartTooltipProps, ChartValueAddress, ChartValueChannel, ChartValueIsland, ChartValueIslandProps, ChartValueTransferHandler, ChartVisualMap, ChartVisualMapProps, ChartWhirlingLoading, ChartWhirlingLoadingProps, ChordChart, ChordChartProps, ChordLink, ChordNode, DEFAULT_CHART_PALETTE, EventRiverChart, EventRiverChartProps, EventRiverEvent, EventRiverEvolution, EventRiverSeries, ForceChart, ForceGraphChart, FunnelChart, FunnelChartProps, FunnelDatum, FunnelSeries, GaugeChart, GaugeChartProps, GaugeDatum, GeoJsonFeature, GeoJsonFeatureCollection, GeoJsonMultiPolygonGeometry, GeoJsonPolygonGeometry, GraphChart, GraphChartProps, GraphLink, GraphNode, HeatmapChart, HeatmapChartProps, HeatmapPoint, KLineChart, LineChart, LineChartProps, LinePoint, LineSeries, LineShareChart, LineShareChartProps, MapChart, MapChartProps, MapDatum, MapMarkLine, MapMarkPoint, MapOverlayEvent, MapOverlayHost, MapOverlaySnapshot, MixedChart, MixedChartProps, MixedSeries, PieChart, PieChartProps, PieDatum, PieSeries, RadarChart, RadarChartProps, RadarIndicator, RadarPanel, RadarSeries, ScatterChart, ScatterChartProps, ScatterDatum, ScatterVisualMap, SiaChart, SiaChartProps, SiaChartRef, SvgMapPlot, SvgMapPlotProps, ThemeRiverChart, ThemeRiverChartProps, ThemeRiverSeries, TreeChart, TreeChartProps, TreeDatum, TreemapChart, TreemapChartProps, TreemapDatum, TreemapItemStyle, VennChart, VennChartProps, VennIntersection, VennSet, WordCloudChart, WordCloudChartProps, WordCloudDatum, XYChart, XYChartProps, XYSeries, chartColor, chartTicks, createBaiduMapHost, formatChartNumber, getChartMap, linearScale, niceChartDomain, paddedValueExtent, registerChartMap, saveCompositeImage, serializeChartStack, smoothSvgPath, svgArcPath, transferCompositeValue } from './chart.cjs';
 import 'vditor';
 
@@ -1682,6 +1682,10 @@ interface SelectModalConfig extends Omit<ModalOpenConfig, "children" | "footer"
     columns?: number;
     /** 允许的最大高度。 */
     maxHeight?: number;
+    /** 标题下方的独立首行扩展内容，位于选项范围和搜索框上方。 */
+    headerExtra?: ReactNode;
+    /** 扩展控件数据，确认时作为第三个参数传出；可通过句柄 update({ extraValues }) 更新。 */
+    extraValues?: Record<string, unknown>;
     /** 搜索框的占位提示文字。 */
     searchPlaceholder?: string;
     /** 自定义搜索匹配函数，返回 true 时保留该选项。 */
@@ -1689,7 +1693,7 @@ interface SelectModalConfig extends Omit<ModalOpenConfig, "children" | "footer"
     /** 搜索条件变化或提交搜索时调用，具体参数见签名。 */
     onSearch?: SelectProps["onSearch"];
     /** 确认后接收选中的值和对应选项；单选为单值，多选为数组。支持异步处理；返回 false 或抛出异常时保留弹框，允许重试。 */
-    onConfirm?: (value: SelectChangeValue, option: SelectOption | SelectOption[] | null) => ModalActionResult;
+    onConfirm?: (value: SelectChangeValue, option: SelectOption | SelectOption[] | null, extraValues: Record<string, unknown>) => ModalActionResult;
 }
 /** 无需渲染 Select，直接打开选择弹框。取消不提交，确认支持异步处理及返回 false 阻止关闭。 */
 declare function openSelectModal(config: SelectModalConfig): OverlayApiHandle<SelectModalConfig>;

package/dist/index.d.ts

@@ -1,14 +1,14 @@
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
-import { O as OverlayContainer, a as OverlayApiHandle, M as ModalOpenConfig, b as ModalActionResult, B as ButtonProps, T as TagStatus, c as ButtonSize, d as BadgeProps } from './core-DeZknKwc.js';
-export { e as Badge, f as BadgeRibbonProps, g as BadgeStatus, h as Breadcrumb, i as BreadcrumbItem, j as BreadcrumbProps, k as Button, l as ButtonVariant, C as Calendar, m as CalendarProps, n as Card, o as CardAccent, p as CardProps, q as Carousel, r as CarouselProps, s as CarouselRef, t as Collapse, u as CollapseItem, v as CollapseKey, w as CollapseProps, D as Dropdown, x as DropdownButtonProps, y as DropdownMenuProps, z as DropdownOpenSource, A as DropdownPlacement, E as DropdownProps, F as DropdownTrigger, G as FILLED_ICON_NAMES, H as FilledIconName, I as FloatButton, J as FloatButtonBackTopProps, K as FloatButtonGroupProps, L as FloatButtonProps, N as FloatButtonShape, P as FloatingPlacement, Q as FloatingTrigger, R as ICON_NAMES, S as Icon, U as IconName, V as IconProps, W as IconVariant, X as Image, Y as ImagePreview, Z as ImagePreviewConfig, _ as ImagePreviewProps, $ as ImageProps, a0 as Input, a1 as InputProps, a2 as Menu, a3 as MenuClickInfo, a4 as MenuItem, a5 as MenuMode, a6 as MenuProps, a7 as MenuTheme, a8 as MessageConfig, a9 as MessageHandle, aa as MessageKey, ab as MessageType, ac as Modal, ad as ModalProps, ae as ModalType, af as NotificationConfig, ag as NotificationPlacement, ah as NotificationType, ai as Popconfirm, aj as PopconfirmProps, ak as Popover, al as PopoverProps, am as Progress, an as ProgressProps, ao as ProgressStatus, ap as Rate, aq as RateProps, ar as Segmented, as as SegmentedOption, at as SegmentedProps, au as SegmentedValue, av as Spin, aw as SpinProps, ax as StepItem, ay as StepStatus, az as Steps, aA as StepsProps, aB as TabItem, aC as Tabs, aD as TabsContextMenuClickInfo, aE as TabsOrientation, aF as TabsPosition, aG as TabsProps, aH as TabsType, aI as Tag, aJ as TagProps, aK as TagVariant, aL as Timeline, aM as TimelineItem, aN as TimelineProps, aO as Tooltip, aP as TooltipProps, aQ as Tour, aR as TourProps, aS as TourStep, aT as Tree, aU as TreeDropPosition, aV as TreeKey, aW as TreeNode, aX as TreeProps, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, b8 as Watermark, b9 as WatermarkFont, ba as WatermarkProps, bb as message, bc as notification } from './core-DeZknKwc.js';
+import { T as TagStatus, B as BadgeProps } from './core-Cqgl6Z7h.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 TagVariant, aA as Timeline, aB as TimelineItem, aC as TimelineProps, aD as Tooltip, aE as TooltipProps, aF as Tour, aG as TourProps, aH as TourStep, aI as Tree, aJ as TreeDropPosition, aK as TreeKey, aL as TreeNode, aM as TreeProps, aN as Typography, aO as TypographyLinkProps, aP as TypographyProps, aQ as TypographyTitleProps, aR as TypographyType, aS as Upload, aT as UploadChangeInfo, aU as UploadDraggerProps, aV as UploadFile, aW as UploadFileStatus, aX as UploadProps, aY as UploadRequestOptions, aZ as Watermark, a_ as WatermarkFont, a$ as WatermarkProps, b0 as message, b1 as notification } from './core-Cqgl6Z7h.js';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.js';
-export { D as DatePicker, a as DatePickerDisabledInfo, b as DatePickerPreset, c as DatePickerProps, d as DatePickerShowTime, e as DatePickerType, f as DatePickerValue, g as DateRangePickerPreset, h as DateRangePickerProps, S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-CGRb3-W8.js';
+import { O as OverlayContainer, a as OverlayApiHandle, M as ModalOpenConfig, S as SelectOption, b as SelectChangeValue, c as SelectProps, d as ModalActionResult, B as ButtonProps, e as ButtonSize } from './Select-BoVx-D0D.js';
+export { f as Button, g as ButtonVariant, h as Modal, i as ModalProps, j as ModalType, k as Select, l as SelectMode, m as SelectValue } from './Select-BoVx-D0D.js';
+export { D as DatePicker, a as DatePickerDisabledInfo, b as DatePickerPreset, c as DatePickerProps, d as DatePickerShowTime, e as DatePickerType, f as DatePickerValue, g as DateRangePickerPreset, h as DateRangePickerProps, S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-a6nzK7Wu.js';
 export { RichTextContent, RichTextContentFormat, RichTextContentProps, RichTextEditor, RichTextEditorProps, RichTextImagePasteHandler, RichTextToolbar } from './rich-text-editor.js';
 export { MarkdownEditor, MarkdownEditorMode, MarkdownEditorProps } from './markdown-editor.js';
 import * as Monaco from 'monaco-editor';
-import { S as SelectOption, a as SelectChangeValue, b as SelectProps } from './Select-BNSE67xn.js';
-export { c as Select, d as SelectMode, e as SelectValue } from './Select-BNSE67xn.js';
 export { BaiduMapHostOptions, BaiduMapInstance, BaiduMapNamespace, BaiduMapPoint, BarChart, BarChartProps, BarDatum, BarSeries, CHART_VIEWBOX_HEIGHT, CHART_VIEWBOX_WIDTH, CandlestickChart, CandlestickChartProps, CandlestickDatum, CartesianChartProps, ChartAxis, ChartAxisProps, ChartComposite, ChartCompositeLayer, ChartCompositeProps, ChartCompositeRef, ChartDataClickInfo, ChartDataEditor, ChartDataEditorProps, ChartDataZoom, ChartDataZoomProps, ChartLegend, ChartLegendItem, ChartLegendProps, ChartMapOverlay, ChartMapOverlayProps, ChartMark, ChartMarkProps, ChartRoamController, ChartRoamControllerProps, ChartSeries, ChartTimeline, ChartTimelineProps, ChartToolbox, ChartToolboxFeature, ChartToolboxOptions, ChartToolboxProps, ChartTooltip, ChartTooltipProps, ChartValueAddress, ChartValueChannel, ChartValueIsland, ChartValueIslandProps, ChartValueTransferHandler, ChartVisualMap, ChartVisualMapProps, ChartWhirlingLoading, ChartWhirlingLoadingProps, ChordChart, ChordChartProps, ChordLink, ChordNode, DEFAULT_CHART_PALETTE, EventRiverChart, EventRiverChartProps, EventRiverEvent, EventRiverEvolution, EventRiverSeries, ForceChart, ForceGraphChart, FunnelChart, FunnelChartProps, FunnelDatum, FunnelSeries, GaugeChart, GaugeChartProps, GaugeDatum, GeoJsonFeature, GeoJsonFeatureCollection, GeoJsonMultiPolygonGeometry, GeoJsonPolygonGeometry, GraphChart, GraphChartProps, GraphLink, GraphNode, HeatmapChart, HeatmapChartProps, HeatmapPoint, KLineChart, LineChart, LineChartProps, LinePoint, LineSeries, LineShareChart, LineShareChartProps, MapChart, MapChartProps, MapDatum, MapMarkLine, MapMarkPoint, MapOverlayEvent, MapOverlayHost, MapOverlaySnapshot, MixedChart, MixedChartProps, MixedSeries, PieChart, PieChartProps, PieDatum, PieSeries, RadarChart, RadarChartProps, RadarIndicator, RadarPanel, RadarSeries, ScatterChart, ScatterChartProps, ScatterDatum, ScatterVisualMap, SiaChart, SiaChartProps, SiaChartRef, SvgMapPlot, SvgMapPlotProps, ThemeRiverChart, ThemeRiverChartProps, ThemeRiverSeries, TreeChart, TreeChartProps, TreeDatum, TreemapChart, TreemapChartProps, TreemapDatum, TreemapItemStyle, VennChart, VennChartProps, VennIntersection, VennSet, WordCloudChart, WordCloudChartProps, WordCloudDatum, XYChart, XYChartProps, XYSeries, chartColor, chartTicks, createBaiduMapHost, formatChartNumber, getChartMap, linearScale, niceChartDomain, paddedValueExtent, registerChartMap, saveCompositeImage, serializeChartStack, smoothSvgPath, svgArcPath, transferCompositeValue } from './chart.js';
 import 'vditor';
 
@@ -1682,6 +1682,10 @@ interface SelectModalConfig extends Omit<ModalOpenConfig, "children" | "footer"
     columns?: number;
     /** 允许的最大高度。 */
     maxHeight?: number;
+    /** 标题下方的独立首行扩展内容，位于选项范围和搜索框上方。 */
+    headerExtra?: ReactNode;
+    /** 扩展控件数据，确认时作为第三个参数传出；可通过句柄 update({ extraValues }) 更新。 */
+    extraValues?: Record<string, unknown>;
     /** 搜索框的占位提示文字。 */
     searchPlaceholder?: string;
     /** 自定义搜索匹配函数，返回 true 时保留该选项。 */
@@ -1689,7 +1693,7 @@ interface SelectModalConfig extends Omit<ModalOpenConfig, "children" | "footer"
     /** 搜索条件变化或提交搜索时调用，具体参数见签名。 */
     onSearch?: SelectProps["onSearch"];
     /** 确认后接收选中的值和对应选项；单选为单值，多选为数组。支持异步处理；返回 false 或抛出异常时保留弹框，允许重试。 */
-    onConfirm?: (value: SelectChangeValue, option: SelectOption | SelectOption[] | null) => ModalActionResult;
+    onConfirm?: (value: SelectChangeValue, option: SelectOption | SelectOption[] | null, extraValues: Record<string, unknown>) => ModalActionResult;
 }
 /** 无需渲染 Select，直接打开选择弹框。取消不提交，确认支持异步处理及返回 false 阻止关闭。 */
 declare function openSelectModal(config: SelectModalConfig): OverlayApiHandle<SelectModalConfig>;

package/dist/index.js

@@ -79,7 +79,7 @@ import {
   Watermark,
   message,
   notification
-} from "./chunk-7RNS52YG.js";
+} from "./chunk-NPB33IXJ.js";
 import {
   TextArea
 } from "./chunk-YT6E3X2K.js";
@@ -94,7 +94,7 @@ import {
   DatePicker,
   SelectDateRange,
   TimePanel
-} from "./chunk-VN6PIPP7.js";
+} from "./chunk-GM47DAAN.js";
 import {
   Checkbox,
   FloatingScrollbarProvider,
@@ -109,7 +109,7 @@ import {
   Tree,
   useOverlayLifecycle,
   useScrollbarProximity
-} from "./chunk-3TRRBMXY.js";
+} from "./chunk-VX2JECOU.js";
 import {
   Dropdown,
   FILLED_ICON_NAMES,
@@ -4096,6 +4096,7 @@ function SelectModalBody({ config, values, disabled, onChange }) {
     onChange([...next]);
   };
   return /* @__PURE__ */ jsxs18(Fragment6, { children: [
+    config.headerExtra != null && config.headerExtra !== false ? /* @__PURE__ */ jsx18("div", { className: "sia-select-modal__header-extra", children: config.headerExtra }) : null,
     /* @__PURE__ */ jsxs18("div", { className: "sia-select-modal__heading", children: [
       /* @__PURE__ */ jsxs18("div", { role: "tablist", "aria-label": "\u9009\u9879\u8303\u56F4", children: [
         /* @__PURE__ */ jsx18(Button, { role: "tab", "aria-selected": !selectedOnly, variant: "link", onClick: () => setSelectedOnly(false), children: "\u5168\u90E8" }),
@@ -4167,7 +4168,7 @@ function openSelectModal(config) {
     } });
   }
   function modalConfig() {
-    const { options, value, mode, showValue, columns, maxHeight, searchPlaceholder, filterOption, onSearch, onConfirm, ...modal } = current;
+    const { options, value, mode, showValue, columns, maxHeight, headerExtra, extraValues, searchPlaceholder, filterOption, onSearch, onConfirm, ...modal } = current;
     return {
       ...modal,
       title: current.title ?? "\u8BF7\u9009\u62E9",
@@ -4181,7 +4182,8 @@ function openSelectModal(config) {
         try {
           return await current.onConfirm?.(
             current.mode === "multiple" ? [...values] : values[0] ?? null,
-            current.mode === "multiple" ? selected : selected[0] ?? null
+            current.mode === "multiple" ? selected : selected[0] ?? null,
+            { ...current.extraValues }
           );
         } finally {
           submitting = false;

package/dist/{select-date-range-DDmYGDD4.d.cts → select-date-range-IOe6MMqu.d.cts}

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { InputHTMLAttributes, ReactNode, HTMLAttributes, CSSProperties } from 'react';
 import { I as InputPlaceholderMode, C as ControlSize, a as ControlStatus } from './shared-Bx4B28Wh.cjs';
-import { S as SelectOption, e as SelectValue } from './Select-4hGJt3RJ.cjs';
+import { S as SelectOption, m as SelectValue } from './Select-BO3VyE2n.cjs';
 
 /** 日期选择附带的时间选择配置。 */
 type DatePickerShowTime = boolean | {

package/dist/{select-date-range-CGRb3-W8.d.ts → select-date-range-a6nzK7Wu.d.ts}

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { InputHTMLAttributes, ReactNode, HTMLAttributes, CSSProperties } from 'react';
 import { I as InputPlaceholderMode, C as ControlSize, a as ControlStatus } from './shared-Bx4B28Wh.js';
-import { S as SelectOption, e as SelectValue } from './Select-BNSE67xn.js';
+import { S as SelectOption, m as SelectValue } from './Select-BoVx-D0D.js';
 
 /** 日期选择附带的时间选择配置。 */
 type DatePickerShowTime = boolean | {

package/dist/select-date-range.cjs

@@ -3198,6 +3198,8 @@ var Select = (0, import_react16.forwardRef)(function Select2({
   const [openedMode, setOpenedMode] = (0, import_react16.useState)(automaticMode);
   const popupMode = open ? openedMode : automaticMode;
   const [modalValues, setModalValues] = (0, import_react16.useState)([]);
+  const [modalSubmitting, setModalSubmitting] = (0, import_react16.useState)(false);
+  const modalSubmitLock = (0, import_react16.useRef)(false);
   const [selectedOnly, setSelectedOnly] = (0, import_react16.useState)(false);
   const [query, setQuery] = (0, import_react16.useState)("");
   const [activeIndex, setActiveIndex] = (0, import_react16.useState)(-1);
@@ -3266,6 +3268,24 @@ var Select = (0, import_react16.forwardRef)(function Select2({
     setQuery("");
     setScrollTop(0);
   }
+  async function confirmModalSelection() {
+    if (disabled || loading || modalSubmitLock.current) return;
+    modalSubmitLock.current = true;
+    const nextValue = multiple ? [...modalValues] : modalValues[0] ?? null;
+    const selected = modalValues.map((selectedValue) => availableOptions.find((option) => option.value === selectedValue) ?? (allowInput ? { value: selectedValue, label: String(selectedValue) } : void 0)).filter((option) => option !== void 0);
+    const extraValues = { ...modalConfig?.extraValues };
+    setModalSubmitting(true);
+    try {
+      const result = await modalConfig?.onConfirm?.(nextValue, multiple ? selected : selected[0] ?? null, extraValues);
+      if (result === false) return;
+      setCurrentValue(nextValue);
+      closeDropdown();
+    } catch {
+    } finally {
+      modalSubmitLock.current = false;
+      setModalSubmitting(false);
+    }
+  }
   function openDropdown() {
     if (disabled || loading) return;
     setOpenedMode(automaticMode);
@@ -3490,6 +3510,7 @@ var Select = (0, import_react16.forwardRef)(function Select2({
         open,
         title: modalConfig?.title ?? placeholder,
         width: modalConfig?.width ?? 900,
+        confirmLoading: modalSubmitting,
         onOpenChange: (next) => {
           if (!next) closeDropdown();
         },
@@ -3497,14 +3518,12 @@ var Select = (0, import_react16.forwardRef)(function Select2({
         footer: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "sia-select-modal__footer", children: [
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { children: modalConfig?.footerExtra }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { onClick: closeDropdown, children: "\u53D6\u6D88" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { variant: "primary", disabled: disabled || loading, onClick: () => {
-              setCurrentValue(multiple ? modalValues : modalValues[0] ?? null);
-              closeDropdown();
-            }, children: "\u786E\u5B9A" })
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { disabled: modalSubmitting, onClick: closeDropdown, children: "\u53D6\u6D88" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { variant: "primary", loading: modalSubmitting, disabled: disabled || loading, onClick: confirmModalSelection, children: "\u786E\u5B9A" })
           ] })
         ] }),
         children: open ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+          modalConfig?.headerExtra != null && modalConfig.headerExtra !== false ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "sia-select-modal__header-extra", children: modalConfig.headerExtra }) : null,
           /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "sia-select-modal__heading", children: [
             /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { role: "tablist", "aria-label": "\u9009\u9879\u8303\u56F4", children: [
               /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { role: "tab", "aria-selected": !selectedOnly, variant: "link", onClick: () => setSelectedOnly(false), children: "\u5168\u90E8" }),

package/dist/select-date-range.d.cts

@@ -1,4 +1,4 @@
-export { S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-DDmYGDD4.cjs';
+export { S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-IOe6MMqu.cjs';
 import 'react';
 import './shared-Bx4B28Wh.cjs';
-import './Select-4hGJt3RJ.cjs';
+import './Select-BO3VyE2n.cjs';

package/dist/select-date-range.d.ts

@@ -1,4 +1,4 @@
-export { S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-CGRb3-W8.js';
+export { S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-a6nzK7Wu.js';
 import 'react';
 import './shared-Bx4B28Wh.js';
-import './Select-BNSE67xn.js';
+import './Select-BoVx-D0D.js';

package/dist/select-date-range.js

@@ -1,7 +1,7 @@
 import {
   SelectDateRange
-} from "./chunk-VN6PIPP7.js";
-import "./chunk-3TRRBMXY.js";
+} from "./chunk-GM47DAAN.js";
+import "./chunk-VX2JECOU.js";
 import "./chunk-KLI65JVD.js";
 import "./chunk-TZGUBGA4.js";
 import "./chunk-3VJ4CZDQ.js";

package/package.json

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

package/dist/Select-4hGJt3RJ.d.cts

@@ -1,142 +0,0 @@
-import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode } from 'react';
-import { I as InputPlaceholderMode, C as ControlSize, a as ControlStatus } from './shared-Bx4B28Wh.cjs';
-
-/** 选择器的值类型。 */
-type SelectValue = string | number;
-/** 选择器的模式类型。 */
-type SelectMode = "single" | "multiple";
-/** 选择变更后的值：单选为字符串、数字或 null，多选为值数组。 */
-type SelectChangeValue = SelectValue | SelectValue[] | null;
-/** 选择器的候选项定义。 */
-type SelectOption = {
-    /** 展示给用户的名称，可传入文本或 React 节点。 */
-    label: ReactNode;
-    /** 该项目对应的数据值，用于标识、选择或计算。 */
-    value: SelectValue;
-    /** 是否禁用交互。 */
-    disabled?: boolean;
-    /** 弹框模式中的分组标题。 */
-    group?: string;
-};
-/** 选择器的属性配置。 */
-interface SelectProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue" | "onChange" | "value"> {
-    /** 下拉选项 */
-    options: readonly SelectOption[];
-    /**
-     * 单选或多选模式
-     * @defaultValue "single"
-     */
-    mode?: SelectMode;
-    /** 显式指定下拉或弹框。未设置时根据 options 总数判断：超过 modalThreshold 使用弹框。显式配置优先于阈值；弹框点击确定才提交。 */
-    popupMode?: "dropdown" | "modal";
-    /**
-     * 未指定 popupMode 时，选项总数超过此值自动使用弹框，等于阈值时仍使用下拉。
-     * @defaultValue 15
-     */
-    modalThreshold?: number;
-    /** 弹框 title、width、columns、maxHeight 与左下角扩展 footerExtra */
-    modalConfig?: {
-        /** 弹框标题，未设置时使用 Select 的 placeholder。 */
-        title?: ReactNode;
-        /** 弹框宽度，默认 900px。 */
-        width?: number | string;
-        /** 每行选项列数，默认 3 列。 */
-        columns?: number;
-        /** 列表最大可视高度，默认 360px。 */
-        maxHeight?: number;
-        /** 底部左侧扩展内容，例如维护按钮。 */
-        footerExtra?: ReactNode;
-    };
-    /** 当前值（受控） */
-    value?: SelectChangeValue;
-    /** 初始选中值 */
-    defaultValue?: SelectChangeValue;
-    /** 确认选择或清空时调用。单选返回单值及对应选项，清空返回 null；多选返回值数组及选项数组。弹框中的草稿变化不会直接触发。 */
-    onChange?: (value: SelectChangeValue, option: SelectOption | SelectOption[] | null) => void;
-    /**
-     * 未选择时的提示
-     * @defaultValue "请选择"
-     */
-    placeholder?: ReactNode;
-    /** 占位提示的显示模式；floating 为浮动标签。 */
-    placeholderMode?: InputPlaceholderMode;
-    /** small / medium / large 高度为 22 / 30 / 38px；默认继承 Form，组件自身 size 优先 */
-    size?: ControlSize;
-    /**
-     * 当前状态，用于选择对应的状态样式。
-     * @defaultValue "default"
-     */
-    status?: ControlStatus;
-    /**
-     * 是否允许清空当前选择；单选弹框中同时允许再次点击已选项取消选择。显式设为 false 可禁用。
-     * @defaultValue true
-     */
-    allowClear?: boolean;
-    /**
-     * 显示加载状态并禁用展开
-     * @defaultValue false
-     */
-    loading?: boolean;
-    /**
-     是否显示搜索输入框。
-     * @defaultValue false
-     */
-    showSearch?: boolean;
-    /** 在选项名称下方显示对应的 value。 */
-    showValue?: boolean;
-    /** 允许将搜索框内容作为自定义选项提交。 */
-    allowInput?: boolean;
-    /** 手动输入内容的最大长度 */
-    inputMaxLength?: number;
-    /**
-     * 搜索框的占位提示文字。
-     * @defaultValue "搜索选项"
-     */
-    searchPlaceholder?: string;
-    /** 搜索条件变化或提交搜索时调用，具体参数见签名。 */
-    onSearch?: (query: string) => void;
-    /**
-     * 自定义搜索匹配函数，返回 true 时保留该选项。
-     * @defaultValue defaultFilterOption
-     */
-    filterOption?: (query: string, option: SelectOption) => boolean;
-    /**
-     * 多选时显示全选、反选；下拉操作栏固定在列表底部
-     * @defaultValue true
-     */
-    showSelectAll?: boolean;
-    /** 是否显示下拉面板底部的条数统计与操作行；默认单选隐藏、多选显示，不影响弹框模式。 */
-    showActions?: boolean;
-    /** 最多显示的标签数；空间不足时会继续折叠，并为 +N 预留宽度。 */
-    maxTagCount?: number;
-    /**
-     * 长列表启用窗口化渲染
-     * @defaultValue true
-     */
-    virtual?: boolean;
-    /**
-     * 启用虚拟滚动的选项数量
-     * @defaultValue 100
-     */
-    virtualThreshold?: number;
-    /**
-     * 选项列表的最大可视高度，单位为像素。
-     * @defaultValue 256
-     */
-    listHeight?: number;
-    /**
-     * 单个选项的高度，虚拟列表据此计算可见区域。
-     * @defaultValue showValue ? 54 : 34
-     */
-    optionHeight?: number;
-    /**
-     * 没有匹配选项时的提示内容。
-     * @defaultValue "暂无数据"
-     */
-    notFoundContent?: ReactNode;
-}
-/** 选择器组件。 */
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement>>;
-
-export { type SelectOption as S, type SelectChangeValue as a, type SelectProps as b, Select as c, type SelectMode as d, type SelectValue as e };

package/dist/Select-BNSE67xn.d.ts

@@ -1,142 +0,0 @@
-import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode } from 'react';
-import { I as InputPlaceholderMode, C as ControlSize, a as ControlStatus } from './shared-Bx4B28Wh.js';
-
-/** 选择器的值类型。 */
-type SelectValue = string | number;
-/** 选择器的模式类型。 */
-type SelectMode = "single" | "multiple";
-/** 选择变更后的值：单选为字符串、数字或 null，多选为值数组。 */
-type SelectChangeValue = SelectValue | SelectValue[] | null;
-/** 选择器的候选项定义。 */
-type SelectOption = {
-    /** 展示给用户的名称，可传入文本或 React 节点。 */
-    label: ReactNode;
-    /** 该项目对应的数据值，用于标识、选择或计算。 */
-    value: SelectValue;
-    /** 是否禁用交互。 */
-    disabled?: boolean;
-    /** 弹框模式中的分组标题。 */
-    group?: string;
-};
-/** 选择器的属性配置。 */
-interface SelectProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue" | "onChange" | "value"> {
-    /** 下拉选项 */
-    options: readonly SelectOption[];
-    /**
-     * 单选或多选模式
-     * @defaultValue "single"
-     */
-    mode?: SelectMode;
-    /** 显式指定下拉或弹框。未设置时根据 options 总数判断：超过 modalThreshold 使用弹框。显式配置优先于阈值；弹框点击确定才提交。 */
-    popupMode?: "dropdown" | "modal";
-    /**
-     * 未指定 popupMode 时，选项总数超过此值自动使用弹框，等于阈值时仍使用下拉。
-     * @defaultValue 15
-     */
-    modalThreshold?: number;
-    /** 弹框 title、width、columns、maxHeight 与左下角扩展 footerExtra */
-    modalConfig?: {
-        /** 弹框标题，未设置时使用 Select 的 placeholder。 */
-        title?: ReactNode;
-        /** 弹框宽度，默认 900px。 */
-        width?: number | string;
-        /** 每行选项列数，默认 3 列。 */
-        columns?: number;
-        /** 列表最大可视高度，默认 360px。 */
-        maxHeight?: number;
-        /** 底部左侧扩展内容，例如维护按钮。 */
-        footerExtra?: ReactNode;
-    };
-    /** 当前值（受控） */
-    value?: SelectChangeValue;
-    /** 初始选中值 */
-    defaultValue?: SelectChangeValue;
-    /** 确认选择或清空时调用。单选返回单值及对应选项，清空返回 null；多选返回值数组及选项数组。弹框中的草稿变化不会直接触发。 */
-    onChange?: (value: SelectChangeValue, option: SelectOption | SelectOption[] | null) => void;
-    /**
-     * 未选择时的提示
-     * @defaultValue "请选择"
-     */
-    placeholder?: ReactNode;
-    /** 占位提示的显示模式；floating 为浮动标签。 */
-    placeholderMode?: InputPlaceholderMode;
-    /** small / medium / large 高度为 22 / 30 / 38px；默认继承 Form，组件自身 size 优先 */
-    size?: ControlSize;
-    /**
-     * 当前状态，用于选择对应的状态样式。
-     * @defaultValue "default"
-     */
-    status?: ControlStatus;
-    /**
-     * 是否允许清空当前选择；单选弹框中同时允许再次点击已选项取消选择。显式设为 false 可禁用。
-     * @defaultValue true
-     */
-    allowClear?: boolean;
-    /**
-     * 显示加载状态并禁用展开
-     * @defaultValue false
-     */
-    loading?: boolean;
-    /**
-     是否显示搜索输入框。
-     * @defaultValue false
-     */
-    showSearch?: boolean;
-    /** 在选项名称下方显示对应的 value。 */
-    showValue?: boolean;
-    /** 允许将搜索框内容作为自定义选项提交。 */
-    allowInput?: boolean;
-    /** 手动输入内容的最大长度 */
-    inputMaxLength?: number;
-    /**
-     * 搜索框的占位提示文字。
-     * @defaultValue "搜索选项"
-     */
-    searchPlaceholder?: string;
-    /** 搜索条件变化或提交搜索时调用，具体参数见签名。 */
-    onSearch?: (query: string) => void;
-    /**
-     * 自定义搜索匹配函数，返回 true 时保留该选项。
-     * @defaultValue defaultFilterOption
-     */
-    filterOption?: (query: string, option: SelectOption) => boolean;
-    /**
-     * 多选时显示全选、反选；下拉操作栏固定在列表底部
-     * @defaultValue true
-     */
-    showSelectAll?: boolean;
-    /** 是否显示下拉面板底部的条数统计与操作行；默认单选隐藏、多选显示，不影响弹框模式。 */
-    showActions?: boolean;
-    /** 最多显示的标签数；空间不足时会继续折叠，并为 +N 预留宽度。 */
-    maxTagCount?: number;
-    /**
-     * 长列表启用窗口化渲染
-     * @defaultValue true
-     */
-    virtual?: boolean;
-    /**
-     * 启用虚拟滚动的选项数量
-     * @defaultValue 100
-     */
-    virtualThreshold?: number;
-    /**
-     * 选项列表的最大可视高度，单位为像素。
-     * @defaultValue 256
-     */
-    listHeight?: number;
-    /**
-     * 单个选项的高度，虚拟列表据此计算可见区域。
-     * @defaultValue showValue ? 54 : 34
-     */
-    optionHeight?: number;
-    /**
-     * 没有匹配选项时的提示内容。
-     * @defaultValue "暂无数据"
-     */
-    notFoundContent?: ReactNode;
-}
-/** 选择器组件。 */
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement>>;
-
-export { type SelectOption as S, type SelectChangeValue as a, type SelectProps as b, Select as c, type SelectMode as d, type SelectValue as e };