@sia.soul/sia-react-ui 0.1.8 → 0.1.9

package/dist/{chunk-FVQON65A.js → chunk-6HP6IIT4.js}

@@ -5,7 +5,7 @@ import {
   Popover,
   Tooltip,
   useOverlayLifecycle
-} from "./chunk-JMVCKK34.js";
+} from "./chunk-SGJLZN23.js";
 import {
   Dropdown,
   Icon

package/dist/{chunk-JMVCKK34.js → chunk-SGJLZN23.js}

@@ -1349,7 +1349,7 @@ var Select = forwardRef3(function Select2({
       }
     ),
     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,
-    /* @__PURE__ */ jsxs6(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && popupMode === "dropdown", className: "sia-select__dropdown", children: [
+    /* @__PURE__ */ jsxs6(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && popupMode === "dropdown", className: `sia-select__dropdown${filteredOptions.length === 0 && !canSubmitInput ? " sia-select__dropdown--empty" : ""}`, children: [
       showSearch || allowInput ? /* @__PURE__ */ jsxs6("label", { className: "sia-select__search", children: [
         /* @__PURE__ */ jsx6(Icon, { name: "search", size: 15 }),
         /* @__PURE__ */ jsx6("input", { ref: searchRef, value: query, maxLength: inputMaxLength, onChange: handleSearchChange, onKeyDown: (event) => handleInteractionKeyDown(event, true), placeholder: searchPlaceholder, "aria-label": searchPlaceholder })

package/dist/{chunk-PXQUIG6V.js → chunk-T2X6WK6Z.js}

@@ -1,6 +1,6 @@
 import {
   Select
-} from "./chunk-JMVCKK34.js";
+} from "./chunk-SGJLZN23.js";
 import {
   Icon,
   PopupPortal

package/dist/core.cjs

@@ -3070,7 +3070,7 @@ var Select = (0, import_react18.forwardRef)(function Select2({
       }
     ),
     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,
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && popupMode === "dropdown", className: "sia-select__dropdown", children: [
+    /* @__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: [
       showSearch || allowInput ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "sia-select__search", children: [
         /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "search", size: 15 }),
         /* @__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 })

package/dist/core.css

@@ -1538,12 +1538,16 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   display: flex;
   flex-direction: column;
   width: max-content;
+  min-width: 90px;
   padding: 4px;
   background: var(--sia-color-surface);
   border: 1px solid var(--sia-color-border);
   border-radius: 8px;
   box-shadow: var(--sia-shadow-popup);
 }
+.sia-select__dropdown--empty {
+  width: var(--sia-popup-anchor-width);
+}
 .sia-select__search {
   flex-shrink: 0;
   display: flex;
@@ -3110,6 +3114,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   box-sizing: border-box;
 }
 .sia-table {
+  --sia-table-row-border-width: 1px;
+  --sia-table-column-border-width: 1px;
   position: relative;
   display: flex;
   flex-direction: column;
@@ -3121,6 +3127,12 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   font-size: 13px;
   user-select: text;
 }
+.sia-table--no-row-borders {
+  --sia-table-row-border-width: 0px;
+}
+.sia-table--no-column-borders {
+  --sia-table-column-border-width: 0px;
+}
 .sia-table[tabindex="-1"]:focus {
   outline: none;
 }
@@ -3130,7 +3142,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   user-select: text;
 }
 .sia-table--bordered {
-  border: 1px solid var(--sia-color-border);
+  border: 1px solid var(--sia-table-border-color, #EFF2F6);
 }
 .sia-table__toolbar {
   display: flex;
@@ -3140,7 +3152,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   gap: 12px;
   min-height: 46px;
   padding: 7px 10px;
-  border-bottom: 1px solid var(--sia-color-border);
+  border-bottom: 1px solid var(--sia-table-border-color, #EFF2F6);
 }
 .sia-table__toolbar > div {
   display: flex;
@@ -3186,8 +3198,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   position: relative;
   height: 38px;
   padding: 8px 12px;
-  border-right: 1px solid var(--sia-color-border);
-  border-bottom: 1px solid var(--sia-color-border);
+  border-right: var(--sia-table-column-border-width) solid var(--sia-table-border-color, #EFF2F6);
+  border-bottom: var(--sia-table-row-border-width) solid var(--sia-table-border-color, #EFF2F6);
   background: var(--sia-color-surface);
   vertical-align: middle;
 }
@@ -3735,7 +3747,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__summary-cell {
   color: var(--sia-color-text);
   background: color-mix(in srgb, var(--sia-color-control-hover) 80%, var(--sia-color-surface));
-  box-shadow: inset 0 1px 0 var(--sia-color-border);
+  box-shadow: inset 0 var(--sia-table-row-border-width) 0 var(--sia-table-border-color, #EFF2F6);
   font-weight: 600;
 }
 .sia-table__summary-row--total .sia-table__summary-cell {
@@ -3746,7 +3758,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   align-items: center;
   min-height: 44px;
   padding: 6px 10px;
-  border-top: 1px solid var(--sia-color-border);
+  border-top: 1px solid var(--sia-table-border-color, #EFF2F6);
 }
 .sia-table__selection-footer {
   display: inline-flex;
@@ -3778,7 +3790,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   justify-content: space-between;
   min-height: 50px;
   padding: 8px 12px;
-  border-bottom: 1px solid var(--sia-color-border);
+  border-bottom: 1px solid var(--sia-table-border-color, #EFF2F6);
 }
 .sia-table-selection-panel__header strong span {
   color: var(--sia-color-primary-text);
@@ -3802,7 +3814,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
-  border-bottom: 1px solid var(--sia-color-border);
+  border-bottom: 1px solid var(--sia-table-border-color, #EFF2F6);
 }
 .sia-table-selection-panel th {
   position: sticky;
@@ -3827,7 +3839,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   justify-content: center;
   min-height: 48px;
   color: var(--sia-color-text-secondary);
-  border-top: 1px solid var(--sia-color-border);
+  border-top: 1px solid var(--sia-table-border-color, #EFF2F6);
 }
 .sia-table__pagination {
   flex: 1;
@@ -3859,7 +3871,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   min-width: 140px;
   padding: 6px;
   background: var(--sia-color-surface);
-  border: 1px solid var(--sia-color-border);
+  border: 1px solid var(--sia-table-border-color, #EFF2F6);
   border-radius: var(--sia-radius);
   box-shadow: var(--sia-shadow-popup);
 }
@@ -4123,7 +4135,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   border: 0;
 }
 .sia-table--borderless-toolbar.sia-table--bordered > .sia-table__viewport-wrap {
-  border: 1px solid var(--sia-color-border);
+  border: 1px solid var(--sia-table-border-color, #EFF2F6);
   border-radius: var(--sia-radius);
 }
 .sia-table--borderless-toolbar.sia-table--bordered:has(> .sia-table__footer) > .sia-table__viewport-wrap {
@@ -4132,7 +4144,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   border-bottom-right-radius: 0;
 }
 .sia-table--borderless-toolbar.sia-table--bordered > .sia-table__footer {
-  border: 1px solid var(--sia-color-border);
+  border: 1px solid var(--sia-table-border-color, #EFF2F6);
   border-radius: 0 0 var(--sia-radius) var(--sia-radius);
 }
 .sia-select-modal__heading {

package/dist/core.js

@@ -9,12 +9,12 @@ import {
   Typography,
   Upload,
   message
-} from "./chunk-FVQON65A.js";
+} from "./chunk-6HP6IIT4.js";
 import "./chunk-WHARTF2I.js";
 import {
   Modal,
   Select
-} from "./chunk-JMVCKK34.js";
+} from "./chunk-SGJLZN23.js";
 import {
   Icon,
   Input,

package/dist/index.cjs

@@ -3162,7 +3162,7 @@ var Select = (0, import_react15.forwardRef)(function Select2({
       }
     ),
     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,
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && popupMode === "dropdown", className: "sia-select__dropdown", children: [
+    /* @__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: [
       showSearch || allowInput ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "sia-select__search", children: [
         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "search", size: 15 }),
         /* @__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 })
@@ -11842,6 +11842,8 @@ function TableInner(props, ref) {
     tableHeight,
     size = "medium",
     bordered = true,
+    rowBordered = true,
+    columnBordered = true,
     toolbarBordered = false,
     striped = true,
     virtual,
@@ -12248,7 +12250,7 @@ function TableInner(props, ref) {
     "div",
     {
       ref: rootRef,
-      className: `sia-table sia-table--${size}${bordered ? " sia-table--bordered" : ""}${hasToolbar && !toolbarBordered ? " sia-table--borderless-toolbar" : ""} ${className}`.trim(),
+      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(),
       style: rootStyle,
       "data-has-fixed-left": left > 0,
       "data-has-fixed-right": right > 0,

package/dist/index.css

@@ -1538,12 +1538,16 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   display: flex;
   flex-direction: column;
   width: max-content;
+  min-width: 90px;
   padding: 4px;
   background: var(--sia-color-surface);
   border: 1px solid var(--sia-color-border);
   border-radius: 8px;
   box-shadow: var(--sia-shadow-popup);
 }
+.sia-select__dropdown--empty {
+  width: var(--sia-popup-anchor-width);
+}
 .sia-select__search {
   flex-shrink: 0;
   display: flex;
@@ -3110,6 +3114,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   box-sizing: border-box;
 }
 .sia-table {
+  --sia-table-row-border-width: 1px;
+  --sia-table-column-border-width: 1px;
   position: relative;
   display: flex;
   flex-direction: column;
@@ -3121,6 +3127,12 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   font-size: 13px;
   user-select: text;
 }
+.sia-table--no-row-borders {
+  --sia-table-row-border-width: 0px;
+}
+.sia-table--no-column-borders {
+  --sia-table-column-border-width: 0px;
+}
 .sia-table[tabindex="-1"]:focus {
   outline: none;
 }
@@ -3130,7 +3142,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   user-select: text;
 }
 .sia-table--bordered {
-  border: 1px solid var(--sia-color-border);
+  border: 1px solid var(--sia-table-border-color, #EFF2F6);
 }
 .sia-table__toolbar {
   display: flex;
@@ -3140,7 +3152,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   gap: 12px;
   min-height: 46px;
   padding: 7px 10px;
-  border-bottom: 1px solid var(--sia-color-border);
+  border-bottom: 1px solid var(--sia-table-border-color, #EFF2F6);
 }
 .sia-table__toolbar > div {
   display: flex;
@@ -3186,8 +3198,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   position: relative;
   height: 38px;
   padding: 8px 12px;
-  border-right: 1px solid var(--sia-color-border);
-  border-bottom: 1px solid var(--sia-color-border);
+  border-right: var(--sia-table-column-border-width) solid var(--sia-table-border-color, #EFF2F6);
+  border-bottom: var(--sia-table-row-border-width) solid var(--sia-table-border-color, #EFF2F6);
   background: var(--sia-color-surface);
   vertical-align: middle;
 }
@@ -3735,7 +3747,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__summary-cell {
   color: var(--sia-color-text);
   background: color-mix(in srgb, var(--sia-color-control-hover) 80%, var(--sia-color-surface));
-  box-shadow: inset 0 1px 0 var(--sia-color-border);
+  box-shadow: inset 0 var(--sia-table-row-border-width) 0 var(--sia-table-border-color, #EFF2F6);
   font-weight: 600;
 }
 .sia-table__summary-row--total .sia-table__summary-cell {
@@ -3746,7 +3758,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   align-items: center;
   min-height: 44px;
   padding: 6px 10px;
-  border-top: 1px solid var(--sia-color-border);
+  border-top: 1px solid var(--sia-table-border-color, #EFF2F6);
 }
 .sia-table__selection-footer {
   display: inline-flex;
@@ -3778,7 +3790,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   justify-content: space-between;
   min-height: 50px;
   padding: 8px 12px;
-  border-bottom: 1px solid var(--sia-color-border);
+  border-bottom: 1px solid var(--sia-table-border-color, #EFF2F6);
 }
 .sia-table-selection-panel__header strong span {
   color: var(--sia-color-primary-text);
@@ -3802,7 +3814,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
-  border-bottom: 1px solid var(--sia-color-border);
+  border-bottom: 1px solid var(--sia-table-border-color, #EFF2F6);
 }
 .sia-table-selection-panel th {
   position: sticky;
@@ -3827,7 +3839,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   justify-content: center;
   min-height: 48px;
   color: var(--sia-color-text-secondary);
-  border-top: 1px solid var(--sia-color-border);
+  border-top: 1px solid var(--sia-table-border-color, #EFF2F6);
 }
 .sia-table__pagination {
   flex: 1;
@@ -3859,7 +3871,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   min-width: 140px;
   padding: 6px;
   background: var(--sia-color-surface);
-  border: 1px solid var(--sia-color-border);
+  border: 1px solid var(--sia-table-border-color, #EFF2F6);
   border-radius: var(--sia-radius);
   box-shadow: var(--sia-shadow-popup);
 }
@@ -4123,7 +4135,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   border: 0;
 }
 .sia-table--borderless-toolbar.sia-table--bordered > .sia-table__viewport-wrap {
-  border: 1px solid var(--sia-color-border);
+  border: 1px solid var(--sia-table-border-color, #EFF2F6);
   border-radius: var(--sia-radius);
 }
 .sia-table--borderless-toolbar.sia-table--bordered:has(> .sia-table__footer) > .sia-table__viewport-wrap {
@@ -4132,7 +4144,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   border-bottom-right-radius: 0;
 }
 .sia-table--borderless-toolbar.sia-table--bordered > .sia-table__footer {
-  border: 1px solid var(--sia-color-border);
+  border: 1px solid var(--sia-table-border-color, #EFF2F6);
   border-radius: 0 0 var(--sia-radius) var(--sia-radius);
 }
 .sia-select-modal__heading {

package/dist/index.d.cts

@@ -880,6 +880,10 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
     tableHeight?: number | string;
     size?: TableSize;
     bordered?: boolean;
+    /** 是否显示行分隔线（含表头和汇总行），默认 true。 */
+    rowBordered?: boolean;
+    /** 是否显示列分隔线，默认 true。 */
+    columnBordered?: boolean;
     /** 是否将工具栏纳入表格边框，默认 false；表格主体边框仍由 bordered 控制。 */
     toolbarBordered?: boolean;
     striped?: boolean;

package/dist/index.d.ts

@@ -880,6 +880,10 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
     tableHeight?: number | string;
     size?: TableSize;
     bordered?: boolean;
+    /** 是否显示行分隔线（含表头和汇总行），默认 true。 */
+    rowBordered?: boolean;
+    /** 是否显示列分隔线，默认 true。 */
+    columnBordered?: boolean;
     /** 是否将工具栏纳入表格边框，默认 false；表格主体边框仍由 bordered 控制。 */
     toolbarBordered?: boolean;
     striped?: boolean;

package/dist/index.js

@@ -79,7 +79,7 @@ import {
   Watermark,
   message,
   notification
-} from "./chunk-FVQON65A.js";
+} from "./chunk-6HP6IIT4.js";
 import {
   TextArea
 } from "./chunk-WHARTF2I.js";
@@ -94,7 +94,7 @@ import {
   DatePicker,
   SelectDateRange,
   TimePanel
-} from "./chunk-PXQUIG6V.js";
+} from "./chunk-T2X6WK6Z.js";
 import {
   Checkbox,
   Modal,
@@ -107,7 +107,7 @@ import {
   Tooltip,
   Tree,
   useOverlayLifecycle
-} from "./chunk-JMVCKK34.js";
+} from "./chunk-SGJLZN23.js";
 import {
   Dropdown,
   FILLED_ICON_NAMES,
@@ -6137,6 +6137,8 @@ function TableInner(props, ref) {
     tableHeight,
     size = "medium",
     bordered = true,
+    rowBordered = true,
+    columnBordered = true,
     toolbarBordered = false,
     striped = true,
     virtual,
@@ -6543,7 +6545,7 @@ function TableInner(props, ref) {
     "div",
     {
       ref: rootRef,
-      className: `sia-table sia-table--${size}${bordered ? " sia-table--bordered" : ""}${hasToolbar && !toolbarBordered ? " sia-table--borderless-toolbar" : ""} ${className}`.trim(),
+      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(),
       style: rootStyle,
       "data-has-fixed-left": left > 0,
       "data-has-fixed-right": right > 0,

package/dist/select-date-range.cjs

@@ -3013,7 +3013,7 @@ var Select = (0, import_react14.forwardRef)(function Select2({
       }
     ),
     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,
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && popupMode === "dropdown", className: "sia-select__dropdown", children: [
+    /* @__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: [
       showSearch || allowInput ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "sia-select__search", children: [
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "search", size: 15 }),
         /* @__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 })

package/dist/select-date-range.js

@@ -1,7 +1,7 @@
 import {
   SelectDateRange
-} from "./chunk-PXQUIG6V.js";
-import "./chunk-JMVCKK34.js";
+} from "./chunk-T2X6WK6Z.js";
+import "./chunk-SGJLZN23.js";
 import "./chunk-JJVD2ITI.js";
 import "./chunk-MBS2HXLZ.js";
 import "./chunk-EJDPRAU2.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sia.soul/sia-react-ui",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Sia Design components and tokens for React",
   "publishConfig": {
     "access": "public",