@sia.soul/sia-react-ui 0.1.3 → 0.1.4

package/dist/index.css

@@ -1,3 +1,111 @@
+/* src/floating-placeholder.css */
+.sia-placeholder-floating {
+  position: relative;
+}
+.sia-select__trigger.sia-placeholder-floating {
+  overflow: visible;
+}
+.sia-floating-placeholder {
+  position: absolute;
+  z-index: 20;
+  top: var(--sia-placeholder-idle-top, 50%);
+  left: 7px;
+  box-sizing: border-box;
+  max-width: calc(100% - 42px);
+  overflow: hidden;
+  padding-inline: 4px;
+  color: var(--sia-color-text-secondary);
+  background: transparent;
+  pointer-events: none;
+  opacity: .65;
+  font: 400 var(--sia-font-size-small)/1 system-ui, sans-serif;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  transform: translateY(-50%);
+  transform-origin: left center;
+  transition:
+    top 160ms ease,
+    color 160ms ease,
+    background-color 160ms ease,
+    opacity 160ms ease,
+    transform 160ms ease;
+}
+.sia-placeholder-floating:focus-within > .sia-floating-placeholder,
+.sia-placeholder-floating--filled > .sia-floating-placeholder,
+.sia-placeholder-floating--active > .sia-floating-placeholder {
+  top: 0;
+  background: var(--sia-color-surface);
+  opacity: 1;
+  transform: translateY(-50%) scale(.85);
+}
+.sia-placeholder-floating:focus-within > .sia-floating-placeholder,
+.sia-placeholder-floating--active > .sia-floating-placeholder {
+  color: var(--sia-color-primary);
+}
+.sia-placeholder-floating.sia-time-picker > input::placeholder,
+.sia-placeholder-floating > input::placeholder,
+.sia-placeholder-floating > textarea::placeholder {
+  color: transparent;
+}
+.sia-placeholder-floating > .sia-select__value.is-placeholder,
+.sia-placeholder-floating > .sia-picker__trigger .is-placeholder,
+.sia-placeholder-floating > .sia-tree-select__value .sia-tree-select__placeholder,
+.sia-placeholder-floating > .sia-cascader__value .sia-cascader__placeholder {
+  color: transparent;
+}
+.sia-placeholder-floating.is-disabled > .sia-floating-placeholder,
+.sia-placeholder-floating:disabled > .sia-floating-placeholder,
+fieldset:disabled .sia-placeholder-floating > .sia-floating-placeholder {
+  background: var(--sia-color-control-hover);
+}
+.sia-form-item--error .sia-placeholder-floating > .sia-floating-placeholder,
+.sia-select--error .sia-placeholder-floating > .sia-floating-placeholder,
+.sia-tree-select--error .sia-placeholder-floating > .sia-floating-placeholder,
+.sia-picker--error.sia-placeholder-floating > .sia-floating-placeholder,
+.sia-textarea-control--error.sia-placeholder-floating > .sia-floating-placeholder {
+  color: var(--sia-color-error);
+}
+.sia-form-item--warning .sia-placeholder-floating > .sia-floating-placeholder,
+.sia-select--warning .sia-placeholder-floating > .sia-floating-placeholder,
+.sia-tree-select--warning .sia-placeholder-floating > .sia-floating-placeholder,
+.sia-picker--warning.sia-placeholder-floating > .sia-floating-placeholder,
+.sia-textarea-control--warning.sia-placeholder-floating > .sia-floating-placeholder {
+  color: var(--sia-color-warning);
+}
+.sia-textarea-control.sia-placeholder-floating {
+  --sia-placeholder-idle-top: 18px;
+  overflow: visible;
+}
+.sia-textarea-control > .sia-floating-placeholder {
+  max-width: calc(100% - 16px);
+}
+.sia-rich-text-editor.sia-placeholder-floating {
+  --sia-placeholder-idle-top: 66px;
+  overflow: visible;
+}
+.sia-rich-text-editor.sia-placeholder-floating .tiptap p.is-editor-empty:first-child::before {
+  content: none;
+}
+.sia-markdown-editor.sia-placeholder-floating {
+  --sia-placeholder-idle-top: 80px;
+}
+.sia-markdown-editor.sia-placeholder-floating [data-placeholder]::before {
+  content: none !important;
+}
+@media (prefers-reduced-motion: reduce) {
+  .sia-floating-placeholder {
+    transition: none;
+  }
+}
+.sia-rich-text-editor.sia-placeholder-floating > .sia-rich-text-editor__toolbar {
+  border-start-start-radius: inherit;
+  border-start-end-radius: inherit;
+}
+fieldset:disabled .sia-input-control__floating-placeholder,
+fieldset:disabled .sia-input-number__floating-placeholder {
+  background: var(--sia-color-control-hover);
+}
+
 /* src/styles.css */
 :root,
 [data-sia-theme=light] {
@@ -26,7 +134,7 @@
   --sia-font-size: 16px;
   --sia-font-size-small: 14px;
   --sia-font-size-large: 18px;
-  --sia-shadow-popup: 0 10px 32px rgb(0 0 0 / 10%);
+  --sia-shadow-popup: 0 4px 12px rgb(0 0 0 / 22%);
   --sia-scroll-overflow: auto;
   --sia-scrollbar-thumb: rgb(82 82 82 / 68%);
   --sia-scrollbar-thumb-hover: rgb(64 64 64 / 82%);
@@ -48,7 +156,7 @@
   --sia-color-control-hover: #2d2d2d;
   --sia-color-control-active: #383838;
   --sia-color-focus-ring: rgb(60 135 230 / 28%);
-  --sia-shadow-popup: 0 12px 36px rgb(0 0 0 / 35%);
+  --sia-shadow-popup: 0 4px 12px rgb(0 0 0 / 50%);
   --sia-scrollbar-thumb: rgb(174 174 174 / 62%);
   --sia-scrollbar-thumb-hover: rgb(205 205 205 / 78%);
 }
@@ -104,7 +212,7 @@
   background: var(--sia-scrollbar-thumb);
   border: 1px solid rgb(255 255 255 / 24%);
   border-radius: 999px;
-  box-shadow: 0 1px 2px rgb(0 0 0 / 14%);
+  box-shadow: 0 1px 1px rgb(0 0 0 / 24%);
   touch-action: none;
   transition: background-color 120ms ease;
 }
@@ -479,7 +587,7 @@
 .sia-input-control__floating-placeholder,
 .sia-input-number__floating-placeholder {
   position: absolute;
-  z-index: 1;
+  z-index: 20;
   top: 50%;
   left: -4px;
   box-sizing: border-box;
@@ -522,6 +630,7 @@
   left: 7px;
   max-width: calc(100% - 7px);
 }
+.sia-input-select.is-open .sia-input-control--floating .sia-input-control__floating-placeholder,
 .sia-input-control--floating:focus-within .sia-input-control__floating-placeholder,
 .sia-input-control--floating.is-filled .sia-input-control__floating-placeholder,
 .sia-input-number--floating:focus-within .sia-input-number__floating-placeholder,
@@ -1301,11 +1410,37 @@
   color: var(--sia-color-text-secondary);
   opacity: 0.7;
 }
+.sia-overflow-tags {
+  position: relative;
+  display: flex;
+  align-items: center;
+  flex: 1;
+  min-width: 0;
+  gap: 4px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.sia-overflow-tags > span:not(.sia-overflow-tags__measure),
+.sia-overflow-tags__measure > span {
+  flex: 0 0 auto;
+}
+.sia-overflow-tags__rest {
+  color: var(--sia-color-text-secondary);
+}
+.sia-overflow-tags__measure {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  width: max-content;
+  visibility: hidden;
+  pointer-events: none;
+}
 .sia-select__tags {
   display: flex;
   align-items: center;
   flex: 1;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   gap: 3px;
   min-width: 0;
 }
@@ -1543,7 +1678,7 @@
   height: 20px;
   background-color: #fff;
   border-radius: 999px;
-  box-shadow: 0 1px 3px rgb(0 0 0 / 25%);
+  box-shadow: 0 1px 2px rgb(0 0 0 / 35%);
   transition: left 160ms ease, width 160ms ease;
 }
 .sia-switch-input:checked + .sia-switch--standard {
@@ -1593,7 +1728,7 @@
   color: var(--sia-color-text-secondary);
   background-color: var(--sia-color-surface);
   border: 1px solid var(--sia-color-border);
-  box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
+  box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
 }
 .sia-switch--segmented .sia-switch__thumb {
   top: 2px;
@@ -1601,7 +1736,7 @@
   width: calc(50% - 3px);
   height: 30px;
   background-color: var(--sia-color-primary);
-  box-shadow: 0 2px 6px rgb(22 119 255 / 28%);
+  box-shadow: 0 1px 3px rgb(22 119 255 / 40%);
 }
 .sia-switch-input:checked + .sia-switch--segmented .sia-switch__thumb {
   left: calc(50% - 1px);
@@ -1648,7 +1783,7 @@
   background: var(--sia-color-surface);
   border: 1px solid var(--sia-color-border);
   border-radius: 999px;
-  box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
+  box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
   transition: border-color 160ms ease, box-shadow 160ms ease;
 }
 .sia-theme-switch:hover {
@@ -1665,7 +1800,7 @@
   height: 30px;
   background: var(--sia-color-primary);
   border-radius: 999px;
-  box-shadow: 0 2px 6px rgb(22 119 255 / 28%);
+  box-shadow: 0 1px 3px rgb(22 119 255 / 40%);
   transition: transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
 }
 .sia-theme-switch--dark .sia-theme-switch__selection {
@@ -1838,16 +1973,16 @@
   will-change: translate, transform;
 }
 .sia-drawer--right[data-push-depth]:not([data-push-depth="0"]) {
-  box-shadow: -18px 0 42px rgb(15 23 42 / 22%);
+  box-shadow: -6px 0 16px rgb(15 23 42 / 34%);
 }
 .sia-drawer--left[data-push-depth]:not([data-push-depth="0"]) {
-  box-shadow: 18px 0 42px rgb(15 23 42 / 22%);
+  box-shadow: 6px 0 16px rgb(15 23 42 / 34%);
 }
 .sia-drawer--top[data-push-depth]:not([data-push-depth="0"]) {
-  box-shadow: 0 18px 42px rgb(15 23 42 / 22%);
+  box-shadow: 0 6px 16px rgb(15 23 42 / 34%);
 }
 .sia-drawer--bottom[data-push-depth]:not([data-push-depth="0"]) {
-  box-shadow: 0 -18px 42px rgb(15 23 42 / 22%);
+  box-shadow: 0 -6px 16px rgb(15 23 42 / 34%);
 }
 .sia-drawer--left,
 .sia-drawer--right {
@@ -2478,7 +2613,7 @@
 }
 .sia-tabs--pill .sia-tabs__tab[aria-selected=true] {
   background: var(--sia-color-surface);
-  box-shadow: 0 1px 3px rgb(0 0 0 / 8%);
+  box-shadow: 0 1px 2px rgb(0 0 0 / 18%);
 }
 .sia-tabs--tech {
   --sia-tabs-tech-accent: var(--sia-color-primary);
@@ -3087,11 +3222,39 @@
   background: color-mix(in srgb, var(--sia-color-primary) 10%, transparent);
   outline: none;
 }
-.sia-table__cell--ellipsis .sia-table__cell-content {
+.sia-table__cell--ellipsis > .sia-table__cell-content {
+  position: relative;
+  display: block;
+  min-width: 0;
+  height: auto;
+  background: inherit;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.sia-table__cell--ellipsis > .sia-table__cell-content > .sia-space {
+  display: inline-flex;
+  width: max-content;
+  flex-wrap: nowrap !important;
+  flex-direction: row;
+  vertical-align: middle;
+}
+.sia-table__cell--ellipsis > .sia-table__cell-content > .sia-space > * {
+  flex-shrink: 0;
+}
+.sia-table__cell--ellipsis > .sia-table__cell-content[data-content-overflow=true]::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  display: grid;
+  place-items: center end;
+  width: 1.4em;
+  content: "\2026";
+  color: inherit;
+  background: inherit;
+  pointer-events: none;
+}
 .sia-table__cell--auto-width .sia-table__cell-content {
   white-space: nowrap;
 }
@@ -3402,6 +3565,9 @@
   cursor: ew-resize;
   touch-action: none;
 }
+.sia-table[data-overflow-y=true] .sia-table__header-cell[data-last-leaf-column=true] .sia-table__resize-handle {
+  right: 10px;
+}
 .sia-table__resize-handle::after {
   position: absolute;
   top: 18%;
@@ -4142,7 +4308,7 @@
 .sia-window-frame {
   --sia-window-titlebar-height: 42px;
   --sia-window-control-width: 46px;
-  --sia-window-titlebar-shadow: 0 1px 0 color-mix(in srgb, var(--sia-color-border) 68%, transparent), 0 3px 10px color-mix(in srgb, var(--sia-color-text) 6%, transparent);
+  --sia-window-titlebar-shadow: 0 1px 0 color-mix(in srgb, var(--sia-color-border) 68%, transparent), 0 1px 4px color-mix(in srgb, var(--sia-color-text) 14%, transparent);
   box-sizing: border-box;
   display: flex;
   width: 100%;
@@ -4522,7 +4688,7 @@
   background: var(--sia-color-surface);
   border: 3px solid var(--sia-color-primary);
   border-radius: 50%;
-  box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
+  box-shadow: 0 1px 2px rgb(0 0 0 / 28%);
   transition: box-shadow 140ms ease, transform 140ms ease;
 }
 .sia-slider__input::-webkit-slider-thumb:active {
@@ -4710,7 +4876,7 @@
   background: var(--sia-color-surface);
   border: 1px solid var(--sia-color-border);
   border-radius: 10px;
-  box-shadow: 0 10px 32px rgb(0 0 0 / 18%);
+  box-shadow: var(--sia-shadow-popup);
 }
 .sia-color-picker__mode-row {
   display: flex;
@@ -4738,7 +4904,7 @@
 .sia-color-picker__modes button.is-active {
   color: var(--sia-color-text);
   background: var(--sia-color-surface);
-  box-shadow: 0 1px 4px rgb(0 0 0 / 12%);
+  box-shadow: 0 1px 2px rgb(0 0 0 / 22%);
 }
 .sia-color-picker__none {
   position: relative;
@@ -5134,7 +5300,7 @@
   background: var(--sia-color-surface);
   border: 1px solid var(--sia-color-border);
   border-radius: 10px;
-  box-shadow: 0 8px 28px rgba(0, 0, 0, .12);
+  box-shadow: var(--sia-shadow-popup);
 }
 .sia-time-panel .sia-date-panel__time {
   grid-template-rows: 42px minmax(0, 1fr);
@@ -5695,6 +5861,10 @@
 }
 .sia-tree-select__tag {
   flex: 0 0 auto;
+  max-width: 112px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   padding: 2px 6px;
   background: var(--sia-color-control-hover);
   border-radius: 4px;
@@ -5927,7 +6097,7 @@
   color: #fff;
   pointer-events: none;
   border-radius: 7px;
-  box-shadow: 0 6px 18px rgb(255 77 79 / 28%);
+  box-shadow: 0 2px 8px rgb(255 77 79 / 40%);
   font-size: 12px;
   line-height: 1.45;
 }
@@ -6398,6 +6568,20 @@
   min-width: 34px;
   padding-inline: 8px;
 }
+.sia-dropdown-button > .sia-button--link + .sia-dropdown::before {
+  position: absolute;
+  top: 50%;
+  inset-inline-start: 0;
+  width: 1px;
+  height: 1em;
+  content: "";
+  background: rgb(217, 217, 217);
+  transform: translateY(-50%);
+  pointer-events: none;
+}
+.sia-dropdown-button > .sia-button--link + .sia-dropdown > .sia-button {
+  margin-inline-start: 0;
+}
 @keyframes sia-dropdown-popup-in {
   from {
     opacity: 0;
@@ -6637,7 +6821,7 @@ button.sia-pagination__total:disabled {
 .sia-segmented button.is-selected {
   color: var(--sia-color-text);
   background: var(--sia-color-surface);
-  box-shadow: 0 1px 4px rgb(0 0 0 / 10%);
+  box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
 }
 .sia-segmented--small button {
   min-height: 24px;
@@ -7017,7 +7201,7 @@ button.sia-pagination__total:disabled {
   padding: 5px 14px;
   color: #fff;
   background: var(--sia-color-primary);
-  box-shadow: 0 2px 4px rgb(0 0 0 / 14%);
+  box-shadow: 0 1px 2px rgb(0 0 0 / 24%);
 }
 .sia-ribbon--end {
   right: -7px;
@@ -7460,7 +7644,7 @@ body > .sia-popup-portal[data-sia-popup-layer] {
   --sia-floating-arrow-border: rgb(255 255 255 / 72%);
   color: #181818;
   border: 1px solid var(--sia-floating-arrow-border);
-  box-shadow: 0 10px 30px rgb(0 0 0 / 48%), 0 0 0 1px rgb(0 0 0 / 12%);
+  box-shadow: 0 4px 12px rgb(0 0 0 / 60%), 0 0 0 1px rgb(0 0 0 / 12%);
 }
 .sia-floating__arrow {
   position: absolute;
@@ -8440,7 +8624,7 @@ button.sia-treemap__tile:focus-visible,
   background: var(--sia-color-bg, white);
   border: 1px solid var(--sia-color-border, #ddd);
   border-radius: 6px;
-  box-shadow: 0 6px 24px #0002;
+  box-shadow: var(--sia-shadow-popup);
 }
 .sia-selection-panel {
   min-width: 0;
@@ -8744,7 +8928,7 @@ button.sia-treemap__tile:focus-visible,
   cursor: pointer;
   background: var(--sia-color-surface);
   border: 1px solid color-mix(in srgb, var(--sia-color-border) 45%, transparent);
-  box-shadow: 0 6px 16px rgb(0 0 0 / 12%), 0 2px 4px rgb(0 0 0 / 6%);
+  box-shadow: var(--sia-shadow-popup);
   transition:
     background 160ms ease,
     box-shadow 160ms ease,
@@ -9663,7 +9847,7 @@ button.sia-treemap__tile:focus-visible,
   background: var(--sia-color-surface);
   border: 2px solid var(--sia-color-primary);
   border-radius: 4px;
-  box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
+  box-shadow: 0 1px 2px rgb(0 0 0 / 22%);
   pointer-events: auto;
 }
 .sia-chart-data-zoom input::-moz-range-thumb {

package/dist/index.d.cts

@@ -1,13 +1,13 @@
 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 } from './core-De2pRX5w.cjs';
-export { B as Badge, b as BadgeProps, c as BadgeRibbonProps, d as BadgeStatus, e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i as ButtonProps, 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-De2pRX5w.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-UyYrHex6.cjs';
-import { C as ControlSize, a as ControlStatus, I as InputPlaceholderMode } from './Select-CJJ5LQap.cjs';
-export { S as Select, b as SelectChangeValue, c as SelectMode, d as SelectOption, e as SelectProps, f as SelectValue } from './Select-CJJ5LQap.cjs';
+import { O as OverlayContainer, a as OverlayApiHandle } from './core-CBtbeAms.cjs';
+export { B as Badge, b as BadgeProps, c as BadgeRibbonProps, d as BadgeStatus, e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i as ButtonProps, 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-CBtbeAms.cjs';
+import { I as InputPlaceholderMode, C as ControlSize, 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-DRmGaEzP.cjs';
 export { RichTextContent, RichTextContentFormat, RichTextContentProps, RichTextEditor, RichTextEditorProps, RichTextImagePasteHandler, RichTextToolbar } from './rich-text-editor.cjs';
 export { MarkdownEditor, MarkdownEditorMode, MarkdownEditorProps } from './markdown-editor.cjs';
 import * as Monaco from 'monaco-editor';
+export { S as Select, a as SelectChangeValue, b as SelectMode, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-GiTHMScg.cjs';
 export { BaiduMapHostOptions, BaiduMapInstance, BaiduMapNamespace, BaiduMapPoint, BarChart, BarChartProps, BarDatum, BarSeries, CHART_VIEWBOX_HEIGHT, CHART_VIEWBOX_WIDTH, CandlestickChart, CandlestickChartProps, CandlestickDatum, CartesianChartProps, ChartAxis, ChartAxisProps, ChartComposite, ChartCompositeLayer, ChartCompositeProps, ChartCompositeRef, ChartDataClickInfo, ChartDataEditor, ChartDataEditorProps, ChartDataZoom, ChartDataZoomProps, ChartLegend, ChartLegendItem, ChartLegendProps, ChartMapOverlay, ChartMapOverlayProps, ChartMark, ChartMarkProps, ChartRoamController, ChartRoamControllerProps, ChartSeries, ChartTimeline, ChartTimelineProps, ChartToolbox, ChartToolboxFeature, ChartToolboxOptions, ChartToolboxProps, ChartTooltip, ChartTooltipProps, ChartValueAddress, ChartValueChannel, ChartValueIsland, ChartValueIslandProps, ChartValueTransferHandler, ChartVisualMap, ChartVisualMapProps, ChartWhirlingLoading, ChartWhirlingLoadingProps, ChordChart, ChordChartProps, ChordLink, ChordNode, DEFAULT_CHART_PALETTE, EventRiverChart, EventRiverChartProps, EventRiverEvent, EventRiverEvolution, EventRiverSeries, ForceChart, ForceGraphChart, FunnelChart, FunnelChartProps, FunnelDatum, FunnelSeries, GaugeChart, GaugeChartProps, GaugeDatum, GeoJsonFeature, GeoJsonFeatureCollection, GeoJsonMultiPolygonGeometry, GeoJsonPolygonGeometry, GraphChart, GraphChartProps, GraphLink, GraphNode, HeatmapChart, HeatmapChartProps, HeatmapPoint, KLineChart, LineChart, LineChartProps, LinePoint, LineSeries, LineShareChart, LineShareChartProps, MapChart, MapChartProps, MapDatum, MapMarkLine, MapMarkPoint, MapOverlayEvent, MapOverlayHost, MapOverlaySnapshot, MixedChart, MixedChartProps, MixedSeries, PieChart, PieChartProps, PieDatum, PieSeries, RadarChart, RadarChartProps, RadarIndicator, RadarPanel, RadarSeries, ScatterChart, ScatterChartProps, ScatterDatum, ScatterVisualMap, SiaChart, SiaChartProps, SiaChartRef, SvgMapPlot, SvgMapPlotProps, ThemeRiverChart, ThemeRiverChartProps, ThemeRiverSeries, TreeChart, TreeChartProps, TreeDatum, TreemapChart, TreemapChartProps, TreemapDatum, TreemapItemStyle, VennChart, VennChartProps, VennIntersection, VennSet, WordCloudChart, WordCloudChartProps, WordCloudDatum, XYChart, XYChartProps, XYSeries, chartColor, chartTicks, createBaiduMapHost, formatChartNumber, getChartMap, linearScale, niceChartDomain, paddedValueExtent, registerChartMap, saveCompositeImage, serializeChartStack, smoothSvgPath, svgArcPath, transferCompositeValue } from './chart.cjs';
 import 'vditor';
 
@@ -71,13 +71,14 @@ interface CascaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultVal
     changeOnSelect?: boolean;
     expandTrigger?: "click" | "hover";
     placeholder?: ReactNode;
+    placeholderMode?: InputPlaceholderMode;
     disabled?: boolean;
     fieldNames?: CascaderFieldNames;
     displayRender?: (labels: ReactNode[], selectedOptions: CascaderOption[]) => ReactNode;
     loadData?: (selectedOptions: CascaderOption[]) => void | Promise<void>;
     onChange?: (value: readonly CascaderValue[] | readonly (readonly CascaderValue[])[] | undefined, selectedOptions: CascaderOption[] | CascaderOption[][]) => void;
 }
-declare function Cascader({ options, value, defaultValue, multiple, showSearch, allowClear, changeOnSelect, expandTrigger, placeholder, disabled, fieldNames, displayRender, loadData, onChange, className, ...props }: CascaderProps): react.JSX.Element;
+declare function Cascader({ options, value, defaultValue, multiple, showSearch, allowClear, changeOnSelect, expandTrigger, placeholder, placeholderMode, disabled, fieldNames, displayRender, loadData, onChange, className, ...props }: CascaderProps): react.JSX.Element;
 
 type LayoutGap = "small" | "medium" | "large" | number | string;
 type FlexAlign = "normal" | "start" | "center" | "end" | "stretch" | "baseline";
@@ -300,6 +301,7 @@ interface FormProps extends Omit<FormHTMLAttributes<HTMLFormElement>, "onSubmit"
     form?: FormInstance;
     initialValues?: FormValues;
     layout?: "horizontal" | "vertical" | "inline";
+    placeholderMode?: InputPlaceholderMode;
     disabled?: boolean;
     requiredMark?: boolean | "optional";
     onFinish?: (values: FormValues) => void;
@@ -309,7 +311,7 @@ interface FormProps extends Omit<FormHTMLAttributes<HTMLFormElement>, "onSubmit"
     }) => void;
     onValuesChange?: (changedValues: FormValues, values: FormValues) => void;
 }
-declare function FormRoot({ form, initialValues, layout, disabled, requiredMark, className, onFinish, onFinishFailed, onValuesChange, children, ...props }: FormProps): react.JSX.Element;
+declare function FormRoot({ form, initialValues, layout, placeholderMode, disabled, requiredMark, className, onFinish, onFinishFailed, onValuesChange, children, ...props }: FormProps): react.JSX.Element;
 interface FormItemProps {
     name?: NamePath;
     label?: ReactNode;
@@ -461,6 +463,7 @@ interface ColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "default
 declare function ColorPicker({ value, defaultValue, mode, defaultMode, modes, disabled, allowClear, showText, showAlpha, presets, className, onChange, onChangeComplete, onModeChange, onClear, ...props }: ColorPickerProps): react.JSX.Element;
 
 interface TimePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "value" | "defaultValue" | "onChange"> {
+    placeholderMode?: InputPlaceholderMode;
     value?: string;
     defaultValue?: string;
     size?: ControlSize;
@@ -481,7 +484,7 @@ interface TimeRangePickerProps extends Omit<TimePickerProps, "value" | "defaultV
     onChange?: (value: readonly [string, string]) => void;
 }
 declare function TimeRangePicker({ value, defaultValue, placeholder, separator, onChange, className, style, ...props }: TimeRangePickerProps): react.JSX.Element;
-declare function TimePicker({ value, defaultValue, size, status, allowClear, use12Hours, showSecond, suffixIcon, disabledTime, disabled, readOnly, className, style, onChange, onOpenChange, placeholder, min, max, step, ...props }: TimePickerProps): react.JSX.Element;
+declare function TimePicker({ value, defaultValue, size, status, allowClear, use12Hours, showSecond, suffixIcon, disabledTime, disabled, readOnly, className, style, onChange, onOpenChange, placeholder, placeholderMode, min, max, step, ...props }: TimePickerProps): react.JSX.Element;
 declare namespace TimePicker {
     const RangePicker: typeof TimeRangePicker;
 }
@@ -507,7 +510,9 @@ interface TreeSelectProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultV
     allowClear?: boolean;
     treeDefaultExpandAll?: boolean;
     placeholder?: ReactNode;
+    placeholderMode?: InputPlaceholderMode;
     searchPlaceholder?: string;
+    /** 最多显示的标签数；空间不足时会继续折叠，并为 +N 预留宽度。 */
     maxTagCount?: number;
     disabled?: boolean;
     size?: ControlSize;
@@ -540,7 +545,7 @@ interface TreeSelectProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultV
     onSearch?: (value: string) => void;
     onDropdownVisibleChange?: (open: boolean) => void;
 }
-declare function TreeSelect({ treeData, value, defaultValue, multiple, treeCheckable, showSearch, allowClear, treeDefaultExpandAll, placeholder, searchPlaceholder, maxTagCount, disabled, size, status, className, onChange, onSearch, onDropdownVisibleChange, open: controlledOpen, defaultOpen, searchValue, treeExpandedKeys, treeDefaultExpandedKeys, onTreeExpand, filterTreeNode, treeCheckStrictly, showCheckedStrategy, loading, listHeight, popupClassName, popupStyle, dropdownFooter, displayRender, renderTrigger, onClear, onSelect, onDeselect, ...props }: TreeSelectProps): react.JSX.Element;
+declare function TreeSelect({ treeData, value, defaultValue, multiple, treeCheckable, showSearch, allowClear, treeDefaultExpandAll, placeholder, placeholderMode, searchPlaceholder, maxTagCount, disabled, size, status, className, onChange, onSearch, onDropdownVisibleChange, open: controlledOpen, defaultOpen, searchValue, treeExpandedKeys, treeDefaultExpandedKeys, onTreeExpand, filterTreeNode, treeCheckStrictly, showCheckedStrategy, loading, listHeight, popupClassName, popupStyle, dropdownFooter, displayRender, renderTrigger, onClear, onSelect, onDeselect, ...props }: TreeSelectProps): react.JSX.Element;
 
 interface FlatTreeOptions {
     idField?: string;
@@ -558,6 +563,7 @@ interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     hint?: ReactNode;
     status?: ControlStatus;
     showCount?: boolean;
+    placeholderMode?: InputPlaceholderMode;
 }
 declare const TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
 
@@ -767,6 +773,7 @@ interface TableColumn<T = Record<string, unknown>> {
     align?: TableAlign;
     fixed?: TableFixed | boolean;
     hidden?: boolean;
+    /** 默认单行显示并省略溢出内容（含 Space 标签组）；设为 false 允许多行。 */
     ellipsis?: boolean;
     showTitle?: boolean;
     sortable?: boolean;
@@ -1295,6 +1302,7 @@ interface InputSelectProps {
     displayField?: "label" | "value";
     showValue?: boolean;
     placeholder?: string;
+    placeholderMode?: InputPlaceholderMode;
     size?: ControlSize;
     status?: ControlStatus;
     disabled?: boolean;