@sia.soul/sia-react-ui 0.1.34 → 0.1.36

package/dist/index.css

@@ -3219,7 +3219,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 .sia-tabs--tech-line > .sia-tabs__header {
   min-height: 50px;
-  padding: 0 28px;
+  padding: 0 12px;
   background: var(--sia-tabs-line-surface);
   gap: 28px;
 }
@@ -3377,7 +3377,6 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   .sia-tabs--tech-line.sia-tabs--horizontal > .sia-tabs__header {
     flex-wrap: wrap;
     gap: 0;
-    padding-inline: 16px;
   }
   .sia-tabs--tech-line.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__title {
     flex-basis: 100%;
@@ -7120,16 +7119,24 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   grid-column: 2 / -1;
   font-size: 12px;
 }
-.sia-upload__item > .sia-upload__remove {
+.sia-upload__actions {
+  display: inline-flex;
   grid-column: 3;
   grid-row: 1;
-  width: 28px;
-  height: 28px;
+  align-items: center;
+  gap: 2px;
+  flex: 0 0 auto;
+}
+.sia-upload__actions > .sia-button {
+  width: 26px;
+  height: 26px;
+  min-width: 0;
+  padding: 0;
 }
 .sia-upload__item--error {
   border-color: var(--sia-color-error);
 }
-.sia-upload__item--error > .sia-upload__remove {
+.sia-upload__item--error .sia-upload__remove {
   color: var(--sia-color-error);
 }
 .sia-upload__thumbnail.sia-button {
@@ -7178,8 +7185,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-upload--picture-card .sia-upload__item,
 .sia-upload--picture-card .sia-upload__choose {
   box-sizing: border-box;
-  width: 112px;
-  height: 112px;
+  width: var(--sia-upload-card-width, 112px);
+  height: var(--sia-upload-card-height, 112px);
   border: 1px solid var(--sia-color-border);
   border-radius: 9px;
 }
@@ -7189,7 +7196,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   justify-content: center;
   padding: 8px;
   gap: 4px;
-  overflow: hidden;
+  overflow: visible;
 }
 .sia-upload--picture-card .sia-upload__choose {
   display: flex;
@@ -7209,6 +7216,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   height: 70px;
   min-height: 0;
   flex: 1 1 auto;
+  overflow: hidden;
 }
 .sia-upload--picture-card .sia-upload__name {
   display: block;
@@ -7217,18 +7225,50 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   font-size: 12px;
   flex: 0 0 auto;
 }
-.sia-upload--picture-card .sia-upload__remove {
+.sia-upload--picture-card .sia-upload__actions {
   position: absolute;
-  right: 3px;
-  top: 3px;
+  z-index: 1;
+  top: 50%;
+  left: 50%;
+  width: max-content;
+  justify-content: center;
+  padding: 3px;
+  border-radius: 6px;
   background: var(--sia-color-surface);
-  border-radius: 50%;
+  box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
   opacity: 0;
-  z-index: 1;
+  pointer-events: none;
+  transform: translate(-50%, -50%);
+  transition: opacity 150ms ease;
 }
-.sia-upload--picture-card .sia-upload__item:hover .sia-upload__remove,
-.sia-upload--picture-card .sia-upload__item:focus-within .sia-upload__remove {
+.sia-upload--picture-card .sia-upload__item:hover .sia-upload__actions,
+.sia-upload--picture-card .sia-upload__item:has(:focus-visible) .sia-upload__actions {
   opacity: 1;
+  pointer-events: auto;
+}
+.sia-upload--picture-card .sia-upload__item:hover,
+.sia-upload--picture-card .sia-upload__item:has(:focus-visible) {
+  z-index: 2;
+}
+.sia-upload--compact-card .sia-upload__name,
+.sia-upload--compact-card .sia-upload__choose > span > span:not(.sia-icon) {
+  display: none;
+}
+.sia-upload--compact-card .sia-upload__choose > span {
+  gap: 0;
+}
+.sia-upload--compact-card .sia-upload__error {
+  position: absolute;
+  inset: auto 0 0;
+  border-radius: 0 0 8px 8px;
+  text-align: center;
+  background: var(--sia-color-surface);
+}
+.sia-upload--compact-card .sia-upload__uploading {
+  padding: 4px;
+  gap: 4px;
+  font-size: 10px;
+  border-radius: inherit;
 }
 .sia-upload--picture-card .sia-upload__item--error {
   border-color: var(--sia-color-error);
@@ -7273,8 +7313,14 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   cursor: not-allowed;
 }
 @media (hover: none) {
-  .sia-upload--picture-card .sia-upload__remove {
+  .sia-upload--picture-card .sia-upload__actions {
     opacity: 1;
+    pointer-events: auto;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .sia-upload--picture-card .sia-upload__actions {
+    transition: none;
   }
 }
 .sia-form > fieldset {
@@ -7296,7 +7342,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   text-align: right;
   line-height: 1.45;
 }
-.sia-form-item__label > span {
+.sia-form-item__required-mark {
   margin-right: 4px;
   color: var(--sia-color-error);
 }
@@ -8846,31 +8892,81 @@ button.sia-pagination__total:disabled {
   position: fixed;
   z-index: 1500;
   inset: 0;
-  display: grid;
-  place-items: center;
-  padding: 56px;
+  box-sizing: border-box;
   background: rgb(0 0 0 / 78%);
   animation: sia-fade-in 180ms ease;
 }
-.sia-image-preview > img {
-  max-width: 100%;
-  max-height: 100%;
-  object-fit: contain;
-}
-.sia-image-preview > button {
+.sia-image-preview__stage {
   position: absolute;
-  top: 18px;
-  right: 18px;
+  inset: 64px 24px 92px;
   display: grid;
+  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
   place-items: center;
+  overflow: hidden;
+}
+.sia-image-preview__stage > img {
+  display: block;
+  max-width: none;
+  max-height: none;
+  object-fit: contain;
+  user-select: none;
+  touch-action: none;
+  cursor: grab;
+}
+.sia-image-preview__stage > img:active {
+  cursor: grabbing;
+}
+.sia-image-preview .sia-image-preview__close {
+  position: absolute;
+  top: 16px;
+  right: 16px;
   width: 38px;
   height: 38px;
+  padding: 0;
   color: #fff;
-  cursor: pointer;
   background: rgb(255 255 255 / 12%);
   border: 0;
   border-radius: 50%;
 }
+.sia-image-preview__toolbar {
+  position: absolute;
+  bottom: 24px;
+  left: 50%;
+  display: flex;
+  box-sizing: border-box;
+  align-items: center;
+  gap: 6px;
+  max-width: calc(100% - 24px);
+  padding: 6px 12px;
+  border-radius: 28px;
+  background: rgb(45 45 45 / 90%);
+  transform: translateX(-50%);
+}
+.sia-image-preview__scale {
+  flex: 0 0 48px;
+  color: #fff;
+  text-align: center;
+  font-size: 14px;
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+.sia-image-preview__toolbar > .sia-button {
+  flex: 0 1 36px;
+  width: 36px;
+  min-width: 0;
+  height: 36px;
+  padding: 0;
+  color: #fff;
+}
+.sia-image-preview__toolbar > .sia-button:hover:not(:disabled) {
+  background: rgb(255 255 255 / 16%);
+}
+.sia-image-preview__toolbar > .sia-button:disabled {
+  color: rgb(255 255 255 / 30%);
+}
+.sia-image-preview__error {
+  color: #fff;
+}
 body > .sia-popup-portal[data-sia-popup-layer] {
   position: fixed;
   z-index: 1080;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-CIj-Xevv.cjs';
-export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-CIj-Xevv.cjs';
+import { T as TagStatus, B as BadgeProps } from './core-CLt6U7oH.cjs';
+export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-CLt6U7oH.cjs';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.cjs';
@@ -765,11 +765,11 @@ interface FormProps extends Omit<FormHTMLAttributes<HTMLFormElement>, "onSubmit"
     onValuesChange?: (changedValues: FormValues, values: FormValues) => void;
 }
 declare function FormRoot({ form, initialValues, layout, size: sizeProp, placeholderMode, disabled, requiredMark, className, onFinish, onFinishFailed, onValuesChange, children, ...props }: FormProps): react.JSX.Element;
-/** 表单项的属性配置。根节点默认保留 6px 下外边距，适用于水平、垂直和行内布局，可通过 className 对应的样式覆盖。 */
+/** 表单项的字段绑定、标签、校验及内容配置。 */
 interface FormItemProps {
     /** 绑定到表单值的字段名或嵌套路径，例如 ["user", "name"]。 */
     name?: NamePath;
-    /** 展示给用户的名称，可传入文本或 React 节点。 */
+    /** 字段标签，支持文本或 React 节点。 */
     label?: ReactNode;
     /**
      * 字段的校验规则，按配置执行。
@@ -849,7 +849,7 @@ declare function FormErrorList({ errors }: {
 }): react.JSX.Element | null;
 /** 表单组件。 */
 declare const Form: typeof FormRoot & {
-    /** 表单字段，负责字段值绑定、校验和标签布局；默认下外边距为 6px。 */
+    /** 表单字段，负责字段值绑定、校验和标签布局。 */
     Item: typeof FormItem;
     /** 动态表单列表，提供字段索引以及新增、删除、移动操作。 */
     List: typeof FormList;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-Cj9bxBwT.js';
-export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-Cj9bxBwT.js';
+import { T as TagStatus, B as BadgeProps } from './core-vIHbXa6s.js';
+export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-vIHbXa6s.js';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.js';
@@ -765,11 +765,11 @@ interface FormProps extends Omit<FormHTMLAttributes<HTMLFormElement>, "onSubmit"
     onValuesChange?: (changedValues: FormValues, values: FormValues) => void;
 }
 declare function FormRoot({ form, initialValues, layout, size: sizeProp, placeholderMode, disabled, requiredMark, className, onFinish, onFinishFailed, onValuesChange, children, ...props }: FormProps): react.JSX.Element;
-/** 表单项的属性配置。根节点默认保留 6px 下外边距，适用于水平、垂直和行内布局，可通过 className 对应的样式覆盖。 */
+/** 表单项的字段绑定、标签、校验及内容配置。 */
 interface FormItemProps {
     /** 绑定到表单值的字段名或嵌套路径，例如 ["user", "name"]。 */
     name?: NamePath;
-    /** 展示给用户的名称，可传入文本或 React 节点。 */
+    /** 字段标签，支持文本或 React 节点。 */
     label?: ReactNode;
     /**
      * 字段的校验规则，按配置执行。
@@ -849,7 +849,7 @@ declare function FormErrorList({ errors }: {
 }): react.JSX.Element | null;
 /** 表单组件。 */
 declare const Form: typeof FormRoot & {
-    /** 表单字段，负责字段值绑定、校验和标签布局；默认下外边距为 6px。 */
+    /** 表单字段，负责字段值绑定、校验和标签布局。 */
     Item: typeof FormItem;
     /** 动态表单列表，提供字段索引以及新增、删除、移动操作。 */
     List: typeof FormList;

package/dist/index.js

@@ -80,7 +80,7 @@ import {
   Watermark,
   message,
   notification
-} from "./chunk-Z63VYNCR.js";
+} from "./chunk-7CPIEYS2.js";
 import {
   TextArea
 } from "./chunk-SMCYEPBL.js";
@@ -90,12 +90,12 @@ import {
 import {
   RichTextContent,
   RichTextEditor
-} from "./chunk-MHUYOGCG.js";
+} from "./chunk-ZDC7PMZN.js";
 import {
   DatePicker,
   SelectDateRange,
   TimePanel
-} from "./chunk-BR2SD6RD.js";
+} from "./chunk-6TLANQVX.js";
 import {
   Checkbox,
   FloatingScrollbarProvider,
@@ -110,7 +110,7 @@ import {
   Tree,
   useOverlayLifecycle,
   useScrollbarProximity
-} from "./chunk-QAVQEBIS.js";
+} from "./chunk-ZTJUFVJO.js";
 import {
   Dropdown,
   FILLED_ICON_NAMES,
@@ -120,7 +120,7 @@ import {
   Menu,
   Segmented,
   Steps
-} from "./chunk-HOU5JLNJ.js";
+} from "./chunk-XCVAVCIO.js";
 import {
   Button
 } from "./chunk-IKAMZNCK.js";
@@ -1752,7 +1752,7 @@ function FormItem({
   const hasError = status === "error" && Boolean(helpContent);
   return /* @__PURE__ */ jsxs9("div", { ref: itemRef, className: `sia-form-item${status ? ` sia-form-item--${status}` : ""} ${className}`.trim(), "data-sia-form-field": key || void 0, children: [
     label ? /* @__PURE__ */ jsxs9("div", { id: labelId, className: "sia-form-item__label", children: [
-      ruleRequired ? /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: "*" }) : null,
+      ruleRequired ? /* @__PURE__ */ jsx9("span", { className: "sia-form-item__required-mark", "aria-hidden": "true", children: "*" }) : null,
       label
     ] }) : null,
     /* @__PURE__ */ jsxs9("div", { className: "sia-form-item__control", children: [
@@ -1806,7 +1806,7 @@ function FormErrorList({ errors = [] }) {
   return errors.length ? /* @__PURE__ */ jsx9("div", { className: "sia-form-error-list", children: errors.map((error, index) => /* @__PURE__ */ jsx9("div", { children: error }, index)) }) : null;
 }
 var Form = Object.assign(FormRoot, {
-  /** 表单字段，负责字段值绑定、校验和标签布局；默认下外边距为 6px。 */
+  /** 表单字段，负责字段值绑定、校验和标签布局。 */
   Item: FormItem,
   /** 动态表单列表，提供字段索引以及新增、删除、移动操作。 */
   List: FormList,

package/dist/rich-text-editor.cjs

@@ -1001,6 +1001,17 @@ var coreIconPaths = {
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "10.8", cy: "10.8", r: "6.8" }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m15.8 15.8 5.2 5.2M7.8 10.8h6" })
   ] }),
+  // 图片变换工具使用独立图标，便于在预览及其他编辑界面复用。
+  "flip-horizontal": /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 3v18M3 6h5v12H3zM16 6h5v12h-5z" }) }),
+  "flip-vertical": /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M3 12h18M6 3h12v5H6zM6 16h12v5H6z" }) }),
+  "rotate-left": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M4 9a8 8 0 1 1 0 6M4 3v6h6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })
+  ] }),
+  "rotate-right": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M20 9a8 8 0 1 0 0 6M20 3v6h-6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })
+  ] }),
   download: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 3v12M7 10l5 5 5-5M4 20h16" }) }),
   upload: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 16V4M7 9l5-5 5 5M4 20h16" }) }),
   refresh: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [

package/dist/rich-text-editor.js

@@ -1,8 +1,8 @@
 import {
   RichTextContent,
   RichTextEditor
-} from "./chunk-MHUYOGCG.js";
-import "./chunk-HOU5JLNJ.js";
+} from "./chunk-ZDC7PMZN.js";
+import "./chunk-XCVAVCIO.js";
 import "./chunk-IKAMZNCK.js";
 import "./chunk-H7IAG72O.js";
 export {

package/dist/select-date-range.cjs

@@ -918,6 +918,17 @@ var coreIconPaths = {
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "10.8", cy: "10.8", r: "6.8" }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m15.8 15.8 5.2 5.2M7.8 10.8h6" })
   ] }),
+  // 图片变换工具使用独立图标，便于在预览及其他编辑界面复用。
+  "flip-horizontal": /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 3v18M3 6h5v12H3zM16 6h5v12h-5z" }) }),
+  "flip-vertical": /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M3 12h18M6 3h12v5H6zM6 16h12v5H6z" }) }),
+  "rotate-left": /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M4 9a8 8 0 1 1 0 6M4 3v6h6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })
+  ] }),
+  "rotate-right": /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M20 9a8 8 0 1 0 0 6M20 3v6h-6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })
+  ] }),
   download: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 3v12M7 10l5 5 5-5M4 20h16" }) }),
   upload: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 16V4M7 9l5-5 5 5M4 20h16" }) }),
   refresh: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [

package/dist/select-date-range.js

@@ -1,8 +1,8 @@
 import {
   SelectDateRange
-} from "./chunk-BR2SD6RD.js";
-import "./chunk-QAVQEBIS.js";
-import "./chunk-HOU5JLNJ.js";
+} from "./chunk-6TLANQVX.js";
+import "./chunk-ZTJUFVJO.js";
+import "./chunk-XCVAVCIO.js";
 import "./chunk-IKAMZNCK.js";
 import "./chunk-H7IAG72O.js";
 export {

package/package.json

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