@sia.soul/sia-react-ui 0.1.7 → 0.1.9
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/{Select-IjA4yqLh.d.cts → Select-CVvF4mcy.d.cts} +2 -0
- package/dist/{Select-Cl6UXsN5.d.ts → Select-Ce2Irbpt.d.ts} +2 -0
- package/dist/{chunk-6QQRMGW4.js → chunk-6HP6IIT4.js} +1 -1
- package/dist/{chunk-SMNSQDXN.js → chunk-SGJLZN23.js} +4 -3
- package/dist/{chunk-X6ZPBBDF.js → chunk-T2X6WK6Z.js} +1 -1
- package/dist/{core-CcB8n8uv.d.ts → core-ByQQ3hq2.d.ts} +1 -1
- package/dist/{core-DrpbQni9.d.cts → core-Dwc_30PN.d.cts} +1 -1
- package/dist/core.cjs +4 -3
- package/dist/core.css +29 -12
- package/dist/core.d.cts +2 -2
- package/dist/core.d.ts +2 -2
- package/dist/core.js +2 -2
- package/dist/index.cjs +7 -4
- package/dist/index.css +29 -12
- package/dist/index.d.cts +8 -4
- package/dist/index.d.ts +8 -4
- package/dist/index.js +6 -4
- package/dist/{select-date-range-CU2ou9sD.d.ts → select-date-range-D-JMfpwD.d.ts} +1 -1
- package/dist/{select-date-range-BzEXIsqZ.d.cts → select-date-range-l-xgB959.d.cts} +1 -1
- package/dist/select-date-range.cjs +4 -3
- package/dist/select-date-range.d.cts +2 -2
- package/dist/select-date-range.d.ts +2 -2
- package/dist/select-date-range.js +2 -2
- package/package.json +1 -1
|
@@ -42,6 +42,8 @@ interface SelectProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "def
|
|
|
42
42
|
onSearch?: (query: string) => void;
|
|
43
43
|
filterOption?: (query: string, option: SelectOption) => boolean;
|
|
44
44
|
showSelectAll?: boolean;
|
|
45
|
+
/** 是否显示下拉面板底部的条数统计与操作行;默认单选隐藏、多选显示,不影响弹框模式。 */
|
|
46
|
+
showActions?: boolean;
|
|
45
47
|
/** 最多显示的标签数;空间不足时会继续折叠,并为 +N 预留宽度。 */
|
|
46
48
|
maxTagCount?: number;
|
|
47
49
|
virtual?: boolean;
|
|
@@ -42,6 +42,8 @@ interface SelectProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "def
|
|
|
42
42
|
onSearch?: (query: string) => void;
|
|
43
43
|
filterOption?: (query: string, option: SelectOption) => boolean;
|
|
44
44
|
showSelectAll?: boolean;
|
|
45
|
+
/** 是否显示下拉面板底部的条数统计与操作行;默认单选隐藏、多选显示,不影响弹框模式。 */
|
|
46
|
+
showActions?: boolean;
|
|
45
47
|
/** 最多显示的标签数;空间不足时会继续折叠,并为 +N 预留宽度。 */
|
|
46
48
|
maxTagCount?: number;
|
|
47
49
|
virtual?: boolean;
|
|
@@ -1084,6 +1084,7 @@ var Select = forwardRef3(function Select2({
|
|
|
1084
1084
|
onSearch,
|
|
1085
1085
|
filterOption = defaultFilterOption,
|
|
1086
1086
|
showSelectAll = true,
|
|
1087
|
+
showActions = mode === "multiple",
|
|
1087
1088
|
maxTagCount = 2,
|
|
1088
1089
|
virtual = true,
|
|
1089
1090
|
virtualThreshold = 100,
|
|
@@ -1348,7 +1349,7 @@ var Select = forwardRef3(function Select2({
|
|
|
1348
1349
|
}
|
|
1349
1350
|
),
|
|
1350
1351
|
allowClear && hasValue && !disabled && !loading ? /* @__PURE__ */ jsx6("button", { className: "sia-select__clear", type: "button", "aria-label": "\u6E05\u7A7A\u9009\u62E9", onClick: clearValue, children: /* @__PURE__ */ jsx6(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
|
|
1351
|
-
/* @__PURE__ */ jsxs6(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && popupMode === "dropdown", className: "sia-select__dropdown"
|
|
1352
|
+
/* @__PURE__ */ jsxs6(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && popupMode === "dropdown", className: `sia-select__dropdown${filteredOptions.length === 0 && !canSubmitInput ? " sia-select__dropdown--empty" : ""}`, children: [
|
|
1352
1353
|
showSearch || allowInput ? /* @__PURE__ */ jsxs6("label", { className: "sia-select__search", children: [
|
|
1353
1354
|
/* @__PURE__ */ jsx6(Icon, { name: "search", size: 15 }),
|
|
1354
1355
|
/* @__PURE__ */ jsx6("input", { ref: searchRef, value: query, maxLength: inputMaxLength, onChange: handleSearchChange, onKeyDown: (event) => handleInteractionKeyDown(event, true), placeholder: searchPlaceholder, "aria-label": searchPlaceholder })
|
|
@@ -1375,7 +1376,7 @@ var Select = forwardRef3(function Select2({
|
|
|
1375
1376
|
children: filteredOptions.length > 0 ? virtualEnabled ? /* @__PURE__ */ jsx6("div", { className: "sia-select__virtual-space", style: { height: filteredOptions.length * optionHeight }, children: renderedOptions.map(renderOption) }) : renderedOptions.map(renderOption) : canSubmitInput ? null : /* @__PURE__ */ jsx6("div", { className: "sia-select__empty", children: notFoundContent })
|
|
1376
1377
|
}
|
|
1377
1378
|
),
|
|
1378
|
-
/* @__PURE__ */ jsxs6("div", { className: "sia-select__actions", children: [
|
|
1379
|
+
showActions ? /* @__PURE__ */ jsxs6("div", { className: "sia-select__actions", children: [
|
|
1379
1380
|
/* @__PURE__ */ jsxs6("span", { children: [
|
|
1380
1381
|
"\u5171 ",
|
|
1381
1382
|
filteredOptions.length,
|
|
@@ -1386,7 +1387,7 @@ var Select = forwardRef3(function Select2({
|
|
|
1386
1387
|
/* @__PURE__ */ jsx6(Button, { variant: "link", size: "small", disabled: !enabledFilteredOptions.length, onClick: invertFiltered, children: "\u53CD\u9009" })
|
|
1387
1388
|
] }) : null,
|
|
1388
1389
|
multiple || allowClear ? /* @__PURE__ */ jsx6(Button, { variant: "link", size: "small", danger: true, disabled: !hasValue, onClick: clearSelection, children: "\u6E05\u7A7A" }) : null
|
|
1389
|
-
] })
|
|
1390
|
+
] }) : null
|
|
1390
1391
|
] }),
|
|
1391
1392
|
popupMode === "modal" ? /* @__PURE__ */ jsx6(
|
|
1392
1393
|
Modal2,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ButtonHTMLAttributes, ReactNode, HTMLAttributes, CSSProperties, MouseEvent, ReactElement, ImgHTMLAttributes, InputHTMLAttributes, MouseEventHandler, AnchorHTMLAttributes } from 'react';
|
|
3
3
|
import { C as ControlSize, a as ControlStatus, I as InputPlaceholderMode } from './shared-DAYZvZVu.js';
|
|
4
|
-
import './Select-
|
|
4
|
+
import './Select-Ce2Irbpt.js';
|
|
5
5
|
|
|
6
6
|
type ButtonVariant = "primary" | "default" | "dashed" | "filled" | "text" | "link";
|
|
7
7
|
type ButtonSize = ControlSize;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ButtonHTMLAttributes, ReactNode, HTMLAttributes, CSSProperties, MouseEvent, ReactElement, ImgHTMLAttributes, InputHTMLAttributes, MouseEventHandler, AnchorHTMLAttributes } from 'react';
|
|
3
3
|
import { C as ControlSize, a as ControlStatus, I as InputPlaceholderMode } from './shared-DAYZvZVu.cjs';
|
|
4
|
-
import './Select-
|
|
4
|
+
import './Select-CVvF4mcy.cjs';
|
|
5
5
|
|
|
6
6
|
type ButtonVariant = "primary" | "default" | "dashed" | "filled" | "text" | "link";
|
|
7
7
|
type ButtonSize = ControlSize;
|
package/dist/core.cjs
CHANGED
|
@@ -2805,6 +2805,7 @@ var Select = (0, import_react18.forwardRef)(function Select2({
|
|
|
2805
2805
|
onSearch,
|
|
2806
2806
|
filterOption = defaultFilterOption,
|
|
2807
2807
|
showSelectAll = true,
|
|
2808
|
+
showActions = mode === "multiple",
|
|
2808
2809
|
maxTagCount = 2,
|
|
2809
2810
|
virtual = true,
|
|
2810
2811
|
virtualThreshold = 100,
|
|
@@ -3069,7 +3070,7 @@ var Select = (0, import_react18.forwardRef)(function Select2({
|
|
|
3069
3070
|
}
|
|
3070
3071
|
),
|
|
3071
3072
|
allowClear && hasValue && !disabled && !loading ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { className: "sia-select__clear", type: "button", "aria-label": "\u6E05\u7A7A\u9009\u62E9", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
|
|
3072
|
-
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && popupMode === "dropdown", className: "sia-select__dropdown"
|
|
3073
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && popupMode === "dropdown", className: `sia-select__dropdown${filteredOptions.length === 0 && !canSubmitInput ? " sia-select__dropdown--empty" : ""}`, children: [
|
|
3073
3074
|
showSearch || allowInput ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "sia-select__search", children: [
|
|
3074
3075
|
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "search", size: 15 }),
|
|
3075
3076
|
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { ref: searchRef, value: query, maxLength: inputMaxLength, onChange: handleSearchChange, onKeyDown: (event) => handleInteractionKeyDown(event, true), placeholder: searchPlaceholder, "aria-label": searchPlaceholder })
|
|
@@ -3096,7 +3097,7 @@ var Select = (0, import_react18.forwardRef)(function Select2({
|
|
|
3096
3097
|
children: filteredOptions.length > 0 ? virtualEnabled ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "sia-select__virtual-space", style: { height: filteredOptions.length * optionHeight }, children: renderedOptions.map(renderOption) }) : renderedOptions.map(renderOption) : canSubmitInput ? null : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "sia-select__empty", children: notFoundContent })
|
|
3097
3098
|
}
|
|
3098
3099
|
),
|
|
3099
|
-
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "sia-select__actions", children: [
|
|
3100
|
+
showActions ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "sia-select__actions", children: [
|
|
3100
3101
|
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { children: [
|
|
3101
3102
|
"\u5171 ",
|
|
3102
3103
|
filteredOptions.length,
|
|
@@ -3107,7 +3108,7 @@ var Select = (0, import_react18.forwardRef)(function Select2({
|
|
|
3107
3108
|
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { variant: "link", size: "small", disabled: !enabledFilteredOptions.length, onClick: invertFiltered, children: "\u53CD\u9009" })
|
|
3108
3109
|
] }) : null,
|
|
3109
3110
|
multiple || allowClear ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { variant: "link", size: "small", danger: true, disabled: !hasValue, onClick: clearSelection, children: "\u6E05\u7A7A" }) : null
|
|
3110
|
-
] })
|
|
3111
|
+
] }) : null
|
|
3111
3112
|
] }),
|
|
3112
3113
|
popupMode === "modal" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
3113
3114
|
Modal2,
|
package/dist/core.css
CHANGED
|
@@ -92,6 +92,11 @@ fieldset:disabled .sia-placeholder-floating > .sia-floating-placeholder {
|
|
|
92
92
|
.sia-markdown-editor.sia-placeholder-floating [data-placeholder]::before {
|
|
93
93
|
content: none !important;
|
|
94
94
|
}
|
|
95
|
+
.sia-placeholder-floating:focus-within > .sia-floating-placeholder,
|
|
96
|
+
.sia-placeholder-floating--filled > .sia-floating-placeholder,
|
|
97
|
+
.sia-placeholder-floating--active > .sia-floating-placeholder {
|
|
98
|
+
max-width: calc((100% - 14px) / .85);
|
|
99
|
+
}
|
|
95
100
|
@media (prefers-reduced-motion: reduce) {
|
|
96
101
|
.sia-floating-placeholder {
|
|
97
102
|
transition: none;
|
|
@@ -1533,12 +1538,16 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
1533
1538
|
display: flex;
|
|
1534
1539
|
flex-direction: column;
|
|
1535
1540
|
width: max-content;
|
|
1541
|
+
min-width: 90px;
|
|
1536
1542
|
padding: 4px;
|
|
1537
1543
|
background: var(--sia-color-surface);
|
|
1538
1544
|
border: 1px solid var(--sia-color-border);
|
|
1539
1545
|
border-radius: 8px;
|
|
1540
1546
|
box-shadow: var(--sia-shadow-popup);
|
|
1541
1547
|
}
|
|
1548
|
+
.sia-select__dropdown--empty {
|
|
1549
|
+
width: var(--sia-popup-anchor-width);
|
|
1550
|
+
}
|
|
1542
1551
|
.sia-select__search {
|
|
1543
1552
|
flex-shrink: 0;
|
|
1544
1553
|
display: flex;
|
|
@@ -3105,6 +3114,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3105
3114
|
box-sizing: border-box;
|
|
3106
3115
|
}
|
|
3107
3116
|
.sia-table {
|
|
3117
|
+
--sia-table-row-border-width: 1px;
|
|
3118
|
+
--sia-table-column-border-width: 1px;
|
|
3108
3119
|
position: relative;
|
|
3109
3120
|
display: flex;
|
|
3110
3121
|
flex-direction: column;
|
|
@@ -3116,6 +3127,12 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3116
3127
|
font-size: 13px;
|
|
3117
3128
|
user-select: text;
|
|
3118
3129
|
}
|
|
3130
|
+
.sia-table--no-row-borders {
|
|
3131
|
+
--sia-table-row-border-width: 0px;
|
|
3132
|
+
}
|
|
3133
|
+
.sia-table--no-column-borders {
|
|
3134
|
+
--sia-table-column-border-width: 0px;
|
|
3135
|
+
}
|
|
3119
3136
|
.sia-table[tabindex="-1"]:focus {
|
|
3120
3137
|
outline: none;
|
|
3121
3138
|
}
|
|
@@ -3125,7 +3142,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3125
3142
|
user-select: text;
|
|
3126
3143
|
}
|
|
3127
3144
|
.sia-table--bordered {
|
|
3128
|
-
border: 1px solid var(--sia-
|
|
3145
|
+
border: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
3129
3146
|
}
|
|
3130
3147
|
.sia-table__toolbar {
|
|
3131
3148
|
display: flex;
|
|
@@ -3135,7 +3152,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3135
3152
|
gap: 12px;
|
|
3136
3153
|
min-height: 46px;
|
|
3137
3154
|
padding: 7px 10px;
|
|
3138
|
-
border-bottom: 1px solid var(--sia-
|
|
3155
|
+
border-bottom: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
3139
3156
|
}
|
|
3140
3157
|
.sia-table__toolbar > div {
|
|
3141
3158
|
display: flex;
|
|
@@ -3181,8 +3198,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3181
3198
|
position: relative;
|
|
3182
3199
|
height: 38px;
|
|
3183
3200
|
padding: 8px 12px;
|
|
3184
|
-
border-right:
|
|
3185
|
-
border-bottom:
|
|
3201
|
+
border-right: var(--sia-table-column-border-width) solid var(--sia-table-border-color, #EFF2F6);
|
|
3202
|
+
border-bottom: var(--sia-table-row-border-width) solid var(--sia-table-border-color, #EFF2F6);
|
|
3186
3203
|
background: var(--sia-color-surface);
|
|
3187
3204
|
vertical-align: middle;
|
|
3188
3205
|
}
|
|
@@ -3730,7 +3747,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3730
3747
|
.sia-table__summary-cell {
|
|
3731
3748
|
color: var(--sia-color-text);
|
|
3732
3749
|
background: color-mix(in srgb, var(--sia-color-control-hover) 80%, var(--sia-color-surface));
|
|
3733
|
-
box-shadow: inset 0
|
|
3750
|
+
box-shadow: inset 0 var(--sia-table-row-border-width) 0 var(--sia-table-border-color, #EFF2F6);
|
|
3734
3751
|
font-weight: 600;
|
|
3735
3752
|
}
|
|
3736
3753
|
.sia-table__summary-row--total .sia-table__summary-cell {
|
|
@@ -3741,7 +3758,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3741
3758
|
align-items: center;
|
|
3742
3759
|
min-height: 44px;
|
|
3743
3760
|
padding: 6px 10px;
|
|
3744
|
-
border-top: 1px solid var(--sia-
|
|
3761
|
+
border-top: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
3745
3762
|
}
|
|
3746
3763
|
.sia-table__selection-footer {
|
|
3747
3764
|
display: inline-flex;
|
|
@@ -3773,7 +3790,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3773
3790
|
justify-content: space-between;
|
|
3774
3791
|
min-height: 50px;
|
|
3775
3792
|
padding: 8px 12px;
|
|
3776
|
-
border-bottom: 1px solid var(--sia-
|
|
3793
|
+
border-bottom: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
3777
3794
|
}
|
|
3778
3795
|
.sia-table-selection-panel__header strong span {
|
|
3779
3796
|
color: var(--sia-color-primary-text);
|
|
@@ -3797,7 +3814,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3797
3814
|
text-align: left;
|
|
3798
3815
|
text-overflow: ellipsis;
|
|
3799
3816
|
white-space: nowrap;
|
|
3800
|
-
border-bottom: 1px solid var(--sia-
|
|
3817
|
+
border-bottom: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
3801
3818
|
}
|
|
3802
3819
|
.sia-table-selection-panel th {
|
|
3803
3820
|
position: sticky;
|
|
@@ -3822,7 +3839,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3822
3839
|
justify-content: center;
|
|
3823
3840
|
min-height: 48px;
|
|
3824
3841
|
color: var(--sia-color-text-secondary);
|
|
3825
|
-
border-top: 1px solid var(--sia-
|
|
3842
|
+
border-top: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
3826
3843
|
}
|
|
3827
3844
|
.sia-table__pagination {
|
|
3828
3845
|
flex: 1;
|
|
@@ -3854,7 +3871,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3854
3871
|
min-width: 140px;
|
|
3855
3872
|
padding: 6px;
|
|
3856
3873
|
background: var(--sia-color-surface);
|
|
3857
|
-
border: 1px solid var(--sia-
|
|
3874
|
+
border: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
3858
3875
|
border-radius: var(--sia-radius);
|
|
3859
3876
|
box-shadow: var(--sia-shadow-popup);
|
|
3860
3877
|
}
|
|
@@ -4118,7 +4135,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
4118
4135
|
border: 0;
|
|
4119
4136
|
}
|
|
4120
4137
|
.sia-table--borderless-toolbar.sia-table--bordered > .sia-table__viewport-wrap {
|
|
4121
|
-
border: 1px solid var(--sia-
|
|
4138
|
+
border: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
4122
4139
|
border-radius: var(--sia-radius);
|
|
4123
4140
|
}
|
|
4124
4141
|
.sia-table--borderless-toolbar.sia-table--bordered:has(> .sia-table__footer) > .sia-table__viewport-wrap {
|
|
@@ -4127,7 +4144,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
4127
4144
|
border-bottom-right-radius: 0;
|
|
4128
4145
|
}
|
|
4129
4146
|
.sia-table--borderless-toolbar.sia-table--bordered > .sia-table__footer {
|
|
4130
|
-
border: 1px solid var(--sia-
|
|
4147
|
+
border: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
4131
4148
|
border-radius: 0 0 var(--sia-radius) var(--sia-radius);
|
|
4132
4149
|
}
|
|
4133
4150
|
.sia-select-modal__heading {
|
package/dist/core.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, 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, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, 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, bb as message } from './core-
|
|
2
|
-
export { S as Select, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-
|
|
1
|
+
export { e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, 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, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, 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, bb as message } from './core-Dwc_30PN.cjs';
|
|
2
|
+
export { S as Select, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-CVvF4mcy.cjs';
|
|
3
3
|
import 'react';
|
|
4
4
|
import './shared-DAYZvZVu.cjs';
|
package/dist/core.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, 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, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, 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, bb as message } from './core-
|
|
2
|
-
export { S as Select, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-
|
|
1
|
+
export { e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, 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, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, 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, bb as message } from './core-ByQQ3hq2.js';
|
|
2
|
+
export { S as Select, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-Ce2Irbpt.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import './shared-DAYZvZVu.js';
|
package/dist/core.js
CHANGED
|
@@ -9,12 +9,12 @@ import {
|
|
|
9
9
|
Typography,
|
|
10
10
|
Upload,
|
|
11
11
|
message
|
|
12
|
-
} from "./chunk-
|
|
12
|
+
} from "./chunk-6HP6IIT4.js";
|
|
13
13
|
import "./chunk-WHARTF2I.js";
|
|
14
14
|
import {
|
|
15
15
|
Modal,
|
|
16
16
|
Select
|
|
17
|
-
} from "./chunk-
|
|
17
|
+
} from "./chunk-SGJLZN23.js";
|
|
18
18
|
import {
|
|
19
19
|
Icon,
|
|
20
20
|
Input,
|
package/dist/index.cjs
CHANGED
|
@@ -2897,6 +2897,7 @@ var Select = (0, import_react15.forwardRef)(function Select2({
|
|
|
2897
2897
|
onSearch,
|
|
2898
2898
|
filterOption = defaultFilterOption,
|
|
2899
2899
|
showSelectAll = true,
|
|
2900
|
+
showActions = mode === "multiple",
|
|
2900
2901
|
maxTagCount = 2,
|
|
2901
2902
|
virtual = true,
|
|
2902
2903
|
virtualThreshold = 100,
|
|
@@ -3161,7 +3162,7 @@ var Select = (0, import_react15.forwardRef)(function Select2({
|
|
|
3161
3162
|
}
|
|
3162
3163
|
),
|
|
3163
3164
|
allowClear && hasValue && !disabled && !loading ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { className: "sia-select__clear", type: "button", "aria-label": "\u6E05\u7A7A\u9009\u62E9", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
|
|
3164
|
-
/* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && popupMode === "dropdown", className: "sia-select__dropdown"
|
|
3165
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && popupMode === "dropdown", className: `sia-select__dropdown${filteredOptions.length === 0 && !canSubmitInput ? " sia-select__dropdown--empty" : ""}`, children: [
|
|
3165
3166
|
showSearch || allowInput ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "sia-select__search", children: [
|
|
3166
3167
|
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "search", size: 15 }),
|
|
3167
3168
|
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("input", { ref: searchRef, value: query, maxLength: inputMaxLength, onChange: handleSearchChange, onKeyDown: (event) => handleInteractionKeyDown(event, true), placeholder: searchPlaceholder, "aria-label": searchPlaceholder })
|
|
@@ -3188,7 +3189,7 @@ var Select = (0, import_react15.forwardRef)(function Select2({
|
|
|
3188
3189
|
children: filteredOptions.length > 0 ? virtualEnabled ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "sia-select__virtual-space", style: { height: filteredOptions.length * optionHeight }, children: renderedOptions.map(renderOption) }) : renderedOptions.map(renderOption) : canSubmitInput ? null : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "sia-select__empty", children: notFoundContent })
|
|
3189
3190
|
}
|
|
3190
3191
|
),
|
|
3191
|
-
/* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "sia-select__actions", children: [
|
|
3192
|
+
showActions ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "sia-select__actions", children: [
|
|
3192
3193
|
/* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
|
|
3193
3194
|
"\u5171 ",
|
|
3194
3195
|
filteredOptions.length,
|
|
@@ -3199,7 +3200,7 @@ var Select = (0, import_react15.forwardRef)(function Select2({
|
|
|
3199
3200
|
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "link", size: "small", disabled: !enabledFilteredOptions.length, onClick: invertFiltered, children: "\u53CD\u9009" })
|
|
3200
3201
|
] }) : null,
|
|
3201
3202
|
multiple || allowClear ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "link", size: "small", danger: true, disabled: !hasValue, onClick: clearSelection, children: "\u6E05\u7A7A" }) : null
|
|
3202
|
-
] })
|
|
3203
|
+
] }) : null
|
|
3203
3204
|
] }),
|
|
3204
3205
|
popupMode === "modal" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3205
3206
|
Modal2,
|
|
@@ -11841,6 +11842,8 @@ function TableInner(props, ref) {
|
|
|
11841
11842
|
tableHeight,
|
|
11842
11843
|
size = "medium",
|
|
11843
11844
|
bordered = true,
|
|
11845
|
+
rowBordered = true,
|
|
11846
|
+
columnBordered = true,
|
|
11844
11847
|
toolbarBordered = false,
|
|
11845
11848
|
striped = true,
|
|
11846
11849
|
virtual,
|
|
@@ -12247,7 +12250,7 @@ function TableInner(props, ref) {
|
|
|
12247
12250
|
"div",
|
|
12248
12251
|
{
|
|
12249
12252
|
ref: rootRef,
|
|
12250
|
-
className: `sia-table sia-table--${size}${bordered ? " sia-table--bordered" : ""}${hasToolbar && !toolbarBordered ? " sia-table--borderless-toolbar" : ""} ${className}`.trim(),
|
|
12253
|
+
className: `sia-table sia-table--${size}${bordered ? " sia-table--bordered" : ""}${!rowBordered ? " sia-table--no-row-borders" : ""}${!columnBordered ? " sia-table--no-column-borders" : ""}${hasToolbar && !toolbarBordered ? " sia-table--borderless-toolbar" : ""} ${className}`.trim(),
|
|
12251
12254
|
style: rootStyle,
|
|
12252
12255
|
"data-has-fixed-left": left > 0,
|
|
12253
12256
|
"data-has-fixed-right": right > 0,
|
package/dist/index.css
CHANGED
|
@@ -92,6 +92,11 @@ fieldset:disabled .sia-placeholder-floating > .sia-floating-placeholder {
|
|
|
92
92
|
.sia-markdown-editor.sia-placeholder-floating [data-placeholder]::before {
|
|
93
93
|
content: none !important;
|
|
94
94
|
}
|
|
95
|
+
.sia-placeholder-floating:focus-within > .sia-floating-placeholder,
|
|
96
|
+
.sia-placeholder-floating--filled > .sia-floating-placeholder,
|
|
97
|
+
.sia-placeholder-floating--active > .sia-floating-placeholder {
|
|
98
|
+
max-width: calc((100% - 14px) / .85);
|
|
99
|
+
}
|
|
95
100
|
@media (prefers-reduced-motion: reduce) {
|
|
96
101
|
.sia-floating-placeholder {
|
|
97
102
|
transition: none;
|
|
@@ -1533,12 +1538,16 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
1533
1538
|
display: flex;
|
|
1534
1539
|
flex-direction: column;
|
|
1535
1540
|
width: max-content;
|
|
1541
|
+
min-width: 90px;
|
|
1536
1542
|
padding: 4px;
|
|
1537
1543
|
background: var(--sia-color-surface);
|
|
1538
1544
|
border: 1px solid var(--sia-color-border);
|
|
1539
1545
|
border-radius: 8px;
|
|
1540
1546
|
box-shadow: var(--sia-shadow-popup);
|
|
1541
1547
|
}
|
|
1548
|
+
.sia-select__dropdown--empty {
|
|
1549
|
+
width: var(--sia-popup-anchor-width);
|
|
1550
|
+
}
|
|
1542
1551
|
.sia-select__search {
|
|
1543
1552
|
flex-shrink: 0;
|
|
1544
1553
|
display: flex;
|
|
@@ -3105,6 +3114,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3105
3114
|
box-sizing: border-box;
|
|
3106
3115
|
}
|
|
3107
3116
|
.sia-table {
|
|
3117
|
+
--sia-table-row-border-width: 1px;
|
|
3118
|
+
--sia-table-column-border-width: 1px;
|
|
3108
3119
|
position: relative;
|
|
3109
3120
|
display: flex;
|
|
3110
3121
|
flex-direction: column;
|
|
@@ -3116,6 +3127,12 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3116
3127
|
font-size: 13px;
|
|
3117
3128
|
user-select: text;
|
|
3118
3129
|
}
|
|
3130
|
+
.sia-table--no-row-borders {
|
|
3131
|
+
--sia-table-row-border-width: 0px;
|
|
3132
|
+
}
|
|
3133
|
+
.sia-table--no-column-borders {
|
|
3134
|
+
--sia-table-column-border-width: 0px;
|
|
3135
|
+
}
|
|
3119
3136
|
.sia-table[tabindex="-1"]:focus {
|
|
3120
3137
|
outline: none;
|
|
3121
3138
|
}
|
|
@@ -3125,7 +3142,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3125
3142
|
user-select: text;
|
|
3126
3143
|
}
|
|
3127
3144
|
.sia-table--bordered {
|
|
3128
|
-
border: 1px solid var(--sia-
|
|
3145
|
+
border: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
3129
3146
|
}
|
|
3130
3147
|
.sia-table__toolbar {
|
|
3131
3148
|
display: flex;
|
|
@@ -3135,7 +3152,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3135
3152
|
gap: 12px;
|
|
3136
3153
|
min-height: 46px;
|
|
3137
3154
|
padding: 7px 10px;
|
|
3138
|
-
border-bottom: 1px solid var(--sia-
|
|
3155
|
+
border-bottom: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
3139
3156
|
}
|
|
3140
3157
|
.sia-table__toolbar > div {
|
|
3141
3158
|
display: flex;
|
|
@@ -3181,8 +3198,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3181
3198
|
position: relative;
|
|
3182
3199
|
height: 38px;
|
|
3183
3200
|
padding: 8px 12px;
|
|
3184
|
-
border-right:
|
|
3185
|
-
border-bottom:
|
|
3201
|
+
border-right: var(--sia-table-column-border-width) solid var(--sia-table-border-color, #EFF2F6);
|
|
3202
|
+
border-bottom: var(--sia-table-row-border-width) solid var(--sia-table-border-color, #EFF2F6);
|
|
3186
3203
|
background: var(--sia-color-surface);
|
|
3187
3204
|
vertical-align: middle;
|
|
3188
3205
|
}
|
|
@@ -3730,7 +3747,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3730
3747
|
.sia-table__summary-cell {
|
|
3731
3748
|
color: var(--sia-color-text);
|
|
3732
3749
|
background: color-mix(in srgb, var(--sia-color-control-hover) 80%, var(--sia-color-surface));
|
|
3733
|
-
box-shadow: inset 0
|
|
3750
|
+
box-shadow: inset 0 var(--sia-table-row-border-width) 0 var(--sia-table-border-color, #EFF2F6);
|
|
3734
3751
|
font-weight: 600;
|
|
3735
3752
|
}
|
|
3736
3753
|
.sia-table__summary-row--total .sia-table__summary-cell {
|
|
@@ -3741,7 +3758,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3741
3758
|
align-items: center;
|
|
3742
3759
|
min-height: 44px;
|
|
3743
3760
|
padding: 6px 10px;
|
|
3744
|
-
border-top: 1px solid var(--sia-
|
|
3761
|
+
border-top: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
3745
3762
|
}
|
|
3746
3763
|
.sia-table__selection-footer {
|
|
3747
3764
|
display: inline-flex;
|
|
@@ -3773,7 +3790,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3773
3790
|
justify-content: space-between;
|
|
3774
3791
|
min-height: 50px;
|
|
3775
3792
|
padding: 8px 12px;
|
|
3776
|
-
border-bottom: 1px solid var(--sia-
|
|
3793
|
+
border-bottom: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
3777
3794
|
}
|
|
3778
3795
|
.sia-table-selection-panel__header strong span {
|
|
3779
3796
|
color: var(--sia-color-primary-text);
|
|
@@ -3797,7 +3814,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3797
3814
|
text-align: left;
|
|
3798
3815
|
text-overflow: ellipsis;
|
|
3799
3816
|
white-space: nowrap;
|
|
3800
|
-
border-bottom: 1px solid var(--sia-
|
|
3817
|
+
border-bottom: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
3801
3818
|
}
|
|
3802
3819
|
.sia-table-selection-panel th {
|
|
3803
3820
|
position: sticky;
|
|
@@ -3822,7 +3839,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3822
3839
|
justify-content: center;
|
|
3823
3840
|
min-height: 48px;
|
|
3824
3841
|
color: var(--sia-color-text-secondary);
|
|
3825
|
-
border-top: 1px solid var(--sia-
|
|
3842
|
+
border-top: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
3826
3843
|
}
|
|
3827
3844
|
.sia-table__pagination {
|
|
3828
3845
|
flex: 1;
|
|
@@ -3854,7 +3871,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
3854
3871
|
min-width: 140px;
|
|
3855
3872
|
padding: 6px;
|
|
3856
3873
|
background: var(--sia-color-surface);
|
|
3857
|
-
border: 1px solid var(--sia-
|
|
3874
|
+
border: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
3858
3875
|
border-radius: var(--sia-radius);
|
|
3859
3876
|
box-shadow: var(--sia-shadow-popup);
|
|
3860
3877
|
}
|
|
@@ -4118,7 +4135,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
4118
4135
|
border: 0;
|
|
4119
4136
|
}
|
|
4120
4137
|
.sia-table--borderless-toolbar.sia-table--bordered > .sia-table__viewport-wrap {
|
|
4121
|
-
border: 1px solid var(--sia-
|
|
4138
|
+
border: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
4122
4139
|
border-radius: var(--sia-radius);
|
|
4123
4140
|
}
|
|
4124
4141
|
.sia-table--borderless-toolbar.sia-table--bordered:has(> .sia-table__footer) > .sia-table__viewport-wrap {
|
|
@@ -4127,7 +4144,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
4127
4144
|
border-bottom-right-radius: 0;
|
|
4128
4145
|
}
|
|
4129
4146
|
.sia-table--borderless-toolbar.sia-table--bordered > .sia-table__footer {
|
|
4130
|
-
border: 1px solid var(--sia-
|
|
4147
|
+
border: 1px solid var(--sia-table-border-color, #EFF2F6);
|
|
4131
4148
|
border-radius: 0 0 var(--sia-radius) var(--sia-radius);
|
|
4132
4149
|
}
|
|
4133
4150
|
.sia-select-modal__heading {
|
package/dist/index.d.cts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes } from 'react';
|
|
3
|
-
import { O as OverlayContainer, a as OverlayApiHandle } from './core-
|
|
4
|
-
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-
|
|
3
|
+
import { O as OverlayContainer, a as OverlayApiHandle } from './core-Dwc_30PN.cjs';
|
|
4
|
+
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-Dwc_30PN.cjs';
|
|
5
5
|
import { I as InputPlaceholderMode, C as ControlSize, a as ControlStatus } from './shared-DAYZvZVu.cjs';
|
|
6
|
-
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-
|
|
6
|
+
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-l-xgB959.cjs';
|
|
7
7
|
export { RichTextContent, RichTextContentFormat, RichTextContentProps, RichTextEditor, RichTextEditorProps, RichTextImagePasteHandler, RichTextToolbar } from './rich-text-editor.cjs';
|
|
8
8
|
export { MarkdownEditor, MarkdownEditorMode, MarkdownEditorProps } from './markdown-editor.cjs';
|
|
9
9
|
import * as Monaco from 'monaco-editor';
|
|
10
|
-
export { S as Select, a as SelectChangeValue, b as SelectMode, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-
|
|
10
|
+
export { S as Select, a as SelectChangeValue, b as SelectMode, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-CVvF4mcy.cjs';
|
|
11
11
|
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';
|
|
12
12
|
import 'vditor';
|
|
13
13
|
|
|
@@ -880,6 +880,10 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
|
|
|
880
880
|
tableHeight?: number | string;
|
|
881
881
|
size?: TableSize;
|
|
882
882
|
bordered?: boolean;
|
|
883
|
+
/** 是否显示行分隔线(含表头和汇总行),默认 true。 */
|
|
884
|
+
rowBordered?: boolean;
|
|
885
|
+
/** 是否显示列分隔线,默认 true。 */
|
|
886
|
+
columnBordered?: boolean;
|
|
883
887
|
/** 是否将工具栏纳入表格边框,默认 false;表格主体边框仍由 bordered 控制。 */
|
|
884
888
|
toolbarBordered?: boolean;
|
|
885
889
|
striped?: boolean;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes } from 'react';
|
|
3
|
-
import { O as OverlayContainer, a as OverlayApiHandle } from './core-
|
|
4
|
-
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-
|
|
3
|
+
import { O as OverlayContainer, a as OverlayApiHandle } from './core-ByQQ3hq2.js';
|
|
4
|
+
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-ByQQ3hq2.js';
|
|
5
5
|
import { I as InputPlaceholderMode, C as ControlSize, a as ControlStatus } from './shared-DAYZvZVu.js';
|
|
6
|
-
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-
|
|
6
|
+
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-D-JMfpwD.js';
|
|
7
7
|
export { RichTextContent, RichTextContentFormat, RichTextContentProps, RichTextEditor, RichTextEditorProps, RichTextImagePasteHandler, RichTextToolbar } from './rich-text-editor.js';
|
|
8
8
|
export { MarkdownEditor, MarkdownEditorMode, MarkdownEditorProps } from './markdown-editor.js';
|
|
9
9
|
import * as Monaco from 'monaco-editor';
|
|
10
|
-
export { S as Select, a as SelectChangeValue, b as SelectMode, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-
|
|
10
|
+
export { S as Select, a as SelectChangeValue, b as SelectMode, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-Ce2Irbpt.js';
|
|
11
11
|
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.js';
|
|
12
12
|
import 'vditor';
|
|
13
13
|
|
|
@@ -880,6 +880,10 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
|
|
|
880
880
|
tableHeight?: number | string;
|
|
881
881
|
size?: TableSize;
|
|
882
882
|
bordered?: boolean;
|
|
883
|
+
/** 是否显示行分隔线(含表头和汇总行),默认 true。 */
|
|
884
|
+
rowBordered?: boolean;
|
|
885
|
+
/** 是否显示列分隔线,默认 true。 */
|
|
886
|
+
columnBordered?: boolean;
|
|
883
887
|
/** 是否将工具栏纳入表格边框,默认 false;表格主体边框仍由 bordered 控制。 */
|
|
884
888
|
toolbarBordered?: boolean;
|
|
885
889
|
striped?: boolean;
|
package/dist/index.js
CHANGED
|
@@ -79,7 +79,7 @@ import {
|
|
|
79
79
|
Watermark,
|
|
80
80
|
message,
|
|
81
81
|
notification
|
|
82
|
-
} from "./chunk-
|
|
82
|
+
} from "./chunk-6HP6IIT4.js";
|
|
83
83
|
import {
|
|
84
84
|
TextArea
|
|
85
85
|
} from "./chunk-WHARTF2I.js";
|
|
@@ -94,7 +94,7 @@ import {
|
|
|
94
94
|
DatePicker,
|
|
95
95
|
SelectDateRange,
|
|
96
96
|
TimePanel
|
|
97
|
-
} from "./chunk-
|
|
97
|
+
} from "./chunk-T2X6WK6Z.js";
|
|
98
98
|
import {
|
|
99
99
|
Checkbox,
|
|
100
100
|
Modal,
|
|
@@ -107,7 +107,7 @@ import {
|
|
|
107
107
|
Tooltip,
|
|
108
108
|
Tree,
|
|
109
109
|
useOverlayLifecycle
|
|
110
|
-
} from "./chunk-
|
|
110
|
+
} from "./chunk-SGJLZN23.js";
|
|
111
111
|
import {
|
|
112
112
|
Dropdown,
|
|
113
113
|
FILLED_ICON_NAMES,
|
|
@@ -6137,6 +6137,8 @@ function TableInner(props, ref) {
|
|
|
6137
6137
|
tableHeight,
|
|
6138
6138
|
size = "medium",
|
|
6139
6139
|
bordered = true,
|
|
6140
|
+
rowBordered = true,
|
|
6141
|
+
columnBordered = true,
|
|
6140
6142
|
toolbarBordered = false,
|
|
6141
6143
|
striped = true,
|
|
6142
6144
|
virtual,
|
|
@@ -6543,7 +6545,7 @@ function TableInner(props, ref) {
|
|
|
6543
6545
|
"div",
|
|
6544
6546
|
{
|
|
6545
6547
|
ref: rootRef,
|
|
6546
|
-
className: `sia-table sia-table--${size}${bordered ? " sia-table--bordered" : ""}${hasToolbar && !toolbarBordered ? " sia-table--borderless-toolbar" : ""} ${className}`.trim(),
|
|
6548
|
+
className: `sia-table sia-table--${size}${bordered ? " sia-table--bordered" : ""}${!rowBordered ? " sia-table--no-row-borders" : ""}${!columnBordered ? " sia-table--no-column-borders" : ""}${hasToolbar && !toolbarBordered ? " sia-table--borderless-toolbar" : ""} ${className}`.trim(),
|
|
6547
6549
|
style: rootStyle,
|
|
6548
6550
|
"data-has-fixed-left": left > 0,
|
|
6549
6551
|
"data-has-fixed-right": right > 0,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { InputHTMLAttributes, ReactNode, HTMLAttributes, CSSProperties } from 'react';
|
|
3
3
|
import { I as InputPlaceholderMode, C as ControlSize, a as ControlStatus } from './shared-DAYZvZVu.js';
|
|
4
|
-
import { c as SelectOption, e as SelectValue } from './Select-
|
|
4
|
+
import { c as SelectOption, e as SelectValue } from './Select-Ce2Irbpt.js';
|
|
5
5
|
|
|
6
6
|
type DatePickerShowTime = boolean | {
|
|
7
7
|
showSecond?: boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { InputHTMLAttributes, ReactNode, HTMLAttributes, CSSProperties } from 'react';
|
|
3
3
|
import { I as InputPlaceholderMode, C as ControlSize, a as ControlStatus } from './shared-DAYZvZVu.cjs';
|
|
4
|
-
import { c as SelectOption, e as SelectValue } from './Select-
|
|
4
|
+
import { c as SelectOption, e as SelectValue } from './Select-CVvF4mcy.cjs';
|
|
5
5
|
|
|
6
6
|
type DatePickerShowTime = boolean | {
|
|
7
7
|
showSecond?: boolean;
|
|
@@ -2748,6 +2748,7 @@ var Select = (0, import_react14.forwardRef)(function Select2({
|
|
|
2748
2748
|
onSearch,
|
|
2749
2749
|
filterOption = defaultFilterOption,
|
|
2750
2750
|
showSelectAll = true,
|
|
2751
|
+
showActions = mode === "multiple",
|
|
2751
2752
|
maxTagCount = 2,
|
|
2752
2753
|
virtual = true,
|
|
2753
2754
|
virtualThreshold = 100,
|
|
@@ -3012,7 +3013,7 @@ var Select = (0, import_react14.forwardRef)(function Select2({
|
|
|
3012
3013
|
}
|
|
3013
3014
|
),
|
|
3014
3015
|
allowClear && hasValue && !disabled && !loading ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { className: "sia-select__clear", type: "button", "aria-label": "\u6E05\u7A7A\u9009\u62E9", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
|
|
3015
|
-
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && popupMode === "dropdown", className: "sia-select__dropdown"
|
|
3016
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && popupMode === "dropdown", className: `sia-select__dropdown${filteredOptions.length === 0 && !canSubmitInput ? " sia-select__dropdown--empty" : ""}`, children: [
|
|
3016
3017
|
showSearch || allowInput ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "sia-select__search", children: [
|
|
3017
3018
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "search", size: 15 }),
|
|
3018
3019
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", { ref: searchRef, value: query, maxLength: inputMaxLength, onChange: handleSearchChange, onKeyDown: (event) => handleInteractionKeyDown(event, true), placeholder: searchPlaceholder, "aria-label": searchPlaceholder })
|
|
@@ -3039,7 +3040,7 @@ var Select = (0, import_react14.forwardRef)(function Select2({
|
|
|
3039
3040
|
children: filteredOptions.length > 0 ? virtualEnabled ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "sia-select__virtual-space", style: { height: filteredOptions.length * optionHeight }, children: renderedOptions.map(renderOption) }) : renderedOptions.map(renderOption) : canSubmitInput ? null : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "sia-select__empty", children: notFoundContent })
|
|
3040
3041
|
}
|
|
3041
3042
|
),
|
|
3042
|
-
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "sia-select__actions", children: [
|
|
3043
|
+
showActions ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "sia-select__actions", children: [
|
|
3043
3044
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
|
|
3044
3045
|
"\u5171 ",
|
|
3045
3046
|
filteredOptions.length,
|
|
@@ -3050,7 +3051,7 @@ var Select = (0, import_react14.forwardRef)(function Select2({
|
|
|
3050
3051
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { variant: "link", size: "small", disabled: !enabledFilteredOptions.length, onClick: invertFiltered, children: "\u53CD\u9009" })
|
|
3051
3052
|
] }) : null,
|
|
3052
3053
|
multiple || allowClear ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { variant: "link", size: "small", danger: true, disabled: !hasValue, onClick: clearSelection, children: "\u6E05\u7A7A" }) : null
|
|
3053
|
-
] })
|
|
3054
|
+
] }) : null
|
|
3054
3055
|
] }),
|
|
3055
3056
|
popupMode === "modal" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3056
3057
|
Modal2,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-
|
|
1
|
+
export { S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-l-xgB959.cjs';
|
|
2
2
|
import 'react';
|
|
3
3
|
import './shared-DAYZvZVu.cjs';
|
|
4
|
-
import './Select-
|
|
4
|
+
import './Select-CVvF4mcy.cjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-
|
|
1
|
+
export { S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-D-JMfpwD.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
import './shared-DAYZvZVu.js';
|
|
4
|
-
import './Select-
|
|
4
|
+
import './Select-Ce2Irbpt.js';
|