daisy-tiptap-test 0.0.6

package/dist/components/DaisyTiptap.vue.d.ts

@@ -0,0 +1,584 @@
+import type { Extensions } from '@tiptap/core';
+type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+type Props = {
+    extensions: Extensions;
+    content?: string;
+    modelContent?: string;
+    placeholder?: string;
+    width?: string | number;
+    height?: string | number;
+    output?: 'html' | 'json';
+    readOnly?: boolean;
+    tooltip?: boolean;
+    tooltipPosition?: TooltipPosition;
+    enableCharCount?: boolean;
+    charCountMax?: number;
+    spellCheck?: boolean;
+    locale?: any;
+    showFloatingMenu?: boolean;
+    editorClass?: string | string[] | Record<string, boolean>;
+    editorContentClass?: string | string[] | Record<string, boolean>;
+    editorMenubarClass?: string | string[] | Record<string, boolean>;
+    editorBubbleMenuClass?: string | string[] | Record<string, boolean>;
+    editorFooterClass?: string | string[] | Record<string, boolean>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    content: string;
+    modelContent: string;
+    placeholder: string;
+    output: string;
+    readOnly: boolean;
+    tooltip: boolean;
+    tooltipPosition: string;
+    enableCharCount: boolean;
+    spellCheck: boolean;
+    locale: {
+        editor: {
+            extensions: {
+                Bold: {
+                    tooltip: string;
+                };
+                Code: {
+                    tooltip: string;
+                };
+                Underline: {
+                    tooltip: string;
+                };
+                Italic: {
+                    tooltip: string;
+                };
+                Strike: {
+                    tooltip: string;
+                };
+                HardBreak: {
+                    tooltip: string;
+                };
+                Heading: {
+                    tooltip: string;
+                    buttons: {
+                        paragraph: string;
+                        heading: string;
+                    };
+                };
+                Blockquote: {
+                    tooltip: string;
+                };
+                CodeBlock: {
+                    tooltip: string;
+                };
+                Link: {
+                    add: {
+                        tooltip: string;
+                        control: {
+                            title: string;
+                            href: string;
+                            open_in_new_tab: string;
+                            confirm: string;
+                            cancel: string;
+                        };
+                    };
+                    edit: {
+                        tooltip: string;
+                        control: {
+                            title: string;
+                            href: string;
+                            open_in_new_tab: string;
+                            confirm: string;
+                            cancel: string;
+                        };
+                    };
+                    unlink: {
+                        tooltip: string;
+                    };
+                    open: {
+                        tooltip: string;
+                    };
+                    back: {
+                        tooltip: string;
+                    };
+                };
+                Subscript: {
+                    tooltip: string;
+                };
+                Superscript: {
+                    tooltip: string;
+                };
+                Image: {
+                    buttons: {
+                        insert_image: {
+                            tooltip: string;
+                            external: string;
+                            upload: string;
+                        };
+                        remove_image: {
+                            tooltip: string;
+                        };
+                        image_options: {
+                            tooltip: string;
+                        };
+                        display: {
+                            tooltip: string;
+                            inline: string;
+                            block: string;
+                            left: string;
+                            right: string;
+                        };
+                    };
+                    control: {
+                        insert_by_url: {
+                            title: string;
+                            placeholder: string;
+                            confirm: string;
+                            cancel: string;
+                            invalid_url: string;
+                        };
+                        upload_image: {
+                            title: string;
+                            button: string;
+                        };
+                        edit_image: {
+                            title: string;
+                            confirm: string;
+                            cancel: string;
+                            form: {
+                                src: string;
+                                alt: string;
+                                width: string;
+                                height: string;
+                            };
+                        };
+                    };
+                };
+                Iframe: {
+                    tooltip: string;
+                    control: {
+                        title: string;
+                        placeholder: string;
+                        confirm: string;
+                        cancel: string;
+                    };
+                };
+                BulletList: {
+                    tooltip: string;
+                };
+                OrderedList: {
+                    tooltip: string;
+                };
+                TodoList: {
+                    tooltip: string;
+                };
+                TextAlign: {
+                    buttons: {
+                        align_left: {
+                            tooltip: string;
+                        };
+                        align_center: {
+                            tooltip: string;
+                        };
+                        align_right: {
+                            tooltip: string;
+                        };
+                        align_justify: {
+                            tooltip: string;
+                        };
+                    };
+                };
+                FontFamily: {
+                    tooltip: string;
+                    default: string;
+                };
+                FontSize: {
+                    tooltip: string;
+                    default: string;
+                };
+                TextColor: {
+                    tooltip: string;
+                    default: string;
+                };
+                TextHighlight: {
+                    tooltip: string;
+                    default: string;
+                };
+                LineHeight: {
+                    tooltip: string;
+                    default: string;
+                };
+                Table: {
+                    tooltip: string;
+                    buttons: {
+                        more: string;
+                        add_column_before: string;
+                        add_column_after: string;
+                        delete_column: string;
+                        add_row_before: string;
+                        add_row_after: string;
+                        delete_row: string;
+                        merge_cells: string;
+                        split_cell: string;
+                        delete_table: string;
+                    };
+                };
+                Indent: {
+                    buttons: {
+                        indent: {
+                            tooltip: string;
+                        };
+                        outdent: {
+                            tooltip: string;
+                        };
+                    };
+                };
+                FormatClear: {
+                    tooltip: string;
+                };
+                HorizontalRule: {
+                    tooltip: string;
+                };
+                History: {
+                    tooltip: {
+                        undo: string;
+                        redo: string;
+                    };
+                };
+                Fullscreen: {
+                    tooltip: {
+                        fullscreen: string;
+                        exit_fullscreen: string;
+                    };
+                };
+                Print: {
+                    tooltip: string;
+                };
+                Preview: {
+                    tooltip: string;
+                    dialog: {
+                        title: string;
+                    };
+                };
+                SelectAll: {
+                    tooltip: string;
+                };
+                CodeView: {
+                    tooltip: string;
+                };
+                Emoji: {
+                    tooltip: string;
+                };
+            };
+            characters: string;
+        };
+    };
+    showFloatingMenu: boolean;
+    editorClass: string;
+    editorContentClass: string;
+    editorMenubarClass: string;
+    editorBubbleMenuClass: string;
+    editorFooterClass: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    onBeforeCreate: (...args: any[]) => void;
+    onCreate: (...args: any[]) => void;
+    onUpdate: (...args: any[]) => void;
+    onSelectionUpdate: (...args: any[]) => void;
+    onTransaction: (...args: any[]) => void;
+    onFocus: (...args: any[]) => void;
+    onBlur: (...args: any[]) => void;
+    onDestroy: (...args: any[]) => void;
+    "update:content": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    content: string;
+    modelContent: string;
+    placeholder: string;
+    output: string;
+    readOnly: boolean;
+    tooltip: boolean;
+    tooltipPosition: string;
+    enableCharCount: boolean;
+    spellCheck: boolean;
+    locale: {
+        editor: {
+            extensions: {
+                Bold: {
+                    tooltip: string;
+                };
+                Code: {
+                    tooltip: string;
+                };
+                Underline: {
+                    tooltip: string;
+                };
+                Italic: {
+                    tooltip: string;
+                };
+                Strike: {
+                    tooltip: string;
+                };
+                HardBreak: {
+                    tooltip: string;
+                };
+                Heading: {
+                    tooltip: string;
+                    buttons: {
+                        paragraph: string;
+                        heading: string;
+                    };
+                };
+                Blockquote: {
+                    tooltip: string;
+                };
+                CodeBlock: {
+                    tooltip: string;
+                };
+                Link: {
+                    add: {
+                        tooltip: string;
+                        control: {
+                            title: string;
+                            href: string;
+                            open_in_new_tab: string;
+                            confirm: string;
+                            cancel: string;
+                        };
+                    };
+                    edit: {
+                        tooltip: string;
+                        control: {
+                            title: string;
+                            href: string;
+                            open_in_new_tab: string;
+                            confirm: string;
+                            cancel: string;
+                        };
+                    };
+                    unlink: {
+                        tooltip: string;
+                    };
+                    open: {
+                        tooltip: string;
+                    };
+                    back: {
+                        tooltip: string;
+                    };
+                };
+                Subscript: {
+                    tooltip: string;
+                };
+                Superscript: {
+                    tooltip: string;
+                };
+                Image: {
+                    buttons: {
+                        insert_image: {
+                            tooltip: string;
+                            external: string;
+                            upload: string;
+                        };
+                        remove_image: {
+                            tooltip: string;
+                        };
+                        image_options: {
+                            tooltip: string;
+                        };
+                        display: {
+                            tooltip: string;
+                            inline: string;
+                            block: string;
+                            left: string;
+                            right: string;
+                        };
+                    };
+                    control: {
+                        insert_by_url: {
+                            title: string;
+                            placeholder: string;
+                            confirm: string;
+                            cancel: string;
+                            invalid_url: string;
+                        };
+                        upload_image: {
+                            title: string;
+                            button: string;
+                        };
+                        edit_image: {
+                            title: string;
+                            confirm: string;
+                            cancel: string;
+                            form: {
+                                src: string;
+                                alt: string;
+                                width: string;
+                                height: string;
+                            };
+                        };
+                    };
+                };
+                Iframe: {
+                    tooltip: string;
+                    control: {
+                        title: string;
+                        placeholder: string;
+                        confirm: string;
+                        cancel: string;
+                    };
+                };
+                BulletList: {
+                    tooltip: string;
+                };
+                OrderedList: {
+                    tooltip: string;
+                };
+                TodoList: {
+                    tooltip: string;
+                };
+                TextAlign: {
+                    buttons: {
+                        align_left: {
+                            tooltip: string;
+                        };
+                        align_center: {
+                            tooltip: string;
+                        };
+                        align_right: {
+                            tooltip: string;
+                        };
+                        align_justify: {
+                            tooltip: string;
+                        };
+                    };
+                };
+                FontFamily: {
+                    tooltip: string;
+                    default: string;
+                };
+                FontSize: {
+                    tooltip: string;
+                    default: string;
+                };
+                TextColor: {
+                    tooltip: string;
+                    default: string;
+                };
+                TextHighlight: {
+                    tooltip: string;
+                    default: string;
+                };
+                LineHeight: {
+                    tooltip: string;
+                    default: string;
+                };
+                Table: {
+                    tooltip: string;
+                    buttons: {
+                        more: string;
+                        add_column_before: string;
+                        add_column_after: string;
+                        delete_column: string;
+                        add_row_before: string;
+                        add_row_after: string;
+                        delete_row: string;
+                        merge_cells: string;
+                        split_cell: string;
+                        delete_table: string;
+                    };
+                };
+                Indent: {
+                    buttons: {
+                        indent: {
+                            tooltip: string;
+                        };
+                        outdent: {
+                            tooltip: string;
+                        };
+                    };
+                };
+                FormatClear: {
+                    tooltip: string;
+                };
+                HorizontalRule: {
+                    tooltip: string;
+                };
+                History: {
+                    tooltip: {
+                        undo: string;
+                        redo: string;
+                    };
+                };
+                Fullscreen: {
+                    tooltip: {
+                        fullscreen: string;
+                        exit_fullscreen: string;
+                    };
+                };
+                Print: {
+                    tooltip: string;
+                };
+                Preview: {
+                    tooltip: string;
+                    dialog: {
+                        title: string;
+                    };
+                };
+                SelectAll: {
+                    tooltip: string;
+                };
+                CodeView: {
+                    tooltip: string;
+                };
+                Emoji: {
+                    tooltip: string;
+                };
+            };
+            characters: string;
+        };
+    };
+    showFloatingMenu: boolean;
+    editorClass: string;
+    editorContentClass: string;
+    editorMenubarClass: string;
+    editorBubbleMenuClass: string;
+    editorFooterClass: string;
+}>>> & {
+    onOnBeforeCreate?: ((...args: any[]) => any) | undefined;
+    onOnCreate?: ((...args: any[]) => any) | undefined;
+    onOnUpdate?: ((...args: any[]) => any) | undefined;
+    onOnSelectionUpdate?: ((...args: any[]) => any) | undefined;
+    onOnTransaction?: ((...args: any[]) => any) | undefined;
+    onOnFocus?: ((...args: any[]) => any) | undefined;
+    onOnBlur?: ((...args: any[]) => any) | undefined;
+    onOnDestroy?: ((...args: any[]) => any) | undefined;
+    "onUpdate:content"?: ((...args: any[]) => any) | undefined;
+}, {
+    content: string;
+    output: "html" | "json";
+    tooltip: boolean;
+    tooltipPosition: TooltipPosition;
+    placeholder: string;
+    modelContent: string;
+    readOnly: boolean;
+    enableCharCount: boolean;
+    spellCheck: boolean;
+    locale: any;
+    showFloatingMenu: boolean;
+    editorClass: string | string[] | Record<string, boolean>;
+    editorContentClass: string | string[] | Record<string, boolean>;
+    editorMenubarClass: string | string[] | Record<string, boolean>;
+    editorBubbleMenuClass: string | string[] | Record<string, boolean>;
+    editorFooterClass: string | string[] | Record<string, boolean>;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/DaisyTiptap.vue.js

@@ -0,0 +1 @@
+import{defineComponent as T,watch as b,watchEffect as O,unref as o,toRaw as E,ref as D,provide as s,computed as U,openBlock as i,createElementBlock as p,normalizeStyle as H,normalizeClass as d,createVNode as y,createBlock as x,createCommentVNode as c,createElementVNode as m,withDirectives as N,vShow as P,toDisplayString as g}from"vue";import{useEditor as z,EditorContent as V}from"@tiptap/vue-3";import{CharacterCount as L,Placeholder as R}from"../extensions";import{zh as A,Trans as v}from"../i18n";import{useCodeView as j,useCharacterCount as I,useEditorStyle as J}from"../hooks";import{BubbleMenu as q,FloatingMenu as G,MenuBar as K}from".";const Q={class:"daisy-tiptap-editor__wrapper"},W={class:"daisy-tiptap-editor__content text-left flex-1 overflow-hidden"},oe=T({__name:"DaisyTiptap",props:{extensions:{},content:{default:""},modelContent:{default:""},placeholder:{default:""},width:{},height:{},output:{default:"html"},readOnly:{type:Boolean,default:!1},tooltip:{type:Boolean,default:!0},tooltipPosition:{default:"top"},enableCharCount:{type:Boolean,default:!0},charCountMax:{},spellCheck:{type:Boolean,default:!0},locale:{default:A},showFloatingMenu:{type:Boolean,default:!1},editorClass:{default:""},editorContentClass:{default:""},editorMenubarClass:{default:""},editorBubbleMenuClass:{default:""},editorFooterClass:{default:""}},emits:["onBeforeCreate","onCreate","onUpdate","onSelectionUpdate","onTransaction","onFocus","onBlur","onDestroy","update:content"],setup(w,{emit:_}){const t=w,r=_,h=t.enableCharCount?t.extensions.concat([L.configure({limit:t.charCountMax})]):t.extensions,l=z({content:t.content||t.modelContent,editable:!t.readOnly,extensions:[...h,R.configure({emptyEditorClass:"daisy-tiptap-editor__placeholder",emptyNodeClass:"daisy-tiptap-editor__placeholder",showOnlyCurrent:!1,placeholder:()=>String(t.placeholder)})],onBeforeCreate:({editor:e})=>{r("onBeforeCreate",{editor:e})},onCreate:({editor:e})=>{b(()=>t.content,n=>{e.getHTML()!==n&&e.commands.setContent(n,!1)}),b(()=>t.modelContent,n=>{e.getHTML()!==n&&e.commands.setContent(n,!1)}),r("onCreate",{editor:e})},onUpdate:({editor:e})=>{let n;t.output==="html"?n=e.getHTML():n=e.getJSON(),r("update:content",n),r("onUpdate",{output:n,editor:e})},onSelectionUpdate:({editor:e})=>{r("onSelectionUpdate",{editor:e})},onTransaction:({editor:e})=>{r("onTransaction",{editor:e})},onFocus:({editor:e})=>{r("onFocus",{editor:e})},onBlur:({editor:e})=>{r("onBlur",{editor:e})},onDestroy:()=>{r("onDestroy")}});O(()=>{var e;(e=o(l))==null||e.setOptions({editorProps:{attributes:{spellCheck:String(t.spellCheck)}}})});const B=v.buildI18nHandler(E(t.locale)),C=(...e)=>B.apply(v,e),a=D(!1),M=e=>{a.value=e};s("readOnly",t.readOnly),s("isFullscreen",a),s("toggleFullscreen",M),s("enableTooltip",t.tooltip),s("tooltipPosition",t.tooltipPosition);const{isCodeViewMode:u,cmTextAreaRef:k}=j(l);s("isCodeViewMode",u);const{characters:F}=I(l),f=U(()=>t.enableCharCount&&!o(u)),S=J({width:t.width,height:t.height});return s("i18n",C),s("editor",l),(e,n)=>(i(),p("div",Q,[o(l)?(i(),p("div",{key:0,style:H(o(S)),class:d(["box-border flex flex-col min-w-0 max-w-full w-full max-h-full h-full border-2 border-solid, border-neutral-content",{"rounded-none fixed top-0 left-0 right-0 bottom-0 z-50 bg-base-200":a.value,"rounded-lg relative":!a.value},t.editorClass])},[y(o(q),{editor:o(l),extensions:o(h),class:d(t.editorBubbleMenuClass)},null,8,["editor","extensions","class"]),e.showFloatingMenu?(i(),x(o(G),{key:0,editor:o(l)},null,8,["editor"])):c("",!0),t.readOnly?c("",!0):(i(),x(o(K),{key:1,editor:o(l),extensions:t.extensions,class:d(["space-x-1 flex shrink-0 flex-wrap p-1.5 relative","before:bg-neutral-content before:absolute before:right-0 before:left-0 before:bottom-0 before:h-[1px] before:content-normal before:mx-2.5",{"rounded-none":a.value,"rounded-t-lg":!a.value},t.editorMenubarClass])},null,8,["editor","extensions","class"])),o(u)?(i(),p("div",{key:2,class:d({"daisy-tiptap-editor__codemirror":!0,"flex flex-grow text-base leading-6 overflow-scroll":!0,"border-bottom-radius":o(u)})},[m("textarea",{ref_key:"cmTextAreaRef",ref:k},null,512)],2)):c("",!0),m("div",W,[N(y(o(V),{editor:o(l),class:d(["prose max-w-none h-full overflow-auto p-4",{"rounded-b-lg":!f.value,"rounded-b-none":f.value,"rounded-none":a.value},t.editorContentClass])},null,8,["editor","class"]),[[P,!o(u)]])]),f.value?(i(),p("div",{key:3,class:d(["daisy-tiptap-editor__footer items-center border-t-2 border-solid border-neutral-content flex text-sm justify-end p-2.5",{"rounded-none":a.value,"rounded-b-lg":!a.value},t.editorFooterClass])},[m("span",null,g(C("editor.characters"))+": "+g(o(F)),1)],2)):c("",!0)],6)):c("",!0)]))}});export{oe as default};

package/dist/components/EditImageButton.vue.d.ts

@@ -0,0 +1,24 @@
+import type { Editor } from '@tiptap/core';
+type Props = {
+    editor: Editor;
+    tooltipClass: any;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/EditImageButton.vue.js

@@ -0,0 +1 @@
+import{defineComponent as I,ref as y,inject as k,computed as C,openBlock as p,createElementBlock as _,Fragment as b,createElementVNode as t,createVNode as f,unref as l,toDisplayString as a,renderList as A,normalizeClass as T,withDirectives as c,vModelText as u}from"vue";import{ImageDisplay as m}from"../utils";import{UniversalToggleButton as E,Icon as B}from".";const L={class:"w-8 h-8"},V={class:"modal-box p-4"},D={class:"menu menu-horizontal bg-base-200 rounded-box mt-2 mb-6 ml-0"},F=["data-tip","onClick"],N={class:"form-control w-full max-w-none mb-2"},R={class:"label"},U={class:"label-text-alt"},M={class:"form-control w-full max-w-none mb-2"},$={class:"label"},j={class:"label-text-alt"},z={class:"form-control w-full max-w-none mb-2"},O={class:"label"},G={class:"label-text-alt"},H={class:"flex justify-end"},K=t("form",{method:"dialog",class:"modal-backdrop"},[t("button",{tabindex:"-1"},"close")],-1),P=I({__name:"EditImageButton",props:{editor:{},tooltipClass:{}},setup(g){const d=g,r=y();function x(){r.value.showModal()}const n=k("i18n"),v=[m.INLINE,m.BREAK_TEXT,m.FLOAT_LEFT,m.FLOAT_RIGHT];function h(e){r.value.close(),d.editor.commands.updateAttributes("image",{display:e}),d.editor.chain().focus().run()}function w(){r.value.close();let{width:e}=s.value;e=parseInt(e,10),d.editor.commands.updateAttributes("image",{alt:s.value.alt,width:e>=0?e:null}),d.editor.chain().focus().run()}const s=C(()=>{const e=d.editor.getAttributes("image");return{src:e.src,alt:e.alt,width:e.width,display:e.display}});return(e,i)=>(p(),_(b,null,[t("li",L,[f(l(E),{icon:"edit",tooltip:l(n)("editor.extensions.Image.buttons.image_options.tooltip"),onClick:x,"is-active":!1},null,8,["tooltip"])]),t("dialog",{ref_key:"editImageRef",ref:r,class:"modal text-left"},[t("div",V,[t("p",null,a(l(n)("editor.extensions.Image.buttons.display.tooltip")),1),t("ul",D,[(p(),_(b,null,A(v,o=>t("li",{key:o},[t("a",{class:T({tooltip:!0,active:s.value.display===o}),"data-tip":l(n)(`editor.extensions.Image.buttons.display.${o}`),onClick:S=>h(o)},[f(l(B),{name:`image/image-${o}`},null,8,["name"])],10,F)])),64))]),t("p",null,a(l(n)("editor.extensions.Image.control.edit_image.title")),1),t("label",N,[t("div",R,[t("span",U,a(l(n)("editor.extensions.Image.control.edit_image.form.src")),1)]),c(t("input",{type:"url",disabled:"",class:"input input-bordered input-sm w-full max-w-none","onUpdate:modelValue":i[0]||(i[0]=o=>s.value.src=o)},null,512),[[u,s.value.src]])]),t("label",M,[t("div",$,[t("span",j,a(l(n)("editor.extensions.Image.control.edit_image.form.alt")),1)]),c(t("input",{type:"text",class:"input input-bordered input-sm w-full max-w-none","onUpdate:modelValue":i[1]||(i[1]=o=>s.value.alt=o)},null,512),[[u,s.value.alt]])]),t("label",z,[t("div",O,[t("span",G,a(l(n)("editor.extensions.Image.control.edit_image.form.width")),1)]),c(t("input",{type:"number",class:"input input-bordered input-sm w-full max-w-none","onUpdate:modelValue":i[2]||(i[2]=o=>s.value.width=o)},null,512),[[u,s.value.width]])]),t("div",H,[t("div",{class:"btn btn-sm mr-2",onClick:i[3]||(i[3]=()=>r.value.close())},a(l(n)("editor.extensions.Image.control.edit_image.cancel")),1),t("div",{class:"btn btn-sm btn-primary",onClick:w},a(l(n)("editor.extensions.Image.control.edit_image.confirm")),1)])]),K],512)],64))}});export{P as default};

package/dist/components/EditLinkDialog.vue.d.ts

@@ -0,0 +1,33 @@
+import type { Editor } from '@tiptap/core';
+type Props = {
+    editor: Editor;
+    linkAttrs: {
+        href: string;
+        openInNewTab: boolean;
+    };
+    open: boolean;
+    tooltip: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>> & {
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/EditLinkDialog.vue.js

@@ -0,0 +1 @@
+import{defineComponent as b,inject as _,computed as v,onMounted as x,watchEffect as w,ref as L,openBlock as y,createElementBlock as g,createElementVNode as e,toDisplayString as s,unref as i,withDirectives as u,vModelText as $,vModelCheckbox as A}from"vue";const D={class:"modal-box w-96"},N={class:"form-control w-full max-w-none my-4"},T={class:"label"},C={class:"form-control"},E={class:"label cursor-pointer justify-start"},I={class:"label-text ml-4"},M={class:"flex justify-end"},j=e("form",{method:"dialog",class:"modal-backdrop"},[e("button",null,"close")],-1),V=b({__name:"EditLinkDialog",props:{editor:{},linkAttrs:{},open:{type:Boolean},tooltip:{}},emits:["update:open"],setup(p,{emit:f}){const t=p,m=f,n=_("i18n"),o=v(()=>t.linkAttrs);x(()=>{w(()=>{t.open&&k()})});const r=L();function k(){r.value.showModal()}function d(){r.value.close(),o.value.href="",o.value.openInNewTab=!0,t.editor.chain().focus().run(),m("update:open",!1)}function h(){let l="";/^https?:\/\//.test(o.value.href)?l=o.value.href:l=`https://${o.value.href}`,o.value.openInNewTab?t.editor.commands.setLink({href:l,target:"_blank"}):t.editor.commands.setLink({href:l}),d()}return(l,a)=>(y(),g("dialog",{ref_key:"addLinkRef",ref:r,class:"modal text-left"},[e("div",D,[e("p",null,s(i(n)(`editor.extensions.Link.${t.tooltip}.control.title`)),1),e("label",N,[e("div",T,[e("span",null,s(i(n)(`editor.extensions.Link.${t.tooltip}.control.href`)),1)]),u(e("input",{type:"url",class:"input input-bordered input-sm w-full max-w-none","onUpdate:modelValue":a[0]||(a[0]=c=>o.value.href=c),autocomplete:"off"},null,512),[[$,o.value.href]])]),e("label",C,[e("div",E,[u(e("input",{type:"checkbox","onUpdate:modelValue":a[1]||(a[1]=c=>o.value.openInNewTab=c),class:"checkbox"},null,512),[[A,o.value.openInNewTab]]),e("span",I,s(i(n)(`editor.extensions.Link.${t.tooltip}.control.open_in_new_tab`)),1)])]),e("div",M,[e("div",{class:"btn btn-sm mr-2",onClick:d},s(i(n)(`editor.extensions.Link.${t.tooltip}.control.cancel`)),1),e("div",{class:"btn btn-sm btn-primary",onClick:h},s(i(n)(`editor.extensions.Link.${t.tooltip}.control.confirm`)),1)])]),j],512))}});export{V as default};