@srcker/editor-vue-next 1.0.3 → 1.0.5

package/src/Button/StrikeButton.vue

@@ -1,30 +0,0 @@
-<template>
-    <button
-        class="icon-button"
-        :class="{ 'active': editor.isActive('strike') }"
-        @click="editor.chain().focus().toggleStrike().run()" >
-
-        <div class="icon">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                <path fill="currentColor" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M96 157.5C96 88.2 152.2 32 221.5 32L368 32c17.7 0 32 14.3 32 32s-14.3 32-32 32L221.5 96c-34 0-61.5 27.5-61.5 61.5 0 31 23.1 57.2 53.9 61l44.1 5.5 222 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l83.1 0C103 204.6 96 181.8 96 157.5zM349.2 336l65.5 0c.9 6.1 1.4 12.2 1.4 18.5 0 69.3-56.2 125.5-125.5 125.5L144 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l146.5 0c34 0 61.5-27.5 61.5-61.5 0-6.4-1-12.7-2.8-18.5z"/>
-            </svg>
-        </div>
-
-        <div class="tips">删除线</div>
-    </button>
-</template>
-
-
-<script setup>
-const props = defineProps({
-    editor: {
-        type: Object,
-        required: true
-    }
-})
-
-
-
-</script>
-
-

package/src/Button/StrikeButton.vue.js

@@ -1,56 +0,0 @@
-const props = defineProps({
-    editor: {
-        type: Object,
-        required: true
-    }
-});
-const __VLS_ctx = {
-    ...{},
-    ...{},
-    ...{},
-};
-let __VLS_components;
-let __VLS_intrinsics;
-let __VLS_directives;
-__VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)({
-    ...{ onClick: (...[$event]) => {
-            __VLS_ctx.editor.chain().focus().toggleStrike().run();
-            // @ts-ignore
-            [editor,];
-        } },
-    ...{ class: "icon-button" },
-    ...{ class: ({ 'active': __VLS_ctx.editor.isActive('strike') }) },
-});
-/** @type {__VLS_StyleScopedClasses['icon-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['active']} */ ;
-__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
-    ...{ class: "icon" },
-});
-/** @type {__VLS_StyleScopedClasses['icon']} */ ;
-__VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 512 512",
-});
-__VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-    fill: "currentColor",
-    stroke: "currentColor",
-    'stroke-width': "4",
-    'stroke-linecap': "round",
-    'stroke-linejoin': "round",
-    d: "M96 157.5C96 88.2 152.2 32 221.5 32L368 32c17.7 0 32 14.3 32 32s-14.3 32-32 32L221.5 96c-34 0-61.5 27.5-61.5 61.5 0 31 23.1 57.2 53.9 61l44.1 5.5 222 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l83.1 0C103 204.6 96 181.8 96 157.5zM349.2 336l65.5 0c.9 6.1 1.4 12.2 1.4 18.5 0 69.3-56.2 125.5-125.5 125.5L144 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l146.5 0c34 0 61.5-27.5 61.5-61.5 0-6.4-1-12.7-2.8-18.5z",
-});
-__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
-    ...{ class: "tips" },
-});
-/** @type {__VLS_StyleScopedClasses['tips']} */ ;
-// @ts-ignore
-[editor,];
-const __VLS_export = (await import('vue')).defineComponent({
-    props: {
-        editor: {
-            type: Object,
-            required: true
-        }
-    },
-});
-export default {};

package/src/Button/SubscriptButton.vue

@@ -1,29 +0,0 @@
-<template>
-    <button
-        class="icon-button"
-        :class="{ 'active': editor.isActive('subscript') }"
-        @click="editor.chain().focus().toggleSubscript().run()" >
-
-        <div class="icon">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
-                <path fill="currentColor" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M96 64C78.3 64 64 78.3 64 96s14.3 32 32 32l15.3 0 89.6 128-89.6 128-15.3 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0c10.4 0 20.2-5.1 26.2-13.6L240 311.8 325.8 434.4c6 8.6 15.8 13.6 26.2 13.6l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-15.3 0-89.6-128 89.6-128 15.3 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0c-10.4 0-20.2 5.1-26.2 13.6L240 200.2 154.2 77.6C148.2 69.1 138.4 64 128 64L96 64zM544 320c0-11.1-5.7-21.4-15.2-27.2s-21.2-6.4-31.1-1.4l-32 16c-15.8 7.9-22.2 27.1-14.3 42.9 5.6 11.2 16.9 17.7 28.6 17.7l0 80c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-128z"/>
-            </svg>
-        </div>
-
-        <div class="tips">下标文字</div>
-    </button>
-</template>
-
-
-<script setup>
-const props = defineProps({
-    editor: {
-        type: Object,
-        required: true
-    }
-})
-
-
-
-</script>
-

package/src/Button/SubscriptButton.vue.js

@@ -1,56 +0,0 @@
-const props = defineProps({
-    editor: {
-        type: Object,
-        required: true
-    }
-});
-const __VLS_ctx = {
-    ...{},
-    ...{},
-    ...{},
-};
-let __VLS_components;
-let __VLS_intrinsics;
-let __VLS_directives;
-__VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)({
-    ...{ onClick: (...[$event]) => {
-            __VLS_ctx.editor.chain().focus().toggleSubscript().run();
-            // @ts-ignore
-            [editor,];
-        } },
-    ...{ class: "icon-button" },
-    ...{ class: ({ 'active': __VLS_ctx.editor.isActive('subscript') }) },
-});
-/** @type {__VLS_StyleScopedClasses['icon-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['active']} */ ;
-__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
-    ...{ class: "icon" },
-});
-/** @type {__VLS_StyleScopedClasses['icon']} */ ;
-__VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 576 512",
-});
-__VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-    fill: "currentColor",
-    stroke: "currentColor",
-    'stroke-width': "4",
-    'stroke-linecap': "round",
-    'stroke-linejoin': "round",
-    d: "M96 64C78.3 64 64 78.3 64 96s14.3 32 32 32l15.3 0 89.6 128-89.6 128-15.3 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0c10.4 0 20.2-5.1 26.2-13.6L240 311.8 325.8 434.4c6 8.6 15.8 13.6 26.2 13.6l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-15.3 0-89.6-128 89.6-128 15.3 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0c-10.4 0-20.2 5.1-26.2 13.6L240 200.2 154.2 77.6C148.2 69.1 138.4 64 128 64L96 64zM544 320c0-11.1-5.7-21.4-15.2-27.2s-21.2-6.4-31.1-1.4l-32 16c-15.8 7.9-22.2 27.1-14.3 42.9 5.6 11.2 16.9 17.7 28.6 17.7l0 80c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-128z",
-});
-__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
-    ...{ class: "tips" },
-});
-/** @type {__VLS_StyleScopedClasses['tips']} */ ;
-// @ts-ignore
-[editor,];
-const __VLS_export = (await import('vue')).defineComponent({
-    props: {
-        editor: {
-            type: Object,
-            required: true
-        }
-    },
-});
-export default {};

package/src/Button/SuperscriptButton.vue

@@ -1,29 +0,0 @@
-<template>
-    <button
-        class="icon-button"
-        :class="{ 'active': editor.isActive('superscript') }"
-        @click="editor.chain().focus().toggleSuperscript().run()" >
-
-        <div class="icon">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
-                <path fill="currentColor" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M544 32c0-11.1-5.7-21.4-15.2-27.2s-21.2-6.4-31.1-1.4l-32 16C449.9 27.3 443.5 46.5 451.4 62.3 457 73.5 468.3 80 480 80l0 80c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-128zM96 64C78.3 64 64 78.3 64 96s14.3 32 32 32l15.3 0 89.6 128-89.6 128-15.3 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0c10.4 0 20.2-5.1 26.2-13.6L240 311.8 325.8 434.4c6 8.6 15.8 13.6 26.2 13.6l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-15.3 0-89.6-128 89.6-128 15.3 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0c-10.4 0-20.2 5.1-26.2 13.6L240 200.2 154.2 77.6C148.2 69.1 138.4 64 128 64L96 64z"/>
-            </svg>
-        </div>
-
-        <div class="tips">下标文字</div>
-    </button>
-</template>
-
-
-<script setup>
-const props = defineProps({
-    editor: {
-        type: Object,
-        required: true
-    }
-})
-
-
-
-</script>
-

package/src/Button/SuperscriptButton.vue.js

@@ -1,56 +0,0 @@
-const props = defineProps({
-    editor: {
-        type: Object,
-        required: true
-    }
-});
-const __VLS_ctx = {
-    ...{},
-    ...{},
-    ...{},
-};
-let __VLS_components;
-let __VLS_intrinsics;
-let __VLS_directives;
-__VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)({
-    ...{ onClick: (...[$event]) => {
-            __VLS_ctx.editor.chain().focus().toggleSuperscript().run();
-            // @ts-ignore
-            [editor,];
-        } },
-    ...{ class: "icon-button" },
-    ...{ class: ({ 'active': __VLS_ctx.editor.isActive('superscript') }) },
-});
-/** @type {__VLS_StyleScopedClasses['icon-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['active']} */ ;
-__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
-    ...{ class: "icon" },
-});
-/** @type {__VLS_StyleScopedClasses['icon']} */ ;
-__VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 576 512",
-});
-__VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-    fill: "currentColor",
-    stroke: "currentColor",
-    'stroke-width': "4",
-    'stroke-linecap': "round",
-    'stroke-linejoin': "round",
-    d: "M544 32c0-11.1-5.7-21.4-15.2-27.2s-21.2-6.4-31.1-1.4l-32 16C449.9 27.3 443.5 46.5 451.4 62.3 457 73.5 468.3 80 480 80l0 80c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-128zM96 64C78.3 64 64 78.3 64 96s14.3 32 32 32l15.3 0 89.6 128-89.6 128-15.3 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0c10.4 0 20.2-5.1 26.2-13.6L240 311.8 325.8 434.4c6 8.6 15.8 13.6 26.2 13.6l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-15.3 0-89.6-128 89.6-128 15.3 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0c-10.4 0-20.2 5.1-26.2 13.6L240 200.2 154.2 77.6C148.2 69.1 138.4 64 128 64L96 64z",
-});
-__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
-    ...{ class: "tips" },
-});
-/** @type {__VLS_StyleScopedClasses['tips']} */ ;
-// @ts-ignore
-[editor,];
-const __VLS_export = (await import('vue')).defineComponent({
-    props: {
-        editor: {
-            type: Object,
-            required: true
-        }
-    },
-});
-export default {};

package/src/Button/TextAlignCenterButton.vue

@@ -1,26 +0,0 @@
-<template>
-    <button
-        class="icon-button"
-        :class="{ 'active': editor.isActive({ textAlign: 'center' }) }"
-        @click="editor.chain().focus().setTextAlign('center').run()" >
-
-        <div class="icon">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
-                <path fill="currentColor" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M352 64c0-17.7-14.3-32-32-32L128 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32L32 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32zM0 448c0 17.7 14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 416c-17.7 0-32 14.3-32 32zM352 320c0-17.7-14.3-32-32-32l-192 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32z"/>
-            </svg>
-        </div>
-
-        <div class="tips">居中对齐</div>
-    </button>
-</template>
-
-
-<script setup>
-const props = defineProps({
-    editor: {
-        type: Object,
-        required: true
-    }
-})
-
-</script>

package/src/Button/TextAlignCenterButton.vue.js

@@ -1,56 +0,0 @@
-const props = defineProps({
-    editor: {
-        type: Object,
-        required: true
-    }
-});
-const __VLS_ctx = {
-    ...{},
-    ...{},
-    ...{},
-};
-let __VLS_components;
-let __VLS_intrinsics;
-let __VLS_directives;
-__VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)({
-    ...{ onClick: (...[$event]) => {
-            __VLS_ctx.editor.chain().focus().setTextAlign('center').run();
-            // @ts-ignore
-            [editor,];
-        } },
-    ...{ class: "icon-button" },
-    ...{ class: ({ 'active': __VLS_ctx.editor.isActive({ textAlign: 'center' }) }) },
-});
-/** @type {__VLS_StyleScopedClasses['icon-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['active']} */ ;
-__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
-    ...{ class: "icon" },
-});
-/** @type {__VLS_StyleScopedClasses['icon']} */ ;
-__VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 448 512",
-});
-__VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-    fill: "currentColor",
-    stroke: "currentColor",
-    'stroke-width': "4",
-    'stroke-linecap': "round",
-    'stroke-linejoin': "round",
-    d: "M352 64c0-17.7-14.3-32-32-32L128 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32L32 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32zM0 448c0 17.7 14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 416c-17.7 0-32 14.3-32 32zM352 320c0-17.7-14.3-32-32-32l-192 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32z",
-});
-__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
-    ...{ class: "tips" },
-});
-/** @type {__VLS_StyleScopedClasses['tips']} */ ;
-// @ts-ignore
-[editor,];
-const __VLS_export = (await import('vue')).defineComponent({
-    props: {
-        editor: {
-            type: Object,
-            required: true
-        }
-    },
-});
-export default {};

package/src/Button/TextAlignLeftButton.vue

@@ -1,26 +0,0 @@
-<template>
-    <button
-        class="icon-button"
-        :class="{ 'active': editor.isActive({ textAlign: 'left' }) }"
-        @click="editor.chain().focus().setTextAlign('left').run()" >
-
-        <div class="icon">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
-                <path fill="currentColor" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M288 64c0 17.7-14.3 32-32 32L32 96C14.3 96 0 81.7 0 64S14.3 32 32 32l224 0c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32L32 352c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 224c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/>
-            </svg>
-        </div>
-
-        <div class="tips">左对齐</div>
-    </button>
-</template>
-
-
-<script setup>
-const props = defineProps({
-    editor: {
-        type: Object,
-        required: true
-    }
-})
-
-</script>

package/src/Button/TextAlignLeftButton.vue.js

@@ -1,56 +0,0 @@
-const props = defineProps({
-    editor: {
-        type: Object,
-        required: true
-    }
-});
-const __VLS_ctx = {
-    ...{},
-    ...{},
-    ...{},
-};
-let __VLS_components;
-let __VLS_intrinsics;
-let __VLS_directives;
-__VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)({
-    ...{ onClick: (...[$event]) => {
-            __VLS_ctx.editor.chain().focus().setTextAlign('left').run();
-            // @ts-ignore
-            [editor,];
-        } },
-    ...{ class: "icon-button" },
-    ...{ class: ({ 'active': __VLS_ctx.editor.isActive({ textAlign: 'left' }) }) },
-});
-/** @type {__VLS_StyleScopedClasses['icon-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['active']} */ ;
-__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
-    ...{ class: "icon" },
-});
-/** @type {__VLS_StyleScopedClasses['icon']} */ ;
-__VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 448 512",
-});
-__VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-    fill: "currentColor",
-    stroke: "currentColor",
-    'stroke-width': "4",
-    'stroke-linecap': "round",
-    'stroke-linejoin': "round",
-    d: "M288 64c0 17.7-14.3 32-32 32L32 96C14.3 96 0 81.7 0 64S14.3 32 32 32l224 0c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32L32 352c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 224c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z",
-});
-__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
-    ...{ class: "tips" },
-});
-/** @type {__VLS_StyleScopedClasses['tips']} */ ;
-// @ts-ignore
-[editor,];
-const __VLS_export = (await import('vue')).defineComponent({
-    props: {
-        editor: {
-            type: Object,
-            required: true
-        }
-    },
-});
-export default {};

package/src/Button/TextAlignRightButton.vue

@@ -1,26 +0,0 @@
-<template>
-    <button
-        class="icon-button"
-        :class="{ 'active': editor.isActive({ textAlign: 'right' }) }"
-        @click="editor.chain().focus().setTextAlign('right').run()" >
-
-        <div class="icon">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
-                <path fill="currentColor" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M448 64c0 17.7-14.3 32-32 32L192 96c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 224c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/>
-            </svg>
-        </div>
-
-        <div class="tips">右对齐</div>
-    </button>
-</template>
-
-
-<script setup>
-const props = defineProps({
-    editor: {
-        type: Object,
-        required: true
-    }
-})
-
-</script>

package/src/Button/TextAlignRightButton.vue.js

@@ -1,56 +0,0 @@
-const props = defineProps({
-    editor: {
-        type: Object,
-        required: true
-    }
-});
-const __VLS_ctx = {
-    ...{},
-    ...{},
-    ...{},
-};
-let __VLS_components;
-let __VLS_intrinsics;
-let __VLS_directives;
-__VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)({
-    ...{ onClick: (...[$event]) => {
-            __VLS_ctx.editor.chain().focus().setTextAlign('right').run();
-            // @ts-ignore
-            [editor,];
-        } },
-    ...{ class: "icon-button" },
-    ...{ class: ({ 'active': __VLS_ctx.editor.isActive({ textAlign: 'right' }) }) },
-});
-/** @type {__VLS_StyleScopedClasses['icon-button']} */ ;
-/** @type {__VLS_StyleScopedClasses['active']} */ ;
-__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
-    ...{ class: "icon" },
-});
-/** @type {__VLS_StyleScopedClasses['icon']} */ ;
-__VLS_asFunctionalElement1(__VLS_intrinsics.svg, __VLS_intrinsics.svg)({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 448 512",
-});
-__VLS_asFunctionalElement1(__VLS_intrinsics.path)({
-    fill: "currentColor",
-    stroke: "currentColor",
-    'stroke-width': "4",
-    'stroke-linecap': "round",
-    'stroke-linejoin': "round",
-    d: "M448 64c0 17.7-14.3 32-32 32L192 96c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 224c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z",
-});
-__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
-    ...{ class: "tips" },
-});
-/** @type {__VLS_StyleScopedClasses['tips']} */ ;
-// @ts-ignore
-[editor,];
-const __VLS_export = (await import('vue')).defineComponent({
-    props: {
-        editor: {
-            type: Object,
-            required: true
-        }
-    },
-});
-export default {};