@sia.soul/sia-react-ui 0.1.37 → 0.1.39
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/{chunk-6TLANQVX.js → chunk-GLS4WVIZ.js} +1 -1
- package/dist/{chunk-ZTJUFVJO.js → chunk-LRGD2QDA.js} +1217 -1217
- package/dist/{chunk-DQ7WGTKA.js → chunk-WR7XTQRU.js} +9 -2
- package/dist/{core-BzBVS9md.d.cts → core-D4opRFkZ.d.cts} +1 -1
- package/dist/{core-CBURAp9W.d.ts → core-VNY_7WRq.d.ts} +1 -1
- package/dist/core.cjs +1471 -1465
- package/dist/core.css +22 -8
- package/dist/core.d.cts +1 -1
- package/dist/core.d.ts +1 -1
- package/dist/core.js +2 -2
- package/dist/index.cjs +10 -2
- package/dist/index.css +22 -8
- package/dist/index.d.cts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +6 -4
- package/dist/select-date-range.js +2 -2
- package/package.json +1 -1
package/dist/core.css
CHANGED
|
@@ -327,16 +327,24 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
327
327
|
min-height: 0;
|
|
328
328
|
padding-block: 0;
|
|
329
329
|
}
|
|
330
|
-
.sia-form--small
|
|
331
|
-
|
|
330
|
+
.sia-form--small {
|
|
331
|
+
--sia-form-row-height: var(--sia-control-height-small);
|
|
332
332
|
}
|
|
333
|
-
.sia-form--medium
|
|
334
|
-
|
|
333
|
+
.sia-form--medium {
|
|
334
|
+
--sia-form-row-height: var(--sia-control-height-medium);
|
|
335
335
|
}
|
|
336
|
-
.sia-form--large
|
|
337
|
-
|
|
336
|
+
.sia-form--large {
|
|
337
|
+
--sia-form-row-height: var(--sia-control-height-large);
|
|
338
338
|
}
|
|
339
|
-
|
|
339
|
+
@media (min-width: 651px) {
|
|
340
|
+
.sia-form--horizontal .sia-form-item__label {
|
|
341
|
+
padding-top: max(0px, calc((var(--sia-form-row-height) - 1.45em) / 2));
|
|
342
|
+
}
|
|
343
|
+
.sia-form--horizontal .sia-form-item__input-wrap > :is(.sia-radio, .sia-checkbox, .sia-radio-group, .sia-checkbox-group) {
|
|
344
|
+
min-height: var(--sia-form-row-height);
|
|
345
|
+
}
|
|
346
|
+
}
|
|
347
|
+
.sia-form.sia-form--vertical .sia-form-item__label {
|
|
340
348
|
padding-top: 0;
|
|
341
349
|
}
|
|
342
350
|
.sia-rate--small .sia-rate__item button {
|
|
@@ -3278,6 +3286,10 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3278
3286
|
padding-top: 13px;
|
|
3279
3287
|
padding-right: 40px;
|
|
3280
3288
|
}
|
|
3289
|
+
.sia-tabs--tech-line.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__list {
|
|
3290
|
+
overflow-x: auto;
|
|
3291
|
+
overflow-y: hidden;
|
|
3292
|
+
}
|
|
3281
3293
|
.sia-tabs--tech-line > .sia-tabs__header .sia-tabs__list::before {
|
|
3282
3294
|
position: absolute;
|
|
3283
3295
|
content: "";
|
|
@@ -9637,9 +9649,11 @@ body > .sia-popup-portal[data-sia-popup-layer] {
|
|
|
9637
9649
|
display: block;
|
|
9638
9650
|
}
|
|
9639
9651
|
.sia-alert__content > span {
|
|
9640
|
-
margin-top: 3px;
|
|
9641
9652
|
color: var(--sia-color-text-secondary);
|
|
9642
9653
|
}
|
|
9654
|
+
.sia-alert__content > strong + span {
|
|
9655
|
+
margin-top: 3px;
|
|
9656
|
+
}
|
|
9643
9657
|
.sia-alert__close {
|
|
9644
9658
|
align-self: flex-start;
|
|
9645
9659
|
padding: 3px;
|
package/dist/core.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, 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, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-
|
|
1
|
+
export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, 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, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-D4opRFkZ.cjs';
|
|
2
2
|
export { f as Button, B as ButtonProps, e as ButtonSize, g as ButtonVariant, h as Modal, d as ModalActionResult, M as ModalOpenConfig, i as ModalProps, j as ModalType, a as OverlayApiHandle, k as Select, S as SelectOption, c as SelectProps, m as SelectValue } from './Select-YJbT-MF1.cjs';
|
|
3
3
|
import 'react';
|
|
4
4
|
import './shared-Bx4B28Wh.cjs';
|
package/dist/core.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, 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, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-
|
|
1
|
+
export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, 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, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-VNY_7WRq.js';
|
|
2
2
|
export { f as Button, B as ButtonProps, e as ButtonSize, g as ButtonVariant, h as Modal, d as ModalActionResult, M as ModalOpenConfig, i as ModalProps, j as ModalType, a as OverlayApiHandle, k as Select, S as SelectOption, c as SelectProps, m as SelectValue } from './Select-CCrPqULn.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import './shared-Bx4B28Wh.js';
|
package/dist/core.js
CHANGED
|
@@ -10,12 +10,12 @@ import {
|
|
|
10
10
|
Typography,
|
|
11
11
|
Upload,
|
|
12
12
|
message
|
|
13
|
-
} from "./chunk-
|
|
13
|
+
} from "./chunk-WR7XTQRU.js";
|
|
14
14
|
import "./chunk-SMCYEPBL.js";
|
|
15
15
|
import {
|
|
16
16
|
Modal,
|
|
17
17
|
Select
|
|
18
|
-
} from "./chunk-
|
|
18
|
+
} from "./chunk-LRGD2QDA.js";
|
|
19
19
|
import {
|
|
20
20
|
Icon,
|
|
21
21
|
Input,
|
package/dist/index.cjs
CHANGED
|
@@ -1927,11 +1927,13 @@ function Alert({
|
|
|
1927
1927
|
}) {
|
|
1928
1928
|
const [visible, setVisible] = (0, import_react9.useState)(true);
|
|
1929
1929
|
const resolvedStatus = status ?? type ?? (banner ? "warning" : "info");
|
|
1930
|
+
const heading = message2 ?? title;
|
|
1931
|
+
const hasHeading = heading != null && heading !== "" && typeof heading !== "boolean";
|
|
1930
1932
|
if (!visible) return null;
|
|
1931
1933
|
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `sia-alert sia-alert--${resolvedStatus}${banner ? " sia-alert--banner" : ""}${description ? " sia-alert--with-description" : ""} ${className}`.trim(), role: "alert", ...withTitleTooltip(props), children: [
|
|
1932
1934
|
showIcon || banner ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sia-alert__icon", "aria-hidden": "true", children: alertIcons[resolvedStatus] }) : null,
|
|
1933
1935
|
/* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "sia-alert__content", children: [
|
|
1934
|
-
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { children:
|
|
1936
|
+
hasHeading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { children: heading }) : null,
|
|
1935
1937
|
description ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: description }) : null
|
|
1936
1938
|
] }),
|
|
1937
1939
|
action ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "sia-alert__action", children: action }) : null,
|
|
@@ -11063,7 +11065,12 @@ function Tabs({
|
|
|
11063
11065
|
}
|
|
11064
11066
|
const listRect = list.getBoundingClientRect();
|
|
11065
11067
|
const rect = active.getBoundingClientRect();
|
|
11066
|
-
|
|
11068
|
+
if (type === "tech-line" && resolvedOrientation === "horizontal") {
|
|
11069
|
+
if (rect.left < listRect.left) list.scrollLeft += rect.left - listRect.left;
|
|
11070
|
+
else if (rect.right > listRect.right) list.scrollLeft += rect.right - listRect.right;
|
|
11071
|
+
}
|
|
11072
|
+
const currentRect = active.getBoundingClientRect();
|
|
11073
|
+
indicator.style.transform = `translate(${currentRect.left - listRect.left - list.clientLeft + list.scrollLeft}px, ${currentRect.top - listRect.top - list.clientTop + list.scrollTop}px)`;
|
|
11067
11074
|
indicator.style.width = `${rect.width}px`;
|
|
11068
11075
|
indicator.style.height = `${rect.height}px`;
|
|
11069
11076
|
indicator.style.visibility = "visible";
|
|
@@ -11133,6 +11140,7 @@ function Tabs({
|
|
|
11133
11140
|
...withTitleTooltip(props),
|
|
11134
11141
|
children: [
|
|
11135
11142
|
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "sia-tabs__header", children: [
|
|
11143
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FloatingScrollbarProvider, { targetRef: listRef, disabled: type !== "tech-line" || resolvedOrientation !== "horizontal" }),
|
|
11136
11144
|
tabBarTitle ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "sia-tabs__title", children: [
|
|
11137
11145
|
tabBarTitle,
|
|
11138
11146
|
type === "tech-line" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("svg", { className: "sia-tabs__title-connector", viewBox: "0 0 32 40", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "M0 39.25 H5 Q8 39.25 10 35.25 L28 3.75 Q29 1.75 32 1.75", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }) }) : null
|
package/dist/index.css
CHANGED
|
@@ -327,16 +327,24 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
327
327
|
min-height: 0;
|
|
328
328
|
padding-block: 0;
|
|
329
329
|
}
|
|
330
|
-
.sia-form--small
|
|
331
|
-
|
|
330
|
+
.sia-form--small {
|
|
331
|
+
--sia-form-row-height: var(--sia-control-height-small);
|
|
332
332
|
}
|
|
333
|
-
.sia-form--medium
|
|
334
|
-
|
|
333
|
+
.sia-form--medium {
|
|
334
|
+
--sia-form-row-height: var(--sia-control-height-medium);
|
|
335
335
|
}
|
|
336
|
-
.sia-form--large
|
|
337
|
-
|
|
336
|
+
.sia-form--large {
|
|
337
|
+
--sia-form-row-height: var(--sia-control-height-large);
|
|
338
338
|
}
|
|
339
|
-
|
|
339
|
+
@media (min-width: 651px) {
|
|
340
|
+
.sia-form--horizontal .sia-form-item__label {
|
|
341
|
+
padding-top: max(0px, calc((var(--sia-form-row-height) - 1.45em) / 2));
|
|
342
|
+
}
|
|
343
|
+
.sia-form--horizontal .sia-form-item__input-wrap > :is(.sia-radio, .sia-checkbox, .sia-radio-group, .sia-checkbox-group) {
|
|
344
|
+
min-height: var(--sia-form-row-height);
|
|
345
|
+
}
|
|
346
|
+
}
|
|
347
|
+
.sia-form.sia-form--vertical .sia-form-item__label {
|
|
340
348
|
padding-top: 0;
|
|
341
349
|
}
|
|
342
350
|
.sia-rate--small .sia-rate__item button {
|
|
@@ -3278,6 +3286,10 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3278
3286
|
padding-top: 13px;
|
|
3279
3287
|
padding-right: 40px;
|
|
3280
3288
|
}
|
|
3289
|
+
.sia-tabs--tech-line.sia-tabs--horizontal > .sia-tabs__header .sia-tabs__list {
|
|
3290
|
+
overflow-x: auto;
|
|
3291
|
+
overflow-y: hidden;
|
|
3292
|
+
}
|
|
3281
3293
|
.sia-tabs--tech-line > .sia-tabs__header .sia-tabs__list::before {
|
|
3282
3294
|
position: absolute;
|
|
3283
3295
|
content: "";
|
|
@@ -9637,9 +9649,11 @@ body > .sia-popup-portal[data-sia-popup-layer] {
|
|
|
9637
9649
|
display: block;
|
|
9638
9650
|
}
|
|
9639
9651
|
.sia-alert__content > span {
|
|
9640
|
-
margin-top: 3px;
|
|
9641
9652
|
color: var(--sia-color-text-secondary);
|
|
9642
9653
|
}
|
|
9654
|
+
.sia-alert__content > strong + span {
|
|
9655
|
+
margin-top: 3px;
|
|
9656
|
+
}
|
|
9643
9657
|
.sia-alert__close {
|
|
9644
9658
|
align-self: flex-start;
|
|
9645
9659
|
padding: 3px;
|
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { T as TagStatus, B as BadgeProps } from './core-
|
|
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-
|
|
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';
|
|
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';
|
|
@@ -20,9 +20,9 @@ interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
|
|
|
20
20
|
status?: AlertStatus;
|
|
21
21
|
/** 类型标识,用于选择对应的表现形式。 */
|
|
22
22
|
type?: AlertStatus;
|
|
23
|
-
/**
|
|
23
|
+
/** 标题内容,支持文本或 React 节点;message 未提供时使用。 */
|
|
24
24
|
title?: ReactNode;
|
|
25
|
-
/**
|
|
25
|
+
/** 提示标题,支持文本或 React 节点,优先于 title;没有标题内容时不渲染标题区域。 */
|
|
26
26
|
message?: ReactNode;
|
|
27
27
|
/** 补充说明内容。 */
|
|
28
28
|
description?: ReactNode;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { T as TagStatus, B as BadgeProps } from './core-
|
|
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-
|
|
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';
|
|
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';
|
|
@@ -20,9 +20,9 @@ interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
|
|
|
20
20
|
status?: AlertStatus;
|
|
21
21
|
/** 类型标识,用于选择对应的表现形式。 */
|
|
22
22
|
type?: AlertStatus;
|
|
23
|
-
/**
|
|
23
|
+
/** 标题内容,支持文本或 React 节点;message 未提供时使用。 */
|
|
24
24
|
title?: ReactNode;
|
|
25
|
-
/**
|
|
25
|
+
/** 提示标题,支持文本或 React 节点,优先于 title;没有标题内容时不渲染标题区域。 */
|
|
26
26
|
message?: ReactNode;
|
|
27
27
|
/** 补充说明内容。 */
|
|
28
28
|
description?: ReactNode;
|
package/dist/index.js
CHANGED
|
@@ -80,7 +80,7 @@ import {
|
|
|
80
80
|
Watermark,
|
|
81
81
|
message,
|
|
82
82
|
notification
|
|
83
|
-
} from "./chunk-
|
|
83
|
+
} from "./chunk-WR7XTQRU.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-
|
|
98
|
+
} from "./chunk-GLS4WVIZ.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-
|
|
113
|
+
} from "./chunk-LRGD2QDA.js";
|
|
114
114
|
import {
|
|
115
115
|
Dropdown,
|
|
116
116
|
FILLED_ICON_NAMES,
|
|
@@ -162,11 +162,13 @@ function Alert({
|
|
|
162
162
|
}) {
|
|
163
163
|
const [visible, setVisible] = useState(true);
|
|
164
164
|
const resolvedStatus = status ?? type ?? (banner ? "warning" : "info");
|
|
165
|
+
const heading = message2 ?? title;
|
|
166
|
+
const hasHeading = heading != null && heading !== "" && typeof heading !== "boolean";
|
|
165
167
|
if (!visible) return null;
|
|
166
168
|
return /* @__PURE__ */ jsxs("div", { className: `sia-alert sia-alert--${resolvedStatus}${banner ? " sia-alert--banner" : ""}${description ? " sia-alert--with-description" : ""} ${className}`.trim(), role: "alert", ...withTitleTooltip(props), children: [
|
|
167
169
|
showIcon || banner ? /* @__PURE__ */ jsx("span", { className: "sia-alert__icon", "aria-hidden": "true", children: alertIcons[resolvedStatus] }) : null,
|
|
168
170
|
/* @__PURE__ */ jsxs("div", { className: "sia-alert__content", children: [
|
|
169
|
-
/* @__PURE__ */ jsx("strong", { children:
|
|
171
|
+
hasHeading ? /* @__PURE__ */ jsx("strong", { children: heading }) : null,
|
|
170
172
|
description ? /* @__PURE__ */ jsx("span", { children: description }) : null
|
|
171
173
|
] }),
|
|
172
174
|
action ? /* @__PURE__ */ jsx("div", { className: "sia-alert__action", children: action }) : null,
|