@jvs-milkdown/crepe 1.2.32 → 1.2.34

package/lib/cjs/index.js

@@ -5856,8 +5856,7 @@ const Toolbar = vue.defineComponent({
               siblingsWidth += s.offsetWidth;
             }
           }
-          const gapCount = Math.max(0, siblings.length);
-          containerWidth = parent.clientWidth - siblingsWidth - gapCount * 12;
+          containerWidth = parent.clientWidth - siblingsWidth - 12;
         } else {
           containerWidth = container.clientWidth;
         }
@@ -8668,54 +8667,42 @@ const FixedToolbarComponent = vue.defineComponent({
             }
           },
           /* @__PURE__ */ vue.h(
-            "div",
+            "button",
             {
+              type: "button",
+              class: "fixed-toolbar-expand-btn",
+              title: "\u5C55\u5F00\u5DE5\u5177\u680F",
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                viewState.fixedToolbarVisible = true;
+              },
               style: {
-                position: "relative",
-                width: "100%",
-                maxWidth: isFull.value ? "100%" : maxWidth.value,
-                margin: isFull.value ? "0" : "0 auto",
-                height: "100%"
+                position: "absolute",
+                top: "0",
+                right: "40px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                width: "28px",
+                height: "24px",
+                border: "1px solid var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 85%))",
+                borderTop: "none",
+                background: "var(--crepe-color-surface, #ffffff)",
+                cursor: "pointer",
+                borderRadius: "0 0 6px 6px",
+                boxShadow: "0 4px 8px rgba(0, 0, 0, 0.06)",
+                color: "var(--crepe-color-on-surface, #363b4c)",
+                pointerEvents: "auto",
+                zIndex: 200
               }
             },
             /* @__PURE__ */ vue.h(
-              "button",
+              "span",
               {
-                type: "button",
-                class: "fixed-toolbar-expand-btn",
-                title: "\u5C55\u5F00\u5DE5\u5177\u680F",
-                onClick: (e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                  viewState.fixedToolbarVisible = true;
-                },
-                style: {
-                  position: "absolute",
-                  top: "0",
-                  right: "6px",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  width: "28px",
-                  height: "24px",
-                  border: "1px solid var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 85%))",
-                  borderTop: "none",
-                  background: "var(--crepe-color-surface, #ffffff)",
-                  cursor: "pointer",
-                  borderRadius: "0 0 6px 6px",
-                  boxShadow: "0 4px 8px rgba(0, 0, 0, 0.06)",
-                  color: "var(--crepe-color-on-surface, #363b4c)",
-                  pointerEvents: "auto",
-                  zIndex: 200
-                }
-              },
-              /* @__PURE__ */ vue.h(
-                "span",
-                {
-                  style: { display: "inline-flex", alignItems: "center" },
-                  innerHTML: chevronDownIcon
-                }
-              )
+                style: { display: "inline-flex", alignItems: "center" },
+                innerHTML: chevronDownIcon
+              }
             )
           )
         );
@@ -8743,7 +8730,7 @@ const FixedToolbarComponent = vue.defineComponent({
               width: "100%",
               maxWidth: isFull.value ? "100%" : maxWidth.value,
               margin: isFull.value ? "0" : "0 auto",
-              paddingRight: "40px",
+              padding: "0px 10px",
               gap: "0px",
               minWidth: "0",
               overflow: "hidden"
@@ -8865,41 +8852,41 @@ const FixedToolbarComponent = vue.defineComponent({
               isFixed: true
             }
           ),
-          showShortcuts.value && /* @__PURE__ */ vue.h(ShortcutHelpModal, { ctx: props.ctx, visible: showShortcuts }),
+          showShortcuts.value && /* @__PURE__ */ vue.h(ShortcutHelpModal, { ctx: props.ctx, visible: showShortcuts })
+        ),
+        /* @__PURE__ */ vue.h(
+          "button",
+          {
+            type: "button",
+            class: "toolbar-item collapse-btn",
+            title: "\u6298\u53E0\u5DE5\u5177\u680F",
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              viewState.fixedToolbarVisible = false;
+            },
+            style: {
+              position: "absolute",
+              top: "6px",
+              right: "40px",
+              margin: "0",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              pointerEvents: "auto",
+              zIndex: 200
+            }
+          },
           /* @__PURE__ */ vue.h(
-            "button",
+            "span",
             {
-              type: "button",
-              class: "toolbar-item collapse-btn",
-              title: "\u6298\u53E0\u5DE5\u5177\u680F",
-              onClick: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                viewState.fixedToolbarVisible = false;
-              },
               style: {
-                position: "absolute",
-                top: "6px",
-                right: "6px",
-                margin: "0",
-                display: "flex",
+                display: "inline-flex",
                 alignItems: "center",
-                justifyContent: "center",
-                pointerEvents: "auto",
-                zIndex: 200
-              }
-            },
-            /* @__PURE__ */ vue.h(
-              "span",
-              {
-                style: {
-                  display: "inline-flex",
-                  alignItems: "center",
-                  transform: "rotate(180deg)"
-                },
-                innerHTML: chevronDownIcon
-              }
-            )
+                transform: "rotate(180deg)"
+              },
+              innerHTML: chevronDownIcon
+            }
           )
         )
       );