vue-edit 1.1.1 → 1.1.2
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/dist/Component.vue.d.ts +6 -1
- package/dist/index.es.js +73 -68
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
package/dist/Component.vue.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'vue';
|
|
2
|
+
type Obj<T extends any = any> = Record<string, T>;
|
|
2
3
|
type __VLS_Props = {
|
|
3
4
|
class?: HTMLAttributes['class'] | null;
|
|
4
5
|
text?: string | null;
|
|
@@ -30,13 +31,17 @@ type __VLS_Slots = {} & {
|
|
|
30
31
|
} & {
|
|
31
32
|
noContent?: (props: typeof __VLS_108) => any;
|
|
32
33
|
};
|
|
33
|
-
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
34
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
35
|
+
set: (_val: Obj | string | null) => void;
|
|
36
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
34
37
|
input: (val: string) => any;
|
|
35
38
|
change: (val: string) => any;
|
|
39
|
+
compile: (val: Obj<any>) => any;
|
|
36
40
|
"update:modelValue": (val: string) => any;
|
|
37
41
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
38
42
|
onInput?: (val: string) => any;
|
|
39
43
|
onChange?: (val: string) => any;
|
|
44
|
+
onCompile?: (val: Obj<any>) => any;
|
|
40
45
|
"onUpdate:modelValue"?: (val: string) => any;
|
|
41
46
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
42
47
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
package/dist/index.es.js
CHANGED
|
@@ -19623,31 +19623,30 @@ display: none;
|
|
|
19623
19623
|
modelValue: {},
|
|
19624
19624
|
noDefault: { type: [Boolean, null] }
|
|
19625
19625
|
},
|
|
19626
|
-
emits: ["input", "change", "update:modelValue"],
|
|
19627
|
-
setup(n, {
|
|
19628
|
-
const
|
|
19626
|
+
emits: ["input", "change", "compile", "update:modelValue"],
|
|
19627
|
+
setup(n, { expose: e, emit: t }) {
|
|
19628
|
+
const r = n, s = t, i = Gl(null), o = (d) => i.value?.commands.setContent(d ?? "", !1), l = et({
|
|
19629
19629
|
name: "EditorComponent",
|
|
19630
19630
|
setup() {
|
|
19631
|
-
return () =>
|
|
19631
|
+
return () => i.value ? pt(Xg, {
|
|
19632
19632
|
class: "vue_edit_inner",
|
|
19633
|
-
|
|
19634
|
-
editor: s.value
|
|
19633
|
+
editor: i.value
|
|
19635
19634
|
}) : null;
|
|
19636
19635
|
}
|
|
19637
|
-
}),
|
|
19636
|
+
}), a = yo({
|
|
19638
19637
|
get() {
|
|
19639
|
-
return
|
|
19638
|
+
return r.modelValue ?? r.text ?? null;
|
|
19640
19639
|
},
|
|
19641
|
-
set(
|
|
19642
|
-
|
|
19640
|
+
set(d) {
|
|
19641
|
+
s("input", d), s("change", d), s("update:modelValue", d);
|
|
19643
19642
|
}
|
|
19644
|
-
}),
|
|
19645
|
-
return bo(
|
|
19646
|
-
|
|
19647
|
-
}, { immediate: !0 }), bo(
|
|
19648
|
-
|
|
19643
|
+
}), c = yo(() => r.noDefault ? "" : Gb);
|
|
19644
|
+
return bo(a, (d) => {
|
|
19645
|
+
o(d ?? "");
|
|
19646
|
+
}, { immediate: !0 }), bo(c, (d) => {
|
|
19647
|
+
o(a.value ?? r.text ?? d);
|
|
19649
19648
|
}), nu(() => {
|
|
19650
|
-
|
|
19649
|
+
i.value = new Yg({
|
|
19651
19650
|
extensions: [
|
|
19652
19651
|
wd.configure({ types: [fi.name, vr.name] }),
|
|
19653
19652
|
// @ts-ignore
|
|
@@ -19655,50 +19654,56 @@ display: none;
|
|
|
19655
19654
|
wy,
|
|
19656
19655
|
_b
|
|
19657
19656
|
],
|
|
19658
|
-
content:
|
|
19657
|
+
content: a.value ?? r.text ?? c.value,
|
|
19658
|
+
onUpdate: ({ editor: d }) => {
|
|
19659
|
+
const u = d.getHTML(), f = d.getJSON();
|
|
19660
|
+
u !== a.value && (s("compile", f), a.value = u);
|
|
19661
|
+
}
|
|
19659
19662
|
});
|
|
19660
19663
|
}), Yl(() => {
|
|
19661
|
-
|
|
19662
|
-
}), (
|
|
19664
|
+
i.value?.destroy();
|
|
19665
|
+
}), e({
|
|
19666
|
+
set: (d) => o(d)
|
|
19667
|
+
}), (d, u) => i.value ? (Xl(), ru("div", {
|
|
19663
19668
|
key: 0,
|
|
19664
|
-
class: Ql(q(ha)("vue_edit flex flex-col gap-10",
|
|
19669
|
+
class: Ql(q(ha)("vue_edit flex flex-col gap-10", r.class))
|
|
19665
19670
|
}, [
|
|
19666
|
-
fn(
|
|
19667
|
-
EditorComponent: q(
|
|
19668
|
-
tiptap:
|
|
19671
|
+
fn(d.$slots, "default", {
|
|
19672
|
+
EditorComponent: q(l),
|
|
19673
|
+
tiptap: i.value
|
|
19669
19674
|
}, () => [
|
|
19670
|
-
fn(
|
|
19675
|
+
fn(d.$slots, "controls", { tiptap: i.value }, () => [
|
|
19671
19676
|
nt("div", Wb, [
|
|
19672
19677
|
nt("div", Ub, [
|
|
19673
19678
|
Se(q(Ee), {
|
|
19674
19679
|
size: "sm",
|
|
19675
|
-
variant:
|
|
19676
|
-
disabled: !
|
|
19677
|
-
onClick:
|
|
19680
|
+
variant: i.value.isActive("bold") ? "default" : "secondary",
|
|
19681
|
+
disabled: !i.value.can().chain().focus().toggleBold().run(),
|
|
19682
|
+
onClick: u[0] || (u[0] = (f) => i.value.chain().focus().toggleBold().run())
|
|
19678
19683
|
}, {
|
|
19679
|
-
default: ve(() => [...
|
|
19684
|
+
default: ve(() => [...u[12] || (u[12] = [
|
|
19680
19685
|
nt("b", null, "B", -1)
|
|
19681
19686
|
])]),
|
|
19682
19687
|
_: 1
|
|
19683
19688
|
}, 8, ["variant", "disabled"]),
|
|
19684
19689
|
Se(q(Ee), {
|
|
19685
19690
|
size: "sm",
|
|
19686
|
-
variant:
|
|
19687
|
-
disabled: !
|
|
19688
|
-
onClick:
|
|
19691
|
+
variant: i.value.isActive("italic") ? "default" : "secondary",
|
|
19692
|
+
disabled: !i.value.can().chain().focus().toggleItalic().run(),
|
|
19693
|
+
onClick: u[1] || (u[1] = (f) => i.value.chain().focus().toggleItalic().run())
|
|
19689
19694
|
}, {
|
|
19690
|
-
default: ve(() => [...
|
|
19695
|
+
default: ve(() => [...u[13] || (u[13] = [
|
|
19691
19696
|
nt("i", null, "I", -1)
|
|
19692
19697
|
])]),
|
|
19693
19698
|
_: 1
|
|
19694
19699
|
}, 8, ["variant", "disabled"]),
|
|
19695
19700
|
Se(q(Ee), {
|
|
19696
19701
|
size: "sm",
|
|
19697
|
-
variant:
|
|
19698
|
-
disabled: !
|
|
19699
|
-
onClick:
|
|
19702
|
+
variant: i.value.isActive("underline") ? "default" : "secondary",
|
|
19703
|
+
disabled: !i.value.can().chain().focus().toggleBlockquote().run(),
|
|
19704
|
+
onClick: u[2] || (u[2] = (f) => i.value.chain().focus().toggleUnderline().run())
|
|
19700
19705
|
}, {
|
|
19701
|
-
default: ve(() => [...
|
|
19706
|
+
default: ve(() => [...u[14] || (u[14] = [
|
|
19702
19707
|
nt("span", { class: "underline" }, "U", -1)
|
|
19703
19708
|
])]),
|
|
19704
19709
|
_: 1
|
|
@@ -19707,30 +19712,30 @@ display: none;
|
|
|
19707
19712
|
nt("div", Kb, [
|
|
19708
19713
|
Se(q(Ee), {
|
|
19709
19714
|
size: "sm",
|
|
19710
|
-
variant:
|
|
19711
|
-
onClick:
|
|
19715
|
+
variant: i.value.isActive("heading", { level: 1 }) ? "default" : "secondary",
|
|
19716
|
+
onClick: u[3] || (u[3] = (f) => i.value.chain().focus().toggleHeading({ level: 1 }).run())
|
|
19712
19717
|
}, {
|
|
19713
|
-
default: ve(() => [...
|
|
19718
|
+
default: ve(() => [...u[15] || (u[15] = [
|
|
19714
19719
|
Be(" H1 ", -1)
|
|
19715
19720
|
])]),
|
|
19716
19721
|
_: 1
|
|
19717
19722
|
}, 8, ["variant"]),
|
|
19718
19723
|
Se(q(Ee), {
|
|
19719
19724
|
size: "sm",
|
|
19720
|
-
variant:
|
|
19721
|
-
onClick:
|
|
19725
|
+
variant: i.value.isActive("heading", { level: 2 }) ? "default" : "secondary",
|
|
19726
|
+
onClick: u[4] || (u[4] = (f) => i.value.chain().focus().toggleHeading({ level: 2 }).run())
|
|
19722
19727
|
}, {
|
|
19723
|
-
default: ve(() => [...
|
|
19728
|
+
default: ve(() => [...u[16] || (u[16] = [
|
|
19724
19729
|
Be(" H2 ", -1)
|
|
19725
19730
|
])]),
|
|
19726
19731
|
_: 1
|
|
19727
19732
|
}, 8, ["variant"]),
|
|
19728
19733
|
Se(q(Ee), {
|
|
19729
19734
|
size: "sm",
|
|
19730
|
-
variant:
|
|
19731
|
-
onClick:
|
|
19735
|
+
variant: i.value.isActive("heading", { level: 3 }) ? "default" : "secondary",
|
|
19736
|
+
onClick: u[5] || (u[5] = (f) => i.value.chain().focus().toggleHeading({ level: 3 }).run())
|
|
19732
19737
|
}, {
|
|
19733
|
-
default: ve(() => [...
|
|
19738
|
+
default: ve(() => [...u[17] || (u[17] = [
|
|
19734
19739
|
Be(" H3 ", -1)
|
|
19735
19740
|
])]),
|
|
19736
19741
|
_: 1
|
|
@@ -19739,40 +19744,40 @@ display: none;
|
|
|
19739
19744
|
nt("div", qb, [
|
|
19740
19745
|
Se(q(Ee), {
|
|
19741
19746
|
size: "sm",
|
|
19742
|
-
variant:
|
|
19743
|
-
onClick:
|
|
19747
|
+
variant: i.value.isActive("bulletList") ? "default" : "secondary",
|
|
19748
|
+
onClick: u[6] || (u[6] = (f) => i.value.chain().focus().toggleBulletList().run())
|
|
19744
19749
|
}, {
|
|
19745
|
-
default: ve(() => [...
|
|
19750
|
+
default: ve(() => [...u[18] || (u[18] = [
|
|
19746
19751
|
Be(" Bullet ", -1)
|
|
19747
19752
|
])]),
|
|
19748
19753
|
_: 1
|
|
19749
19754
|
}, 8, ["variant"]),
|
|
19750
19755
|
Se(q(Ee), {
|
|
19751
19756
|
size: "sm",
|
|
19752
|
-
variant:
|
|
19753
|
-
onClick:
|
|
19757
|
+
variant: i.value.isActive("orderedList") ? "default" : "secondary",
|
|
19758
|
+
onClick: u[7] || (u[7] = (f) => i.value.chain().focus().toggleLink().run())
|
|
19754
19759
|
}, {
|
|
19755
|
-
default: ve(() => [...
|
|
19760
|
+
default: ve(() => [...u[19] || (u[19] = [
|
|
19756
19761
|
Be(" List ", -1)
|
|
19757
19762
|
])]),
|
|
19758
19763
|
_: 1
|
|
19759
19764
|
}, 8, ["variant"]),
|
|
19760
19765
|
Se(q(Ee), {
|
|
19761
19766
|
size: "sm",
|
|
19762
|
-
variant:
|
|
19763
|
-
onClick:
|
|
19767
|
+
variant: i.value.isActive("codeBlock") ? "default" : "secondary",
|
|
19768
|
+
onClick: u[8] || (u[8] = (f) => i.value.chain().focus().toggleCodeBlock().run())
|
|
19764
19769
|
}, {
|
|
19765
|
-
default: ve(() => [...
|
|
19770
|
+
default: ve(() => [...u[20] || (u[20] = [
|
|
19766
19771
|
Be(" Code ", -1)
|
|
19767
19772
|
])]),
|
|
19768
19773
|
_: 1
|
|
19769
19774
|
}, 8, ["variant"]),
|
|
19770
19775
|
Se(q(Ee), {
|
|
19771
19776
|
size: "sm",
|
|
19772
|
-
variant:
|
|
19773
|
-
onClick:
|
|
19777
|
+
variant: i.value.isActive("blockquote") ? "default" : "secondary",
|
|
19778
|
+
onClick: u[9] || (u[9] = (f) => i.value.chain().focus().toggleBlockquote().run())
|
|
19774
19779
|
}, {
|
|
19775
|
-
default: ve(() => [...
|
|
19780
|
+
default: ve(() => [...u[21] || (u[21] = [
|
|
19776
19781
|
Be(" Quote ", -1)
|
|
19777
19782
|
])]),
|
|
19778
19783
|
_: 1
|
|
@@ -19782,10 +19787,10 @@ display: none;
|
|
|
19782
19787
|
Se(q(Ee), {
|
|
19783
19788
|
variant: "secondary",
|
|
19784
19789
|
size: "sm",
|
|
19785
|
-
disabled: !
|
|
19786
|
-
onClick:
|
|
19790
|
+
disabled: !i.value.can().chain().focus().undo().run(),
|
|
19791
|
+
onClick: u[10] || (u[10] = (f) => i.value.chain().focus().undo().run())
|
|
19787
19792
|
}, {
|
|
19788
|
-
default: ve(() => [...
|
|
19793
|
+
default: ve(() => [...u[22] || (u[22] = [
|
|
19789
19794
|
Be(" Undo ", -1)
|
|
19790
19795
|
])]),
|
|
19791
19796
|
_: 1
|
|
@@ -19793,10 +19798,10 @@ display: none;
|
|
|
19793
19798
|
Se(q(Ee), {
|
|
19794
19799
|
variant: "secondary",
|
|
19795
19800
|
size: "sm",
|
|
19796
|
-
disabled: !
|
|
19797
|
-
onClick:
|
|
19801
|
+
disabled: !i.value.can().chain().focus().redo().run(),
|
|
19802
|
+
onClick: u[11] || (u[11] = (f) => i.value.chain().focus().redo().run())
|
|
19798
19803
|
}, {
|
|
19799
|
-
default: ve(() => [...
|
|
19804
|
+
default: ve(() => [...u[23] || (u[23] = [
|
|
19800
19805
|
Be(" Redo ", -1)
|
|
19801
19806
|
])]),
|
|
19802
19807
|
_: 1
|
|
@@ -19804,15 +19809,15 @@ display: none;
|
|
|
19804
19809
|
])
|
|
19805
19810
|
])
|
|
19806
19811
|
]),
|
|
19807
|
-
fn(
|
|
19808
|
-
Se(q(
|
|
19812
|
+
fn(d.$slots, "editor", { EditorComponent: q(l) }, () => [
|
|
19813
|
+
Se(q(l))
|
|
19809
19814
|
])
|
|
19810
19815
|
])
|
|
19811
|
-
], 2)) : fn(
|
|
19816
|
+
], 2)) : fn(d.$slots, "noContent", {
|
|
19812
19817
|
key: 1,
|
|
19813
|
-
EditorComponent: q(
|
|
19818
|
+
EditorComponent: q(l)
|
|
19814
19819
|
}, () => [
|
|
19815
|
-
|
|
19820
|
+
u[24] || (u[24] = Be(" No Content ", -1))
|
|
19816
19821
|
]);
|
|
19817
19822
|
}
|
|
19818
19823
|
});
|
package/dist/index.umd.js
CHANGED
|
@@ -166,4 +166,4 @@ display: none;
|
|
|
166
166
|
<br />
|
|
167
167
|
— Mom
|
|
168
168
|
</blockquote>
|
|
169
|
-
`;return b.defineComponent({__name:"Component",props:{class:{},text:{},modelValue:{},noDefault:{type:[Boolean,null]}},emits:["input","change","update:modelValue"],setup(n,{emit:
|
|
169
|
+
`;return b.defineComponent({__name:"Component",props:{class:{},text:{},modelValue:{},noDefault:{type:[Boolean,null]}},emits:["input","change","compile","update:modelValue"],setup(n,{expose:e,emit:t}){const r=n,s=t,i=b.ref(null),o=d=>i.value?.commands.setContent(d??"",!1),l=b.defineComponent({name:"EditorComponent",setup(){return()=>i.value?b.h(Mg,{class:"vue_edit_inner",editor:i.value}):null}}),a=b.computed({get(){return r.modelValue??r.text??null},set(d){s("input",d),s("change",d),s("update:modelValue",d)}}),c=b.computed(()=>r.noDefault?"":Cb);return b.watch(a,d=>{o(d??"")},{immediate:!0}),b.watch(c,d=>{o(a.value??r.text??d)}),b.onMounted(()=>{i.value=new vg({extensions:[Lc.configure({types:[Mi.name,wr.name]}),Mi.configure({types:[wr.name]}),Gg,yb],content:a.value??r.text??c.value,onUpdate:({editor:d})=>{const u=d.getHTML(),f=d.getJSON();u!==a.value&&(s("compile",f),a.value=u)}})}),b.onBeforeUnmount(()=>{i.value?.destroy()}),e({set:d=>o(d)}),(d,u)=>i.value?(b.openBlock(),b.createElementBlock("div",{key:0,class:b.normalizeClass(b.unref(vo)("vue_edit flex flex-col gap-10",r.class))},[b.renderSlot(d.$slots,"default",{EditorComponent:b.unref(l),tiptap:i.value},()=>[b.renderSlot(d.$slots,"controls",{tiptap:i.value},()=>[b.createElementVNode("div",bb,[b.createElementVNode("div",kb,[b.createVNode(b.unref(Ne),{size:"sm",variant:i.value.isActive("bold")?"default":"secondary",disabled:!i.value.can().chain().focus().toggleBold().run(),onClick:u[0]||(u[0]=f=>i.value.chain().focus().toggleBold().run())},{default:b.withCtx(()=>[...u[12]||(u[12]=[b.createElementVNode("b",null,"B",-1)])]),_:1},8,["variant","disabled"]),b.createVNode(b.unref(Ne),{size:"sm",variant:i.value.isActive("italic")?"default":"secondary",disabled:!i.value.can().chain().focus().toggleItalic().run(),onClick:u[1]||(u[1]=f=>i.value.chain().focus().toggleItalic().run())},{default:b.withCtx(()=>[...u[13]||(u[13]=[b.createElementVNode("i",null,"I",-1)])]),_:1},8,["variant","disabled"]),b.createVNode(b.unref(Ne),{size:"sm",variant:i.value.isActive("underline")?"default":"secondary",disabled:!i.value.can().chain().focus().toggleBlockquote().run(),onClick:u[2]||(u[2]=f=>i.value.chain().focus().toggleUnderline().run())},{default:b.withCtx(()=>[...u[14]||(u[14]=[b.createElementVNode("span",{class:"underline"},"U",-1)])]),_:1},8,["variant","disabled"])]),b.createElementVNode("div",xb,[b.createVNode(b.unref(Ne),{size:"sm",variant:i.value.isActive("heading",{level:1})?"default":"secondary",onClick:u[3]||(u[3]=f=>i.value.chain().focus().toggleHeading({level:1}).run())},{default:b.withCtx(()=>[...u[15]||(u[15]=[b.createTextVNode(" H1 ",-1)])]),_:1},8,["variant"]),b.createVNode(b.unref(Ne),{size:"sm",variant:i.value.isActive("heading",{level:2})?"default":"secondary",onClick:u[4]||(u[4]=f=>i.value.chain().focus().toggleHeading({level:2}).run())},{default:b.withCtx(()=>[...u[16]||(u[16]=[b.createTextVNode(" H2 ",-1)])]),_:1},8,["variant"]),b.createVNode(b.unref(Ne),{size:"sm",variant:i.value.isActive("heading",{level:3})?"default":"secondary",onClick:u[5]||(u[5]=f=>i.value.chain().focus().toggleHeading({level:3}).run())},{default:b.withCtx(()=>[...u[17]||(u[17]=[b.createTextVNode(" H3 ",-1)])]),_:1},8,["variant"])]),b.createElementVNode("div",wb,[b.createVNode(b.unref(Ne),{size:"sm",variant:i.value.isActive("bulletList")?"default":"secondary",onClick:u[6]||(u[6]=f=>i.value.chain().focus().toggleBulletList().run())},{default:b.withCtx(()=>[...u[18]||(u[18]=[b.createTextVNode(" Bullet ",-1)])]),_:1},8,["variant"]),b.createVNode(b.unref(Ne),{size:"sm",variant:i.value.isActive("orderedList")?"default":"secondary",onClick:u[7]||(u[7]=f=>i.value.chain().focus().toggleLink().run())},{default:b.withCtx(()=>[...u[19]||(u[19]=[b.createTextVNode(" List ",-1)])]),_:1},8,["variant"]),b.createVNode(b.unref(Ne),{size:"sm",variant:i.value.isActive("codeBlock")?"default":"secondary",onClick:u[8]||(u[8]=f=>i.value.chain().focus().toggleCodeBlock().run())},{default:b.withCtx(()=>[...u[20]||(u[20]=[b.createTextVNode(" Code ",-1)])]),_:1},8,["variant"]),b.createVNode(b.unref(Ne),{size:"sm",variant:i.value.isActive("blockquote")?"default":"secondary",onClick:u[9]||(u[9]=f=>i.value.chain().focus().toggleBlockquote().run())},{default:b.withCtx(()=>[...u[21]||(u[21]=[b.createTextVNode(" Quote ",-1)])]),_:1},8,["variant"])]),b.createElementVNode("div",Sb,[b.createVNode(b.unref(Ne),{variant:"secondary",size:"sm",disabled:!i.value.can().chain().focus().undo().run(),onClick:u[10]||(u[10]=f=>i.value.chain().focus().undo().run())},{default:b.withCtx(()=>[...u[22]||(u[22]=[b.createTextVNode(" Undo ",-1)])]),_:1},8,["disabled"]),b.createVNode(b.unref(Ne),{variant:"secondary",size:"sm",disabled:!i.value.can().chain().focus().redo().run(),onClick:u[11]||(u[11]=f=>i.value.chain().focus().redo().run())},{default:b.withCtx(()=>[...u[23]||(u[23]=[b.createTextVNode(" Redo ",-1)])]),_:1},8,["disabled"])])])]),b.renderSlot(d.$slots,"editor",{EditorComponent:b.unref(l)},()=>[b.createVNode(b.unref(l))])])],2)):b.renderSlot(d.$slots,"noContent",{key:1,EditorComponent:b.unref(l)},()=>[u[24]||(u[24]=b.createTextVNode(" No Content ",-1))])}})}));
|