@qxs-bns/components 0.0.91 → 0.0.93

package/lib/editor/blocksuite-editor.cjs

@@ -1,9 +1,11 @@
-"use strict";var e=require("@tiptap/core"),t=require("@tiptap/extension-blockquote"),i=require("@tiptap/extension-bold"),o=require("@tiptap/extension-bullet-list"),r=require("@tiptap/extension-code"),s=require("@tiptap/extension-document"),n=require("@tiptap/extension-heading"),l=require("@tiptap/extension-history"),a=require("@tiptap/extension-horizontal-rule"),d=require("@tiptap/extension-image"),h=require("@tiptap/extension-italic"),c=require("@tiptap/extension-link"),p=require("@tiptap/extension-list-item"),u=require("@tiptap/extension-ordered-list"),b=require("@tiptap/extension-paragraph"),g=require("@tiptap/extension-placeholder"),m=require("@tiptap/extension-strike"),_=require("@tiptap/extension-table"),x=require("@tiptap/extension-table-cell"),f=require("@tiptap/extension-table-header"),y=require("@tiptap/extension-table-row"),v=require("@tiptap/extension-text"),k=require("@tiptap/extension-text-align"),w=require("@tiptap/extension-underline"),T=require("lit"),C=require("lit/decorators.js"),M=require("./content-format.cjs"),I=require("./toolbar.cjs"),S=require("../base/define.cjs"),B=Object.defineProperty,E=Object.getOwnPropertyDescriptor,L=(e,t,i,o)=>{for(var r,s=o>1?void 0:o?E(t,i):t,n=e.length-1;n>=0;n--)(r=e[n])&&(s=(o?r(t,i,s):r(s))||s);return o&&s&&B(t,i,s),s};const $="输入内容",A="输入 / 唤出快捷命令",q="80px",R=new Set(["bold","italic","underline","strike","code","link","image","bulletList","orderedList","taskList","blockquote","table"]),P=e.Node.create({name:"taskList",group:"block list",content:"taskItem+",defining:!0,parseHTML:()=>[{tag:'ul[data-type="taskList"]'}],renderHTML(t){let{HTMLAttributes:i}=t;return["ul",e.mergeAttributes(i,{"data-type":"taskList"}),0]},addCommands(){return{toggleTaskList:()=>e=>{let{commands:t}=e;return t.toggleList(this.name,"taskItem")}}}}),V=e.Node.create({name:"taskItem",defining:!0,content:"paragraph block*",addAttributes:()=>({checked:{default:!1,parseHTML:e=>"true"===e.getAttribute("data-checked"),renderHTML:e=>({"data-checked":String(Boolean(e.checked))})}}),parseHTML:()=>[{tag:'li[data-type="taskItem"]'}],renderHTML(t){let{HTMLAttributes:i}=t;const o=Boolean(i.checked);return["li",e.mergeAttributes(i,{"data-type":"taskItem"}),["label",{contenteditable:"false"},["input",{type:"checkbox",checked:o?"checked":null}],["span"]],["div",0]]},addKeyboardShortcuts(){return{Enter:()=>this.editor.commands.splitListItem(this.name),Tab:()=>this.editor.commands.sinkListItem(this.name),"Shift-Tab":()=>this.editor.commands.liftListItem(this.name)}}}),F=d.extend({addAttributes(){return{...this.parent?.(),width:{default:null,parseHTML:e=>{const t=e.getAttribute("width"),i=Number(t);return Number.isFinite(i)&&i>0?i:null},renderHTML:e=>e.width?{width:String(e.width)}:{}},align:{default:"left",parseHTML:e=>e.getAttribute("data-align")||"left",renderHTML:e=>e.align?{"data-align":String(e.align)}:{}}}},renderHTML(t){let{HTMLAttributes:i}=t;const o=Number(i.width),r=["max-width:100%","height:auto",Number.isFinite(o)&&o>0?`width:${o}px`:"",i.style||""].filter(Boolean).join(";");return["img",e.mergeAttributes(this.options.HTMLAttributes,i,{style:r})]}});exports.QxsBlocksuiteEditor=class extends T.LitElement{constructor(){super(...arguments),this.content="",this["model-value"]="",this.placeholder=$,this["toolbar-mode"]="header",this.toolbar="",this["toolbar-preset"]="full",this["header-toolbar-labels"]="",this["header-always-visible"]="false",this["use-model"]="false",this.readonly="false",this.preview="false",this.editable=null,this["min-height"]=q,this["max-height"]="",this["show-character-count"]="false",this["toolbar-position"]="top",this["custom-styles"]="",this["content-format"]="html",this["deserialize-content"]=null,this["serialize-content"]=null,this._injectedStyleEl=null,this["upload-image"]=async e=>new Promise((t,i)=>{const o=new FileReader;o.onload=e=>t(e.target?.result),o.onerror=i,o.readAsDataURL(e)}),this._editor=null,this._pendingContent=null,this._tableRows=3,this._tableCols=3,this._hoverRow=0,this._hoverCol=0,this._tableDropdownOpen=!1,this._tableCellToolbar={x:0,y:0,visible:!1,cellRow:0,cellCol:0},this._imageToolbar={x:0,y:0,visible:!1},this._linkEditor={x:0,y:0,visible:!1,url:"",label:""},this._isEditorFocused=!1,this._selectedImage=null,this._hasSlashCommand=!1,this._slashCommandRange=null,this._slashInlineMarkState=null,this._isComposingText=!1,this._isUpdating=!1,this._pendingImageInsertPos=null,this._linkSelection=null,this._preserveFocusOnInternalClick=!1,this._tableEdgeDetectionSetup=!1,this._handleCompositionStart=()=>{this._isComposingText=!0},this._handleCompositionEnd=()=>{this._isComposingText=!1,requestAnimationFrame(()=>{this._syncSlashInlineMarkState(),this._restoreSlashInlineMarkIfNeeded()})}}_injectCustomStyles(){const e=this.shadowRoot;if(!e)return;if(this._injectedStyleEl&&(this._injectedStyleEl.remove(),this._injectedStyleEl=null),!this["custom-styles"])return;const t=document.createElement("style");t.textContent=this["custom-styles"],e.appendChild(t),this._injectedStyleEl=t}get _useModelValue(){return!0===this["use-model"]||"true"===this["use-model"]||""===this["use-model"]||this.hasAttribute("use-model")}get _readonlyValue(){return!1!==this.readonly&&"false"!==this.readonly}get _previewValue(){return!1!==this.preview&&"false"!==this.preview}get _editableValue(){return null===this.editable||void 0===this.editable?null:!1!==this.editable&&"false"!==this.editable}get _isEditable(){return!this._previewValue&&(null!==this._editableValue?this._editableValue:!this._readonlyValue)}get _toolbarModeValue(){return"header"===this["toolbar-mode"]?"header":"slash"}get _headerAlwaysVisibleValue(){return!0===this["header-always-visible"]||"true"===this["header-always-visible"]||""===this["header-always-visible"]||this.hasAttribute("header-always-visible")}get _toolbarPositionValue(){return"bottom"===this["toolbar-position"]?"bottom":"top"}get _toolbarPresetValue(){return"simple"===this["toolbar-preset"]?"simple":"none"===this["toolbar-preset"]?"none":"full"}get _contentFormatValue(){return"markdown"===this["content-format"]?"markdown":"custom"===this["content-format"]?"custom":"html"}get _showCharacterCountValue(){return!0===this["show-character-count"]||"true"===this["show-character-count"]||""===this["show-character-count"]||this.hasAttribute("show-character-count")}get _resolvedMinHeight(){return this["min-height"]?.trim()||q}get _resolvedMaxHeight(){return this["max-height"]?.trim()||"none"}get _wrapperStyleValue(){const e=this["max-height"]?.trim()?"auto":"visible";return[`--qxs-editor-min-height: ${this._resolvedMinHeight}`,`--qxs-editor-max-height: ${this._resolvedMaxHeight}`,`--qxs-editor-overflow-y: ${e}`].join("; ")}get _resolvedPlaceholder(){return this.placeholder&&this.placeholder!==$&&this.placeholder!==A?this.placeholder:"header"===this._toolbarModeValue?$:A}get _toolbarItemsValue(){return Array.isArray(this.toolbar)||"string"==typeof this.toolbar&&this.toolbar.trim()?I.parseEditorToolbarItems(this.toolbar):"simple"===this._toolbarPresetValue?[...I.SIMPLE_EDITOR_TOOLBAR]:"none"===this._toolbarPresetValue?[]:[...I.DEFAULT_EDITOR_TOOLBAR]}_hasToolbarItem(e){return this._toolbarItemsValue.includes(e)}get _headerToolbarLabelsValue(){const e=this["header-toolbar-labels"];if(!e)return{};let t=e;if("string"==typeof e)try{t=JSON.parse(e)}catch(e){return{}}if(!t||"object"!=typeof t||Array.isArray(t))return{};const i={};for(const[e,o]of Object.entries(t))R.has(e)&&"string"==typeof o&&o.trim()&&(i[e]=o.trim());return i}_getHeaderToolbarLabel(e){return"header"!==this._toolbarModeValue?"":this._headerToolbarLabelsValue[e]||""}_renderToolbarButton(e,t){const i=this._getHeaderToolbarLabel(e),o=["bubble-btn",t.active?"is-active":"",t.danger?"danger":"",i?"has-label":""].filter(Boolean).join(" ");return T.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@tiptap/core"),A=require("@tiptap/extension-blockquote"),$=require("@tiptap/extension-bold"),R=require("@tiptap/extension-bullet-list"),P=require("@tiptap/extension-code"),q=require("@tiptap/extension-document"),V=require("@tiptap/extension-heading"),F=require("@tiptap/extension-history"),H=require("@tiptap/extension-horizontal-rule"),z=require("@tiptap/extension-image"),D=require("@tiptap/extension-italic"),O=require("@tiptap/extension-link"),j=require("@tiptap/extension-list-item"),Q=require("@tiptap/extension-ordered-list"),U=require("@tiptap/extension-paragraph"),N=require("@tiptap/extension-placeholder"),W=require("@tiptap/extension-strike"),G=require("@tiptap/extension-table"),K=require("@tiptap/extension-table-cell"),Y=require("@tiptap/extension-table-header"),X=require("@tiptap/extension-table-row"),J=require("@tiptap/extension-text"),Z=require("@tiptap/extension-text-align"),ee=require("@tiptap/extension-underline"),l=require("lit"),d=require("lit/decorators.js"),_=require("./content-format.cjs"),y=require("./toolbar.cjs"),te=require("../base/define.cjs");var ie=Object.defineProperty,oe=Object.getOwnPropertyDescriptor,a=(c,e,t,i)=>{for(var o=i>1?void 0:i?oe(e,t):e,r=c.length-1,n;r>=0;r--)(n=c[r])&&(o=(i?n(e,t,o):n(o))||o);return i&&o&&ie(e,t,o),o};const I=560,w=24,T="输入内容",M="输入 / 唤出快捷命令",S="80px",re={image:"插入图片",link:"插入链接"},ne=new Set(["bold","italic","underline","strike","code","link","image","bulletList","orderedList","taskList","blockquote","table"]),se=g.Node.create({name:"taskList",group:"block list",content:"taskItem+",defining:!0,parseHTML(){return[{tag:'ul[data-type="taskList"]'}]},renderHTML({HTMLAttributes:c}){return["ul",g.mergeAttributes(c,{"data-type":"taskList"}),0]},addCommands(){return{toggleTaskList:()=>({commands:c})=>c.toggleList(this.name,"taskItem")}}}),le=g.Node.create({name:"taskItem",defining:!0,content:"paragraph block*",addAttributes(){return{checked:{default:!1,parseHTML:c=>c.getAttribute("data-checked")==="true",renderHTML:c=>({"data-checked":String(!!c.checked)})}}},parseHTML(){return[{tag:'li[data-type="taskItem"]'}]},renderHTML({HTMLAttributes:c}){const e=!!c.checked;return["li",g.mergeAttributes(c,{"data-type":"taskItem"}),["label",{contenteditable:"false"},["input",{type:"checkbox",checked:e?"checked":null}],["span"]],["div",0]]},addKeyboardShortcuts(){return{Enter:()=>this.editor.commands.splitListItem(this.name),Tab:()=>this.editor.commands.sinkListItem(this.name),"Shift-Tab":()=>this.editor.commands.liftListItem(this.name)}}}),ae=j.extend({addKeyboardShortcuts(){return{Enter:()=>this.editor.commands.splitListItem(this.name),Tab:()=>this.editor.commands.sinkListItem(this.name),"Shift-Tab":()=>this.editor.commands.liftListItem(this.name)}}}),de=z.extend({addAttributes(){return{...this.parent?.(),width:{default:null,parseHTML:c=>{const e=c.getAttribute("width"),t=Number(e);return Number.isFinite(t)&&t>0?t:null},renderHTML:c=>c.width?{width:String(c.width)}:{}},align:{default:"left",parseHTML:c=>c.getAttribute("data-align")||"left",renderHTML:c=>c.align?{"data-align":String(c.align)}:{}}}},renderHTML({HTMLAttributes:c}){const e=Number(c.width),t=["max-width:100%","height:auto",Number.isFinite(e)&&e>0?`width:${e}px`:"",c.style||""].filter(Boolean).join(";");return["img",g.mergeAttributes(this.options.HTMLAttributes,c,{style:t})]}});exports.QxsBlocksuiteEditor=class extends l.LitElement{constructor(){super(...arguments),this.content="",this["model-value"]="",this.placeholder=T,this["toolbar-mode"]="header",this.toolbar="",this["toolbar-preset"]="full",this["header-toolbar-labels"]=re,this._lastInvalidHeaderToolbarLabelsSource=void 0,this["header-always-visible"]="true",this["use-model"]="false",this.readonly="false",this.preview="false",this.editable=null,this["min-height"]=S,this["max-height"]="",this["show-character-count"]="false",this["toolbar-position"]="top",this["custom-styles"]="",this["content-format"]="html",this["deserialize-content"]=null,this["serialize-content"]=null,this._injectedStyleEl=null,this["upload-image"]=async e=>new Promise((t,i)=>{const o=new FileReader;o.onload=r=>t(r.target?.result),o.onerror=i,o.readAsDataURL(e)}),this._editor=null,this._pendingContent=null,this._tableRows=3,this._tableCols=3,this._hoverRow=0,this._hoverCol=0,this._tableDropdownOpen=!1,this._tableCellToolbar={x:0,y:0,visible:!1,cellRow:0,cellCol:0},this._imageToolbar={x:0,y:0,visible:!1},this._linkEditor={x:0,y:0,visible:!1,url:"",label:""},this._isEditorFocused=!1,this._selectedImage=null,this._hasSlashCommand=!1,this._slashCommandRange=null,this._slashInlineMarkState=null,this._isComposingText=!1,this._isUpdating=!1,this._pendingImageInsertPos=null,this._linkSelection=null,this._preserveFocusOnInternalClick=!1,this._tableEdgeDetectionSetup=!1,this._handleCompositionStart=()=>{this._isComposingText=!0},this._handleCompositionEnd=()=>{this._isComposingText=!1,requestAnimationFrame(()=>{this._syncSlashInlineMarkState(),this._restoreSlashInlineMarkIfNeeded()})}}_injectCustomStyles(){const e=this.shadowRoot;if(!e||(this._injectedStyleEl&&(this._injectedStyleEl.remove(),this._injectedStyleEl=null),!this["custom-styles"]))return;const t=document.createElement("style");t.textContent=this["custom-styles"],e.appendChild(t),this._injectedStyleEl=t}get _useModelValue(){return this["use-model"]===!0||this["use-model"]==="true"||this["use-model"]===""||this.hasAttribute("use-model")}get _readonlyValue(){return this.readonly!==!1&&this.readonly!=="false"}get _previewValue(){return this.preview!==!1&&this.preview!=="false"}get _editableValue(){return this.editable===null||this.editable===void 0?null:this.editable!==!1&&this.editable!=="false"}get _isEditable(){return this._previewValue?!1:this._editableValue!==null?this._editableValue:!this._readonlyValue}get _toolbarModeValue(){return this["toolbar-mode"]==="header"?"header":"slash"}get _headerAlwaysVisibleValue(){return this["header-always-visible"]===!0||this["header-always-visible"]==="true"||this["header-always-visible"]===""||this.hasAttribute("header-always-visible")}get _toolbarPositionValue(){return this["toolbar-position"]==="bottom"?"bottom":"top"}get _toolbarPresetValue(){return this["toolbar-preset"]==="simple"?"simple":this["toolbar-preset"]==="none"?"none":"full"}get _contentFormatValue(){return this["content-format"]==="markdown"?"markdown":this["content-format"]==="custom"?"custom":"html"}get _showCharacterCountValue(){return this["show-character-count"]===!0||this["show-character-count"]==="true"||this["show-character-count"]===""||this.hasAttribute("show-character-count")}get _resolvedMinHeight(){return this["min-height"]?.trim()||S}get _resolvedMaxHeight(){return this["max-height"]?.trim()||"none"}get _wrapperStyleValue(){const e=this["max-height"]?.trim()?"auto":"visible";return[`--qxs-editor-min-height: ${this._resolvedMinHeight}`,`--qxs-editor-max-height: ${this._resolvedMaxHeight}`,`--qxs-editor-overflow-y: ${e}`].join("; ")}get _resolvedPlaceholder(){return this.placeholder&&this.placeholder!==T&&this.placeholder!==M?this.placeholder:this._toolbarModeValue==="header"?T:M}get _toolbarItemsValue(){return Array.isArray(this.toolbar)?y.parseEditorToolbarItems(this.toolbar):typeof this.toolbar=="string"&&this.toolbar.trim()?y.parseEditorToolbarItems(this.toolbar):this._toolbarPresetValue==="simple"?[...y.SIMPLE_EDITOR_TOOLBAR]:this._toolbarPresetValue==="none"?[]:[...y.DEFAULT_EDITOR_TOOLBAR]}_hasToolbarItem(e){return this._toolbarItemsValue.includes(e)}get _headerToolbarLabelsValue(){const e=this["header-toolbar-labels"];if(!e)return{};let t=e;if(typeof e=="string"){if(e==="[object Object]")return this._warnInvalidHeaderToolbarLabels(e,'received "[object Object]"; Vue hosts should pass object values with `.prop`, for example `:header-toolbar-labels.prop="headerToolbarLabels"`'),{};try{t=JSON.parse(e)}catch(o){return this._warnInvalidHeaderToolbarLabels(e,"parse failed, fallback to empty map",o),{}}}if(!t||typeof t!="object"||Array.isArray(t))return{};const i={};for(const[o,r]of Object.entries(t))ne.has(o)&&typeof r=="string"&&r.trim()&&(i[o]=r.trim());return i}_warnInvalidHeaderToolbarLabels(e,t,i){this._lastInvalidHeaderToolbarLabelsSource!==e&&(this._lastInvalidHeaderToolbarLabelsSource=e)}_getHeaderToolbarLabel(e){return this._toolbarModeValue!=="header"?"":this._headerToolbarLabelsValue[e]||""}_renderToolbarButton(e,t){const i=this._getHeaderToolbarLabel(e),o=["bubble-btn",t.active?"is-active":"",t.danger?"danger":"",i?"has-label":""].filter(Boolean).join(" ");return l.html`
       <button class=${o} @click=${t.onClick} title=${t.title}>
         ${t.icon}
-        ${i?T.html`<span class="bubble-btn__label">${i}</span>`:null}
+        ${i?l.html`<span class="bubble-btn__label">${i}</span>`:null}
       </button>
-    `}_transformIncomingContent(e){const t=e||"",i=this["deserialize-content"];if(!i)return M.transformIncomingContentByFormat(t,this._contentFormatValue);try{return i(t)||M.EMPTY_EDITOR_HTML}catch(e){return M.transformIncomingContentByFormat(t,this._contentFormatValue)}}_transformOutgoingContent(e){const t=this["serialize-content"];if(!t)return M.transformOutgoingContentByFormat(e,this._contentFormatValue);try{return t(e)}catch(t){return M.transformOutgoingContentByFormat(e,this._contentFormatValue)}}_getEditorCharacterCount(){return this._editor?.getText().length??0}_initEditor(){if(this._editor)return;const d=this.shadowRoot?.querySelector(".editor-content");if(!d)return void requestAnimationFrame(()=>this._initEditor());for(;d.firstChild;)d.removeChild(d.firstChild);const T=this._useModelValue,C=this.getAttribute("model-value")??this["model-value"],M=this.content,I=T?this._transformIncomingContent(this._pendingContent??C):this._transformIncomingContent(this._pendingContent??M),S=[s,b,v,i,h,w,m,r,n.configure({levels:[1,2,3]}),o,u,P,V,p,t,a,l,F.configure({inline:!1,allowBase64:!0}),c.extend({inclusive:!1}).configure({openOnClick:!1,HTMLAttributes:{rel:"noopener noreferrer"}}),k.configure({types:["heading","paragraph"]}),_.Table.configure({resizable:!0}),y.TableRow,x.TableCell,f.TableHeader,g.configure({placeholder:this._resolvedPlaceholder})];this._editor=new e.Editor({element:d,extensions:S,editable:this._isEditable,content:I}),this._editor.view.dom.addEventListener("compositionstart",this._handleCompositionStart),this._editor.view.dom.addEventListener("compositionend",this._handleCompositionEnd),this._pendingContent=null,this._editor.on("selectionUpdate",()=>{this._syncSlashInlineMarkState(),this._restoreSlashInlineMarkIfNeeded(),"slash"===this._toolbarModeValue&&this._updateBubbleMenuPosition(),this._editor?.isActive("table")?this._showTableCellToolbar():this._hideTableCellToolbar(),this._syncImageSelectionState()}),this._editor.on("transaction",()=>{this._editor?.isActive("table")?this._showTableCellToolbar():this._hideTableCellToolbar(),this._checkSlashCommand(),this._syncSlashInlineMarkState(),this._restoreSlashInlineMarkIfNeeded(),this._setupTableEdgeDetection(),this._syncImageSelectionState()}),this._editor.on("update",()=>{this._emitContentChange()})}_toggleTaskItemChecked(e){const t=e.target,i=this._editor;if(!(t instanceof HTMLInputElement&&"checkbox"===t.type&&i))return;const o=t.closest('li[data-type="taskItem"]');if(!o)return;e.preventDefault(),e.stopPropagation();const r=i.view.posAtDOM(o,0),s=Math.max(0,r-2),n=Math.min(i.state.doc.content.size,r+2);let l=null;if(i.state.doc.nodesBetween(s,n,(e,t)=>{if("taskItem"===e.type.name)return l=t,!1}),null===l)return;const a=i.state.doc.nodeAt(l);a&&"taskItem"===a.type.name&&i.view.dispatch(i.state.tr.setNodeMarkup(l,void 0,{...a.attrs,checked:!a.attrs.checked}))}_emitContentChange(){if(!this._editor)return;const e=this.getContentSnapshot();this._showCharacterCountValue&&this.requestUpdate(),this.dispatchEvent(new CustomEvent("content-update",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("content-change",{detail:e.value,bubbles:!0,composed:!0}))}_setupTableEdgeDetection(){const e=this.shadowRoot?.querySelector(".editor-content"),t=this.shadowRoot?.querySelector(".editor-wrapper");if(!e||this._tableEdgeDetectionSetup)return;this._tableEdgeDetectionSetup=!0;const i=e=>{this._toggleTaskItemChecked(e);const t=e.target;t instanceof Element&&t.closest(".editor-header, .bubble-menu, .table-cell-toolbar, .image-toolbar, .link-editor")||this._isEditable&&this._editor?.chain().focus().run()};e.addEventListener("click",i),t?.addEventListener("click",i)}_handleWrapperFocusIn(){this._preserveFocusOnInternalClick=!1,this._isEditorFocused=!0}_handleHeaderToolbarMouseDown(e){if(!this._isEditable)return;const t=e.target;t instanceof Element&&t.closest("button, .bubble-dropdown, .table-cell")&&(e.preventDefault(),this._preserveFocusOnInternalClick=!0,requestAnimationFrame(()=>{this._preserveFocusOnInternalClick=!1}))}_handleWrapperMouseDown(e){const t=e.target;this._isEditable&&t instanceof Element&&!t.closest(".editor-header, .bubble-menu, .table-cell-toolbar, .image-toolbar, .link-editor")&&(this._preserveFocusOnInternalClick=!0,requestAnimationFrame(()=>{this._preserveFocusOnInternalClick=!1}))}_handleWrapperFocusOut(e){const t=e.relatedTarget,i=this.shadowRoot?.querySelector(".editor-wrapper");this._preserveFocusOnInternalClick||t&&i?.contains(t)||(this._isEditorFocused=!1,this._tableDropdownOpen=!1,this._closeLinkEditor())}_isHeaderVisible(){return"header"===this._toolbarModeValue&&!this._previewValue&&(this._headerAlwaysVisibleValue||this._isEditorFocused||this._tableDropdownOpen||Boolean(this._selectedImage))}_getImageSelection(){const e=this._editor,t=e?.state.selection;return e&&t?.node&&"image"===t.node.type?.name?{pos:t.from,attrs:t.node.attrs??{}}:null}_getImageMaxWidth(){const e=this.shadowRoot?.querySelector(".editor-content"),t=(e?.clientWidth??560)-32;return Math.max(24,Math.min(560,t))}async _getImageNaturalWidth(e){return await new Promise(t=>{const i=URL.createObjectURL(e),o=new window.Image;o.onload=()=>{const e=o.naturalWidth;URL.revokeObjectURL(i),t(Number.isFinite(e)&&e>0?e:null)},o.onerror=()=>{URL.revokeObjectURL(i),t(null)},o.src=i})}_syncImageSelectionState(){const e=this._getImageSelection();if(!e)return this._selectedImage=null,void("slash"===this._toolbarModeValue&&this._hideImageToolbar());const t=Number(e.attrs.width),i=String(e.attrs.align||"left");if(this._selectedImage={pos:e.pos,width:Number.isFinite(t)&&t>0?t:this._getImageMaxWidth(),align:i},"slash"!==this._toolbarModeValue)return void this._hideImageToolbar();const o=this._editor,r=this.shadowRoot?.querySelector(".editor-wrapper")?.getBoundingClientRect();if(!o||!r)return;const s=o.view.coordsAtPos(e.pos),n=s.left-r.left+(s.right-s.left)/2,l=s.top-r.top-40;this._showImageToolbar({x:n,y:l})}_clearSlashCommandText(){if(!this._editor||!this._slashCommandRange)return;const{from:e,to:t}=this._slashCommandRange;this._editor.chain().focus().deleteRange({from:e,to:t}).run(),this._hasSlashCommand=!1,this._slashCommandRange=null}_checkSlashCommand(){if(!this._editor)return;const{selection:e}=this._editor.state;if(!e.empty)return this._hasSlashCommand=!1,void(this._slashCommandRange=null);const{$from:t}=e,i=t.parent.textBetween(0,t.parentOffset," "," "),o=/(?:^|\s)(\/\S*)$/.exec(i);if(!o)return this._hasSlashCommand=!1,void(this._slashCommandRange=null);const r=o[1];this._hasSlashCommand=!0,this._slashCommandRange={from:e.from-r.length,to:e.from}}firstUpdated(){this._injectCustomStyles(),queueMicrotask(()=>{this.isConnected&&this._initEditor()})}updated(e){if(e.has("custom-styles")&&this._injectCustomStyles(),this._editor){if(e.has("content")||e.has("model-value")&&this._useModelValue||e.has("deserialize-content")||e.has("content-format")){const e=this._transformIncomingContent(this._useModelValue?this["model-value"]:this.content);e!==this._editor.getHTML()&&this._editor.commands.setContent(e)}(e.has("readonly")||e.has("preview")||e.has("editable"))&&this._editor.setEditable(this._isEditable)}else e.has("content")&&(this._pendingContent=this.content),e.has("model-value")&&this._useModelValue&&(this._pendingContent=this["model-value"])}disconnectedCallback(){super.disconnectedCallback();const e=this._editor?.view?.dom;e?.removeEventListener("compositionstart",this._handleCompositionStart),e?.removeEventListener("compositionend",this._handleCompositionEnd),this._editor?.destroy(),this._editor=null}getContent(){return this.getContentSnapshot().value}getContentSnapshot(){const e=this._editor?.getHTML()??"",t=this._editor?.getText().trim()??"";return{value:e?this._transformOutgoingContent(e):"",html:e,text:t,format:this._contentFormatValue}}forceUpdate(){if(this.requestUpdate(),this._editor){const e=this._transformIncomingContent(this._useModelValue?this["model-value"]:this.content);e!==this._editor.getHTML()&&this._editor.commands.setContent(e)}}_applyFormat(e){this._clearSlashCommandText(),this._clearSlashInlineMarkState(!0),e()}_getCurrentLineStart(e){const{selection:t}=e.state;return t.empty?t.$from.start():null}_getSlashCommandContext(){const e=this._editor,t=this._slashCommandRange;if(!e||!t)return null;return{lineFrom:e.state.doc.resolve(t.from).start(),lineTo:t.from}}_clearSlashInlineMarkState(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];const t=this._editor,i=this._slashInlineMarkState;if(!t||!i)return;const{selection:o}=t.state,r=this._getCurrentLineStart(t);if(!e&&r===i.lineStart&&o.empty&&o.to>=i.startPos)return;this._slashInlineMarkState=null;const s=t.state.selection.to;let n=t.chain().focus().setTextSelection({from:s,to:s});switch(i.type){case"bold":n=n.unsetBold();break;case"italic":n=n.unsetItalic();break;case"underline":n=n.unsetUnderline();break;case"strike":n=n.unsetStrike();break;case"code":n=n.unsetCode()}n.run()}_runInlineMarkAction(e,t,i){switch(e){case"bold":return"set"===i?t.setBold():t.unsetBold();case"italic":return"set"===i?t.setItalic():t.unsetItalic();case"underline":return"set"===i?t.setUnderline():t.unsetUnderline();case"strike":return"set"===i?t.setStrike():t.unsetStrike();case"code":return"set"===i?t.setCode():t.unsetCode()}}_syncSlashInlineMarkState(){this._slashInlineMarkState&&this._editor&&(this._isComposingText||(this._shouldEndSlashInlineMarkAtCursor()?this._clearSlashInlineMarkState(!0):this._clearSlashInlineMarkState()))}_shouldEndSlashInlineMarkAtCursor(){const e=this._editor,t=this._slashInlineMarkState;if(!e||!t)return!1;const{selection:i}=e.state,o=this._getCurrentLineStart(e);if(!i.empty||o!==t.lineStart||i.to<=t.startPos)return!1;const r=e.state.doc.textBetween(i.to-1,i.to,"\n","\n");return/\s/.test(r)}_hasInlineMarkAtCursor(e){const t=this._editor;if(!t)return!1;const i=t.schema.marks[e];if(!i)return!1;const{selection:o,storedMarks:r}=t.state;if(!o.empty)return!1;return(r??o.$from.marks()).some(e=>e.type===i)}_restoreSlashInlineMarkIfNeeded(){const e=this._editor,t=this._slashInlineMarkState;if(!e||!t)return;const{selection:i}=e.state,o=this._getCurrentLineStart(e);if(!i.empty||o!==t.lineStart||i.to<t.startPos)return;if(this._hasInlineMarkAtCursor(t.type))return;const r=e.state.selection.to;this._runInlineMarkAction(t.type,e.chain().focus().setTextSelection({from:r,to:r}),"set").run()}_setInlineMarkState(e,t){const i=this._getCurrentLineStart(this._editor);this._slashInlineMarkState=null===i?null:{type:e,lineStart:i,startPos:t}}_applyInlineMarkToCurrentLine(e,t){const i=this._editor;if(!i)return!1;const{selection:o}=i.state;if(!o.empty)return this._runInlineMarkAction(e,i.chain().focus().setTextSelection({from:o.from,to:o.to}),t).run(),"unset"===t&&this._clearSlashInlineMarkState(!0),!0;const r=o.from,s=i.state.doc.resolve(r),n={from:s.start(),to:s.end()};return this._clearSlashInlineMarkState(!0),n.from<n.to&&this._runInlineMarkAction(e,i.chain().focus().setTextSelection(n),t).run(),this._runInlineMarkAction(e,i.chain().focus().setTextSelection({from:r,to:r}),t).run(),"set"===t&&this._setInlineMarkState(e,r),!0}_toggleToolbarInlineMark(e){return this._applyInlineMarkToCurrentLine(e,this._hasInlineMarkAtCursor(e)?"unset":"set")}_applySlashInlineMark(e){const t=this._editor,i=this._getSlashCommandContext();if(!t||!i)return!1;this._clearSlashCommandText(),this._clearSlashInlineMarkState(!0);const o=t.state.selection.to,r={from:i.lineFrom,to:t.state.doc.resolve(o).end()};return r.from<r.to&&this._runInlineMarkAction(e,t.chain().focus().setTextSelection(r),"set").run(),this._runInlineMarkAction(e,t.chain().focus().setTextSelection({from:o,to:o}),"set").run(),this._setInlineMarkState(e,o),!0}_applySlashLineBlock(e){const t=this._editor,i=this._getSlashCommandContext();return!(!t||!i)&&(this._clearSlashCommandText(),e(t.chain().focus().setTextSelection({from:i.lineFrom,to:i.lineTo})).run(),!0)}_toggleBold(){this._applySlashInlineMark("bold")||this._toggleToolbarInlineMark("bold")}_toggleItalic(){this._applySlashInlineMark("italic")||this._toggleToolbarInlineMark("italic")}_toggleUnderline(){this._applySlashInlineMark("underline")||this._toggleToolbarInlineMark("underline")}_toggleStrike(){this._applySlashInlineMark("strike")||this._toggleToolbarInlineMark("strike")}_toggleCode(){this._applySlashInlineMark("code")||this._toggleToolbarInlineMark("code")}_setHeading(e){this._applySlashLineBlock(t=>t.setHeading({level:e}))||this._applyFormat(()=>this._editor?.chain().focus().toggleHeading({level:e}).run())}_setParagraph(){this._applySlashLineBlock(e=>e.setParagraph())||this._applyFormat(()=>this._editor?.chain().focus().setParagraph().run())}_toggleBulletList(){this._applySlashLineBlock(e=>e.toggleBulletList())||this._applyFormat(()=>this._editor?.chain().focus().toggleBulletList().run())}_toggleOrderedList(){this._applySlashLineBlock(e=>e.toggleOrderedList())||this._applyFormat(()=>this._editor?.chain().focus().toggleOrderedList().run())}_toggleTaskList(){this._applySlashLineBlock(e=>e.toggleTaskList())||this._applyFormat(()=>this._editor?.chain().focus().toggleTaskList().run())}_toggleBlockquote(){this._applySlashLineBlock(e=>e.toggleBlockquote())||this._applyFormat(()=>this._editor?.chain().focus().toggleBlockquote().run())}_setTextAlign(e){this._applySlashLineBlock(t=>t.setTextAlign(e))||this._applyFormat(()=>this._editor?.chain().focus().setTextAlign(e).run())}_normalizeLinkUrl(e){const t=e.trim();return t?/^(https?:\/\/|mailto:|tel:|#|\/)/i.test(t)?t:`https://${t}`:""}_getLinkLabelFromRange(e){const t=this._editor;return!t||!e||e.from>=e.to?"":t.state.doc.textBetween(e.from,e.to,"")}_getLinkTargetRange(){const e=this._editor;if(!e)return null;const{selection:t}=e.state;if(!t.empty)return{from:t.from,to:t.to};if(e.isActive("link"))return e.chain().focus().extendMarkRange("link").run(),{from:e.state.selection.from,to:e.state.selection.to};const i=e.state.doc.resolve(t.from);return{from:i.start(),to:i.end()}}_setLink(e){const t=this._editor,i=this.shadowRoot?.querySelector(".editor-wrapper"),o=e.currentTarget instanceof HTMLElement?e.currentTarget:null;if(!t||!i||!o)return;const r=this._getLinkTargetRange();this._linkSelection=r;const s=i.getBoundingClientRect(),n=o.getBoundingClientRect(),l=Math.max(12,s.width-332),a=Math.min(Math.max(12,n.left-s.left),l),d=n.bottom-s.top+8,h=String(t.getAttributes("link").href||""),c=this._getLinkLabelFromRange(r);this._linkEditor={x:a,y:d,visible:!0,url:h,label:c},this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelector('.link-editor__input[data-field="url"]');e?.focus(),e?.select()})}_closeLinkEditor(){this._linkEditor={...this._linkEditor,visible:!1}}_handleLinkEditorInput(e){const t=e.target,i="label"===t.dataset.field?"label":"url";this._linkEditor={...this._linkEditor,[i]:t.value}}_applyLink(){const e=this._editor,t=this._normalizeLinkUrl(this._linkEditor.url),i=this._linkEditor.label.trim()||t;if(!e||!t)return;this._clearSlashCommandText();const o=this._linkSelection??this._getLinkTargetRange()??e.state.selection,r=o.from+i.length;e.chain().focus().insertContentAt({from:o.from,to:o.to},{type:"text",text:i,marks:[{type:"link",attrs:{href:t}}]}).setTextSelection({from:r,to:r}).run(),this._closeLinkEditor()}_removeLink(){const e=this._editor;if(!e)return;const t=this._linkSelection??e.state.selection;let i=e.chain().focus();t.from!==t.to&&(i=i.setTextSelection(t)),i.extendMarkRange("link").unsetLink().run(),this._closeLinkEditor()}_handleLinkEditorKeydown(e){if("Enter"===e.key)return e.preventDefault(),void this._applyLink();"Escape"===e.key&&(e.preventDefault(),this._closeLinkEditor())}_insertTable(e,t){this._editor?.chain().focus().insertTable({rows:e??this._tableRows,cols:t??this._tableCols,withHeaderRow:!0}).run()}async _handleImageUpload(e){const t=e.target,i=t.files?.[0];if(i)try{const e=await this._getImageNaturalWidth(i),t=await this["upload-image"](i),o=e?Math.min(e,this._getImageMaxWidth()):this._getImageMaxWidth();this._clearSlashCommandText();const r=this._pendingImageInsertPos;this._pendingImageInsertPos=null,null!==r?this._insertImageAt(r,{src:t,width:o,align:"left"}):this._editor?.chain().focus().setImage({src:t,width:o,align:"left"}).run()}catch(e){const t=e instanceof Error?e:new Error("图片上传失败");this.dispatchEvent(new CustomEvent("image-upload-error",{detail:{file:i,error:t},bubbles:!0,composed:!0}))}t.value=""}_triggerImageUpload(){this._clearSlashCommandText();const e=this.shadowRoot?.querySelector(".image-input");e?.click()}_insertTableByClick(e,t){this._clearSlashCommandText(),this._tableRows=e,this._tableCols=t,this._insertTable(e,t)}_showTableCellToolbar(){if(!this._editor?.isActive("table"))return;const{state:e}=this._editor,{selection:t}=e,i=this._editor.view.coordsAtPos(t.from),o=this.shadowRoot?.querySelector(".editor-wrapper");if(!o)return;const r=o.getBoundingClientRect(),s=this._getTableCellRow(),n=this._getTableCellCol();(0===s||0===n)&&requestAnimationFrame(()=>{this._tableCellToolbar={x:i.left-r.left,y:i.bottom-r.top+8,visible:!0,cellRow:s,cellCol:n}})}_getTableCellRow(){if(!this._editor)return 0;const{selection:e}=this._editor.state,t=this._editor.state.doc.resolve(e.from);for(let e=t.depth;e>0;e--){if("tableCell"===t.node(e).type.name)return t.index(e-1)}return 0}_getTableCellCol(){if(!this._editor)return 0;const{selection:e}=this._editor.state,t=this._editor.state.doc.resolve(e.from);for(let e=t.depth;e>0;e--){if("tableCell"===t.node(e).type.name)return t.index(e)}return 0}_hideTableCellToolbar(){requestAnimationFrame(()=>{this._tableCellToolbar={...this._tableCellToolbar,visible:!1}})}_addTableRowAbove(){this._editor?.chain().focus().addRowBefore().run(),this._hideTableCellToolbar()}_addTableRowBelow(){this._editor?.chain().focus().addRowAfter().run(),this._hideTableCellToolbar()}_addTableColumnLeft(){this._editor?.chain().focus().addColumnBefore().run(),this._hideTableCellToolbar()}_addTableColumnRight(){this._editor?.chain().focus().addColumnAfter().run(),this._hideTableCellToolbar()}_deleteTableRow(){this._editor?.chain().focus().deleteRow().run(),this._hideTableCellToolbar()}_deleteTableColumn(){this._editor?.chain().focus().deleteColumn().run(),this._hideTableCellToolbar()}_deleteTable(){this._editor?.chain().focus().deleteTable().run(),this._hideTableCellToolbar()}_showImageToolbar(e){requestAnimationFrame(()=>{this._imageToolbar={x:e.x,y:e.y,visible:!0}})}_hideImageToolbar(){requestAnimationFrame(()=>{this._imageToolbar={...this._imageToolbar,visible:!1}})}_deleteImage(){const e=this._getSelectedImageNode();if(!e)return;const{editor:t,pos:i,node:o}=e;t.view.dispatch(t.state.tr.delete(i,i+o.nodeSize)),this._selectedImage=null,this._pendingImageInsertPos=null,this._hideImageToolbar()}_insertImageAfter(){const e=this._getSelectedImageNode();e?(this._pendingImageInsertPos=e.pos+e.node.nodeSize,this._triggerImageUpload()):this._triggerImageUpload()}_getSelectedImageNode(){const e=this._editor,t=this._selectedImage?.pos;if(!e||void 0===t)return null;const i=e.state.doc.nodeAt(t);return i&&"image"===i.type.name?{editor:e,pos:t,node:i}:null}_insertImageAt(e,t){const i=this._editor;if(!i)return;const o=Math.max(0,Math.min(e,i.state.doc.content.size));i.chain().insertContentAt(o,{type:"image",attrs:t}).setNodeSelection(o).run()}_updateSelectedImageAttributes(e){const t=this._getSelectedImageNode();if(!t)return;const{editor:i,pos:o,node:r}=t;i.view.dispatch(i.state.tr.setNodeMarkup(o,void 0,{...r.attrs,...e}))}_setImageWidth(e){const t=Math.max(24,Math.min(this._getImageMaxWidth(),Math.round(e)));this._updateSelectedImageAttributes({width:t})}_handleImageWidthInput(e){const t=e.target.value.trim();if(!t)return;const i=Number(t);Number.isFinite(i)&&this._setImageWidth(i)}_setImageAlignLeft(){this._updateSelectedImageAttributes({align:"left"})}_setImageAlignCenter(){this._updateSelectedImageAttributes({align:"center"})}_setImageAlignRight(){this._updateSelectedImageAttributes({align:"right"})}_getTextLabel(){const e=this._editor;return e?e.isActive("heading",{level:1})?"标题 1":e.isActive("heading",{level:2})?"标题 2":e.isActive("heading",{level:3})?"标题 3":"正文":"正文"}_getAlignLabel(){const e=this._editor;return e?e.isActive({textAlign:"center"})?"居中":e.isActive({textAlign:"right"})?"右对齐":"左对齐":"对齐"}_renderImageControls(){const e=this._selectedImage;return e?T.html`
+    `}_transformIncomingContent(e){const t=e||"",i=this["deserialize-content"];if(!i)return _.transformIncomingContentByFormat(t,this._contentFormatValue);try{return i(t)||_.EMPTY_EDITOR_HTML}catch{return _.transformIncomingContentByFormat(t,this._contentFormatValue)}}_transformOutgoingContent(e){const t=this["serialize-content"];if(!t)return _.transformOutgoingContentByFormat(e,this._contentFormatValue);try{return t(e)}catch{return _.transformOutgoingContentByFormat(e,this._contentFormatValue)}}_getEditorCharacterCount(){return this._editor?.getText().length??0}_initEditor(){if(this._editor)return;const e=this.shadowRoot?.querySelector(".editor-content");if(!e){requestAnimationFrame(()=>this._initEditor());return}for(;e.firstChild;)e.removeChild(e.firstChild);const t=this._useModelValue,i=this.getAttribute("model-value")??this["model-value"],o=this.content,r=t?this._transformIncomingContent(this._pendingContent??i):this._transformIncomingContent(this._pendingContent??o),n=[q,U,J,$,D,ee,W,P,V.configure({levels:[1,2,3]}),R,Q,se,le,ae,A,H,F,de.configure({inline:!1,allowBase64:!0}),O.extend({inclusive:!1}).configure({openOnClick:!1,HTMLAttributes:{rel:"noopener noreferrer"}}),Z.configure({types:["heading","paragraph"]}),G.Table.configure({resizable:!0}),X.TableRow,K.TableCell,Y.TableHeader,N.configure({placeholder:this._resolvedPlaceholder})];this._editor=new g.Editor({element:e,extensions:n,editable:this._isEditable,content:r}),this._editor.view.dom.addEventListener("compositionstart",this._handleCompositionStart),this._editor.view.dom.addEventListener("compositionend",this._handleCompositionEnd),this._pendingContent=null,this._editor.on("selectionUpdate",()=>{this._syncSlashInlineMarkState(),this._restoreSlashInlineMarkIfNeeded(),this._toolbarModeValue==="slash"&&this._updateBubbleMenuPosition(),this._editor?.isActive("table")?this._showTableCellToolbar():this._hideTableCellToolbar(),this._syncImageSelectionState()}),this._editor.on("transaction",()=>{this._editor?.isActive("table")?this._showTableCellToolbar():this._hideTableCellToolbar(),this._checkSlashCommand(),this._syncSlashInlineMarkState(),this._restoreSlashInlineMarkIfNeeded(),this._setupTableEdgeDetection(),this._syncImageSelectionState()}),this._editor.on("update",()=>{this._emitContentChange()})}_toggleTaskItemChecked(e){const t=e.target,i=this._editor;if(!(t instanceof HTMLInputElement)||t.type!=="checkbox"||!i)return;const o=t.closest('li[data-type="taskItem"]');if(!o)return;e.preventDefault(),e.stopPropagation();const r=i.view.posAtDOM(o,0),n=Math.max(0,r-2),s=Math.min(i.state.doc.content.size,r+2);let h=null;if(i.state.doc.nodesBetween(n,s,(b,p)=>{if(b.type.name==="taskItem")return h=p,!1}),h===null)return;const u=i.state.doc.nodeAt(h);!u||u.type.name!=="taskItem"||i.view.dispatch(i.state.tr.setNodeMarkup(h,void 0,{...u.attrs,checked:!u.attrs.checked}))}_emitContentChange(){if(!this._editor)return;const e=this.getContentSnapshot();this._showCharacterCountValue&&this.requestUpdate(),this.dispatchEvent(new CustomEvent("content-update",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("content-change",{detail:e.value,bubbles:!0,composed:!0}))}_setupTableEdgeDetection(){const e=this.shadowRoot?.querySelector(".editor-content"),t=this.shadowRoot?.querySelector(".editor-wrapper");if(!e||this._tableEdgeDetectionSetup)return;this._tableEdgeDetectionSetup=!0;const i=o=>{this._toggleTaskItemChecked(o);const r=o.target;r instanceof Element&&r.closest(".editor-header, .bubble-menu, .table-cell-toolbar, .image-toolbar, .link-editor")||this._isEditable&&this._editor?.chain().focus().run()};e.addEventListener("click",i),t?.addEventListener("click",i)}_handleWrapperFocusIn(){this._preserveFocusOnInternalClick=!1,this._isEditorFocused=!0}_handleHeaderToolbarMouseDown(e){if(!this._isEditable)return;const t=e.target;!(t instanceof Element)||!t.closest("button, .bubble-dropdown, .table-cell")||(e.preventDefault(),this._preserveFocusOnInternalClick=!0,requestAnimationFrame(()=>{this._preserveFocusOnInternalClick=!1}))}_handleWrapperMouseDown(e){const t=e.target;!this._isEditable||!(t instanceof Element)||t.closest(".editor-header, .bubble-menu, .table-cell-toolbar, .image-toolbar, .link-editor")||(this._preserveFocusOnInternalClick=!0,requestAnimationFrame(()=>{this._preserveFocusOnInternalClick=!1}))}_handleWrapperFocusOut(e){const t=e.relatedTarget,i=this.shadowRoot?.querySelector(".editor-wrapper");this._preserveFocusOnInternalClick||t&&i?.contains(t)||(this._isEditorFocused=!1,this._tableDropdownOpen=!1,this._selectedImage=null,this._hideImageToolbar(),this._closeLinkEditor())}_isHeaderVisible(){return this._toolbarModeValue==="header"&&!this._previewValue&&(this._headerAlwaysVisibleValue||this._isEditorFocused||this._tableDropdownOpen||!!this._selectedImage)}_getImageSelection(){const e=this._editor,t=e?.state.selection;return!e||!t?.node||t.node.type?.name!=="image"?null:{pos:t.from,attrs:t.node.attrs??{}}}_getImageMaxWidth(){const t=(this.shadowRoot?.querySelector(".editor-content")?.clientWidth??I)-32;return Math.max(w,Math.min(I,t))}async _getImageNaturalWidth(e){return await new Promise(t=>{const i=URL.createObjectURL(e),o=new window.Image;o.onload=()=>{const r=o.naturalWidth;URL.revokeObjectURL(i),t(Number.isFinite(r)&&r>0?r:null)},o.onerror=()=>{URL.revokeObjectURL(i),t(null)},o.src=i})}_syncImageSelectionState(){const e=this._getImageSelection();if(!e){this._selectedImage=null,this._toolbarModeValue==="slash"&&this._hideImageToolbar();return}const t=Number(e.attrs.width),i=String(e.attrs.align||"left");if(this._selectedImage={pos:e.pos,width:Number.isFinite(t)&&t>0?t:this._getImageMaxWidth(),align:i},this._toolbarModeValue!=="slash"){this._hideImageToolbar();return}const o=this._editor,r=this.shadowRoot?.querySelector(".editor-wrapper")?.getBoundingClientRect();if(!o||!r)return;const n=o.view.coordsAtPos(e.pos),s=n.left-r.left+(n.right-n.left)/2,h=n.top-r.top-40;this._showImageToolbar({x:s,y:h})}_clearSlashCommandText(){if(!this._editor||!this._slashCommandRange)return;const{from:e,to:t}=this._slashCommandRange;this._editor.chain().focus().deleteRange({from:e,to:t}).run(),this._hasSlashCommand=!1,this._slashCommandRange=null}_checkSlashCommand(){if(!this._editor)return;const{selection:e}=this._editor.state;if(!e.empty){this._hasSlashCommand=!1,this._slashCommandRange=null;return}const{$from:t}=e,i=t.parent.textBetween(0,t.parentOffset," "," "),o=/(?:^|\s)(\/\S*)$/.exec(i);if(!o){this._hasSlashCommand=!1,this._slashCommandRange=null;return}const r=o[1];this._hasSlashCommand=!0,this._slashCommandRange={from:e.from-r.length,to:e.from}}firstUpdated(){this._injectCustomStyles(),queueMicrotask(()=>{this.isConnected&&this._initEditor()})}updated(e){if(e.has("custom-styles")&&this._injectCustomStyles(),this._editor){if(e.has("content")||e.has("model-value")&&this._useModelValue||e.has("deserialize-content")||e.has("content-format")){const t=this._useModelValue?this["model-value"]:this.content,i=this._transformIncomingContent(t);!(!(e.has("deserialize-content")||e.has("content-format"))&&(t??"")===this.getContent())&&i!==this._editor.getHTML()&&this._editor.commands.setContent(i)}(e.has("readonly")||e.has("preview")||e.has("editable"))&&this._editor.setEditable(this._isEditable);return}e.has("content")&&(this._pendingContent=this.content),e.has("model-value")&&this._useModelValue&&(this._pendingContent=this["model-value"])}disconnectedCallback(){super.disconnectedCallback();const e=this._editor?.view?.dom;e?.removeEventListener("compositionstart",this._handleCompositionStart),e?.removeEventListener("compositionend",this._handleCompositionEnd),this._editor?.destroy(),this._editor=null}getContent(){return this.getContentSnapshot().value}getContentSnapshot(){const e=this._editor?.getHTML()??"",t=this._editor?.getText().trim()??"";return{value:e?this._transformOutgoingContent(e):"",html:e,text:t,format:this._contentFormatValue}}forceUpdate(){if(this.requestUpdate(),this._editor){const e=this._transformIncomingContent(this._useModelValue?this["model-value"]:this.content);e!==this._editor.getHTML()&&this._editor.commands.setContent(e)}}_applyFormat(e){this._clearSlashCommandText(),this._clearSlashInlineMarkState(!0),e()}_getCurrentLineStart(e){const{selection:t}=e.state;return t.empty?t.$from.start():null}_getSlashCommandContext(){const e=this._editor,t=this._slashCommandRange;return!e||!t?null:{lineFrom:e.state.doc.resolve(t.from).start(),lineTo:t.from}}_clearSlashInlineMarkState(e=!1){const t=this._editor,i=this._slashInlineMarkState;if(!t||!i)return;const{selection:o}=t.state,r=this._getCurrentLineStart(t);if(!e&&r===i.lineStart&&o.empty&&o.to>=i.startPos)return;this._slashInlineMarkState=null;const n=t.state.selection.to;let s=t.chain().focus().setTextSelection({from:n,to:n});switch(i.type){case"bold":s=s.unsetBold();break;case"italic":s=s.unsetItalic();break;case"underline":s=s.unsetUnderline();break;case"strike":s=s.unsetStrike();break;case"code":s=s.unsetCode();break}s.run()}_runInlineMarkAction(e,t,i){switch(e){case"bold":return i==="set"?t.setBold():t.unsetBold();case"italic":return i==="set"?t.setItalic():t.unsetItalic();case"underline":return i==="set"?t.setUnderline():t.unsetUnderline();case"strike":return i==="set"?t.setStrike():t.unsetStrike();case"code":return i==="set"?t.setCode():t.unsetCode()}}_syncSlashInlineMarkState(){if(!(!this._slashInlineMarkState||!this._editor)&&!this._isComposingText){if(this._shouldEndSlashInlineMarkAtCursor()){this._clearSlashInlineMarkState(!0);return}this._clearSlashInlineMarkState()}}_shouldEndSlashInlineMarkAtCursor(){const e=this._editor,t=this._slashInlineMarkState;if(!e||!t)return!1;const{selection:i}=e.state,o=this._getCurrentLineStart(e);if(!i.empty||o!==t.lineStart||i.to<=t.startPos)return!1;const r=e.state.doc.textBetween(i.to-1,i.to,`
+`,`
+`);return/\s/.test(r)}_hasInlineMarkAtCursor(e){const t=this._editor;if(!t)return!1;const i=t.schema.marks[e];if(!i)return!1;const{selection:o,storedMarks:r}=t.state;return o.empty?(r??o.$from.marks()).some(s=>s.type===i):!1}_restoreSlashInlineMarkIfNeeded(){const e=this._editor,t=this._slashInlineMarkState;if(!e||!t)return;const{selection:i}=e.state,o=this._getCurrentLineStart(e);if(!i.empty||o!==t.lineStart||i.to<t.startPos||this._hasInlineMarkAtCursor(t.type))return;const r=e.state.selection.to;this._runInlineMarkAction(t.type,e.chain().focus().setTextSelection({from:r,to:r}),"set").run()}_setInlineMarkState(e,t){const i=this._getCurrentLineStart(this._editor);this._slashInlineMarkState=i===null?null:{type:e,lineStart:i,startPos:t}}_applyInlineMarkToCurrentLine(e,t){const i=this._editor;if(!i)return!1;const{selection:o}=i.state;if(!o.empty)return this._runInlineMarkAction(e,i.chain().focus().setTextSelection({from:o.from,to:o.to}),t).run(),t==="unset"&&this._clearSlashInlineMarkState(!0),!0;const r=o.from,n=i.state.doc.resolve(r),s={from:n.start(),to:n.end()};return this._clearSlashInlineMarkState(!0),s.from<s.to&&this._runInlineMarkAction(e,i.chain().focus().setTextSelection(s),t).run(),this._runInlineMarkAction(e,i.chain().focus().setTextSelection({from:r,to:r}),t).run(),t==="set"&&this._setInlineMarkState(e,r),!0}_toggleToolbarInlineMark(e){return this._applyInlineMarkToCurrentLine(e,this._hasInlineMarkAtCursor(e)?"unset":"set")}_applySlashInlineMark(e){const t=this._editor,i=this._getSlashCommandContext();if(!t||!i)return!1;this._clearSlashCommandText(),this._clearSlashInlineMarkState(!0);const o=t.state.selection.to,r={from:i.lineFrom,to:t.state.doc.resolve(o).end()};return r.from<r.to&&this._runInlineMarkAction(e,t.chain().focus().setTextSelection(r),"set").run(),this._runInlineMarkAction(e,t.chain().focus().setTextSelection({from:o,to:o}),"set").run(),this._setInlineMarkState(e,o),!0}_applySlashLineBlock(e){const t=this._editor,i=this._getSlashCommandContext();return!t||!i?!1:(this._clearSlashCommandText(),e(t.chain().focus().setTextSelection({from:i.lineFrom,to:i.lineTo})).run(),!0)}_toggleBold(){this._applySlashInlineMark("bold")||this._toggleToolbarInlineMark("bold")}_toggleItalic(){this._applySlashInlineMark("italic")||this._toggleToolbarInlineMark("italic")}_toggleUnderline(){this._applySlashInlineMark("underline")||this._toggleToolbarInlineMark("underline")}_toggleStrike(){this._applySlashInlineMark("strike")||this._toggleToolbarInlineMark("strike")}_toggleCode(){this._applySlashInlineMark("code")||this._toggleToolbarInlineMark("code")}_setHeading(e){this._applySlashLineBlock(t=>t.setHeading({level:e}))||this._applyFormat(()=>this._editor?.chain().focus().toggleHeading({level:e}).run())}_setParagraph(){this._applySlashLineBlock(e=>e.setParagraph())||this._applyFormat(()=>this._editor?.chain().focus().setParagraph().run())}_toggleBulletList(){this._applySlashLineBlock(e=>e.toggleBulletList())||this._applyFormat(()=>this._editor?.chain().focus().toggleBulletList().run())}_toggleOrderedList(){this._applySlashLineBlock(e=>e.toggleOrderedList())||this._applyFormat(()=>this._editor?.chain().focus().toggleOrderedList().run())}_toggleTaskList(){this._applySlashLineBlock(e=>e.toggleTaskList())||this._applyFormat(()=>this._editor?.chain().focus().toggleTaskList().run())}_toggleBlockquote(){this._applySlashLineBlock(e=>e.toggleBlockquote())||this._applyFormat(()=>this._editor?.chain().focus().toggleBlockquote().run())}_setTextAlign(e){this._applySlashLineBlock(t=>t.setTextAlign(e))||this._applyFormat(()=>this._editor?.chain().focus().setTextAlign(e).run())}_normalizeLinkUrl(e){const t=e.trim();return t?/^(https?:\/\/|mailto:|tel:|#|\/)/i.test(t)?t:`https://${t}`:""}_getLinkLabelFromRange(e){const t=this._editor;return!t||!e||e.from>=e.to?"":t.state.doc.textBetween(e.from,e.to,"")}_getLinkTargetRange(){const e=this._editor;if(!e)return null;const{selection:t}=e.state;if(!t.empty)return{from:t.from,to:t.to};if(e.isActive("link"))return e.chain().focus().extendMarkRange("link").run(),{from:e.state.selection.from,to:e.state.selection.to};const i=e.state.doc.resolve(t.from);return{from:i.start(),to:i.end()}}_setLink(e){const t=this._editor,i=this.shadowRoot?.querySelector(".editor-wrapper"),o=e.currentTarget instanceof HTMLElement?e.currentTarget:null;if(!t||!i||!o)return;const r=this._getLinkTargetRange();this._linkSelection=r;const n=i.getBoundingClientRect(),s=o.getBoundingClientRect(),h=Math.max(12,n.width-332),u=Math.min(Math.max(12,s.left-n.left),h),b=s.bottom-n.top+8,p=String(t.getAttributes("link").href||""),m=this._getLinkLabelFromRange(r);this._linkEditor={x:u,y:b,visible:!0,url:p,label:m},this.updateComplete.then(()=>{const f=this.shadowRoot?.querySelector('.link-editor__input[data-field="url"]');f?.focus(),f?.select()})}_closeLinkEditor(){this._linkEditor={...this._linkEditor,visible:!1}}_handleLinkEditorInput(e){const t=e.target,i=t.dataset.field==="label"?"label":"url";this._linkEditor={...this._linkEditor,[i]:t.value}}_applyLink(){const e=this._editor,t=this._normalizeLinkUrl(this._linkEditor.url),i=this._linkEditor.label.trim()||t;if(!e||!t)return;this._clearSlashCommandText();const o=this._linkSelection??this._getLinkTargetRange()??e.state.selection,r=o.from+i.length;e.chain().focus().insertContentAt({from:o.from,to:o.to},{type:"text",text:i,marks:[{type:"link",attrs:{href:t}}]}).setTextSelection({from:r,to:r}).run(),this._closeLinkEditor()}_removeLink(){const e=this._editor;if(!e)return;const t=this._linkSelection??e.state.selection;let i=e.chain().focus();t.from!==t.to&&(i=i.setTextSelection(t)),i.extendMarkRange("link").unsetLink().run(),this._closeLinkEditor()}_handleLinkEditorKeydown(e){if(e.key==="Enter"){e.preventDefault(),this._applyLink();return}e.key==="Escape"&&(e.preventDefault(),this._closeLinkEditor())}_insertTable(e,t){this._editor?.chain().focus().insertTable({rows:e??this._tableRows,cols:t??this._tableCols,withHeaderRow:!0}).run()}async _handleImageUpload(e){const t=e.target,i=Array.from(t.files??[]);if(!i.length){t.value="";return}this._clearSlashCommandText();let o=this._pendingImageInsertPos!==null?{from:this._pendingImageInsertPos,to:this._pendingImageInsertPos}:this._editor?{from:this._editor.state.selection.from,to:this._editor.state.selection.to}:null;this._pendingImageInsertPos=null;for(const r of i)try{const n=await this._getImageNaturalWidth(r),s=await this["upload-image"](r),h=n?Math.min(n,this._getImageMaxWidth()):this._getImageMaxWidth();if(!o&&this._editor&&(o={from:this._editor.state.selection.from,to:this._editor.state.selection.to}),!o)continue;const u=this._insertImageAt(o,{src:s,width:h,align:"left"});o={from:u,to:u}}catch(n){const s=n instanceof Error?n:new Error("图片上传失败");this.dispatchEvent(new CustomEvent("image-upload-error",{detail:{file:r,error:s},bubbles:!0,composed:!0}))}t.value=""}_triggerImageUpload(){this._clearSlashCommandText();const e=this.shadowRoot?.querySelector(".image-input");if(!e)return;e.value="";const t=e;if(typeof t.showPicker=="function")try{t.showPicker();return}catch{}e.click()}_insertTableByClick(e,t){this._clearSlashCommandText(),this._tableRows=e,this._tableCols=t,this._insertTable(e,t)}_showTableCellToolbar(){if(!this._editor?.isActive("table"))return;const{state:e}=this._editor,{selection:t}=e,i=this._editor.view.coordsAtPos(t.from),o=this.shadowRoot?.querySelector(".editor-wrapper");if(!o)return;const r=o.getBoundingClientRect(),n=this._getTableCellRow(),s=this._getTableCellCol();!(n===0)&&!(s===0)||requestAnimationFrame(()=>{this._tableCellToolbar={x:i.left-r.left,y:i.bottom-r.top+8,visible:!0,cellRow:n,cellCol:s}})}_getTableCellRow(){if(!this._editor)return 0;const{selection:e}=this._editor.state,t=this._editor.state.doc.resolve(e.from);for(let i=t.depth;i>0;i--)if(t.node(i).type.name==="tableCell")return t.index(i-1);return 0}_getTableCellCol(){if(!this._editor)return 0;const{selection:e}=this._editor.state,t=this._editor.state.doc.resolve(e.from);for(let i=t.depth;i>0;i--)if(t.node(i).type.name==="tableCell")return t.index(i);return 0}_hideTableCellToolbar(){requestAnimationFrame(()=>{this._tableCellToolbar={...this._tableCellToolbar,visible:!1}})}_addTableRowAbove(){this._editor?.chain().focus().addRowBefore().run(),this._hideTableCellToolbar()}_addTableRowBelow(){this._editor?.chain().focus().addRowAfter().run(),this._hideTableCellToolbar()}_addTableColumnLeft(){this._editor?.chain().focus().addColumnBefore().run(),this._hideTableCellToolbar()}_addTableColumnRight(){this._editor?.chain().focus().addColumnAfter().run(),this._hideTableCellToolbar()}_deleteTableRow(){this._editor?.chain().focus().deleteRow().run(),this._hideTableCellToolbar()}_deleteTableColumn(){this._editor?.chain().focus().deleteColumn().run(),this._hideTableCellToolbar()}_deleteTable(){this._editor?.chain().focus().deleteTable().run(),this._hideTableCellToolbar()}_showImageToolbar(e){requestAnimationFrame(()=>{this._imageToolbar={x:e.x,y:e.y,visible:!0}})}_hideImageToolbar(){requestAnimationFrame(()=>{this._imageToolbar={...this._imageToolbar,visible:!1}})}_deleteImage(){const e=this._getSelectedImageNode();if(!e)return;const{editor:t,pos:i,node:o}=e;t.view.dispatch(t.state.tr.delete(i,i+o.nodeSize)),this._selectedImage=null,this._pendingImageInsertPos=null,this._hideImageToolbar()}_insertImageAfter(){const e=this._getSelectedImageNode();if(!e){this._triggerImageUpload();return}this._pendingImageInsertPos=e.pos+e.node.nodeSize,this._triggerImageUpload()}_getSelectedImageNode(){const e=this._editor,t=this._selectedImage?.pos;if(!e||t===void 0)return null;const i=e.state.doc.nodeAt(t);return!i||i.type.name!=="image"?null:{editor:e,pos:t,node:i}}_insertImageAt(e,t){const i=this._editor;if(!i)return 0;const o=typeof e=="number"?{from:Math.max(0,Math.min(e,i.state.doc.content.size)),to:Math.max(0,Math.min(e,i.state.doc.content.size))}:{from:Math.max(0,Math.min(e.from,i.state.doc.content.size)),to:Math.max(0,Math.min(e.to,i.state.doc.content.size))},r=o.from,n=i.chain().focus();if(typeof n.insertContentAt=="function"){let s=n.insertContentAt(o,{type:"image",attrs:t});typeof s?.setNodeSelection=="function"&&(s=s.setNodeSelection(r)),s.run();const h=i.state.doc.nodeAt(r)?.nodeSize??1;return r+h}return typeof n.setImage=="function"?(n.setImage(t).run(),r+1):r}_updateSelectedImageAttributes(e){const t=this._getSelectedImageNode();if(!t)return;const{editor:i,pos:o,node:r}=t;i.view.dispatch(i.state.tr.setNodeMarkup(o,void 0,{...r.attrs,...e}))}_setImageWidth(e){const t=Math.max(w,Math.min(this._getImageMaxWidth(),Math.round(e)));this._updateSelectedImageAttributes({width:t})}_handleImageWidthInput(e){const t=e.target.value.trim();if(!t)return;const i=Number(t);Number.isFinite(i)&&this._setImageWidth(i)}_setImageAlignLeft(){this._updateSelectedImageAttributes({align:"left"})}_setImageAlignCenter(){this._updateSelectedImageAttributes({align:"center"})}_setImageAlignRight(){this._updateSelectedImageAttributes({align:"right"})}_getTextLabel(){const e=this._editor;return e?e.isActive("heading",{level:1})?"标题 1":e.isActive("heading",{level:2})?"标题 2":e.isActive("heading",{level:3})?"标题 3":"正文":"正文"}_getAlignLabel(){const e=this._editor;return e?e.isActive({textAlign:"center"})?"居中":e.isActive({textAlign:"right"})?"右对齐":"左对齐":"对齐"}_renderImageControls(){const e=this._selectedImage;return e?l.html`
       <button class="bubble-btn danger" title="删除图片" @click=${this._deleteImage}>
         <svg viewBox="0 0 24 24"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>
       </button>
@@ -12,13 +14,13 @@
       </button>
       <div class="bubble-divider"></div>
       <span class="image-control-label">对齐</span>
-      <button class="bubble-btn ${"left"===e.align?"is-active":""}" title="左对齐" @click=${this._setImageAlignLeft}>
+      <button class="bubble-btn ${e.align==="left"?"is-active":""}" title="左对齐" @click=${this._setImageAlignLeft}>
         <svg viewBox="0 0 24 24"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="15" y2="12"/><line x1="3" y1="18" x2="18" y2="18"/></svg>
       </button>
-      <button class="bubble-btn ${"center"===e.align?"is-active":""}" title="居中" @click=${this._setImageAlignCenter}>
+      <button class="bubble-btn ${e.align==="center"?"is-active":""}" title="居中" @click=${this._setImageAlignCenter}>
         <svg viewBox="0 0 24 24"><line x1="3" y1="6" x2="21" y2="6"/><line x1="6" y1="12" x2="18" y2="12"/><line x1="4" y1="18" x2="20" y2="18"/></svg>
       </button>
-      <button class="bubble-btn ${"right"===e.align?"is-active":""}" title="右对齐" @click=${this._setImageAlignRight}>
+      <button class="bubble-btn ${e.align==="right"?"is-active":""}" title="右对齐" @click=${this._setImageAlignRight}>
         <svg viewBox="0 0 24 24"><line x1="3" y1="6" x2="21" y2="6"/><line x1="9" y1="12" x2="21" y2="12"/><line x1="6" y1="18" x2="21" y2="18"/></svg>
       </button>
       <div class="image-size-control">
@@ -26,18 +28,18 @@
         <input
           class="image-size-range"
           type="number"
-          min="${24}"
+          min="${w}"
           max="${this._getImageMaxWidth()}"
           .value=${String(e.width)}
           @input=${this._handleImageWidthInput}
         />
       </div>
-    `:""}_joinToolbarGroups(e){return e.flatMap((e,t)=>0===t?[e]:[T.html`<div class="bubble-divider"></div>`,e])}_renderFormatToolbarGroup(e){return T.html`
-      ${this._renderToolbarButton("bold",{title:"加粗",active:e?.isActive("bold"),onClick:this._toggleBold,icon:T.html`<svg viewBox="0 0 24 24"><path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"/><path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"/></svg>`})}
-      ${this._renderToolbarButton("italic",{title:"斜体",active:e?.isActive("italic"),onClick:this._toggleItalic,icon:T.html`<svg viewBox="0 0 24 24"><line x1="19" y1="4" x2="10" y2="4"/><line x1="14" y1="20" x2="5" y2="20"/><line x1="15" y1="4" x2="9" y2="20"/></svg>`})}
-      ${this._renderToolbarButton("underline",{title:"下划线",active:e?.isActive("underline"),onClick:this._toggleUnderline,icon:T.html`<svg viewBox="0 0 24 24"><path d="M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3"/><line x1="4" y1="21" x2="20" y2="21"/></svg>`})}
-      ${this._renderToolbarButton("strike",{title:"删除线",active:e?.isActive("strike"),onClick:this._toggleStrike,icon:T.html`<svg viewBox="0 0 24 24"><path d="M17.3 4.9c-2.3-.6-4.4-1-6.2-.9-2.7 0-5.3.7-5.3 3.6 0 1.5 1.8 3.3 5.3 3.9h.2m8.2 3.2c.3.4.4.8.4 1.3 0 2.9-2.7 3.6-6.2 3.6-2.3 0-4.4-.3-6.2-.9M4 12h16"/></svg>`})}
-    `}_renderHeadingToolbarGroup(e){return T.html`
+    `:""}_joinToolbarGroups(e){return e.flatMap((t,i)=>i===0?[t]:[l.html`<div class="bubble-divider"></div>`,t])}_renderFormatToolbarGroup(e){return l.html`
+      ${this._renderToolbarButton("bold",{title:"加粗",active:e?.isActive("bold"),onClick:this._toggleBold,icon:l.html`<svg viewBox="0 0 24 24"><path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"/><path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"/></svg>`})}
+      ${this._renderToolbarButton("italic",{title:"斜体",active:e?.isActive("italic"),onClick:this._toggleItalic,icon:l.html`<svg viewBox="0 0 24 24"><line x1="19" y1="4" x2="10" y2="4"/><line x1="14" y1="20" x2="5" y2="20"/><line x1="15" y1="4" x2="9" y2="20"/></svg>`})}
+      ${this._renderToolbarButton("underline",{title:"下划线",active:e?.isActive("underline"),onClick:this._toggleUnderline,icon:l.html`<svg viewBox="0 0 24 24"><path d="M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3"/><line x1="4" y1="21" x2="20" y2="21"/></svg>`})}
+      ${this._renderToolbarButton("strike",{title:"删除线",active:e?.isActive("strike"),onClick:this._toggleStrike,icon:l.html`<svg viewBox="0 0 24 24"><path d="M17.3 4.9c-2.3-.6-4.4-1-6.2-.9-2.7 0-5.3.7-5.3 3.6 0 1.5 1.8 3.3 5.3 3.9h.2m8.2 3.2c.3.4.4.8.4 1.3 0 2.9-2.7 3.6-6.2 3.6-2.3 0-4.4-.3-6.2-.9M4 12h16"/></svg>`})}
+    `}_renderHeadingToolbarGroup(e){return l.html`
       <div class="bubble-dropdown">
         <button class="bubble-dropdown-btn">
           ${this._getTextLabel()}
@@ -50,7 +52,7 @@
           <button class="bubble-dropdown-item ${e?.isActive("heading",{level:3})?"is-active":""}" @click=${()=>this._setHeading(3)}>标题 3</button>
         </div>
       </div>
-    `}_renderAlignToolbarGroup(e){return T.html`
+    `}_renderAlignToolbarGroup(e){return l.html`
       <div class="bubble-dropdown">
         <button class="bubble-dropdown-btn">
           ${this._getAlignLabel()}
@@ -71,12 +73,12 @@
           </button>
         </div>
       </div>
-    `}_renderCodeLinkImageToolbarGroup(e){return T.html`
-      ${this._hasToolbarItem("code")?this._renderToolbarButton("code",{title:"行内代码",active:e?.isActive("code"),onClick:this._toggleCode,icon:T.html`<svg viewBox="0 0 24 24"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>`}):""}
-      ${this._hasToolbarItem("link")?this._renderToolbarButton("link",{title:"链接",active:e?.isActive("link"),onClick:this._setLink,icon:T.html`<svg viewBox="0 0 24 24"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>`}):""}
-      ${this._hasToolbarItem("image")?this._renderToolbarButton("image",{title:"图片",onClick:this._triggerImageUpload,icon:T.html`<svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>`}):""}
-    `}_renderCodeToolbarButton(e){return this._renderToolbarButton("code",{title:"行内代码",active:e?.isActive("code"),onClick:this._toggleCode,icon:T.html`<svg viewBox="0 0 24 24"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>`})}_renderLinkToolbarButton(e){return this._renderToolbarButton("link",{title:"链接",active:e?.isActive("link"),onClick:this._setLink,icon:T.html`<svg viewBox="0 0 24 24"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>`})}_renderImageToolbarButton(){return this._renderToolbarButton("image",{title:"图片",onClick:this._triggerImageUpload,icon:T.html`<svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>`})}_renderListToolbarGroup(e){return T.html`
-      ${this._renderToolbarButton("bulletList",{title:"无序列表",active:e?.isActive("bulletList"),onClick:this._toggleBulletList,icon:T.html`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    `}_renderCodeLinkImageToolbarGroup(e){return l.html`
+      ${this._hasToolbarItem("code")?this._renderToolbarButton("code",{title:"行内代码",active:e?.isActive("code"),onClick:this._toggleCode,icon:l.html`<svg viewBox="0 0 24 24"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>`}):""}
+      ${this._hasToolbarItem("link")?this._renderToolbarButton("link",{title:"链接",active:e?.isActive("link"),onClick:this._setLink,icon:l.html`<svg viewBox="0 0 24 24"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>`}):""}
+      ${this._hasToolbarItem("image")?this._renderToolbarButton("image",{title:"图片",onClick:this._triggerImageUpload,icon:l.html`<svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>`}):""}
+    `}_renderCodeToolbarButton(e){return this._renderToolbarButton("code",{title:"行内代码",active:e?.isActive("code"),onClick:this._toggleCode,icon:l.html`<svg viewBox="0 0 24 24"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>`})}_renderLinkToolbarButton(e){return this._renderToolbarButton("link",{title:"链接",active:e?.isActive("link"),onClick:this._setLink,icon:l.html`<svg viewBox="0 0 24 24"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>`})}_renderImageToolbarButton(){return this._renderToolbarButton("image",{title:"图片",onClick:this._triggerImageUpload,icon:l.html`<svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>`})}_renderListToolbarGroup(e){return l.html`
+      ${this._renderToolbarButton("bulletList",{title:"无序列表",active:e?.isActive("bulletList"),onClick:this._toggleBulletList,icon:l.html`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
           <line x1="9" y1="6" x2="20" y2="6"/>
           <line x1="9" y1="12" x2="20" y2="12"/>
           <line x1="9" y1="18" x2="20" y2="18"/>
@@ -84,7 +86,7 @@
           <circle cx="4" cy="12" r="0.5" fill="currentColor" stroke="none"/>
           <circle cx="4" cy="18" r="0.5" fill="currentColor" stroke="none"/>
         </svg>`})}
-      ${this._renderToolbarButton("orderedList",{title:"有序列表",active:e?.isActive("orderedList"),onClick:this._toggleOrderedList,icon:T.html`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      ${this._renderToolbarButton("orderedList",{title:"有序列表",active:e?.isActive("orderedList"),onClick:this._toggleOrderedList,icon:l.html`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
           <line x1="10" y1="6" x2="21" y2="6"/>
           <line x1="10" y1="12" x2="21" y2="12"/>
           <line x1="10" y1="18" x2="21" y2="18"/>
@@ -92,16 +94,16 @@
           <path d="M4 10h2"/>
           <path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1.5"/>
         </svg>`})}
-      ${this._renderToolbarButton("taskList",{title:"待办列表",active:e?.isActive("taskList"),onClick:this._toggleTaskList,icon:T.html`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      ${this._renderToolbarButton("taskList",{title:"待办列表",active:e?.isActive("taskList"),onClick:this._toggleTaskList,icon:l.html`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
           <rect x="3" y="5" width="4" height="4" rx="1"/>
           <polyline points="4 7 5 8 6.5 6.5"/>
           <line x1="10" y1="7" x2="21" y2="7"/>
           <rect x="3" y="15" width="4" height="4" rx="1"/>
           <line x1="10" y1="17" x2="21" y2="17"/>
         </svg>`})}
-    `}_renderBlockquoteToolbarGroup(e){return T.html`
-      ${this._renderToolbarButton("blockquote",{title:"引用",active:e?.isActive("blockquote"),onClick:this._toggleBlockquote,icon:T.html`<svg viewBox="0 0 24 24"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z"/><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"/></svg>`})}
-    `}_renderTableToolbarGroup(){const e=this._getHeaderToolbarLabel("table");return T.html`
+    `}_renderBlockquoteToolbarGroup(e){return l.html`
+      ${this._renderToolbarButton("blockquote",{title:"引用",active:e?.isActive("blockquote"),onClick:this._toggleBlockquote,icon:l.html`<svg viewBox="0 0 24 24"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z"/><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"/></svg>`})}
+    `}_renderTableToolbarGroup(){const e=this._getHeaderToolbarLabel("table");return l.html`
       <div
         class="bubble-dropdown ${this._tableDropdownOpen?"is-open":""}"
         @mouseenter=${()=>{this._tableDropdownOpen=!0,this._hoverRow=0,this._hoverCol=0}}
@@ -109,7 +111,7 @@
       >
         <button class="bubble-dropdown-btn ${e?"has-label":""}" title="表格">
           <svg viewBox="0 0 24 24" style="width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="3" y1="15" x2="21" y2="15"/><line x1="9" y1="3" x2="9" y2="21"/><line x1="15" y1="3" x2="15" y2="21"/></svg>
-          ${e?T.html`<span class="bubble-dropdown-btn__label">${e}</span>`:null}
+          ${e?l.html`<span class="bubble-dropdown-btn__label">${e}</span>`:null}
         </button>
         <div class="bubble-dropdown-menu">
           <div class="table-grid-preview">
@@ -120,21 +122,21 @@
           </div>
         </div>
       </div>
-    `}_getToolbarMergeKey(e){return"code"===e||"link"===e||"image"===e?"code-link-image":e}_renderToolbarItemByKey(e,t){switch(t){case"format":return this._renderFormatToolbarGroup(e);case"heading":return this._renderHeadingToolbarGroup(e);case"align":return this._renderAlignToolbarGroup(e);case"code":return this._renderCodeToolbarButton(e);case"link":return this._renderLinkToolbarButton(e);case"image":return this._renderImageToolbarButton();case"list":return this._renderListToolbarGroup(e);case"blockquote":return this._renderBlockquoteToolbarGroup(e);case"table":return this._renderTableToolbarGroup();default:return null}}_renderTextToolbar(e){const t=[];let i="",o=[];const r=()=>{o.length&&(t.push([...o]),o=[])};for(const t of this._toolbarItemsValue){const s=this._renderToolbarItemByKey(e,t);if(!s)continue;const n=this._getToolbarMergeKey(t);o.length&&n!==i&&r(),i=n,o.push(s)}return r(),this._joinToolbarGroups(t)}_updateBubbleMenuPosition(){"slash"===this._toolbarModeValue&&requestAnimationFrame(()=>{const e=this.shadowRoot?.querySelector(".bubble-menu"),t=this.shadowRoot?.querySelector(".ProseMirror"),i=this.shadowRoot?.querySelector(".editor-wrapper");if(!e||!t||!i)return;const o=this._editor,r=o?.isActive("table")??!1,{selection:s}=o?.state??{selection:null};if(r&&s&&!s.empty&&o){const{from:t,to:i}=s,r=o.state.doc.resolve(t),n=o.state.doc.resolve(i);let l=!1;for(let e=r.depth;e>=0;e--)if("table"===r.node(e).type.name){l=!0;break}const a=r.node(r.depth),d=n.node(n.depth);if("table"!==a.type.name&&"table"!==d.type.name||(l=!0),l)return e.style.opacity="0",void(e.style.visibility="hidden")}if(s&&!s.empty);else if(!s||s.empty&&!this._hasSlashCommand)return e.style.opacity="0",void(e.style.visibility="hidden");const n=i.getBoundingClientRect(),l=e.getBoundingClientRect(),{from:a}=s,d=this._editor?.view.coordsAtPos(a);if(!d)return;let h=d.left-n.left,c=d.top-n.top-40;h+l.width>n.width&&(h=n.width-l.width-8),h<0&&(h=8),c<0&&(c=d.bottom-n.top+8),e.style.left=`${h}px`,e.style.top=`${c}px`,e.style.opacity="1",e.style.visibility="visible"})}render(){const e=this._editor,t=this._previewValue||"header"!==this._toolbarModeValue?null:T.html`
+    `}_getToolbarMergeKey(e){return e==="code"||e==="link"||e==="image"?"code-link-image":e}_renderToolbarItemByKey(e,t){switch(t){case"format":return this._renderFormatToolbarGroup(e);case"heading":return this._renderHeadingToolbarGroup(e);case"align":return this._renderAlignToolbarGroup(e);case"code":return this._renderCodeToolbarButton(e);case"link":return this._renderLinkToolbarButton(e);case"image":return this._renderImageToolbarButton();case"list":return this._renderListToolbarGroup(e);case"blockquote":return this._renderBlockquoteToolbarGroup(e);case"table":return this._renderTableToolbarGroup();default:return null}}_renderTextToolbar(e){const t=[];let i="",o=[];const r=()=>{o.length&&(t.push([...o]),o=[])};for(const n of this._toolbarItemsValue){const s=this._renderToolbarItemByKey(e,n);if(!s)continue;const h=this._getToolbarMergeKey(n);o.length&&h!==i&&r(),i=h,o.push(s)}return r(),this._joinToolbarGroups(t)}_updateBubbleMenuPosition(){this._toolbarModeValue==="slash"&&requestAnimationFrame(()=>{const e=this.shadowRoot?.querySelector(".bubble-menu"),t=this.shadowRoot?.querySelector(".ProseMirror"),i=this.shadowRoot?.querySelector(".editor-wrapper");if(!e||!t||!i)return;const o=this._editor,r=o?.isActive("table")??!1,{selection:n}=o?.state??{selection:null};if(r&&n&&!n.empty&&o){const{from:f,to:E}=n,x=o.state.doc.resolve(f),C=o.state.doc.resolve(E);let v=!1;for(let k=x.depth;k>=0;k--)if(x.node(k).type.name==="table"){v=!0;break}const L=x.node(x.depth),B=C.node(C.depth);if((L.type.name==="table"||B.type.name==="table")&&(v=!0),v){e.style.opacity="0",e.style.visibility="hidden";return}}if(!(n&&!n.empty)){if(!n||n.empty&&!this._hasSlashCommand){e.style.opacity="0",e.style.visibility="hidden";return}}const s=i.getBoundingClientRect(),h=e.getBoundingClientRect(),{from:u}=n,b=this._editor?.view.coordsAtPos(u);if(!b)return;let p=b.left-s.left,m=b.top-s.top-40;p+h.width>s.width&&(p=s.width-h.width-8),p<0&&(p=8),m<0&&(m=b.bottom-s.top+8),e.style.left=`${p}px`,e.style.top=`${m}px`,e.style.opacity="1",e.style.visibility="visible"})}render(){const e=this._editor,t=!this._previewValue&&this._toolbarModeValue==="header"?l.html`
         <div class="editor-header ${this._isHeaderVisible()?"is-visible":""}">
           <div class="editor-header__inner" @mousedown=${this._handleHeaderToolbarMouseDown}>
             ${this._selectedImage?this._renderImageControls():this._renderTextToolbar(e)}
           </div>
         </div>
-      `,i=this._showCharacterCountValue&&!this._previewValue;return T.html`
+      `:null,i=this._showCharacterCountValue&&!this._previewValue;return l.html`
       <div
-        class="editor-wrapper ${e?"":"loading"} ${this._previewValue?"preview":""} ${"bottom"===this._toolbarPositionValue?"toolbar-bottom":""}"
+        class="editor-wrapper ${e?"":"loading"} ${this._previewValue?"preview":""} ${this._toolbarPositionValue==="bottom"?"toolbar-bottom":""}"
         style=${this._wrapperStyleValue}
         @mousedown=${this._handleWrapperMouseDown}
         @focusin=${this._handleWrapperFocusIn}
         @focusout=${this._handleWrapperFocusOut}
       >
-        ${e?"":T.html`
+        ${e?"":l.html`
           <div class="loading-placeholder">
             <div class="loading-spinner"></div>
             <span>编辑器加载中...</span>
@@ -143,31 +145,32 @@
         <input
           type="file"
           accept="image/*"
+          multiple
           class="image-input"
           @change=${this._handleImageUpload}
         />
 
-        ${"top"===this._toolbarPositionValue?t:null}
+        ${this._toolbarPositionValue==="top"?t:null}
 
         <!-- Bubble Menu (悬浮操作栏) -->
-        ${this._previewValue||"slash"!==this._toolbarModeValue?"":T.html`
+        ${!this._previewValue&&this._toolbarModeValue==="slash"?l.html`
         <div class="bubble-menu">
           ${this._renderTextToolbar(e)}
         </div>
-        `}
+        `:""}
 
         <div class="editor-content" data-empty-hint=${this._resolvedPlaceholder}></div>
 
-        ${"bottom"===this._toolbarPositionValue?t:null}
+        ${this._toolbarPositionValue==="bottom"?t:null}
 
-        ${i?T.html`<div class="editor-footer">${this._getEditorCharacterCount()} 字符</div>`:null}
+        ${i?l.html`<div class="editor-footer">${this._getEditorCharacterCount()} 字符</div>`:null}
 
-        ${this._linkEditor.visible?T.html`
+        ${this._linkEditor.visible?l.html`
           <div
             class="link-editor"
             style="left: ${this._linkEditor.x}px; top: ${this._linkEditor.y}px;"
-            @mousedown=${e=>e.stopPropagation()}
-            @click=${e=>e.stopPropagation()}
+            @mousedown=${o=>o.stopPropagation()}
+            @click=${o=>o.stopPropagation()}
           >
             <div class="link-editor__field">
               <span class="link-editor__label">链接地址</span>
@@ -196,19 +199,19 @@
             <div class="link-editor__actions">
               <button class="link-editor__action primary" title="应用链接" @click=${this._applyLink}>应用</button>
               <button class="link-editor__action" title="取消链接编辑" @click=${this._closeLinkEditor}>取消</button>
-              ${e?.isActive("link")||this._linkEditor.url?T.html`<button class="link-editor__action danger" title="移除链接" @click=${this._removeLink}>移除</button>`:""}
+              ${e?.isActive("link")||this._linkEditor.url?l.html`<button class="link-editor__action danger" title="移除链接" @click=${this._removeLink}>移除</button>`:""}
             </div>
           </div>
           `:""}
 
         <!-- Table Cell Toolbar -->
-        ${this._tableCellToolbar.visible&&e?.isActive("table")?T.html`
+        ${this._tableCellToolbar.visible&&e?.isActive("table")?l.html`
           <div
             class="table-cell-toolbar"
             style="left: ${this._tableCellToolbar.x}px; top: ${this._tableCellToolbar.y}px;"
-            @mousedown=${e=>e.preventDefault()}
+            @mousedown=${o=>o.preventDefault()}
           >
-            ${0===this._tableCellToolbar.cellRow?T.html`
+            ${this._tableCellToolbar.cellRow===0?l.html`
               <button class="table-cell-toolbar-btn" title="上方添加行" @click=${this._addTableRowAbove}>
                 <svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none"><rect x="4" y="8" width="16" height="8" rx="1"/><line x1="12" y1="3" x2="12" y2="7"/><line x1="10" y1="5" x2="14" y2="5"/></svg>
               </button>
@@ -219,8 +222,8 @@
                 <svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none"><rect x="4" y="8" width="16" height="8" rx="1"/><line x1="9" y1="10" x2="9" y2="14"/><line x1="15" y1="10" x2="15" y2="14"/></svg>
               </button>
             `:""}
-            ${0===this._tableCellToolbar.cellCol?T.html`
-              ${0!==this._tableCellToolbar.cellRow?T.html`<div style="width:1px;height:20px;background:#e3e3e3;margin:0 4px;"></div>`:""}
+            ${this._tableCellToolbar.cellCol===0?l.html`
+              ${this._tableCellToolbar.cellRow!==0?l.html`<div style="width:1px;height:20px;background:#e3e3e3;margin:0 4px;"></div>`:""}
               <button class="table-cell-toolbar-btn" title="左侧添加列" @click=${this._addTableColumnLeft}>
                 <svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none"><rect x="8" y="4" width="8" height="16" rx="1"/><line x1="3" y1="12" x2="7" y2="12"/><line x1="5" y1="10" x2="5" y2="14"/></svg>
               </button>
@@ -231,7 +234,7 @@
                 <svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none"><rect x="8" y="4" width="8" height="16" rx="1"/><line x1="10" y1="9" x2="14" y2="9"/><line x1="10" y1="15" x2="14" y2="15"/></svg>
               </button>
             `:""}
-            ${0===this._tableCellToolbar.cellRow&&0===this._tableCellToolbar.cellCol?T.html`
+            ${this._tableCellToolbar.cellRow===0&&this._tableCellToolbar.cellCol===0?l.html`
               <div style="width:1px;height:20px;background:#e3e3e3;margin:0 4px;"></div>
               <button class="table-cell-toolbar-btn danger" title="删除表格" @click=${this._deleteTable}>
                 <svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2" fill="none"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>
@@ -241,24 +244,24 @@
           `:""}
 
         <!-- Image Toolbar -->
-        ${"slash"===this._toolbarModeValue&&this._imageToolbar.visible?T.html`
+        ${this._toolbarModeValue==="slash"&&this._imageToolbar.visible?l.html`
           <div
             class="image-toolbar"
             style="left: ${this._imageToolbar.x}px; top: ${this._imageToolbar.y}px;"
-            @mousedown=${e=>e.preventDefault()}
+            @mousedown=${o=>o.preventDefault()}
           >
             ${this._renderImageControls()}
           </div>
           `:""}
       </div>
-    `}_renderTableGrid(){const e=[];for(let t=0;t<100;t++){const i=Math.floor(t/10)+1,o=t%10+1,r=this._hoverRow>0&&i<=this._hoverRow&&o<=this._hoverCol;e.push(T.html`
+    `}_renderTableGrid(){const e=[];for(let t=0;t<100;t++){const i=Math.floor(t/10)+1,o=t%10+1,r=this._hoverRow>0&&i<=this._hoverRow&&o<=this._hoverCol;e.push(l.html`
         <div
           class="table-cell ${r?"selected":""}"
           @click=${()=>{this._insertTableByClick(i,o),this._tableDropdownOpen=!1}}
           @mouseenter=${()=>{this._hoverRow=i,this._hoverCol=o}}
           @mouseleave=${()=>{this._hoverRow=0,this._hoverCol=0}}
         ></div>
-      `)}return e}},exports.QxsBlocksuiteEditor.styles=T.css`
+      `)}return e}};exports.QxsBlocksuiteEditor.styles=l.css`
     :host {
       display: block;
       font-family: inherit;
@@ -854,8 +857,16 @@
       fill: none;
     }
 
+    /* Keep the file input programmatically clickable inside shadow hosts. */
     .image-input {
-      display: none;
+      position: absolute;
+      inset: 0 auto auto 0;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: 0;
+      opacity: 0;
+      pointer-events: none;
     }
 
     .table-grid-preview {
@@ -1111,5 +1122,5 @@
       outline: 2px solid var(--qxs-color-primary, #3D61E3);
       outline-offset: 2px;
     }
-  `,L([C.property({type:String,attribute:"content"})],exports.QxsBlocksuiteEditor.prototype,"content",2),L([C.property({type:String,attribute:"model-value"})],exports.QxsBlocksuiteEditor.prototype,"model-value",2),L([C.property({type:String,attribute:"placeholder"})],exports.QxsBlocksuiteEditor.prototype,"placeholder",2),L([C.property({type:String,attribute:"toolbar-mode"})],exports.QxsBlocksuiteEditor.prototype,"toolbar-mode",2),L([C.property({attribute:"toolbar"})],exports.QxsBlocksuiteEditor.prototype,"toolbar",2),L([C.property({type:String,attribute:"toolbar-preset"})],exports.QxsBlocksuiteEditor.prototype,"toolbar-preset",2),L([C.property({attribute:"header-toolbar-labels"})],exports.QxsBlocksuiteEditor.prototype,"header-toolbar-labels",2),L([C.property({type:String,attribute:"header-always-visible"})],exports.QxsBlocksuiteEditor.prototype,"header-always-visible",2),L([C.property({type:String,attribute:"use-model"})],exports.QxsBlocksuiteEditor.prototype,"use-model",2),L([C.property({type:String,attribute:"readonly"})],exports.QxsBlocksuiteEditor.prototype,"readonly",2),L([C.property({type:String,attribute:"preview"})],exports.QxsBlocksuiteEditor.prototype,"preview",2),L([C.property({attribute:"editable"})],exports.QxsBlocksuiteEditor.prototype,"editable",2),L([C.property({type:String,attribute:"min-height"})],exports.QxsBlocksuiteEditor.prototype,"min-height",2),L([C.property({type:String,attribute:"max-height"})],exports.QxsBlocksuiteEditor.prototype,"max-height",2),L([C.property({type:String,attribute:"show-character-count"})],exports.QxsBlocksuiteEditor.prototype,"show-character-count",2),L([C.property({type:String,attribute:"toolbar-position"})],exports.QxsBlocksuiteEditor.prototype,"toolbar-position",2),L([C.property({type:String,attribute:"custom-styles"})],exports.QxsBlocksuiteEditor.prototype,"custom-styles",2),L([C.property({type:String,attribute:"content-format"})],exports.QxsBlocksuiteEditor.prototype,"content-format",2),L([C.property({type:Object,attribute:"deserialize-content"})],exports.QxsBlocksuiteEditor.prototype,"deserialize-content",2),L([C.property({type:Object,attribute:"serialize-content"})],exports.QxsBlocksuiteEditor.prototype,"serialize-content",2),L([C.property({type:Object,attribute:"upload-image"})],exports.QxsBlocksuiteEditor.prototype,"upload-image",2),L([C.state()],exports.QxsBlocksuiteEditor.prototype,"_editor",2),L([C.state()],exports.QxsBlocksuiteEditor.prototype,"_hoverRow",2),L([C.state()],exports.QxsBlocksuiteEditor.prototype,"_hoverCol",2),L([C.state()],exports.QxsBlocksuiteEditor.prototype,"_tableDropdownOpen",2),L([C.state()],exports.QxsBlocksuiteEditor.prototype,"_tableCellToolbar",2),L([C.state()],exports.QxsBlocksuiteEditor.prototype,"_imageToolbar",2),L([C.state()],exports.QxsBlocksuiteEditor.prototype,"_linkEditor",2),L([C.state()],exports.QxsBlocksuiteEditor.prototype,"_isEditorFocused",2),L([C.state()],exports.QxsBlocksuiteEditor.prototype,"_selectedImage",2),exports.QxsBlocksuiteEditor=L([S.safeCustomElement("qxs-blocksuite-editor")],exports.QxsBlocksuiteEditor);
+  `;a([d.property({type:String,attribute:"content"})],exports.QxsBlocksuiteEditor.prototype,"content",2);a([d.property({type:String,attribute:"model-value"})],exports.QxsBlocksuiteEditor.prototype,"model-value",2);a([d.property({type:String,attribute:"placeholder"})],exports.QxsBlocksuiteEditor.prototype,"placeholder",2);a([d.property({type:String,attribute:"toolbar-mode"})],exports.QxsBlocksuiteEditor.prototype,"toolbar-mode",2);a([d.property({attribute:"toolbar"})],exports.QxsBlocksuiteEditor.prototype,"toolbar",2);a([d.property({type:String,attribute:"toolbar-preset"})],exports.QxsBlocksuiteEditor.prototype,"toolbar-preset",2);a([d.property({attribute:"header-toolbar-labels"})],exports.QxsBlocksuiteEditor.prototype,"header-toolbar-labels",2);a([d.property({type:String,attribute:"header-always-visible"})],exports.QxsBlocksuiteEditor.prototype,"header-always-visible",2);a([d.property({type:String,attribute:"use-model"})],exports.QxsBlocksuiteEditor.prototype,"use-model",2);a([d.property({type:String,attribute:"readonly"})],exports.QxsBlocksuiteEditor.prototype,"readonly",2);a([d.property({type:String,attribute:"preview"})],exports.QxsBlocksuiteEditor.prototype,"preview",2);a([d.property({attribute:"editable"})],exports.QxsBlocksuiteEditor.prototype,"editable",2);a([d.property({type:String,attribute:"min-height"})],exports.QxsBlocksuiteEditor.prototype,"min-height",2);a([d.property({type:String,attribute:"max-height"})],exports.QxsBlocksuiteEditor.prototype,"max-height",2);a([d.property({type:String,attribute:"show-character-count"})],exports.QxsBlocksuiteEditor.prototype,"show-character-count",2);a([d.property({type:String,attribute:"toolbar-position"})],exports.QxsBlocksuiteEditor.prototype,"toolbar-position",2);a([d.property({type:String,attribute:"custom-styles"})],exports.QxsBlocksuiteEditor.prototype,"custom-styles",2);a([d.property({type:String,attribute:"content-format"})],exports.QxsBlocksuiteEditor.prototype,"content-format",2);a([d.property({type:Object,attribute:"deserialize-content"})],exports.QxsBlocksuiteEditor.prototype,"deserialize-content",2);a([d.property({type:Object,attribute:"serialize-content"})],exports.QxsBlocksuiteEditor.prototype,"serialize-content",2);a([d.property({type:Object,attribute:"upload-image"})],exports.QxsBlocksuiteEditor.prototype,"upload-image",2);a([d.state()],exports.QxsBlocksuiteEditor.prototype,"_editor",2);a([d.state()],exports.QxsBlocksuiteEditor.prototype,"_hoverRow",2);a([d.state()],exports.QxsBlocksuiteEditor.prototype,"_hoverCol",2);a([d.state()],exports.QxsBlocksuiteEditor.prototype,"_tableDropdownOpen",2);a([d.state()],exports.QxsBlocksuiteEditor.prototype,"_tableCellToolbar",2);a([d.state()],exports.QxsBlocksuiteEditor.prototype,"_imageToolbar",2);a([d.state()],exports.QxsBlocksuiteEditor.prototype,"_linkEditor",2);a([d.state()],exports.QxsBlocksuiteEditor.prototype,"_isEditorFocused",2);a([d.state()],exports.QxsBlocksuiteEditor.prototype,"_selectedImage",2);exports.QxsBlocksuiteEditor=a([te.safeCustomElement("qxs-blocksuite-editor")],exports.QxsBlocksuiteEditor);
 //# sourceMappingURL=blocksuite-editor.cjs.map