@sia.soul/sia-react-ui 0.1.76 → 0.1.78

package/dist/rich-text-editor.cjs

@@ -324,7 +324,7 @@ function useFloatingPlaceholder({ mode, placeholder, filled, active = false }) {
 }
 
 // src/components/RichTextEditor.tsx
-var import_react9 = require("react");
+var import_react12 = require("react");
 var import_dompurify = __toESM(require("dompurify"), 1);
 var import_core = require("@tiptap/core");
 var import_starter_kit = __toESM(require("@tiptap/starter-kit"), 1);
@@ -1693,9 +1693,396 @@ var Dropdown = Object.assign(DropdownRoot, {
 });
 
 // src/components/Input.tsx
+var import_react11 = require("react");
+
+// src/components/Modal.tsx
+var import_react9 = require("react");
+var import_client2 = require("react-dom/client");
+
+// src/components/Overlay.tsx
 var import_react8 = require("react");
+var import_react_dom2 = require("react-dom");
+var bodyLockCount = 0;
+var previousBodyOverflow = "";
+var overlayStack = [];
+function lockBodyScroll() {
+  if (bodyLockCount === 0) {
+    previousBodyOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+  }
+  bodyLockCount += 1;
+  return () => {
+    bodyLockCount = Math.max(0, bodyLockCount - 1);
+    if (bodyLockCount === 0) document.body.style.overflow = previousBodyOverflow;
+  };
+}
+function focusableElements(container) {
+  return [...container.querySelectorAll(
+    'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
+  )].filter((element) => !element.hidden && element.getAttribute("aria-hidden") !== "true");
+}
+function useOverlayLifecycle(open, panelRef, onRequestClose, keyboard = true) {
+  const overlayIdRef = (0, import_react8.useRef)(/* @__PURE__ */ Symbol("sia-overlay"));
+  const closeRef = (0, import_react8.useRef)(onRequestClose);
+  closeRef.current = onRequestClose;
+  (0, import_react8.useEffect)(() => {
+    if (!open || typeof document === "undefined") return void 0;
+    const overlayId = overlayIdRef.current;
+    const previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    overlayStack.push(overlayId);
+    const unlockBody = lockBodyScroll();
+    const focusTimer = window.setTimeout(() => {
+      const panel = panelRef.current;
+      if (!panel) return;
+      const [firstFocusable] = focusableElements(panel);
+      (firstFocusable ?? panel).focus({ preventScroll: true });
+    }, 0);
+    function handleKeyDown(event) {
+      if (overlayStack.at(-1) !== overlayId) return;
+      if (event.key === "Escape" && keyboard) {
+        event.preventDefault();
+        closeRef.current();
+        return;
+      }
+      if (event.key !== "Tab" || !panelRef.current) return;
+      const focusable = focusableElements(panelRef.current);
+      if (focusable.length === 0) {
+        event.preventDefault();
+        panelRef.current.focus();
+        return;
+      }
+      const first = focusable[0];
+      const last = focusable.at(-1);
+      if (event.shiftKey && document.activeElement === first) {
+        event.preventDefault();
+        last.focus();
+      } else if (!event.shiftKey && document.activeElement === last) {
+        event.preventDefault();
+        first.focus();
+      }
+    }
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.clearTimeout(focusTimer);
+      document.removeEventListener("keydown", handleKeyDown);
+      const index = overlayStack.lastIndexOf(overlayId);
+      if (index >= 0) overlayStack.splice(index, 1);
+      unlockBody();
+      previouslyFocused?.focus({ preventScroll: true });
+    };
+  }, [keyboard, open, panelRef]);
+}
+function OverlayPortal({ children, container }) {
+  if (typeof document === "undefined") return null;
+  const target = typeof container === "function" ? container() : container ?? document.body;
+  return (0, import_react_dom2.createPortal)(children, target);
+}
+
+// src/components/Modal.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var Input = (0, import_react8.forwardRef)(function Input2({
+var modalHandles = /* @__PURE__ */ new Set();
+var MODAL_MOTION_DURATION = 220;
+var typeIcons = {
+  info: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "info", size: 23 }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "circle-check", size: 23 }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "warning", size: 23 }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "circle-close", size: 23 }),
+  confirm: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "question", size: 23 })
+};
+var ModalRoot = (0, import_react9.forwardRef)(function Modal({
+  open,
+  title,
+  children,
+  footer,
+  footerExtra,
+  type = "default",
+  okText = "\u786E\u5B9A",
+  cancelText = "\u53D6\u6D88",
+  showCancel = type === "default" || type === "confirm",
+  confirmLoading = false,
+  okButtonProps,
+  cancelButtonProps,
+  closable = true,
+  maskClosable = true,
+  keyboard = true,
+  centered = false,
+  width = 520,
+  height,
+  zIndex = 1e3,
+  getContainer,
+  onOk,
+  onCancel,
+  onOpenChange,
+  afterOpenChange,
+  className = "",
+  style,
+  ...props
+}, forwardedRef) {
+  const localRef = (0, import_react9.useRef)(null);
+  const titleId = (0, import_react9.useId)();
+  const [submitting, setSubmitting] = (0, import_react9.useState)(false);
+  const [rendered, setRendered] = (0, import_react9.useState)(open);
+  const [closing, setClosing] = (0, import_react9.useState)(false);
+  const afterOpenChangeRef = (0, import_react9.useRef)(afterOpenChange);
+  afterOpenChangeRef.current = afterOpenChange;
+  const submitLock = (0, import_react9.useRef)(false);
+  (0, import_react9.useEffect)(() => {
+    if (!open || !rendered) return void 0;
+    const timer = window.setTimeout(() => afterOpenChangeRef.current?.(true), MODAL_MOTION_DURATION);
+    return () => window.clearTimeout(timer);
+  }, [open, rendered]);
+  (0, import_react9.useEffect)(() => {
+    if (open) {
+      setRendered(true);
+      setClosing(false);
+      return void 0;
+    }
+    if (!rendered) return void 0;
+    setClosing(true);
+    const timer = window.setTimeout(() => {
+      setRendered(false);
+      setClosing(false);
+      afterOpenChangeRef.current?.(false);
+    }, MODAL_MOTION_DURATION);
+    return () => window.clearTimeout(timer);
+  }, [open, rendered]);
+  function setRef(node) {
+    localRef.current = node;
+    if (typeof forwardedRef === "function") forwardedRef(node);
+    else if (forwardedRef) forwardedRef.current = node;
+  }
+  function requestClose() {
+    if (submitting || confirmLoading) return;
+    onCancel?.();
+    onOpenChange?.(false);
+  }
+  async function handleOk() {
+    if (submitLock.current || confirmLoading) return;
+    submitLock.current = true;
+    if (!onOk) {
+      onOpenChange?.(false);
+      submitLock.current = false;
+      return;
+    }
+    try {
+      const result = onOk();
+      if (result instanceof Promise) {
+        setSubmitting(true);
+        const resolved = await result;
+        if (resolved !== false) onOpenChange?.(false);
+      } else if (result !== false) {
+        onOpenChange?.(false);
+      }
+    } catch {
+      return;
+    } finally {
+      submitLock.current = false;
+      setSubmitting(false);
+    }
+  }
+  useOverlayLifecycle(rendered, localRef, requestClose, keyboard);
+  if (!rendered) return null;
+  const mergedStyle = {
+    ...height !== void 0 ? { display: "flex", flexDirection: "column", height, maxHeight: "calc(100dvh - 48px)" } : {},
+    ...style,
+    "--sia-modal-width": typeof width === "number" ? `${width}px` : width
+  };
+  const loading = submitting || confirmLoading;
+  const defaultFooter = /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    showCancel ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { ...cancelButtonProps, onClick: requestClose, disabled: loading || cancelButtonProps?.disabled, children: cancelText }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { variant: "primary", ...okButtonProps, onClick: handleOk, loading, children: okText })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(OverlayPortal, { container: getContainer, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "div",
+    {
+      className: `sia-modal-root${centered ? " sia-modal-root--centered" : ""}`,
+      "data-state": closing ? "closing" : "open",
+      style: { zIndex },
+      onMouseDown: (event) => {
+        if (event.target === event.currentTarget && maskClosable) requestClose();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+        "div",
+        {
+          ref: setRef,
+          className: `sia-modal sia-modal--${type} ${className}`.trim(),
+          style: mergedStyle,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": title ? titleId : void 0,
+          tabIndex: -1,
+          ...withTitleTooltip(props),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "sia-modal__header", style: height !== void 0 ? { flexShrink: 0 } : void 0, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "sia-modal__heading", children: [
+                typeIcons[type] ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sia-modal__type-icon", "aria-hidden": "true", children: typeIcons[type] }) : null,
+                title ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { id: titleId, children: title }) : null
+              ] }),
+              closable ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "sia-modal__close", "aria-label": "\u5173\u95ED\u5BF9\u8BDD\u6846", onClick: requestClose, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "close", size: 17 }) }) : null
+            ] }),
+            children !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "sia-modal__body", style: height !== void 0 ? { flex: 1, minHeight: 0, overflow: "auto" } : void 0, children }) : null,
+            footer !== null ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "sia-modal__footer", style: height !== void 0 ? { flexShrink: 0 } : void 0, children: [
+              footer === void 0 && footerExtra != null ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { marginRight: "auto" }, children: footerExtra }) : null,
+              footer ?? defaultFooter
+            ] }) : null
+          ]
+        }
+      )
+    }
+  ) });
+});
+function openModal(config) {
+  if (typeof document === "undefined") return { destroy() {
+  }, update() {
+  } };
+  const container = document.createElement("div");
+  container.className = "sia-modal-api-host";
+  document.body.appendChild(container);
+  const root = (0, import_client2.createRoot)(container);
+  let currentConfig = config;
+  let currentOpen = true;
+  let destroyed = false;
+  let mounted = false;
+  function cleanup() {
+    if (destroyed) return;
+    destroyed = true;
+    root.unmount();
+    container.remove();
+    modalHandles.delete(handle);
+  }
+  function closeWithMotion() {
+    if (destroyed || !currentOpen) return;
+    currentOpen = false;
+    render();
+  }
+  function ModalInstance() {
+    (0, import_react9.useEffect)(() => {
+      mounted = true;
+      if (!currentOpen) render();
+    }, []);
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ModalRoot, { ...currentConfig, open: !mounted || currentOpen, onOpenChange: (nextOpen) => {
+      currentConfig.onOpenChange?.(nextOpen);
+      if (!nextOpen) closeWithMotion();
+    }, afterOpenChange: (nextOpen) => {
+      try {
+        currentConfig.afterOpenChange?.(nextOpen);
+      } finally {
+        if (!nextOpen) queueMicrotask(cleanup);
+      }
+    } });
+  }
+  function render() {
+    root.render(/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ModalInstance, {}));
+  }
+  const handle = {
+    destroy: closeWithMotion,
+    update(next) {
+      if (destroyed) return;
+      currentConfig = { ...currentConfig, ...next };
+      render();
+    }
+  };
+  modalHandles.add(handle);
+  render();
+  return handle;
+}
+function preset(type, defaults = {}) {
+  return (config) => openModal({
+    okText: type === "confirm" ? "\u786E\u5B9A" : "\u77E5\u9053\u4E86",
+    showCancel: type === "confirm",
+    closable: type !== "confirm",
+    maskClosable: type !== "confirm",
+    ...defaults,
+    ...config,
+    type
+  });
+}
+var Modal2 = Object.assign(ModalRoot, {
+  /** 直接打开实例，返回更新和关闭句柄；关闭动画完成后先调用 afterOpenChange(false)，再卸载实例。 */
+  open: openModal,
+  /** 显示普通信息提示。 */
+  info: preset("info", { title: "\u63D0\u793A" }),
+  /** 显示成功提示。 */
+  success: preset("success", { title: "\u64CD\u4F5C\u6210\u529F" }),
+  /** 显示警告提示。 */
+  warning: preset("warning", { title: "\u8BF7\u6CE8\u610F" }),
+  /** 显示错误提示。 */
+  error: preset("error", { title: "\u64CD\u4F5C\u5931\u8D25" }),
+  /** 打开确认弹框，支持异步确认；返回 false 可阻止关闭。 */
+  confirm: preset("confirm", { title: "\u786E\u8BA4\u64CD\u4F5C" }),
+  /** 关闭由此 API 打开的所有弹层。 */
+  destroyAll() {
+    [...modalHandles].forEach((handle) => handle.destroy());
+  }
+});
+
+// src/components/TextArea.tsx
+var import_react10 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var TextArea = (0, import_react10.forwardRef)(function TextArea2({
+  label,
+  hint,
+  status = "default",
+  size: sizeProp,
+  showCount = false,
+  placeholder,
+  placeholderMode,
+  className = "",
+  id,
+  disabled,
+  value,
+  defaultValue,
+  maxLength,
+  onChange,
+  ...props
+}, ref) {
+  const size = useControlSize(sizeProp);
+  const fallbackId = (0, import_react10.useId)();
+  const textAreaId = id ?? fallbackId;
+  const [uncontrolledValue, setUncontrolledValue] = (0, import_react10.useState)(() => defaultValue === void 0 ? "" : String(defaultValue));
+  const currentText = value !== void 0 ? String(value) : uncontrolledValue;
+  const floating = useFloatingPlaceholder({ mode: placeholderMode, placeholder, filled: currentText.length > 0 });
+  const hintId = `${textAreaId}-hint`;
+  const describedBy = [props["aria-describedby"], hint ? hintId : null].filter(Boolean).join(" ") || void 0;
+  function handleChange(event) {
+    setUncontrolledValue(event.target.value);
+    onChange?.(event);
+  }
+  const control = /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: `sia-textarea-control sia-textarea-control--${size} sia-textarea-control--${status}${floating.className}${disabled ? " is-disabled" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      "textarea",
+      {
+        ...withTitleTooltip(props),
+        ref,
+        id: textAreaId,
+        className: "sia-textarea",
+        disabled,
+        value,
+        defaultValue,
+        maxLength,
+        placeholder,
+        "aria-describedby": describedBy,
+        "aria-invalid": status === "error" || void 0,
+        onChange: handleChange
+      }
+    ),
+    floating.label,
+    showCount ? /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)("span", { className: `sia-field ${className}`.trim(), children: control });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: `sia-field ${className}`.trim(), children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { className: "sia-field__label", htmlFor: textAreaId, children: label }) : null,
+    control,
+    hint ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { id: hintId, className: `sia-field__hint sia-field__hint--${status}`, children: hint }) : null
+  ] });
+});
+
+// src/components/Input.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Input = (0, import_react11.forwardRef)(function Input2({
   label,
   hint,
   status = "default",
@@ -1714,15 +2101,18 @@ var Input = (0, import_react8.forwardRef)(function Input2({
   defaultValue,
   maxLength,
   onChange,
+  expandable = false,
   ...props
 }, forwardedRef) {
   const size = useControlSize(sizeProp);
-  const fallbackId = (0, import_react8.useId)();
+  const fallbackId = (0, import_react11.useId)();
   const inputId = id ?? fallbackId;
-  const localRef = (0, import_react8.useRef)(null);
-  const [uncontrolledValue, setUncontrolledValue] = (0, import_react8.useState)(() => defaultValue === void 0 ? "" : String(defaultValue));
+  const localRef = (0, import_react11.useRef)(null);
+  const [uncontrolledValue, setUncontrolledValue] = (0, import_react11.useState)(() => defaultValue === void 0 ? "" : String(defaultValue));
   const currentText = value !== void 0 ? String(value) : uncontrolledValue;
   const hasValue = currentText.length > 0;
+  const [expanded, setExpanded] = (0, import_react11.useState)(false);
+  const [expandedDraft, setExpandedDraft] = (0, import_react11.useState)("");
   const floatingPlaceholder = usePlaceholderMode(placeholderMode) === "floating" && Boolean(placeholder);
   const hintId = `${inputId}-hint`;
   const describedBy = [props["aria-describedby"], hint ? hintId : null].filter(Boolean).join(" ") || void 0;
@@ -1758,7 +2148,7 @@ var Input = (0, import_react8.forwardRef)(function Input2({
     event.preventDefault();
     localRef.current?.focus({ preventScroll: true });
   }
-  const input = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  const input = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "input",
     {
       ...withTitleTooltip(props),
@@ -1775,29 +2165,87 @@ var Input = (0, import_react8.forwardRef)(function Input2({
       onChange: handleChange
     }
   );
-  const control = /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.jsx)("span", { className: "sia-input-control__affix", children: prefix }) : null,
-    floatingPlaceholder ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "sia-input-control__input-wrap", children: [
+  const control = /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsx)("span", { className: "sia-input-control__affix", children: prefix }) : null,
+    floatingPlaceholder ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "sia-input-control__input-wrap", children: [
       input,
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sia-input-control__floating-placeholder", "aria-hidden": "true", children: placeholder })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sia-input-control__floating-placeholder", "aria-hidden": "true", children: placeholder })
     ] }) : input,
-    allowClear && hasValue && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { className: "sia-input-control__clear", type: "button", "aria-label": "\u6E05\u7A7A\u8F93\u5165", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
-    suffix ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sia-input-control__affix", children: suffix }) : null,
-    showCount ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: `sia-input-control__count${maxLength !== void 0 && currentText.length >= maxLength ? " is-limit" : ""}`, "aria-live": "polite", children: [
+    allowClear && hasValue && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "sia-input-control__clear", type: "button", "aria-label": "\u6E05\u7A7A\u8F93\u5165", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
+    suffix ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sia-input-control__affix", children: suffix }) : null,
+    expandable && !disabled && !props.readOnly && (!props.type || props.type === "text") ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "sia-input-control__expand",
+        "aria-label": "\u5C55\u5F00\u7F16\u8F91",
+        title: "\u5C55\u5F00\u7F16\u8F91",
+        onClick: () => {
+          if (localRef.current?.matches(":disabled")) return;
+          setExpandedDraft(currentText);
+          setExpanded(true);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { name: "expand", size: 15 })
+      }
+    ) : null,
+    showCount ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: `sia-input-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_runtime9.jsx)("span", { className: `sia-field ${className}`.trim(), children: control });
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: `sia-field ${className}`.trim(), children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "sia-field__label", htmlFor: inputId, children: label }) : null,
-    control,
-    hint ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { id: hintId, className: `sia-field__hint sia-field__hint--${status}`, children: hint }) : null
+  const editor = expandable ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    Modal2,
+    {
+      open: expanded,
+      title: "\u5C55\u5F00\u7F16\u8F91",
+      okText: "\u786E\u5B9A",
+      cancelText: "\u53D6\u6D88",
+      onCancel: () => setExpanded(false),
+      afterOpenChange: (open) => {
+        if (!open) setExpandedDraft("");
+      },
+      onOk: () => {
+        const target = localRef.current;
+        if (!target || target.matches(":disabled") || props.readOnly) return false;
+        const normalized = expandedDraft.replace(/\r\n|[\r\n]/g, " ");
+        const next = maxLength !== void 0 && maxLength >= 0 ? normalized.slice(0, maxLength) : normalized;
+        Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set?.call(target, next);
+        target.dispatchEvent(new Event("input", { bubbles: true }));
+        setUncontrolledValue(next);
+        setExpanded(false);
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        TextArea,
+        {
+          "aria-label": "\u5C55\u5F00\u7F16\u8F91\u5185\u5BB9",
+          value: expandedDraft,
+          onChange: (event) => setExpandedDraft(event.target.value),
+          maxLength,
+          showCount,
+          placeholder,
+          rows: 8,
+          disabled,
+          readOnly: props.readOnly
+        }
+      )
+    }
+  ) : null;
+  if (!label && !hint) return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: `sia-field ${className}`.trim(), children: control }),
+    editor
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: `sia-field ${className}`.trim(), children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { className: "sia-field__label", htmlFor: inputId, children: label }) : null,
+      control,
+      hint ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { id: hintId, className: `sia-field__hint sia-field__hint--${status}`, children: hint }) : null
+    ] }),
+    editor
   ] });
 });
 
 // src/components/RichTextEditor.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function escapeHtml(value) {
   return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#039;");
 }
@@ -1813,9 +2261,9 @@ function sanitizeContent(value) {
   }).replace(/<img\b/giu, '<img loading="lazy" decoding="async"');
 }
 function RichTextContent({ content, emptyText = "\u6682\u65E0\u5185\u5BB9", className = "", ...props }) {
-  const html = (0, import_react9.useMemo)(() => sanitizeContent(content), [content]);
-  if (!html.trim()) return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: `sia-rich-text-content sia-rich-text-content--empty ${className}`.trim(), children: emptyText });
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("article", { className: `sia-rich-text-content ${className}`.trim(), dangerouslySetInnerHTML: { __html: html }, ...withTitleTooltip(props) });
+  const html = (0, import_react12.useMemo)(() => sanitizeContent(content), [content]);
+  if (!html.trim()) return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `sia-rich-text-content sia-rich-text-content--empty ${className}`.trim(), children: emptyText });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("article", { className: `sia-rich-text-content ${className}`.trim(), dangerouslySetInnerHTML: { __html: html }, ...withTitleTooltip(props) });
 }
 function RichTextEditor({
   value,
@@ -1836,31 +2284,31 @@ function RichTextEditor({
   "aria-label": ariaLabel,
   ...props
 }) {
-  const initialValueRef = (0, import_react9.useRef)(value ?? defaultValue);
-  const lastEmittedValueRef = (0, import_react9.useRef)(value ?? defaultValue);
-  const onChangeRef = (0, import_react9.useRef)(onChange);
-  const onPasteImageRef = (0, import_react9.useRef)(onPasteImage);
-  const saveShortcutRef = (0, import_react9.useRef)(saveShortcut);
-  const contentFormatRef = (0, import_react9.useRef)(contentFormat);
-  const editorElementRef = (0, import_react9.useRef)(null);
-  const editorRef = (0, import_react9.useRef)(null);
-  const [editor, setEditor] = (0, import_react9.useState)(null);
-  const [linkEditorOpen, setLinkEditorOpen] = (0, import_react9.useState)(false);
-  const [linkHref, setLinkHref] = (0, import_react9.useState)("");
-  const [, setEditorRevision] = (0, import_react9.useState)(0);
-  (0, import_react9.useEffect)(() => {
+  const initialValueRef = (0, import_react12.useRef)(value ?? defaultValue);
+  const lastEmittedValueRef = (0, import_react12.useRef)(value ?? defaultValue);
+  const onChangeRef = (0, import_react12.useRef)(onChange);
+  const onPasteImageRef = (0, import_react12.useRef)(onPasteImage);
+  const saveShortcutRef = (0, import_react12.useRef)(saveShortcut);
+  const contentFormatRef = (0, import_react12.useRef)(contentFormat);
+  const editorElementRef = (0, import_react12.useRef)(null);
+  const editorRef = (0, import_react12.useRef)(null);
+  const [editor, setEditor] = (0, import_react12.useState)(null);
+  const [linkEditorOpen, setLinkEditorOpen] = (0, import_react12.useState)(false);
+  const [linkHref, setLinkHref] = (0, import_react12.useState)("");
+  const [, setEditorRevision] = (0, import_react12.useState)(0);
+  (0, import_react12.useEffect)(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     onPasteImageRef.current = onPasteImage;
   }, [onPasteImage]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     saveShortcutRef.current = saveShortcut;
   }, [saveShortcut]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     contentFormatRef.current = contentFormat;
   }, [contentFormat]);
-  const extensions = (0, import_react9.useMemo)(() => [
+  const extensions = (0, import_react12.useMemo)(() => [
     import_starter_kit.default.configure({
       heading: { levels: [1, 2, 3, 4, 5, 6] },
       link: { openOnClick: false, autolink: true, linkOnPaste: true },
@@ -1876,7 +2324,7 @@ function RichTextEditor({
     import_extension_task_item.default.configure({ nested: true }),
     import_markdown.Markdown.configure({ markedOptions: { gfm: true } })
   ], [placeholder]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const element = editorElementRef.current;
     if (!element) return;
     const nextEditor = new import_core.Editor({
@@ -1933,10 +2381,10 @@ function RichTextEditor({
       nextEditor.destroy();
     };
   }, [ariaLabel, extensions]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     editor?.setEditable(!disabled);
   }, [disabled, editor]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!editor || value === void 0 || value === lastEmittedValueRef.current) return;
     editor.commands.setContent(value, { emitUpdate: false, contentType: contentFormat });
     lastEmittedValueRef.current = value;
@@ -1957,7 +2405,7 @@ function RichTextEditor({
     setLinkEditorOpen(false);
   }
   function formatButton(label, action, active = false, disabledByState = false, content) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       Button,
       {
         type: "button",
@@ -1995,27 +2443,27 @@ function RichTextEditor({
     }
   };
   const floating = useFloatingPlaceholder({ mode: placeholderMode, placeholder, filled: editor ? !editor.isEmpty : Boolean(value ?? defaultValue) });
-  return /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime12.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_runtime10.jsxs)("div", { className: "sia-rich-text-editor__toolbar", "aria-label": "\u6587\u672C\u683C\u5F0F\u5DE5\u5177\u680F", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "sia-rich-text-editor__toolbar-main", children: [
-        toolbar === "full" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-          formatButton("\u64A4\u9500", () => editor?.chain().focus().undo().run(), false, !editor?.can().undo(), /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { name: "undo" })),
-          formatButton("\u91CD\u505A", () => editor?.chain().focus().redo().run(), false, !editor?.can().redo(), /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { name: "redo" })),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sia-rich-text-editor__divider" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dropdown, { menu: blockTypeMenu, trigger: ["click"], placement: "bottomLeft", disabled: disabled || !editor, children: /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime12.jsxs)("div", { className: "sia-rich-text-editor__toolbar", "aria-label": "\u6587\u672C\u683C\u5F0F\u5DE5\u5177\u680F", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "sia-rich-text-editor__toolbar-main", children: [
+        toolbar === "full" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+          formatButton("\u64A4\u9500", () => editor?.chain().focus().undo().run(), false, !editor?.can().undo(), /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: "undo" })),
+          formatButton("\u91CD\u505A", () => editor?.chain().focus().redo().run(), false, !editor?.can().redo(), /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: "redo" })),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sia-rich-text-editor__divider" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Dropdown, { menu: blockTypeMenu, trigger: ["click"], placement: "bottomLeft", disabled: disabled || !editor, children: /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime10.jsx)(Icon, { name: "chevron-down", size: 13 })
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: "chevron-down", size: 13 })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sia-rich-text-editor__divider" })
+          /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime10.jsx)("strong", { children: "B" })),
-        formatButton("\u659C\u4F53", () => editor?.chain().focus().toggleItalic().run(), Boolean(editor?.isActive("italic")), false, /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("em", { children: "I" })),
-        toolbar === "full" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-          formatButton("\u4E0B\u5212\u7EBF", () => editor?.chain().focus().toggleUnderline().run(), Boolean(editor?.isActive("underline")), false, /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("u", { children: "U" })),
-          formatButton("\u5220\u9664\u7EBF", () => editor?.chain().focus().toggleStrike().run(), Boolean(editor?.isActive("strike")), false, /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("s", { children: "S" })),
+        formatButton("\u52A0\u7C97", () => editor?.chain().focus().toggleBold().run(), Boolean(editor?.isActive("bold")), false, /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: "B" })),
+        formatButton("\u659C\u4F53", () => editor?.chain().focus().toggleItalic().run(), Boolean(editor?.isActive("italic")), false, /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("em", { children: "I" })),
+        toolbar === "full" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+          formatButton("\u4E0B\u5212\u7EBF", () => editor?.chain().focus().toggleUnderline().run(), Boolean(editor?.isActive("underline")), false, /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("u", { children: "U" })),
+          formatButton("\u5220\u9664\u7EBF", () => editor?.chain().focus().toggleStrike().run(), Boolean(editor?.isActive("strike")), false, /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("s", { children: "S" })),
           formatButton("\u884C\u5185\u4EE3\u7801", () => editor?.chain().focus().toggleCode().run(), Boolean(editor?.isActive("code")), false, "</>"),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             Dropdown,
             {
               menu: { items: [] },
@@ -2025,48 +2473,48 @@ function RichTextEditor({
               disabled: disabled || !editor,
               onOpenChange: openLinkEditor,
               popupClassName: "sia-rich-text-editor__link-popup",
-              popupRender: () => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("form", { className: "sia-rich-text-editor__link-form", onSubmit: submitLink, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)(Button, { type: "submit", variant: "primary", size: "small", children: "\u5E94\u7528" }),
-                editor?.isActive("link") ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { type: "button", size: "small", onClick: () => {
+              popupRender: () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("form", { className: "sia-rich-text-editor__link-form", onSubmit: submitLink, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime12.jsx)(Button, { type: "submit", variant: "primary", size: "small", children: "\u5E94\u7528" }),
+                editor?.isActive("link") ? /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime10.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_runtime10.jsx)(Icon, { name: "link" }) })
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime12.jsx)(Icon, { name: "link" }) })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sia-rich-text-editor__divider" })
+          /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+        toolbar === "full" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.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_runtime10.jsx)(Icon, { name: "minus" }))
+          formatButton("\u5206\u5272\u7EBF", () => editor?.chain().focus().setHorizontalRule().run(), false, false, /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: "minus" }))
         ] }) : null
       ] }),
-      onPasteImage ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("small", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { name: "image", size: 14 }),
+      onPasteImage ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("small", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: "image", size: 14 }),
         pasteImageHint
       ] }) : null
     ] }),
-    toolbar === "full" && editor?.isActive("table") ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "sia-rich-text-editor__table-toolbar", "aria-label": "\u8868\u683C\u5DE5\u5177\u680F", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "\u8868\u683C" }),
+    toolbar === "full" && editor?.isActive("table") ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "sia-rich-text-editor__table-toolbar", "aria-label": "\u8868\u683C\u5DE5\u5177\u680F", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime10.jsx)("span", { className: "sia-rich-text-editor__divider" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime10.jsx)("span", { className: "sia-rich-text-editor__divider" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime10.jsx)("div", { ref: editorElementRef, className: "sia-rich-text-editor__content" })
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: editorElementRef, className: "sia-rich-text-editor__content" })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node: