@sia.soul/sia-react-ui 0.1.14 → 0.1.15

package/dist/{chunk-K3XRTEIO.js → chunk-E7F47Z2C.js}

@@ -76,6 +76,7 @@ function Tag({
   variant = "soft",
   icon,
   closable = false,
+  closeOnHover = false,
   disabled = false,
   onClose,
   className = "",
@@ -85,7 +86,7 @@ function Tag({
   return /* @__PURE__ */ jsxs2(
     "span",
     {
-      className: `sia-tag sia-tag--${status} sia-tag--${variant}${compact ? " sia-tag--compact" : ""}${disabled ? " sia-tag--disabled" : ""} ${className}`.trim(),
+      className: `sia-tag${closable && closeOnHover ? " sia-tag--close-on-hover" : ""} sia-tag--${status} sia-tag--${variant}${compact ? " sia-tag--compact" : ""}${disabled ? " sia-tag--disabled" : ""} ${className}`.trim(),
       "aria-disabled": disabled || void 0,
       ...props,
       children: [

package/dist/{core-BK8AXc12.d.cts → core-AeKYVPDZ.d.cts}

@@ -300,10 +300,12 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     variant?: TagVariant;
     icon?: ReactNode;
     closable?: boolean;
+    /** 悬停或键盘聚焦时展开关闭按钮。 */
+    closeOnHover?: boolean;
     disabled?: boolean;
     onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
-declare function Tag({ status, compact, variant, icon, closable, disabled, onClose, className, children, ...props }: TagProps): react.JSX.Element;
+declare function Tag({ status, compact, variant, icon, closable, closeOnHover, disabled, onClose, className, children, ...props }: TagProps): react.JSX.Element;
 
 type MenuMode = "vertical" | "horizontal" | "inline";
 type MenuTheme = "light" | "dark";
@@ -1077,4 +1079,4 @@ declare const FloatButton: react.ForwardRefExoticComponent<FloatButtonProps & re
     BackTop: typeof FloatButtonBackTop;
 };
 
-export { Menu as $, type DropdownProps as A, type ButtonProps as B, Calendar as C, Dropdown as D, type DropdownTrigger as E, FILLED_ICON_NAMES as F, type FilledIconName as G, FloatButton as H, type FloatButtonBackTopProps as I, type FloatButtonGroupProps as J, type FloatButtonProps as K, type FloatButtonShape as L, type FloatingPlacement as M, type FloatingTrigger as N, type OverlayContainer as O, ICON_NAMES as P, Icon as Q, type IconName as R, type IconProps as S, type IconVariant as T, Image as U, ImagePreview as V, type ImagePreviewConfig as W, type ImagePreviewProps as X, type ImageProps as Y, Input as Z, type InputProps as _, type OverlayApiHandle as a, type TypographyTitleProps as a$, type MenuClickInfo as a0, type MenuItem as a1, type MenuMode as a2, type MenuProps as a3, type MenuTheme as a4, type MessageConfig as a5, type MessageHandle as a6, type MessageKey as a7, type MessageType as a8, Modal as a9, type TabItem as aA, Tabs as aB, type TabsContextMenuClickInfo as aC, type TabsOrientation as aD, type TabsPosition as aE, type TabsProps as aF, type TabsType as aG, Tag as aH, type TagProps as aI, type TagStatus as aJ, type TagVariant as aK, Timeline as aL, type TimelineItem as aM, type TimelineProps as aN, Tooltip as aO, type TooltipProps as aP, Tour as aQ, type TourProps as aR, type TourStep as aS, Tree as aT, type TreeDropPosition as aU, type TreeKey as aV, type TreeNode as aW, type TreeProps as aX, Typography as aY, type TypographyLinkProps as aZ, type TypographyProps as a_, type ModalActionResult as aa, type ModalOpenConfig as ab, type ModalProps as ac, type ModalType as ad, type NotificationConfig as ae, type NotificationPlacement as af, type NotificationType as ag, Popconfirm as ah, type PopconfirmProps as ai, Popover as aj, type PopoverProps as ak, Progress as al, type ProgressProps as am, type ProgressStatus as an, Rate as ao, type RateProps as ap, Segmented as aq, type SegmentedOption as ar, type SegmentedProps as as, type SegmentedValue as at, Spin as au, type SpinProps as av, type StepItem as aw, type StepStatus as ax, Steps as ay, type StepsProps as az, Badge as b, type TypographyType as b0, Upload as b1, type UploadChangeInfo as b2, type UploadDraggerProps as b3, type UploadFile as b4, type UploadFileStatus as b5, type UploadProps as b6, type UploadRequestOptions as b7, Watermark as b8, type WatermarkFont as b9, type WatermarkProps as ba, message as bb, notification as bc, type BadgeProps as c, type BadgeRibbonProps as d, type BadgeStatus as e, Breadcrumb as f, type BreadcrumbItem as g, type BreadcrumbProps as h, Button as i, type ButtonSize as j, type ButtonVariant as k, type CalendarProps as l, Card as m, type CardAccent as n, type CardProps as o, Carousel as p, type CarouselProps as q, type CarouselRef as r, Collapse as s, type CollapseItem as t, type CollapseKey as u, type CollapseProps as v, type DropdownButtonProps as w, type DropdownMenuProps as x, type DropdownOpenSource as y, type DropdownPlacement as z };
+export { type InputProps as $, type DropdownProps as A, type ButtonProps as B, Calendar as C, Dropdown as D, type DropdownTrigger as E, FILLED_ICON_NAMES as F, type FilledIconName as G, FloatButton as H, type FloatButtonBackTopProps as I, type FloatButtonGroupProps as J, type FloatButtonProps as K, type FloatButtonShape as L, type FloatingPlacement as M, type FloatingTrigger as N, type OverlayContainer as O, ICON_NAMES as P, Icon as Q, type IconName as R, type IconProps as S, type TagStatus as T, type IconVariant as U, Image as V, ImagePreview as W, type ImagePreviewConfig as X, type ImagePreviewProps as Y, type ImageProps as Z, Input as _, type OverlayApiHandle as a, type TypographyTitleProps as a$, Menu as a0, type MenuClickInfo as a1, type MenuItem as a2, type MenuMode as a3, type MenuProps as a4, type MenuTheme as a5, type MessageConfig as a6, type MessageHandle as a7, type MessageKey as a8, type MessageType as a9, type StepsProps as aA, type TabItem as aB, Tabs as aC, type TabsContextMenuClickInfo as aD, type TabsOrientation as aE, type TabsPosition as aF, type TabsProps as aG, type TabsType as aH, Tag as aI, type TagProps as aJ, type TagVariant as aK, Timeline as aL, type TimelineItem as aM, type TimelineProps as aN, Tooltip as aO, type TooltipProps as aP, Tour as aQ, type TourProps as aR, type TourStep as aS, Tree as aT, type TreeDropPosition as aU, type TreeKey as aV, type TreeNode as aW, type TreeProps as aX, Typography as aY, type TypographyLinkProps as aZ, type TypographyProps as a_, Modal as aa, type ModalActionResult as ab, type ModalOpenConfig as ac, type ModalProps as ad, type ModalType as ae, type NotificationConfig as af, type NotificationPlacement as ag, type NotificationType as ah, Popconfirm as ai, type PopconfirmProps as aj, Popover as ak, type PopoverProps as al, Progress as am, type ProgressProps as an, type ProgressStatus as ao, Rate as ap, type RateProps as aq, Segmented as ar, type SegmentedOption as as, type SegmentedProps as at, type SegmentedValue as au, Spin as av, type SpinProps as aw, type StepItem as ax, type StepStatus as ay, Steps as az, type ButtonSize as b, type TypographyType as b0, Upload as b1, type UploadChangeInfo as b2, type UploadDraggerProps as b3, type UploadFile as b4, type UploadFileStatus as b5, type UploadProps as b6, type UploadRequestOptions as b7, Watermark as b8, type WatermarkFont as b9, type WatermarkProps as ba, message as bb, notification as bc, type BadgeProps as c, Badge as d, type BadgeRibbonProps as e, type BadgeStatus as f, Breadcrumb as g, type BreadcrumbItem as h, type BreadcrumbProps as i, Button as j, type ButtonVariant as k, type CalendarProps as l, Card as m, type CardAccent as n, type CardProps as o, Carousel as p, type CarouselProps as q, type CarouselRef as r, Collapse as s, type CollapseItem as t, type CollapseKey as u, type CollapseProps as v, type DropdownButtonProps as w, type DropdownMenuProps as x, type DropdownOpenSource as y, type DropdownPlacement as z };

package/dist/{core-CJK3_KTQ.d.ts → core-DcSXqSRs.d.ts}

@@ -300,10 +300,12 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     variant?: TagVariant;
     icon?: ReactNode;
     closable?: boolean;
+    /** 悬停或键盘聚焦时展开关闭按钮。 */
+    closeOnHover?: boolean;
     disabled?: boolean;
     onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
-declare function Tag({ status, compact, variant, icon, closable, disabled, onClose, className, children, ...props }: TagProps): react.JSX.Element;
+declare function Tag({ status, compact, variant, icon, closable, closeOnHover, disabled, onClose, className, children, ...props }: TagProps): react.JSX.Element;
 
 type MenuMode = "vertical" | "horizontal" | "inline";
 type MenuTheme = "light" | "dark";
@@ -1077,4 +1079,4 @@ declare const FloatButton: react.ForwardRefExoticComponent<FloatButtonProps & re
     BackTop: typeof FloatButtonBackTop;
 };
 
-export { Menu as $, type DropdownProps as A, type ButtonProps as B, Calendar as C, Dropdown as D, type DropdownTrigger as E, FILLED_ICON_NAMES as F, type FilledIconName as G, FloatButton as H, type FloatButtonBackTopProps as I, type FloatButtonGroupProps as J, type FloatButtonProps as K, type FloatButtonShape as L, type FloatingPlacement as M, type FloatingTrigger as N, type OverlayContainer as O, ICON_NAMES as P, Icon as Q, type IconName as R, type IconProps as S, type IconVariant as T, Image as U, ImagePreview as V, type ImagePreviewConfig as W, type ImagePreviewProps as X, type ImageProps as Y, Input as Z, type InputProps as _, type OverlayApiHandle as a, type TypographyTitleProps as a$, type MenuClickInfo as a0, type MenuItem as a1, type MenuMode as a2, type MenuProps as a3, type MenuTheme as a4, type MessageConfig as a5, type MessageHandle as a6, type MessageKey as a7, type MessageType as a8, Modal as a9, type TabItem as aA, Tabs as aB, type TabsContextMenuClickInfo as aC, type TabsOrientation as aD, type TabsPosition as aE, type TabsProps as aF, type TabsType as aG, Tag as aH, type TagProps as aI, type TagStatus as aJ, type TagVariant as aK, Timeline as aL, type TimelineItem as aM, type TimelineProps as aN, Tooltip as aO, type TooltipProps as aP, Tour as aQ, type TourProps as aR, type TourStep as aS, Tree as aT, type TreeDropPosition as aU, type TreeKey as aV, type TreeNode as aW, type TreeProps as aX, Typography as aY, type TypographyLinkProps as aZ, type TypographyProps as a_, type ModalActionResult as aa, type ModalOpenConfig as ab, type ModalProps as ac, type ModalType as ad, type NotificationConfig as ae, type NotificationPlacement as af, type NotificationType as ag, Popconfirm as ah, type PopconfirmProps as ai, Popover as aj, type PopoverProps as ak, Progress as al, type ProgressProps as am, type ProgressStatus as an, Rate as ao, type RateProps as ap, Segmented as aq, type SegmentedOption as ar, type SegmentedProps as as, type SegmentedValue as at, Spin as au, type SpinProps as av, type StepItem as aw, type StepStatus as ax, Steps as ay, type StepsProps as az, Badge as b, type TypographyType as b0, Upload as b1, type UploadChangeInfo as b2, type UploadDraggerProps as b3, type UploadFile as b4, type UploadFileStatus as b5, type UploadProps as b6, type UploadRequestOptions as b7, Watermark as b8, type WatermarkFont as b9, type WatermarkProps as ba, message as bb, notification as bc, type BadgeProps as c, type BadgeRibbonProps as d, type BadgeStatus as e, Breadcrumb as f, type BreadcrumbItem as g, type BreadcrumbProps as h, Button as i, type ButtonSize as j, type ButtonVariant as k, type CalendarProps as l, Card as m, type CardAccent as n, type CardProps as o, Carousel as p, type CarouselProps as q, type CarouselRef as r, Collapse as s, type CollapseItem as t, type CollapseKey as u, type CollapseProps as v, type DropdownButtonProps as w, type DropdownMenuProps as x, type DropdownOpenSource as y, type DropdownPlacement as z };
+export { type InputProps as $, type DropdownProps as A, type ButtonProps as B, Calendar as C, Dropdown as D, type DropdownTrigger as E, FILLED_ICON_NAMES as F, type FilledIconName as G, FloatButton as H, type FloatButtonBackTopProps as I, type FloatButtonGroupProps as J, type FloatButtonProps as K, type FloatButtonShape as L, type FloatingPlacement as M, type FloatingTrigger as N, type OverlayContainer as O, ICON_NAMES as P, Icon as Q, type IconName as R, type IconProps as S, type TagStatus as T, type IconVariant as U, Image as V, ImagePreview as W, type ImagePreviewConfig as X, type ImagePreviewProps as Y, type ImageProps as Z, Input as _, type OverlayApiHandle as a, type TypographyTitleProps as a$, Menu as a0, type MenuClickInfo as a1, type MenuItem as a2, type MenuMode as a3, type MenuProps as a4, type MenuTheme as a5, type MessageConfig as a6, type MessageHandle as a7, type MessageKey as a8, type MessageType as a9, type StepsProps as aA, type TabItem as aB, Tabs as aC, type TabsContextMenuClickInfo as aD, type TabsOrientation as aE, type TabsPosition as aF, type TabsProps as aG, type TabsType as aH, Tag as aI, type TagProps as aJ, type TagVariant as aK, Timeline as aL, type TimelineItem as aM, type TimelineProps as aN, Tooltip as aO, type TooltipProps as aP, Tour as aQ, type TourProps as aR, type TourStep as aS, Tree as aT, type TreeDropPosition as aU, type TreeKey as aV, type TreeNode as aW, type TreeProps as aX, Typography as aY, type TypographyLinkProps as aZ, type TypographyProps as a_, Modal as aa, type ModalActionResult as ab, type ModalOpenConfig as ac, type ModalProps as ad, type ModalType as ae, type NotificationConfig as af, type NotificationPlacement as ag, type NotificationType as ah, Popconfirm as ai, type PopconfirmProps as aj, Popover as ak, type PopoverProps as al, Progress as am, type ProgressProps as an, type ProgressStatus as ao, Rate as ap, type RateProps as aq, Segmented as ar, type SegmentedOption as as, type SegmentedProps as at, type SegmentedValue as au, Spin as av, type SpinProps as aw, type StepItem as ax, type StepStatus as ay, Steps as az, type ButtonSize as b, type TypographyType as b0, Upload as b1, type UploadChangeInfo as b2, type UploadDraggerProps as b3, type UploadFile as b4, type UploadFileStatus as b5, type UploadProps as b6, type UploadRequestOptions as b7, Watermark as b8, type WatermarkFont as b9, type WatermarkProps as ba, message as bb, notification as bc, type BadgeProps as c, Badge as d, type BadgeRibbonProps as e, type BadgeStatus as f, Breadcrumb as g, type BreadcrumbItem as h, type BreadcrumbProps as i, Button as j, type ButtonVariant as k, type CalendarProps as l, Card as m, type CardAccent as n, type CardProps as o, Carousel as p, type CarouselProps as q, type CarouselRef as r, Collapse as s, type CollapseItem as t, type CollapseKey as u, type CollapseProps as v, type DropdownButtonProps as w, type DropdownMenuProps as x, type DropdownOpenSource as y, type DropdownPlacement as z };

package/dist/core.cjs

@@ -989,6 +989,7 @@ function Tag({
   variant = "soft",
   icon,
   closable = false,
+  closeOnHover = false,
   disabled = false,
   onClose,
   className = "",
@@ -998,7 +999,7 @@ function Tag({
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "span",
     {
-      className: `sia-tag sia-tag--${status} sia-tag--${variant}${compact ? " sia-tag--compact" : ""}${disabled ? " sia-tag--disabled" : ""} ${className}`.trim(),
+      className: `sia-tag${closable && closeOnHover ? " sia-tag--close-on-hover" : ""} sia-tag--${status} sia-tag--${variant}${compact ? " sia-tag--compact" : ""}${disabled ? " sia-tag--disabled" : ""} ${className}`.trim(),
       "aria-disabled": disabled || void 0,
       ...props,
       children: [

package/dist/core.css

@@ -4729,6 +4729,145 @@ fieldset:disabled .sia-input-number__floating-placeholder {
     transition: none;
   }
 }
+.sia-query-form {
+  min-width: 0;
+  width: 100%;
+}
+.sia-query-form__fields {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  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);
+  min-width: 0;
+  max-width: 100%;
+}
+.sia-query-form__field[hidden] {
+  display: none;
+}
+.sia-query-form__field > .sia-input-control,
+.sia-query-form__field > .sia-select,
+.sia-query-form__field > .sia-picker,
+.sia-query-form__field > .sia-input-number,
+.sia-query-form__field > .sia-cascader,
+.sia-query-form__field > .sia-tree-select,
+.sia-query-form__field > .sia-select-date-range {
+  width: 100%;
+}
+.sia-query-form__field > .sia-space-compact {
+  width: 100%;
+}
+.sia-query-form__field > .sia-space-compact > .sia-select {
+  flex: 1;
+  min-width: 0;
+  width: 0;
+}
+.sia-query-form__actions {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.sia-query-form__quick,
+.sia-query-form__saved {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+.sia-query-form__quick {
+  margin-bottom: 8px;
+}
+.sia-query-form__saved {
+  margin-top: 10px;
+}
+.sia-query-form__saved > .sia-tag {
+  cursor: pointer;
+}
+.sia-query-form__saved > .sia-tag.is-active {
+  outline: 1px solid currentColor;
+}
+.sia-query-form__saved > .sia-tag:focus-visible {
+  outline: 2px solid var(--sia-color-primary);
+  outline-offset: 2px;
+}
+.sia-query-form__saved > .sia-tag--disabled {
+  cursor: not-allowed;
+}
+.sia-query-form__error {
+  margin: 8px 0 0;
+  color: var(--sia-color-error);
+  font-size: 13px;
+}
+@media (max-width: 600px) {
+  .sia-query-form__field {
+    flex-basis: 100% !important;
+    width: 100% !important;
+  }
+  .sia-query-form__actions {
+    width: 100%;
+  }
+}
+.sia-query-form__fields.is-collapsed {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  padding-bottom: 2px;
+}
+.sia-query-form__fields.is-collapsed > .sia-query-form__field {
+  flex: 0 0 auto;
+}
+.sia-query-form__fields.is-collapsed > .sia-query-form__actions {
+  flex: 0 0 auto;
+  flex-wrap: nowrap;
+  width: max-content;
+}
+@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;
+  }
+}
+.sia-query-form__quick > .sia-badge:has(.sia-badge__count) {
+  margin: 5px 12px 2px 0;
+}
+.sia-tag--close-on-hover > .sia-tag__close {
+  flex-shrink: 0;
+  width: 0;
+  margin-left: -4px;
+  margin-right: 0;
+  overflow: hidden;
+  opacity: 0;
+  pointer-events: none;
+  transition:
+    width 180ms ease,
+    margin 180ms ease,
+    opacity 180ms ease;
+}
+.sia-tag--close-on-hover:not(.sia-tag--disabled):is(:hover, :focus-within) > .sia-tag__close {
+  width: 16px;
+  margin-left: 0;
+  margin-right: -4px;
+  opacity: 1;
+  pointer-events: auto;
+}
+@media (hover: none) {
+  .sia-tag--close-on-hover:not(.sia-tag--disabled) > .sia-tag__close {
+    width: 16px;
+    margin-left: 0;
+    margin-right: -4px;
+    opacity: 1;
+    pointer-events: auto;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .sia-tag--close-on-hover > .sia-tag__close {
+    transition: none;
+  }
+}
 
 /* src/components-extra.css */
 .sia-flex {

package/dist/core.d.cts

@@ -1,4 +1,4 @@
-export { f as Breadcrumb, g as BreadcrumbItem, h as BreadcrumbProps, i as Button, B as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, 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, bb as message } from './core-BK8AXc12.cjs';
+export { g as Breadcrumb, h as BreadcrumbItem, i as BreadcrumbProps, j as Button, B as ButtonProps, b as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, U as IconVariant, _ as Input, $ as InputProps, a6 as MessageConfig, a7 as MessageHandle, a8 as MessageKey, a9 as MessageType, aa as Modal, ab as ModalActionResult, ac as ModalOpenConfig, ad as ModalProps, ae as ModalType, a as OverlayApiHandle, am as Progress, an as ProgressProps, ao as ProgressStatus, ar as Segmented, as as SegmentedOption, at as SegmentedProps, au as SegmentedValue, aB as TabItem, aC as Tabs, aE as TabsOrientation, aF as TabsPosition, aG as TabsProps, aH as TabsType, aI as Tag, aJ as TagProps, T as TagStatus, aK as TagVariant, 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, bb as message } from './core-AeKYVPDZ.cjs';
 export { S as Select, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-CVvF4mcy.cjs';
 import 'react';
 import './shared-DAYZvZVu.cjs';

package/dist/core.d.ts

@@ -1,4 +1,4 @@
-export { f as Breadcrumb, g as BreadcrumbItem, h as BreadcrumbProps, i as Button, B as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, 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, bb as message } from './core-CJK3_KTQ.js';
+export { g as Breadcrumb, h as BreadcrumbItem, i as BreadcrumbProps, j as Button, B as ButtonProps, b as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, U as IconVariant, _ as Input, $ as InputProps, a6 as MessageConfig, a7 as MessageHandle, a8 as MessageKey, a9 as MessageType, aa as Modal, ab as ModalActionResult, ac as ModalOpenConfig, ad as ModalProps, ae as ModalType, a as OverlayApiHandle, am as Progress, an as ProgressProps, ao as ProgressStatus, ar as Segmented, as as SegmentedOption, at as SegmentedProps, au as SegmentedValue, aB as TabItem, aC as Tabs, aE as TabsOrientation, aF as TabsPosition, aG as TabsProps, aH as TabsType, aI as Tag, aJ as TagProps, T as TagStatus, aK as TagVariant, 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, bb as message } from './core-DcSXqSRs.js';
 export { S as Select, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-Ce2Irbpt.js';
 import 'react';
 import './shared-DAYZvZVu.js';

package/dist/core.js

@@ -9,7 +9,7 @@ import {
   Typography,
   Upload,
   message
-} from "./chunk-K3XRTEIO.js";
+} from "./chunk-E7F47Z2C.js";
 import "./chunk-YT6E3X2K.js";
 import {
   Modal,

package/dist/index.cjs

@@ -101,6 +101,7 @@ __export(index_exports, {
   Popconfirm: () => Popconfirm,
   Popover: () => Popover,
   Progress: () => Progress,
+  QueryForm: () => QueryForm,
   RadarChart: () => RadarChart,
   Radio: () => Radio2,
   Rate: () => Rate,
@@ -9585,6 +9586,7 @@ function Tag({
   variant = "soft",
   icon,
   closable = false,
+  closeOnHover = false,
   disabled = false,
   onClose,
   className = "",
@@ -9594,7 +9596,7 @@ function Tag({
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     "span",
     {
-      className: `sia-tag sia-tag--${status} sia-tag--${variant}${compact ? " sia-tag--compact" : ""}${disabled ? " sia-tag--disabled" : ""} ${className}`.trim(),
+      className: `sia-tag${closable && closeOnHover ? " sia-tag--close-on-hover" : ""} sia-tag--${status} sia-tag--${variant}${compact ? " sia-tag--compact" : ""}${disabled ? " sia-tag--disabled" : ""} ${className}`.trim(),
       "aria-disabled": disabled || void 0,
       ...props,
       children: [
@@ -20893,6 +20895,293 @@ var InputSelect = (0, import_react86.forwardRef)(function InputSelect2({
     )
   ] });
 });
+
+// src/components/QueryForm.tsx
+var import_react87 = require("react");
+var import_jsx_runtime87 = require("react/jsx-runtime");
+function QueryForm({
+  fields,
+  children,
+  form: providedForm,
+  onSearch,
+  loading = false,
+  fieldWidth = 220,
+  collapsible = true,
+  collapsed: controlledCollapsed,
+  defaultCollapsed = false,
+  collapsedCount = 3,
+  onCollapsedChange,
+  quickQueries = [],
+  quickQuerySize = "small",
+  savedQueries = [],
+  shortcutsLoading = false,
+  onSaveQuery,
+  onRemoveQuery,
+  onError,
+  searchText = "\u67E5\u8BE2",
+  resetText = "\u91CD\u7F6E",
+  saveText = "\u53E6\u5B58\u4E3A\u5FEB\u6377\u67E5\u8BE2",
+  resetSearch = true,
+  actionsExtra,
+  disabled = false,
+  className = "",
+  placeholderMode = "floating",
+  onValuesChange,
+  onFinishFailed,
+  ...formProps
+}) {
+  const [form] = useForm(providedForm);
+  const [internalCollapsed, setInternalCollapsed] = (0, import_react87.useState)(defaultCollapsed);
+  const collapsed = collapsible && (controlledCollapsed ?? internalCollapsed);
+  const [searching, setSearching] = (0, import_react87.useState)(false);
+  const [saving, setSaving] = (0, import_react87.useState)(false);
+  const [removing, setRemoving] = (0, import_react87.useState)(false);
+  const [saveOpen, setSaveOpen] = (0, import_react87.useState)(false);
+  const [saveName, setSaveName] = (0, import_react87.useState)("");
+  const [saveError, setSaveError] = (0, import_react87.useState)("");
+  const [error, setError] = (0, import_react87.useState)("");
+  const [activeShortcut, setActiveShortcut] = (0, import_react87.useState)("");
+  const source = (0, import_react87.useRef)({ source: "submit" });
+  const searchLock = (0, import_react87.useRef)(false);
+  const saveLock = (0, import_react87.useRef)(false);
+  const removeLock = (0, import_react87.useRef)(false);
+  const snapshot = (0, import_react87.useRef)();
+  const busy = disabled || loading || searching;
+  const shortcutBusy = busy || shortcutsLoading || saving || removing;
+  const entries = fields ? fields.map(({ key, width, ...item }) => ({ key, width, content: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Form.Item, { noStyle: true, ...item }) })) : import_react87.Children.toArray(children).map((content, index) => ({ key: String(index), width: void 0, content }));
+  const limit = Math.max(1, Math.floor(collapsedCount));
+  const rowRef = (0, import_react87.useRef)(null);
+  const actionsRef = (0, import_react87.useRef)(null);
+  const [fittingCount, setFittingCount] = (0, import_react87.useState)(limit);
+  (0, import_react87.useLayoutEffect)(() => {
+    if (!collapsed) return;
+    const row = rowRef.current;
+    const actions = actionsRef.current;
+    if (!row || !actions) return;
+    function measure() {
+      if (!row || !actions) return;
+      const gap = parseFloat(getComputedStyle(row).columnGap) || 0;
+      let remaining = row.clientWidth - actions.getBoundingClientRect().width;
+      let count = 0;
+      for (const field of Array.from(row.querySelectorAll(":scope > .sia-query-form__field")).slice(0, limit)) {
+        const width = parseFloat(getComputedStyle(field).width) || 220;
+        if (remaining + 0.5 < width + gap) break;
+        remaining -= width + gap;
+        count++;
+      }
+      setFittingCount(count);
+    }
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(row);
+    observer.observe(actions);
+    row.querySelectorAll(":scope > .sia-query-form__field").forEach((field) => observer.observe(field));
+    return () => observer.disconnect();
+  }, [collapsed, limit, fieldWidth, fields, children]);
+  async function search(values) {
+    const info = source.current;
+    source.current = { source: "submit" };
+    if (searchLock.current || disabled || loading) return;
+    searchLock.current = true;
+    setSearching(true);
+    setError("");
+    try {
+      await onSearch(values, info);
+    } catch (reason) {
+      setError(reason instanceof Error ? reason.message : "\u67E5\u8BE2\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+      onError?.(reason, "search");
+    } finally {
+      searchLock.current = false;
+      setSearching(false);
+    }
+  }
+  function applyShortcut(query, kind) {
+    if (shortcutBusy || query.disabled) return;
+    form.resetFields();
+    form.setFieldsValue(query.values);
+    source.current = { source: kind, shortcutKey: query.key };
+    setActiveShortcut(`${kind}:${query.key}`);
+    form.submit();
+  }
+  function reset() {
+    if (busy) return;
+    form.resetFields();
+    setActiveShortcut("");
+    setError("");
+    if (resetSearch) {
+      source.current = { source: "reset" };
+      form.submit();
+    }
+  }
+  async function save() {
+    if (!onSaveQuery || saveLock.current) return false;
+    const name = saveName.trim();
+    if (!name) {
+      setSaveError("\u8BF7\u8F93\u5165\u5FEB\u6377\u67E5\u8BE2\u540D\u79F0");
+      return false;
+    }
+    if (!snapshot.current) return false;
+    saveLock.current = true;
+    setSaving(true);
+    setSaveError("");
+    try {
+      await onSaveQuery({ name, values: snapshot.current });
+      setSaveOpen(false);
+    } catch (reason) {
+      setSaveError(reason instanceof Error ? reason.message : "\u4FDD\u5B58\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+      onError?.(reason, "save");
+      return false;
+    } finally {
+      saveLock.current = false;
+      setSaving(false);
+    }
+  }
+  async function remove(query) {
+    if (!onRemoveQuery || shortcutBusy || removeLock.current) return;
+    removeLock.current = true;
+    setRemoving(true);
+    setError("");
+    try {
+      await onRemoveQuery(query);
+      if (activeShortcut === `saved:${query.key}`) setActiveShortcut("");
+    } catch (reason) {
+      setError(reason instanceof Error ? reason.message : "\u5220\u9664\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+      onError?.(reason, "remove");
+    } finally {
+      removeLock.current = false;
+      setRemoving(false);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: `sia-query-form ${className}`.trim(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+      Form,
+      {
+        ...formProps,
+        form,
+        placeholderMode,
+        disabled,
+        onFinish: (values) => {
+          void search(values);
+        },
+        onFinishFailed: (info) => {
+          source.current = { source: "submit" };
+          onFinishFailed?.(info);
+        },
+        onValuesChange: (changed, values) => {
+          setActiveShortcut("");
+          onValuesChange?.(changed, values);
+        },
+        children: [
+          quickQueries.length ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "sia-query-form__quick", "aria-label": "\u9884\u8BBE\u5FEB\u6377\u67E5\u8BE2", children: [
+            quickQueries.map((query) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Badge, { className: "sia-query-form__quick-badge", showZero: true, size: "small", title: query.count === void 0 ? void 0 : `\u5171 ${query.count} \u6761`, ...query.badgeProps, count: query.count, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+              Button,
+              {
+                size: query.size ?? quickQuerySize,
+                "aria-pressed": activeShortcut === `quick:${query.key}`,
+                variant: activeShortcut === `quick:${query.key}` ? "primary" : "default",
+                disabled: shortcutBusy || query.disabled,
+                onClick: () => applyShortcut(query, "quick"),
+                children: query.label
+              }
+            ) }, query.key)),
+            " "
+          ] }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { ref: rowRef, className: `sia-query-form__fields${collapsed ? " is-collapsed" : ""}`, style: { "--sia-query-field-width": typeof fieldWidth === "number" ? `${fieldWidth}px` : fieldWidth }, children: [
+            entries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+              "div",
+              {
+                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,
+                children: entry.content
+              },
+              entry.key
+            )),
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { ref: actionsRef, className: "sia-query-form__actions", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Space.Compact, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { type: "submit", variant: "primary", loading: loading || searching, disabled, children: searchText }),
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { disabled: busy, onClick: reset, children: resetText }),
+                onSaveQuery ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { disabled: shortcutBusy, onClick: () => {
+                  snapshot.current = form.getFieldsValue();
+                  setSaveName("");
+                  setSaveError("");
+                  setSaveOpen(true);
+                }, children: saveText }) : null
+              ] }),
+              collapsible && entries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                Button,
+                {
+                  variant: "link",
+                  "aria-expanded": !collapsed,
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Icon, { name: collapsed ? "chevron-down" : "chevron-up" }),
+                  iconPosition: "end",
+                  onClick: () => {
+                    setInternalCollapsed(!collapsed);
+                    onCollapsedChange?.(!collapsed);
+                  },
+                  children: collapsed ? "\u5C55\u5F00" : "\u6536\u8D77"
+                }
+              ) : null,
+              actionsExtra
+            ] })
+          ] }),
+          savedQueries.length && !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "sia-query-form__saved", "aria-label": "\u5DF2\u4FDD\u5B58\u5FEB\u6377\u67E5\u8BE2", children: [
+            savedQueries.map((query, index) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+              Tag,
+              {
+                status: query.status ?? ["processing", "success", "warning", "error"][index % 4],
+                variant: "soft",
+                disabled: shortcutBusy || query.disabled,
+                tabIndex: shortcutBusy || query.disabled ? -1 : 0,
+                className: activeShortcut === `saved:${query.key}` ? "is-active" : "",
+                closable: Boolean(onRemoveQuery),
+                closeOnHover: true,
+                onClose: () => {
+                  void remove(query);
+                },
+                onClick: () => applyShortcut(query, "saved"),
+                onKeyDown: (event) => {
+                  if (event.target === event.currentTarget && (event.key === "Enter" || event.key === " ")) {
+                    event.preventDefault();
+                    applyShortcut(query, "saved");
+                  }
+                },
+                children: query.label
+              },
+              query.key
+            )),
+            " "
+          ] }) : null,
+          error ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "sia-query-form__error", role: "alert", children: error }) : null
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Modal2, { open: saveOpen, title: "\u53E6\u5B58\u4E3A\u5FEB\u6377\u67E5\u8BE2", width: 420, confirmLoading: saving, onOk: save, onOpenChange: (next) => {
+      if (!saveLock.current) setSaveOpen(next);
+    }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        Input,
+        {
+          autoFocus: true,
+          "aria-label": "\u5FEB\u6377\u67E5\u8BE2\u540D\u79F0",
+          placeholder: "\u5FEB\u6377\u67E5\u8BE2\u540D\u79F0",
+          value: saveName,
+          maxLength: 80,
+          disabled: saving,
+          status: saveError ? "error" : "default",
+          onChange: (event) => setSaveName(event.target.value),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") {
+              event.preventDefault();
+              void save();
+            }
+          }
+        }
+      ),
+      saveError ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "sia-query-form__error", role: "alert", children: saveError }) : null
+    ] })
+  ] });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
@@ -20966,6 +21255,7 @@ var InputSelect = (0, import_react86.forwardRef)(function InputSelect2({
   Popconfirm,
   Popover,
   Progress,
+  QueryForm,
   RadarChart,
   Radio,
   Rate,

package/dist/index.css

@@ -4729,6 +4729,145 @@ fieldset:disabled .sia-input-number__floating-placeholder {
     transition: none;
   }
 }
+.sia-query-form {
+  min-width: 0;
+  width: 100%;
+}
+.sia-query-form__fields {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  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);
+  min-width: 0;
+  max-width: 100%;
+}
+.sia-query-form__field[hidden] {
+  display: none;
+}
+.sia-query-form__field > .sia-input-control,
+.sia-query-form__field > .sia-select,
+.sia-query-form__field > .sia-picker,
+.sia-query-form__field > .sia-input-number,
+.sia-query-form__field > .sia-cascader,
+.sia-query-form__field > .sia-tree-select,
+.sia-query-form__field > .sia-select-date-range {
+  width: 100%;
+}
+.sia-query-form__field > .sia-space-compact {
+  width: 100%;
+}
+.sia-query-form__field > .sia-space-compact > .sia-select {
+  flex: 1;
+  min-width: 0;
+  width: 0;
+}
+.sia-query-form__actions {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.sia-query-form__quick,
+.sia-query-form__saved {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+.sia-query-form__quick {
+  margin-bottom: 8px;
+}
+.sia-query-form__saved {
+  margin-top: 10px;
+}
+.sia-query-form__saved > .sia-tag {
+  cursor: pointer;
+}
+.sia-query-form__saved > .sia-tag.is-active {
+  outline: 1px solid currentColor;
+}
+.sia-query-form__saved > .sia-tag:focus-visible {
+  outline: 2px solid var(--sia-color-primary);
+  outline-offset: 2px;
+}
+.sia-query-form__saved > .sia-tag--disabled {
+  cursor: not-allowed;
+}
+.sia-query-form__error {
+  margin: 8px 0 0;
+  color: var(--sia-color-error);
+  font-size: 13px;
+}
+@media (max-width: 600px) {
+  .sia-query-form__field {
+    flex-basis: 100% !important;
+    width: 100% !important;
+  }
+  .sia-query-form__actions {
+    width: 100%;
+  }
+}
+.sia-query-form__fields.is-collapsed {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  padding-bottom: 2px;
+}
+.sia-query-form__fields.is-collapsed > .sia-query-form__field {
+  flex: 0 0 auto;
+}
+.sia-query-form__fields.is-collapsed > .sia-query-form__actions {
+  flex: 0 0 auto;
+  flex-wrap: nowrap;
+  width: max-content;
+}
+@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;
+  }
+}
+.sia-query-form__quick > .sia-badge:has(.sia-badge__count) {
+  margin: 5px 12px 2px 0;
+}
+.sia-tag--close-on-hover > .sia-tag__close {
+  flex-shrink: 0;
+  width: 0;
+  margin-left: -4px;
+  margin-right: 0;
+  overflow: hidden;
+  opacity: 0;
+  pointer-events: none;
+  transition:
+    width 180ms ease,
+    margin 180ms ease,
+    opacity 180ms ease;
+}
+.sia-tag--close-on-hover:not(.sia-tag--disabled):is(:hover, :focus-within) > .sia-tag__close {
+  width: 16px;
+  margin-left: 0;
+  margin-right: -4px;
+  opacity: 1;
+  pointer-events: auto;
+}
+@media (hover: none) {
+  .sia-tag--close-on-hover:not(.sia-tag--disabled) > .sia-tag__close {
+    width: 16px;
+    margin-left: 0;
+    margin-right: -4px;
+    opacity: 1;
+    pointer-events: auto;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .sia-tag--close-on-hover > .sia-tag__close {
+    transition: none;
+  }
+}
 
 /* src/components-extra.css */
 .sia-flex {

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes } from 'react';
-import { O as OverlayContainer, a as OverlayApiHandle, B as ButtonProps } from './core-BK8AXc12.cjs';
-export { b as Badge, c as BadgeProps, d as BadgeRibbonProps, e as BadgeStatus, f as Breadcrumb, g as BreadcrumbItem, h as BreadcrumbProps, i as Button, j as ButtonSize, k as ButtonVariant, C as Calendar, l as CalendarProps, m as Card, n as CardAccent, o as CardProps, p as Carousel, q as CarouselProps, r as CarouselRef, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, D as Dropdown, w as DropdownButtonProps, x as DropdownMenuProps, y as DropdownOpenSource, z as DropdownPlacement, A as DropdownProps, E as DropdownTrigger, F as FILLED_ICON_NAMES, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, M as FloatingPlacement, N as FloatingTrigger, P as ICON_NAMES, Q as Icon, R as IconName, S as IconProps, T as IconVariant, U as Image, V as ImagePreview, W as ImagePreviewConfig, X as ImagePreviewProps, Y as ImageProps, Z as Input, _ as InputProps, $ as Menu, a0 as MenuClickInfo, a1 as MenuItem, a2 as MenuMode, a3 as MenuProps, a4 as MenuTheme, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, ae as NotificationConfig, af as NotificationPlacement, ag as NotificationType, ah as Popconfirm, ai as PopconfirmProps, aj as Popover, ak as PopoverProps, al as Progress, am as ProgressProps, an as ProgressStatus, ao as Rate, ap as RateProps, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, au as Spin, av as SpinProps, aw as StepItem, ax as StepStatus, ay as Steps, az as StepsProps, aA as TabItem, aB as Tabs, aC as TabsContextMenuClickInfo, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, 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-BK8AXc12.cjs';
+import { O as OverlayContainer, a as OverlayApiHandle, B as ButtonProps, T as TagStatus, b as ButtonSize, c as BadgeProps } from './core-AeKYVPDZ.cjs';
+export { d as Badge, e as BadgeRibbonProps, f as BadgeStatus, g as Breadcrumb, h as BreadcrumbItem, i as BreadcrumbProps, j as Button, k as ButtonVariant, C as Calendar, l as CalendarProps, m as Card, n as CardAccent, o as CardProps, p as Carousel, q as CarouselProps, r as CarouselRef, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, D as Dropdown, w as DropdownButtonProps, x as DropdownMenuProps, y as DropdownOpenSource, z as DropdownPlacement, A as DropdownProps, E as DropdownTrigger, F as FILLED_ICON_NAMES, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, M as FloatingPlacement, N as FloatingTrigger, P as ICON_NAMES, Q as Icon, R as IconName, S as IconProps, U as IconVariant, V as Image, W as ImagePreview, X as ImagePreviewConfig, Y as ImagePreviewProps, Z as ImageProps, _ as Input, $ as InputProps, a0 as Menu, a1 as MenuClickInfo, a2 as MenuItem, a3 as MenuMode, a4 as MenuProps, a5 as MenuTheme, a6 as MessageConfig, a7 as MessageHandle, a8 as MessageKey, a9 as MessageType, aa as Modal, ab as ModalActionResult, ac as ModalOpenConfig, 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-AeKYVPDZ.cjs';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-DAYZvZVu.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-shDQ5uJA.cjs';
 export { RichTextContent, RichTextContentFormat, RichTextContentProps, RichTextEditor, RichTextEditorProps, RichTextImagePasteHandler, RichTextToolbar } from './rich-text-editor.cjs';
@@ -1365,4 +1365,56 @@ interface InputSelectProps {
 }
 declare const InputSelect: react.ForwardRefExoticComponent<InputSelectProps & react.RefAttributes<HTMLInputElement>>;
 
-export { Alert, type AlertProps, type AlertStatus, type AnyTablePlugin, ButtonProps, Cascader, type CascaderFieldNames, type CascaderOption, type CascaderProps, type CascaderValue, Checkbox, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, type CheckboxValue, Col, type ColProps, type ColSize, ColorPicker, type ColorPickerMode, type ColorPickerPreset, type ColorPickerProps, ControlSize, ControlStatus, DEFAULT_PAGE_SIZE_OPTIONS, Divider, type DividerProps, Drawer, type DrawerOpenConfig, type DrawerPlacement, type DrawerProps, type DrawerPush, type DrawerPushConfig, Editor, type EditorCommand, type EditorCompletionContext, type EditorCompletionItem, type EditorCompletionItemKind, type EditorCompletionProvider, type EditorContextMenuItem, type EditorHandle, type EditorKeyDownEvent, type EditorLanguage, type EditorMarker, type EditorProps, type EditorRange, type EditorSelectionChange, type EditorTheme, type FlatTreeNode, type FlatTreeOptions, Flex, type FlexProps, FloatingScrollbarProvider, type FloatingScrollbarProviderProps, Form, type FormErrorField, type FormInstance, type FormItemProps, type FormListField, type FormListOperation, type FormListProps, type FormProps, type FormRule, type FormValues, type GridBreakpoint, InputNumber, type InputNumberProps, InputPlaceholderMode, InputSelect, type InputSelectProps, type LayoutGap, Markdown, type MarkdownProps, type NamePath, OverlayApiHandle, Pagination, type PaginationProps, Radio, type RadioGroupProps, type RadioOption, type RadioProps, type RadioValue, Row, type RowProps, SIA_THEME, type SelectionOption, SelectionPanel, type SelectionPanelProps, type SelectionValue, type SiaThemeMode, Slider, type SliderMark, type SliderProps, type SliderValue, Space, type SpaceCompactProps, type SpaceProps, Splitter, type SplitterPanelProps, type SplitterProps, Switch, type SwitchProps, type SwitchVariant, Table, type TableAlign, type TableCellAddress, type TableCellRange, type TableCellRenderInfo, type TableCellSelectionApi, type TableCellSelectionPluginOptions, type TableColumn, type TableColumnSettingApi, type TableColumnSettingItem, type TableColumnSettingPluginOptions, type TableColumnTransformPluginOptions, type TableEditableApi, type TableEditableCellConfig, type TableEditableCellType, type TableEditablePluginOptions, type TableExportApi, type TableExportPluginOptions, type TableExportScope, type TableFilterApi, type TableFilterPluginOptions, type TableFilterValues, type TableFixed, type TableHighlightPluginOptions, type TableHighlightValue, type TableIndexPluginOptions, type TableKey, type TableMergeStickyConfig, type TablePageParams, type TablePaginationApi, type TablePaginationPluginOptions, type TablePlugin, type TablePluginCellProps, type TablePluginContext, type TablePluginEvent, type TableProps, type TableRef, type TableResizeApi, type TableResizePluginOptions, type TableRow, type TableRowSpanPluginOptions, type TableSelectedCell, type TableSelectionApi, type TableSelectionMode, type TableSelectionPluginOptions, type TableSettingsAdapter, type TableSettingsSnapshot, type TableSize, type TableSortApi, type TableSortInfo, type TableSortPluginOptions, type TableSummaryPluginOptions, type TableSummaryRow, type TableToolbarItem, type TableToolbarPluginOptions, type TableTreeApi, type TableTreePluginOptions, TextArea, type TextAreaProps, ThemeSwitch, type ThemeSwitchProps, TimePicker, type TimePickerProps, type TimeRangePickerProps, ToolPanel, type ToolPanelItem, type ToolPanelPlacement, type ToolPanelProps, TreeSelect, type TreeSelectNode, type TreeSelectProps, type TreeSelectValue, Treemap, type TreemapNode, type TreemapNodeClickInfo, type TreemapNodeKind, type TreemapProps, type WindowAction, type WindowActionHandler, type WindowControlAction, type WindowControlLabels, WindowControls, type WindowControlsProps, WindowFrame, type WindowFrameProps, WindowTitleBar, type WindowTitleBarActionsAlign, type WindowTitleBarProps, applySiaTheme, buildFlatTree, createCellSelectionPlugin, createColumnSettingPlugin, createColumnTransformPlugin, createEditablePlugin, createExportPlugin, createFilterPlugin, createHighlightPlugin, createIndexPlugin, createLocalStorageTableSettingsAdapter, createPaginationPlugin, createResizePlugin, createRowSpanPlugin, createSelectionPlugin, createSortPlugin, createSummaryPlugin, createToolbarPlugin, createTreePlugin, useForm };
+interface QueryFormField extends FormItemProps {
+    key: string;
+    /** 字段占用宽度，默认由 fieldWidth 控制；组合字段可指定更大的宽度。 */
+    width?: number | string;
+}
+interface QueryFormShortcut<T extends FormValues = FormValues> {
+    key: string;
+    label: ReactNode;
+    values: Partial<T>;
+    disabled?: boolean;
+    status?: TagStatus;
+    /** 顶部快捷查询按钮尺寸，优先于 quickQuerySize。 */
+    size?: ButtonSize;
+    /** 该快捷查询对应的数据总量，由业务接口提供。 */
+    count?: number;
+    badgeProps?: Omit<BadgeProps, "children" | "count">;
+}
+interface QueryFormSearchInfo {
+    source: "submit" | "reset" | "quick" | "saved";
+    shortcutKey?: string;
+}
+interface QueryFormProps<T extends FormValues = FormValues> extends Omit<FormProps, "onFinish" | "children" | "onError"> {
+    fields?: readonly QueryFormField[];
+    /** 也可直接放入 Form.Item 或 Space.Compact，每个直接子项视为一个查询字段。 */
+    children?: ReactNode;
+    onSearch: (values: T, info: QueryFormSearchInfo) => void | Promise<void>;
+    loading?: boolean;
+    fieldWidth?: number | string;
+    collapsible?: boolean;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    collapsedCount?: number;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    quickQueries?: readonly QueryFormShortcut<T>[];
+    quickQuerySize?: ButtonSize;
+    savedQueries?: readonly QueryFormShortcut<T>[];
+    shortcutsLoading?: boolean;
+    onSaveQuery?: (query: {
+        name: string;
+        values: T;
+    }) => void | Promise<void>;
+    onRemoveQuery?: (query: QueryFormShortcut<T>) => void | Promise<void>;
+    onError?: (error: unknown, operation: "search" | "save" | "remove") => void;
+    searchText?: ReactNode;
+    resetText?: ReactNode;
+    saveText?: ReactNode;
+    resetSearch?: boolean;
+    actionsExtra?: ReactNode;
+}
+/** 可复用的业务查询表单；快捷查询的存储和结果数据由业务方管理。 */
+declare function QueryForm<T extends FormValues = FormValues>({ fields, children, form: providedForm, onSearch, loading, fieldWidth, collapsible, collapsed: controlledCollapsed, defaultCollapsed, collapsedCount, onCollapsedChange, quickQueries, quickQuerySize, savedQueries, shortcutsLoading, onSaveQuery, onRemoveQuery, onError, searchText, resetText, saveText, resetSearch, actionsExtra, disabled, className, placeholderMode, onValuesChange, onFinishFailed, ...formProps }: QueryFormProps<T>): react.JSX.Element;
+
+export { Alert, type AlertProps, type AlertStatus, type AnyTablePlugin, BadgeProps, ButtonProps, ButtonSize, Cascader, type CascaderFieldNames, type CascaderOption, type CascaderProps, type CascaderValue, Checkbox, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, type CheckboxValue, Col, type ColProps, type ColSize, ColorPicker, type ColorPickerMode, type ColorPickerPreset, type ColorPickerProps, ControlSize, ControlStatus, DEFAULT_PAGE_SIZE_OPTIONS, Divider, type DividerProps, Drawer, type DrawerOpenConfig, type DrawerPlacement, type DrawerProps, type DrawerPush, type DrawerPushConfig, Editor, type EditorCommand, type EditorCompletionContext, type EditorCompletionItem, type EditorCompletionItemKind, type EditorCompletionProvider, type EditorContextMenuItem, type EditorHandle, type EditorKeyDownEvent, type EditorLanguage, type EditorMarker, type EditorProps, type EditorRange, type EditorSelectionChange, type EditorTheme, type FlatTreeNode, type FlatTreeOptions, Flex, type FlexProps, FloatingScrollbarProvider, type FloatingScrollbarProviderProps, Form, type FormErrorField, type FormInstance, type FormItemProps, type FormListField, type FormListOperation, type FormListProps, type FormProps, type FormRule, type FormValues, type GridBreakpoint, InputNumber, type InputNumberProps, InputPlaceholderMode, InputSelect, type InputSelectProps, type LayoutGap, Markdown, type MarkdownProps, type NamePath, OverlayApiHandle, Pagination, type PaginationProps, QueryForm, type QueryFormField, type QueryFormProps, type QueryFormSearchInfo, type QueryFormShortcut, Radio, type RadioGroupProps, type RadioOption, type RadioProps, type RadioValue, Row, type RowProps, SIA_THEME, type SelectionOption, SelectionPanel, type SelectionPanelProps, type SelectionValue, type SiaThemeMode, Slider, type SliderMark, type SliderProps, type SliderValue, Space, type SpaceCompactProps, type SpaceProps, Splitter, type SplitterPanelProps, type SplitterProps, Switch, type SwitchProps, type SwitchVariant, Table, type TableAlign, type TableCellAddress, type TableCellRange, type TableCellRenderInfo, type TableCellSelectionApi, type TableCellSelectionPluginOptions, type TableColumn, type TableColumnSettingApi, type TableColumnSettingItem, type TableColumnSettingPluginOptions, type TableColumnTransformPluginOptions, type TableEditableApi, type TableEditableCellConfig, type TableEditableCellType, type TableEditablePluginOptions, type TableExportApi, type TableExportPluginOptions, type TableExportScope, type TableFilterApi, type TableFilterPluginOptions, type TableFilterValues, type TableFixed, type TableHighlightPluginOptions, type TableHighlightValue, type TableIndexPluginOptions, type TableKey, type TableMergeStickyConfig, type TablePageParams, type TablePaginationApi, type TablePaginationPluginOptions, type TablePlugin, type TablePluginCellProps, type TablePluginContext, type TablePluginEvent, type TableProps, type TableRef, type TableResizeApi, type TableResizePluginOptions, type TableRow, type TableRowSpanPluginOptions, type TableSelectedCell, type TableSelectionApi, type TableSelectionMode, type TableSelectionPluginOptions, type TableSettingsAdapter, type TableSettingsSnapshot, type TableSize, type TableSortApi, type TableSortInfo, type TableSortPluginOptions, type TableSummaryPluginOptions, type TableSummaryRow, type TableToolbarItem, type TableToolbarPluginOptions, type TableTreeApi, type TableTreePluginOptions, TagStatus, TextArea, type TextAreaProps, ThemeSwitch, type ThemeSwitchProps, TimePicker, type TimePickerProps, type TimeRangePickerProps, ToolPanel, type ToolPanelItem, type ToolPanelPlacement, type ToolPanelProps, TreeSelect, type TreeSelectNode, type TreeSelectProps, type TreeSelectValue, Treemap, type TreemapNode, type TreemapNodeClickInfo, type TreemapNodeKind, type TreemapProps, type WindowAction, type WindowActionHandler, type WindowControlAction, type WindowControlLabels, WindowControls, type WindowControlsProps, WindowFrame, type WindowFrameProps, WindowTitleBar, type WindowTitleBarActionsAlign, type WindowTitleBarProps, applySiaTheme, buildFlatTree, createCellSelectionPlugin, createColumnSettingPlugin, createColumnTransformPlugin, createEditablePlugin, createExportPlugin, createFilterPlugin, createHighlightPlugin, createIndexPlugin, createLocalStorageTableSettingsAdapter, createPaginationPlugin, createResizePlugin, createRowSpanPlugin, createSelectionPlugin, createSortPlugin, createSummaryPlugin, createToolbarPlugin, createTreePlugin, useForm };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes } from 'react';
-import { O as OverlayContainer, a as OverlayApiHandle, B as ButtonProps } from './core-CJK3_KTQ.js';
-export { b as Badge, c as BadgeProps, d as BadgeRibbonProps, e as BadgeStatus, f as Breadcrumb, g as BreadcrumbItem, h as BreadcrumbProps, i as Button, j as ButtonSize, k as ButtonVariant, C as Calendar, l as CalendarProps, m as Card, n as CardAccent, o as CardProps, p as Carousel, q as CarouselProps, r as CarouselRef, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, D as Dropdown, w as DropdownButtonProps, x as DropdownMenuProps, y as DropdownOpenSource, z as DropdownPlacement, A as DropdownProps, E as DropdownTrigger, F as FILLED_ICON_NAMES, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, M as FloatingPlacement, N as FloatingTrigger, P as ICON_NAMES, Q as Icon, R as IconName, S as IconProps, T as IconVariant, U as Image, V as ImagePreview, W as ImagePreviewConfig, X as ImagePreviewProps, Y as ImageProps, Z as Input, _ as InputProps, $ as Menu, a0 as MenuClickInfo, a1 as MenuItem, a2 as MenuMode, a3 as MenuProps, a4 as MenuTheme, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, ae as NotificationConfig, af as NotificationPlacement, ag as NotificationType, ah as Popconfirm, ai as PopconfirmProps, aj as Popover, ak as PopoverProps, al as Progress, am as ProgressProps, an as ProgressStatus, ao as Rate, ap as RateProps, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, au as Spin, av as SpinProps, aw as StepItem, ax as StepStatus, ay as Steps, az as StepsProps, aA as TabItem, aB as Tabs, aC as TabsContextMenuClickInfo, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, 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-CJK3_KTQ.js';
+import { O as OverlayContainer, a as OverlayApiHandle, B as ButtonProps, T as TagStatus, b as ButtonSize, c as BadgeProps } from './core-DcSXqSRs.js';
+export { d as Badge, e as BadgeRibbonProps, f as BadgeStatus, g as Breadcrumb, h as BreadcrumbItem, i as BreadcrumbProps, j as Button, k as ButtonVariant, C as Calendar, l as CalendarProps, m as Card, n as CardAccent, o as CardProps, p as Carousel, q as CarouselProps, r as CarouselRef, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, D as Dropdown, w as DropdownButtonProps, x as DropdownMenuProps, y as DropdownOpenSource, z as DropdownPlacement, A as DropdownProps, E as DropdownTrigger, F as FILLED_ICON_NAMES, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, M as FloatingPlacement, N as FloatingTrigger, P as ICON_NAMES, Q as Icon, R as IconName, S as IconProps, U as IconVariant, V as Image, W as ImagePreview, X as ImagePreviewConfig, Y as ImagePreviewProps, Z as ImageProps, _ as Input, $ as InputProps, a0 as Menu, a1 as MenuClickInfo, a2 as MenuItem, a3 as MenuMode, a4 as MenuProps, a5 as MenuTheme, a6 as MessageConfig, a7 as MessageHandle, a8 as MessageKey, a9 as MessageType, aa as Modal, ab as ModalActionResult, ac as ModalOpenConfig, 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-DcSXqSRs.js';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-DAYZvZVu.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-Bdb-hi9c.js';
 export { RichTextContent, RichTextContentFormat, RichTextContentProps, RichTextEditor, RichTextEditorProps, RichTextImagePasteHandler, RichTextToolbar } from './rich-text-editor.js';
@@ -1365,4 +1365,56 @@ interface InputSelectProps {
 }
 declare const InputSelect: react.ForwardRefExoticComponent<InputSelectProps & react.RefAttributes<HTMLInputElement>>;
 
-export { Alert, type AlertProps, type AlertStatus, type AnyTablePlugin, ButtonProps, Cascader, type CascaderFieldNames, type CascaderOption, type CascaderProps, type CascaderValue, Checkbox, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, type CheckboxValue, Col, type ColProps, type ColSize, ColorPicker, type ColorPickerMode, type ColorPickerPreset, type ColorPickerProps, ControlSize, ControlStatus, DEFAULT_PAGE_SIZE_OPTIONS, Divider, type DividerProps, Drawer, type DrawerOpenConfig, type DrawerPlacement, type DrawerProps, type DrawerPush, type DrawerPushConfig, Editor, type EditorCommand, type EditorCompletionContext, type EditorCompletionItem, type EditorCompletionItemKind, type EditorCompletionProvider, type EditorContextMenuItem, type EditorHandle, type EditorKeyDownEvent, type EditorLanguage, type EditorMarker, type EditorProps, type EditorRange, type EditorSelectionChange, type EditorTheme, type FlatTreeNode, type FlatTreeOptions, Flex, type FlexProps, FloatingScrollbarProvider, type FloatingScrollbarProviderProps, Form, type FormErrorField, type FormInstance, type FormItemProps, type FormListField, type FormListOperation, type FormListProps, type FormProps, type FormRule, type FormValues, type GridBreakpoint, InputNumber, type InputNumberProps, InputPlaceholderMode, InputSelect, type InputSelectProps, type LayoutGap, Markdown, type MarkdownProps, type NamePath, OverlayApiHandle, Pagination, type PaginationProps, Radio, type RadioGroupProps, type RadioOption, type RadioProps, type RadioValue, Row, type RowProps, SIA_THEME, type SelectionOption, SelectionPanel, type SelectionPanelProps, type SelectionValue, type SiaThemeMode, Slider, type SliderMark, type SliderProps, type SliderValue, Space, type SpaceCompactProps, type SpaceProps, Splitter, type SplitterPanelProps, type SplitterProps, Switch, type SwitchProps, type SwitchVariant, Table, type TableAlign, type TableCellAddress, type TableCellRange, type TableCellRenderInfo, type TableCellSelectionApi, type TableCellSelectionPluginOptions, type TableColumn, type TableColumnSettingApi, type TableColumnSettingItem, type TableColumnSettingPluginOptions, type TableColumnTransformPluginOptions, type TableEditableApi, type TableEditableCellConfig, type TableEditableCellType, type TableEditablePluginOptions, type TableExportApi, type TableExportPluginOptions, type TableExportScope, type TableFilterApi, type TableFilterPluginOptions, type TableFilterValues, type TableFixed, type TableHighlightPluginOptions, type TableHighlightValue, type TableIndexPluginOptions, type TableKey, type TableMergeStickyConfig, type TablePageParams, type TablePaginationApi, type TablePaginationPluginOptions, type TablePlugin, type TablePluginCellProps, type TablePluginContext, type TablePluginEvent, type TableProps, type TableRef, type TableResizeApi, type TableResizePluginOptions, type TableRow, type TableRowSpanPluginOptions, type TableSelectedCell, type TableSelectionApi, type TableSelectionMode, type TableSelectionPluginOptions, type TableSettingsAdapter, type TableSettingsSnapshot, type TableSize, type TableSortApi, type TableSortInfo, type TableSortPluginOptions, type TableSummaryPluginOptions, type TableSummaryRow, type TableToolbarItem, type TableToolbarPluginOptions, type TableTreeApi, type TableTreePluginOptions, TextArea, type TextAreaProps, ThemeSwitch, type ThemeSwitchProps, TimePicker, type TimePickerProps, type TimeRangePickerProps, ToolPanel, type ToolPanelItem, type ToolPanelPlacement, type ToolPanelProps, TreeSelect, type TreeSelectNode, type TreeSelectProps, type TreeSelectValue, Treemap, type TreemapNode, type TreemapNodeClickInfo, type TreemapNodeKind, type TreemapProps, type WindowAction, type WindowActionHandler, type WindowControlAction, type WindowControlLabels, WindowControls, type WindowControlsProps, WindowFrame, type WindowFrameProps, WindowTitleBar, type WindowTitleBarActionsAlign, type WindowTitleBarProps, applySiaTheme, buildFlatTree, createCellSelectionPlugin, createColumnSettingPlugin, createColumnTransformPlugin, createEditablePlugin, createExportPlugin, createFilterPlugin, createHighlightPlugin, createIndexPlugin, createLocalStorageTableSettingsAdapter, createPaginationPlugin, createResizePlugin, createRowSpanPlugin, createSelectionPlugin, createSortPlugin, createSummaryPlugin, createToolbarPlugin, createTreePlugin, useForm };
+interface QueryFormField extends FormItemProps {
+    key: string;
+    /** 字段占用宽度，默认由 fieldWidth 控制；组合字段可指定更大的宽度。 */
+    width?: number | string;
+}
+interface QueryFormShortcut<T extends FormValues = FormValues> {
+    key: string;
+    label: ReactNode;
+    values: Partial<T>;
+    disabled?: boolean;
+    status?: TagStatus;
+    /** 顶部快捷查询按钮尺寸，优先于 quickQuerySize。 */
+    size?: ButtonSize;
+    /** 该快捷查询对应的数据总量，由业务接口提供。 */
+    count?: number;
+    badgeProps?: Omit<BadgeProps, "children" | "count">;
+}
+interface QueryFormSearchInfo {
+    source: "submit" | "reset" | "quick" | "saved";
+    shortcutKey?: string;
+}
+interface QueryFormProps<T extends FormValues = FormValues> extends Omit<FormProps, "onFinish" | "children" | "onError"> {
+    fields?: readonly QueryFormField[];
+    /** 也可直接放入 Form.Item 或 Space.Compact，每个直接子项视为一个查询字段。 */
+    children?: ReactNode;
+    onSearch: (values: T, info: QueryFormSearchInfo) => void | Promise<void>;
+    loading?: boolean;
+    fieldWidth?: number | string;
+    collapsible?: boolean;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    collapsedCount?: number;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    quickQueries?: readonly QueryFormShortcut<T>[];
+    quickQuerySize?: ButtonSize;
+    savedQueries?: readonly QueryFormShortcut<T>[];
+    shortcutsLoading?: boolean;
+    onSaveQuery?: (query: {
+        name: string;
+        values: T;
+    }) => void | Promise<void>;
+    onRemoveQuery?: (query: QueryFormShortcut<T>) => void | Promise<void>;
+    onError?: (error: unknown, operation: "search" | "save" | "remove") => void;
+    searchText?: ReactNode;
+    resetText?: ReactNode;
+    saveText?: ReactNode;
+    resetSearch?: boolean;
+    actionsExtra?: ReactNode;
+}
+/** 可复用的业务查询表单；快捷查询的存储和结果数据由业务方管理。 */
+declare function QueryForm<T extends FormValues = FormValues>({ fields, children, form: providedForm, onSearch, loading, fieldWidth, collapsible, collapsed: controlledCollapsed, defaultCollapsed, collapsedCount, onCollapsedChange, quickQueries, quickQuerySize, savedQueries, shortcutsLoading, onSaveQuery, onRemoveQuery, onError, searchText, resetText, saveText, resetSearch, actionsExtra, disabled, className, placeholderMode, onValuesChange, onFinishFailed, ...formProps }: QueryFormProps<T>): react.JSX.Element;
+
+export { Alert, type AlertProps, type AlertStatus, type AnyTablePlugin, BadgeProps, ButtonProps, ButtonSize, Cascader, type CascaderFieldNames, type CascaderOption, type CascaderProps, type CascaderValue, Checkbox, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, type CheckboxValue, Col, type ColProps, type ColSize, ColorPicker, type ColorPickerMode, type ColorPickerPreset, type ColorPickerProps, ControlSize, ControlStatus, DEFAULT_PAGE_SIZE_OPTIONS, Divider, type DividerProps, Drawer, type DrawerOpenConfig, type DrawerPlacement, type DrawerProps, type DrawerPush, type DrawerPushConfig, Editor, type EditorCommand, type EditorCompletionContext, type EditorCompletionItem, type EditorCompletionItemKind, type EditorCompletionProvider, type EditorContextMenuItem, type EditorHandle, type EditorKeyDownEvent, type EditorLanguage, type EditorMarker, type EditorProps, type EditorRange, type EditorSelectionChange, type EditorTheme, type FlatTreeNode, type FlatTreeOptions, Flex, type FlexProps, FloatingScrollbarProvider, type FloatingScrollbarProviderProps, Form, type FormErrorField, type FormInstance, type FormItemProps, type FormListField, type FormListOperation, type FormListProps, type FormProps, type FormRule, type FormValues, type GridBreakpoint, InputNumber, type InputNumberProps, InputPlaceholderMode, InputSelect, type InputSelectProps, type LayoutGap, Markdown, type MarkdownProps, type NamePath, OverlayApiHandle, Pagination, type PaginationProps, QueryForm, type QueryFormField, type QueryFormProps, type QueryFormSearchInfo, type QueryFormShortcut, Radio, type RadioGroupProps, type RadioOption, type RadioProps, type RadioValue, Row, type RowProps, SIA_THEME, type SelectionOption, SelectionPanel, type SelectionPanelProps, type SelectionValue, type SiaThemeMode, Slider, type SliderMark, type SliderProps, type SliderValue, Space, type SpaceCompactProps, type SpaceProps, Splitter, type SplitterPanelProps, type SplitterProps, Switch, type SwitchProps, type SwitchVariant, Table, type TableAlign, type TableCellAddress, type TableCellRange, type TableCellRenderInfo, type TableCellSelectionApi, type TableCellSelectionPluginOptions, type TableColumn, type TableColumnSettingApi, type TableColumnSettingItem, type TableColumnSettingPluginOptions, type TableColumnTransformPluginOptions, type TableEditableApi, type TableEditableCellConfig, type TableEditableCellType, type TableEditablePluginOptions, type TableExportApi, type TableExportPluginOptions, type TableExportScope, type TableFilterApi, type TableFilterPluginOptions, type TableFilterValues, type TableFixed, type TableHighlightPluginOptions, type TableHighlightValue, type TableIndexPluginOptions, type TableKey, type TableMergeStickyConfig, type TablePageParams, type TablePaginationApi, type TablePaginationPluginOptions, type TablePlugin, type TablePluginCellProps, type TablePluginContext, type TablePluginEvent, type TableProps, type TableRef, type TableResizeApi, type TableResizePluginOptions, type TableRow, type TableRowSpanPluginOptions, type TableSelectedCell, type TableSelectionApi, type TableSelectionMode, type TableSelectionPluginOptions, type TableSettingsAdapter, type TableSettingsSnapshot, type TableSize, type TableSortApi, type TableSortInfo, type TableSortPluginOptions, type TableSummaryPluginOptions, type TableSummaryRow, type TableToolbarItem, type TableToolbarPluginOptions, type TableTreeApi, type TableTreePluginOptions, TagStatus, TextArea, type TextAreaProps, ThemeSwitch, type ThemeSwitchProps, TimePicker, type TimePickerProps, type TimeRangePickerProps, ToolPanel, type ToolPanelItem, type ToolPanelPlacement, type ToolPanelProps, TreeSelect, type TreeSelectNode, type TreeSelectProps, type TreeSelectValue, Treemap, type TreemapNode, type TreemapNodeClickInfo, type TreemapNodeKind, type TreemapProps, type WindowAction, type WindowActionHandler, type WindowControlAction, type WindowControlLabels, WindowControls, type WindowControlsProps, WindowFrame, type WindowFrameProps, WindowTitleBar, type WindowTitleBarActionsAlign, type WindowTitleBarProps, applySiaTheme, buildFlatTree, createCellSelectionPlugin, createColumnSettingPlugin, createColumnTransformPlugin, createEditablePlugin, createExportPlugin, createFilterPlugin, createHighlightPlugin, createIndexPlugin, createLocalStorageTableSettingsAdapter, createPaginationPlugin, createResizePlugin, createRowSpanPlugin, createSelectionPlugin, createSortPlugin, createSummaryPlugin, createToolbarPlugin, createTreePlugin, useForm };

package/dist/index.js

@@ -79,7 +79,7 @@ import {
   Watermark,
   message,
   notification
-} from "./chunk-K3XRTEIO.js";
+} from "./chunk-E7F47Z2C.js";
 import {
   TextArea
 } from "./chunk-YT6E3X2K.js";
@@ -7547,6 +7547,293 @@ var InputSelect = forwardRef7(function InputSelect2({
     )
   ] });
 });
+
+// src/components/QueryForm.tsx
+import { Children as Children4, useLayoutEffect as useLayoutEffect3, useRef as useRef17, useState as useState19 } from "react";
+import { jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
+function QueryForm({
+  fields,
+  children,
+  form: providedForm,
+  onSearch,
+  loading = false,
+  fieldWidth = 220,
+  collapsible = true,
+  collapsed: controlledCollapsed,
+  defaultCollapsed = false,
+  collapsedCount = 3,
+  onCollapsedChange,
+  quickQueries = [],
+  quickQuerySize = "small",
+  savedQueries = [],
+  shortcutsLoading = false,
+  onSaveQuery,
+  onRemoveQuery,
+  onError,
+  searchText = "\u67E5\u8BE2",
+  resetText = "\u91CD\u7F6E",
+  saveText = "\u53E6\u5B58\u4E3A\u5FEB\u6377\u67E5\u8BE2",
+  resetSearch = true,
+  actionsExtra,
+  disabled = false,
+  className = "",
+  placeholderMode = "floating",
+  onValuesChange,
+  onFinishFailed,
+  ...formProps
+}) {
+  const [form] = useForm(providedForm);
+  const [internalCollapsed, setInternalCollapsed] = useState19(defaultCollapsed);
+  const collapsed = collapsible && (controlledCollapsed ?? internalCollapsed);
+  const [searching, setSearching] = useState19(false);
+  const [saving, setSaving] = useState19(false);
+  const [removing, setRemoving] = useState19(false);
+  const [saveOpen, setSaveOpen] = useState19(false);
+  const [saveName, setSaveName] = useState19("");
+  const [saveError, setSaveError] = useState19("");
+  const [error, setError] = useState19("");
+  const [activeShortcut, setActiveShortcut] = useState19("");
+  const source = useRef17({ source: "submit" });
+  const searchLock = useRef17(false);
+  const saveLock = useRef17(false);
+  const removeLock = useRef17(false);
+  const snapshot = useRef17();
+  const busy = disabled || loading || searching;
+  const shortcutBusy = busy || shortcutsLoading || saving || removing;
+  const entries = fields ? fields.map(({ key, width, ...item }) => ({ key, width, content: /* @__PURE__ */ jsx24(Form.Item, { noStyle: true, ...item }) })) : Children4.toArray(children).map((content, index) => ({ key: String(index), width: void 0, content }));
+  const limit = Math.max(1, Math.floor(collapsedCount));
+  const rowRef = useRef17(null);
+  const actionsRef = useRef17(null);
+  const [fittingCount, setFittingCount] = useState19(limit);
+  useLayoutEffect3(() => {
+    if (!collapsed) return;
+    const row = rowRef.current;
+    const actions = actionsRef.current;
+    if (!row || !actions) return;
+    function measure() {
+      if (!row || !actions) return;
+      const gap = parseFloat(getComputedStyle(row).columnGap) || 0;
+      let remaining = row.clientWidth - actions.getBoundingClientRect().width;
+      let count = 0;
+      for (const field of Array.from(row.querySelectorAll(":scope > .sia-query-form__field")).slice(0, limit)) {
+        const width = parseFloat(getComputedStyle(field).width) || 220;
+        if (remaining + 0.5 < width + gap) break;
+        remaining -= width + gap;
+        count++;
+      }
+      setFittingCount(count);
+    }
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(row);
+    observer.observe(actions);
+    row.querySelectorAll(":scope > .sia-query-form__field").forEach((field) => observer.observe(field));
+    return () => observer.disconnect();
+  }, [collapsed, limit, fieldWidth, fields, children]);
+  async function search(values) {
+    const info = source.current;
+    source.current = { source: "submit" };
+    if (searchLock.current || disabled || loading) return;
+    searchLock.current = true;
+    setSearching(true);
+    setError("");
+    try {
+      await onSearch(values, info);
+    } catch (reason) {
+      setError(reason instanceof Error ? reason.message : "\u67E5\u8BE2\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+      onError?.(reason, "search");
+    } finally {
+      searchLock.current = false;
+      setSearching(false);
+    }
+  }
+  function applyShortcut(query, kind) {
+    if (shortcutBusy || query.disabled) return;
+    form.resetFields();
+    form.setFieldsValue(query.values);
+    source.current = { source: kind, shortcutKey: query.key };
+    setActiveShortcut(`${kind}:${query.key}`);
+    form.submit();
+  }
+  function reset() {
+    if (busy) return;
+    form.resetFields();
+    setActiveShortcut("");
+    setError("");
+    if (resetSearch) {
+      source.current = { source: "reset" };
+      form.submit();
+    }
+  }
+  async function save() {
+    if (!onSaveQuery || saveLock.current) return false;
+    const name = saveName.trim();
+    if (!name) {
+      setSaveError("\u8BF7\u8F93\u5165\u5FEB\u6377\u67E5\u8BE2\u540D\u79F0");
+      return false;
+    }
+    if (!snapshot.current) return false;
+    saveLock.current = true;
+    setSaving(true);
+    setSaveError("");
+    try {
+      await onSaveQuery({ name, values: snapshot.current });
+      setSaveOpen(false);
+    } catch (reason) {
+      setSaveError(reason instanceof Error ? reason.message : "\u4FDD\u5B58\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+      onError?.(reason, "save");
+      return false;
+    } finally {
+      saveLock.current = false;
+      setSaving(false);
+    }
+  }
+  async function remove(query) {
+    if (!onRemoveQuery || shortcutBusy || removeLock.current) return;
+    removeLock.current = true;
+    setRemoving(true);
+    setError("");
+    try {
+      await onRemoveQuery(query);
+      if (activeShortcut === `saved:${query.key}`) setActiveShortcut("");
+    } catch (reason) {
+      setError(reason instanceof Error ? reason.message : "\u5220\u9664\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+      onError?.(reason, "remove");
+    } finally {
+      removeLock.current = false;
+      setRemoving(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs23("div", { className: `sia-query-form ${className}`.trim(), children: [
+    /* @__PURE__ */ jsxs23(
+      Form,
+      {
+        ...formProps,
+        form,
+        placeholderMode,
+        disabled,
+        onFinish: (values) => {
+          void search(values);
+        },
+        onFinishFailed: (info) => {
+          source.current = { source: "submit" };
+          onFinishFailed?.(info);
+        },
+        onValuesChange: (changed, values) => {
+          setActiveShortcut("");
+          onValuesChange?.(changed, values);
+        },
+        children: [
+          quickQueries.length ? /* @__PURE__ */ jsxs23("div", { className: "sia-query-form__quick", "aria-label": "\u9884\u8BBE\u5FEB\u6377\u67E5\u8BE2", children: [
+            quickQueries.map((query) => /* @__PURE__ */ jsx24(Badge, { className: "sia-query-form__quick-badge", showZero: true, size: "small", title: query.count === void 0 ? void 0 : `\u5171 ${query.count} \u6761`, ...query.badgeProps, count: query.count, children: /* @__PURE__ */ jsx24(
+              Button,
+              {
+                size: query.size ?? quickQuerySize,
+                "aria-pressed": activeShortcut === `quick:${query.key}`,
+                variant: activeShortcut === `quick:${query.key}` ? "primary" : "default",
+                disabled: shortcutBusy || query.disabled,
+                onClick: () => applyShortcut(query, "quick"),
+                children: query.label
+              }
+            ) }, query.key)),
+            " "
+          ] }) : null,
+          /* @__PURE__ */ jsxs23("div", { ref: rowRef, className: `sia-query-form__fields${collapsed ? " is-collapsed" : ""}`, style: { "--sia-query-field-width": typeof fieldWidth === "number" ? `${fieldWidth}px` : fieldWidth }, children: [
+            entries.map((entry, index) => /* @__PURE__ */ jsx24(
+              "div",
+              {
+                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,
+                children: entry.content
+              },
+              entry.key
+            )),
+            /* @__PURE__ */ jsxs23("div", { ref: actionsRef, className: "sia-query-form__actions", children: [
+              /* @__PURE__ */ jsxs23(Space.Compact, { children: [
+                /* @__PURE__ */ jsx24(Button, { type: "submit", variant: "primary", loading: loading || searching, disabled, children: searchText }),
+                /* @__PURE__ */ jsx24(Button, { disabled: busy, onClick: reset, children: resetText }),
+                onSaveQuery ? /* @__PURE__ */ jsx24(Button, { disabled: shortcutBusy, onClick: () => {
+                  snapshot.current = form.getFieldsValue();
+                  setSaveName("");
+                  setSaveError("");
+                  setSaveOpen(true);
+                }, children: saveText }) : null
+              ] }),
+              collapsible && entries.length > 0 ? /* @__PURE__ */ jsx24(
+                Button,
+                {
+                  variant: "link",
+                  "aria-expanded": !collapsed,
+                  icon: /* @__PURE__ */ jsx24(Icon, { name: collapsed ? "chevron-down" : "chevron-up" }),
+                  iconPosition: "end",
+                  onClick: () => {
+                    setInternalCollapsed(!collapsed);
+                    onCollapsedChange?.(!collapsed);
+                  },
+                  children: collapsed ? "\u5C55\u5F00" : "\u6536\u8D77"
+                }
+              ) : null,
+              actionsExtra
+            ] })
+          ] }),
+          savedQueries.length && !collapsed ? /* @__PURE__ */ jsxs23("div", { className: "sia-query-form__saved", "aria-label": "\u5DF2\u4FDD\u5B58\u5FEB\u6377\u67E5\u8BE2", children: [
+            savedQueries.map((query, index) => /* @__PURE__ */ jsx24(
+              Tag,
+              {
+                status: query.status ?? ["processing", "success", "warning", "error"][index % 4],
+                variant: "soft",
+                disabled: shortcutBusy || query.disabled,
+                tabIndex: shortcutBusy || query.disabled ? -1 : 0,
+                className: activeShortcut === `saved:${query.key}` ? "is-active" : "",
+                closable: Boolean(onRemoveQuery),
+                closeOnHover: true,
+                onClose: () => {
+                  void remove(query);
+                },
+                onClick: () => applyShortcut(query, "saved"),
+                onKeyDown: (event) => {
+                  if (event.target === event.currentTarget && (event.key === "Enter" || event.key === " ")) {
+                    event.preventDefault();
+                    applyShortcut(query, "saved");
+                  }
+                },
+                children: query.label
+              },
+              query.key
+            )),
+            " "
+          ] }) : null,
+          error ? /* @__PURE__ */ jsx24("p", { className: "sia-query-form__error", role: "alert", children: error }) : null
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs23(Modal, { open: saveOpen, title: "\u53E6\u5B58\u4E3A\u5FEB\u6377\u67E5\u8BE2", width: 420, confirmLoading: saving, onOk: save, onOpenChange: (next) => {
+      if (!saveLock.current) setSaveOpen(next);
+    }, children: [
+      /* @__PURE__ */ jsx24(
+        Input,
+        {
+          autoFocus: true,
+          "aria-label": "\u5FEB\u6377\u67E5\u8BE2\u540D\u79F0",
+          placeholder: "\u5FEB\u6377\u67E5\u8BE2\u540D\u79F0",
+          value: saveName,
+          maxLength: 80,
+          disabled: saving,
+          status: saveError ? "error" : "default",
+          onChange: (event) => setSaveName(event.target.value),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") {
+              event.preventDefault();
+              void save();
+            }
+          }
+        }
+      ),
+      saveError ? /* @__PURE__ */ jsx24("p", { className: "sia-query-form__error", role: "alert", children: saveError }) : null
+    ] })
+  ] });
+}
 export {
   Alert,
   Badge,
@@ -7619,6 +7906,7 @@ export {
   Popconfirm,
   Popover,
   Progress,
+  QueryForm,
   RadarChart,
   Radio2 as Radio,
   Rate,

package/package.json

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