@sia.soul/sia-react-ui 0.1.39 → 0.1.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -121,6 +121,16 @@ fieldset:disabled .sia-input-number__floating-placeholder {
121
121
  min-width: 0;
122
122
  height: 100%;
123
123
  }
124
+ .sia-picker-range-control__field.is-active::after {
125
+ content: "";
126
+ position: absolute;
127
+ right: 0;
128
+ bottom: -1px;
129
+ left: 0;
130
+ height: 3px;
131
+ background: var(--sia-color-primary);
132
+ pointer-events: none;
133
+ }
124
134
  .sia-picker-range-control__field.sia-placeholder-floating > .is-placeholder {
125
135
  color: transparent;
126
136
  }
@@ -405,7 +415,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
405
415
  --sia-control-height-large: 38px;
406
416
  --sia-control-height: var(--sia-control-height-medium);
407
417
  --sia-spacing: 16px;
408
- --sia-font-size: 16px;
418
+ --sia-font-size: 13px;
409
419
  --sia-font-size-small: 13px;
410
420
  --sia-control-font-size: 13px;
411
421
  --sia-font-size-large: 18px;
@@ -3284,11 +3294,11 @@ fieldset:disabled .sia-input-number__floating-placeholder {
3284
3294
  gap: 0;
3285
3295
  align-items: flex-start;
3286
3296
  padding-top: 13px;
3287
- padding-right: 40px;
3297
+ padding-right: 0;
3288
3298
  }
3289
3299
  .sia-tabs--tech-line.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__list {
3290
- overflow-x: auto;
3291
- overflow-y: hidden;
3300
+ overflow-x: clip;
3301
+ overflow-y: clip;
3292
3302
  }
3293
3303
  .sia-tabs--tech-line > .sia-tabs__header .sia-tabs__list::before {
3294
3304
  position: absolute;
@@ -3398,7 +3408,6 @@ fieldset:disabled .sia-input-number__floating-placeholder {
3398
3408
  }
3399
3409
  .sia-tabs--tech-line.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__list {
3400
3410
  max-width: 100%;
3401
- overflow-x: auto;
3402
3411
  padding: 8px 0;
3403
3412
  }
3404
3413
  .sia-tabs--tech-line.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__list::before {
@@ -3415,9 +3424,6 @@ fieldset:disabled .sia-input-number__floating-placeholder {
3415
3424
  max-width: none;
3416
3425
  min-height: 32px;
3417
3426
  }
3418
- .sia-tabs--tech.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__list {
3419
- overflow-x: auto;
3420
- }
3421
3427
  .sia-tabs--tech.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__tab-wrap {
3422
3428
  min-width: 96px;
3423
3429
  }
@@ -4656,7 +4662,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
4656
4662
  height: 34px;
4657
4663
  padding-inline: 22px;
4658
4664
  border-radius: 999px;
4659
- transition: background-color 240ms ease, color 240ms ease;
4665
+ transition: background-color 180ms ease, color 180ms ease;
4660
4666
  }
4661
4667
  .sia-tabs--capsule > .sia-tabs__header .sia-tabs__tab[aria-selected=true] {
4662
4668
  color: var(--sia-tabs-accent);
@@ -4682,7 +4688,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
4682
4688
  }
4683
4689
  .sia-tabs--underline > .sia-tabs__header .sia-tabs__tab {
4684
4690
  padding-inline: 22px;
4685
- transition: color 240ms ease;
4691
+ transition: color 180ms ease;
4686
4692
  }
4687
4693
  .sia-tabs--underline > .sia-tabs__header .sia-tabs__tab[aria-selected=true] {
4688
4694
  color: var(--sia-tabs-accent);
@@ -4717,9 +4723,9 @@ fieldset:disabled .sia-input-number__floating-placeholder {
4717
4723
  }
4718
4724
  .sia-tabs__capsule-indicator[data-ready=true] {
4719
4725
  transition:
4720
- transform 240ms ease,
4721
- width 240ms ease,
4722
- height 240ms ease;
4726
+ transform 180ms ease,
4727
+ width 180ms ease,
4728
+ height 180ms ease;
4723
4729
  }
4724
4730
  @media (prefers-reduced-motion: reduce) {
4725
4731
  .sia-tabs__capsule-indicator[data-ready=true] {
@@ -4740,15 +4746,15 @@ fieldset:disabled .sia-input-number__floating-placeholder {
4740
4746
  }
4741
4747
  .sia-tabs__indicator[data-ready=true] {
4742
4748
  transition:
4743
- transform 240ms ease,
4744
- width 240ms ease,
4745
- height 240ms ease;
4749
+ transform 180ms ease,
4750
+ width 180ms ease,
4751
+ height 180ms ease;
4746
4752
  }
4747
4753
  .sia-tabs--tech-line > .sia-tabs__header .sia-tabs__indicator[data-ready=true] {
4748
4754
  transition:
4749
- transform 300ms cubic-bezier(.4, 0, .2, 1),
4750
- width 300ms cubic-bezier(.4, 0, .2, 1),
4751
- height 300ms cubic-bezier(.4, 0, .2, 1);
4755
+ transform 180ms cubic-bezier(.4, 0, .2, 1),
4756
+ width 180ms cubic-bezier(.4, 0, .2, 1),
4757
+ height 180ms cubic-bezier(.4, 0, .2, 1);
4752
4758
  }
4753
4759
  .sia-tabs--line > .sia-tabs__header .sia-tabs__tab[aria-selected=true]::after {
4754
4760
  display: none;
@@ -5031,6 +5037,38 @@ fieldset:disabled .sia-input-number__floating-placeholder {
5031
5037
  flex-shrink: 0;
5032
5038
  flex-wrap: nowrap;
5033
5039
  }
5040
+ .sia-tabs--horizontal > .sia-tabs__header > .sia-tabs__list {
5041
+ position: relative;
5042
+ box-sizing: border-box;
5043
+ overflow: clip;
5044
+ min-width: 0;
5045
+ }
5046
+ .sia-tabs--horizontal > .sia-tabs__header > .sia-tabs__list > [data-tab-entry] {
5047
+ flex: 0 0 auto;
5048
+ width: max-content;
5049
+ }
5050
+ .sia-tabs--horizontal > .sia-tabs__header > .sia-tabs__list > [data-tab-hidden=true] {
5051
+ position: absolute;
5052
+ left: 0;
5053
+ top: 0;
5054
+ visibility: hidden;
5055
+ pointer-events: none;
5056
+ }
5057
+ .sia-tabs__more {
5058
+ display: inline-flex;
5059
+ flex: 0 0 auto;
5060
+ align-items: center;
5061
+ align-self: center;
5062
+ }
5063
+ .sia-tabs__more > .sia-button {
5064
+ width: 36px;
5065
+ height: 34px;
5066
+ padding: 0;
5067
+ }
5068
+ .sia-tabs__more > .sia-button.is-active {
5069
+ color: var(--sia-color-primary);
5070
+ background: var(--sia-color-primary-light);
5071
+ }
5034
5072
 
5035
5073
  /* src/components-extra.css */
5036
5074
  .sia-flex {
@@ -7352,6 +7390,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
7352
7390
  .sia-form-item__label {
7353
7391
  padding-top: 8px;
7354
7392
  text-align: right;
7393
+ font-size: 13px;
7355
7394
  line-height: 1.45;
7356
7395
  }
7357
7396
  .sia-form-item__required-mark {
@@ -9047,13 +9086,17 @@ body > .sia-popup-portal[data-sia-popup-layer] {
9047
9086
  border-top-width: 1px;
9048
9087
  border-left-width: 1px;
9049
9088
  }
9050
- .sia-floating__overlay--left .sia-floating__arrow {
9089
+ .sia-floating__overlay--left .sia-floating__arrow,
9090
+ .sia-floating__overlay--left-start .sia-floating__arrow,
9091
+ .sia-floating__overlay--left-end .sia-floating__arrow {
9051
9092
  top: var(--sia-floating-arrow-y, calc(50% - 4px));
9052
9093
  right: -4px;
9053
9094
  border-top-width: 1px;
9054
9095
  border-right-width: 1px;
9055
9096
  }
9056
- .sia-floating__overlay--right .sia-floating__arrow {
9097
+ .sia-floating__overlay--right .sia-floating__arrow,
9098
+ .sia-floating__overlay--right-start .sia-floating__arrow,
9099
+ .sia-floating__overlay--right-end .sia-floating__arrow {
9057
9100
  top: var(--sia-floating-arrow-y, calc(50% - 4px));
9058
9101
  left: -4px;
9059
9102
  border-bottom-width: 1px;
package/dist/index.d.cts CHANGED
@@ -1,11 +1,11 @@
1
- import { T as TagStatus, B as BadgeProps } from './core-D4opRFkZ.cjs';
2
- 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-D4opRFkZ.cjs';
1
+ import { T as TagStatus, B as BadgeProps } from './core-C2IieVNm.cjs';
2
+ 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-C2IieVNm.cjs';
3
3
  import * as react from 'react';
4
4
  import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
5
5
  import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.cjs';
6
6
  import { O as OverlayContainer, a as OverlayApiHandle, M as ModalOpenConfig, S as SelectOption, b as SelectChangeValue, c as SelectProps, d as ModalActionResult, B as ButtonProps, e as ButtonSize } from './Select-YJbT-MF1.cjs';
7
7
  export { f as Button, g as ButtonVariant, h as Modal, i as ModalProps, j as ModalType, k as Select, l as SelectMode, m as SelectValue } from './Select-YJbT-MF1.cjs';
8
- 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-CtA-B8DB.cjs';
8
+ 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-2galnCvZ.cjs';
9
9
  export { RichTextContent, RichTextContentFormat, RichTextContentProps, RichTextEditor, RichTextEditorProps, RichTextImagePasteHandler, RichTextToolbar } from './rich-text-editor.cjs';
10
10
  export { MarkdownEditor, MarkdownEditorMode, MarkdownEditorProps } from './markdown-editor.cjs';
11
11
  import * as Monaco from 'monaco-editor';
@@ -2839,8 +2839,8 @@ declare const SIA_THEME: {
2839
2839
  readonly controlHeight: 32;
2840
2840
  /** 默认布局间距,单位为像素。 */
2841
2841
  readonly spacing: 16;
2842
- /** 默认字号,单位为像素。 */
2843
- readonly fontSize: 16;
2842
+ /** 默认基础字号为 13 像素,对应 --sia-font-size;业务可通过 CSS 变量覆盖。 */
2843
+ readonly fontSize: 13;
2844
2844
  /** 默认小号文字尺寸为 13 像素,对应 --sia-font-size-small;业务可通过 CSS 变量覆盖。 */
2845
2845
  readonly fontSizeSmall: 13;
2846
2846
  /** 大号文字尺寸,单位为像素。 */
package/dist/index.d.ts CHANGED
@@ -1,11 +1,11 @@
1
- import { T as TagStatus, B as BadgeProps } from './core-VNY_7WRq.js';
2
- 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-VNY_7WRq.js';
1
+ import { T as TagStatus, B as BadgeProps } from './core-ZmKnvCFV.js';
2
+ 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-ZmKnvCFV.js';
3
3
  import * as react from 'react';
4
4
  import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
5
5
  import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.js';
6
6
  import { O as OverlayContainer, a as OverlayApiHandle, M as ModalOpenConfig, S as SelectOption, b as SelectChangeValue, c as SelectProps, d as ModalActionResult, B as ButtonProps, e as ButtonSize } from './Select-CCrPqULn.js';
7
7
  export { f as Button, g as ButtonVariant, h as Modal, i as ModalProps, j as ModalType, k as Select, l as SelectMode, m as SelectValue } from './Select-CCrPqULn.js';
8
- 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-D9W_mmMq.js';
8
+ 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-Dtj6XF9I.js';
9
9
  export { RichTextContent, RichTextContentFormat, RichTextContentProps, RichTextEditor, RichTextEditorProps, RichTextImagePasteHandler, RichTextToolbar } from './rich-text-editor.js';
10
10
  export { MarkdownEditor, MarkdownEditorMode, MarkdownEditorProps } from './markdown-editor.js';
11
11
  import * as Monaco from 'monaco-editor';
@@ -2839,8 +2839,8 @@ declare const SIA_THEME: {
2839
2839
  readonly controlHeight: 32;
2840
2840
  /** 默认布局间距,单位为像素。 */
2841
2841
  readonly spacing: 16;
2842
- /** 默认字号,单位为像素。 */
2843
- readonly fontSize: 16;
2842
+ /** 默认基础字号为 13 像素,对应 --sia-font-size;业务可通过 CSS 变量覆盖。 */
2843
+ readonly fontSize: 13;
2844
2844
  /** 默认小号文字尺寸为 13 像素,对应 --sia-font-size-small;业务可通过 CSS 变量覆盖。 */
2845
2845
  readonly fontSizeSmall: 13;
2846
2846
  /** 大号文字尺寸,单位为像素。 */
package/dist/index.js CHANGED
@@ -80,7 +80,7 @@ import {
80
80
  Watermark,
81
81
  message,
82
82
  notification
83
- } from "./chunk-WR7XTQRU.js";
83
+ } from "./chunk-IPDCEXQO.js";
84
84
  import {
85
85
  TextArea
86
86
  } from "./chunk-SMCYEPBL.js";
@@ -95,7 +95,7 @@ import {
95
95
  DatePicker,
96
96
  SelectDateRange,
97
97
  TimePanel
98
- } from "./chunk-GLS4WVIZ.js";
98
+ } from "./chunk-LWVZEUGJ.js";
99
99
  import {
100
100
  Checkbox,
101
101
  FloatingScrollbarProvider,
@@ -110,7 +110,7 @@ import {
110
110
  Tree,
111
111
  useOverlayLifecycle,
112
112
  useScrollbarProximity
113
- } from "./chunk-LRGD2QDA.js";
113
+ } from "./chunk-3Q3S6CDZ.js";
114
114
  import {
115
115
  Dropdown,
116
116
  FILLED_ICON_NAMES,
@@ -7985,8 +7985,8 @@ var SIA_THEME = {
7985
7985
  controlHeight: 32,
7986
7986
  /** 默认布局间距,单位为像素。 */
7987
7987
  spacing: 16,
7988
- /** 默认字号,单位为像素。 */
7989
- fontSize: 16,
7988
+ /** 默认基础字号为 13 像素,对应 --sia-font-size;业务可通过 CSS 变量覆盖。 */
7989
+ fontSize: 13,
7990
7990
  /** 默认小号文字尺寸为 13 像素,对应 --sia-font-size-small;业务可通过 CSS 变量覆盖。 */
7991
7991
  fontSizeSmall: 13,
7992
7992
  /** 大号文字尺寸,单位为像素。 */
@@ -68,10 +68,10 @@ interface DatePickerProps extends SharedDatePickerProps {
68
68
  * @defaultValue false
69
69
  */
70
70
  multiple?: boolean;
71
- /** 选择后需要点击确定才提交 */
71
+ /** 选择后需要点击确定才提交;带时间的范围必须确认后保存;纯日期范围点选后立即保存合法值,此属性仅控制是否保留面板供确认关闭。 */
72
72
  needConfirm?: boolean;
73
73
  /**
74
- * 组合时间面板,可显示秒;范围选择会在宽屏并排显示起止面板,在窄屏分步选择
74
+ * 组合时间面板,可显示秒;范围选择始终显示单个面板,点击起止输入区域直接编辑对应端点;先确认当前端点,再切换到另一端点,两个端点确认后提交并关闭;锁定端点无需再次确认,快捷范围只需一次确认
75
75
  * @defaultValue false
76
76
  */
77
77
  showTime?: DatePickerShowTime;
@@ -125,11 +125,15 @@ interface DateRangePickerProps extends Omit<DatePickerProps, "value" | "defaultV
125
125
  * @defaultValue "→"
126
126
  */
127
127
  separator?: ReactNode;
128
- /** 预设候选值或快捷选项集合。 */
128
+ /** 在面板左侧按配置顺序纵向显示的快捷范围;带时间时点击仅回填暂存值,再点击一次确定即提交并关闭,无需逐端确认;手动修改后恢复分步确认。 */
129
129
  presets?: readonly DateRangePickerPreset[];
130
130
  /** 日期区间允许的最大天数。 */
131
131
  maxRangeDays?: number;
132
- /** 允许单独保留起点或终点;需要点击确定提交未完整的范围。 */
132
+ /**
133
+ * 按开始、结束顺序指定端点是否允许为空。任一端允许为空时,展开期间输入框即时显示暂存的日期时间;两端均必填时保留已提交值,完整确认后一起更新。
134
+ * 纯日期点选后立即通过 onChange 保存合法值,收起后保留;带时间仅即时显示暂存值,必须点击确定保存,未确认就收起则恢复已提交值。缺少必填端点或范围不合法时不保存。
135
+ * @defaultValue [false, false]
136
+ */
133
137
  allowEmpty?: readonly [boolean, boolean];
134
138
  /** 锁定指定端点,编辑和清空时保留其值。 */
135
139
  endpointDisabled?: readonly [boolean, boolean];
@@ -138,11 +142,12 @@ interface DateRangePickerProps extends Omit<DatePickerProps, "value" | "defaultV
138
142
  /** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
139
143
  onChange?: (value: readonly [string, string]) => void;
140
144
  }
145
+ /** 日期范围选择;纯日期按两次点击组成范围,带时间时使用单面板分步设置起止值并确认提交。 */
141
146
  declare function DateRangePicker({ value, defaultValue, placeholder, placeholderMode, separator, presets, maxRangeDays, allowEmpty, endpointDisabled, size: sizeProp, status, allowClear, needConfirm, showTime, showToday, open, defaultOpen, suffixIcon, minDate, maxDate, disabledDate, disabled, className, onCalendarChange, onChange, onOpenChange, formatValue, renderExtraFooter, ...props }: DateRangePickerProps): react.JSX.Element;
142
147
  /** 日期选择组件。 */
143
148
  declare function DatePicker({ value, defaultValue, picker, size: sizeProp, status, allowClear, multiple, needConfirm, showTime, showToday, open, defaultOpen, suffixIcon, minDate, maxDate, presets, disabledDate, disabled, className, onChange, onOpenChange, placeholder, placeholderMode, formatValue, renderExtraFooter, ...props }: DatePickerProps): react.JSX.Element;
144
149
  declare namespace DatePicker {
145
- /** 日期区间选择器。 */
150
+ /** 日期区间选择器;带时间时可从任一端开始,点击确定切换到另一端,两端确认后提交;锁定端点无需再次确认,快捷范围只需一次确认。纯日期支持在任一日历连续点选起止日期。 */
146
151
  const RangePicker: typeof DateRangePicker;
147
152
  }
148
153
 
@@ -68,10 +68,10 @@ interface DatePickerProps extends SharedDatePickerProps {
68
68
  * @defaultValue false
69
69
  */
70
70
  multiple?: boolean;
71
- /** 选择后需要点击确定才提交 */
71
+ /** 选择后需要点击确定才提交;带时间的范围必须确认后保存;纯日期范围点选后立即保存合法值,此属性仅控制是否保留面板供确认关闭。 */
72
72
  needConfirm?: boolean;
73
73
  /**
74
- * 组合时间面板,可显示秒;范围选择会在宽屏并排显示起止面板,在窄屏分步选择
74
+ * 组合时间面板,可显示秒;范围选择始终显示单个面板,点击起止输入区域直接编辑对应端点;先确认当前端点,再切换到另一端点,两个端点确认后提交并关闭;锁定端点无需再次确认,快捷范围只需一次确认
75
75
  * @defaultValue false
76
76
  */
77
77
  showTime?: DatePickerShowTime;
@@ -125,11 +125,15 @@ interface DateRangePickerProps extends Omit<DatePickerProps, "value" | "defaultV
125
125
  * @defaultValue "→"
126
126
  */
127
127
  separator?: ReactNode;
128
- /** 预设候选值或快捷选项集合。 */
128
+ /** 在面板左侧按配置顺序纵向显示的快捷范围;带时间时点击仅回填暂存值,再点击一次确定即提交并关闭,无需逐端确认;手动修改后恢复分步确认。 */
129
129
  presets?: readonly DateRangePickerPreset[];
130
130
  /** 日期区间允许的最大天数。 */
131
131
  maxRangeDays?: number;
132
- /** 允许单独保留起点或终点;需要点击确定提交未完整的范围。 */
132
+ /**
133
+ * 按开始、结束顺序指定端点是否允许为空。任一端允许为空时,展开期间输入框即时显示暂存的日期时间;两端均必填时保留已提交值,完整确认后一起更新。
134
+ * 纯日期点选后立即通过 onChange 保存合法值,收起后保留;带时间仅即时显示暂存值,必须点击确定保存,未确认就收起则恢复已提交值。缺少必填端点或范围不合法时不保存。
135
+ * @defaultValue [false, false]
136
+ */
133
137
  allowEmpty?: readonly [boolean, boolean];
134
138
  /** 锁定指定端点,编辑和清空时保留其值。 */
135
139
  endpointDisabled?: readonly [boolean, boolean];
@@ -138,11 +142,12 @@ interface DateRangePickerProps extends Omit<DatePickerProps, "value" | "defaultV
138
142
  /** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
139
143
  onChange?: (value: readonly [string, string]) => void;
140
144
  }
145
+ /** 日期范围选择;纯日期按两次点击组成范围,带时间时使用单面板分步设置起止值并确认提交。 */
141
146
  declare function DateRangePicker({ value, defaultValue, placeholder, placeholderMode, separator, presets, maxRangeDays, allowEmpty, endpointDisabled, size: sizeProp, status, allowClear, needConfirm, showTime, showToday, open, defaultOpen, suffixIcon, minDate, maxDate, disabledDate, disabled, className, onCalendarChange, onChange, onOpenChange, formatValue, renderExtraFooter, ...props }: DateRangePickerProps): react.JSX.Element;
142
147
  /** 日期选择组件。 */
143
148
  declare function DatePicker({ value, defaultValue, picker, size: sizeProp, status, allowClear, multiple, needConfirm, showTime, showToday, open, defaultOpen, suffixIcon, minDate, maxDate, presets, disabledDate, disabled, className, onChange, onOpenChange, placeholder, placeholderMode, formatValue, renderExtraFooter, ...props }: DatePickerProps): react.JSX.Element;
144
149
  declare namespace DatePicker {
145
- /** 日期区间选择器。 */
150
+ /** 日期区间选择器;带时间时可从任一端开始,点击确定切换到另一端,两端确认后提交;锁定端点无需再次确认,快捷范围只需一次确认。纯日期支持在任一日历连续点选起止日期。 */
146
151
  const RangePicker: typeof DateRangePicker;
147
152
  }
148
153