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

package/dist/index.cjs

@@ -3355,6 +3355,8 @@ var Select = (0, import_react17.forwardRef)(function Select2({
   const [openedMode, setOpenedMode] = (0, import_react17.useState)(automaticMode);
   const popupMode = open ? openedMode : automaticMode;
   const [modalValues, setModalValues] = (0, import_react17.useState)([]);
+  const [modalSubmitting, setModalSubmitting] = (0, import_react17.useState)(false);
+  const modalSubmitLock = (0, import_react17.useRef)(false);
   const [selectedOnly, setSelectedOnly] = (0, import_react17.useState)(false);
   const [query, setQuery] = (0, import_react17.useState)("");
   const [activeIndex, setActiveIndex] = (0, import_react17.useState)(-1);
@@ -3423,6 +3425,24 @@ var Select = (0, import_react17.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);
@@ -3647,6 +3667,7 @@ var Select = (0, import_react17.forwardRef)(function Select2({
         open,
         title: modalConfig?.title ?? placeholder,
         width: modalConfig?.width ?? 900,
+        confirmLoading: modalSubmitting,
         onOpenChange: (next) => {
           if (!next) closeDropdown();
         },
@@ -3654,14 +3675,12 @@ var Select = (0, import_react17.forwardRef)(function Select2({
         footer: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "sia-select-modal__footer", children: [
           /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: modalConfig?.footerExtra }),
           /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { onClick: closeDropdown, children: "\u53D6\u6D88" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "primary", disabled: disabled || loading, onClick: () => {
-              setCurrentValue(multiple ? modalValues : modalValues[0] ?? null);
-              closeDropdown();
-            }, children: "\u786E\u5B9A" })
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { disabled: modalSubmitting, onClick: closeDropdown, children: "\u53D6\u6D88" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "primary", loading: modalSubmitting, disabled: disabled || loading, onClick: confirmModalSelection, children: "\u786E\u5B9A" })
           ] })
         ] }),
         children: open ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+          modalConfig?.headerExtra != null && modalConfig.headerExtra !== false ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "sia-select-modal__header-extra", children: modalConfig.headerExtra }) : null,
           /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "sia-select-modal__heading", children: [
             /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { role: "tablist", "aria-label": "\u9009\u9879\u8303\u56F4", children: [
               /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { role: "tab", "aria-selected": !selectedOnly, variant: "link", onClick: () => setSelectedOnly(false), children: "\u5168\u90E8" }),
@@ -9961,6 +9980,7 @@ function SelectModalBody({ config, values, disabled, onChange }) {
     onChange([...next]);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+    config.headerExtra != null && config.headerExtra !== false ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "sia-select-modal__header-extra", children: config.headerExtra }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "sia-select-modal__heading", children: [
       /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { role: "tablist", "aria-label": "\u9009\u9879\u8303\u56F4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button, { role: "tab", "aria-selected": !selectedOnly, variant: "link", onClick: () => setSelectedOnly(false), children: "\u5168\u90E8" }),
@@ -10032,7 +10052,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",
@@ -10046,7 +10066,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;
@@ -11061,6 +11082,7 @@ function isInteractiveTableTarget(target) {
 function createCellSelectionPlugin(options = {}) {
   let dragMode = null;
   let dragAnchor = null;
+  let textCell = null;
   let headerDragAnchorKey = null;
   let snapshotCache = null;
   let latestContext = null;
@@ -11362,12 +11384,17 @@ function createCellSelectionPlugin(options = {}) {
         return;
       }
       if (!isSelectable(row, column, context)) return;
-      event.preventDefault();
       window.getSelection()?.removeAllRanges();
       focusTable(event.currentTarget);
       const address = { rowKey: row.key, columnKey: column.key };
-      dragAnchor = event.shiftKey && context.state.range ? context.state.range.anchor : address;
-      dragMode = "cells";
+      const extendRange = event.shiftKey && context.state.range;
+      dragAnchor = extendRange ? extendRange.anchor : address;
+      dragMode = extendRange ? "cells" : "text";
+      textCell = extendRange ? null : event.currentTarget;
+      if (extendRange) {
+        event.preventDefault();
+        window.getSelection()?.removeAllRanges();
+      }
       setSelection(context, { anchor: dragAnchor, focus: address });
     },
     onCellPointerMove(row, column, event, context) {
@@ -11375,6 +11402,7 @@ function createCellSelectionPlugin(options = {}) {
       if ((event.buttons & 1) === 0) {
         dragMode = null;
         dragAnchor = null;
+        textCell = null;
         return;
       }
       if (dragMode === "rows") {
@@ -11384,6 +11412,12 @@ function createCellSelectionPlugin(options = {}) {
         return;
       }
       if (!isSelectable(row, column, context)) return;
+      if (dragMode === "text") {
+        if (sameCellAddress(dragAnchor, { rowKey: row.key, columnKey: column.key })) return;
+        dragMode = "cells";
+        textCell = null;
+        focusTable(event.currentTarget);
+      }
       event.preventDefault();
       window.getSelection()?.removeAllRanges();
       setSelection(context, {
@@ -11417,14 +11451,29 @@ function createCellSelectionPlugin(options = {}) {
     },
     onMount() {
       const stopDragging = () => {
+        constrainTextSelection();
         dragMode = null;
         dragAnchor = null;
+        textCell = null;
         headerDragAnchorKey = null;
       };
+      const constrainTextSelection = () => {
+        if (!dragMode) return;
+        const selection = window.getSelection();
+        if (!selection || selection.isCollapsed) return;
+        if (dragMode !== "text" || !textCell?.contains(selection.anchorNode) || !textCell.contains(selection.focusNode)) {
+          selection.removeAllRanges();
+        }
+      };
+      const handleSelectStart = (event) => {
+        if (dragMode && dragMode !== "text") event.preventDefault();
+      };
       const handleCopy = (event) => {
         const context = latestContext;
         if (options.copyable === false || !context || !activeRoot || !activeRoot.contains(document.activeElement) || isInteractiveTableTarget(document.activeElement))
           return;
+        const selection = window.getSelection();
+        if (selection && !selection.isCollapsed && selection.toString()) return;
         const text = copyText(context);
         if (!text) return;
         event.preventDefault();
@@ -11432,11 +11481,18 @@ function createCellSelectionPlugin(options = {}) {
         options.onCopy?.(text, selectedCells(context));
       };
       window.addEventListener("pointerup", stopDragging);
+      window.addEventListener("pointercancel", stopDragging);
       window.addEventListener("blur", stopDragging);
+      document.addEventListener("selectionchange", constrainTextSelection);
+      document.addEventListener("selectstart", handleSelectStart);
       document.addEventListener("copy", handleCopy);
       return () => {
+        stopDragging();
         window.removeEventListener("pointerup", stopDragging);
+        window.removeEventListener("pointercancel", stopDragging);
         window.removeEventListener("blur", stopDragging);
+        document.removeEventListener("selectionchange", constrainTextSelection);
+        document.removeEventListener("selectstart", handleSelectStart);
         document.removeEventListener("copy", handleCopy);
       };
     },
@@ -22145,7 +22201,7 @@ function QueryForm({
               {
                 className: "sia-query-form__field",
                 hidden: collapsed && index >= Math.min(limit, fittingCount),
-                style: entry.width !== void 0 ? { flexBasis: entry.width, width: entry.width } : void 0,
+                style: entry.width !== void 0 ? { "--sia-query-item-width": typeof entry.width === "number" ? `${entry.width}px` : entry.width } : void 0,
                 children: entry.content
               },
               entry.key

package/dist/index.css

@@ -4419,6 +4419,14 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   border: 1px solid var(--sia-table-border-color, #EFF2F6);
   border-radius: 0 0 var(--sia-radius) var(--sia-radius);
 }
+.sia-select-modal__header-extra {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 12px;
+  min-width: 0;
+  margin-bottom: 16px;
+}
 .sia-select-modal__heading {
   display: flex;
   justify-content: space-between;
@@ -4757,15 +4765,22 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  gap: 12px;
+  gap: var(--sia-query-field-gap, 12px);
   padding-top: 8px;
 }
 .sia-query-form__field {
-  flex: 0 1 var(--sia-query-field-width, 220px);
-  width: var(--sia-query-field-width, 220px);
+  --sia-query-item-width: var(--sia-query-field-width, 220px);
+  flex: 0 1 var(--sia-query-item-width);
+  width: var(--sia-query-item-width);
   min-width: 0;
   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-form__field :is(.sia-picker-range-control, .sia-time-range, .sia-select-date-range, .sia-space-compact:not(.sia-space-compact--vertical)) {
+  width: 100%;
+}
 .sia-query-form__field[hidden] {
   display: none;
 }
@@ -4848,7 +4863,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 @media (max-width: 600px) {
   .sia-query-form__fields.is-collapsed > .sia-query-form__field {
     flex-basis: auto !important;
-    width: var(--sia-query-field-width, 220px) !important;
+    width: var(--sia-query-item-width) !important;
   }
 }
 .sia-query-form__quick > .sia-badge:has(.sia-badge__count) {

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>;
@@ -3003,7 +3007,7 @@ declare const InputSelect: react.ForwardRefExoticComponent<InputSelectProps & re
 interface QueryFormField extends FormItemProps {
     /** 字段布局的稳定唯一标识；用于 React 渲染，不替代 Form.Item 的 name 字段路径。 */
     key: string;
-    /** 字段占用宽度，默认由 fieldWidth 控制；组合字段可指定更大的宽度。 */
+    /** 字段占用宽度，优先于自动布局。未指定时普通控件占一列，日期／时间区间及横向组合控件占两列（含列间距）。 */
     width?: number | string;
 }
 /** 预设或已保存的快捷查询，包含名称、条件、颜色和可选数量徽标。 */
@@ -3046,7 +3050,7 @@ interface QueryFormProps<T extends FormValues = FormValues> extends Omit<FormPro
      */
     loading?: boolean;
     /**
-     * 查询字段的默认宽度，数值单位为像素，可传 CSS 尺寸字符串。
+     * 单列查询字段的默认宽度，数值单位为像素，可传 CSS 尺寸字符串。区间及横向组合控件默认为两倍此宽度加列间距；列间距可通过 --sia-query-field-gap 调整（默认 12px）。
      * @defaultValue 220
      */
     fieldWidth?: number | string;

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>;
@@ -3003,7 +3007,7 @@ declare const InputSelect: react.ForwardRefExoticComponent<InputSelectProps & re
 interface QueryFormField extends FormItemProps {
     /** 字段布局的稳定唯一标识；用于 React 渲染，不替代 Form.Item 的 name 字段路径。 */
     key: string;
-    /** 字段占用宽度，默认由 fieldWidth 控制；组合字段可指定更大的宽度。 */
+    /** 字段占用宽度，优先于自动布局。未指定时普通控件占一列，日期／时间区间及横向组合控件占两列（含列间距）。 */
     width?: number | string;
 }
 /** 预设或已保存的快捷查询，包含名称、条件、颜色和可选数量徽标。 */
@@ -3046,7 +3050,7 @@ interface QueryFormProps<T extends FormValues = FormValues> extends Omit<FormPro
      */
     loading?: boolean;
     /**
-     * 查询字段的默认宽度，数值单位为像素，可传 CSS 尺寸字符串。
+     * 单列查询字段的默认宽度，数值单位为像素，可传 CSS 尺寸字符串。区间及横向组合控件默认为两倍此宽度加列间距；列间距可通过 --sia-query-field-gap 调整（默认 12px）。
      * @defaultValue 220
      */
     fieldWidth?: number | string;

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;
@@ -4838,6 +4840,7 @@ function isInteractiveTableTarget(target) {
 function createCellSelectionPlugin(options = {}) {
   let dragMode = null;
   let dragAnchor = null;
+  let textCell = null;
   let headerDragAnchorKey = null;
   let snapshotCache = null;
   let latestContext = null;
@@ -5139,12 +5142,17 @@ function createCellSelectionPlugin(options = {}) {
         return;
       }
       if (!isSelectable(row, column, context)) return;
-      event.preventDefault();
       window.getSelection()?.removeAllRanges();
       focusTable(event.currentTarget);
       const address = { rowKey: row.key, columnKey: column.key };
-      dragAnchor = event.shiftKey && context.state.range ? context.state.range.anchor : address;
-      dragMode = "cells";
+      const extendRange = event.shiftKey && context.state.range;
+      dragAnchor = extendRange ? extendRange.anchor : address;
+      dragMode = extendRange ? "cells" : "text";
+      textCell = extendRange ? null : event.currentTarget;
+      if (extendRange) {
+        event.preventDefault();
+        window.getSelection()?.removeAllRanges();
+      }
       setSelection(context, { anchor: dragAnchor, focus: address });
     },
     onCellPointerMove(row, column, event, context) {
@@ -5152,6 +5160,7 @@ function createCellSelectionPlugin(options = {}) {
       if ((event.buttons & 1) === 0) {
         dragMode = null;
         dragAnchor = null;
+        textCell = null;
         return;
       }
       if (dragMode === "rows") {
@@ -5161,6 +5170,12 @@ function createCellSelectionPlugin(options = {}) {
         return;
       }
       if (!isSelectable(row, column, context)) return;
+      if (dragMode === "text") {
+        if (sameCellAddress(dragAnchor, { rowKey: row.key, columnKey: column.key })) return;
+        dragMode = "cells";
+        textCell = null;
+        focusTable(event.currentTarget);
+      }
       event.preventDefault();
       window.getSelection()?.removeAllRanges();
       setSelection(context, {
@@ -5194,14 +5209,29 @@ function createCellSelectionPlugin(options = {}) {
     },
     onMount() {
       const stopDragging = () => {
+        constrainTextSelection();
         dragMode = null;
         dragAnchor = null;
+        textCell = null;
         headerDragAnchorKey = null;
       };
+      const constrainTextSelection = () => {
+        if (!dragMode) return;
+        const selection = window.getSelection();
+        if (!selection || selection.isCollapsed) return;
+        if (dragMode !== "text" || !textCell?.contains(selection.anchorNode) || !textCell.contains(selection.focusNode)) {
+          selection.removeAllRanges();
+        }
+      };
+      const handleSelectStart = (event) => {
+        if (dragMode && dragMode !== "text") event.preventDefault();
+      };
       const handleCopy = (event) => {
         const context = latestContext;
         if (options.copyable === false || !context || !activeRoot || !activeRoot.contains(document.activeElement) || isInteractiveTableTarget(document.activeElement))
           return;
+        const selection = window.getSelection();
+        if (selection && !selection.isCollapsed && selection.toString()) return;
         const text = copyText(context);
         if (!text) return;
         event.preventDefault();
@@ -5209,11 +5239,18 @@ function createCellSelectionPlugin(options = {}) {
         options.onCopy?.(text, selectedCells(context));
       };
       window.addEventListener("pointerup", stopDragging);
+      window.addEventListener("pointercancel", stopDragging);
       window.addEventListener("blur", stopDragging);
+      document.addEventListener("selectionchange", constrainTextSelection);
+      document.addEventListener("selectstart", handleSelectStart);
       document.addEventListener("copy", handleCopy);
       return () => {
+        stopDragging();
         window.removeEventListener("pointerup", stopDragging);
+        window.removeEventListener("pointercancel", stopDragging);
         window.removeEventListener("blur", stopDragging);
+        document.removeEventListener("selectionchange", constrainTextSelection);
+        document.removeEventListener("selectstart", handleSelectStart);
         document.removeEventListener("copy", handleCopy);
       };
     },
@@ -8341,7 +8378,7 @@ function QueryForm({
               {
                 className: "sia-query-form__field",
                 hidden: collapsed && index >= Math.min(limit, fittingCount),
-                style: entry.width !== void 0 ? { flexBasis: entry.width, width: entry.width } : void 0,
+                style: entry.width !== void 0 ? { "--sia-query-item-width": typeof entry.width === "number" ? `${entry.width}px` : entry.width } : void 0,
                 children: entry.content
               },
               entry.key

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" }),