@sia.soul/sia-react-ui 0.1.34 → 0.1.36

package/dist/index.cjs

@@ -1131,6 +1131,17 @@ var coreIconPaths = {
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "10.8", cy: "10.8", r: "6.8" }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m15.8 15.8 5.2 5.2M7.8 10.8h6" })
   ] }),
+  // 图片变换工具使用独立图标，便于在预览及其他编辑界面复用。
+  "flip-horizontal": /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 3v18M3 6h5v12H3zM16 6h5v12h-5z" }) }),
+  "flip-vertical": /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M3 12h18M6 3h12v5H6zM6 16h12v5H6z" }) }),
+  "rotate-left": /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M4 9a8 8 0 1 1 0 6M4 3v6h6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })
+  ] }),
+  "rotate-right": /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M20 9a8 8 0 1 0 0 6M20 3v6h-6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })
+  ] }),
   download: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 3v12M7 10l5 5 5-5M4 20h16" }) }),
   upload: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 16V4M7 9l5-5 5 5M4 20h16" }) }),
   refresh: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
@@ -4578,11 +4589,98 @@ function Collapse({ items, activeKey, defaultActiveKey = [], accordion = false,
 }
 function ImagePreview({ open, src, alt = "", onOpenChange }) {
   const previewRef = (0, import_react22.useRef)(null);
+  const stageRef = (0, import_react22.useRef)(null);
+  const [natural, setNatural] = (0, import_react22.useState)({ src: "", width: 0, height: 0 });
+  const [area, setArea] = (0, import_react22.useState)({ width: 0, height: 0 });
+  const [zoom, setZoom] = (0, import_react22.useState)(1);
+  const [rotation, setRotation] = (0, import_react22.useState)(0);
+  const [flip, setFlip] = (0, import_react22.useState)({ x: 1, y: 1 });
+  const [pan, setPan] = (0, import_react22.useState)({ x: 0, y: 0 });
+  const [failed, setFailed] = (0, import_react22.useState)(false);
+  const drag = (0, import_react22.useRef)();
   useOverlayLifecycle(open, previewRef, () => onOpenChange(false));
+  const reset = () => {
+    setZoom(1);
+    setRotation(0);
+    setFlip({ x: 1, y: 1 });
+    setPan({ x: 0, y: 0 });
+    drag.current = void 0;
+  };
+  (0, import_react22.useEffect)(() => {
+    reset();
+    setFailed(false);
+  }, [open, src]);
+  (0, import_react22.useEffect)(() => {
+    const stage = stageRef.current;
+    if (!open || !stage) return;
+    const measure = () => {
+      setArea({ width: stage.clientWidth, height: stage.clientHeight });
+      setPan({ x: 0, y: 0 });
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(stage);
+    return () => observer.disconnect();
+  }, [open, src]);
+  const ready = natural.src === src && natural.width > 0 && area.width > 0 && area.height > 0 && !failed;
+  const sideways = Math.abs(rotation % 180) === 90;
+  const fit = ready ? Math.min(1, area.width / (sideways ? natural.height : natural.width), area.height / (sideways ? natural.width : natural.height)) : 0;
+  const changeZoom = (factor) => setZoom((value) => Math.max(0.25, Math.min(8, value * factor)));
   if (!open || !src || typeof document === "undefined") return null;
   return (0, import_react_dom4.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { ref: previewRef, className: "sia-image-preview", role: "dialog", "aria-modal": "true", "aria-label": "\u56FE\u7247\u9884\u89C8", tabIndex: -1, onClick: () => onOpenChange(false), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { type: "button", "aria-label": "\u5173\u95ED\u9884\u89C8", onClick: () => onOpenChange(false), children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "close" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src, alt, onClick: (event) => event.stopPropagation() })
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "text", className: "sia-image-preview__close", "aria-label": "\u5173\u95ED\u9884\u89C8", onClick: (event) => {
+      event.stopPropagation();
+      onOpenChange(false);
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "close" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { ref: stageRef, className: "sia-image-preview__stage", children: failed ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "sia-image-preview__error", children: "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      "img",
+      {
+        src,
+        alt,
+        draggable: false,
+        style: { width: natural.width * fit, height: natural.height * fit, visibility: ready ? "visible" : "hidden", transform: `translate(${pan.x}px, ${pan.y}px) rotate(${rotation}deg) scale(${zoom * flip.x}, ${zoom * flip.y})` },
+        onLoad: (event) => setNatural({ src, width: event.currentTarget.naturalWidth, height: event.currentTarget.naturalHeight }),
+        onError: () => setFailed(true),
+        onClick: (event) => event.stopPropagation(),
+        onPointerDown: (event) => {
+          if (event.button !== 0) return;
+          event.preventDefault();
+          event.stopPropagation();
+          event.currentTarget.setPointerCapture(event.pointerId);
+          drag.current = { id: event.pointerId, x: event.clientX, y: event.clientY, left: pan.x, top: pan.y };
+        },
+        onPointerMove: (event) => {
+          const start = drag.current;
+          if (start?.id === event.pointerId) setPan({ x: start.left + event.clientX - start.x, y: start.top + event.clientY - start.y });
+        },
+        onPointerUp: () => {
+          drag.current = void 0;
+        },
+        onPointerCancel: () => {
+          drag.current = void 0;
+        },
+        onLostPointerCapture: () => {
+          drag.current = void 0;
+        }
+      },
+      src
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "sia-image-preview__toolbar", role: "toolbar", "aria-label": "\u56FE\u7247\u64CD\u4F5C", onClick: (event) => event.stopPropagation(), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "text", title: "\u6C34\u5E73\u7FFB\u8F6C", "aria-label": "\u6C34\u5E73\u7FFB\u8F6C", disabled: !ready, onClick: () => setFlip((value) => ({ ...value, x: -value.x })), children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "flip-horizontal", size: 20 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "text", title: "\u5782\u76F4\u7FFB\u8F6C", "aria-label": "\u5782\u76F4\u7FFB\u8F6C", disabled: !ready, onClick: () => setFlip((value) => ({ ...value, y: -value.y })), children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "flip-vertical", size: 20 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "text", title: "\u5411\u5DE6\u65CB\u8F6C", "aria-label": "\u5411\u5DE6\u65CB\u8F6C", disabled: !ready, onClick: () => {
+        setRotation((value) => value - 90);
+        setPan({ x: 0, y: 0 });
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "rotate-left", size: 20 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "text", title: "\u5411\u53F3\u65CB\u8F6C", "aria-label": "\u5411\u53F3\u65CB\u8F6C", disabled: !ready, onClick: () => {
+        setRotation((value) => value + 90);
+        setPan({ x: 0, y: 0 });
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "rotate-right", size: 20 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "text", title: "\u7F29\u5C0F", "aria-label": "\u7F29\u5C0F", disabled: !ready || zoom <= 0.25, onClick: () => changeZoom(1 / 1.25), children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "zoom-out", size: 20 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("output", { className: "sia-image-preview__scale", "aria-label": "\u5F53\u524D\u7F29\u653E\u6BD4\u4F8B", "aria-live": "polite", children: ready ? `${Math.round(fit * zoom * 100)}%` : "\u2014" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "text", title: "\u653E\u5927", "aria-label": "\u653E\u5927", disabled: !ready || zoom >= 8, onClick: () => changeZoom(1.25), children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "zoom-in", size: 20 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "text", title: "\u9002\u5E94\u7A97\u53E3", "aria-label": "\u9002\u5E94\u7A97\u53E3", disabled: !ready, onClick: reset, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "refresh", size: 20 }) })
+    ] })
   ] }), document.body);
 }
 function Image2({ fallback, placeholder, preview = true, rootClassName = "", className = "", src, alt = "", onError, style, ...props }) {
@@ -6183,7 +6281,7 @@ function FormItem({
   const hasError = status === "error" && Boolean(helpContent);
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { ref: itemRef, className: `sia-form-item${status ? ` sia-form-item--${status}` : ""} ${className}`.trim(), "data-sia-form-field": key || void 0, children: [
     label ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { id: labelId, className: "sia-form-item__label", children: [
-      ruleRequired ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { "aria-hidden": "true", children: "*" }) : null,
+      ruleRequired ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "sia-form-item__required-mark", "aria-hidden": "true", children: "*" }) : null,
       label
     ] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "sia-form-item__control", children: [
@@ -6237,7 +6335,7 @@ function FormErrorList({ errors = [] }) {
   return errors.length ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "sia-form-error-list", children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: error }, index)) }) : null;
 }
 var Form = Object.assign(FormRoot, {
-  /** 表单字段，负责字段值绑定、校验和标签布局；默认下外边距为 6px。 */
+  /** 表单字段，负责字段值绑定、校验和标签布局。 */
   Item: FormItem,
   /** 动态表单列表，提供字段索引以及新增、删除、移动操作。 */
   List: FormList,
@@ -8215,8 +8313,138 @@ function sendUploadRequest(config, options) {
   return { abort };
 }
 
-// src/components/Upload.tsx
+// src/components/uploadDownload.ts
+async function downloadUploadFile(file, request) {
+  let blob;
+  if (request) blob = await request(file);
+  else if (file.url) {
+    const response = await fetch(file.url);
+    if (!response.ok) throw new Error(`\u4E0B\u8F7D\u5931\u8D25\uFF08HTTP ${response.status}\uFF09`);
+    blob = await response.blob();
+  } else if (file.originFileObj) blob = file.originFileObj;
+  else throw new Error("\u6587\u4EF6\u7F3A\u5C11\u4E0B\u8F7D\u5730\u5740\u6216\u539F\u59CB\u5185\u5BB9");
+  if (!(blob instanceof Blob)) throw new Error("\u4E0B\u8F7D\u8BF7\u6C42\u5FC5\u987B\u8FD4\u56DE Blob \u6587\u4EF6\u5185\u5BB9");
+  const url = URL.createObjectURL(blob);
+  const anchor = document.createElement("a");
+  anchor.href = url;
+  anchor.download = file.name;
+  anchor.hidden = true;
+  document.body.append(anchor);
+  try {
+    anchor.click();
+  } finally {
+    anchor.remove();
+    window.setTimeout(() => URL.revokeObjectURL(url), 6e4);
+  }
+}
+
+// src/components/Message.tsx
+var import_client5 = require("react-dom/client");
 var import_jsx_runtime37 = require("react/jsx-runtime");
+var messageSeed = 0;
+var messageRoot = null;
+var messageContainer = null;
+var messageItems = [];
+var defaultDuration = 3;
+var maxCount = 5;
+var messageTimers = /* @__PURE__ */ new Map();
+var messageIcons = {
+  info: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { name: "info", size: 18 }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { name: "circle-check", size: 18 }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { name: "warning", size: 18 }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { name: "circle-close", size: 18 }),
+  loading: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { name: "loader", size: 18, spin: true })
+};
+function ensureMessageRoot() {
+  if (typeof document === "undefined") return false;
+  if (!messageContainer) {
+    messageContainer = document.createElement("div");
+    messageContainer.className = "sia-message-root";
+    document.body.appendChild(messageContainer);
+    messageRoot = (0, import_client5.createRoot)(messageContainer);
+  }
+  return true;
+}
+function renderMessages() {
+  if (!ensureMessageRoot()) return;
+  messageRoot.render(/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "sia-message-list", "aria-live": "polite", children: messageItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: `sia-message sia-message--${item.type}`, role: item.type === "loading" ? "status" : "alert", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "sia-message__icon", "aria-hidden": "true", children: messageIcons[item.type] }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "sia-message__content", children: item.content }),
+    item.closable ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("button", { type: "button", className: "sia-message__close", "aria-label": "\u5173\u95ED\u63D0\u793A", onClick: () => closeMessage(item.key), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { name: "close", size: 14 }) }) : null
+  ] }, item.key)) }));
+}
+function closeMessage(key) {
+  const item = messageItems.find((candidate) => candidate.key === key);
+  const timer = messageTimers.get(key);
+  if (timer !== void 0) window.clearTimeout(timer);
+  messageTimers.delete(key);
+  messageItems = messageItems.filter((candidate) => candidate.key !== key);
+  item?.onClose?.();
+  renderMessages();
+}
+function scheduleMessage(item) {
+  const existingTimer = messageTimers.get(item.key);
+  if (existingTimer !== void 0) window.clearTimeout(existingTimer);
+  const duration = item.duration ?? (item.type === "loading" ? 0 : defaultDuration);
+  if (duration > 0) {
+    messageTimers.set(item.key, window.setTimeout(() => closeMessage(item.key), duration * 1e3));
+  }
+}
+function openMessage(input) {
+  const config = typeof input === "object" && input !== null && "content" in input ? input : { content: input };
+  const key = config.key ?? `sia-message-${++messageSeed}`;
+  const item = { ...config, key, type: config.type ?? "info" };
+  const existingIndex = messageItems.findIndex((candidate) => candidate.key === key);
+  if (existingIndex >= 0) messageItems = messageItems.map((candidate, index) => index === existingIndex ? item : candidate);
+  else messageItems = [...messageItems, item];
+  while (messageItems.length > maxCount) closeMessage(messageItems[0].key);
+  renderMessages();
+  scheduleMessage(item);
+  return {
+    close: () => closeMessage(key),
+    update(next) {
+      const current = messageItems.find((candidate) => candidate.key === key);
+      if (!current) return;
+      const updated = { ...current, ...next, key, type: next.type ?? current.type };
+      messageItems = messageItems.map((candidate) => candidate.key === key ? updated : candidate);
+      renderMessages();
+      scheduleMessage(updated);
+    }
+  };
+}
+function shortcut(type) {
+  return (content, duration) => openMessage({ content, duration, type });
+}
+var message = {
+  /** 直接打开实例，返回可用于更新或关闭的操作句柄。 */
+  open: openMessage,
+  /** 显示普通信息提示。 */
+  info: shortcut("info"),
+  /** 显示成功提示。 */
+  success: shortcut("success"),
+  /** 显示警告提示。 */
+  warning: shortcut("warning"),
+  /** 显示错误提示。 */
+  error: shortcut("error"),
+  /** 显示持续加载提示。 */
+  loading: shortcut("loading"),
+  /** 关闭指定实例；未指定标识时关闭所有实例。 */
+  destroy(key) {
+    if (key !== void 0) {
+      closeMessage(key);
+      return;
+    }
+    [...messageItems].forEach((item) => closeMessage(item.key));
+  },
+  /** 配置消息默认持续时间和最大同时显示数量。 */
+  config(config) {
+    if (config.duration !== void 0) defaultDuration = config.duration;
+    if (config.maxCount !== void 0) maxCount = Math.max(1, config.maxCount);
+  }
+};
+
+// src/components/Upload.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var LIST_IGNORE = /* @__PURE__ */ Symbol("SIA_UPLOAD_LIST_IGNORE");
 function useThumbnail(file) {
   const [local, setLocal] = (0, import_react37.useState)();
@@ -8233,22 +8461,43 @@ function useThumbnail(file) {
 function UploadItem({ file, files, props, actions }) {
   const source = useThumbnail(file);
   const [failed, setFailed] = (0, import_react37.useState)(false);
+  const [downloading, setDownloading] = (0, import_react37.useState)(false);
+  const downloadingRef = (0, import_react37.useRef)(false);
+  const canPreview = !!(source || file.url || file.originFileObj || props.onPreview);
+  const canDownload = !!(file.url || file.originFileObj || props.downloadRequest);
+  async function download() {
+    if (downloadingRef.current) return;
+    downloadingRef.current = true;
+    setDownloading(true);
+    try {
+      await actions.download();
+    } catch {
+      message.error("\u4E0B\u8F7D\u5931\u8D25\uFF0C\u8BF7\u68C0\u67E5\u6587\u4EF6\u5730\u5740\u3001\u8BBF\u95EE\u6743\u9650\u6216\u8DE8\u57DF\u914D\u7F6E");
+    } finally {
+      downloadingRef.current = false;
+      setDownloading(false);
+    }
+  }
   (0, import_react37.useEffect)(() => setFailed(false), [source]);
-  const node = /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: `sia-upload__item sia-upload__item--${file.status ?? "ready"}`, children: [
-    props.listType !== "text" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, { variant: "text", className: "sia-upload__thumbnail", "aria-label": `\u9884\u89C8 ${file.name}`, onClick: actions.preview, disabled: !source && !props.onPreview, children: source && !failed ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("img", { src: source, alt: file.name, onError: () => setFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { name: file.type?.startsWith("image/") ? "image" : "file", size: 28 }) }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { name: file.status === "done" ? "circle-check" : "file", size: 16 }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "sia-upload__name", ...withTitleTooltip({ title: file.relativePath || file.name }), children: file.url ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("a", { href: file.url, target: "_blank", rel: "noreferrer", children: file.name }) : file.name }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, { variant: "text", className: "sia-upload__remove", disabled: props.disabled, "aria-label": `\u79FB\u9664 ${file.name}`, onClick: () => void actions.remove(), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { name: "close", size: 14 }) }),
-    file.status === "uploading" && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "sia-upload__uploading", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { children: [
+  const node = /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `sia-upload__item sia-upload__item--${file.status ?? "ready"}`, children: [
+    props.listType !== "text" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, { variant: "text", className: "sia-upload__thumbnail", "aria-label": `\u9884\u89C8\u7F29\u7565\u56FE ${file.name}`, onClick: actions.preview, disabled: !canPreview, children: source && !failed ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { src: source, alt: file.name, onError: () => setFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { name: file.type?.startsWith("image/") ? "image" : "file", size: 28 }) }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { name: file.status === "done" ? "circle-check" : "file", size: 16 }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sia-upload__name", ...withTitleTooltip({ title: file.relativePath || file.name }), children: file.url ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("a", { href: file.url, target: "_blank", rel: "noreferrer", children: file.name }) : file.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "sia-upload__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, { variant: "text", title: "\u9884\u89C8", "aria-label": `\u9884\u89C8 ${file.name}`, disabled: !canPreview, onClick: actions.preview, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { name: "eye", size: 14 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, { variant: "text", title: "\u4E0B\u8F7D", "aria-label": `\u4E0B\u8F7D ${file.name}`, disabled: !canDownload, loading: downloading, onClick: () => void download(), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { name: "download", size: 14 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, { variant: "text", title: "\u79FB\u9664", className: "sia-upload__remove", disabled: props.disabled, "aria-label": `\u79FB\u9664 ${file.name}`, onClick: () => void actions.remove(), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { name: "close", size: 14 }) })
+    ] }),
+    file.status === "uploading" && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "sia-upload__uploading", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { children: [
         "\u4E0A\u4F20\u4E2D ",
         Math.round(file.percent ?? 0),
         "%"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "sia-upload__progress", role: "progressbar", "aria-label": `${file.name} \u4E0A\u4F20\u8FDB\u5EA6`, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": file.percent ?? 0, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { style: { width: `${file.percent ?? 0}%` } }) })
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sia-upload__progress", role: "progressbar", "aria-label": `${file.name} \u4E0A\u4F20\u8FDB\u5EA6`, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": file.percent ?? 0, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { style: { width: `${file.percent ?? 0}%` } }) })
     ] }),
-    file.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "sia-upload__error", children: "\u4E0A\u4F20\u5931\u8D25" })
+    file.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sia-upload__error", children: "\u4E0A\u4F20\u5931\u8D25" })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children: props.itemRender ? props.itemRender(node, file, files, actions) : node });
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children: props.itemRender ? props.itemRender(node, file, files, actions) : node });
 }
 var UploadRoot = (0, import_react37.forwardRef)(function UploadRoot2({
   accept,
@@ -8262,6 +8511,7 @@ var UploadRoot = (0, import_react37.forwardRef)(function UploadRoot2({
   fileList,
   defaultFileList = [],
   listType = "text",
+  cardSize,
   showUploadList = true,
   beforeUpload,
   request,
@@ -8271,9 +8521,11 @@ var UploadRoot = (0, import_react37.forwardRef)(function UploadRoot2({
   onReject,
   onReadError,
   onPreview,
+  downloadRequest,
   itemRender,
   children,
   className = "",
+  style,
   onDragOver,
   onDragLeave,
   onDrop,
@@ -8281,6 +8533,10 @@ var UploadRoot = (0, import_react37.forwardRef)(function UploadRoot2({
   tabIndex,
   ...props
 }, ref) {
+  const cardDimension = (value) => value !== void 0 && Number.isFinite(value) ? Math.max(48, value) : 112;
+  const cardWidth = cardDimension(typeof cardSize === "number" ? cardSize : cardSize?.width);
+  const cardHeight = cardDimension(typeof cardSize === "number" ? cardSize : cardSize?.height);
+  const compactCard = listType === "picture-card" && (cardWidth < 88 || cardHeight < 88);
   const inputRef = (0, import_react37.useRef)(null);
   const [internalFiles, setInternalFiles] = (0, import_react37.useState)(defaultFileList);
   const files = fileList ?? internalFiles;
@@ -8470,18 +8726,19 @@ var UploadRoot = (0, import_react37.forwardRef)(function UploadRoot2({
     event.preventDefault();
     ingest(selected.map((file) => ({ file, path: file.name })));
   }
-  const trigger = !(listType === "picture-card" && full) && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "sia-upload__trigger", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, { className: "sia-upload__choose", disabled: disabled || full, onClick: () => inputRef.current?.click(), children: children ?? (listType === "picture-card" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { name: "plus", size: 24 }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: "\u4E0A\u4F20\u56FE\u7247" })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { name: "upload", size: 16 }),
+  const trigger = !(listType === "picture-card" && full) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "sia-upload__trigger", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, { className: "sia-upload__choose", "aria-label": compactCard ? directory ? "\u9009\u62E9\u6587\u4EF6\u5939" : "\u9009\u62E9\u6587\u4EF6" : void 0, disabled: disabled || full, onClick: () => inputRef.current?.click(), children: children ?? (listType === "picture-card" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { name: "plus", size: 24 }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: "\u4E0A\u4F20\u56FE\u7247" })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { name: "upload", size: 16 }),
     directory ? "\u9009\u62E9\u6587\u4EF6\u5939" : "\u9009\u62E9\u6587\u4EF6"
   ] })) }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "div",
     {
       ...withTitleTooltip(props),
-      className: `sia-upload sia-upload--${listType}${dragging ? " is-dragging" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(),
+      className: `sia-upload sia-upload--${listType}${compactCard ? " sia-upload--compact-card" : ""}${dragging ? " is-dragging" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(),
+      style: listType === "picture-card" ? { "--sia-upload-card-width": `${cardWidth}px`, "--sia-upload-card-height": `${cardHeight}px`, ...style } : style,
       tabIndex: tabIndex ?? (pastable && !disabled ? 0 : void 0),
       onPaste: handlePaste,
       onDragOver: (event) => {
@@ -8497,7 +8754,7 @@ var UploadRoot = (0, import_react37.forwardRef)(function UploadRoot2({
       },
       onDrop: (event) => void handleDrop(event),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "input",
           {
             ref: inputRef,
@@ -8514,19 +8771,25 @@ var UploadRoot = (0, import_react37.forwardRef)(function UploadRoot2({
           }
         ),
         listType !== "picture-card" && trigger,
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "sia-upload__list", children: [
-          showUploadList && files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(UploadItem, { file, files, props: { listType, disabled, itemRender, onPreview }, actions: {
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "sia-upload__list", children: [
+          showUploadList && files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(UploadItem, { file, files, props: { listType, disabled, itemRender, onPreview, downloadRequest }, actions: {
             upload: () => start(file),
             abort: () => abort(file.uid),
             remove: () => remove(file.uid),
+            download: () => downloadUploadFile(file, downloadRequest),
             preview: () => {
               if (onPreview) onPreview(file);
-              else setPreview(file);
+              else if ((file.type || file.originFileObj?.type)?.startsWith("image/") || /\.(png|jpe?g|gif|webp|avif|svg)$/i.test(file.name)) setPreview(file);
+              else if (file.url || file.originFileObj) {
+                const url = file.url || URL.createObjectURL(file.originFileObj);
+                window.open(url, "_blank", "noopener,noreferrer");
+                if (!file.url) window.setTimeout(() => URL.revokeObjectURL(url), 6e4);
+              } else if (file.thumbUrl) setPreview(file);
             }
           } }, file.uid)),
           listType === "picture-card" && trigger
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ImagePreview, { open: !!preview && !!(preview.url || previewSource), src: preview?.url || previewSource, alt: preview?.name, onOpenChange: (open) => {
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ImagePreview, { open: !!preview && !!(preview.url || previewSource), src: preview?.url || previewSource, alt: preview?.name, onOpenChange: (open) => {
           if (!open) setPreview(void 0);
         } })
       ]
@@ -8534,15 +8797,15 @@ var UploadRoot = (0, import_react37.forwardRef)(function UploadRoot2({
   );
 });
 var UploadDragger = (0, import_react37.forwardRef)(function UploadDragger2({ hint = "\u652F\u6301\u5355\u4E2A\u6216\u6279\u91CF\u4E0A\u4F20", children, className = "", ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(UploadRoot, { ...props, ref, className: `sia-upload-dragger ${className}`.trim(), children: children ?? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "sia-upload-dragger__content", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { name: "upload", size: 32 }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("strong", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(UploadRoot, { ...props, ref, className: `sia-upload-dragger ${className}`.trim(), children: children ?? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "sia-upload-dragger__content", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { name: "upload", size: 32 }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("strong", { children: [
       "\u70B9\u51FB\u6216\u62D6\u62FD",
       props.directory ? "\u6587\u4EF6\u5939" : "\u6587\u4EF6",
       "\u5230\u6B64\u533A\u57DF\u4E0A\u4F20"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: hint }),
-    props.pastable && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: "\u805A\u7126\u6B64\u533A\u57DF\u540E\u6309 Ctrl / \u2318 + V \u7C98\u8D34\u6587\u4EF6\u6216\u622A\u56FE" })
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: hint }),
+    props.pastable && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: "\u805A\u7126\u6B64\u533A\u57DF\u540E\u6309 Ctrl / \u2318 + V \u7C98\u8D34\u6587\u4EF6\u6216\u622A\u56FE" })
   ] }) });
 });
 var Upload = Object.assign(UploadRoot, {
@@ -8554,7 +8817,7 @@ var Upload = Object.assign(UploadRoot, {
 
 // src/components/TextArea.tsx
 var import_react38 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var TextArea = (0, import_react38.forwardRef)(function TextArea2({
   label,
   hint,
@@ -8584,8 +8847,8 @@ var TextArea = (0, import_react38.forwardRef)(function TextArea2({
     setUncontrolledValue(event.target.value);
     onChange?.(event);
   }
-  const control = /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: `sia-textarea-control sia-textarea-control--${size} sia-textarea-control--${status}${floating.className}${disabled ? " is-disabled" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  const control = /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: `sia-textarea-control sia-textarea-control--${size} sia-textarea-control--${status}${floating.className}${disabled ? " is-disabled" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       "textarea",
       {
         ...withTitleTooltip(props),
@@ -8603,16 +8866,16 @@ var TextArea = (0, import_react38.forwardRef)(function TextArea2({
       }
     ),
     floating.label,
-    showCount ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: `sia-textarea-control__count${maxLength !== void 0 && currentText.length >= maxLength ? " is-limit" : ""}`, "aria-live": "polite", children: [
+    showCount ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: `sia-textarea-control__count${maxLength !== void 0 && currentText.length >= maxLength ? " is-limit" : ""}`, "aria-live": "polite", children: [
       currentText.length,
       maxLength !== void 0 ? `/${maxLength}` : null
     ] }) : null
   ] });
-  if (!label && !hint) return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: `sia-field ${className}`.trim(), children: control });
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: `sia-field ${className}`.trim(), children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("label", { className: "sia-field__label", htmlFor: textAreaId, children: label }) : null,
+  if (!label && !hint) return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: `sia-field ${className}`.trim(), children: control });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: `sia-field ${className}`.trim(), children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("label", { className: "sia-field__label", htmlFor: textAreaId, children: label }) : null,
     control,
-    hint ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { id: hintId, className: `sia-field__hint sia-field__hint--${status}`, children: hint }) : null
+    hint ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { id: hintId, className: `sia-field__hint sia-field__hint--${status}`, children: hint }) : null
   ] });
 });
 
@@ -8630,7 +8893,7 @@ var import_extension_table_cell = __toESM(require("@tiptap/extension-table-cell"
 var import_extension_task_list = __toESM(require("@tiptap/extension-task-list"), 1);
 var import_extension_task_item = __toESM(require("@tiptap/extension-task-item"), 1);
 var import_markdown = require("@tiptap/markdown");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function escapeHtml(value) {
   return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#039;");
 }
@@ -8647,8 +8910,8 @@ function sanitizeContent(value) {
 }
 function RichTextContent({ content, emptyText = "\u6682\u65E0\u5185\u5BB9", className = "", ...props }) {
   const html = (0, import_react39.useMemo)(() => sanitizeContent(content), [content]);
-  if (!html.trim()) return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: `sia-rich-text-content sia-rich-text-content--empty ${className}`.trim(), children: emptyText });
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("article", { className: `sia-rich-text-content ${className}`.trim(), dangerouslySetInnerHTML: { __html: html }, ...withTitleTooltip(props) });
+  if (!html.trim()) return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: `sia-rich-text-content sia-rich-text-content--empty ${className}`.trim(), children: emptyText });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("article", { className: `sia-rich-text-content ${className}`.trim(), dangerouslySetInnerHTML: { __html: html }, ...withTitleTooltip(props) });
 }
 function RichTextEditor({
   value,
@@ -8790,7 +9053,7 @@ function RichTextEditor({
     setLinkEditorOpen(false);
   }
   function formatButton(label, action, active = false, disabledByState = false, content) {
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       Button,
       {
         type: "button",
@@ -8828,27 +9091,27 @@ function RichTextEditor({
     }
   };
   const floating = useFloatingPlaceholder({ mode: placeholderMode, placeholder, filled: editor ? !editor.isEmpty : Boolean(value ?? defaultValue) });
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { ...withTitleTooltip(props), id, style: mergedStyle, className: `sia-rich-text-editor${floating.className}${disabled ? " is-disabled" : ""} sia-rich-text-editor--${toolbar} ${className}`.trim(), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { ...withTitleTooltip(props), id, style: mergedStyle, className: `sia-rich-text-editor${floating.className}${disabled ? " is-disabled" : ""} sia-rich-text-editor--${toolbar} ${className}`.trim(), children: [
     floating.label,
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "sia-rich-text-editor__toolbar", "aria-label": "\u6587\u672C\u683C\u5F0F\u5DE5\u5177\u680F", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "sia-rich-text-editor__toolbar-main", children: [
-        toolbar === "full" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-          formatButton("\u64A4\u9500", () => editor?.chain().focus().undo().run(), false, !editor?.can().undo(), /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { name: "undo" })),
-          formatButton("\u91CD\u505A", () => editor?.chain().focus().redo().run(), false, !editor?.can().redo(), /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { name: "redo" })),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sia-rich-text-editor__divider" }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Dropdown, { menu: blockTypeMenu, trigger: ["click"], placement: "bottomLeft", disabled: disabled || !editor, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Button, { type: "button", variant: "text", size: "small", className: "sia-rich-text-editor__block-type", disabled: disabled || !editor, "aria-label": "\u6BB5\u843D\u683C\u5F0F", title: "\u6BB5\u843D\u683C\u5F0F", onMouseDown: (event) => event.preventDefault(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "sia-rich-text-editor__toolbar", "aria-label": "\u6587\u672C\u683C\u5F0F\u5DE5\u5177\u680F", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "sia-rich-text-editor__toolbar-main", children: [
+        toolbar === "full" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+          formatButton("\u64A4\u9500", () => editor?.chain().focus().undo().run(), false, !editor?.can().undo(), /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { name: "undo" })),
+          formatButton("\u91CD\u505A", () => editor?.chain().focus().redo().run(), false, !editor?.can().redo(), /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { name: "redo" })),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sia-rich-text-editor__divider" }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Dropdown, { menu: blockTypeMenu, trigger: ["click"], placement: "bottomLeft", disabled: disabled || !editor, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Button, { type: "button", variant: "text", size: "small", className: "sia-rich-text-editor__block-type", disabled: disabled || !editor, "aria-label": "\u6BB5\u843D\u683C\u5F0F", title: "\u6BB5\u843D\u683C\u5F0F", onMouseDown: (event) => event.preventDefault(), children: [
             currentBlockLabel,
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { name: "chevron-down", size: 13 })
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { name: "chevron-down", size: 13 })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sia-rich-text-editor__divider" })
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sia-rich-text-editor__divider" })
         ] }) : null,
-        formatButton("\u52A0\u7C97", () => editor?.chain().focus().toggleBold().run(), Boolean(editor?.isActive("bold")), false, /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("strong", { children: "B" })),
-        formatButton("\u659C\u4F53", () => editor?.chain().focus().toggleItalic().run(), Boolean(editor?.isActive("italic")), false, /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("em", { children: "I" })),
-        toolbar === "full" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-          formatButton("\u4E0B\u5212\u7EBF", () => editor?.chain().focus().toggleUnderline().run(), Boolean(editor?.isActive("underline")), false, /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("u", { children: "U" })),
-          formatButton("\u5220\u9664\u7EBF", () => editor?.chain().focus().toggleStrike().run(), Boolean(editor?.isActive("strike")), false, /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("s", { children: "S" })),
+        formatButton("\u52A0\u7C97", () => editor?.chain().focus().toggleBold().run(), Boolean(editor?.isActive("bold")), false, /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("strong", { children: "B" })),
+        formatButton("\u659C\u4F53", () => editor?.chain().focus().toggleItalic().run(), Boolean(editor?.isActive("italic")), false, /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("em", { children: "I" })),
+        toolbar === "full" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+          formatButton("\u4E0B\u5212\u7EBF", () => editor?.chain().focus().toggleUnderline().run(), Boolean(editor?.isActive("underline")), false, /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("u", { children: "U" })),
+          formatButton("\u5220\u9664\u7EBF", () => editor?.chain().focus().toggleStrike().run(), Boolean(editor?.isActive("strike")), false, /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("s", { children: "S" })),
           formatButton("\u884C\u5185\u4EE3\u7801", () => editor?.chain().focus().toggleCode().run(), Boolean(editor?.isActive("code")), false, "</>"),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             Dropdown,
             {
               menu: { items: [] },
@@ -8858,48 +9121,48 @@ function RichTextEditor({
               disabled: disabled || !editor,
               onOpenChange: openLinkEditor,
               popupClassName: "sia-rich-text-editor__link-popup",
-              popupRender: () => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("form", { className: "sia-rich-text-editor__link-form", onSubmit: submitLink, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Input, { autoFocus: true, "aria-label": "\u94FE\u63A5\u5730\u5740", value: linkHref, onChange: (event) => setLinkHref(event.target.value), placeholder: "https://example.com" }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { type: "submit", variant: "primary", size: "small", children: "\u5E94\u7528" }),
-                editor?.isActive("link") ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { type: "button", size: "small", onClick: () => {
+              popupRender: () => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("form", { className: "sia-rich-text-editor__link-form", onSubmit: submitLink, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Input, { autoFocus: true, "aria-label": "\u94FE\u63A5\u5730\u5740", value: linkHref, onChange: (event) => setLinkHref(event.target.value), placeholder: "https://example.com" }),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { type: "submit", variant: "primary", size: "small", children: "\u5E94\u7528" }),
+                editor?.isActive("link") ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { type: "button", size: "small", onClick: () => {
                   setLinkHref("");
                   editor.chain().focus().extendMarkRange("link").unsetLink().run();
                   setLinkEditorOpen(false);
                 }, children: "\u79FB\u9664" }) : null
               ] }),
-              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { type: "button", variant: "text", size: "small", className: `sia-rich-text-editor__tool${editor?.isActive("link") ? " is-active" : ""}`, disabled: disabled || !editor, "aria-label": "\u94FE\u63A5", "aria-pressed": editor?.isActive("link") || void 0, title: "\u94FE\u63A5", onMouseDown: (event) => event.preventDefault(), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { name: "link" }) })
+              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { type: "button", variant: "text", size: "small", className: `sia-rich-text-editor__tool${editor?.isActive("link") ? " is-active" : ""}`, disabled: disabled || !editor, "aria-label": "\u94FE\u63A5", "aria-pressed": editor?.isActive("link") || void 0, title: "\u94FE\u63A5", onMouseDown: (event) => event.preventDefault(), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { name: "link" }) })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sia-rich-text-editor__divider" })
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sia-rich-text-editor__divider" })
         ] }) : null,
         formatButton("\u65E0\u5E8F\u5217\u8868", () => editor?.chain().focus().toggleBulletList().run(), Boolean(editor?.isActive("bulletList")), false, "\u2022 \u5217\u8868"),
         formatButton("\u6709\u5E8F\u5217\u8868", () => editor?.chain().focus().toggleOrderedList().run(), Boolean(editor?.isActive("orderedList")), false, "1. \u5217\u8868"),
-        toolbar === "full" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+        toolbar === "full" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
           formatButton("\u4EFB\u52A1\u5217\u8868", () => editor?.chain().focus().toggleTaskList().run(), Boolean(editor?.isActive("taskList")), false, "\u2611 \u4EFB\u52A1"),
           formatButton("\u5F15\u7528", () => editor?.chain().focus().toggleBlockquote().run(), Boolean(editor?.isActive("blockquote")), false, "\u275D \u5F15\u7528"),
           formatButton("\u4EE3\u7801\u5757", () => editor?.chain().focus().toggleCodeBlock().run(), Boolean(editor?.isActive("codeBlock")), false, "\u4EE3\u7801\u5757"),
           formatButton("\u63D2\u5165\u8868\u683C", () => editor?.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(), Boolean(editor?.isActive("table")), false, "\u8868\u683C"),
-          formatButton("\u5206\u5272\u7EBF", () => editor?.chain().focus().setHorizontalRule().run(), false, false, /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { name: "minus" }))
+          formatButton("\u5206\u5272\u7EBF", () => editor?.chain().focus().setHorizontalRule().run(), false, false, /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { name: "minus" }))
         ] }) : null
       ] }),
-      onPasteImage ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("small", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { name: "image", size: 14 }),
+      onPasteImage ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("small", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { name: "image", size: 14 }),
         pasteImageHint
       ] }) : null
     ] }),
-    toolbar === "full" && editor?.isActive("table") ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "sia-rich-text-editor__table-toolbar", "aria-label": "\u8868\u683C\u5DE5\u5177\u680F", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: "\u8868\u683C" }),
+    toolbar === "full" && editor?.isActive("table") ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "sia-rich-text-editor__table-toolbar", "aria-label": "\u8868\u683C\u5DE5\u5177\u680F", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: "\u8868\u683C" }),
       formatButton("\u524D\u65B9\u63D2\u5165\u5217", () => editor.chain().focus().addColumnBefore().run(), false, !editor.can().addColumnBefore(), "\u524D\u63D2\u5217"),
       formatButton("\u540E\u65B9\u63D2\u5165\u5217", () => editor.chain().focus().addColumnAfter().run(), false, !editor.can().addColumnAfter(), "\u540E\u63D2\u5217"),
       formatButton("\u5220\u9664\u5F53\u524D\u5217", () => editor.chain().focus().deleteColumn().run(), false, !editor.can().deleteColumn(), "\u5220\u5217"),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sia-rich-text-editor__divider" }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sia-rich-text-editor__divider" }),
       formatButton("\u4E0A\u65B9\u63D2\u5165\u884C", () => editor.chain().focus().addRowBefore().run(), false, !editor.can().addRowBefore(), "\u4E0A\u63D2\u884C"),
       formatButton("\u4E0B\u65B9\u63D2\u5165\u884C", () => editor.chain().focus().addRowAfter().run(), false, !editor.can().addRowAfter(), "\u4E0B\u63D2\u884C"),
       formatButton("\u5220\u9664\u5F53\u524D\u884C", () => editor.chain().focus().deleteRow().run(), false, !editor.can().deleteRow(), "\u5220\u884C"),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sia-rich-text-editor__divider" }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sia-rich-text-editor__divider" }),
       formatButton("\u5220\u9664\u8868\u683C", () => editor.chain().focus().deleteTable().run(), false, !editor.can().deleteTable(), "\u5220\u9664\u8868\u683C")
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { ref: editorElementRef, className: "sia-rich-text-editor__content" })
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref: editorElementRef, className: "sia-rich-text-editor__content" })
   ] });
 }
 
@@ -9013,7 +9276,7 @@ var VDITOR_ZH_CN = {
 };
 
 // src/components/MarkdownEditor.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var vditorLoaders = /* @__PURE__ */ new Map();
 var BASE_TOOLBAR = [
   "headings",
@@ -9273,7 +9536,7 @@ function MarkdownEditor({
     ...style,
     "--sia-markdown-editor-min-height": typeof minHeight === "number" ? `${minHeight}px` : minHeight
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "div",
     {
       className: ["sia-markdown-editor", floating.className, disabled ? "is-disabled" : "", className].filter(Boolean).join(" "),
@@ -9287,8 +9550,8 @@ function MarkdownEditor({
       },
       children: [
         floating.label,
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref: mountRef, className: "sia-markdown-editor__mount" }),
-        !ready ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "sia-markdown-editor__loading", "aria-live": "polite", children: loadError || "\u6B63\u5728\u52A0\u8F7D\u7F16\u8F91\u5668\u2026" }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { ref: mountRef, className: "sia-markdown-editor__mount" }),
+        !ready ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "sia-markdown-editor__loading", "aria-live": "polite", children: loadError || "\u6B63\u5728\u52A0\u8F7D\u7F16\u8F91\u5668\u2026" }) : null
       ]
     }
   );
@@ -9689,7 +9952,7 @@ function registerSqlLanguages(monaco) {
 }
 
 // src/components/Editor.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var EDITOR_COMMAND_SHORTCUTS = {
   cut: "Ctrl+X",
   copy: "Ctrl+C",
@@ -10292,11 +10555,11 @@ function Editor({
       })));
     });
   }, [generatedId, loading, markers]);
-  const editorNode = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: `sia-editor-control ${className}`.trim(), "data-loading": loading || void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "sia-editor-control__surface", ref: containerRef, "aria-label": ariaLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { ref: rangeHighlightRef, className: "sia-editor-control__range-highlight", "aria-hidden": "true" }),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "sia-editor-control__loading", role: "status", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", {}),
+  const editorNode = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: `sia-editor-control ${className}`.trim(), "data-loading": loading || void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "sia-editor-control__surface", ref: containerRef, "aria-label": ariaLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { ref: rangeHighlightRef, className: "sia-editor-control__range-highlight", "aria-hidden": "true" }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "sia-editor-control__loading", role: "status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", {}),
       loadingText
     ] }) : null
   ] });
@@ -10325,7 +10588,7 @@ function Editor({
       item.onClick?.(api);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Dropdown,
     {
       className: "sia-editor-control__context-menu",
@@ -10345,7 +10608,7 @@ function Editor({
 var import_react42 = require("react");
 var import_dompurify2 = __toESM(require("dompurify"), 1);
 var import_marked = require("marked");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Markdown2({ content, emptyText = "\u6682\u65E0 Markdown \u5185\u5BB9", resolveImageSrc, imagePreview = true, className = "", onClick, onKeyDown, ...props }) {
   const rootRef = (0, import_react42.useRef)(null);
   const [previewImage, setPreviewImage] = (0, import_react42.useState)(null);
@@ -10411,11 +10674,11 @@ function Markdown2({ content, emptyText = "\u6682\u65E0 Markdown \u5185\u5BB9",
     onKeyDown?.(event);
   }
   if (!content.trim()) {
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: `sia-markdown sia-markdown--empty ${className}`.trim(), children: emptyText });
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: `sia-markdown sia-markdown--empty ${className}`.trim(), children: emptyText });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("article", { ...withTitleTooltip(props), ref: rootRef, className: `sia-markdown ${className}`.trim(), onClick: handleClick, onKeyDown: handleKeyDown, dangerouslySetInnerHTML: { __html: html } }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ImagePreview, { open: Boolean(previewImage), src: previewImage?.src, alt: previewImage?.alt, onOpenChange: (open) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("article", { ...withTitleTooltip(props), ref: rootRef, className: `sia-markdown ${className}`.trim(), onClick: handleClick, onKeyDown: handleKeyDown, dangerouslySetInnerHTML: { __html: html } }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ImagePreview, { open: Boolean(previewImage), src: previewImage?.src, alt: previewImage?.alt, onOpenChange: (open) => {
       if (!open) setPreviewImage(null);
     } })
   ] });
@@ -10423,7 +10686,7 @@ function Markdown2({ content, emptyText = "\u6682\u65E0 Markdown \u5185\u5BB9",
 
 // src/components/InputNumber.tsx
 var import_react43 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function formatValue(value, precision) {
   if (value === null || !Number.isFinite(value)) return "";
   return precision === void 0 ? String(value) : value.toFixed(precision);
@@ -10512,7 +10775,7 @@ var InputNumber = (0, import_react43.forwardRef)(function InputNumber2({
   const increaseDisabled = disabled || readOnly || max !== void 0 && currentValue !== null && currentValue >= max;
   const decreaseDisabled = disabled || readOnly || min !== void 0 && currentValue !== null && currentValue <= min;
   const floatingPlaceholder = usePlaceholderMode(placeholderMode) === "floating" && Boolean(placeholder);
-  const input = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  const input = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "input",
     {
       ...withTitleTooltip(props),
@@ -10534,23 +10797,23 @@ var InputNumber = (0, import_react43.forwardRef)(function InputNumber2({
       onKeyDown: handleKeyDown
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: `sia-input-number sia-input-number--${size} sia-input-number--${status}${floatingPlaceholder ? " sia-input-number--floating" : ""}${floatingPlaceholder && text.length > 0 ? " is-filled" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(), children: [
-    prefix ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "sia-input-number__affix", children: prefix }) : null,
-    floatingPlaceholder ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "sia-input-number__input-wrap", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: `sia-input-number sia-input-number--${size} sia-input-number--${status}${floatingPlaceholder ? " sia-input-number--floating" : ""}${floatingPlaceholder && text.length > 0 ? " is-filled" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(), children: [
+    prefix ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sia-input-number__affix", children: prefix }) : null,
+    floatingPlaceholder ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "sia-input-number__input-wrap", children: [
       input,
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "sia-input-number__floating-placeholder", "aria-hidden": "true", children: placeholder })
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sia-input-number__floating-placeholder", "aria-hidden": "true", children: placeholder })
     ] }) : input,
-    suffix ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "sia-input-number__affix", children: suffix }) : null,
-    controls ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "sia-input-number__controls", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("button", { type: "button", tabIndex: -1, "aria-label": "\u589E\u52A0\u6570\u503C", disabled: increaseDisabled, onClick: () => changeBy(1), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { name: "chevron-up", size: 12 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("button", { type: "button", tabIndex: -1, "aria-label": "\u51CF\u5C11\u6570\u503C", disabled: decreaseDisabled, onClick: () => changeBy(-1), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { name: "chevron-down", size: 12 }) })
+    suffix ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sia-input-number__affix", children: suffix }) : null,
+    controls ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "sia-input-number__controls", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("button", { type: "button", tabIndex: -1, "aria-label": "\u589E\u52A0\u6570\u503C", disabled: increaseDisabled, onClick: () => changeBy(1), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { name: "chevron-up", size: 12 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("button", { type: "button", tabIndex: -1, "aria-label": "\u51CF\u5C11\u6570\u503C", disabled: decreaseDisabled, onClick: () => changeBy(-1), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { name: "chevron-down", size: 12 }) })
     ] }) : null
   ] });
 });
 
 // src/components/SelectModal.tsx
 var import_react44 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function SelectModalBody({ config, values, disabled, onChange }) {
   const [query, setQuery] = (0, import_react44.useState)("");
   const [selectedOnly, setSelectedOnly] = (0, import_react44.useState)(false);
@@ -10567,23 +10830,23 @@ function SelectModalBody({ config, values, disabled, onChange }) {
     });
     onChange([...next]);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-    config.headerExtra != null && config.headerExtra !== false ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "sia-select-modal__header-extra", children: config.headerExtra }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "sia-select-modal__heading", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { role: "tablist", "aria-label": "\u9009\u9879\u8303\u56F4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { role: "tab", "aria-selected": !selectedOnly, variant: "link", onClick: () => setSelectedOnly(false), children: "\u5168\u90E8" }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Button, { role: "tab", "aria-selected": selectedOnly, variant: "link", onClick: () => setSelectedOnly(true), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+    config.headerExtra != null && config.headerExtra !== false ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "sia-select-modal__header-extra", children: config.headerExtra }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "sia-select-modal__heading", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { role: "tablist", "aria-label": "\u9009\u9879\u8303\u56F4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Button, { role: "tab", "aria-selected": !selectedOnly, variant: "link", onClick: () => setSelectedOnly(false), children: "\u5168\u90E8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Button, { role: "tab", "aria-selected": selectedOnly, variant: "link", onClick: () => setSelectedOnly(true), children: [
           "\u5DF2\u9009\u9879(",
           values.length,
           ")"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         Input,
         {
           "aria-label": config.searchPlaceholder ?? "\u641C\u7D22\u9009\u9879",
           placeholder: config.searchPlaceholder ?? "\u641C\u7D22\u9009\u9879",
-          prefix: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { name: "search", size: 14 }),
+          prefix: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon, { name: "search", size: 14 }),
           value: query,
           allowClear: true,
           disabled,
@@ -10594,8 +10857,8 @@ function SelectModalBody({ config, values, disabled, onChange }) {
         }
       )
     ] }),
-    multiple ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "sia-select-modal__actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    multiple ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "sia-select-modal__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         Checkbox2,
         {
           checked: all,
@@ -10605,10 +10868,10 @@ function SelectModalBody({ config, values, disabled, onChange }) {
           children: "\u5168\u9009"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { variant: "link", size: "small", disabled: disabled || !enabled.length, onClick: () => batch("invert"), children: "\u53CD\u9009" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { variant: "link", size: "small", danger: true, disabled: disabled || !values.length, onClick: () => onChange([]), children: "\u6E05\u7A7A" })
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Button, { variant: "link", size: "small", disabled: disabled || !enabled.length, onClick: () => batch("invert"), children: "\u53CD\u9009" }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Button, { variant: "link", size: "small", danger: true, disabled: disabled || !values.length, onClick: () => onChange([]), children: "\u6E05\u7A7A" })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       SelectionPanel,
       {
         options: filtered,
@@ -10634,7 +10897,7 @@ function openSelectModal(config) {
   if (config.mode !== "multiple") values = values.slice(0, 1);
   let submitting = false;
   function body() {
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectModalBody, { config: current, values, disabled: submitting || Boolean(current.confirmLoading), onChange: (next) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectModalBody, { config: current, values, disabled: submitting || Boolean(current.confirmLoading), onChange: (next) => {
       values = next;
       handle.update({ children: body() });
     } });
@@ -10676,111 +10939,6 @@ function openSelectModal(config) {
   };
 }
 
-// src/components/Message.tsx
-var import_client5 = require("react-dom/client");
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var messageSeed = 0;
-var messageRoot = null;
-var messageContainer = null;
-var messageItems = [];
-var defaultDuration = 3;
-var maxCount = 5;
-var messageTimers = /* @__PURE__ */ new Map();
-var messageIcons = {
-  info: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon, { name: "info", size: 18 }),
-  success: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon, { name: "circle-check", size: 18 }),
-  warning: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon, { name: "warning", size: 18 }),
-  error: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon, { name: "circle-close", size: 18 }),
-  loading: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon, { name: "loader", size: 18, spin: true })
-};
-function ensureMessageRoot() {
-  if (typeof document === "undefined") return false;
-  if (!messageContainer) {
-    messageContainer = document.createElement("div");
-    messageContainer.className = "sia-message-root";
-    document.body.appendChild(messageContainer);
-    messageRoot = (0, import_client5.createRoot)(messageContainer);
-  }
-  return true;
-}
-function renderMessages() {
-  if (!ensureMessageRoot()) return;
-  messageRoot.render(/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "sia-message-list", "aria-live": "polite", children: messageItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: `sia-message sia-message--${item.type}`, role: item.type === "loading" ? "status" : "alert", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sia-message__icon", "aria-hidden": "true", children: messageIcons[item.type] }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sia-message__content", children: item.content }),
-    item.closable ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("button", { type: "button", className: "sia-message__close", "aria-label": "\u5173\u95ED\u63D0\u793A", onClick: () => closeMessage(item.key), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon, { name: "close", size: 14 }) }) : null
-  ] }, item.key)) }));
-}
-function closeMessage(key) {
-  const item = messageItems.find((candidate) => candidate.key === key);
-  const timer = messageTimers.get(key);
-  if (timer !== void 0) window.clearTimeout(timer);
-  messageTimers.delete(key);
-  messageItems = messageItems.filter((candidate) => candidate.key !== key);
-  item?.onClose?.();
-  renderMessages();
-}
-function scheduleMessage(item) {
-  const existingTimer = messageTimers.get(item.key);
-  if (existingTimer !== void 0) window.clearTimeout(existingTimer);
-  const duration = item.duration ?? (item.type === "loading" ? 0 : defaultDuration);
-  if (duration > 0) {
-    messageTimers.set(item.key, window.setTimeout(() => closeMessage(item.key), duration * 1e3));
-  }
-}
-function openMessage(input) {
-  const config = typeof input === "object" && input !== null && "content" in input ? input : { content: input };
-  const key = config.key ?? `sia-message-${++messageSeed}`;
-  const item = { ...config, key, type: config.type ?? "info" };
-  const existingIndex = messageItems.findIndex((candidate) => candidate.key === key);
-  if (existingIndex >= 0) messageItems = messageItems.map((candidate, index) => index === existingIndex ? item : candidate);
-  else messageItems = [...messageItems, item];
-  while (messageItems.length > maxCount) closeMessage(messageItems[0].key);
-  renderMessages();
-  scheduleMessage(item);
-  return {
-    close: () => closeMessage(key),
-    update(next) {
-      const current = messageItems.find((candidate) => candidate.key === key);
-      if (!current) return;
-      const updated = { ...current, ...next, key, type: next.type ?? current.type };
-      messageItems = messageItems.map((candidate) => candidate.key === key ? updated : candidate);
-      renderMessages();
-      scheduleMessage(updated);
-    }
-  };
-}
-function shortcut(type) {
-  return (content, duration) => openMessage({ content, duration, type });
-}
-var message = {
-  /** 直接打开实例，返回可用于更新或关闭的操作句柄。 */
-  open: openMessage,
-  /** 显示普通信息提示。 */
-  info: shortcut("info"),
-  /** 显示成功提示。 */
-  success: shortcut("success"),
-  /** 显示警告提示。 */
-  warning: shortcut("warning"),
-  /** 显示错误提示。 */
-  error: shortcut("error"),
-  /** 显示持续加载提示。 */
-  loading: shortcut("loading"),
-  /** 关闭指定实例；未指定标识时关闭所有实例。 */
-  destroy(key) {
-    if (key !== void 0) {
-      closeMessage(key);
-      return;
-    }
-    [...messageItems].forEach((item) => closeMessage(item.key));
-  },
-  /** 配置消息默认持续时间和最大同时显示数量。 */
-  config(config) {
-    if (config.duration !== void 0) defaultDuration = config.duration;
-    if (config.maxCount !== void 0) maxCount = Math.max(1, config.maxCount);
-  }
-};
-
 // src/components/Tag.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function Tag({