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

package/dist/index.css

@@ -484,27 +484,47 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   position: absolute;
   box-sizing: border-box;
   cursor: default;
+  touch-action: none;
+}
+.sia-floating-scrollbar__thumb::before {
+  content: none;
+}
+.sia-floating-scrollbar__thumb::after {
+  content: "";
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  box-sizing: border-box;
+  pointer-events: none;
   background: var(--sia-scrollbar-thumb);
   border: 1px solid rgb(255 255 255 / 24%);
   border-radius: 999px;
   box-shadow: 0 1px 1px rgb(0 0 0 / 24%);
-  touch-action: none;
-  transition: background-color 120ms ease;
+  transition:
+    background-color 120ms ease,
+    width 150ms ease,
+    height 150ms ease;
 }
-.sia-floating-scrollbar__thumb:hover {
+.sia-floating-scrollbar__thumb:hover::after {
   background: var(--sia-scrollbar-thumb-hover);
 }
 .sia-floating-scrollbar--horizontal .sia-floating-scrollbar__thumb {
   bottom: 0;
   left: 0;
+  height: 100%;
+}
+.sia-floating-scrollbar--horizontal .sia-floating-scrollbar__thumb::after {
+  width: 100%;
   height: var(--sia-scrollbar-size);
-  transition: background-color 120ms ease, height 150ms ease;
 }
 .sia-floating-scrollbar--vertical .sia-floating-scrollbar__thumb {
   top: 0;
   right: 0;
+  width: 100%;
+}
+.sia-floating-scrollbar--vertical .sia-floating-scrollbar__thumb::after {
   width: var(--sia-scrollbar-size);
-  transition: background-color 120ms ease, width 150ms ease;
+  height: 100%;
 }
 .sia-button,
 .sia-input,
@@ -1788,7 +1808,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   display: flex;
   flex-direction: column;
   width: max-content;
-  min-width: 90px;
+  min-width: min(max(90px, var(--sia-popup-anchor-width, 0px)), calc(100vw - 16px));
   padding: 4px;
   background: var(--sia-color-surface);
   border: 1px solid var(--sia-color-border);
@@ -4868,6 +4888,9 @@ fieldset:disabled .sia-input-number__floating-placeholder {
     transition: none;
   }
 }
+.sia-table-settings__loading {
+  min-height: 160px;
+}
 
 /* src/components-extra.css */
 .sia-flex {
@@ -7130,6 +7153,15 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   display: inline-flex;
   flex: 0 0 auto;
 }
+.sia-menu__icon {
+  justify-content: center;
+  align-items: center;
+  width: var(--sia-menu-icon-size, 16px);
+  flex-basis: var(--sia-menu-icon-size, 16px);
+}
+.sia-menu__icon > * {
+  max-width: 100%;
+}
 .sia-menu__extra {
   color: var(--sia-color-text-secondary);
   font-size: 12px;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
 import { O as OverlayContainer, a as OverlayApiHandle, 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';
@@ -1278,8 +1278,10 @@ declare const ThemeSwitch: react.ForwardRefExoticComponent<ThemeSwitchProps & re
 
 interface FloatingScrollbarProviderProps {
     disabled?: boolean;
+    /** 仅接管指定容器；不传时接管页面中的滚动容器。 */
+    targetRef?: RefObject<HTMLElement | null>;
 }
-declare function FloatingScrollbarProvider({ disabled }: FloatingScrollbarProviderProps): null;
+declare function FloatingScrollbarProvider({ disabled, targetRef }: FloatingScrollbarProviderProps): null;
 
 type SiaThemeMode = "light" | "dark";
 declare const SIA_THEME: {

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
 import { O as OverlayContainer, a as OverlayApiHandle, 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';
@@ -1278,8 +1278,10 @@ declare const ThemeSwitch: react.ForwardRefExoticComponent<ThemeSwitchProps & re
 
 interface FloatingScrollbarProviderProps {
     disabled?: boolean;
+    /** 仅接管指定容器；不传时接管页面中的滚动容器。 */
+    targetRef?: RefObject<HTMLElement | null>;
 }
-declare function FloatingScrollbarProvider({ disabled }: FloatingScrollbarProviderProps): null;
+declare function FloatingScrollbarProvider({ disabled, targetRef }: FloatingScrollbarProviderProps): null;
 
 type SiaThemeMode = "light" | "dark";
 declare const SIA_THEME: {