@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/esm/index.js
CHANGED
|
@@ -8629,46 +8629,61 @@ const FixedToolbarComponent = defineComponent({
|
|
|
8629
8629
|
const canUndo = (typeof props.canUndo === "boolean" ? props.canUndo : (_b = props.canUndo) == null ? void 0 : _b.value) || false;
|
|
8630
8630
|
const canRedo = (typeof props.canRedo === "boolean" ? props.canRedo : (_c = props.canRedo) == null ? void 0 : _c.value) || false;
|
|
8631
8631
|
const viewState = props.ctx.get(viewMenuStateCtx.key);
|
|
8632
|
-
const maxWidth = computed(
|
|
8632
|
+
const maxWidth = computed(
|
|
8633
|
+
() => editorWidthMap[viewState.editorWidth]
|
|
8634
|
+
);
|
|
8633
8635
|
const isFull = computed(() => maxWidth.value === "none");
|
|
8634
8636
|
if (!viewState.fixedToolbarVisible) {
|
|
8635
8637
|
return /* @__PURE__ */ h(
|
|
8636
|
-
"
|
|
8638
|
+
"div",
|
|
8637
8639
|
{
|
|
8638
|
-
type: "button",
|
|
8639
|
-
class: "fixed-toolbar-expand-btn",
|
|
8640
|
-
title: "\u5C55\u5F00\u5DE5\u5177\u680F",
|
|
8641
|
-
onClick: (e) => {
|
|
8642
|
-
e.preventDefault();
|
|
8643
|
-
e.stopPropagation();
|
|
8644
|
-
viewState.fixedToolbarVisible = true;
|
|
8645
|
-
},
|
|
8646
8640
|
style: {
|
|
8647
|
-
position: "
|
|
8648
|
-
|
|
8649
|
-
|
|
8641
|
+
position: "relative",
|
|
8642
|
+
width: "100%",
|
|
8643
|
+
height: "100%",
|
|
8650
8644
|
display: "flex",
|
|
8651
8645
|
alignItems: "center",
|
|
8652
|
-
justifyContent: "center"
|
|
8653
|
-
width: "32px",
|
|
8654
|
-
height: "24px",
|
|
8655
|
-
border: "1px solid var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 85%))",
|
|
8656
|
-
borderTop: "none",
|
|
8657
|
-
background: "var(--crepe-color-surface, #ffffff)",
|
|
8658
|
-
cursor: "pointer",
|
|
8659
|
-
borderRadius: "0 0 6px 6px",
|
|
8660
|
-
boxShadow: "0 4px 8px rgba(0, 0, 0, 0.06)",
|
|
8661
|
-
color: "var(--crepe-color-on-surface, #363b4c)",
|
|
8662
|
-
pointerEvents: "auto",
|
|
8663
|
-
zIndex: 200
|
|
8646
|
+
justifyContent: "center"
|
|
8664
8647
|
}
|
|
8665
8648
|
},
|
|
8666
8649
|
/* @__PURE__ */ h(
|
|
8667
|
-
"
|
|
8650
|
+
"button",
|
|
8668
8651
|
{
|
|
8669
|
-
|
|
8670
|
-
|
|
8671
|
-
|
|
8652
|
+
type: "button",
|
|
8653
|
+
class: "fixed-toolbar-expand-btn",
|
|
8654
|
+
title: "\u5C55\u5F00\u5DE5\u5177\u680F",
|
|
8655
|
+
onClick: (e) => {
|
|
8656
|
+
e.preventDefault();
|
|
8657
|
+
e.stopPropagation();
|
|
8658
|
+
viewState.fixedToolbarVisible = true;
|
|
8659
|
+
},
|
|
8660
|
+
style: {
|
|
8661
|
+
position: "absolute",
|
|
8662
|
+
top: "0",
|
|
8663
|
+
right: "40px",
|
|
8664
|
+
display: "flex",
|
|
8665
|
+
alignItems: "center",
|
|
8666
|
+
justifyContent: "center",
|
|
8667
|
+
width: "28px",
|
|
8668
|
+
height: "24px",
|
|
8669
|
+
border: "1px solid var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 85%))",
|
|
8670
|
+
borderTop: "none",
|
|
8671
|
+
background: "var(--crepe-color-surface, #ffffff)",
|
|
8672
|
+
cursor: "pointer",
|
|
8673
|
+
borderRadius: "0 0 6px 6px",
|
|
8674
|
+
boxShadow: "0 4px 8px rgba(0, 0, 0, 0.06)",
|
|
8675
|
+
color: "var(--crepe-color-on-surface, #363b4c)",
|
|
8676
|
+
pointerEvents: "auto",
|
|
8677
|
+
zIndex: 200
|
|
8678
|
+
}
|
|
8679
|
+
},
|
|
8680
|
+
/* @__PURE__ */ h(
|
|
8681
|
+
"span",
|
|
8682
|
+
{
|
|
8683
|
+
style: { display: "inline-flex", alignItems: "center" },
|
|
8684
|
+
innerHTML: chevronDownIcon
|
|
8685
|
+
}
|
|
8686
|
+
)
|
|
8672
8687
|
)
|
|
8673
8688
|
);
|
|
8674
8689
|
}
|
|
@@ -8688,12 +8703,14 @@ const FixedToolbarComponent = defineComponent({
|
|
|
8688
8703
|
"div",
|
|
8689
8704
|
{
|
|
8690
8705
|
style: {
|
|
8706
|
+
position: "relative",
|
|
8691
8707
|
display: "flex",
|
|
8692
8708
|
alignItems: "center",
|
|
8693
|
-
justifyContent: "
|
|
8709
|
+
justifyContent: "flex-start",
|
|
8694
8710
|
width: "100%",
|
|
8695
8711
|
maxWidth: isFull.value ? "100%" : maxWidth.value,
|
|
8696
8712
|
margin: isFull.value ? "0" : "0 auto",
|
|
8713
|
+
// paddingRight: '40px',
|
|
8697
8714
|
gap: "0px",
|
|
8698
8715
|
minWidth: "0",
|
|
8699
8716
|
overflow: "hidden"
|
|
@@ -8831,7 +8848,7 @@ const FixedToolbarComponent = defineComponent({
|
|
|
8831
8848
|
style: {
|
|
8832
8849
|
position: "absolute",
|
|
8833
8850
|
top: "6px",
|
|
8834
|
-
right: "
|
|
8851
|
+
right: "40px",
|
|
8835
8852
|
margin: "0",
|
|
8836
8853
|
display: "flex",
|
|
8837
8854
|
alignItems: "center",
|