@underverse-ui/underverse 2.0.15 → 2.0.17

package/dist/{menu-bar-YMEOEYJS.js → menu-bar-7MPCNTHR.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Modal_default
-} from "./chunk-D22TNGE5.js";
+} from "./chunk-HEXF4EOB.js";
 import {
   DEFAULT_TABLE_ROW_HEIGHT,
   DEFAULT_UEDITOR_IMAGE_MAX_FILE_SIZE,
@@ -21,7 +21,7 @@ import {
   sanitizeUEditorUrl,
   useDropdownMenuClose,
   useSharedEditorUiRenderState
-} from "./chunk-WEGE3MZ5.js";
+} from "./chunk-23VKHYEB.js";
 import {
   cn,
   useSmartTranslations
@@ -945,4 +945,4 @@ var MenuBar = ({
 export {
   MenuBar
 };
-//# sourceMappingURL=menu-bar-YMEOEYJS.js.map
+//# sourceMappingURL=menu-bar-7MPCNTHR.js.map

package/dist/ueditor.cjs

@@ -7054,6 +7054,8 @@ var init_toolbar = __esm({
       const [showImageInput, setShowImageInput] = (0, import_react33.useState)(false);
       const [showLinkInput, setShowLinkInput] = (0, import_react33.useState)(false);
       const [isTableMenuOpen, setIsTableMenuOpen] = (0, import_react33.useState)(false);
+      const [fontSizeDraft, setFontSizeDraft] = (0, import_react33.useState)("");
+      const [isEditingFontSize, setIsEditingFontSize] = (0, import_react33.useState)(false);
       const fileInputRef = (0, import_react33.useRef)(null);
       const [isUploadingImage, setIsUploadingImage] = (0, import_react33.useState)(false);
       const [imageUploadError, setImageUploadError] = (0, import_react33.useState)(null);
@@ -7083,7 +7085,7 @@ var init_toolbar = __esm({
       const availableLetterSpacings = import_react33.default.useMemo(() => letterSpacings ?? getDefaultLetterSpacings(), [letterSpacings]);
       const currentFontFamilyDisplayValue = currentFontFamily.split(",")[0]?.trim() ?? currentFontFamily;
       const currentFontFamilyLabel = availableFontFamilies.find((option) => normalizeStyleValue(option.value) === currentFontFamily)?.label ?? (currentFontFamilyDisplayValue || t("toolbar.fontDefault"));
-      const currentFontSizeLabel = availableFontSizes.find((option) => normalizeStyleValue(option.value) === currentFontSize)?.label ?? "13";
+      const currentFontSizeLabel = availableFontSizes.find((option) => normalizeStyleValue(option.value) === currentFontSize)?.label ?? (currentFontSize.replace(/px$/i, "") || "13");
       const currentLineHeightLabel = availableLineHeights.find((option) => normalizeStyleValue(option.value) === currentLineHeight)?.label ?? t("toolbar.lineHeightDefault");
       const currentLetterSpacingLabel = availableLetterSpacings.find((option) => normalizeStyleValue(option.value) === currentLetterSpacing)?.label ?? t("toolbar.letterSpacingDefault");
       const defaultFontFamilyOption = availableFontFamilies.find((opt) => normalizeStyleValue(opt.value) === normalizeStyleValue(defaultFontFamily)) ?? availableFontFamilies[0];
@@ -7095,6 +7097,12 @@ var init_toolbar = __esm({
       const isMedium = variant === "medium";
       const isMediumFull = variant === "medium-full";
       const isFull = variant === "default" || variant === "full" || variant === "notion" || !variant;
+      const applyFontSizeDraft = () => {
+        const parsed = Number.parseFloat(fontSizeDraft);
+        if (!Number.isFinite(parsed)) return;
+        editor.chain().focus().setFontSize(`${parsed}px`).run();
+        setFontSizeDraft(String(parsed));
+      };
       const insertImageFiles = async (files) => {
         if (files.length === 0) return;
         setIsUploadingImage(true);
@@ -7263,25 +7271,47 @@ var init_toolbar = __esm({
             (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               DropdownMenu,
               {
-                trigger: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-                  ToolbarButton,
-                  {
-                    onClick: () => {
-                    },
-                    title: t("toolbar.fontSize"),
-                    className: "h-7 w-14 justify-between gap-1 border border-[rgba(196,197,213,0.6)] bg-white px-2 text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] hover:bg-white hover:text-[#404040] dark:bg-background dark:text-foreground",
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-xs font-normal leading-none", children: displayedFontSizeLabel }),
-                      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(FigmaChevronDownIcon, { className: "h-3 w-3 shrink-0 text-[#7B8184]" })
-                    ]
-                  }
-                ),
+                trigger: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex h-7 w-14 items-center rounded-md border border-[rgba(196,197,213,0.6)] bg-white text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] dark:bg-background dark:text-foreground", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                    "input",
+                    {
+                      type: "number",
+                      step: 1,
+                      value: isEditingFontSize ? fontSizeDraft : displayedFontSizeLabel,
+                      onFocus: () => {
+                        setFontSizeDraft(displayedFontSizeLabel);
+                        setIsEditingFontSize(true);
+                      },
+                      onChange: (event) => setFontSizeDraft(event.target.value),
+                      onBlur: () => {
+                        applyFontSizeDraft();
+                        setIsEditingFontSize(false);
+                      },
+                      onMouseDown: (event) => event.stopPropagation(),
+                      onClick: (event) => event.stopPropagation(),
+                      onKeyDown: (event) => {
+                        event.stopPropagation();
+                        if (event.key === "Enter") {
+                          event.preventDefault();
+                          applyFontSizeDraft();
+                          setIsEditingFontSize(false);
+                        }
+                      },
+                      "aria-label": t("toolbar.fontSize"),
+                      className: "min-w-0 flex-1 bg-transparent px-2 text-xs font-normal leading-none outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "button", "aria-label": t("toolbar.fontSize"), title: t("toolbar.fontSize"), className: "px-1 text-[#7B8184]", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(FigmaChevronDownIcon, { className: "h-3 w-3" }) })
+                ] }),
                 contentClassName: "max-h-80 overflow-y-auto min-w-32 p-2",
                 children: availableFontSizes.map((option) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                   DropdownMenuItem,
                   {
                     label: option.label,
-                    onClick: () => editor.chain().focus().setFontSize(option.value).run(),
+                    onClick: () => {
+                      editor.chain().focus().setFontSize(option.value).run();
+                      setFontSizeDraft(option.label);
+                    },
                     active: normalizeStyleValue(option.value) === activeFontSize
                   },
                   option.value