@jvs-milkdown/crepe 1.2.31 → 1.2.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/feature/toolbar/index.js.map +1 -1
- package/lib/cjs/index.js +48 -31
- package/lib/cjs/index.js.map +1 -1
- package/lib/esm/feature/toolbar/index.js.map +1 -1
- package/lib/esm/index.js +48 -31
- package/lib/esm/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/types/feature/fixed-toolbar/component.d.ts.map +1 -1
- package/lib/types/feature/toolbar/component.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/feature/fixed-toolbar/component.tsx +47 -32
- package/src/feature/fixed-toolbar/index.ts +1 -1
- package/src/feature/toolbar/component.tsx +19 -20
package/lib/cjs/index.js
CHANGED
|
@@ -8650,46 +8650,61 @@ const FixedToolbarComponent = vue.defineComponent({
|
|
|
8650
8650
|
const canUndo = (typeof props.canUndo === "boolean" ? props.canUndo : (_b = props.canUndo) == null ? void 0 : _b.value) || false;
|
|
8651
8651
|
const canRedo = (typeof props.canRedo === "boolean" ? props.canRedo : (_c = props.canRedo) == null ? void 0 : _c.value) || false;
|
|
8652
8652
|
const viewState = props.ctx.get(viewMenuStateCtx.key);
|
|
8653
|
-
const maxWidth = vue.computed(
|
|
8653
|
+
const maxWidth = vue.computed(
|
|
8654
|
+
() => editorWidthMap[viewState.editorWidth]
|
|
8655
|
+
);
|
|
8654
8656
|
const isFull = vue.computed(() => maxWidth.value === "none");
|
|
8655
8657
|
if (!viewState.fixedToolbarVisible) {
|
|
8656
8658
|
return /* @__PURE__ */ vue.h(
|
|
8657
|
-
"
|
|
8659
|
+
"div",
|
|
8658
8660
|
{
|
|
8659
|
-
type: "button",
|
|
8660
|
-
class: "fixed-toolbar-expand-btn",
|
|
8661
|
-
title: "\u5C55\u5F00\u5DE5\u5177\u680F",
|
|
8662
|
-
onClick: (e) => {
|
|
8663
|
-
e.preventDefault();
|
|
8664
|
-
e.stopPropagation();
|
|
8665
|
-
viewState.fixedToolbarVisible = true;
|
|
8666
|
-
},
|
|
8667
8661
|
style: {
|
|
8668
|
-
position: "
|
|
8669
|
-
|
|
8670
|
-
|
|
8662
|
+
position: "relative",
|
|
8663
|
+
width: "100%",
|
|
8664
|
+
height: "100%",
|
|
8671
8665
|
display: "flex",
|
|
8672
8666
|
alignItems: "center",
|
|
8673
|
-
justifyContent: "center"
|
|
8674
|
-
width: "32px",
|
|
8675
|
-
height: "24px",
|
|
8676
|
-
border: "1px solid var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 85%))",
|
|
8677
|
-
borderTop: "none",
|
|
8678
|
-
background: "var(--crepe-color-surface, #ffffff)",
|
|
8679
|
-
cursor: "pointer",
|
|
8680
|
-
borderRadius: "0 0 6px 6px",
|
|
8681
|
-
boxShadow: "0 4px 8px rgba(0, 0, 0, 0.06)",
|
|
8682
|
-
color: "var(--crepe-color-on-surface, #363b4c)",
|
|
8683
|
-
pointerEvents: "auto",
|
|
8684
|
-
zIndex: 200
|
|
8667
|
+
justifyContent: "center"
|
|
8685
8668
|
}
|
|
8686
8669
|
},
|
|
8687
8670
|
/* @__PURE__ */ vue.h(
|
|
8688
|
-
"
|
|
8671
|
+
"button",
|
|
8689
8672
|
{
|
|
8690
|
-
|
|
8691
|
-
|
|
8692
|
-
|
|
8673
|
+
type: "button",
|
|
8674
|
+
class: "fixed-toolbar-expand-btn",
|
|
8675
|
+
title: "\u5C55\u5F00\u5DE5\u5177\u680F",
|
|
8676
|
+
onClick: (e) => {
|
|
8677
|
+
e.preventDefault();
|
|
8678
|
+
e.stopPropagation();
|
|
8679
|
+
viewState.fixedToolbarVisible = true;
|
|
8680
|
+
},
|
|
8681
|
+
style: {
|
|
8682
|
+
position: "absolute",
|
|
8683
|
+
top: "0",
|
|
8684
|
+
right: "40px",
|
|
8685
|
+
display: "flex",
|
|
8686
|
+
alignItems: "center",
|
|
8687
|
+
justifyContent: "center",
|
|
8688
|
+
width: "28px",
|
|
8689
|
+
height: "24px",
|
|
8690
|
+
border: "1px solid var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 85%))",
|
|
8691
|
+
borderTop: "none",
|
|
8692
|
+
background: "var(--crepe-color-surface, #ffffff)",
|
|
8693
|
+
cursor: "pointer",
|
|
8694
|
+
borderRadius: "0 0 6px 6px",
|
|
8695
|
+
boxShadow: "0 4px 8px rgba(0, 0, 0, 0.06)",
|
|
8696
|
+
color: "var(--crepe-color-on-surface, #363b4c)",
|
|
8697
|
+
pointerEvents: "auto",
|
|
8698
|
+
zIndex: 200
|
|
8699
|
+
}
|
|
8700
|
+
},
|
|
8701
|
+
/* @__PURE__ */ vue.h(
|
|
8702
|
+
"span",
|
|
8703
|
+
{
|
|
8704
|
+
style: { display: "inline-flex", alignItems: "center" },
|
|
8705
|
+
innerHTML: chevronDownIcon
|
|
8706
|
+
}
|
|
8707
|
+
)
|
|
8693
8708
|
)
|
|
8694
8709
|
);
|
|
8695
8710
|
}
|
|
@@ -8709,12 +8724,14 @@ const FixedToolbarComponent = vue.defineComponent({
|
|
|
8709
8724
|
"div",
|
|
8710
8725
|
{
|
|
8711
8726
|
style: {
|
|
8727
|
+
position: "relative",
|
|
8712
8728
|
display: "flex",
|
|
8713
8729
|
alignItems: "center",
|
|
8714
|
-
justifyContent: "
|
|
8730
|
+
justifyContent: "flex-start",
|
|
8715
8731
|
width: "100%",
|
|
8716
8732
|
maxWidth: isFull.value ? "100%" : maxWidth.value,
|
|
8717
8733
|
margin: isFull.value ? "0" : "0 auto",
|
|
8734
|
+
// paddingRight: '40px',
|
|
8718
8735
|
gap: "0px",
|
|
8719
8736
|
minWidth: "0",
|
|
8720
8737
|
overflow: "hidden"
|
|
@@ -8852,7 +8869,7 @@ const FixedToolbarComponent = vue.defineComponent({
|
|
|
8852
8869
|
style: {
|
|
8853
8870
|
position: "absolute",
|
|
8854
8871
|
top: "6px",
|
|
8855
|
-
right: "
|
|
8872
|
+
right: "40px",
|
|
8856
8873
|
margin: "0",
|
|
8857
8874
|
display: "flex",
|
|
8858
8875
|
alignItems: "center",
|