@qxs-bns/components-wc 0.0.8 → 0.0.9

package/es/editor/blocksuite-editor.mjs

@@ -1,6 +1,6 @@
-import{Editor as e}from"@tiptap/core";import t from"@tiptap/extension-blockquote";import i from"@tiptap/extension-bold";import o from"@tiptap/extension-bullet-list";import r from"@tiptap/extension-code";import l from"@tiptap/extension-document";import s from"@tiptap/extension-heading";import n from"@tiptap/extension-history";import a from"@tiptap/extension-horizontal-rule";import d from"@tiptap/extension-image";import c from"@tiptap/extension-italic";import p from"@tiptap/extension-link";import b from"@tiptap/extension-list-item";import h from"@tiptap/extension-ordered-list";import g from"@tiptap/extension-paragraph";import u from"@tiptap/extension-strike";import{Table as x}from"@tiptap/extension-table";import{TableCell as m}from"@tiptap/extension-table-cell";import{TableHeader as v}from"@tiptap/extension-table-header";import{TableRow as f}from"@tiptap/extension-table-row";import y from"@tiptap/extension-text";import _ from"@tiptap/extension-text-align";import w from"@tiptap/extension-underline";import k from"../node_modules/.pnpm/@tiptap_extension-placeholder@3.20.5_@tiptap_extensions@3.20.5_@tiptap_core@3.20.5_@tiptap_pm@3.20.5__@tiptap_pm@3.20.5_/node_modules/@tiptap/extension-placeholder/dist/index.mjs";import{css as C,LitElement as T,html as M}from"lit";import{property as $}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.mjs";import{state as A}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.mjs";import{safeCustomElement as B}from"../base/define.mjs";var R=Object.defineProperty,P=Object.getOwnPropertyDescriptor,q=(e,t,i,o)=>{for(var r,l=o>1?void 0:o?P(t,i):t,s=e.length-1;s>=0;s--)(r=e[s])&&(l=(o?r(t,i,l):r(l))||l);return o&&l&&R(t,i,l),l};let E=class extends T{constructor(){super(...arguments),this.content="",this.readonly=!1,this.preview=!1,this.isEdit=!1,this.uploadImage=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._isLoading=!0,this._tableCellToolbar={x:0,y:0,visible:!1,cellRow:0,cellCol:0},this._tableEdgeHover={type:null,index:0,position:{x:0,y:0}},this._imageToolbar={x:0,y:0,visible:!1},this._imageMoreMenuVisible=!1,this._hasSlashCommand=!1,this._tableEdgeDetectionSetup=!1}_initEditor(){if(this._editor)return;const C=this.shadowRoot?.querySelector(".editor-content");if(!C)return void requestAnimationFrame(()=>this._initEditor());this._isLoading=!1;const T=[l,g,y,i,c,w,u,r,s.configure({levels:[1,2,3]}),o,h,b,t,a,n,d.configure({inline:!1,allowBase64:!0}),p.configure({openOnClick:!1,HTMLAttributes:{rel:"noopener noreferrer"}}),_.configure({types:["heading","paragraph"]}),x.configure({resizable:!0}),f,m,v,k.configure({placeholder:"输入 / 唤出快捷命令"})];this._editor=new e({element:C,extensions:T,content:(this._pendingContent??this.content)||"<p></p>",editable:!this.readonly}),this._pendingContent=null,this._editor.on("selectionUpdate",()=>{this.requestUpdate(),this._updateBubbleMenuPosition(),this._editor?.isActive("table")?this._showTableCellToolbar():this._hideTableCellToolbar();const e=this._editor;if(e){const{selection:t}=e.state,{$from:i}=t;if("image"===i.node(i.depth).type.name){const t=e.view.coordsAtPos(i.start()),o=this.shadowRoot?.querySelector(".editor-wrapper")?.getBoundingClientRect();if(o){const e=t.left-o.left+(t.right-t.left)/2,i=t.top-o.top-40;this._showImageToolbar({x:e,y:i})}}else this._hideImageToolbar()}}),this._editor.on("transaction",()=>{this.requestUpdate(),this._editor?.isActive("table")?this._showTableCellToolbar():this._hideTableCellToolbar(),this._checkSlashCommand(),this._setupTableEdgeDetection()})}_setupTableEdgeDetection(){const e=this.shadowRoot?.querySelector(".editor-content");e&&!this._tableEdgeDetectionSetup&&(this._tableEdgeDetectionSetup=!0,e.addEventListener("mousemove",e=>{this._handleTableEdgeMouseMove(e)}),e.addEventListener("mouseleave",()=>{this._tableEdgeHover={type:null,index:0,position:{x:0,y:0}}}),e.addEventListener("click",e=>{const t=e.target;if("IMG"===t.tagName){const e=this._editor?.view.posAtDOM(t,0);void 0!==e&&this._editor?.chain().focus().setNodeSelection(e).run()}}))}_handleTableEdgeMouseMove(e){if(!this._editor?.isActive("table"))return this._tableEdgeHover={type:null,index:0,position:{x:0,y:0}},void this.requestUpdate();const t=e.target.closest("table");if(!t)return this._tableEdgeHover={type:null,index:0,position:{x:0,y:0}},void this.requestUpdate();const i=t.getBoundingClientRect(),o=this.shadowRoot?.querySelector(".editor-wrapper");if(!o)return;const r=o.getBoundingClientRect(),l=e.clientX-r.left,s=e.clientY-r.top,n=10,a=i.height/t.rows.length;for(let o=0;o<t.rows.length;o++){const t=i.top+o*a,s=t+a;if(e.clientY>=t-n&&e.clientY<=t+n)return this._tableEdgeHover={type:"row",index:o,position:{x:l,y:t-r.top}},void this.requestUpdate();if(e.clientY>=s-n&&e.clientY<=s+n)return this._tableEdgeHover={type:"row",index:o+1,position:{x:l,y:s-r.top}},void this.requestUpdate()}const d=i.width/t.rows[0]?.cells.length||1;for(let o=0;o<(t.rows[0]?.cells.length||0);o++){const t=i.left+o*d,l=t+d;if(e.clientX>=t-n&&e.clientX<=t+n)return this._tableEdgeHover={type:"col",index:o,position:{x:t-r.left,y:s}},void this.requestUpdate();if(e.clientX>=l-n&&e.clientX<=l+n)return this._tableEdgeHover={type:"col",index:o+1,position:{x:l-r.left,y:s}},void this.requestUpdate()}this._tableEdgeHover={type:null,index:0,position:{x:0,y:0}},this.requestUpdate()}_checkSlashCommand(){if(!this._editor)return;const{selection:e}=this._editor.state,t=this._editor.state.doc.textBetween(Math.max(0,e.from-10),e.from," ");this._hasSlashCommand=t.endsWith("/")}firstUpdated(){this._initEditor()}updated(e){if(this._editor)return e.has("content")&&this._editor.commands.setContent(this.content||"<p></p>"),void(e.has("readonly")&&this._editor.setEditable(!this.readonly));e.has("content")&&(this._pendingContent=this.content);const t=this.shadowRoot?.querySelector(".editor-content");t&&!this._editor&&this._initEditor()}disconnectedCallback(){super.disconnectedCallback(),this._editor?.destroy(),this._editor=null}getContent(){return this._editor?.getHTML()??""}_applyFormat(e){if(this._hasSlashCommand&&this._editor){const{selection:e}=this._editor.state;this._editor.chain().focus().deleteRange({from:e.from-1,to:e.from}).run(),this._hasSlashCommand=!1}e()}_toggleBold(){this._applyFormat(()=>this._editor?.chain().focus().toggleBold().run())}_toggleItalic(){this._applyFormat(()=>this._editor?.chain().focus().toggleItalic().run())}_toggleUnderline(){this._applyFormat(()=>this._editor?.chain().focus().toggleUnderline().run())}_toggleStrike(){this._applyFormat(()=>this._editor?.chain().focus().toggleStrike().run())}_toggleCode(){this._applyFormat(()=>this._editor?.chain().focus().toggleCode().run())}_setHeading(e){this._applyFormat(()=>this._editor?.chain().focus().toggleHeading({level:e}).run())}_setParagraph(){this._applyFormat(()=>this._editor?.chain().focus().setParagraph().run())}_toggleBulletList(){this._applyFormat(()=>this._editor?.chain().focus().toggleBulletList().run())}_toggleOrderedList(){this._applyFormat(()=>this._editor?.chain().focus().toggleOrderedList().run())}_toggleBlockquote(){this._applyFormat(()=>this._editor?.chain().focus().toggleBlockquote().run())}_setTextAlign(e){this._applyFormat(()=>this._editor?.chain().focus().setTextAlign(e).run())}_setLink(){const e=window.prompt("请输入链接地址：");e&&this._applyFormat(()=>this._editor?.chain().focus().setLink({href:e}).run())}_unsetLink(){this._applyFormat(()=>this._editor?.chain().focus().unsetLink().run())}_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.uploadImage(i);this._editor?.chain().focus().setImage({src:e}).run()}catch(e){}t.value=""}_triggerImageUpload(){const e=this.shadowRoot?.querySelector(".image-input");e?.click()}_insertTableByClick(e,t){if(this._hasSlashCommand&&this._editor){const{selection:e}=this._editor.state;this._editor.chain().focus().deleteRange({from:e.from-1,to:e.from}).run(),this._hasSlashCommand=!1}this._tableRows=e,this._tableCols=t,this._insertTable(e,t)}_insertHorizontalRule(){this._editor?.chain().focus().setHorizontalRule().run()}_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(),l=this._getTableCellRow(),s=this._getTableCellCol();(0===l||0===s)&&(this._tableCellToolbar={x:i.left-r.left,y:i.bottom-r.top+8,visible:!0,cellRow:l,cellCol:s})}_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(){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){this._imageToolbar={x:e.x,y:e.y,visible:!0},this._imageMoreMenuVisible=!1}_hideImageToolbar(){this._imageToolbar={...this._imageToolbar,visible:!1},this._imageMoreMenuVisible=!1}_toggleImageMoreMenu(){this._imageMoreMenuVisible=!this._imageMoreMenuVisible}_deleteImage(){this._editor?.chain().focus().deleteNode("image").run(),this._hideImageToolbar()}_insertImageAfter(){this._triggerImageUpload(),this._imageMoreMenuVisible=!1}_setImageAlignLeft(){const e=this._editor;if(e){const{selection:t}=e.state,i=t.from;e.chain().focus().setNodeSelection(i).run();const o=this.shadowRoot?.querySelector(".ProseMirror img.ProseMirror-selectednode");o&&(o.style.display="block",o.style.margin="0 auto 0 0")}this._imageMoreMenuVisible=!1}_setImageAlignCenter(){const e=this._editor;if(e){const{selection:t}=e.state,i=t.from;e.chain().focus().setNodeSelection(i).run();const o=this.shadowRoot?.querySelector(".ProseMirror img.ProseMirror-selectednode");o&&(o.style.display="block",o.style.margin="0 auto")}this._imageMoreMenuVisible=!1}_setImageAlignRight(){const e=this._editor;if(e){const{selection:t}=e.state,i=t.from;e.chain().focus().setNodeSelection(i).run();const o=this.shadowRoot?.querySelector(".ProseMirror img.ProseMirror-selectednode");o&&(o.style.display="block",o.style.margin="0 0 0 auto")}this._imageMoreMenuVisible=!1}_updateImageToolbarPosition(){requestAnimationFrame(()=>{const e=this._editor;if(!e)return;const{selection:t}=e.state,{$from:i}=t;if("image"===i.node(i.depth).type.name?i.node(i.depth):null){const t=e.view.coordsAtPos(i.start()),o=this.shadowRoot?.querySelector(".editor-wrapper")?.getBoundingClientRect();if(o){const e=t.left-o.left+(t.right-t.left)/2,i=t.top-o.top-40;this._showImageToolbar({x:e,y:i})}}else this._hideImageToolbar()})}_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"})?"右对齐":"左对齐":"对齐"}_updateBubbleMenuPosition(){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:l}=o?.state??{selection:null};if(r&&l&&!l.empty&&o){const{from:t,to:i}=l,r=o.state.doc.resolve(t),s=o.state.doc.resolve(i);let n=!1;for(let e=r.depth;e>=0;e--)if("table"===r.node(e).type.name){n=!0;break}const a=r.node(r.depth),d=s.node(s.depth);if("table"!==a.type.name&&"table"!==d.type.name||(n=!0),n)return e.style.opacity="0",void(e.style.visibility="hidden")}if(l&&!l.empty);else if(!l||l.empty&&!this._hasSlashCommand)return e.style.opacity="0",void(e.style.visibility="hidden");const s=i.getBoundingClientRect(),n=e.getBoundingClientRect(),{from:a}=l,d=this._editor?.view.coordsAtPos(a);if(!d)return;let c=d.left-s.left,p=d.top-s.top-40;c+n.width>s.width&&(c=s.width-n.width-8),c<0&&(c=8),p<0&&(p=d.bottom-s.top+8),e.style.left=`${c}px`,e.style.top=`${p}px`,e.style.opacity="1",e.style.visibility="visible"})}render(){const e=this._editor;return M`
+import{Editor as e}from"@tiptap/core";import t from"@tiptap/extension-blockquote";import i from"@tiptap/extension-bold";import o from"@tiptap/extension-bullet-list";import r from"@tiptap/extension-code";import l from"@tiptap/extension-document";import s from"@tiptap/extension-heading";import n from"@tiptap/extension-history";import a from"@tiptap/extension-horizontal-rule";import d from"@tiptap/extension-image";import c from"@tiptap/extension-italic";import p from"@tiptap/extension-link";import h from"@tiptap/extension-list-item";import b from"@tiptap/extension-ordered-list";import g from"@tiptap/extension-paragraph";import u from"@tiptap/extension-strike";import{Table as m}from"@tiptap/extension-table";import{TableCell as x}from"@tiptap/extension-table-cell";import{TableHeader as v}from"@tiptap/extension-table-header";import{TableRow as f}from"@tiptap/extension-table-row";import y from"@tiptap/extension-text";import _ from"@tiptap/extension-text-align";import w from"@tiptap/extension-underline";import k from"../node_modules/.pnpm/@tiptap_extension-placeholder@3.20.5_@tiptap_extensions@3.20.5_@tiptap_core@3.20.5_@tiptap_pm@3.20.5__@tiptap_pm@3.20.5_/node_modules/@tiptap/extension-placeholder/dist/index.mjs";import{css as C,LitElement as M,html as T}from"lit";import{property as A}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.mjs";import{state as $}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.mjs";import{safeCustomElement as R}from"../base/define.mjs";var B=Object.defineProperty,S=Object.getOwnPropertyDescriptor,P=(e,t,i,o)=>{for(var r,l=o>1?void 0:o?S(t,i):t,s=e.length-1;s>=0;s--)(r=e[s])&&(l=(o?r(t,i,l):r(l))||l);return o&&l&&B(t,i,l),l};let q=class extends M{constructor(){super(...arguments),this.content="",this.modelValue="",this.useModelAttr="false",this.autoSyncAttr="true",this.readonlyAttr="false",this.previewAttr="false",this.isEditAttr="false",this.uploadImage=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._isLoading=!0,this._tableCellToolbar={x:0,y:0,visible:!1,cellRow:0,cellCol:0},this._tableEdgeHover={type:null,index:0,position:{x:0,y:0}},this._imageToolbar={x:0,y:0,visible:!1},this._imageMoreMenuVisible=!1,this._hasSlashCommand=!1,this._isInitializing=!1,this._tableEdgeDetectionSetup=!1}get useModel(){return"true"===this.useModelAttr}set useModel(e){this.useModelAttr=String(e)}get autoSync(){return"false"!==this.autoSyncAttr}set autoSync(e){this.autoSyncAttr=String(e)}get readonly(){return"false"!==this.readonlyAttr}set readonly(e){this.readonlyAttr=String(e)}get preview(){return"false"!==this.previewAttr}set preview(e){this.previewAttr=String(e)}get isEdit(){return"true"===this.isEditAttr}set isEdit(e){this.isEditAttr=String(e)}_initEditor(){if(this._editor)return;const C=this.shadowRoot?.querySelector(".editor-content");if(!C)return void requestAnimationFrame(()=>this._initEditor());for(this._isInitializing=!0;C.firstChild;)C.removeChild(C.firstChild);this._isLoading=!1;const M=this.useModel||this.hasAttribute("use-model"),T=this.getAttribute("model-value")??this.modelValue,A=this.content,$=M?(this._pendingContent??T)||"<p></p>":(this._pendingContent??A)||"<p></p>",R=[l,g,y,i,c,w,u,r,s.configure({levels:[1,2,3]}),o,b,h,t,a,n,d.configure({inline:!1,allowBase64:!0}),p.configure({openOnClick:!1,HTMLAttributes:{rel:"noopener noreferrer"}}),_.configure({types:["heading","paragraph"]}),m.configure({resizable:!0}),f,x,v,k.configure({placeholder:"输入 / 唤出快捷命令"})];this._editor=new e({element:C,extensions:R,editable:!this.readonly,content:$}),this._pendingContent=null,requestAnimationFrame(()=>{this._isInitializing=!1,this._emitContentChange()}),this._editor.on("selectionUpdate",()=>{this.requestUpdate(),this._updateBubbleMenuPosition(),this._editor?.isActive("table")?this._showTableCellToolbar():this._hideTableCellToolbar();const e=this._editor;if(e){const{selection:t}=e.state,{$from:i}=t;if("image"===i.node(i.depth).type.name){const t=e.view.coordsAtPos(i.start()),o=this.shadowRoot?.querySelector(".editor-wrapper")?.getBoundingClientRect();if(o){const e=t.left-o.left+(t.right-t.left)/2,i=t.top-o.top-40;this._showImageToolbar({x:e,y:i})}}else this._hideImageToolbar()}}),this._editor.on("transaction",()=>{this.requestUpdate(),this._editor?.isActive("table")?this._showTableCellToolbar():this._hideTableCellToolbar(),this._checkSlashCommand(),this._setupTableEdgeDetection(),this._emitContentChange()}),this._editor.on("update",()=>{this._emitContentChange()})}_emitContentChange(){if(!this._editor)return;const e=this._editor.getHTML();this._isInitializing||(this.dispatchEvent(new CustomEvent("content-change",{detail:e,bubbles:!0,composed:!0})),this.autoSync&&(this.modelValue=e))}_setupTableEdgeDetection(){const e=this.shadowRoot?.querySelector(".editor-content");e&&!this._tableEdgeDetectionSetup&&(this._tableEdgeDetectionSetup=!0,e.addEventListener("mousemove",e=>{this._handleTableEdgeMouseMove(e)}),e.addEventListener("mouseleave",()=>{this._tableEdgeHover={type:null,index:0,position:{x:0,y:0}}}),e.addEventListener("click",e=>{const t=e.target;if("IMG"===t.tagName){const e=this._editor?.view.posAtDOM(t,0);void 0!==e&&this._editor?.chain().focus().setNodeSelection(e).run()}}))}_handleTableEdgeMouseMove(e){if(!this._editor?.isActive("table"))return this._tableEdgeHover={type:null,index:0,position:{x:0,y:0}},void this.requestUpdate();const t=e.target.closest("table");if(!t)return this._tableEdgeHover={type:null,index:0,position:{x:0,y:0}},void this.requestUpdate();const i=t.getBoundingClientRect(),o=this.shadowRoot?.querySelector(".editor-wrapper");if(!o)return;const r=o.getBoundingClientRect(),l=e.clientX-r.left,s=e.clientY-r.top,n=10,a=i.height/t.rows.length;for(let o=0;o<t.rows.length;o++){const t=i.top+o*a,s=t+a;if(e.clientY>=t-n&&e.clientY<=t+n)return this._tableEdgeHover={type:"row",index:o,position:{x:l,y:t-r.top}},void this.requestUpdate();if(e.clientY>=s-n&&e.clientY<=s+n)return this._tableEdgeHover={type:"row",index:o+1,position:{x:l,y:s-r.top}},void this.requestUpdate()}const d=i.width/t.rows[0]?.cells.length||1;for(let o=0;o<(t.rows[0]?.cells.length||0);o++){const t=i.left+o*d,l=t+d;if(e.clientX>=t-n&&e.clientX<=t+n)return this._tableEdgeHover={type:"col",index:o,position:{x:t-r.left,y:s}},void this.requestUpdate();if(e.clientX>=l-n&&e.clientX<=l+n)return this._tableEdgeHover={type:"col",index:o+1,position:{x:l-r.left,y:s}},void this.requestUpdate()}this._tableEdgeHover={type:null,index:0,position:{x:0,y:0}},this.requestUpdate()}_checkSlashCommand(){if(!this._editor)return;const{selection:e}=this._editor.state,t=this._editor.state.doc.textBetween(Math.max(0,e.from-10),e.from," ");this._hasSlashCommand=t.endsWith("/")}firstUpdated(){this._initEditor()}updated(e){if(this._editor){if(e.has("content")||e.has("modelValue")&&this.useModel){const e=this.useModel?this.modelValue:this.content;e!==this._editor.getHTML()&&this._editor.commands.setContent(e||"<p></p>")}e.has("readonly")&&this._editor.setEditable(!this.readonly)}else e.has("content")&&(this._pendingContent=this.content),e.has("modelValue")&&this.useModel&&(this._pendingContent=this.modelValue)}disconnectedCallback(){super.disconnectedCallback(),this._editor?.destroy(),this._editor=null}getContent(){return this._editor?.getHTML()??""}forceUpdate(){if(this.requestUpdate(),this._editor){const e=this.useModel?this.modelValue:this.content;e!==this._editor.getHTML()&&this._editor.commands.setContent(e||"<p></p>")}}forceSync(){this.forceUpdate()}_applyFormat(e){if(this._hasSlashCommand&&this._editor){const{selection:e}=this._editor.state;this._editor.chain().focus().deleteRange({from:e.from-1,to:e.from}).run(),this._hasSlashCommand=!1}e()}_toggleBold(){this._applyFormat(()=>this._editor?.chain().focus().toggleBold().run())}_toggleItalic(){this._applyFormat(()=>this._editor?.chain().focus().toggleItalic().run())}_toggleUnderline(){this._applyFormat(()=>this._editor?.chain().focus().toggleUnderline().run())}_toggleStrike(){this._applyFormat(()=>this._editor?.chain().focus().toggleStrike().run())}_toggleCode(){this._applyFormat(()=>this._editor?.chain().focus().toggleCode().run())}_setHeading(e){this._applyFormat(()=>this._editor?.chain().focus().toggleHeading({level:e}).run())}_setParagraph(){this._applyFormat(()=>this._editor?.chain().focus().setParagraph().run())}_toggleBulletList(){this._applyFormat(()=>this._editor?.chain().focus().toggleBulletList().run())}_toggleOrderedList(){this._applyFormat(()=>this._editor?.chain().focus().toggleOrderedList().run())}_toggleBlockquote(){this._applyFormat(()=>this._editor?.chain().focus().toggleBlockquote().run())}_setTextAlign(e){this._applyFormat(()=>this._editor?.chain().focus().setTextAlign(e).run())}_setLink(){const e=window.prompt("请输入链接地址：");e&&this._applyFormat(()=>this._editor?.chain().focus().setLink({href:e}).run())}_unsetLink(){this._applyFormat(()=>this._editor?.chain().focus().unsetLink().run())}_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.uploadImage(i);this._editor?.chain().focus().setImage({src:e}).run()}catch(e){}t.value=""}_triggerImageUpload(){const e=this.shadowRoot?.querySelector(".image-input");e?.click()}_insertTableByClick(e,t){if(this._hasSlashCommand&&this._editor){const{selection:e}=this._editor.state;this._editor.chain().focus().deleteRange({from:e.from-1,to:e.from}).run(),this._hasSlashCommand=!1}this._tableRows=e,this._tableCols=t,this._insertTable(e,t)}_insertHorizontalRule(){this._editor?.chain().focus().setHorizontalRule().run()}_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(),l=this._getTableCellRow(),s=this._getTableCellCol();(0===l||0===s)&&(this._tableCellToolbar={x:i.left-r.left,y:i.bottom-r.top+8,visible:!0,cellRow:l,cellCol:s})}_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(){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){this._imageToolbar={x:e.x,y:e.y,visible:!0},this._imageMoreMenuVisible=!1}_hideImageToolbar(){this._imageToolbar={...this._imageToolbar,visible:!1},this._imageMoreMenuVisible=!1}_toggleImageMoreMenu(){this._imageMoreMenuVisible=!this._imageMoreMenuVisible}_deleteImage(){this._editor?.chain().focus().deleteNode("image").run(),this._hideImageToolbar()}_insertImageAfter(){this._triggerImageUpload(),this._imageMoreMenuVisible=!1}_setImageAlignLeft(){const e=this._editor;if(e){const{selection:t}=e.state,i=t.from;e.chain().focus().setNodeSelection(i).run();const o=this.shadowRoot?.querySelector(".ProseMirror img.ProseMirror-selectednode");o&&(o.style.display="block",o.style.margin="0 auto 0 0")}this._imageMoreMenuVisible=!1}_setImageAlignCenter(){const e=this._editor;if(e){const{selection:t}=e.state,i=t.from;e.chain().focus().setNodeSelection(i).run();const o=this.shadowRoot?.querySelector(".ProseMirror img.ProseMirror-selectednode");o&&(o.style.display="block",o.style.margin="0 auto")}this._imageMoreMenuVisible=!1}_setImageAlignRight(){const e=this._editor;if(e){const{selection:t}=e.state,i=t.from;e.chain().focus().setNodeSelection(i).run();const o=this.shadowRoot?.querySelector(".ProseMirror img.ProseMirror-selectednode");o&&(o.style.display="block",o.style.margin="0 0 0 auto")}this._imageMoreMenuVisible=!1}_updateImageToolbarPosition(){requestAnimationFrame(()=>{const e=this._editor;if(!e)return;const{selection:t}=e.state,{$from:i}=t;if("image"===i.node(i.depth).type.name?i.node(i.depth):null){const t=e.view.coordsAtPos(i.start()),o=this.shadowRoot?.querySelector(".editor-wrapper")?.getBoundingClientRect();if(o){const e=t.left-o.left+(t.right-t.left)/2,i=t.top-o.top-40;this._showImageToolbar({x:e,y:i})}}else this._hideImageToolbar()})}_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"})?"右对齐":"左对齐":"对齐"}_updateBubbleMenuPosition(){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:l}=o?.state??{selection:null};if(r&&l&&!l.empty&&o){const{from:t,to:i}=l,r=o.state.doc.resolve(t),s=o.state.doc.resolve(i);let n=!1;for(let e=r.depth;e>=0;e--)if("table"===r.node(e).type.name){n=!0;break}const a=r.node(r.depth),d=s.node(s.depth);if("table"!==a.type.name&&"table"!==d.type.name||(n=!0),n)return e.style.opacity="0",void(e.style.visibility="hidden")}if(l&&!l.empty);else if(!l||l.empty&&!this._hasSlashCommand)return e.style.opacity="0",void(e.style.visibility="hidden");const s=i.getBoundingClientRect(),n=e.getBoundingClientRect(),{from:a}=l,d=this._editor?.view.coordsAtPos(a);if(!d)return;let c=d.left-s.left,p=d.top-s.top-40;c+n.width>s.width&&(c=s.width-n.width-8),c<0&&(c=8),p<0&&(p=d.bottom-s.top+8),e.style.left=`${c}px`,e.style.top=`${p}px`,e.style.opacity="1",e.style.visibility="visible"})}render(){const e=this._editor;return T`
       <div class="editor-wrapper ${this._isLoading?"loading":""} ${this.preview?"preview":""}">
-        ${this._isLoading?M`
+        ${this._isLoading?T`
           <div class="loading-placeholder">
             <div class="loading-spinner"></div>
             <span>编辑器加载中...</span>
@@ -14,7 +14,7 @@ import{Editor as e}from"@tiptap/core";import t from"@tiptap/extension-blockquote
         />
 
         <!-- Bubble Menu (悬浮操作栏) -->
-        ${this.preview?"":M`
+        ${this.preview?"":T`
         <div class="bubble-menu">
           <!-- 文本格式 -->
           <button
@@ -211,13 +211,13 @@ import{Editor as e}from"@tiptap/core";import t from"@tiptap/extension-blockquote
         <div class="editor-content"></div>
 
         <!-- Table Cell Toolbar -->
-        ${this._tableCellToolbar.visible&&e?.isActive("table")?M`
+        ${this._tableCellToolbar.visible&&e?.isActive("table")?T`
           <div
             class="table-cell-toolbar"
             style="left: ${this._tableCellToolbar.x}px; top: ${this._tableCellToolbar.y}px;"
             @mousedown=${e=>e.preventDefault()}
           >
-            ${0===this._tableCellToolbar.cellRow?M`
+            ${0===this._tableCellToolbar.cellRow?T`
               <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>
@@ -228,8 +228,8 @@ import{Editor as e}from"@tiptap/core";import t from"@tiptap/extension-blockquote
                 <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?M`
-              ${0!==this._tableCellToolbar.cellRow?M`<div style="width:1px;height:20px;background:#e3e3e3;margin:0 4px;"></div>`:""}
+            ${0===this._tableCellToolbar.cellCol?T`
+              ${0!==this._tableCellToolbar.cellRow?T`<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>
@@ -240,7 +240,7 @@ import{Editor as e}from"@tiptap/core";import t from"@tiptap/extension-blockquote
                 <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?M`
+            ${0===this._tableCellToolbar.cellRow&&0===this._tableCellToolbar.cellCol?T`
               <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>
@@ -250,7 +250,7 @@ import{Editor as e}from"@tiptap/core";import t from"@tiptap/extension-blockquote
           `:""}
 
         <!-- Image Toolbar -->
-        ${this._imageToolbar.visible?M`
+        ${this._imageToolbar.visible?T`
           <div
             class="image-toolbar"
             style="left: ${this._imageToolbar.x}px; top: ${this._imageToolbar.y}px;"
@@ -267,7 +267,7 @@ import{Editor as e}from"@tiptap/core";import t from"@tiptap/extension-blockquote
               <button class="image-toolbar-btn" title="更多" @click=${this._toggleImageMoreMenu}>
                 <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
               </button>
-              ${this._imageMoreMenuVisible?M`
+              ${this._imageMoreMenuVisible?T`
                 <div class="image-more-menu">
                   <button class="image-more-menu-item" @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>
@@ -287,14 +287,14 @@ import{Editor as e}from"@tiptap/core";import t from"@tiptap/extension-blockquote
           </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(M`
+    `}_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`
         <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}};E.styles=C`
+      `)}return e}};q.styles=C`
     :host {
       display: block;
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, sans-serif;
@@ -933,5 +933,5 @@ import{Editor as e}from"@tiptap/core";import t from"@tiptap/extension-blockquote
       outline: 2px solid var(--qxs-color-primary, #3D61E3);
       outline-offset: 2px;
     }
-  `,q([$({type:String,attribute:"content"})],E.prototype,"content",2),q([$({type:Boolean,attribute:"readonly"})],E.prototype,"readonly",2),q([$({type:Boolean,attribute:"preview"})],E.prototype,"preview",2),q([$({type:Boolean,attribute:"is-edit"})],E.prototype,"isEdit",2),q([$({type:Object,attribute:"upload-image"})],E.prototype,"uploadImage",2),q([A()],E.prototype,"_pendingContent",2),q([A()],E.prototype,"_hoverRow",2),q([A()],E.prototype,"_hoverCol",2),q([A()],E.prototype,"_tableDropdownOpen",2),q([A()],E.prototype,"_isLoading",2),q([A()],E.prototype,"_tableCellToolbar",2),q([A()],E.prototype,"_tableEdgeHover",2),q([A()],E.prototype,"_imageToolbar",2),q([A()],E.prototype,"_imageMoreMenuVisible",2),q([A()],E.prototype,"_hasSlashCommand",2),E=q([B("qxs-blocksuite-editor")],E);export{E as QxsBlocksuiteEditor};
+  `,P([A({type:String,attribute:"content"})],q.prototype,"content",2),P([A({type:String,attribute:"model-value"})],q.prototype,"modelValue",2),P([A({type:String,attribute:"use-model"})],q.prototype,"useModelAttr",2),P([A({type:String,attribute:"auto-sync"})],q.prototype,"autoSyncAttr",2),P([A({type:String,attribute:"readonly"})],q.prototype,"readonlyAttr",2),P([A({type:String,attribute:"preview"})],q.prototype,"previewAttr",2),P([A({type:String,attribute:"is-edit"})],q.prototype,"isEditAttr",2),P([A({type:Object,attribute:"upload-image"})],q.prototype,"uploadImage",2),P([$()],q.prototype,"_pendingContent",2),P([$()],q.prototype,"_hoverRow",2),P([$()],q.prototype,"_hoverCol",2),P([$()],q.prototype,"_tableDropdownOpen",2),P([$()],q.prototype,"_isLoading",2),P([$()],q.prototype,"_tableCellToolbar",2),P([$()],q.prototype,"_tableEdgeHover",2),P([$()],q.prototype,"_imageToolbar",2),P([$()],q.prototype,"_imageMoreMenuVisible",2),P([$()],q.prototype,"_hasSlashCommand",2),q=P([R("qxs-blocksuite-editor")],q);export{q as QxsBlocksuiteEditor};
 //# sourceMappingURL=blocksuite-editor.mjs.map

package/es/editor/blocksuite-editor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"blocksuite-editor.mjs","sources":["../../../../packages/components-wc/src/editor/blocksuite-editor.ts"],"sourcesContent":["import { Editor } from '@tiptap/core'\nimport Blockquote from '@tiptap/extension-blockquote'\nimport Bold from '@tiptap/extension-bold'\nimport BulletList from '@tiptap/extension-bullet-list'\nimport Code from '@tiptap/extension-code'\nimport Document from '@tiptap/extension-document'\nimport Heading from '@tiptap/extension-heading'\nimport History from '@tiptap/extension-history'\nimport HorizontalRule from '@tiptap/extension-horizontal-rule'\nimport Image from '@tiptap/extension-image'\nimport Italic from '@tiptap/extension-italic'\nimport Link from '@tiptap/extension-link'\nimport ListItem from '@tiptap/extension-list-item'\nimport OrderedList from '@tiptap/extension-ordered-list'\nimport Paragraph from '@tiptap/extension-paragraph'\nimport Strike from '@tiptap/extension-strike'\nimport { Table } from '@tiptap/extension-table'\nimport { TableCell } from '@tiptap/extension-table-cell'\nimport { TableHeader } from '@tiptap/extension-table-header'\nimport { TableRow } from '@tiptap/extension-table-row'\nimport Text from '@tiptap/extension-text'\nimport TextAlign from '@tiptap/extension-text-align'\nimport Underline from '@tiptap/extension-underline'\nimport Placeholder from '@tiptap/extension-placeholder'\nimport { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\n\n@safeCustomElement('qxs-blocksuite-editor')\nexport class QxsBlocksuiteEditor extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, sans-serif;\n    }\n\n    .editor-wrapper {\n      border: 1px solid #e3e3e3;\n      border-radius: 12px;\n      background: #fff;\n      overflow: visible;\n      position: relative;\n    }\n\n    .editor-wrapper:focus-within {\n      border-color: var(--qxs-color-primary, #3D61E3);\n      box-shadow: 0 0 0 2px rgba(61, 97, 227, 0.1);\n    }\n\n    .editor-wrapper.preview {\n      border: none;\n      border-radius: 0;\n      background: transparent;\n    }\n\n    .editor-wrapper.is-edit {\n      border: 1px solid #dcdfe6;\n      border-radius: 3px;\n      background: #fff;\n    }\n\n    .editor-wrapper.preview .editor-content {\n      padding: 8px 12px;\n      min-height: unset;\n    }\n\n    .editor-content {\n      padding: 12px 16px;\n      min-height: 80px;\n      cursor: text;\n    }\n\n    .editor-content:empty::before {\n      content: '输入 / 唤出快捷命令';\n      color: #c0c0c0;\n      pointer-events: none;\n      display: block;\n      margin-top: 80px;\n      text-align: center;\n    }\n\n    .editor-content .ProseMirror:empty {\n      min-height: 200px;\n    }\n\n    .ProseMirror p.is-editor-empty:first-child::before {\n      content: attr(data-placeholder);\n      color: #c0c0c0;\n      pointer-events: none;\n      float: left;\n      height: 0;\n    }\n\n    .editor-wrapper.loading {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 200px;\n      background: #fafafa;\n    }\n\n    .loading-placeholder {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 12px;\n      color: #909399;\n      font-size: 14px;\n    }\n\n    .loading-spinner {\n      width: 24px;\n      height: 24px;\n      border: 2px solid #e3e3e3;\n      border-top-color: var(--qxs-color-primary, #3D61E3);\n      border-radius: 50%;\n      animation: spin 0.8s linear infinite;\n    }\n\n    @keyframes spin {\n      to { transform: rotate(360deg); }\n    }\n\n    .ProseMirror {\n      outline: none;\n      line-height: 1.7;\n      color: #37352f;\n      font-size: 15px;\n    }\n\n    .ProseMirror > * + * {\n      margin-top: 0.5em;\n    }\n\n    .ProseMirror > *:first-child {\n      margin-top: 0 !important;\n    }\n\n    .ProseMirror p {\n      margin: 0;\n    }\n\n    .ProseMirror h1 {\n      font-size: 1.875em;\n      font-weight: 700;\n      margin: 0 0 0.25em;\n      line-height: 1.3;\n    }\n\n    .ProseMirror > h1:first-child {\n      margin-top: 0 !important;\n      line-height: 1.15;\n    }\n\n    .ProseMirror > p:first-child {\n      margin-top: 0 !important;\n    }\n\n    .ProseMirror h2 {\n      font-size: 1.5em;\n      font-weight: 600;\n      margin: 0.5em 0 0.25em;\n      line-height: 1.3;\n    }\n\n    .ProseMirror h3 {\n      font-size: 1.25em;\n      font-weight: 600;\n      margin: 0.5em 0 0.25em;\n      line-height: 1.3;\n    }\n\n    .ProseMirror ul,\n    .ProseMirror ol {\n      padding-left: 1.5em;\n      margin: 0;\n    }\n\n    .ProseMirror li {\n      margin: 0.1em 0;\n    }\n\n    .ProseMirror li::marker {\n      color: #37352f;\n    }\n\n    .ProseMirror strong {\n      font-weight: 700;\n    }\n\n    .ProseMirror em {\n      font-style: italic;\n      font-synthesis: none;\n      transform: skewX(-12deg);\n      display: inline-block;\n    }\n\n    .ProseMirror u {\n      text-decoration: underline;\n    }\n\n    .ProseMirror s {\n      text-decoration: line-through;\n      color: #787774;\n    }\n\n    .ProseMirror code {\n      background: rgba(135, 131, 120, 0.14);\n      color: #eb5757;\n      padding: 2px 4px;\n      border-radius: 4px;\n      font-family: 'SFMono-Regular', Menlo, Consolas, monospace;\n      font-size: 85%;\n    }\n\n    .ProseMirror pre {\n      background: #f6f6f7;\n      border-radius: 8px;\n      padding: 12px 16px;\n      overflow-x: auto;\n    }\n\n    .ProseMirror pre code {\n      background: none;\n      padding: 0;\n      color: #37352f;\n    }\n\n    .ProseMirror blockquote {\n      border-left: 3px solid #e3e3e3;\n      padding-left: 1em;\n      margin: 0.75em 0;\n      color: #787774;\n    }\n\n    .ProseMirror hr {\n      border: none;\n      border-top: 1px solid #e3e3e3;\n      margin: 1.5em 0;\n    }\n\n    .ProseMirror img {\n      max-width: 100%;\n      height: auto;\n      border-radius: 8px;\n    }\n\n    .ProseMirror a {\n      color: var(--qxs-color-primary, #3D61E3);\n      text-decoration: underline;\n      cursor: pointer;\n    }\n\n    .ProseMirror img.ProseMirror-selectednode {\n      outline: 2px solid var(--qxs-color-primary, #3D61E3);\n    }\n\n    /* Table styles */\n    .ProseMirror table {\n      border-collapse: collapse;\n      width: 100%;\n      margin: 1em 0;\n      border: 1px solid #e3e3e3;\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .ProseMirror th,\n    .ProseMirror td {\n      border: 1px solid #e3e3e3;\n      padding: 8px 12px;\n      text-align: left;\n      vertical-align: top;\n    }\n\n    .ProseMirror th {\n      background: #fafafa;\n      font-weight: 600;\n    }\n\n    .ProseMirror .selectedCell {\n      background: rgba(30, 150, 252, 0.1);\n    }\n\n    /* Table Cell Toolbar */\n    .table-cell-toolbar {\n      position: absolute;\n      z-index: 50;\n      display: flex;\n      gap: 2px;\n      padding: 4px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 6px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n    }\n\n    .table-cell-toolbar-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      height: 28px;\n      border: none;\n      background: transparent;\n      border-radius: 4px;\n      cursor: pointer;\n      color: #606266;\n      transition: all 0.15s;\n    }\n\n    .table-cell-toolbar-btn:hover {\n      background: #ecf5ff;\n      color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .table-cell-toolbar-btn.danger:hover {\n      background: #fef0f0;\n      color: #f56c6c;\n    }\n\n    /* Table Edge Add Button */\n    .table-edge-add {\n      position: absolute;\n      z-index: 40;\n      display: none;\n      width: 20px;\n      height: 20px;\n      align-items: center;\n      justify-content: center;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 4px;\n      cursor: pointer;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n      color: #606266;\n      transition: all 0.15s;\n    }\n\n    .table-edge-add:hover {\n      background: #ecf5ff;\n      border-color: var(--qxs-color-primary, #3D61E3);\n      color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .table-edge-add.visible {\n      display: flex;\n    }\n\n    .table-edge-add-row {\n      width: 100%;\n      height: 8px;\n      left: 0;\n      border-radius: 0 0 4px 4px;\n    }\n\n    .table-edge-add-col {\n      height: 100%;\n      width: 8px;\n      top: 0;\n      border-radius: 0 4px 4px 0;\n    }\n\n    /* Bubble Menu - 企业级风格 */\n    .bubble-menu {\n      position: absolute;\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      padding: 4px 6px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 8px;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n      z-index: 100;\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.15s, visibility 0.15s, transform 0.15s;\n      transform: translateY(4px);\n      max-width: calc(100vw - 40px);\n    }\n\n    .bubble-menu.is-visible {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(0);\n    }\n\n    .bubble-menu.is-visible {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(0);\n    }\n\n    .bubble-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      height: 28px;\n      border: none;\n      background: transparent;\n      color: #37352f;\n      border-radius: 4px;\n      cursor: pointer;\n      transition: all 0.15s;\n      position: relative;\n    }\n\n    .bubble-btn:hover {\n      background: rgba(55, 53, 47, 0.08);\n    }\n\n    .bubble-btn.is-active {\n      background: var(--qxs-color-primary, #3D61E3);\n      color: #fff;\n    }\n\n    .bubble-btn svg {\n      width: 16px;\n      height: 16px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .bubble-divider {\n      width: 1px;\n      height: 16px;\n      background: #e3e3e3;\n      margin: 0 3px;\n    }\n\n    /* Dropdown */\n    .bubble-dropdown {\n      position: relative;\n    }\n\n    .bubble-dropdown-btn {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      padding: 0 6px;\n      height: 28px;\n      border: none;\n      background: transparent;\n      color: #37352f;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 500;\n      font-family: inherit;\n      transition: all 0.15s;\n      white-space: nowrap;\n    }\n\n    .bubble-dropdown-btn:hover {\n      background: rgba(55, 53, 47, 0.08);\n    }\n\n    .bubble-dropdown-btn svg {\n      width: 12px;\n      height: 12px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .bubble-dropdown-menu {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      margin-top: 4px;\n      min-width: 120px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 6px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n      padding: 4px;\n      opacity: 0;\n      visibility: hidden;\n      transform: translateY(-4px);\n      transition: all 0.15s;\n      z-index: 101;\n    }\n\n    .bubble-dropdown:hover .bubble-dropdown-menu,\n    .bubble-dropdown.is-open .bubble-dropdown-menu {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(0);\n    }\n\n    .bubble-dropdown-item {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      width: 100%;\n      padding: 6px 8px;\n      border: none;\n      background: transparent;\n      color: #37352f;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 500;\n      font-family: inherit;\n      text-align: left;\n      transition: all 0.15s;\n    }\n\n    .bubble-dropdown-item:hover {\n      background: rgba(55, 53, 47, 0.08);\n    }\n\n    .bubble-dropdown-item.is-active {\n      background: var(--qxs-color-primary, #3D61E3);\n      color: #fff;\n    }\n\n    .bubble-dropdown-item svg {\n      width: 16px;\n      height: 16px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .image-input {\n      display: none;\n    }\n\n    .table-grid-preview {\n      display: grid;\n      grid-template-columns: repeat(10, 18px);\n      gap: 2px;\n      padding: 8px;\n    }\n\n    .table-grid-preview .table-cell {\n      width: 18px;\n      height: 18px;\n      border: 1px solid #e3e3e3;\n      border-radius: 2px;\n      background: #fff;\n      cursor: pointer;\n      transition: all 0.1s;\n    }\n\n    .table-grid-preview .table-cell:hover {\n      background: rgba(30, 150, 252, 0.3);\n      border-color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .table-grid-preview .table-cell.selected {\n      background: rgba(30, 150, 252, 0.15);\n      border-color: rgba(30, 150, 252, 0.5);\n    }\n\n    .table-size-hint {\n      text-align: center;\n      padding: 4px 8px 6px;\n      font-size: 10px;\n      color: #8c8c8c;\n    }\n\n    /* Image Toolbar */\n    .image-toolbar {\n      position: absolute;\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      padding: 4px 6px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 6px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n      z-index: 100;\n      transform: translateX(-50%);\n    }\n\n    .image-toolbar-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      height: 28px;\n      border: none;\n      background: transparent;\n      border-radius: 4px;\n      cursor: pointer;\n      color: #595959;\n      transition: all 0.15s;\n    }\n\n    .image-toolbar-btn:hover {\n      background: #f5f5f5;\n      color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .image-toolbar-btn.danger:hover {\n      background: #fff1f0;\n      color: #ff4d4f;\n    }\n\n    .image-toolbar-btn svg {\n      width: 16px;\n      height: 16px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .image-toolbar-divider {\n      width: 1px;\n      height: 20px;\n      background: #e3e3e3;\n      margin: 0 4px;\n    }\n\n    /* Image More Menu */\n    .image-more-menu {\n      position: absolute;\n      top: 100%;\n      right: 0;\n      margin-top: 4px;\n      padding: 4px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 6px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n      z-index: 101;\n      min-width: 120px;\n    }\n\n    .image-more-menu-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      border: none;\n      background: transparent;\n      width: 100%;\n      text-align: left;\n      font-size: 13px;\n      color: #595959;\n      border-radius: 4px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .image-more-menu-item:hover {\n      background: #f5f5f5;\n      color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .image-more-menu-item svg {\n      width: 14px;\n      height: 14px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    /* Selected Image */\n    .ProseMirror img.selected {\n      outline: 2px solid var(--qxs-color-primary, #3D61E3);\n      outline-offset: 2px;\n    }\n  `\n\n  @property({ type: String, attribute: 'content' })\n  content = ''\n\n  @property({ type: Boolean, attribute: 'readonly' })\n  readonly = false\n\n  @property({ type: Boolean, attribute: 'preview' })\n  preview = false\n\n  @property({ type: Boolean, attribute: 'is-edit' })\n  isEdit = false\n\n  @property({ type: Object, attribute: 'upload-image' })\n  uploadImage: (file: File) => Promise<string> = async (file: File) => {\n    return new Promise((resolve, reject) => {\n      const reader = new FileReader()\n      reader.onload = (e) => resolve(e.target?.result as string)\n      reader.onerror = reject\n      reader.readAsDataURL(file)\n    })\n  }\n\n  private _editor: Editor | null = null\n  @state() private _pendingContent: string | null = null\n  private _tableRows = 3\n  private _tableCols = 3\n  @state() private _hoverRow = 0\n  @state() private _hoverCol = 0\n  @state() private _tableDropdownOpen = false\n  @state() private _isLoading = true\n  @state() private _tableCellToolbar: { x: number, y: number, visible: boolean, cellRow: number, cellCol: number } = { x: 0, y: 0, visible: false, cellRow: 0, cellCol: 0 }\n  @state() private _tableEdgeHover: { type: 'row' | 'col' | null, index: number, position: { x: number, y: number } } = { type: null, index: 0, position: { x: 0, y: 0 } }\n  @state() private _imageToolbar: { x: number, y: number, visible: boolean } = { x: 0, y: 0, visible: false }\n  @state() private _imageMoreMenuVisible = false\n  @state() private _hasSlashCommand = false\n\n  private _initEditor() {\n    if (this._editor) return\n    \n    const el = this.shadowRoot?.querySelector<HTMLElement>('.editor-content')\n    if (!el) { \n      requestAnimationFrame(() => this._initEditor())\n      return \n    }\n    \n    this._isLoading = false\n\n    const extensions: any[] = [\n      Document,\n      Paragraph,\n      Text,\n      Bold,\n      Italic,\n      Underline,\n      Strike,\n      Code,\n      Heading.configure({ levels: [1, 2, 3] }),\n      BulletList,\n      OrderedList,\n      ListItem,\n      Blockquote,\n      HorizontalRule,\n      History,\n      Image.configure({\n        inline: false,\n        allowBase64: true,\n      }),\n      Link.configure({\n        openOnClick: false,\n        HTMLAttributes: {\n          rel: 'noopener noreferrer',\n        },\n      }),\n      TextAlign.configure({\n        types: ['heading', 'paragraph'],\n      }),\n      Table.configure({\n        resizable: true,\n      }),\n      TableRow,\n      TableCell,\n      TableHeader,\n      Placeholder.configure({\n        placeholder: '输入 / 唤出快捷命令',\n      }),\n    ]\n\n    this._editor = new Editor({\n      element: el,\n      extensions,\n      content: (this._pendingContent ?? this.content) || '<p></p>',\n      editable: !this.readonly,\n    })\n\n    this._pendingContent = null\n\n    this._editor.on('selectionUpdate', () => {\n      this.requestUpdate()\n      this._updateBubbleMenuPosition()\n      if (this._editor?.isActive('table')) {\n        this._showTableCellToolbar()\n      } else {\n        this._hideTableCellToolbar()\n      }\n      // Image selection detection\n      const editor = this._editor\n      if (editor) {\n        const { selection } = editor.state\n        const { $from } = selection\n        const node = $from.node($from.depth)\n        if (node.type.name === 'image') {\n          const coords = editor.view.coordsAtPos($from.start())\n          const wrapperRect = this.shadowRoot?.querySelector('.editor-wrapper')?.getBoundingClientRect()\n          if (wrapperRect) {\n            const x = coords.left - wrapperRect.left + (coords.right - coords.left) / 2\n            const y = coords.top - wrapperRect.top - 40\n            this._showImageToolbar({ x, y })\n          }\n        } else {\n          this._hideImageToolbar()\n        }\n      }\n    })\n\n    this._editor.on('transaction', () => {\n      this.requestUpdate()\n      if (this._editor?.isActive('table')) {\n        this._showTableCellToolbar()\n      } else {\n        this._hideTableCellToolbar()\n      }\n      this._checkSlashCommand()\n      this._setupTableEdgeDetection()\n    })\n  }\n\n  private _tableEdgeDetectionSetup = false\n\n  private _setupTableEdgeDetection() {\n    const editorContent = this.shadowRoot?.querySelector('.editor-content')\n    if (!editorContent || this._tableEdgeDetectionSetup) return\n    \n    this._tableEdgeDetectionSetup = true\n    \n    editorContent.addEventListener('mousemove', (e: Event) => {\n      this._handleTableEdgeMouseMove(e as MouseEvent)\n    })\n\n    editorContent.addEventListener('mouseleave', () => {\n      this._tableEdgeHover = { type: null, index: 0, position: { x: 0, y: 0 } }\n    })\n\n    // Image click to select\n    editorContent.addEventListener('click', (e: Event) => {\n      const target = e.target as HTMLElement\n      if (target.tagName === 'IMG') {\n        const pos = this._editor?.view.posAtDOM(target, 0)\n        if (pos !== undefined) {\n          this._editor?.chain().focus().setNodeSelection(pos).run()\n        }\n      }\n    })\n  }\n\n  private _handleTableEdgeMouseMove(e: MouseEvent) {\n    if (!this._editor?.isActive('table')) {\n      this._tableEdgeHover = { type: null, index: 0, position: { x: 0, y: 0 } }\n      this.requestUpdate()\n      return\n    }\n\n    const target = e.target as HTMLElement\n    const table = target.closest('table')\n    if (!table) {\n      this._tableEdgeHover = { type: null, index: 0, position: { x: 0, y: 0 } }\n      this.requestUpdate()\n      return\n    }\n\n    const tableRect = table.getBoundingClientRect()\n    const editorWrapper = this.shadowRoot?.querySelector('.editor-wrapper')\n    if (!editorWrapper) return\n    const wrapperRect = editorWrapper.getBoundingClientRect()\n\n    const relativeX = e.clientX - wrapperRect.left\n    const relativeY = e.clientY - wrapperRect.top\n\n    const edgeThreshold = 10\n    const rowHeight = tableRect.height / table.rows.length\n\n    for (let i = 0; i < table.rows.length; i++) {\n      const rowTop = tableRect.top + i * rowHeight\n      const rowBottom = rowTop + rowHeight\n      \n      if (e.clientY >= rowTop - edgeThreshold && e.clientY <= rowTop + edgeThreshold) {\n        this._tableEdgeHover = {\n          type: 'row',\n          index: i,\n          position: { x: relativeX, y: rowTop - wrapperRect.top }\n        }\n        this.requestUpdate()\n        return\n      }\n      \n      if (e.clientY >= rowBottom - edgeThreshold && e.clientY <= rowBottom + edgeThreshold) {\n        this._tableEdgeHover = {\n          type: 'row',\n          index: i + 1,\n          position: { x: relativeX, y: rowBottom - wrapperRect.top }\n        }\n        this.requestUpdate()\n        return\n      }\n    }\n\n    const colWidth = tableRect.width / table.rows[0]?.cells.length || 1\n    for (let i = 0; i < (table.rows[0]?.cells.length || 0); i++) {\n      const colLeft = tableRect.left + i * colWidth\n      const colRight = colLeft + colWidth\n      \n      if (e.clientX >= colLeft - edgeThreshold && e.clientX <= colLeft + edgeThreshold) {\n        this._tableEdgeHover = {\n          type: 'col',\n          index: i,\n          position: { x: colLeft - wrapperRect.left, y: relativeY }\n        }\n        this.requestUpdate()\n        return\n      }\n      \n      if (e.clientX >= colRight - edgeThreshold && e.clientX <= colRight + edgeThreshold) {\n        this._tableEdgeHover = {\n          type: 'col',\n          index: i + 1,\n          position: { x: colRight - wrapperRect.left, y: relativeY }\n        }\n        this.requestUpdate()\n        return\n      }\n    }\n\n    this._tableEdgeHover = { type: null, index: 0, position: { x: 0, y: 0 } }\n    this.requestUpdate()\n  }\n\n  private _checkSlashCommand() {\n    if (!this._editor) return\n    const { selection } = this._editor.state\n    const textBefore = this._editor.state.doc.textBetween(\n      Math.max(0, selection.from - 10),\n      selection.from,\n      ' '\n    )\n    this._hasSlashCommand = textBefore.endsWith('/')\n  }\n\n  firstUpdated() {\n    this._initEditor()\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (this._editor) {\n      if (changed.has('content')) {\n        this._editor.commands.setContent(this.content || '<p></p>')\n      }\n      if (changed.has('readonly')) {\n        this._editor.setEditable(!this.readonly)\n      }\n      return\n    }\n\n    if (changed.has('content')) {\n      this._pendingContent = this.content\n    }\n\n    const el = this.shadowRoot?.querySelector<HTMLElement>('.editor-content')\n    if (el && !this._editor) {\n      this._initEditor()\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this._editor?.destroy()\n    this._editor = null\n  }\n\n  getContent(): string {\n    return this._editor?.getHTML() ?? ''\n  }\n\n  private _applyFormat(command: () => void) {\n    if (this._hasSlashCommand && this._editor) {\n      const { selection } = this._editor.state\n      this._editor.chain().focus().deleteRange({ from: selection.from - 1, to: selection.from }).run()\n      this._hasSlashCommand = false\n    }\n    command()\n  }\n\n  private _toggleBold() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleBold().run())\n  }\n\n  private _toggleItalic() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleItalic().run())\n  }\n\n  private _toggleUnderline() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleUnderline().run())\n  }\n\n  private _toggleStrike() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleStrike().run())\n  }\n\n  private _toggleCode() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleCode().run())\n  }\n\n  private _setHeading(level: number) {\n    this._applyFormat(() => this._editor?.chain().focus().toggleHeading({ level: level as 1 | 2 | 3 | 4 | 5 | 6 }).run())\n  }\n\n  private _setParagraph() {\n    this._applyFormat(() => this._editor?.chain().focus().setParagraph().run())\n  }\n\n  private _toggleBulletList() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleBulletList().run())\n  }\n\n  private _toggleOrderedList() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleOrderedList().run())\n  }\n\n  private _toggleBlockquote() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleBlockquote().run())\n  }\n\n  private _setTextAlign(align: string) {\n    this._applyFormat(() => this._editor?.chain().focus().setTextAlign(align as any).run())\n  }\n\n  private _setLink() {\n    // eslint-disable-next-line no-alert\n    const url = window.prompt('请输入链接地址：')\n    if (url) {\n      this._applyFormat(() => this._editor?.chain().focus().setLink({ href: url }).run())\n    }\n  }\n\n  private _unsetLink() {\n    this._applyFormat(() => this._editor?.chain().focus().unsetLink().run())\n  }\n\n  private _insertTable(rows?: number, cols?: number) {\n    this._editor?.chain().focus().insertTable({ rows: rows ?? this._tableRows, cols: cols ?? this._tableCols, withHeaderRow: true }).run()\n  }\n\n  private async _handleImageUpload(e: Event) {\n    const input = e.target as HTMLInputElement\n    const file = input.files?.[0]\n    if (file) {\n      try {\n        const src = await this.uploadImage(file)\n        this._editor?.chain().focus().setImage({ src }).run()\n      }\n      catch (err) {\n        console.error('图片上传失败:', err)\n      }\n    }\n    input.value = ''\n  }\n\n  private _triggerImageUpload() {\n    const input = this.shadowRoot?.querySelector<HTMLInputElement>('.image-input')\n    input?.click()\n  }\n\n  private _insertTableByClick(rows: number, cols: number) {\n    if (this._hasSlashCommand && this._editor) {\n      const { selection } = this._editor.state\n      this._editor.chain().focus().deleteRange({ from: selection.from - 1, to: selection.from }).run()\n      this._hasSlashCommand = false\n    }\n    this._tableRows = rows\n    this._tableCols = cols\n    this._insertTable(rows, cols)\n  }\n\n  private _insertHorizontalRule() {\n    this._editor?.chain().focus().setHorizontalRule().run()\n  }\n\n  private _showTableCellToolbar() {\n    if (!this._editor?.isActive('table')) return\n    const { state } = this._editor\n    const { selection } = state\n    const coords = this._editor.view.coordsAtPos(selection.from)\n    const editorWrapper = this.shadowRoot?.querySelector<HTMLElement>('.editor-wrapper')\n    if (!editorWrapper) return\n    const wrapperRect = editorWrapper.getBoundingClientRect()\n\n    const cellRow = this._getTableCellRow()\n    const cellCol = this._getTableCellCol()\n    const isTopRow = cellRow === 0\n    const isLeftCol = cellCol === 0\n\n    // Only show toolbar on top row or left column\n    if (!isTopRow && !isLeftCol) return\n\n    this._tableCellToolbar = {\n      x: coords.left - wrapperRect.left,\n      y: coords.bottom - wrapperRect.top + 8,\n      visible: true,\n      cellRow,\n      cellCol,\n    }\n  }\n\n  private _getTableCellRow(): number {\n    if (!this._editor) return 0\n    const { selection } = this._editor.state\n    const $pos = this._editor.state.doc.resolve(selection.from)\n    for (let d = $pos.depth; d > 0; d--) {\n      const node = $pos.node(d)\n      if (node.type.name === 'tableCell') {\n        return $pos.index(d - 1)\n      }\n    }\n    return 0\n  }\n\n  private _getTableCellCol(): number {\n    if (!this._editor) return 0\n    const { selection } = this._editor.state\n    const $pos = this._editor.state.doc.resolve(selection.from)\n    for (let d = $pos.depth; d > 0; d--) {\n      const node = $pos.node(d)\n      if (node.type.name === 'tableCell') {\n        return $pos.index(d)\n      }\n    }\n    return 0\n  }\n\n  private _hideTableCellToolbar() {\n    this._tableCellToolbar = { ...this._tableCellToolbar, visible: false }\n  }\n\n  private _addTableRowAbove() {\n    this._editor?.chain().focus().addRowBefore().run()\n    this._hideTableCellToolbar()\n  }\n\n  private _addTableRowBelow() {\n    this._editor?.chain().focus().addRowAfter().run()\n    this._hideTableCellToolbar()\n  }\n\n  private _addTableColumnLeft() {\n    this._editor?.chain().focus().addColumnBefore().run()\n    this._hideTableCellToolbar()\n  }\n\n  private _addTableColumnRight() {\n    this._editor?.chain().focus().addColumnAfter().run()\n    this._hideTableCellToolbar()\n  }\n\n  private _deleteTableRow() {\n    this._editor?.chain().focus().deleteRow().run()\n    this._hideTableCellToolbar()\n  }\n\n  private _deleteTableColumn() {\n    this._editor?.chain().focus().deleteColumn().run()\n    this._hideTableCellToolbar()\n  }\n\n  private _deleteTable() {\n    this._editor?.chain().focus().deleteTable().run()\n    this._hideTableCellToolbar()\n  }\n\n  // Image Toolbar Methods\n  private _showImageToolbar(pos: { x: number, y: number }) {\n    this._imageToolbar = { x: pos.x, y: pos.y, visible: true }\n    this._imageMoreMenuVisible = false\n  }\n\n  private _hideImageToolbar() {\n    this._imageToolbar = { ...this._imageToolbar, visible: false }\n    this._imageMoreMenuVisible = false\n  }\n\n  private _toggleImageMoreMenu() {\n    this._imageMoreMenuVisible = !this._imageMoreMenuVisible\n  }\n\n  private _deleteImage() {\n    this._editor?.chain().focus().deleteNode('image').run()\n    this._hideImageToolbar()\n  }\n\n  private _insertImageAfter() {\n    this._triggerImageUpload()\n    this._imageMoreMenuVisible = false\n  }\n\n  private _setImageAlignLeft() {\n    const editor = this._editor\n    if (editor) {\n      const { selection } = editor.state\n      const pos = selection.from\n      editor.chain().focus().setNodeSelection(pos).run()\n      const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n      if (img) {\n        img.style.display = 'block'\n        img.style.margin = '0 auto 0 0'\n      }\n    }\n    this._imageMoreMenuVisible = false\n  }\n\n  private _setImageAlignCenter() {\n    const editor = this._editor\n    if (editor) {\n      const { selection } = editor.state\n      const pos = selection.from\n      editor.chain().focus().setNodeSelection(pos).run()\n      const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n      if (img) {\n        img.style.display = 'block'\n        img.style.margin = '0 auto'\n      }\n    }\n    this._imageMoreMenuVisible = false\n  }\n\n  private _setImageAlignRight() {\n    const editor = this._editor\n    if (editor) {\n      const { selection } = editor.state\n      const pos = selection.from\n      editor.chain().focus().setNodeSelection(pos).run()\n      const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n      if (img) {\n        img.style.display = 'block'\n        img.style.margin = '0 0 0 auto'\n      }\n    }\n    this._imageMoreMenuVisible = false\n  }\n\n  private _updateImageToolbarPosition() {\n    requestAnimationFrame(() => {\n      const editor = this._editor\n      if (!editor) return\n\n      const { selection } = editor.state\n      const { $from } = selection\n\n      // Find if we're inside an image node\n      const imageNode = $from.node($from.depth).type.name === 'image'\n        ? $from.node($from.depth)\n        : null\n\n      if (imageNode) {\n        const coords = editor.view.coordsAtPos($from.start())\n        const wrapperRect = this.shadowRoot?.querySelector('.editor-wrapper')?.getBoundingClientRect()\n        if (wrapperRect) {\n          const x = coords.left - wrapperRect.left + (coords.right - coords.left) / 2\n          const y = coords.top - wrapperRect.top - 40\n          this._showImageToolbar({ x, y })\n        }\n      } else {\n        this._hideImageToolbar()\n      }\n    })\n  }\n\n  private _getTextLabel(): string {\n    const editor = this._editor\n    if (!editor) { return '正文' }\n    if (editor.isActive('heading', { level: 1 })) { return '标题 1' }\n    if (editor.isActive('heading', { level: 2 })) { return '标题 2' }\n    if (editor.isActive('heading', { level: 3 })) { return '标题 3' }\n    return '正文'\n  }\n\n  private _getAlignLabel(): string {\n    const editor = this._editor\n    if (!editor) { return '对齐' }\n    if (editor.isActive({ textAlign: 'center' })) { return '居中' }\n    if (editor.isActive({ textAlign: 'right' })) { return '右对齐' }\n    return '左对齐'\n  }\n\n  private _updateBubbleMenuPosition() {\n    requestAnimationFrame(() => {\n      const bubbleMenu = this.shadowRoot?.querySelector<HTMLElement>('.bubble-menu')\n      const proseMirror = this.shadowRoot?.querySelector<HTMLElement>('.ProseMirror')\n      const editorWrapper = this.shadowRoot?.querySelector<HTMLElement>('.editor-wrapper')\n      if (!bubbleMenu || !proseMirror || !editorWrapper) { return }\n\n      const editor = this._editor\n      const isInTable = editor?.isActive('table') ?? false\n      const { selection } = editor?.state ?? { selection: null }\n\n      // 如果选中了表格节点（而不只是单元格内的文字），隐藏菜单\n      if (isInTable && selection && !selection.empty && editor) {\n        const { from, to } = selection\n        const $from = editor.state.doc.resolve(from)\n        const $to = editor.state.doc.resolve(to)\n        // 检查选区起点和终点之间是否有表格节点\n        let hasTableInSelection = false\n        for (let d = $from.depth; d >= 0; d--) {\n          if ($from.node(d).type.name === 'table') {\n            hasTableInSelection = true\n            break\n          }\n        }\n        // 如果选区起点在表格外但终点在表格内，或者选区跨越了表格\n        const fromAncestor = $from.node($from.depth)\n        const toAncestor = $to.node($to.depth)\n        if (fromAncestor.type.name === 'table' || toAncestor.type.name === 'table') {\n          hasTableInSelection = true\n        }\n        if (hasTableInSelection) {\n          bubbleMenu.style.opacity = '0'\n          bubbleMenu.style.visibility = 'hidden'\n          return\n        }\n      }\n\n      // 如果有选中文字，显示菜单\n      if (selection && !selection.empty) {\n        // continue to show menu\n      } else if (!selection || (selection.empty && !this._hasSlashCommand)) {\n        bubbleMenu.style.opacity = '0'\n        bubbleMenu.style.visibility = 'hidden'\n        return\n      }\n\n      const wrapperRect = editorWrapper.getBoundingClientRect()\n      const menuRect = bubbleMenu.getBoundingClientRect()\n\n      const { from } = selection!\n      const coords = this._editor?.view.coordsAtPos(from)\n      if (!coords) { return }\n\n      let left = coords.left - wrapperRect.left\n      let top = coords.top - wrapperRect.top - 40\n\n      if (left + menuRect.width > wrapperRect.width) {\n        left = wrapperRect.width - menuRect.width - 8\n      }\n      if (left < 0) {\n        left = 8\n      }\n\n      if (top < 0) {\n        top = coords.bottom - wrapperRect.top + 8\n      }\n\n      bubbleMenu.style.left = `${left}px`\n      bubbleMenu.style.top = `${top}px`\n      bubbleMenu.style.opacity = '1'\n      bubbleMenu.style.visibility = 'visible'\n    })\n  }\n\n  render() {\n    const editor = this._editor\n\n    return html`\n      <div class=\"editor-wrapper ${this._isLoading ? 'loading' : ''} ${this.preview ? 'preview' : ''}\">\n        ${this._isLoading ? html`\n          <div class=\"loading-placeholder\">\n            <div class=\"loading-spinner\"></div>\n            <span>编辑器加载中...</span>\n          </div>\n        ` : ''}\n        <input\n          type=\"file\"\n          accept=\"image/*\"\n          class=\"image-input\"\n          @change=${this._handleImageUpload}\n        />\n\n        <!-- Bubble Menu (悬浮操作栏) -->\n        ${!this.preview ? html`\n        <div class=\"bubble-menu\">\n          <!-- 文本格式 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('bold') ? 'is-active' : ''}\"\n            @click=${this._toggleBold}\n            title=\"加粗\"\n          >\n            <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>\n          </button>\n          <button\n            class=\"bubble-btn ${editor?.isActive('italic') ? 'is-active' : ''}\"\n            @click=${this._toggleItalic}\n            title=\"斜体\"\n          >\n            <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>\n          </button>\n          <button\n            class=\"bubble-btn ${editor?.isActive('underline') ? 'is-active' : ''}\"\n            @click=${this._toggleUnderline}\n            title=\"下划线\"\n          >\n            <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>\n          </button>\n          <button\n            class=\"bubble-btn ${editor?.isActive('strike') ? 'is-active' : ''}\"\n            @click=${this._toggleStrike}\n            title=\"删除线\"\n          >\n            <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>\n          </button>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 文本类型下拉 -->\n          <div class=\"bubble-dropdown\">\n            <button class=\"bubble-dropdown-btn\">\n              ${this._getTextLabel()}\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"/></svg>\n            </button>\n            <div class=\"bubble-dropdown-menu\">\n              <button\n                class=\"bubble-dropdown-item ${!editor?.isActive('heading') ? 'is-active' : ''}\"\n                @click=${this._setParagraph}\n              >\n                正文\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive('heading', { level: 1 }) ? 'is-active' : ''}\"\n                @click=${() => this._setHeading(1)}\n              >\n                标题 1\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive('heading', { level: 2 }) ? 'is-active' : ''}\"\n                @click=${() => this._setHeading(2)}\n              >\n                标题 2\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive('heading', { level: 3 }) ? 'is-active' : ''}\"\n                @click=${() => this._setHeading(3)}\n              >\n                标题 3\n              </button>\n            </div>\n          </div>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 对齐下拉 -->\n          <div class=\"bubble-dropdown\">\n            <button class=\"bubble-dropdown-btn\">\n              ${this._getAlignLabel()}\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"/></svg>\n            </button>\n            <div class=\"bubble-dropdown-menu\">\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive({ textAlign: 'left' }) ? 'is-active' : ''}\"\n                @click=${() => this._setTextAlign('left')}\n              >\n                <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>\n                左对齐\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive({ textAlign: 'center' }) ? 'is-active' : ''}\"\n                @click=${() => this._setTextAlign('center')}\n              >\n                <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>\n                居中\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive({ textAlign: 'right' }) ? 'is-active' : ''}\"\n                @click=${() => this._setTextAlign('right')}\n              >\n                <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>\n                右对齐\n              </button>\n            </div>\n          </div>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 行内代码 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('code') ? 'is-active' : ''}\"\n            @click=${this._toggleCode}\n            title=\"行内代码\"\n          >\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"16 18 22 12 16 6\"/><polyline points=\"8 6 2 12 8 18\"/></svg>\n          </button>\n\n          <!-- 链接 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('link') ? 'is-active' : ''}\"\n            @click=${this._setLink}\n            title=\"链接\"\n          >\n            <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>\n          </button>\n\n          <!-- 图片 -->\n          <button\n            class=\"bubble-btn\"\n            @click=${this._triggerImageUpload}\n            title=\"图片\"\n          >\n            <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>\n          </button>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 列表 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('bulletList') ? 'is-active' : ''}\"\n            @click=${this._toggleBulletList}\n            title=\"无序列表\"\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"9\" y1=\"6\" x2=\"20\" y2=\"6\"/>\n              <line x1=\"9\" y1=\"12\" x2=\"20\" y2=\"12\"/>\n              <line x1=\"9\" y1=\"18\" x2=\"20\" y2=\"18\"/>\n              <circle cx=\"4\" cy=\"6\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"/>\n              <circle cx=\"4\" cy=\"12\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"/>\n              <circle cx=\"4\" cy=\"18\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"/>\n            </svg>\n          </button>\n          <button\n            class=\"bubble-btn ${editor?.isActive('orderedList') ? 'is-active' : ''}\"\n            @click=${this._toggleOrderedList}\n            title=\"有序列表\"\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"10\" y1=\"6\" x2=\"21\" y2=\"6\"/>\n              <line x1=\"10\" y1=\"12\" x2=\"21\" y2=\"12\"/>\n              <line x1=\"10\" y1=\"18\" x2=\"21\" y2=\"18\"/>\n              <path d=\"M4 6h1v4\"/>\n              <path d=\"M4 10h2\"/>\n              <path d=\"M6 18H4c0-1 2-2 2-3s-1-1.5-2-1.5\"/>\n            </svg>\n          </button>\n\n          <!-- 引用 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('blockquote') ? 'is-active' : ''}\"\n            @click=${this._toggleBlockquote}\n            title=\"引用\"\n          >\n            <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>\n          </button>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 表格下拉 -->\n          <div\n            class=\"bubble-dropdown ${this._tableDropdownOpen ? 'is-open' : ''}\"\n            @mouseenter=${() => {\n              this._tableDropdownOpen = true\n              this._hoverRow = 0\n              this._hoverCol = 0\n            }}\n            @mouseleave=${() => this._tableDropdownOpen = false}\n          >\n            <button class=\"bubble-dropdown-btn\" title=\"表格\">\n              <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>\n            </button>\n            <div class=\"bubble-dropdown-menu\">\n              <div class=\"table-grid-preview\">\n                ${this._renderTableGrid()}\n              </div>\n              <div class=\"table-size-hint\">\n                <span>${this._hoverRow > 0 ? `${this._hoverRow} × ${this._hoverCol}` : `${this._tableRows} × ${this._tableCols}`}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        ` : ''}\n\n        <div class=\"editor-content\"></div>\n\n        <!-- Table Cell Toolbar -->\n        ${this._tableCellToolbar.visible && editor?.isActive('table')\n          ? html`\n          <div\n            class=\"table-cell-toolbar\"\n            style=\"left: ${this._tableCellToolbar.x}px; top: ${this._tableCellToolbar.y}px;\"\n            @mousedown=${(e: Event) => e.preventDefault()}\n          >\n            ${this._tableCellToolbar.cellRow === 0 ? html`\n              <button class=\"table-cell-toolbar-btn\" title=\"上方添加行\" @click=${this._addTableRowAbove}>\n                <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>\n              </button>\n              <button class=\"table-cell-toolbar-btn\" title=\"下方添加行\" @click=${this._addTableRowBelow}>\n                <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=\"21\" x2=\"12\" y2=\"17\"/><line x1=\"10\" y1=\"19\" x2=\"14\" y2=\"19\"/></svg>\n              </button>\n              <button class=\"table-cell-toolbar-btn danger\" title=\"删除行\" @click=${this._deleteTableRow}>\n                <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>\n              </button>\n            ` : ''}\n            ${this._tableCellToolbar.cellCol === 0 ? html`\n              ${this._tableCellToolbar.cellRow !== 0 ? html`<div style=\"width:1px;height:20px;background:#e3e3e3;margin:0 4px;\"></div>` : ''}\n              <button class=\"table-cell-toolbar-btn\" title=\"左侧添加列\" @click=${this._addTableColumnLeft}>\n                <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>\n              </button>\n              <button class=\"table-cell-toolbar-btn\" title=\"右侧添加列\" @click=${this._addTableColumnRight}>\n                <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=\"21\" y1=\"12\" x2=\"17\" y2=\"12\"/><line x1=\"19\" y1=\"10\" x2=\"19\" y2=\"14\"/></svg>\n              </button>\n              <button class=\"table-cell-toolbar-btn danger\" title=\"删除列\" @click=${this._deleteTableColumn}>\n                <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>\n              </button>\n            ` : ''}\n            ${this._tableCellToolbar.cellRow === 0 && this._tableCellToolbar.cellCol === 0 ? html`\n              <div style=\"width:1px;height:20px;background:#e3e3e3;margin:0 4px;\"></div>\n              <button class=\"table-cell-toolbar-btn danger\" title=\"删除表格\" @click=${this._deleteTable}>\n                <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>\n              </button>\n            ` : ''}\n          </div>\n          `\n          : ''}\n\n        <!-- Image Toolbar -->\n        ${this._imageToolbar.visible\n          ? html`\n          <div\n            class=\"image-toolbar\"\n            style=\"left: ${this._imageToolbar.x}px; top: ${this._imageToolbar.y}px;\"\n            @mousedown=${(e: Event) => e.preventDefault()}\n          >\n            <button class=\"image-toolbar-btn danger\" title=\"删除图片\" @click=${this._deleteImage}>\n              <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>\n            </button>\n            <button class=\"image-toolbar-btn\" title=\"添加图片\" @click=${this._insertImageAfter}>\n              <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></svg>\n            </button>\n            <div class=\"image-toolbar-divider\"></div>\n            <div style=\"position: relative;\">\n              <button class=\"image-toolbar-btn\" title=\"更多\" @click=${this._toggleImageMoreMenu}>\n                <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"1\"/><circle cx=\"19\" cy=\"12\" r=\"1\"/><circle cx=\"5\" cy=\"12\" r=\"1\"/></svg>\n              </button>\n              ${this._imageMoreMenuVisible\n                ? html`\n                <div class=\"image-more-menu\">\n                  <button class=\"image-more-menu-item\" @click=${this._setImageAlignLeft}>\n                    <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>\n                    左对齐\n                  </button>\n                  <button class=\"image-more-menu-item\" @click=${this._setImageAlignCenter}>\n                    <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>\n                    居中\n                  </button>\n                  <button class=\"image-more-menu-item\" @click=${this._setImageAlignRight}>\n                    <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>\n                    右对齐\n                  </button>\n                </div>\n                `\n                : ''}\n            </div>\n          </div>\n          `\n          : ''}\n      </div>\n    `\n  }\n\n  private _renderTableGrid() {\n    const cells = []\n    for (let i = 0; i < 100; i++) {\n      const row = Math.floor(i / 10) + 1\n      const col = (i % 10) + 1\n      const isHighlight = this._hoverRow > 0 && row <= this._hoverRow && col <= this._hoverCol\n      cells.push(html`\n        <div\n          class=\"table-cell ${isHighlight ? 'selected' : ''}\"\n          @click=${() => {\n            this._insertTableByClick(row, col)\n            this._tableDropdownOpen = false\n          }}\n          @mouseenter=${() => {\n            this._hoverRow = row\n            this._hoverCol = col\n          }}\n          @mouseleave=${() => {\n            this._hoverRow = 0\n            this._hoverCol = 0\n          }}\n        ></div>\n      `)\n    }\n    return cells\n  }\n}\n\nexport function register() {}\n"],"names":["QxsBlocksuiteEditor","LitElement","constructor","super","arguments","this","content","readonly","preview","isEdit","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_editor","_pendingContent","_tableRows","_tableCols","_hoverRow","_hoverCol","_tableDropdownOpen","_isLoading","_tableCellToolbar","x","y","visible","cellRow","cellCol","_tableEdgeHover","type","index","position","_imageToolbar","_imageMoreMenuVisible","_hasSlashCommand","_tableEdgeDetectionSetup","_initEditor","el","shadowRoot","querySelector","requestAnimationFrame","extensions","Document","Paragraph","Text","Bold","Italic","Underline","Strike","Code","Heading","configure","levels","BulletList","OrderedList","ListItem","Blockquote","HorizontalRule","History","Image","inline","allowBase64","Link","openOnClick","HTMLAttributes","rel","TextAlign","types","Table","resizable","TableRow","TableCell","TableHeader","Placeholder","placeholder","Editor","element","editable","on","requestUpdate","_updateBubbleMenuPosition","isActive","_showTableCellToolbar","_hideTableCellToolbar","editor","selection","state","$from","node","depth","name","coords","view","coordsAtPos","start","wrapperRect","getBoundingClientRect","left","right","top","_showImageToolbar","_hideImageToolbar","_checkSlashCommand","_setupTableEdgeDetection","editorContent","addEventListener","_handleTableEdgeMouseMove","tagName","pos","posAtDOM","chain","focus","setNodeSelection","run","table","closest","tableRect","editorWrapper","relativeX","clientX","relativeY","clientY","edgeThreshold","rowHeight","height","rows","length","i","rowTop","rowBottom","colWidth","width","cells","colLeft","colRight","textBefore","doc","textBetween","Math","max","from","endsWith","firstUpdated","updated","changed","has","commands","setContent","setEditable","disconnectedCallback","destroy","getContent","getHTML","_applyFormat","command","deleteRange","to","_toggleBold","toggleBold","_toggleItalic","toggleItalic","_toggleUnderline","toggleUnderline","_toggleStrike","toggleStrike","_toggleCode","toggleCode","_setHeading","level","toggleHeading","_setParagraph","setParagraph","_toggleBulletList","toggleBulletList","_toggleOrderedList","toggleOrderedList","_toggleBlockquote","toggleBlockquote","_setTextAlign","align","setTextAlign","_setLink","url","window","prompt","setLink","href","_unsetLink","unsetLink","_insertTable","cols","insertTable","withHeaderRow","_handleImageUpload","input","files","src","setImage","err","value","_triggerImageUpload","click","_insertTableByClick","_insertHorizontalRule","setHorizontalRule","_getTableCellRow","_getTableCellCol","bottom","$pos","d","_addTableRowAbove","addRowBefore","_addTableRowBelow","addRowAfter","_addTableColumnLeft","addColumnBefore","_addTableColumnRight","addColumnAfter","_deleteTableRow","deleteRow","_deleteTableColumn","deleteColumn","_deleteTable","deleteTable","_toggleImageMoreMenu","_deleteImage","deleteNode","_insertImageAfter","_setImageAlignLeft","img","style","display","margin","_setImageAlignCenter","_setImageAlignRight","_updateImageToolbarPosition","_getTextLabel","_getAlignLabel","textAlign","bubbleMenu","proseMirror","isInTable","empty","$to","hasTableInSelection","fromAncestor","toAncestor","opacity","visibility","menuRect","render","html","_renderTableGrid","preventDefault","row","floor","col","isHighlight","push","styles","css","__decorateClass","property","String","attribute","prototype","Boolean","Object","safeCustomElement"],"mappings":"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"}
+{"version":3,"file":"blocksuite-editor.mjs","sources":["../../../../packages/components-wc/src/editor/blocksuite-editor.ts"],"sourcesContent":["import { Editor } from '@tiptap/core'\nimport Blockquote from '@tiptap/extension-blockquote'\nimport Bold from '@tiptap/extension-bold'\nimport BulletList from '@tiptap/extension-bullet-list'\nimport Code from '@tiptap/extension-code'\nimport Document from '@tiptap/extension-document'\nimport Heading from '@tiptap/extension-heading'\nimport History from '@tiptap/extension-history'\nimport HorizontalRule from '@tiptap/extension-horizontal-rule'\nimport Image from '@tiptap/extension-image'\nimport Italic from '@tiptap/extension-italic'\nimport Link from '@tiptap/extension-link'\nimport ListItem from '@tiptap/extension-list-item'\nimport OrderedList from '@tiptap/extension-ordered-list'\nimport Paragraph from '@tiptap/extension-paragraph'\nimport Strike from '@tiptap/extension-strike'\nimport { Table } from '@tiptap/extension-table'\nimport { TableCell } from '@tiptap/extension-table-cell'\nimport { TableHeader } from '@tiptap/extension-table-header'\nimport { TableRow } from '@tiptap/extension-table-row'\nimport Text from '@tiptap/extension-text'\nimport TextAlign from '@tiptap/extension-text-align'\nimport Underline from '@tiptap/extension-underline'\nimport Placeholder from '@tiptap/extension-placeholder'\nimport { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\n\n@safeCustomElement('qxs-blocksuite-editor')\nexport class QxsBlocksuiteEditor extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, sans-serif;\n    }\n\n    .editor-wrapper {\n      border: 1px solid #e3e3e3;\n      border-radius: 12px;\n      background: #fff;\n      overflow: visible;\n      position: relative;\n    }\n\n    .editor-wrapper:focus-within {\n      border-color: var(--qxs-color-primary, #3D61E3);\n      box-shadow: 0 0 0 2px rgba(61, 97, 227, 0.1);\n    }\n\n    .editor-wrapper.preview {\n      border: none;\n      border-radius: 0;\n      background: transparent;\n    }\n\n    .editor-wrapper.is-edit {\n      border: 1px solid #dcdfe6;\n      border-radius: 3px;\n      background: #fff;\n    }\n\n    .editor-wrapper.preview .editor-content {\n      padding: 8px 12px;\n      min-height: unset;\n    }\n\n    .editor-content {\n      padding: 12px 16px;\n      min-height: 80px;\n      cursor: text;\n    }\n\n    .editor-content:empty::before {\n      content: '输入 / 唤出快捷命令';\n      color: #c0c0c0;\n      pointer-events: none;\n      display: block;\n      margin-top: 80px;\n      text-align: center;\n    }\n\n    .editor-content .ProseMirror:empty {\n      min-height: 200px;\n    }\n\n    .ProseMirror p.is-editor-empty:first-child::before {\n      content: attr(data-placeholder);\n      color: #c0c0c0;\n      pointer-events: none;\n      float: left;\n      height: 0;\n    }\n\n    .editor-wrapper.loading {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 200px;\n      background: #fafafa;\n    }\n\n    .loading-placeholder {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 12px;\n      color: #909399;\n      font-size: 14px;\n    }\n\n    .loading-spinner {\n      width: 24px;\n      height: 24px;\n      border: 2px solid #e3e3e3;\n      border-top-color: var(--qxs-color-primary, #3D61E3);\n      border-radius: 50%;\n      animation: spin 0.8s linear infinite;\n    }\n\n    @keyframes spin {\n      to { transform: rotate(360deg); }\n    }\n\n    .ProseMirror {\n      outline: none;\n      line-height: 1.7;\n      color: #37352f;\n      font-size: 15px;\n    }\n\n    .ProseMirror > * + * {\n      margin-top: 0.5em;\n    }\n\n    .ProseMirror > *:first-child {\n      margin-top: 0 !important;\n    }\n\n    .ProseMirror p {\n      margin: 0;\n    }\n\n    .ProseMirror h1 {\n      font-size: 1.875em;\n      font-weight: 700;\n      margin: 0 0 0.25em;\n      line-height: 1.3;\n    }\n\n    .ProseMirror > h1:first-child {\n      margin-top: 0 !important;\n      line-height: 1.15;\n    }\n\n    .ProseMirror > p:first-child {\n      margin-top: 0 !important;\n    }\n\n    .ProseMirror h2 {\n      font-size: 1.5em;\n      font-weight: 600;\n      margin: 0.5em 0 0.25em;\n      line-height: 1.3;\n    }\n\n    .ProseMirror h3 {\n      font-size: 1.25em;\n      font-weight: 600;\n      margin: 0.5em 0 0.25em;\n      line-height: 1.3;\n    }\n\n    .ProseMirror ul,\n    .ProseMirror ol {\n      padding-left: 1.5em;\n      margin: 0;\n    }\n\n    .ProseMirror li {\n      margin: 0.1em 0;\n    }\n\n    .ProseMirror li::marker {\n      color: #37352f;\n    }\n\n    .ProseMirror strong {\n      font-weight: 700;\n    }\n\n    .ProseMirror em {\n      font-style: italic;\n      font-synthesis: none;\n      transform: skewX(-12deg);\n      display: inline-block;\n    }\n\n    .ProseMirror u {\n      text-decoration: underline;\n    }\n\n    .ProseMirror s {\n      text-decoration: line-through;\n      color: #787774;\n    }\n\n    .ProseMirror code {\n      background: rgba(135, 131, 120, 0.14);\n      color: #eb5757;\n      padding: 2px 4px;\n      border-radius: 4px;\n      font-family: 'SFMono-Regular', Menlo, Consolas, monospace;\n      font-size: 85%;\n    }\n\n    .ProseMirror pre {\n      background: #f6f6f7;\n      border-radius: 8px;\n      padding: 12px 16px;\n      overflow-x: auto;\n    }\n\n    .ProseMirror pre code {\n      background: none;\n      padding: 0;\n      color: #37352f;\n    }\n\n    .ProseMirror blockquote {\n      border-left: 3px solid #e3e3e3;\n      padding-left: 1em;\n      margin: 0.75em 0;\n      color: #787774;\n    }\n\n    .ProseMirror hr {\n      border: none;\n      border-top: 1px solid #e3e3e3;\n      margin: 1.5em 0;\n    }\n\n    .ProseMirror img {\n      max-width: 100%;\n      height: auto;\n      border-radius: 8px;\n    }\n\n    .ProseMirror a {\n      color: var(--qxs-color-primary, #3D61E3);\n      text-decoration: underline;\n      cursor: pointer;\n    }\n\n    .ProseMirror img.ProseMirror-selectednode {\n      outline: 2px solid var(--qxs-color-primary, #3D61E3);\n    }\n\n    /* Table styles */\n    .ProseMirror table {\n      border-collapse: collapse;\n      width: 100%;\n      margin: 1em 0;\n      border: 1px solid #e3e3e3;\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .ProseMirror th,\n    .ProseMirror td {\n      border: 1px solid #e3e3e3;\n      padding: 8px 12px;\n      text-align: left;\n      vertical-align: top;\n    }\n\n    .ProseMirror th {\n      background: #fafafa;\n      font-weight: 600;\n    }\n\n    .ProseMirror .selectedCell {\n      background: rgba(30, 150, 252, 0.1);\n    }\n\n    /* Table Cell Toolbar */\n    .table-cell-toolbar {\n      position: absolute;\n      z-index: 50;\n      display: flex;\n      gap: 2px;\n      padding: 4px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 6px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n    }\n\n    .table-cell-toolbar-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      height: 28px;\n      border: none;\n      background: transparent;\n      border-radius: 4px;\n      cursor: pointer;\n      color: #606266;\n      transition: all 0.15s;\n    }\n\n    .table-cell-toolbar-btn:hover {\n      background: #ecf5ff;\n      color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .table-cell-toolbar-btn.danger:hover {\n      background: #fef0f0;\n      color: #f56c6c;\n    }\n\n    /* Table Edge Add Button */\n    .table-edge-add {\n      position: absolute;\n      z-index: 40;\n      display: none;\n      width: 20px;\n      height: 20px;\n      align-items: center;\n      justify-content: center;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 4px;\n      cursor: pointer;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n      color: #606266;\n      transition: all 0.15s;\n    }\n\n    .table-edge-add:hover {\n      background: #ecf5ff;\n      border-color: var(--qxs-color-primary, #3D61E3);\n      color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .table-edge-add.visible {\n      display: flex;\n    }\n\n    .table-edge-add-row {\n      width: 100%;\n      height: 8px;\n      left: 0;\n      border-radius: 0 0 4px 4px;\n    }\n\n    .table-edge-add-col {\n      height: 100%;\n      width: 8px;\n      top: 0;\n      border-radius: 0 4px 4px 0;\n    }\n\n    /* Bubble Menu - 企业级风格 */\n    .bubble-menu {\n      position: absolute;\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      padding: 4px 6px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 8px;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n      z-index: 100;\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.15s, visibility 0.15s, transform 0.15s;\n      transform: translateY(4px);\n      max-width: calc(100vw - 40px);\n    }\n\n    .bubble-menu.is-visible {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(0);\n    }\n\n    .bubble-menu.is-visible {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(0);\n    }\n\n    .bubble-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      height: 28px;\n      border: none;\n      background: transparent;\n      color: #37352f;\n      border-radius: 4px;\n      cursor: pointer;\n      transition: all 0.15s;\n      position: relative;\n    }\n\n    .bubble-btn:hover {\n      background: rgba(55, 53, 47, 0.08);\n    }\n\n    .bubble-btn.is-active {\n      background: var(--qxs-color-primary, #3D61E3);\n      color: #fff;\n    }\n\n    .bubble-btn svg {\n      width: 16px;\n      height: 16px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .bubble-divider {\n      width: 1px;\n      height: 16px;\n      background: #e3e3e3;\n      margin: 0 3px;\n    }\n\n    /* Dropdown */\n    .bubble-dropdown {\n      position: relative;\n    }\n\n    .bubble-dropdown-btn {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      padding: 0 6px;\n      height: 28px;\n      border: none;\n      background: transparent;\n      color: #37352f;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 500;\n      font-family: inherit;\n      transition: all 0.15s;\n      white-space: nowrap;\n    }\n\n    .bubble-dropdown-btn:hover {\n      background: rgba(55, 53, 47, 0.08);\n    }\n\n    .bubble-dropdown-btn svg {\n      width: 12px;\n      height: 12px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .bubble-dropdown-menu {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      margin-top: 4px;\n      min-width: 120px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 6px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n      padding: 4px;\n      opacity: 0;\n      visibility: hidden;\n      transform: translateY(-4px);\n      transition: all 0.15s;\n      z-index: 101;\n    }\n\n    .bubble-dropdown:hover .bubble-dropdown-menu,\n    .bubble-dropdown.is-open .bubble-dropdown-menu {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(0);\n    }\n\n    .bubble-dropdown-item {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      width: 100%;\n      padding: 6px 8px;\n      border: none;\n      background: transparent;\n      color: #37352f;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 500;\n      font-family: inherit;\n      text-align: left;\n      transition: all 0.15s;\n    }\n\n    .bubble-dropdown-item:hover {\n      background: rgba(55, 53, 47, 0.08);\n    }\n\n    .bubble-dropdown-item.is-active {\n      background: var(--qxs-color-primary, #3D61E3);\n      color: #fff;\n    }\n\n    .bubble-dropdown-item svg {\n      width: 16px;\n      height: 16px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .image-input {\n      display: none;\n    }\n\n    .table-grid-preview {\n      display: grid;\n      grid-template-columns: repeat(10, 18px);\n      gap: 2px;\n      padding: 8px;\n    }\n\n    .table-grid-preview .table-cell {\n      width: 18px;\n      height: 18px;\n      border: 1px solid #e3e3e3;\n      border-radius: 2px;\n      background: #fff;\n      cursor: pointer;\n      transition: all 0.1s;\n    }\n\n    .table-grid-preview .table-cell:hover {\n      background: rgba(30, 150, 252, 0.3);\n      border-color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .table-grid-preview .table-cell.selected {\n      background: rgba(30, 150, 252, 0.15);\n      border-color: rgba(30, 150, 252, 0.5);\n    }\n\n    .table-size-hint {\n      text-align: center;\n      padding: 4px 8px 6px;\n      font-size: 10px;\n      color: #8c8c8c;\n    }\n\n    /* Image Toolbar */\n    .image-toolbar {\n      position: absolute;\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      padding: 4px 6px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 6px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n      z-index: 100;\n      transform: translateX(-50%);\n    }\n\n    .image-toolbar-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      height: 28px;\n      border: none;\n      background: transparent;\n      border-radius: 4px;\n      cursor: pointer;\n      color: #595959;\n      transition: all 0.15s;\n    }\n\n    .image-toolbar-btn:hover {\n      background: #f5f5f5;\n      color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .image-toolbar-btn.danger:hover {\n      background: #fff1f0;\n      color: #ff4d4f;\n    }\n\n    .image-toolbar-btn svg {\n      width: 16px;\n      height: 16px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .image-toolbar-divider {\n      width: 1px;\n      height: 20px;\n      background: #e3e3e3;\n      margin: 0 4px;\n    }\n\n    /* Image More Menu */\n    .image-more-menu {\n      position: absolute;\n      top: 100%;\n      right: 0;\n      margin-top: 4px;\n      padding: 4px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 6px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n      z-index: 101;\n      min-width: 120px;\n    }\n\n    .image-more-menu-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      border: none;\n      background: transparent;\n      width: 100%;\n      text-align: left;\n      font-size: 13px;\n      color: #595959;\n      border-radius: 4px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .image-more-menu-item:hover {\n      background: #f5f5f5;\n      color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .image-more-menu-item svg {\n      width: 14px;\n      height: 14px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    /* Selected Image */\n    .ProseMirror img.selected {\n      outline: 2px solid var(--qxs-color-primary, #3D61E3);\n      outline-offset: 2px;\n    }\n  `\n\n  @property({ type: String, attribute: 'content' })\n  content = ''\n\n  @property({ type: String, attribute: 'model-value' })\n  modelValue = ''\n\n  @property({ type: String, attribute: 'use-model' })\n  useModelAttr = 'false'\n\n  @property({ type: String, attribute: 'auto-sync' })\n  autoSyncAttr = 'true'\n\n  @property({ type: String, attribute: 'readonly' })\n  readonlyAttr = 'false'\n\n  @property({ type: String, attribute: 'preview' })\n  previewAttr = 'false'\n\n  @property({ type: String, attribute: 'is-edit' })\n  isEditAttr = 'false'\n\n  get useModel(): boolean {\n    return this.useModelAttr === 'true'\n  }\n\n  set useModel(value: boolean) {\n    this.useModelAttr = String(value)\n  }\n\n  get autoSync(): boolean {\n    return this.autoSyncAttr !== 'false'\n  }\n\n  set autoSync(value: boolean) {\n    this.autoSyncAttr = String(value)\n  }\n\n  get readonly(): boolean {\n    return this.readonlyAttr !== 'false'\n  }\n\n  set readonly(value: boolean) {\n    this.readonlyAttr = String(value)\n  }\n\n  get preview(): boolean {\n    return this.previewAttr !== 'false'\n  }\n\n  set preview(value: boolean) {\n    this.previewAttr = String(value)\n  }\n\n  get isEdit(): boolean {\n    return this.isEditAttr === 'true'\n  }\n\n  set isEdit(value: boolean) {\n    this.isEditAttr = String(value)\n  }\n\n  @property({ type: Object, attribute: 'upload-image' })\n  uploadImage: (file: File) => Promise<string> = async (file: File) => {\n    return new Promise((resolve, reject) => {\n      const reader = new FileReader()\n      reader.onload = (e) => resolve(e.target?.result as string)\n      reader.onerror = reject\n      reader.readAsDataURL(file)\n    })\n  }\n\n  private _editor: Editor | null = null\n  @state() private _pendingContent: string | null = null\n  private _tableRows = 3\n  private _tableCols = 3\n  @state() private _hoverRow = 0\n  @state() private _hoverCol = 0\n  @state() private _tableDropdownOpen = false\n  @state() private _isLoading = true\n  @state() private _tableCellToolbar: { x: number, y: number, visible: boolean, cellRow: number, cellCol: number } = { x: 0, y: 0, visible: false, cellRow: 0, cellCol: 0 }\n  @state() private _tableEdgeHover: { type: 'row' | 'col' | null, index: number, position: { x: number, y: number } } = { type: null, index: 0, position: { x: 0, y: 0 } }\n  @state() private _imageToolbar: { x: number, y: number, visible: boolean } = { x: 0, y: 0, visible: false }\n  @state() private _imageMoreMenuVisible = false\n  @state() private _hasSlashCommand = false\n  private _isInitializing = false\n\n  private _initEditor() {\n    if (this._editor) return\n\n    const el = this.shadowRoot?.querySelector<HTMLElement>('.editor-content')\n    if (!el) {\n      requestAnimationFrame(() => this._initEditor())\n      return\n    }\n\n    console.log('[BlocksuiteEditor] _initEditor - Before clear, childNodes:', el.childNodes.length)\n    console.log('[BlocksuiteEditor] _initEditor - Before clear, innerHTML:', el.innerHTML.substring(0, 200))\n\n    // 设置初始化标志，防止触发循环更新\n    this._isInitializing = true\n\n    // 清空容器，确保 Tiptap 创建时容器是空的\n    // 使用 removeChild 清空所有子节点，比 innerHTML 更彻底\n    while (el.firstChild) {\n      el.removeChild(el.firstChild)\n    }\n\n    console.log('[BlocksuiteEditor] _initEditor - After clear, childNodes:', el.childNodes.length)\n    console.log('[BlocksuiteEditor] _initEditor - After clear, innerHTML:', el.innerHTML)\n\n    this._isLoading = false\n\n    const useModel = this.useModel || this.hasAttribute('use-model')\n    const modelValue = this.getAttribute('model-value') ?? this.modelValue\n    const contentValue = this.content\n\n    const initialContent = useModel\n      ? (this._pendingContent ?? modelValue) || '<p></p>'\n      : (this._pendingContent ?? contentValue) || '<p></p>'\n\n    console.log('[BlocksuiteEditor] _initEditor - initialContent:', initialContent.substring(0, 100))\n\n    const extensions: any[] = [\n      Document,\n      Paragraph,\n      Text,\n      Bold,\n      Italic,\n      Underline,\n      Strike,\n      Code,\n      Heading.configure({ levels: [1, 2, 3] }),\n      BulletList,\n      OrderedList,\n      ListItem,\n      Blockquote,\n      HorizontalRule,\n      History,\n      Image.configure({\n        inline: false,\n        allowBase64: true,\n      }),\n      Link.configure({\n        openOnClick: false,\n        HTMLAttributes: {\n          rel: 'noopener noreferrer',\n        },\n      }),\n      TextAlign.configure({\n        types: ['heading', 'paragraph'],\n      }),\n      Table.configure({\n        resizable: true,\n      }),\n      TableRow,\n      TableCell,\n      TableHeader,\n      Placeholder.configure({\n        placeholder: '输入 / 唤出快捷命令',\n      }),\n    ]\n\n    this._editor = new Editor({\n      element: el,\n      extensions,\n      editable: !this.readonly,\n      content: initialContent,\n    })\n\n    console.log('[BlocksuiteEditor] After Editor created, childNodes:', el.childNodes.length)\n    console.log('[BlocksuiteEditor] After Editor created, innerHTML:', el.innerHTML.substring(0, 200))\n\n    this._pendingContent = null\n\n    // 延迟重置初始化标志，确保编辑器完全初始化\n    requestAnimationFrame(() => {\n      this._isInitializing = false\n      // 初始化完成后手动触发一次内容同步\n      this._emitContentChange()\n    })\n\n    this._editor.on('selectionUpdate', () => {\n      this.requestUpdate()\n      this._updateBubbleMenuPosition()\n      if (this._editor?.isActive('table')) {\n        this._showTableCellToolbar()\n      } else {\n        this._hideTableCellToolbar()\n      }\n      // Image selection detection\n      const editor = this._editor\n      if (editor) {\n        const { selection } = editor.state\n        const { $from } = selection\n        const node = $from.node($from.depth)\n        if (node.type.name === 'image') {\n          const coords = editor.view.coordsAtPos($from.start())\n          const wrapperRect = this.shadowRoot?.querySelector('.editor-wrapper')?.getBoundingClientRect()\n          if (wrapperRect) {\n            const x = coords.left - wrapperRect.left + (coords.right - coords.left) / 2\n            const y = coords.top - wrapperRect.top - 40\n            this._showImageToolbar({ x, y })\n          }\n        } else {\n          this._hideImageToolbar()\n        }\n      }\n    })\n\n    this._editor.on('transaction', () => {\n      this.requestUpdate()\n      if (this._editor?.isActive('table')) {\n        this._showTableCellToolbar()\n      } else {\n        this._hideTableCellToolbar()\n      }\n      this._checkSlashCommand()\n      this._setupTableEdgeDetection()\n      this._emitContentChange()\n    })\n\n    this._editor.on('update', () => {\n      this._emitContentChange()\n    })\n  }\n\n  private _tableEdgeDetectionSetup = false\n\n  private _emitContentChange() {\n    if (!this._editor) return\n    const html = this._editor.getHTML()\n\n    // 初始化期间不触发事件，防止循环更新\n    if (this._isInitializing) return\n\n    this.dispatchEvent(new CustomEvent('content-change', {\n      detail: html,\n      bubbles: true,\n      composed: true,\n    }))\n    if (this.autoSync) {\n      this.modelValue = html\n    }\n  }\n\n  private _setupTableEdgeDetection() {\n    const editorContent = this.shadowRoot?.querySelector('.editor-content')\n    if (!editorContent || this._tableEdgeDetectionSetup) return\n    \n    this._tableEdgeDetectionSetup = true\n    \n    editorContent.addEventListener('mousemove', (e: Event) => {\n      this._handleTableEdgeMouseMove(e as MouseEvent)\n    })\n\n    editorContent.addEventListener('mouseleave', () => {\n      this._tableEdgeHover = { type: null, index: 0, position: { x: 0, y: 0 } }\n    })\n\n    // Image click to select\n    editorContent.addEventListener('click', (e: Event) => {\n      const target = e.target as HTMLElement\n      if (target.tagName === 'IMG') {\n        const pos = this._editor?.view.posAtDOM(target, 0)\n        if (pos !== undefined) {\n          this._editor?.chain().focus().setNodeSelection(pos).run()\n        }\n      }\n    })\n  }\n\n  private _handleTableEdgeMouseMove(e: MouseEvent) {\n    if (!this._editor?.isActive('table')) {\n      this._tableEdgeHover = { type: null, index: 0, position: { x: 0, y: 0 } }\n      this.requestUpdate()\n      return\n    }\n\n    const target = e.target as HTMLElement\n    const table = target.closest('table')\n    if (!table) {\n      this._tableEdgeHover = { type: null, index: 0, position: { x: 0, y: 0 } }\n      this.requestUpdate()\n      return\n    }\n\n    const tableRect = table.getBoundingClientRect()\n    const editorWrapper = this.shadowRoot?.querySelector('.editor-wrapper')\n    if (!editorWrapper) return\n    const wrapperRect = editorWrapper.getBoundingClientRect()\n\n    const relativeX = e.clientX - wrapperRect.left\n    const relativeY = e.clientY - wrapperRect.top\n\n    const edgeThreshold = 10\n    const rowHeight = tableRect.height / table.rows.length\n\n    for (let i = 0; i < table.rows.length; i++) {\n      const rowTop = tableRect.top + i * rowHeight\n      const rowBottom = rowTop + rowHeight\n      \n      if (e.clientY >= rowTop - edgeThreshold && e.clientY <= rowTop + edgeThreshold) {\n        this._tableEdgeHover = {\n          type: 'row',\n          index: i,\n          position: { x: relativeX, y: rowTop - wrapperRect.top }\n        }\n        this.requestUpdate()\n        return\n      }\n      \n      if (e.clientY >= rowBottom - edgeThreshold && e.clientY <= rowBottom + edgeThreshold) {\n        this._tableEdgeHover = {\n          type: 'row',\n          index: i + 1,\n          position: { x: relativeX, y: rowBottom - wrapperRect.top }\n        }\n        this.requestUpdate()\n        return\n      }\n    }\n\n    const colWidth = tableRect.width / table.rows[0]?.cells.length || 1\n    for (let i = 0; i < (table.rows[0]?.cells.length || 0); i++) {\n      const colLeft = tableRect.left + i * colWidth\n      const colRight = colLeft + colWidth\n      \n      if (e.clientX >= colLeft - edgeThreshold && e.clientX <= colLeft + edgeThreshold) {\n        this._tableEdgeHover = {\n          type: 'col',\n          index: i,\n          position: { x: colLeft - wrapperRect.left, y: relativeY }\n        }\n        this.requestUpdate()\n        return\n      }\n      \n      if (e.clientX >= colRight - edgeThreshold && e.clientX <= colRight + edgeThreshold) {\n        this._tableEdgeHover = {\n          type: 'col',\n          index: i + 1,\n          position: { x: colRight - wrapperRect.left, y: relativeY }\n        }\n        this.requestUpdate()\n        return\n      }\n    }\n\n    this._tableEdgeHover = { type: null, index: 0, position: { x: 0, y: 0 } }\n    this.requestUpdate()\n  }\n\n  private _checkSlashCommand() {\n    if (!this._editor) return\n    const { selection } = this._editor.state\n    const textBefore = this._editor.state.doc.textBetween(\n      Math.max(0, selection.from - 10),\n      selection.from,\n      ' '\n    )\n    this._hasSlashCommand = textBefore.endsWith('/')\n  }\n\n  firstUpdated() {\n    this._initEditor()\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (this._editor) {\n      if (changed.has('content') || (changed.has('modelValue') && this.useModel)) {\n        const newContent = this.useModel ? this.modelValue : this.content\n        if (newContent !== this._editor.getHTML()) {\n          this._editor.commands.setContent(newContent || '<p></p>')\n        }\n      }\n      if (changed.has('readonly')) {\n        this._editor.setEditable(!this.readonly)\n      }\n      return\n    }\n\n    // 编辑器未初始化时，只保存待处理内容，不重复初始化\n    if (changed.has('content')) {\n      this._pendingContent = this.content\n    }\n\n    if (changed.has('modelValue') && this.useModel) {\n      this._pendingContent = this.modelValue\n    }\n\n    // 只有在 firstUpdated 时才会初始化编辑器\n    // 这里不再重复调用 _initEditor()\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this._editor?.destroy()\n    this._editor = null\n  }\n\n  getContent(): string {\n    return this._editor?.getHTML() ?? ''\n  }\n\n  forceUpdate(): void {\n    this.requestUpdate()\n    if (this._editor) {\n      const newContent = this.useModel ? this.modelValue : this.content\n      if (newContent !== this._editor.getHTML()) {\n        this._editor.commands.setContent(newContent || '<p></p>')\n      }\n    }\n  }\n\n  forceSync(): void {\n    this.forceUpdate()\n  }\n\n  private _applyFormat(command: () => void) {\n    if (this._hasSlashCommand && this._editor) {\n      const { selection } = this._editor.state\n      this._editor.chain().focus().deleteRange({ from: selection.from - 1, to: selection.from }).run()\n      this._hasSlashCommand = false\n    }\n    command()\n  }\n\n  private _toggleBold() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleBold().run())\n  }\n\n  private _toggleItalic() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleItalic().run())\n  }\n\n  private _toggleUnderline() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleUnderline().run())\n  }\n\n  private _toggleStrike() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleStrike().run())\n  }\n\n  private _toggleCode() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleCode().run())\n  }\n\n  private _setHeading(level: number) {\n    this._applyFormat(() => this._editor?.chain().focus().toggleHeading({ level: level as 1 | 2 | 3 | 4 | 5 | 6 }).run())\n  }\n\n  private _setParagraph() {\n    this._applyFormat(() => this._editor?.chain().focus().setParagraph().run())\n  }\n\n  private _toggleBulletList() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleBulletList().run())\n  }\n\n  private _toggleOrderedList() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleOrderedList().run())\n  }\n\n  private _toggleBlockquote() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleBlockquote().run())\n  }\n\n  private _setTextAlign(align: string) {\n    this._applyFormat(() => this._editor?.chain().focus().setTextAlign(align as any).run())\n  }\n\n  private _setLink() {\n    // eslint-disable-next-line no-alert\n    const url = window.prompt('请输入链接地址：')\n    if (url) {\n      this._applyFormat(() => this._editor?.chain().focus().setLink({ href: url }).run())\n    }\n  }\n\n  private _unsetLink() {\n    this._applyFormat(() => this._editor?.chain().focus().unsetLink().run())\n  }\n\n  private _insertTable(rows?: number, cols?: number) {\n    this._editor?.chain().focus().insertTable({ rows: rows ?? this._tableRows, cols: cols ?? this._tableCols, withHeaderRow: true }).run()\n  }\n\n  private async _handleImageUpload(e: Event) {\n    const input = e.target as HTMLInputElement\n    const file = input.files?.[0]\n    if (file) {\n      try {\n        const src = await this.uploadImage(file)\n        this._editor?.chain().focus().setImage({ src }).run()\n      }\n      catch (err) {\n        console.error('图片上传失败:', err)\n      }\n    }\n    input.value = ''\n  }\n\n  private _triggerImageUpload() {\n    const input = this.shadowRoot?.querySelector<HTMLInputElement>('.image-input')\n    input?.click()\n  }\n\n  private _insertTableByClick(rows: number, cols: number) {\n    if (this._hasSlashCommand && this._editor) {\n      const { selection } = this._editor.state\n      this._editor.chain().focus().deleteRange({ from: selection.from - 1, to: selection.from }).run()\n      this._hasSlashCommand = false\n    }\n    this._tableRows = rows\n    this._tableCols = cols\n    this._insertTable(rows, cols)\n  }\n\n  private _insertHorizontalRule() {\n    this._editor?.chain().focus().setHorizontalRule().run()\n  }\n\n  private _showTableCellToolbar() {\n    if (!this._editor?.isActive('table')) return\n    const { state } = this._editor\n    const { selection } = state\n    const coords = this._editor.view.coordsAtPos(selection.from)\n    const editorWrapper = this.shadowRoot?.querySelector<HTMLElement>('.editor-wrapper')\n    if (!editorWrapper) return\n    const wrapperRect = editorWrapper.getBoundingClientRect()\n\n    const cellRow = this._getTableCellRow()\n    const cellCol = this._getTableCellCol()\n    const isTopRow = cellRow === 0\n    const isLeftCol = cellCol === 0\n\n    // Only show toolbar on top row or left column\n    if (!isTopRow && !isLeftCol) return\n\n    this._tableCellToolbar = {\n      x: coords.left - wrapperRect.left,\n      y: coords.bottom - wrapperRect.top + 8,\n      visible: true,\n      cellRow,\n      cellCol,\n    }\n  }\n\n  private _getTableCellRow(): number {\n    if (!this._editor) return 0\n    const { selection } = this._editor.state\n    const $pos = this._editor.state.doc.resolve(selection.from)\n    for (let d = $pos.depth; d > 0; d--) {\n      const node = $pos.node(d)\n      if (node.type.name === 'tableCell') {\n        return $pos.index(d - 1)\n      }\n    }\n    return 0\n  }\n\n  private _getTableCellCol(): number {\n    if (!this._editor) return 0\n    const { selection } = this._editor.state\n    const $pos = this._editor.state.doc.resolve(selection.from)\n    for (let d = $pos.depth; d > 0; d--) {\n      const node = $pos.node(d)\n      if (node.type.name === 'tableCell') {\n        return $pos.index(d)\n      }\n    }\n    return 0\n  }\n\n  private _hideTableCellToolbar() {\n    this._tableCellToolbar = { ...this._tableCellToolbar, visible: false }\n  }\n\n  private _addTableRowAbove() {\n    this._editor?.chain().focus().addRowBefore().run()\n    this._hideTableCellToolbar()\n  }\n\n  private _addTableRowBelow() {\n    this._editor?.chain().focus().addRowAfter().run()\n    this._hideTableCellToolbar()\n  }\n\n  private _addTableColumnLeft() {\n    this._editor?.chain().focus().addColumnBefore().run()\n    this._hideTableCellToolbar()\n  }\n\n  private _addTableColumnRight() {\n    this._editor?.chain().focus().addColumnAfter().run()\n    this._hideTableCellToolbar()\n  }\n\n  private _deleteTableRow() {\n    this._editor?.chain().focus().deleteRow().run()\n    this._hideTableCellToolbar()\n  }\n\n  private _deleteTableColumn() {\n    this._editor?.chain().focus().deleteColumn().run()\n    this._hideTableCellToolbar()\n  }\n\n  private _deleteTable() {\n    this._editor?.chain().focus().deleteTable().run()\n    this._hideTableCellToolbar()\n  }\n\n  // Image Toolbar Methods\n  private _showImageToolbar(pos: { x: number, y: number }) {\n    this._imageToolbar = { x: pos.x, y: pos.y, visible: true }\n    this._imageMoreMenuVisible = false\n  }\n\n  private _hideImageToolbar() {\n    this._imageToolbar = { ...this._imageToolbar, visible: false }\n    this._imageMoreMenuVisible = false\n  }\n\n  private _toggleImageMoreMenu() {\n    this._imageMoreMenuVisible = !this._imageMoreMenuVisible\n  }\n\n  private _deleteImage() {\n    this._editor?.chain().focus().deleteNode('image').run()\n    this._hideImageToolbar()\n  }\n\n  private _insertImageAfter() {\n    this._triggerImageUpload()\n    this._imageMoreMenuVisible = false\n  }\n\n  private _setImageAlignLeft() {\n    const editor = this._editor\n    if (editor) {\n      const { selection } = editor.state\n      const pos = selection.from\n      editor.chain().focus().setNodeSelection(pos).run()\n      const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n      if (img) {\n        img.style.display = 'block'\n        img.style.margin = '0 auto 0 0'\n      }\n    }\n    this._imageMoreMenuVisible = false\n  }\n\n  private _setImageAlignCenter() {\n    const editor = this._editor\n    if (editor) {\n      const { selection } = editor.state\n      const pos = selection.from\n      editor.chain().focus().setNodeSelection(pos).run()\n      const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n      if (img) {\n        img.style.display = 'block'\n        img.style.margin = '0 auto'\n      }\n    }\n    this._imageMoreMenuVisible = false\n  }\n\n  private _setImageAlignRight() {\n    const editor = this._editor\n    if (editor) {\n      const { selection } = editor.state\n      const pos = selection.from\n      editor.chain().focus().setNodeSelection(pos).run()\n      const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n      if (img) {\n        img.style.display = 'block'\n        img.style.margin = '0 0 0 auto'\n      }\n    }\n    this._imageMoreMenuVisible = false\n  }\n\n  private _updateImageToolbarPosition() {\n    requestAnimationFrame(() => {\n      const editor = this._editor\n      if (!editor) return\n\n      const { selection } = editor.state\n      const { $from } = selection\n\n      // Find if we're inside an image node\n      const imageNode = $from.node($from.depth).type.name === 'image'\n        ? $from.node($from.depth)\n        : null\n\n      if (imageNode) {\n        const coords = editor.view.coordsAtPos($from.start())\n        const wrapperRect = this.shadowRoot?.querySelector('.editor-wrapper')?.getBoundingClientRect()\n        if (wrapperRect) {\n          const x = coords.left - wrapperRect.left + (coords.right - coords.left) / 2\n          const y = coords.top - wrapperRect.top - 40\n          this._showImageToolbar({ x, y })\n        }\n      } else {\n        this._hideImageToolbar()\n      }\n    })\n  }\n\n  private _getTextLabel(): string {\n    const editor = this._editor\n    if (!editor) { return '正文' }\n    if (editor.isActive('heading', { level: 1 })) { return '标题 1' }\n    if (editor.isActive('heading', { level: 2 })) { return '标题 2' }\n    if (editor.isActive('heading', { level: 3 })) { return '标题 3' }\n    return '正文'\n  }\n\n  private _getAlignLabel(): string {\n    const editor = this._editor\n    if (!editor) { return '对齐' }\n    if (editor.isActive({ textAlign: 'center' })) { return '居中' }\n    if (editor.isActive({ textAlign: 'right' })) { return '右对齐' }\n    return '左对齐'\n  }\n\n  private _updateBubbleMenuPosition() {\n    requestAnimationFrame(() => {\n      const bubbleMenu = this.shadowRoot?.querySelector<HTMLElement>('.bubble-menu')\n      const proseMirror = this.shadowRoot?.querySelector<HTMLElement>('.ProseMirror')\n      const editorWrapper = this.shadowRoot?.querySelector<HTMLElement>('.editor-wrapper')\n      if (!bubbleMenu || !proseMirror || !editorWrapper) { return }\n\n      const editor = this._editor\n      const isInTable = editor?.isActive('table') ?? false\n      const { selection } = editor?.state ?? { selection: null }\n\n      // 如果选中了表格节点（而不只是单元格内的文字），隐藏菜单\n      if (isInTable && selection && !selection.empty && editor) {\n        const { from, to } = selection\n        const $from = editor.state.doc.resolve(from)\n        const $to = editor.state.doc.resolve(to)\n        // 检查选区起点和终点之间是否有表格节点\n        let hasTableInSelection = false\n        for (let d = $from.depth; d >= 0; d--) {\n          if ($from.node(d).type.name === 'table') {\n            hasTableInSelection = true\n            break\n          }\n        }\n        // 如果选区起点在表格外但终点在表格内，或者选区跨越了表格\n        const fromAncestor = $from.node($from.depth)\n        const toAncestor = $to.node($to.depth)\n        if (fromAncestor.type.name === 'table' || toAncestor.type.name === 'table') {\n          hasTableInSelection = true\n        }\n        if (hasTableInSelection) {\n          bubbleMenu.style.opacity = '0'\n          bubbleMenu.style.visibility = 'hidden'\n          return\n        }\n      }\n\n      // 如果有选中文字，显示菜单\n      if (selection && !selection.empty) {\n        // continue to show menu\n      } else if (!selection || (selection.empty && !this._hasSlashCommand)) {\n        bubbleMenu.style.opacity = '0'\n        bubbleMenu.style.visibility = 'hidden'\n        return\n      }\n\n      const wrapperRect = editorWrapper.getBoundingClientRect()\n      const menuRect = bubbleMenu.getBoundingClientRect()\n\n      const { from } = selection!\n      const coords = this._editor?.view.coordsAtPos(from)\n      if (!coords) { return }\n\n      let left = coords.left - wrapperRect.left\n      let top = coords.top - wrapperRect.top - 40\n\n      if (left + menuRect.width > wrapperRect.width) {\n        left = wrapperRect.width - menuRect.width - 8\n      }\n      if (left < 0) {\n        left = 8\n      }\n\n      if (top < 0) {\n        top = coords.bottom - wrapperRect.top + 8\n      }\n\n      bubbleMenu.style.left = `${left}px`\n      bubbleMenu.style.top = `${top}px`\n      bubbleMenu.style.opacity = '1'\n      bubbleMenu.style.visibility = 'visible'\n    })\n  }\n\n  render() {\n    const editor = this._editor\n\n    return html`\n      <div class=\"editor-wrapper ${this._isLoading ? 'loading' : ''} ${this.preview ? 'preview' : ''}\">\n        ${this._isLoading ? html`\n          <div class=\"loading-placeholder\">\n            <div class=\"loading-spinner\"></div>\n            <span>编辑器加载中...</span>\n          </div>\n        ` : ''}\n        <input\n          type=\"file\"\n          accept=\"image/*\"\n          class=\"image-input\"\n          @change=${this._handleImageUpload}\n        />\n\n        <!-- Bubble Menu (悬浮操作栏) -->\n        ${!this.preview ? html`\n        <div class=\"bubble-menu\">\n          <!-- 文本格式 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('bold') ? 'is-active' : ''}\"\n            @click=${this._toggleBold}\n            title=\"加粗\"\n          >\n            <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>\n          </button>\n          <button\n            class=\"bubble-btn ${editor?.isActive('italic') ? 'is-active' : ''}\"\n            @click=${this._toggleItalic}\n            title=\"斜体\"\n          >\n            <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>\n          </button>\n          <button\n            class=\"bubble-btn ${editor?.isActive('underline') ? 'is-active' : ''}\"\n            @click=${this._toggleUnderline}\n            title=\"下划线\"\n          >\n            <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>\n          </button>\n          <button\n            class=\"bubble-btn ${editor?.isActive('strike') ? 'is-active' : ''}\"\n            @click=${this._toggleStrike}\n            title=\"删除线\"\n          >\n            <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>\n          </button>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 文本类型下拉 -->\n          <div class=\"bubble-dropdown\">\n            <button class=\"bubble-dropdown-btn\">\n              ${this._getTextLabel()}\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"/></svg>\n            </button>\n            <div class=\"bubble-dropdown-menu\">\n              <button\n                class=\"bubble-dropdown-item ${!editor?.isActive('heading') ? 'is-active' : ''}\"\n                @click=${this._setParagraph}\n              >\n                正文\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive('heading', { level: 1 }) ? 'is-active' : ''}\"\n                @click=${() => this._setHeading(1)}\n              >\n                标题 1\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive('heading', { level: 2 }) ? 'is-active' : ''}\"\n                @click=${() => this._setHeading(2)}\n              >\n                标题 2\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive('heading', { level: 3 }) ? 'is-active' : ''}\"\n                @click=${() => this._setHeading(3)}\n              >\n                标题 3\n              </button>\n            </div>\n          </div>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 对齐下拉 -->\n          <div class=\"bubble-dropdown\">\n            <button class=\"bubble-dropdown-btn\">\n              ${this._getAlignLabel()}\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"/></svg>\n            </button>\n            <div class=\"bubble-dropdown-menu\">\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive({ textAlign: 'left' }) ? 'is-active' : ''}\"\n                @click=${() => this._setTextAlign('left')}\n              >\n                <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>\n                左对齐\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive({ textAlign: 'center' }) ? 'is-active' : ''}\"\n                @click=${() => this._setTextAlign('center')}\n              >\n                <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>\n                居中\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive({ textAlign: 'right' }) ? 'is-active' : ''}\"\n                @click=${() => this._setTextAlign('right')}\n              >\n                <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>\n                右对齐\n              </button>\n            </div>\n          </div>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 行内代码 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('code') ? 'is-active' : ''}\"\n            @click=${this._toggleCode}\n            title=\"行内代码\"\n          >\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"16 18 22 12 16 6\"/><polyline points=\"8 6 2 12 8 18\"/></svg>\n          </button>\n\n          <!-- 链接 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('link') ? 'is-active' : ''}\"\n            @click=${this._setLink}\n            title=\"链接\"\n          >\n            <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>\n          </button>\n\n          <!-- 图片 -->\n          <button\n            class=\"bubble-btn\"\n            @click=${this._triggerImageUpload}\n            title=\"图片\"\n          >\n            <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>\n          </button>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 列表 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('bulletList') ? 'is-active' : ''}\"\n            @click=${this._toggleBulletList}\n            title=\"无序列表\"\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"9\" y1=\"6\" x2=\"20\" y2=\"6\"/>\n              <line x1=\"9\" y1=\"12\" x2=\"20\" y2=\"12\"/>\n              <line x1=\"9\" y1=\"18\" x2=\"20\" y2=\"18\"/>\n              <circle cx=\"4\" cy=\"6\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"/>\n              <circle cx=\"4\" cy=\"12\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"/>\n              <circle cx=\"4\" cy=\"18\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"/>\n            </svg>\n          </button>\n          <button\n            class=\"bubble-btn ${editor?.isActive('orderedList') ? 'is-active' : ''}\"\n            @click=${this._toggleOrderedList}\n            title=\"有序列表\"\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"10\" y1=\"6\" x2=\"21\" y2=\"6\"/>\n              <line x1=\"10\" y1=\"12\" x2=\"21\" y2=\"12\"/>\n              <line x1=\"10\" y1=\"18\" x2=\"21\" y2=\"18\"/>\n              <path d=\"M4 6h1v4\"/>\n              <path d=\"M4 10h2\"/>\n              <path d=\"M6 18H4c0-1 2-2 2-3s-1-1.5-2-1.5\"/>\n            </svg>\n          </button>\n\n          <!-- 引用 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('blockquote') ? 'is-active' : ''}\"\n            @click=${this._toggleBlockquote}\n            title=\"引用\"\n          >\n            <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>\n          </button>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 表格下拉 -->\n          <div\n            class=\"bubble-dropdown ${this._tableDropdownOpen ? 'is-open' : ''}\"\n            @mouseenter=${() => {\n              this._tableDropdownOpen = true\n              this._hoverRow = 0\n              this._hoverCol = 0\n            }}\n            @mouseleave=${() => this._tableDropdownOpen = false}\n          >\n            <button class=\"bubble-dropdown-btn\" title=\"表格\">\n              <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>\n            </button>\n            <div class=\"bubble-dropdown-menu\">\n              <div class=\"table-grid-preview\">\n                ${this._renderTableGrid()}\n              </div>\n              <div class=\"table-size-hint\">\n                <span>${this._hoverRow > 0 ? `${this._hoverRow} × ${this._hoverCol}` : `${this._tableRows} × ${this._tableCols}`}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        ` : ''}\n\n        <div class=\"editor-content\"></div>\n\n        <!-- Table Cell Toolbar -->\n        ${this._tableCellToolbar.visible && editor?.isActive('table')\n          ? html`\n          <div\n            class=\"table-cell-toolbar\"\n            style=\"left: ${this._tableCellToolbar.x}px; top: ${this._tableCellToolbar.y}px;\"\n            @mousedown=${(e: Event) => e.preventDefault()}\n          >\n            ${this._tableCellToolbar.cellRow === 0 ? html`\n              <button class=\"table-cell-toolbar-btn\" title=\"上方添加行\" @click=${this._addTableRowAbove}>\n                <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>\n              </button>\n              <button class=\"table-cell-toolbar-btn\" title=\"下方添加行\" @click=${this._addTableRowBelow}>\n                <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=\"21\" x2=\"12\" y2=\"17\"/><line x1=\"10\" y1=\"19\" x2=\"14\" y2=\"19\"/></svg>\n              </button>\n              <button class=\"table-cell-toolbar-btn danger\" title=\"删除行\" @click=${this._deleteTableRow}>\n                <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>\n              </button>\n            ` : ''}\n            ${this._tableCellToolbar.cellCol === 0 ? html`\n              ${this._tableCellToolbar.cellRow !== 0 ? html`<div style=\"width:1px;height:20px;background:#e3e3e3;margin:0 4px;\"></div>` : ''}\n              <button class=\"table-cell-toolbar-btn\" title=\"左侧添加列\" @click=${this._addTableColumnLeft}>\n                <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>\n              </button>\n              <button class=\"table-cell-toolbar-btn\" title=\"右侧添加列\" @click=${this._addTableColumnRight}>\n                <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=\"21\" y1=\"12\" x2=\"17\" y2=\"12\"/><line x1=\"19\" y1=\"10\" x2=\"19\" y2=\"14\"/></svg>\n              </button>\n              <button class=\"table-cell-toolbar-btn danger\" title=\"删除列\" @click=${this._deleteTableColumn}>\n                <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>\n              </button>\n            ` : ''}\n            ${this._tableCellToolbar.cellRow === 0 && this._tableCellToolbar.cellCol === 0 ? html`\n              <div style=\"width:1px;height:20px;background:#e3e3e3;margin:0 4px;\"></div>\n              <button class=\"table-cell-toolbar-btn danger\" title=\"删除表格\" @click=${this._deleteTable}>\n                <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>\n              </button>\n            ` : ''}\n          </div>\n          `\n          : ''}\n\n        <!-- Image Toolbar -->\n        ${this._imageToolbar.visible\n          ? html`\n          <div\n            class=\"image-toolbar\"\n            style=\"left: ${this._imageToolbar.x}px; top: ${this._imageToolbar.y}px;\"\n            @mousedown=${(e: Event) => e.preventDefault()}\n          >\n            <button class=\"image-toolbar-btn danger\" title=\"删除图片\" @click=${this._deleteImage}>\n              <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>\n            </button>\n            <button class=\"image-toolbar-btn\" title=\"添加图片\" @click=${this._insertImageAfter}>\n              <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></svg>\n            </button>\n            <div class=\"image-toolbar-divider\"></div>\n            <div style=\"position: relative;\">\n              <button class=\"image-toolbar-btn\" title=\"更多\" @click=${this._toggleImageMoreMenu}>\n                <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"1\"/><circle cx=\"19\" cy=\"12\" r=\"1\"/><circle cx=\"5\" cy=\"12\" r=\"1\"/></svg>\n              </button>\n              ${this._imageMoreMenuVisible\n                ? html`\n                <div class=\"image-more-menu\">\n                  <button class=\"image-more-menu-item\" @click=${this._setImageAlignLeft}>\n                    <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>\n                    左对齐\n                  </button>\n                  <button class=\"image-more-menu-item\" @click=${this._setImageAlignCenter}>\n                    <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>\n                    居中\n                  </button>\n                  <button class=\"image-more-menu-item\" @click=${this._setImageAlignRight}>\n                    <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>\n                    右对齐\n                  </button>\n                </div>\n                `\n                : ''}\n            </div>\n          </div>\n          `\n          : ''}\n      </div>\n    `\n  }\n\n  private _renderTableGrid() {\n    const cells = []\n    for (let i = 0; i < 100; i++) {\n      const row = Math.floor(i / 10) + 1\n      const col = (i % 10) + 1\n      const isHighlight = this._hoverRow > 0 && row <= this._hoverRow && col <= this._hoverCol\n      cells.push(html`\n        <div\n          class=\"table-cell ${isHighlight ? 'selected' : ''}\"\n          @click=${() => {\n            this._insertTableByClick(row, col)\n            this._tableDropdownOpen = false\n          }}\n          @mouseenter=${() => {\n            this._hoverRow = row\n            this._hoverCol = col\n          }}\n          @mouseleave=${() => {\n            this._hoverRow = 0\n            this._hoverCol = 0\n          }}\n        ></div>\n      `)\n    }\n    return cells\n  }\n}\n\nexport function register() {}\n"],"names":["QxsBlocksuiteEditor","LitElement","constructor","super","arguments","this","content","modelValue","useModelAttr","autoSyncAttr","readonlyAttr","previewAttr","isEditAttr","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_editor","_pendingContent","_tableRows","_tableCols","_hoverRow","_hoverCol","_tableDropdownOpen","_isLoading","_tableCellToolbar","x","y","visible","cellRow","cellCol","_tableEdgeHover","type","index","position","_imageToolbar","_imageMoreMenuVisible","_hasSlashCommand","_isInitializing","_tableEdgeDetectionSetup","useModel","value","String","autoSync","readonly","preview","isEdit","_initEditor","el","shadowRoot","querySelector","requestAnimationFrame","firstChild","removeChild","hasAttribute","getAttribute","contentValue","initialContent","extensions","Document","Paragraph","Text","Bold","Italic","Underline","Strike","Code","Heading","configure","levels","BulletList","OrderedList","ListItem","Blockquote","HorizontalRule","History","Image","inline","allowBase64","Link","openOnClick","HTMLAttributes","rel","TextAlign","types","Table","resizable","TableRow","TableCell","TableHeader","Placeholder","placeholder","Editor","element","editable","_emitContentChange","on","requestUpdate","_updateBubbleMenuPosition","isActive","_showTableCellToolbar","_hideTableCellToolbar","editor","selection","state","$from","node","depth","name","coords","view","coordsAtPos","start","wrapperRect","getBoundingClientRect","left","right","top","_showImageToolbar","_hideImageToolbar","_checkSlashCommand","_setupTableEdgeDetection","html","getHTML","dispatchEvent","CustomEvent","detail","bubbles","composed","editorContent","addEventListener","_handleTableEdgeMouseMove","tagName","pos","posAtDOM","chain","focus","setNodeSelection","run","table","closest","tableRect","editorWrapper","relativeX","clientX","relativeY","clientY","edgeThreshold","rowHeight","height","rows","length","i","rowTop","rowBottom","colWidth","width","cells","colLeft","colRight","textBefore","doc","textBetween","Math","max","from","endsWith","firstUpdated","updated","changed","has","newContent","commands","setContent","setEditable","disconnectedCallback","destroy","getContent","forceUpdate","forceSync","_applyFormat","command","deleteRange","to","_toggleBold","toggleBold","_toggleItalic","toggleItalic","_toggleUnderline","toggleUnderline","_toggleStrike","toggleStrike","_toggleCode","toggleCode","_setHeading","level","toggleHeading","_setParagraph","setParagraph","_toggleBulletList","toggleBulletList","_toggleOrderedList","toggleOrderedList","_toggleBlockquote","toggleBlockquote","_setTextAlign","align","setTextAlign","_setLink","url","window","prompt","setLink","href","_unsetLink","unsetLink","_insertTable","cols","insertTable","withHeaderRow","_handleImageUpload","input","files","src","setImage","err","_triggerImageUpload","click","_insertTableByClick","_insertHorizontalRule","setHorizontalRule","_getTableCellRow","_getTableCellCol","bottom","$pos","d","_addTableRowAbove","addRowBefore","_addTableRowBelow","addRowAfter","_addTableColumnLeft","addColumnBefore","_addTableColumnRight","addColumnAfter","_deleteTableRow","deleteRow","_deleteTableColumn","deleteColumn","_deleteTable","deleteTable","_toggleImageMoreMenu","_deleteImage","deleteNode","_insertImageAfter","_setImageAlignLeft","img","style","display","margin","_setImageAlignCenter","_setImageAlignRight","_updateImageToolbarPosition","_getTextLabel","_getAlignLabel","textAlign","bubbleMenu","proseMirror","isInTable","empty","$to","hasTableInSelection","fromAncestor","toAncestor","opacity","visibility","menuRect","render","_renderTableGrid","preventDefault","row","floor","col","isHighlight","push","styles","css","__decorateClass","property","attribute","prototype","Object","safeCustomElement"],"mappings":"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"}

package/es/editor/index.mjs

@@ -1,2 +1,2 @@
-export{QxsBlocksuiteEditor}from"./blocksuite-editor.mjs";function o(){}export{o as register};
+import{QxsBlocksuiteEditor as e}from"./blocksuite-editor.mjs";function t(){}customElements.get("qxs-blocksuite-editor")||customElements.define("qxs-blocksuite-editor",e);export{e as QxsBlocksuiteEditor,t as register};
 //# sourceMappingURL=index.mjs.map