@sia.soul/sia-react-ui 0.1.5 → 0.1.7

package/dist/index.js

@@ -63,31 +63,23 @@ import {
   Calendar,
   Card,
   Carousel,
-  Checkbox,
   Collapse,
   FloatButton,
   Image,
   ImagePreview,
-  Modal,
-  OverlayPortal,
   Popconfirm,
-  Popover,
   Progress,
   Rate,
   Spin,
   Tabs,
   Tag,
-  Timeline,
-  Tooltip,
   Tour,
-  Tree,
   Typography,
   Upload,
   Watermark,
   message,
-  notification,
-  useOverlayLifecycle
-} from "./chunk-S2JAJCLN.js";
+  notification
+} from "./chunk-6QQRMGW4.js";
 import {
   TextArea
 } from "./chunk-WHARTF2I.js";
@@ -97,32 +89,39 @@ import {
 import {
   RichTextContent,
   RichTextEditor
-} from "./chunk-PX6BOFTW.js";
-import {
-  Dropdown,
-  Input,
-  Menu,
-  Segmented,
-  Steps
-} from "./chunk-IHTODT53.js";
-import {
-  Button
-} from "./chunk-MBS2HXLZ.js";
+} from "./chunk-F3VH6LJH.js";
 import {
   DatePicker,
   SelectDateRange,
   TimePanel
-} from "./chunk-MJUTLEEE.js";
+} from "./chunk-X6ZPBBDF.js";
 import {
+  Checkbox,
+  Modal,
   OverflowTags,
-  Select
-} from "./chunk-R7BVDN3Q.js";
+  OverlayPortal,
+  Popover,
+  Select,
+  SelectionPanel,
+  Timeline,
+  Tooltip,
+  Tree,
+  useOverlayLifecycle
+} from "./chunk-SMNSQDXN.js";
 import {
+  Dropdown,
   FILLED_ICON_NAMES,
   ICON_NAMES,
   Icon,
-  PopupPortal
-} from "./chunk-EJ23MVR6.js";
+  Input,
+  Menu,
+  PopupPortal,
+  Segmented,
+  Steps
+} from "./chunk-JJVD2ITI.js";
+import {
+  Button
+} from "./chunk-MBS2HXLZ.js";
 import {
   PlaceholderModeContext,
   useControllableState,
@@ -4470,14 +4469,32 @@ function TableCellContent({ children, ellipsis, title }) {
   useLayoutEffect(() => {
     const element = ref.current;
     if (!element || !ellipsis || !customContent) return;
-    const update = () => setOverflowing(element.scrollWidth > element.clientWidth + 1);
+    const layouts = [];
+    const normalizeLayouts = (parent) => {
+      for (const child of parent.children) {
+        if (!(child instanceof HTMLElement)) continue;
+        const component = [...child.classList].some((name) => name.startsWith("sia-") && !name.startsWith("sia-space") && name !== "sia-flex");
+        if (component || child.matches("button, input, textarea, select, [contenteditable]")) continue;
+        const display = getComputedStyle(child).display;
+        if (["flex", "inline-flex", "grid", "inline-grid"].includes(display)) {
+          child.setAttribute("data-table-inline-layout", "");
+          layouts.push(child);
+        }
+        normalizeLayouts(child);
+      }
+    };
+    normalizeLayouts(element);
+    const update = () => setOverflowing(element.scrollWidth > element.clientWidth + 1 || element.scrollHeight > element.clientHeight + 1);
     update();
     const observer = new ResizeObserver(update);
     observer.observe(element);
     for (const child of element.children) observer.observe(child);
-    return () => observer.disconnect();
+    return () => {
+      observer.disconnect();
+      layouts.forEach((layout) => layout.removeAttribute("data-table-inline-layout"));
+    };
   }, [children, ellipsis, customContent]);
-  return /* @__PURE__ */ jsx19("div", { ref, className: "sia-table__cell-content", title, "data-content-overflow": ellipsis && customContent && overflowing || void 0, children });
+  return /* @__PURE__ */ jsx19("div", { ref, className: "sia-table__cell-content", title, "data-custom-content": customContent || void 0, "data-content-overflow": ellipsis && customContent && overflowing || void 0, children });
 }
 
 // src/components/Table/Table.tsx
@@ -5979,7 +5996,25 @@ function buildHeaderRows(columns) {
       const colSpan = countLeaves(column);
       if (colSpan === 0) continue;
       const leaf = !column.children?.length;
-      rows[depth].push({ column, colSpan, rowSpan: leaf ? maxDepth - depth : 1, depth, leaf });
+      const descendants = flattenTableColumns([column]);
+      const segments = [];
+      for (const descendant of descendants) {
+        const previous = segments[segments.length - 1];
+        if (previous && normalizeFixed(previous[0].fixed) === normalizeFixed(descendant.fixed)) previous.push(descendant);
+        else segments.push([descendant]);
+      }
+      for (const segment of segments) {
+        rows[depth].push({
+          column,
+          colSpan: segment.length,
+          rowSpan: leaf ? maxDepth - depth : 1,
+          depth,
+          leaf,
+          fixed: normalizeFixed(segment[0].fixed),
+          firstLeafKey: segment[0].key,
+          lastLeafKey: segment[segment.length - 1].key
+        });
+      }
       if (!leaf) walk(column.children, depth + 1);
     }
   };
@@ -6501,7 +6536,7 @@ function TableInner(props, ref) {
       const fixed = normalizeFixed(column.fixed);
       const fixedEdgeClass = fixed === "left" && column.key === leftFixedEdgeKey ? " sia-table__cell--fixed-left-edge" : fixed === "right" && column.key === rightFixedEdgeKey ? " sia-table__cell--fixed-right-edge" : "";
       const autoWidthClass = column.autoWidth ? " sia-table__cell--auto-width" : "";
-      return /* @__PURE__ */ jsx21("td", { "data-column-key": column.key, className: `sia-table__cell sia-table__summary-cell${fixed ? ` sia-table__cell--fixed sia-table__cell--fixed-${fixed}` : ""}${fixedEdgeClass}${autoWidthClass}`, style: getFixedStyle(column), children: content }, column.key);
+      return /* @__PURE__ */ jsx21("td", { "data-column-key": column.key, className: `sia-table__cell sia-table__cell--${column.align ?? "left"} sia-table__summary-cell${fixed ? ` sia-table__cell--fixed sia-table__cell--fixed-${fixed}` : ""}${fixedEdgeClass}${autoWidthClass}`, style: getFixedStyle(column), children: content }, column.key);
     }) }, summary.key);
   }
   return /* @__PURE__ */ jsxs20(
@@ -6562,7 +6597,7 @@ function TableInner(props, ref) {
           /* @__PURE__ */ jsx21("div", { className: "sia-table__viewport", ref: scrollRef, onScroll: handleScroll, children: /* @__PURE__ */ jsxs20("table", { ref: tableRef, className: "sia-table__element", style: { width: Math.max(totalWidth, 1), ...manualColumnLayout ? { minWidth: 0 } : {}, ...tableStyle }, children: [
             /* @__PURE__ */ jsx21("colgroup", { children: leafColumns.map((column) => /* @__PURE__ */ jsx21("col", { "data-column-key": column.key, style: { width: columnWidths.get(column.key) ?? DEFAULT_WIDTH } }, column.key)) }),
             /* @__PURE__ */ jsx21("thead", { className: stickyHeader ? "sia-table__head sia-table__head--sticky" : "sia-table__head", children: headerRows.map((headerRow, depth) => /* @__PURE__ */ jsx21("tr", { children: headerRow.map((cell) => {
-              const fixed = cell.leaf ? normalizeFixed(cell.column.fixed) : void 0;
+              const fixed = cell.fixed;
               const pluginHeaderProps = getPluginHeaderCellProps(cell.column);
               const fixedEdgeClass = fixed === "left" && cell.column.key === leftFixedEdgeKey ? " sia-table__cell--fixed-left-edge" : fixed === "right" && cell.column.key === rightFixedEdgeKey ? " sia-table__cell--fixed-right-edge" : "";
               const autoWidthClass = cell.column.autoWidth ? " sia-table__cell--auto-width" : "";
@@ -6574,7 +6609,7 @@ function TableInner(props, ref) {
                   colSpan: cell.colSpan,
                   rowSpan: cell.rowSpan,
                   className: `sia-table__header-cell sia-table__cell--${cell.column.align ?? "left"}${fixed ? ` sia-table__cell--fixed sia-table__cell--fixed-${fixed}` : ""}${fixedEdgeClass}${autoWidthClass} ${cell.column.headerClassName ?? ""} ${pluginHeaderProps.className ?? ""}`.trim(),
-                  style: { ...getFixedStyle(cell.column), top: stickyHeader ? depth * rowHeight : void 0, ...pluginHeaderProps.style },
+                  style: { ...fixed === "left" ? { left: leftOffsets.get(cell.firstLeafKey) } : fixed === "right" ? { right: rightOffsets.get(cell.lastLeafKey) } : {}, top: stickyHeader ? depth * rowHeight : void 0, ...pluginHeaderProps.style },
                   scope: "col",
                   onPointerDown: (event) => {
                     for (const plugin of sortedPlugins) plugin.onHeaderPointerDown?.(cell.column, event, getContext(plugin));
@@ -6584,7 +6619,7 @@ function TableInner(props, ref) {
                   },
                   children: renderHeaderContent(cell.column, cell.column.renderHeader ? cell.column.renderHeader(cell.column, coreContext) : cell.column.title ?? cell.column.name ?? cell.column.key)
                 },
-                `${cell.column.key}-${depth}`
+                `${cell.column.key}-${depth}-${cell.firstLeafKey}`
               );
             }) }, depth)) }),
             /* @__PURE__ */ jsxs20("tbody", { children: [
@@ -7058,180 +7093,9 @@ function applySiaTheme(mode, target = document.documentElement) {
   target.style.colorScheme = mode;
 }
 
-// src/components/SelectionPanel.tsx
-import { useEffect as useEffect15, useId as useId7, useMemo as useMemo10, useRef as useRef15, useState as useState18 } from "react";
-import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
-function SelectionPanel({
-  options,
-  value,
-  onChange,
-  multiple = false,
-  disabled = false,
-  loading = false,
-  showSearch = true,
-  searchValue,
-  onSearch,
-  selectedOnly = false,
-  showValue = false,
-  displayField = "label",
-  columns = 1,
-  maxHeight = 250,
-  autoFocusSearch = false
-}) {
-  const [localSearch, setLocalSearch] = useState18("");
-  const search = searchValue ?? localSearch;
-  const [scrollTop, setScrollTop] = useState18(0);
-  const [active, setActive] = useState18();
-  const listRef = useRef15(null);
-  const id = useId7();
-  const selected = useMemo10(() => new Set(value), [value]);
-  const count = Math.max(1, Math.floor(columns));
-  const allOptions = useMemo10(() => {
-    const known = new Set(options.filter((option) => option.optionType !== "divider").map((option) => option.value));
-    return [...value.filter((item) => !known.has(item)).map((item) => ({ value: item, label: String(item), group: "\u81EA\u5B9A\u4E49\u503C" })), ...options];
-  }, [options, value]);
-  const filtered = useMemo10(
-    () => allOptions.filter((option) => (!selectedOnly || selected.has(option.value)) && (!search || option.optionType !== "divider" && [option.label, option.value].some((text) => String(text ?? "").toLowerCase().includes(search.toLowerCase())))),
-    [allOptions, selectedOnly, selected, search]
-  );
-  const rows = useMemo10(() => {
-    const groups = /* @__PURE__ */ new Map();
-    filtered.forEach((option) => {
-      const items = groups.get(option.group) ?? [];
-      items.push(option);
-      groups.set(option.group, items);
-    });
-    const rows2 = [];
-    let top = 0;
-    for (const [group, items] of groups) {
-      if (group) {
-        rows2.push({ key: `group-${rows2.length}`, title: group, top, height: 30 });
-        top += 30;
-      }
-      for (let index = 0; index < items.length; index += count) {
-        const height = showValue ? 48 : 34;
-        rows2.push({ key: `row-${rows2.length}`, items: items.slice(index, index + count), top, height });
-        top += height;
-      }
-    }
-    return rows2;
-  }, [filtered, count, showValue]);
-  const totalHeight = rows.length ? rows[rows.length - 1].top + rows[rows.length - 1].height : 0;
-  const virtual = filtered.length > 100;
-  const renderedRows = virtual ? rows.filter((row) => row.top + row.height >= scrollTop - 100 && row.top <= scrollTop + maxHeight + 100) : rows;
-  const enabled = filtered.filter((option) => !option.disabled && option.optionType !== "divider");
-  useEffect15(() => {
-    setScrollTop(0);
-    if (listRef.current) listRef.current.scrollTop = 0;
-    setActive(void 0);
-  }, [search, selectedOnly, count]);
-  function toggle(option) {
-    if (disabled || loading || option.disabled || option.optionType === "divider") return;
-    setActive(option.value);
-    onChange(multiple ? selected.has(option.value) ? value.filter((item) => item !== option.value) : [...value, option.value] : [option.value]);
-  }
-  function batch(operation) {
-    if (disabled || loading) return;
-    if (operation === "clear") {
-      onChange([]);
-      return;
-    }
-    const editable = new Set(enabled.map((option) => option.value));
-    const retained = value.filter((item) => !editable.has(item));
-    const add = enabled.filter((option) => operation === "all" || !selected.has(option.value)).map((option) => option.value);
-    onChange([...retained, ...add]);
-  }
-  return /* @__PURE__ */ jsxs22("div", { className: "sia-selection-panel", children: [
-    showSearch && /* @__PURE__ */ jsx23(
-      Input,
-      {
-        "aria-label": "\u641C\u7D22\u9009\u9879",
-        placeholder: "\u641C\u7D22",
-        autoFocus: autoFocusSearch,
-        value: search,
-        allowClear: true,
-        onChange: (event) => {
-          setLocalSearch(event.target.value);
-          onSearch?.(event.target.value);
-        }
-      }
-    ),
-    multiple && /* @__PURE__ */ jsxs22("div", { className: "sia-selection-panel__actions", children: [
-      /* @__PURE__ */ jsx23(Button, { variant: "link", size: "small", disabled: disabled || loading || !enabled.length, onClick: () => batch("all"), children: "\u5168\u9009" }),
-      /* @__PURE__ */ jsx23(Button, { variant: "link", size: "small", disabled: disabled || loading || !enabled.length, onClick: () => batch("invert"), children: "\u53CD\u9009" }),
-      /* @__PURE__ */ jsx23(Button, { variant: "link", size: "small", disabled: disabled || loading || !value.length, onClick: () => batch("clear"), children: "\u6E05\u7A7A" }),
-      /* @__PURE__ */ jsxs22("span", { children: [
-        "\u5DF2\u9009 ",
-        value.length,
-        " \u9879"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx23(
-      "div",
-      {
-        ref: listRef,
-        role: "listbox",
-        "aria-label": "\u9009\u9879\u5217\u8868",
-        "aria-multiselectable": multiple || void 0,
-        tabIndex: disabled ? -1 : 0,
-        className: "sia-selection-panel__list",
-        style: { maxHeight },
-        onScroll: (event) => setScrollTop(event.currentTarget.scrollTop),
-        "aria-activedescendant": active !== void 0 ? `${id}-${typeof active}-${active}` : void 0,
-        onKeyDown: (event) => {
-          if (disabled || loading || !enabled.length) return;
-          const index = enabled.findIndex((option) => option.value === active);
-          if (["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) {
-            event.preventDefault();
-            const next = event.key === "Home" ? 0 : event.key === "End" ? enabled.length - 1 : Math.max(0, Math.min(enabled.length - 1, index + (event.key === "ArrowDown" ? 1 : -1)));
-            const option = enabled[next];
-            setActive(option.value);
-            const row = rows.find((row2) => row2.items?.includes(option));
-            if (row && listRef.current) {
-              listRef.current.scrollTop = Math.max(0, row.top - maxHeight / 2);
-              setScrollTop(listRef.current.scrollTop);
-            }
-          } else if ((event.key === "Enter" || event.key === " ") && index >= 0) {
-            event.preventDefault();
-            toggle(enabled[index]);
-          }
-        },
-        children: loading ? /* @__PURE__ */ jsx23("div", { role: "status", children: "\u52A0\u8F7D\u4E2D\u2026" }) : !rows.length ? /* @__PURE__ */ jsx23("div", { className: "sia-selection-panel__empty", children: "\u6682\u65E0\u5339\u914D\u9009\u9879" }) : /* @__PURE__ */ jsx23("div", { style: { height: totalHeight, position: "relative" }, children: renderedRows.map((row) => /* @__PURE__ */ jsx23(
-          "div",
-          {
-            className: row.title !== void 0 ? "sia-selection-panel__group" : "sia-selection-panel__row",
-            style: { position: "absolute", top: row.top, height: row.height, width: "100%", gridTemplateColumns: `repeat(${count}, minmax(0, 1fr))` },
-            children: row.title ?? row.items?.map((option, index) => option.optionType === "divider" ? /* @__PURE__ */ jsx23("div", { role: "separator", className: "sia-selection-panel__divider" }, `divider-${index}`) : /* @__PURE__ */ jsx23(Tooltip, { title: option.disabled ? option.disabledTip : void 0, placement: "right", children: /* @__PURE__ */ jsxs22(
-              "button",
-              {
-                type: "button",
-                role: "option",
-                id: `${id}-${typeof option.value}-${option.value}`,
-                tabIndex: -1,
-                "aria-selected": selected.has(option.value),
-                "aria-disabled": disabled || option.disabled || void 0,
-                className: `sia-selection-panel__option${active === option.value ? " is-active" : ""}`,
-                onClick: () => toggle(option),
-                children: [
-                  multiple && /* @__PURE__ */ jsx23("span", { "aria-hidden": "true", className: "sia-selection-panel__check", children: selected.has(option.value) ? "\u2713" : "" }),
-                  /* @__PURE__ */ jsxs22("span", { className: "sia-selection-panel__text", children: [
-                    showValue || displayField === "label" ? option.label : String(option.value),
-                    showValue && /* @__PURE__ */ jsx23("small", { children: String(option.value) })
-                  ] })
-                ]
-              }
-            ) }, `${typeof option.value}-${option.value}`))
-          },
-          row.key
-        )) })
-      }
-    )
-  ] });
-}
-
 // src/components/InputSelect.tsx
-import { forwardRef as forwardRef7, useEffect as useEffect16, useRef as useRef16, useState as useState19 } from "react";
-import { jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
+import { forwardRef as forwardRef7, useEffect as useEffect15, useRef as useRef15, useState as useState18 } from "react";
+import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
 var InputSelect = forwardRef7(function InputSelect2({
   options,
   value,
@@ -7257,22 +7121,22 @@ var InputSelect = forwardRef7(function InputSelect2({
   onOpenChange,
   ...inputProps
 }, forwardedRef) {
-  const [internal, setInternal] = useState19(defaultValue);
+  const [internal, setInternal] = useState18(defaultValue);
   const current = value !== void 0 ? value : internal;
   const values = current == null ? [] : Array.isArray(current) ? current : [current];
   const text = values.map((item) => displayField === "label" ? String(options.find((option) => option.optionType !== "divider" && option.value === item)?.label ?? item) : String(item)).join(",");
-  const [draft, setDraft] = useState19(text);
-  useEffect16(() => {
+  const [draft, setDraft] = useState18(text);
+  useEffect15(() => {
     setDraft(text);
   }, [text, current]);
-  const [open, setOpen] = useState19(false);
-  const [search, setSearch] = useState19("");
-  const [modalOpen, setModalOpen] = useState19(false);
-  const [modalValues, setModalValues] = useState19([]);
-  const [selectedOnly, setSelectedOnly] = useState19(false);
-  const rootRef = useRef16(null);
-  const popupRef = useRef16(null);
-  const inputRef = useRef16(null);
+  const [open, setOpen] = useState18(false);
+  const [search, setSearch] = useState18("");
+  const [modalOpen, setModalOpen] = useState18(false);
+  const [modalValues, setModalValues] = useState18([]);
+  const [selectedOnly, setSelectedOnly] = useState18(false);
+  const rootRef = useRef15(null);
+  const popupRef = useRef15(null);
+  const inputRef = useRef15(null);
   const config = typeof enableModal === "object" ? enableModal : {};
   function changeOpen(next) {
     if (next && (disabled || loading)) return;
@@ -7292,7 +7156,7 @@ var InputSelect = forwardRef7(function InputSelect2({
       inputRef.current?.focus();
     }
   }
-  useEffect16(() => {
+  useEffect15(() => {
     if (!open) return;
     const outside = (event) => {
       if (!rootRef.current?.contains(event.target) && !popupRef.current?.contains(event.target)) changeOpen(false);
@@ -7300,7 +7164,7 @@ var InputSelect = forwardRef7(function InputSelect2({
     document.addEventListener("pointerdown", outside);
     return () => document.removeEventListener("pointerdown", outside);
   }, [open, onOpenChange]);
-  useEffect16(() => {
+  useEffect15(() => {
     if (disabled || loading) {
       changeOpen(false);
       setModalOpen(false);
@@ -7313,14 +7177,14 @@ var InputSelect = forwardRef7(function InputSelect2({
     setSelectedOnly(false);
     setModalOpen(true);
   }
-  return /* @__PURE__ */ jsxs23("div", { ref: rootRef, style, className: `sia-input-select${open || modalOpen ? " is-open" : ""} ${className}`, onKeyDown: (event) => {
+  return /* @__PURE__ */ jsxs22("div", { ref: rootRef, style, className: `sia-input-select${open || modalOpen ? " is-open" : ""} ${className}`, onKeyDown: (event) => {
     if (event.key === "Escape" && open) {
       event.stopPropagation();
       changeOpen(false);
       inputRef.current?.focus();
     }
   }, children: [
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx23(
       Input,
       {
         ...inputProps,
@@ -7357,26 +7221,26 @@ var InputSelect = forwardRef7(function InputSelect2({
           emit(parseInput ? parseInput(next) : multiple ? next.split(",").map((item) => item.trim()).filter(Boolean) : next);
           changeOpen(true);
         },
-        suffix: /* @__PURE__ */ jsxs23("span", { className: "sia-input-select__suffix", children: [
-          allowClear && draft && !disabled && /* @__PURE__ */ jsx24(Button, { variant: "text", size: "small", disabled: loading, "aria-label": "\u6E05\u9664\u8F93\u5165\u9009\u62E9", onClick: (event) => {
+        suffix: /* @__PURE__ */ jsxs22("span", { className: "sia-input-select__suffix", children: [
+          allowClear && draft && !disabled && /* @__PURE__ */ jsx23(Button, { variant: "text", size: "small", disabled: loading, "aria-label": "\u6E05\u9664\u8F93\u5165\u9009\u62E9", onClick: (event) => {
             event.stopPropagation();
             setDraft("");
             emit(multiple ? [] : void 0);
             inputRef.current?.focus();
           }, children: "\xD7" }),
           suffix,
-          enableModal && /* @__PURE__ */ jsx24(Button, { variant: "text", size: "small", disabled: disabled || loading, "aria-label": "\u6253\u5F00\u9009\u62E9\u5F39\u7A97", onClick: (event) => {
+          enableModal && /* @__PURE__ */ jsx23(Button, { variant: "text", size: "small", disabled: disabled || loading, "aria-label": "\u6253\u5F00\u9009\u62E9\u5F39\u7A97", onClick: (event) => {
             event.stopPropagation();
             openModal();
           }, children: "\u2026" }),
-          /* @__PURE__ */ jsx24(Button, { variant: "text", size: "small", disabled: disabled || loading, "aria-label": "\u5C55\u5F00\u9009\u9879", onClick: (event) => {
+          /* @__PURE__ */ jsx23(Button, { variant: "text", size: "small", disabled: disabled || loading, "aria-label": "\u5C55\u5F00\u9009\u9879", onClick: (event) => {
             event.stopPropagation();
             changeOpen(!open);
-          }, children: /* @__PURE__ */ jsx24(Icon, { name: loading ? "refresh" : open ? "chevron-up" : "chevron-down", size: 13 }) })
+          }, children: /* @__PURE__ */ jsx23(Icon, { name: loading ? "refresh" : open ? "chevron-up" : "chevron-down", size: 13 }) })
         ] })
       }
     ),
-    /* @__PURE__ */ jsx24(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && !disabled && !loading, className: "sia-input-select__popup", children: /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx23(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && !disabled && !loading, className: "sia-input-select__popup", children: /* @__PURE__ */ jsx23(
       SelectionPanel,
       {
         options,
@@ -7391,7 +7255,7 @@ var InputSelect = forwardRef7(function InputSelect2({
         onSearch: setSearch
       }
     ) }),
-    enableModal && /* @__PURE__ */ jsxs23(
+    enableModal && /* @__PURE__ */ jsxs22(
       Modal,
       {
         open: modalOpen,
@@ -7404,15 +7268,15 @@ var InputSelect = forwardRef7(function InputSelect2({
           setModalOpen(false);
         },
         children: [
-          /* @__PURE__ */ jsxs23("div", { className: "sia-selection-panel__actions", role: "tablist", "aria-label": "\u9009\u9879\u8303\u56F4", children: [
-            /* @__PURE__ */ jsx24(Button, { role: "tab", "aria-selected": !selectedOnly, variant: !selectedOnly ? "primary" : "text", onClick: () => setSelectedOnly(false), children: "\u5168\u90E8" }),
-            /* @__PURE__ */ jsxs23(Button, { role: "tab", "aria-selected": selectedOnly, variant: selectedOnly ? "primary" : "text", onClick: () => setSelectedOnly(true), children: [
+          /* @__PURE__ */ jsxs22("div", { className: "sia-selection-panel__actions", role: "tablist", "aria-label": "\u9009\u9879\u8303\u56F4", children: [
+            /* @__PURE__ */ jsx23(Button, { role: "tab", "aria-selected": !selectedOnly, variant: !selectedOnly ? "primary" : "text", onClick: () => setSelectedOnly(false), children: "\u5168\u90E8" }),
+            /* @__PURE__ */ jsxs22(Button, { role: "tab", "aria-selected": selectedOnly, variant: selectedOnly ? "primary" : "text", onClick: () => setSelectedOnly(true), children: [
               "\u5DF2\u9009\u9879(",
               modalValues.length,
               ")"
             ] })
           ] }),
-          modalOpen && /* @__PURE__ */ jsx24(
+          modalOpen && /* @__PURE__ */ jsx23(
             SelectionPanel,
             {
               options,

package/dist/rich-text-editor.cjs

@@ -1148,7 +1148,7 @@ function MenuEntry({
             ref: anchorRef,
             type: "button",
             className: "sia-menu__item",
-            style: { paddingInlineStart: collapsed ? void 0 : 12 + level * props.inlineIndent },
+            style: { paddingInlineStart: props.mode === "inline" && !props.inlineCollapsed ? 12 + level * props.inlineIndent : void 0 },
             title: collapsed ? item.title ?? (typeof item.label === "string" ? item.label : void 0) : item.title,
             disabled: item.disabled,
             "aria-current": isSelected ? "page" : void 0,
@@ -1555,6 +1555,15 @@ var Input = (0, import_react7.forwardRef)(function Input2({
     input2.focus();
     onClear?.();
   }
+  function handleControlMouseDown(event) {
+    if (disabled || event.defaultPrevented || event.button !== 0) return;
+    const target = event.target;
+    if (!(target instanceof Element)) return;
+    const interactive = target.closest("input, textarea, select, button, a[href], [tabindex], [contenteditable]:not([contenteditable='false']), [role='button'], [role='link']");
+    if (interactive && event.currentTarget.contains(interactive) && !interactive.classList.contains("sia-input-control__clear")) return;
+    event.preventDefault();
+    localRef.current?.focus({ preventScroll: true });
+  }
   const input = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "input",
     {
@@ -1572,7 +1581,7 @@ var Input = (0, import_react7.forwardRef)(function Input2({
       onChange: handleChange
     }
   );
-  const control = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: `sia-input-control sia-input-control--${size} sia-input-control--${status}${floatingPlaceholder ? " sia-input-control--floating" : ""}${floatingPlaceholder && hasValue ? " is-filled" : ""}${disabled ? " is-disabled" : ""}`, children: [
+  const control = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { onMouseDown: handleControlMouseDown, className: `sia-input-control sia-input-control--${size} sia-input-control--${status}${floatingPlaceholder ? " sia-input-control--floating" : ""}${floatingPlaceholder && hasValue ? " is-filled" : ""}${disabled ? " is-disabled" : ""}`, children: [
     prefix ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sia-input-control__affix", children: prefix }) : null,
     floatingPlaceholder ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "sia-input-control__input-wrap", children: [
       input,

package/dist/rich-text-editor.js

@@ -1,10 +1,9 @@
 import {
   RichTextContent,
   RichTextEditor
-} from "./chunk-PX6BOFTW.js";
-import "./chunk-IHTODT53.js";
+} from "./chunk-F3VH6LJH.js";
+import "./chunk-JJVD2ITI.js";
 import "./chunk-MBS2HXLZ.js";
-import "./chunk-EJ23MVR6.js";
 import "./chunk-EJDPRAU2.js";
 export {
   RichTextContent,

package/dist/{select-date-range-DRmGaEzP.d.cts → select-date-range-BzEXIsqZ.d.cts}

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { InputHTMLAttributes, ReactNode, HTMLAttributes, CSSProperties } from 'react';
 import { I as InputPlaceholderMode, C as ControlSize, a as ControlStatus } from './shared-DAYZvZVu.cjs';
-import { c as SelectOption, e as SelectValue } from './Select-GiTHMScg.cjs';
+import { c as SelectOption, e as SelectValue } from './Select-IjA4yqLh.cjs';
 
 type DatePickerShowTime = boolean | {
     showSecond?: boolean;

package/dist/{select-date-range-CQ1vmze_.d.ts → select-date-range-CU2ou9sD.d.ts}

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { InputHTMLAttributes, ReactNode, HTMLAttributes, CSSProperties } from 'react';
 import { I as InputPlaceholderMode, C as ControlSize, a as ControlStatus } from './shared-DAYZvZVu.js';
-import { c as SelectOption, e as SelectValue } from './Select-rtDktLYY.js';
+import { c as SelectOption, e as SelectValue } from './Select-Cl6UXsN5.js';
 
 type DatePickerShowTime = boolean | {
     showSecond?: boolean;