@qxs-bns/components-wc 0.0.16 → 0.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/es/editor/blocksuite-editor.mjs +14 -68
  2. package/es/editor/blocksuite-editor.mjs.map +1 -1
  3. package/es/subject/list.mjs.map +1 -1
  4. package/es/subject/single.mjs.map +1 -1
  5. package/lib/editor/blocksuite-editor.cjs +3 -57
  6. package/lib/editor/blocksuite-editor.cjs.map +1 -1
  7. package/lib/subject/list.cjs.map +1 -1
  8. package/lib/subject/single.cjs.map +1 -1
  9. package/package.json +1 -1
package/es/editor/blocksuite-editor.mjs.map CHANGED
@@ -1 +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 { Extension } from '@tiptap/core'\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 min-height: 80px;\n }\n\n .editor-wrapper:focus-within {\n border-color: var(--qxs-color-primary, #3D61E3);\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 padding-top: 28px;\n text-align: center;\n }\n\n .editor-content .ProseMirror:empty {\n min-height: 80px;\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 .ProseMirror p.is-empty:only-child::before,\n .ProseMirror p.is-empty:only-child > br: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 @property({ type: String, attribute: 'custom-styles' })\n customStylesAttr = ''\n\n private _injectedStyleEl: HTMLStyleElement | null = null\n\n get customStyles(): string {\n return this.customStylesAttr\n }\n\n set customStyles(value: string) {\n this.customStylesAttr = value\n }\n\n private _injectCustomStyles() {\n const shadow = this.shadowRoot\n if (!shadow) return\n\n if (this._injectedStyleEl) {\n this._injectedStyleEl.remove()\n this._injectedStyleEl = null\n }\n\n if (!this.customStylesAttr) return\n\n const styleEl = document.createElement('style')\n styleEl.textContent = this.customStylesAttr\n shadow.appendChild(styleEl)\n this._injectedStyleEl = styleEl\n }\n\n get useModel(): boolean {\n return this.useModelAttr === 'true' || this.useModelAttr === '' || this.hasAttribute('use-model')\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 @state() 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 _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 while (el.firstChild) {\n el.removeChild(el.firstChild)\n }\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 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 Extension.create({\n name: 'clearMarksOnEnter',\n addKeyboardShortcuts() {\n return {\n Enter: () => {\n this.editor.chain().focus().unsetAllMarks().clearNodes().run()\n return false\n },\n }\n },\n }),\n ]\n\n this._editor = new Editor({\n element: el,\n extensions,\n editable: !this.readonly,\n content: initialContent,\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 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 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 const editorWrapper = this.shadowRoot?.querySelector('.editor-wrapper')\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 const handleEditorClick = () => {\n this._editor?.chain().focus().run()\n }\n\n editorContent.addEventListener('click', handleEditorClick)\n editorWrapper?.addEventListener('click', handleEditorClick)\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._injectCustomStyles()\n this._initEditor()\n }\n\n updated(changed: Map<string, unknown>) {\n if (changed.has('customStylesAttr')) {\n this._injectCustomStyles()\n }\n\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 ${!editor ? 'loading' : ''} ${this.preview ? 'preview' : ''}\">\n ${!editor ? 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","customStylesAttr","_injectedStyleEl","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_editor","_pendingContent","_tableRows","_tableCols","_hoverRow","_hoverCol","_tableDropdownOpen","_tableCellToolbar","x","y","visible","cellRow","cellCol","_tableEdgeHover","type","index","position","_imageToolbar","_imageMoreMenuVisible","_hasSlashCommand","_tableEdgeDetectionSetup","customStyles","value","_injectCustomStyles","shadow","shadowRoot","remove","styleEl","document","createElement","textContent","appendChild","useModel","hasAttribute","String","autoSync","readonly","preview","isEdit","_initEditor","el","querySelector","requestAnimationFrame","firstChild","removeChild","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","Extension","create","name","addKeyboardShortcuts","Enter","editor","chain","focus","unsetAllMarks","clearNodes","run","Editor","element","editable","on","requestUpdate","_updateBubbleMenuPosition","isActive","_showTableCellToolbar","_hideTableCellToolbar","selection","state","$from","node","depth","coords","view","coordsAtPos","start","wrapperRect","getBoundingClientRect","left","right","top","_showImageToolbar","_hideImageToolbar","_checkSlashCommand","_setupTableEdgeDetection","_emitContentChange","html","getHTML","dispatchEvent","CustomEvent","detail","bubbles","composed","editorContent","editorWrapper","addEventListener","_handleTableEdgeMouseMove","handleEditorClick","table","closest","tableRect","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","pos","_toggleImageMoreMenu","_deleteImage","deleteNode","_insertImageAfter","_setImageAlignLeft","setNodeSelection","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","register","styles","css","__decorateClass","property","attribute","prototype","Object","safeCustomElement"],"mappings":"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"}
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 { Extension } from '@tiptap/core'\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 min-height: 80px;\n }\n\n .editor-wrapper:focus-within {\n border-color: var(--qxs-color-primary, #3D61E3);\n }\n\n .editor-wrapper.preview {\n border: none;\n border-radius: 0;\n background: transparent;\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 padding-top: 28px;\n text-align: center;\n }\n\n .editor-content .ProseMirror:empty {\n min-height: 80px;\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 .ProseMirror p.is-empty:only-child::before,\n .ProseMirror p.is-empty:only-child > br: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 /* 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-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: 'readonly' })\n readonlyAttr = 'false'\n\n @property({ type: String, attribute: 'preview' })\n previewAttr = 'false'\n\n @property({ type: String, attribute: 'custom-styles' })\n customStylesAttr = ''\n\n private _injectedStyleEl: HTMLStyleElement | null = null\n\n private _injectCustomStyles() {\n const shadow = this.shadowRoot\n if (!shadow) return\n\n if (this._injectedStyleEl) {\n this._injectedStyleEl.remove()\n this._injectedStyleEl = null\n }\n\n if (!this.customStylesAttr) return\n\n const styleEl = document.createElement('style')\n styleEl.textContent = this.customStylesAttr\n shadow.appendChild(styleEl)\n this._injectedStyleEl = styleEl\n }\n\n get useModel(): boolean {\n return this.useModelAttr === 'true' || this.useModelAttr === '' || this.hasAttribute('use-model')\n }\n\n set useModel(value: boolean) {\n this.useModelAttr = 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 @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 @state() 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 _tableCellToolbar: { x: number, y: number, visible: boolean, cellRow: number, cellCol: number } = { x: 0, y: 0, visible: false, cellRow: 0, cellCol: 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 while (el.firstChild) {\n el.removeChild(el.firstChild)\n }\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 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 Extension.create({\n name: 'clearMarksOnEnter',\n addKeyboardShortcuts() {\n return {\n Enter: () => {\n this.editor.chain().focus().unsetAllMarks().clearNodes().run()\n return false\n },\n }\n },\n }),\n ]\n\n this._editor = new Editor({\n element: el,\n extensions,\n editable: !this.readonly,\n content: initialContent,\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 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 this.dispatchEvent(new CustomEvent('content-change', {\n detail: html,\n bubbles: true,\n composed: true,\n }))\n }\n\n private _setupTableEdgeDetection() {\n const editorContent = this.shadowRoot?.querySelector('.editor-content')\n const editorWrapper = this.shadowRoot?.querySelector('.editor-wrapper')\n if (!editorContent || this._tableEdgeDetectionSetup) return\n \n this._tableEdgeDetectionSetup = true\n \n const handleEditorClick = () => {\n this._editor?.chain().focus().run()\n }\n\n editorContent.addEventListener('click', handleEditorClick)\n editorWrapper?.addEventListener('click', handleEditorClick)\n }\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._injectCustomStyles()\n this._initEditor()\n }\n\n updated(changed: Map<string, unknown>) {\n if (changed.has('customStylesAttr')) {\n this._injectCustomStyles()\n }\n\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\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\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\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\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 ${!editor ? 'loading' : ''} ${this.preview ? 'preview' : ''}\">\n ${!editor ? 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","readonlyAttr","previewAttr","customStylesAttr","_injectedStyleEl","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_editor","_pendingContent","_tableRows","_tableCols","_hoverRow","_hoverCol","_tableDropdownOpen","_tableCellToolbar","x","y","visible","cellRow","cellCol","_imageToolbar","_imageMoreMenuVisible","_hasSlashCommand","_tableEdgeDetectionSetup","_injectCustomStyles","shadow","shadowRoot","remove","styleEl","document","createElement","textContent","appendChild","useModel","hasAttribute","value","String","readonly","preview","_initEditor","el","querySelector","requestAnimationFrame","firstChild","removeChild","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","Extension","create","name","addKeyboardShortcuts","Enter","editor","chain","focus","unsetAllMarks","clearNodes","run","Editor","element","editable","on","requestUpdate","_updateBubbleMenuPosition","isActive","_showTableCellToolbar","_hideTableCellToolbar","selection","state","$from","node","depth","type","coords","view","coordsAtPos","start","wrapperRect","getBoundingClientRect","left","right","top","_showImageToolbar","_hideImageToolbar","_checkSlashCommand","_setupTableEdgeDetection","_emitContentChange","html","getHTML","dispatchEvent","CustomEvent","detail","bubbles","composed","editorContent","editorWrapper","handleEditorClick","addEventListener","textBefore","doc","textBetween","Math","max","from","endsWith","firstUpdated","updated","changed","has","newContent","commands","setContent","setEditable","disconnectedCallback","destroy","getContent","forceUpdate","_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","_insertTable","rows","cols","insertTable","withHeaderRow","_handleImageUpload","input","files","src","setImage","err","_triggerImageUpload","click","_insertTableByClick","_getTableCellRow","_getTableCellCol","bottom","$pos","d","index","_addTableRowAbove","addRowBefore","_addTableRowBelow","addRowAfter","_addTableColumnLeft","addColumnBefore","_addTableColumnRight","addColumnAfter","_deleteTableRow","deleteRow","_deleteTableColumn","deleteColumn","_deleteTable","deleteTable","pos","_toggleImageMoreMenu","_deleteImage","deleteNode","_insertImageAfter","_setImageAlignLeft","setNodeSelection","img","style","display","margin","_setImageAlignCenter","_setImageAlignRight","_getTextLabel","_getAlignLabel","textAlign","bubbleMenu","proseMirror","isInTable","empty","$to","hasTableInSelection","fromAncestor","toAncestor","opacity","visibility","menuRect","width","render","_renderTableGrid","preventDefault","cells","i","row","floor","col","isHighlight","push","register","styles","css","__decorateClass","property","attribute","prototype","Object","safeCustomElement"],"mappings":"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"}
package/es/subject/list.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list.mjs","sources":["../../../../packages/components-wc/src/subject/list.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport Sortable from 'sortablejs'\nimport { safeCustomElement } from '../base/define'\nimport { uid } from '../base/uid'\nimport { SubjectError } from './single'\nimport { SubjectType } from './types'\n\n// 导入子组件以确保它们被注册为 Custom Elements\nimport './action'\nimport './blank-fill'\nimport './layout'\nimport './single'\nimport './text-fill'\nimport './scale'\nimport './page-end'\nimport './type'\n\nconst TYPE_LABEL: Record<string, string> = {\n [SubjectType.SINGLE]: '单选题', [SubjectType.MULTIPLE]: '多选题', [SubjectType.SORT]: '排序题',\n [SubjectType.BLANK_FILL]: '填空题', [SubjectType.TEXT_FILL]: '问答题', [SubjectType.SCALE]: '量表题',\n}\n\n@safeCustomElement('qxs-subject-list')\nexport class QxsSubjectList extends LitElement {\n static styles = css`\n :host { display: block; font-family: system-ui, -apple-system, \"PingFang SC\", \"Microsoft YaHei\", sans-serif; font-size: 13px; }\n *, ::before, ::after { box-sizing: border-box; }\n .sort-mode-toggle { display: flex; justify-content: flex-end; margin-bottom: 12px; }\n .btn { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 12px; font-size: 12px; border: 1px solid #dcdfe6; border-radius: 3px; background: #fff; color: #606266; cursor: pointer; transition: all 0.2s; }\n .btn:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n .btn.primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }\n .btn.primary:hover { background: #3D61E3; border-color: #3D61E3; }\n .subject-list { display: flex; flex-direction: column; }\n .subject-content { flex: 1; min-width: 0; }\n .ghost { opacity: 0.5; background: #ecf5ff; }\n .chosen { box-shadow: 0 4px 16px rgba(64,158,255,.3); }\n .sort-list { display: flex; flex-direction: column; gap: 8px; }\n .sort-item { display: flex; align-items: center; padding: 12px 16px; background: #f8f9fa; border: 1px solid #e4e7ed; border-radius: 6px; cursor: grab; transition: all 0.3s ease; }\n .sort-item:hover { background: #ecf5ff; border-color: #c6e2ff; }\n .sort-item:active { cursor: grabbing; }\n .sort-item.sort-ghost { opacity: 0.5; background: #ecf5ff; border: 2px dashed #409eff; }\n .sort-item.sort-chosen { background: #ecf5ff; border-color: #409eff; box-shadow: 0 4px 16px rgba(64,158,255,.3); transform: scale(1.02); }\n .sort-handle { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 12px; color: #909399; flex-shrink: 0; }\n .sort-index { font-size: 13px; color: #606266; font-weight: 500; margin-right: 8px; min-width: 24px; flex-shrink: 0; }\n .sort-title { flex: 1; font-size: 14px; color: #303133; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n .sort-type { font-size: 12px; color: #909399; margin-left: 12px; padding: 2px 8px; background: #f0f0f0; border-radius: 4px; flex-shrink: 0; }\n `\n\n\n\n @property({ attribute: 'is-preview' }) isPreview = false\n\n // use-model: enables two-way binding via model-value attribute + list-change event\n @property({ attribute: 'use-model' }) useModelAttr: string | null = null\n @property({ attribute: 'model-value' })\n get modelValue(): string { return JSON.stringify(this._list) }\n set modelValue(v: string) {\n if (!v || v === this._modelValueAttr) { return }\n this._modelValueAttr = v\n try {\n const parsed = JSON.parse(v)\n if (Array.isArray(parsed)) {\n this._list = parsed.map((i: any) => ({ ...i, customId: i.customId || uid() }))\n this.requestUpdate()\n }\n }\n catch { /* invalid JSON, ignore */ }\n }\n\n private get _useModel(): boolean {\n return this.useModelAttr === 'true' || this.useModelAttr === '' || this.hasAttribute('use-model')\n }\n\n private _modelValueAttr = ''\n\n @property({ type: Object })\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 @property({ type: Array })\n get subjectList() { return this._list }\n\n set subjectList(v: any) {\n if (!v) {\n this._list = []\n return\n }\n if (typeof v === 'string') {\n try {\n v = JSON.parse(v)\n }\n catch {\n this._list = []\n this.requestUpdate()\n return\n }\n }\n if (!Array.isArray(v)) {\n this._list = []\n this.requestUpdate()\n return\n }\n this._list = v.map((i: any) => ({ ...i, customId: i.customId || uid() }))\n this.requestUpdate()\n }\n\n attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null) {\n super.attributeChangedCallback(name, oldVal, newVal)\n if (name === 'subject-list' && newVal && !this._list.length) {\n if (newVal.includes('[object Object]')) {\n return\n }\n try {\n const parsed = JSON.parse(newVal)\n if (Array.isArray(parsed)) {\n this._list = parsed.map((i: any) => ({ ...i, customId: i.customId || uid() }))\n this.requestUpdate()\n }\n }\n catch {\n // Not valid JSON, ignore\n }\n }\n }\n\n @state() private _list: any[] = []\n @state() private _sortMode = false\n private _sortable: Sortable | null = null\n\n private get _isPreviewValue(): boolean {\n const val = (this as any).isPreview\n return typeof val === 'string' ? val !== 'false' : !!val\n }\n\n private _initialDataProcessed = false\n\n connectedCallback() {\n super.connectedCallback()\n if (!this._initialDataProcessed) {\n this._initialDataProcessed = true\n Promise.resolve().then(() => {\n if (this._list.length === 0) {\n this._processAttributeList()\n }\n })\n }\n }\n\n private _processAttributeList() {\n const attr = this.getAttribute('subject-list')\n if (!attr || attr === '[]') { return }\n if (attr.includes('[object Object]')) {\n return\n }\n try {\n const parsed = JSON.parse(attr)\n if (Array.isArray(parsed) && parsed.length > 0) {\n this._list = parsed.map((i: any) => ({ ...i, customId: i.customId || uid() }))\n this.requestUpdate()\n }\n }\n catch {\n // Not valid JSON, ignore\n }\n }\n\n firstUpdated() {\n this.updateComplete.then(() => this._initSortable())\n }\n\n updated(changed: Map<string, unknown>) {\n if (changed.has('_sortMode')) {\n this._sortable?.destroy()\n this._sortable = null\n this.updateComplete.then(() => this._initSortable())\n }\n // Reinitialize Sortable when list changes in sort mode\n if (changed.has('_list') && this._sortMode) {\n // Small delay to let Lit finish DOM updates\n setTimeout(() => {\n if (this._sortable) {\n this._sortable.destroy()\n this._sortable = null\n }\n this._initSortable()\n }, 50)\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback()\n this._sortable?.destroy()\n this._sortable = null\n }\n\n private _initSortable() {\n if (!this._sortMode) { return }\n const el = this.querySelector<HTMLElement>('.sort-list')\n if (!el) { return }\n\n // Destroy existing instance first\n if (this._sortable) {\n this._sortable.destroy()\n this._sortable = null\n }\n\n // Small delay to ensure DOM is ready after previous destroy\n requestAnimationFrame(() => {\n const currentEl = this.querySelector<HTMLElement>('.sort-list')\n if (!currentEl || this._sortable) { return }\n\n this._sortable = Sortable.create(currentEl, {\n handle: '.sort-handle',\n animation: 200,\n ghostClass: 'sort-ghost',\n chosenClass: 'sort-chosen',\n onEnd: (evt) => {\n const { oldIndex, newIndex } = evt\n if (oldIndex === undefined || newIndex === undefined || oldIndex === newIndex) { return }\n const arr = [...this._list]\n const [item] = arr.splice(oldIndex, 1)\n arr.splice(newIndex, 0, item)\n this._list = arr\n this._emitListChange()\n },\n })\n })\n }\n\n private _emit(name: string, detail?: unknown) {\n this.dispatchEvent(new CustomEvent(name, { bubbles: true, composed: true, detail: detail ?? null }))\n }\n\n private _emitListChange() {\n this._emit('change', this._list)\n if (this._useModel) {\n this._modelValueAttr = JSON.stringify(this._list)\n this._emit('list-change', this._list)\n }\n }\n\n async toJSON(): Promise<any[]> {\n const subjectEls = this.querySelectorAll<any>(\n 'qxs-subject-single, qxs-blank-fill, qxs-text-fill, qxs-scale, qxs-subject-rich-text',\n )\n if (!subjectEls || subjectEls.length === 0) {\n return []\n }\n\n const results: any[] = []\n const errors: SubjectError[] = []\n\n for (const el of subjectEls) {\n if (typeof el.toJSON === 'function') {\n try {\n const data = await el.toJSON()\n results.push(data)\n }\n catch (err: any) {\n if (err instanceof SubjectError) {\n errors.push(err)\n }\n else {\n errors.push(new SubjectError(err.message || '未知错误', 'UNKNOWN', 'unknown'))\n }\n }\n }\n }\n\n if (errors.length > 0) {\n throw errors\n }\n\n return results\n }\n\n async validate(): Promise<{ valid: boolean, errors: SubjectError[] }> {\n const subjectEls = this.querySelectorAll<any>(\n 'qxs-subject-single, qxs-blank-fill, qxs-text-fill, qxs-scale',\n )\n if (!subjectEls || subjectEls.length === 0) {\n return { valid: true, errors: [] }\n }\n\n const errors: SubjectError[] = []\n\n for (const el of subjectEls) {\n if (typeof el.validate === 'function') {\n const errs = el.validate()\n if (errs?.length) {\n errors.push(...errs)\n }\n }\n }\n\n return {\n valid: errors.length === 0,\n errors,\n }\n }\n\n // ── public API ────────────────────────────────────────────────\n get currentList() { return this._list }\n\n addSubject(type: string, index?: number, examAnswerRelationType: number | null = null) {\n const item = {\n customId: uid(), answerType: type, title: '',\n answers: [], analysis: '', scaleQuestionList: [],\n isEdit: true, isSave: false, isRealCanDel: true, hasSet: false,\n isKey: false, answerCheckType: 1,\n examAnswerRelationType: examAnswerRelationType ?? 0,\n }\n const arr = [...this._list]\n if (typeof index === 'number' && index >= 0) {\n arr.splice(index + 1, 0, item)\n }\n else { arr.push(item) }\n this._list = arr\n this.requestUpdate()\n this._emitListChange()\n }\n\n addExam(items: any[]) {\n const newItems: any[] = []\n items.forEach((v: any) => {\n const item: any = {\n ...v,\n customId: v.customId || uid(),\n answers: v.answers?.map((c: any) => ({ ...c, title: c.answer, answerId: c.examAnswerId, isCorrect: c.isCorrect })) || [],\n isEdit: true, isSave: false, isRealCanDel: true, hasSet: false,\n }\n if (!v.richTextContent) {\n item.answerType = v.examTypeEnum\n }\n newItems.push(item)\n })\n this._list = [...this._list, ...newItems]\n this._emitListChange()\n }\n\n uploadExcel(list: any[]) {\n this._list = [...this._list, ...list.map((i: any) => ({ ...i, customId: i.customId || uid(), isRealCanDel: true }))]\n this._emitListChange()\n }\n\n setAnswerRelation(answerRelations: any, customId: string, customAnswerId: string) {\n const item = this._list.find((v: any) => v.customId === customId)\n if (item) {\n const ans = item.answers?.find((c: any) => c.customAnswerId === customAnswerId)\n if (ans) { ans.answerRelations = answerRelations }\n }\n this.requestUpdate()\n this._emitListChange()\n }\n\n // ── private helpers ───────────────────────────────────────────\n private _orderIndex(customId: string) {\n let n = 0; let out = 0\n this._list.forEach((v: any) => {\n n++; if (v.customId === customId) { out = n }\n })\n return out - 1\n }\n\n private _move(index: number, dir: 'up' | 'down') {\n const arr = [...this._list]\n if (dir === 'up' && index > 0) { [arr[index - 1], arr[index]] = [arr[index], arr[index - 1]] }\n else if (dir === 'down' && index < arr.length - 1) { [arr[index], arr[index + 1]] = [arr[index + 1], arr[index]] }\n this._list = arr\n this._emitListChange()\n }\n\n private _save(index: number, e: CustomEvent) {\n console.log('_save receive detail:', JSON.stringify(e.detail))\n this._list = this._list.map((item, i) =>\n i === index ? { ...item, ...e.detail, isEdit: false, isSave: true } : item,\n )\n console.log('_save after merge:', JSON.stringify(this._list[index]))\n this._emitListChange()\n }\n\n private _deleteByCustomId(customId: string) {\n this._list = this._list.filter(item => item.customId !== customId)\n this._emitListChange()\n }\n\n private _delete(index: number) {\n const arr = [...this._list]\n arr.splice(index, 1)\n this._list = arr\n this._emitListChange()\n }\n\n private _setEdit(index: number, val: boolean) {\n this._list = this._list.map((item, i) => i === index ? { ...item, isEdit: val } : item)\n }\n\n private _renderItem(item: any, index: number) {\n const common = {\n 'order-index': this._orderIndex(item.customId),\n '?is-edit': item.isEdit || false,\n '?is-set': item.hasSet || false,\n '?is-save': !item.isRealCanDel,\n '?show-action': !this._isPreviewValue,\n 'exam-answer-relation-type': item.examAnswerRelationType ?? 0,\n }\n const onMove = (e: CustomEvent) => this._move(index, e.detail as 'up' | 'down')\n const onDelete = () => this._deleteByCustomId(item.customId)\n const onSave = (e: CustomEvent) => this._save(index, e)\n const onEdit = () => this._setEdit(index, true)\n const onAdd = (e: CustomEvent) => this.addSubject(e.detail?.type ?? e.detail, index)\n\n if ([SubjectType.SINGLE, SubjectType.MULTIPLE, SubjectType.SORT].includes(item.answerType)) {\n return html`<qxs-subject-single\n .title=${item.title || ''}\n .answerList=${item.answers || []}\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit}\n ?is-set=${item.hasSet}\n ?is-save=${!item.isRealCanDel}\n ?show-action=${!this._isPreviewValue}\n ?is-key=${item.isKey}\n question-type=${String(item.answerType)}\n answer-check-type=${item.answerCheckType ?? 1}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n rich-text-content=${item.examRichTextContent || ''}\n analysis=${item.analysis || ''}\n least-answer-count=${item.leastAnswerCount ?? 2}\n exam-expand=${item.examExpand || ''}\n custom-id=${item.customId || ''}\n exam-id=${item.examId ?? 0}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n @set-key=${(e: CustomEvent) => {\n this._list = this._list.map((item, i) =>\n i === index ? { ...item, isKey: e.detail.value } : item\n )\n this._emitListChange()\n }}\n @set-relation=${(e: CustomEvent) => this._emit('set-relation', e.detail)}\n ></qxs-subject-single>`\n }\n if (item.answerType === SubjectType.BLANK_FILL) {\n return html`<qxs-blank-fill\n .title=${item.title || ''}\n .answerList=${item.answers || []}\n .examAnswerSetting=${item.examAnswerSettingVO || {}}\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit} ?is-set=${item.hasSet} ?is-save=${!item.isRealCanDel} ?show-action=${!this._isPreviewValue}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n exam-expand=${item.examExpand || ''}\n rich-text-content=${item.examRichTextContent || ''}\n analysis=${item.analysis || ''}\n custom-id=${item.customId || ''}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n ></qxs-blank-fill>`\n }\n if (item.answerType === SubjectType.TEXT_FILL) {\n return html`<qxs-text-fill\n .title=${item.title || ''}\n .answerList=${item.answers || []}\n .examAnswerSetting=${item.examAnswerSettingVO || {}}\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit} ?is-set=${item.hasSet} ?is-save=${!item.isRealCanDel} ?show-action=${!this._isPreviewValue}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n exam-expand=${item.examExpand || ''}\n rich-text-content=${item.examRichTextContent || ''}\n analysis=${item.analysis || ''}\n custom-id=${item.customId || ''}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n ></qxs-text-fill>`\n }\n if (item.answerType === SubjectType.SCALE) {\n return html`<qxs-scale\n .title=${item.title || ''}\n .answerList=${item.answers || []}\n .scaleQuestions=${item.scaleQuestionList || []}\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit} ?is-set=${item.hasSet} ?is-save=${!item.isRealCanDel} ?show-action=${!this._isPreviewValue}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n rich-text-content=${item.examRichTextContent || ''}\n analysis=${item.analysis || ''}\n custom-id=${item.customId || ''}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n ></qxs-scale>`\n }\n return html`<div style=\"color:#909399;padding:8px\">未知题型: ${item.answerType}</div>`\n }\n\n render() {\n return html`\n <div class=\"subject-list\">\n ${this._list.map((item, index) => this._renderItem(item, index))}\n </div>\n `\n }\n}\n\nexport function register() {}\n"],"names":["SubjectType","SINGLE","MULTIPLE","SORT","BLANK_FILL","TEXT_FILL","SCALE","QxsSubjectList","LitElement","constructor","super","arguments","this","isPreview","useModelAttr","_modelValueAttr","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_list","_sortMode","_sortable","_initialDataProcessed","modelValue","JSON","stringify","v","parsed","parse","Array","isArray","map","i","customId","uid","requestUpdate","_useModel","hasAttribute","subjectList","attributeChangedCallback","name","oldVal","newVal","length","includes","_isPreviewValue","val","connectedCallback","then","_processAttributeList","attr","getAttribute","firstUpdated","updateComplete","_initSortable","updated","changed","has","destroy","setTimeout","disconnectedCallback","querySelector","requestAnimationFrame","currentEl","Sortable","create","handle","animation","ghostClass","chosenClass","onEnd","evt","oldIndex","newIndex","arr","item","splice","_emitListChange","_emit","detail","dispatchEvent","CustomEvent","bubbles","composed","toJSON","subjectEls","querySelectorAll","results","errors","el","data","push","err","SubjectError","message","validate","valid","errs","currentList","addSubject","type","index","examAnswerRelationType","undefined","answerType","title","answers","analysis","scaleQuestionList","isEdit","isSave","isRealCanDel","hasSet","isKey","answerCheckType","addExam","items","newItems","forEach","c","answer","answerId","examAnswerId","isCorrect","richTextContent","examTypeEnum","uploadExcel","list","setAnswerRelation","answerRelations","customAnswerId","find","ans","_orderIndex","n","out","_move","dir","_save","_deleteByCustomId","filter","_delete","_setEdit","_renderItem","common","onMove","onDelete","onSave","onEdit","onAdd","html","String","examRichTextContent","leastAnswerCount","examExpand","examId","value","examAnswerSettingVO","render","styles","css","__decorateClass","property","attribute","prototype","Object","state","safeCustomElement"],"mappings":"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"}
1
+ {"version":3,"file":"list.mjs","sources":["../../../../packages/components-wc/src/subject/list.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport Sortable from 'sortablejs'\nimport { safeCustomElement } from '../base/define'\nimport { uid } from '../base/uid'\nimport { SubjectError } from './single'\nimport { SubjectType } from './types'\n\n// 导入子组件以确保它们被注册为 Custom Elements\nimport './action'\nimport './blank-fill'\nimport './layout'\nimport './text-fill'\nimport './scale'\nimport './page-end'\nimport './type'\n\nconst TYPE_LABEL: Record<string, string> = {\n [SubjectType.SINGLE]: '单选题', [SubjectType.MULTIPLE]: '多选题', [SubjectType.SORT]: '排序题',\n [SubjectType.BLANK_FILL]: '填空题', [SubjectType.TEXT_FILL]: '问答题', [SubjectType.SCALE]: '量表题',\n}\n\n@safeCustomElement('qxs-subject-list')\nexport class QxsSubjectList extends LitElement {\n static styles = css`\n :host { display: block; font-family: system-ui, -apple-system, \"PingFang SC\", \"Microsoft YaHei\", sans-serif; font-size: 13px; }\n *, ::before, ::after { box-sizing: border-box; }\n .sort-mode-toggle { display: flex; justify-content: flex-end; margin-bottom: 12px; }\n .btn { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 12px; font-size: 12px; border: 1px solid #dcdfe6; border-radius: 3px; background: #fff; color: #606266; cursor: pointer; transition: all 0.2s; }\n .btn:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n .btn.primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }\n .btn.primary:hover { background: #3D61E3; border-color: #3D61E3; }\n .subject-list { display: flex; flex-direction: column; }\n .subject-content { flex: 1; min-width: 0; }\n .ghost { opacity: 0.5; background: #ecf5ff; }\n .chosen { box-shadow: 0 4px 16px rgba(64,158,255,.3); }\n .sort-list { display: flex; flex-direction: column; gap: 8px; }\n .sort-item { display: flex; align-items: center; padding: 12px 16px; background: #f8f9fa; border: 1px solid #e4e7ed; border-radius: 6px; cursor: grab; transition: all 0.3s ease; }\n .sort-item:hover { background: #ecf5ff; border-color: #c6e2ff; }\n .sort-item:active { cursor: grabbing; }\n .sort-item.sort-ghost { opacity: 0.5; background: #ecf5ff; border: 2px dashed #409eff; }\n .sort-item.sort-chosen { background: #ecf5ff; border-color: #409eff; box-shadow: 0 4px 16px rgba(64,158,255,.3); transform: scale(1.02); }\n .sort-handle { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 12px; color: #909399; flex-shrink: 0; }\n .sort-index { font-size: 13px; color: #606266; font-weight: 500; margin-right: 8px; min-width: 24px; flex-shrink: 0; }\n .sort-title { flex: 1; font-size: 14px; color: #303133; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n .sort-type { font-size: 12px; color: #909399; margin-left: 12px; padding: 2px 8px; background: #f0f0f0; border-radius: 4px; flex-shrink: 0; }\n `\n\n @property({ attribute: 'is-preview' }) isPreview = false\n\n // use-model: enables two-way binding via model-value attribute + list-change event\n @property({ attribute: 'use-model' }) useModelAttr: string | null = null\n @property({ attribute: 'model-value' })\n get modelValue(): string { return JSON.stringify(this._list) }\n\n set modelValue(v: string) {\n if (!v || v === this._modelValueAttr) { return }\n this._modelValueAttr = v\n try {\n const parsed = JSON.parse(v)\n if (Array.isArray(parsed)) {\n this._list = parsed.map((i: any) => ({ ...i, customId: i.customId || uid() }))\n this.requestUpdate()\n }\n }\n catch { /* invalid JSON, ignore */ }\n }\n\n private get _useModel(): boolean {\n return this.useModelAttr === 'true' || this.useModelAttr === '' || this.hasAttribute('use-model')\n }\n\n private _modelValueAttr = ''\n\n @property({ type: Object })\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 @property({ type: Array })\n get subjectList() { return this._list }\n\n set subjectList(v: any) {\n if (!v) {\n this._list = []\n return\n }\n if (typeof v === 'string') {\n try {\n v = JSON.parse(v)\n }\n catch {\n this._list = []\n this.requestUpdate()\n return\n }\n }\n if (!Array.isArray(v)) {\n this._list = []\n this.requestUpdate()\n return\n }\n this._list = v.map((i: any) => ({ ...i, customId: i.customId || uid() }))\n this.requestUpdate()\n }\n\n attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null) {\n super.attributeChangedCallback(name, oldVal, newVal)\n if (name === 'subject-list' && newVal && !this._list.length) {\n if (newVal.includes('[object Object]')) {\n return\n }\n try {\n const parsed = JSON.parse(newVal)\n if (Array.isArray(parsed)) {\n this._list = parsed.map((i: any) => ({ ...i, customId: i.customId || uid() }))\n this.requestUpdate()\n }\n }\n catch {\n // Not valid JSON, ignore\n }\n }\n }\n\n @state() private _list: any[] = []\n @state() private _sortMode = false\n private _sortable: Sortable | null = null\n\n private get _isPreviewValue(): boolean {\n const val = (this as any).isPreview\n return typeof val === 'string' ? val !== 'false' : !!val\n }\n\n private _initialDataProcessed = false\n\n connectedCallback() {\n super.connectedCallback()\n if (!this._initialDataProcessed) {\n this._initialDataProcessed = true\n Promise.resolve().then(() => {\n if (this._list.length === 0) {\n this._processAttributeList()\n }\n })\n }\n }\n\n private _processAttributeList() {\n const attr = this.getAttribute('subject-list')\n if (!attr || attr === '[]') { return }\n if (attr.includes('[object Object]')) {\n return\n }\n try {\n const parsed = JSON.parse(attr)\n if (Array.isArray(parsed) && parsed.length > 0) {\n this._list = parsed.map((i: any) => ({ ...i, customId: i.customId || uid() }))\n this.requestUpdate()\n }\n }\n catch {\n // Not valid JSON, ignore\n }\n }\n\n firstUpdated() {\n this.updateComplete.then(() => this._initSortable())\n }\n\n updated(changed: Map<string, unknown>) {\n if (changed.has('_sortMode')) {\n this._sortable?.destroy()\n this._sortable = null\n this.updateComplete.then(() => this._initSortable())\n }\n // Reinitialize Sortable when list changes in sort mode\n if (changed.has('_list') && this._sortMode) {\n // Small delay to let Lit finish DOM updates\n setTimeout(() => {\n if (this._sortable) {\n this._sortable.destroy()\n this._sortable = null\n }\n this._initSortable()\n }, 50)\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback()\n this._sortable?.destroy()\n this._sortable = null\n }\n\n private _initSortable() {\n if (!this._sortMode) { return }\n const el = this.querySelector<HTMLElement>('.sort-list')\n if (!el) { return }\n\n // Destroy existing instance first\n if (this._sortable) {\n this._sortable.destroy()\n this._sortable = null\n }\n\n // Small delay to ensure DOM is ready after previous destroy\n requestAnimationFrame(() => {\n const currentEl = this.querySelector<HTMLElement>('.sort-list')\n if (!currentEl || this._sortable) { return }\n\n this._sortable = Sortable.create(currentEl, {\n handle: '.sort-handle',\n animation: 200,\n ghostClass: 'sort-ghost',\n chosenClass: 'sort-chosen',\n onEnd: (evt) => {\n const { oldIndex, newIndex } = evt\n if (oldIndex === undefined || newIndex === undefined || oldIndex === newIndex) { return }\n const arr = [...this._list]\n const [item] = arr.splice(oldIndex, 1)\n arr.splice(newIndex, 0, item)\n this._list = arr\n this._emitListChange()\n },\n })\n })\n }\n\n private _emit(name: string, detail?: unknown) {\n this.dispatchEvent(new CustomEvent(name, { bubbles: true, composed: true, detail: detail ?? null }))\n }\n\n private _emitListChange() {\n this._emit('change', this._list)\n if (this._useModel) {\n this._modelValueAttr = JSON.stringify(this._list)\n this._emit('list-change', this._list)\n }\n }\n\n async toJSON(): Promise<any[]> {\n const subjectEls = this.querySelectorAll<any>(\n 'qxs-subject-single, qxs-blank-fill, qxs-text-fill, qxs-scale, qxs-subject-rich-text',\n )\n if (!subjectEls || subjectEls.length === 0) {\n return []\n }\n\n const results: any[] = []\n const errors: SubjectError[] = []\n\n for (const el of subjectEls) {\n if (typeof el.toJSON === 'function') {\n try {\n const data = await el.toJSON()\n results.push(data)\n }\n catch (err: any) {\n if (err instanceof SubjectError) {\n errors.push(err)\n }\n else {\n errors.push(new SubjectError(err.message || '未知错误', 'UNKNOWN', 'unknown'))\n }\n }\n }\n }\n\n if (errors.length > 0) {\n throw errors\n }\n\n return results\n }\n\n async validate(): Promise<{ valid: boolean, errors: SubjectError[] }> {\n const subjectEls = this.querySelectorAll<any>(\n 'qxs-subject-single, qxs-blank-fill, qxs-text-fill, qxs-scale',\n )\n if (!subjectEls || subjectEls.length === 0) {\n return { valid: true, errors: [] }\n }\n\n const errors: SubjectError[] = []\n\n for (const el of subjectEls) {\n if (typeof el.validate === 'function') {\n const errs = el.validate()\n if (errs?.length) {\n errors.push(...errs)\n }\n }\n }\n\n return {\n valid: errors.length === 0,\n errors,\n }\n }\n\n // ── public API ────────────────────────────────────────────────\n get currentList() { return this._list }\n\n addSubject(type: string, index?: number, examAnswerRelationType: number | null = null) {\n const item = {\n customId: uid(), answerType: type, title: '',\n answers: [], analysis: '', scaleQuestionList: [],\n isEdit: true, isSave: false, isRealCanDel: true, hasSet: false,\n isKey: false, answerCheckType: 1,\n examAnswerRelationType: examAnswerRelationType ?? 0,\n }\n const arr = [...this._list]\n if (typeof index === 'number' && index >= 0) {\n arr.splice(index + 1, 0, item)\n }\n else { arr.push(item) }\n this._list = arr\n this.requestUpdate()\n this._emitListChange()\n }\n\n addExam(items: any[]) {\n const newItems: any[] = []\n items.forEach((v: any) => {\n const item: any = {\n ...v,\n customId: v.customId || uid(),\n answers: v.answers?.map((c: any) => ({ ...c, title: c.answer, answerId: c.examAnswerId, isCorrect: c.isCorrect })) || [],\n isEdit: true, isSave: false, isRealCanDel: true, hasSet: false,\n }\n if (!v.richTextContent) {\n item.answerType = v.examTypeEnum\n }\n newItems.push(item)\n })\n this._list = [...this._list, ...newItems]\n this._emitListChange()\n }\n\n uploadExcel(list: any[]) {\n this._list = [...this._list, ...list.map((i: any) => ({ ...i, customId: i.customId || uid(), isRealCanDel: true }))]\n this._emitListChange()\n }\n\n setAnswerRelation(answerRelations: any, customId: string, customAnswerId: string) {\n const item = this._list.find((v: any) => v.customId === customId)\n if (item) {\n const ans = item.answers?.find((c: any) => c.customAnswerId === customAnswerId)\n if (ans) { ans.answerRelations = answerRelations }\n }\n this.requestUpdate()\n this._emitListChange()\n }\n\n // ── private helpers ───────────────────────────────────────────\n private _orderIndex(customId: string) {\n let n = 0; let out = 0\n this._list.forEach((v: any) => {\n n++; if (v.customId === customId) { out = n }\n })\n return out - 1\n }\n\n private _move(index: number, dir: 'up' | 'down') {\n const arr = [...this._list]\n if (dir === 'up' && index > 0) { [arr[index - 1], arr[index]] = [arr[index], arr[index - 1]] }\n else if (dir === 'down' && index < arr.length - 1) { [arr[index], arr[index + 1]] = [arr[index + 1], arr[index]] }\n this._list = arr\n this._emitListChange()\n }\n\n private _save(index: number, e: CustomEvent) {\n this._list = this._list.map((item, i) =>\n i === index ? { ...item, ...e.detail, isEdit: false, isSave: true } : item,\n )\n this._emitListChange()\n }\n\n private _deleteByCustomId(customId: string) {\n this._list = this._list.filter(item => item.customId !== customId)\n this._emitListChange()\n }\n\n private _delete(index: number) {\n const arr = [...this._list]\n arr.splice(index, 1)\n this._list = arr\n this._emitListChange()\n }\n\n private _setEdit(index: number, val: boolean) {\n this._list = this._list.map((item, i) => i === index ? { ...item, isEdit: val } : item)\n }\n\n private _renderItem(item: any, index: number) {\n const common = {\n 'order-index': this._orderIndex(item.customId),\n '?is-edit': item.isEdit || false,\n '?is-set': item.hasSet || false,\n '?is-save': !item.isRealCanDel,\n '?show-action': !this._isPreviewValue,\n 'exam-answer-relation-type': item.examAnswerRelationType ?? 0,\n }\n const onMove = (e: CustomEvent) => this._move(index, e.detail as 'up' | 'down')\n const onDelete = () => this._deleteByCustomId(item.customId)\n const onSave = (e: CustomEvent) => this._save(index, e)\n const onEdit = () => this._setEdit(index, true)\n const onAdd = (e: CustomEvent) => this.addSubject(e.detail?.type ?? e.detail, index)\n\n if ([SubjectType.SINGLE, SubjectType.MULTIPLE, SubjectType.SORT].includes(item.answerType)) {\n return html`<qxs-subject-single\n .title=${item.title || ''}\n .answerList=${item.answers || []}\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit}\n ?is-set=${item.hasSet}\n ?is-save=${!item.isRealCanDel}\n ?show-action=${!this._isPreviewValue}\n ?is-key=${item.isKey}\n question-type=${String(item.answerType)}\n answer-check-type=${item.answerCheckType ?? 1}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n rich-text-content=${item.examRichTextContent || ''}\n analysis=${item.analysis || ''}\n least-answer-count=${item.leastAnswerCount ?? 2}\n exam-expand=${item.examExpand || ''}\n custom-id=${item.customId || ''}\n exam-id=${item.examId ?? 0}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n @set-key=${(e: CustomEvent) => {\n this._list = this._list.map((item, i) =>\n i === index ? { ...item, isKey: e.detail.value } : item,\n )\n this._emitListChange()\n }}\n @set-relation=${(e: CustomEvent) => this._emit('set-relation', e.detail)}\n ></qxs-subject-single>`\n }\n if (item.answerType === SubjectType.BLANK_FILL) {\n return html`<qxs-blank-fill\n .title=${item.title || ''}\n .answerList=${item.answers || []}\n .examAnswerSetting=${item.examAnswerSettingVO || {}}\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit} ?is-set=${item.hasSet} ?is-save=${!item.isRealCanDel} ?show-action=${!this._isPreviewValue}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n exam-expand=${item.examExpand || ''}\n rich-text-content=${item.examRichTextContent || ''}\n analysis=${item.analysis || ''}\n custom-id=${item.customId || ''}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n ></qxs-blank-fill>`\n }\n if (item.answerType === SubjectType.TEXT_FILL) {\n return html`<qxs-text-fill\n .title=${item.title || ''}\n .answerList=${item.answers || []}\n .examAnswerSetting=${item.examAnswerSettingVO || {}}\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit} ?is-set=${item.hasSet} ?is-save=${!item.isRealCanDel} ?show-action=${!this._isPreviewValue}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n exam-expand=${item.examExpand || ''}\n rich-text-content=${item.examRichTextContent || ''}\n analysis=${item.analysis || ''}\n custom-id=${item.customId || ''}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n ></qxs-text-fill>`\n }\n if (item.answerType === SubjectType.SCALE) {\n return html`<qxs-scale\n .title=${item.title || ''}\n .answerList=${item.answers || []}\n .scaleQuestions=${item.scaleQuestionList || []}\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit} ?is-set=${item.hasSet} ?is-save=${!item.isRealCanDel} ?show-action=${!this._isPreviewValue}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n rich-text-content=${item.examRichTextContent || ''}\n analysis=${item.analysis || ''}\n custom-id=${item.customId || ''}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n ></qxs-scale>`\n }\n return html`<div style=\"color:#909399;padding:8px\">未知题型: ${item.answerType}</div>`\n }\n\n render() {\n return html`\n <div class=\"subject-list\">\n ${this._list.map((item, index) => this._renderItem(item, index))}\n </div>\n `\n }\n}\n\nexport function register() {}\n"],"names":["SubjectType","SINGLE","MULTIPLE","SORT","BLANK_FILL","TEXT_FILL","SCALE","QxsSubjectList","LitElement","constructor","super","arguments","this","isPreview","useModelAttr","_modelValueAttr","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_list","_sortMode","_sortable","_initialDataProcessed","modelValue","JSON","stringify","v","parsed","parse","Array","isArray","map","i","customId","uid","requestUpdate","_useModel","hasAttribute","subjectList","attributeChangedCallback","name","oldVal","newVal","length","includes","_isPreviewValue","val","connectedCallback","then","_processAttributeList","attr","getAttribute","firstUpdated","updateComplete","_initSortable","updated","changed","has","destroy","setTimeout","disconnectedCallback","querySelector","requestAnimationFrame","currentEl","Sortable","create","handle","animation","ghostClass","chosenClass","onEnd","evt","oldIndex","newIndex","arr","item","splice","_emitListChange","_emit","detail","dispatchEvent","CustomEvent","bubbles","composed","toJSON","subjectEls","querySelectorAll","results","errors","el","data","push","err","SubjectError","message","validate","valid","errs","currentList","addSubject","type","index","examAnswerRelationType","undefined","answerType","title","answers","analysis","scaleQuestionList","isEdit","isSave","isRealCanDel","hasSet","isKey","answerCheckType","addExam","items","newItems","forEach","c","answer","answerId","examAnswerId","isCorrect","richTextContent","examTypeEnum","uploadExcel","list","setAnswerRelation","answerRelations","customAnswerId","find","ans","_orderIndex","n","out","_move","dir","_save","_deleteByCustomId","filter","_delete","_setEdit","_renderItem","common","onMove","onDelete","onSave","onEdit","onAdd","html","String","examRichTextContent","leastAnswerCount","examExpand","examId","value","examAnswerSettingVO","render","styles","css","__decorateClass","property","attribute","prototype","Object","state","safeCustomElement"],"mappings":"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"}