npm - @qxs-bns/components-wc - Versions diffs - 0.0.14 → 0.0.15 - Mend

@qxs-bns/components-wc 0.0.14 → 0.0.15

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 (13) hide show

package/es/editor/blocksuite-editor.mjs +2 -2
package/es/editor/blocksuite-editor.mjs.map +1 -1
package/es/subject/action.mjs +18 -18
package/es/subject/action.mjs.map +1 -1
package/es/subject/list.mjs +6 -6
package/es/subject/list.mjs.map +1 -1
package/lib/editor/blocksuite-editor.cjs +2 -2
package/lib/editor/blocksuite-editor.cjs.map +1 -1
package/lib/subject/action.cjs +3 -3
package/lib/subject/action.cjs.map +1 -1
package/lib/subject/list.cjs +9 -9
package/lib/subject/list.cjs.map +1 -1
package/package.json +1 -1

package/lib/editor/blocksuite-editor.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"blocksuite-editor.cjs","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 get useModel(): boolean {\n return this.useModelAttr === 'true'\n }\n\n set useModel(value: boolean) {\n this.useModelAttr = String(value)\n }\n\n get autoSync(): boolean {\n return this.autoSyncAttr !== 'false'\n }\n\n set autoSync(value: boolean) {\n this.autoSyncAttr = String(value)\n }\n\n get readonly(): boolean {\n return this.readonlyAttr !== 'false'\n }\n\n set readonly(value: boolean) {\n this.readonlyAttr = String(value)\n }\n\n get preview(): boolean {\n return this.previewAttr !== 'false'\n }\n\n set preview(value: boolean) {\n this.previewAttr = String(value)\n }\n\n get isEdit(): boolean {\n return this.isEditAttr === 'true'\n }\n\n set isEdit(value: boolean) {\n this.isEditAttr = String(value)\n }\n\n @property({ type: Object, attribute: 'upload-image' })\n uploadImage: (file: File) => Promise<string> = async (file: File) => {\n return new Promise((resolve, reject) => {\n const reader = new FileReader()\n reader.onload = (e) => resolve(e.target?.result as string)\n reader.onerror = reject\n reader.readAsDataURL(file)\n })\n }\n\n private _editor: Editor \| null = null\n @state() private _pendingContent: string \| null = null\n private _tableRows = 3\n private _tableCols = 3\n @state() private _hoverRow = 0\n @state() private _hoverCol = 0\n @state() private _tableDropdownOpen = false\n @state() private _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 this._emitContentChange()\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._initEditor()\n }\n\n updated(changed: Map<string, unknown>) {\n if (this._editor) {\n if (changed.has('content') \|\| (changed.has('modelValue') && this.useModel)) {\n const newContent = this.useModel ? this.modelValue : this.content\n if (newContent !== this._editor.getHTML()) {\n this._editor.commands.setContent(newContent \|\| '<p></p>')\n }\n }\n if (changed.has('readonly')) {\n this._editor.setEditable(!this.readonly)\n }\n return\n }\n\n // 编辑器未初始化时，只保存待处理内容，不重复初始化\n if (changed.has('content')) {\n this._pendingContent = this.content\n }\n\n if (changed.has('modelValue') && this.useModel) {\n this._pendingContent = this.modelValue\n }\n\n // 只有在 firstUpdated 时才会初始化编辑器\n // 这里不再重复调用 _initEditor()\n }\n\n disconnectedCallback() {\n super.disconnectedCallback()\n this._editor?.destroy()\n this._editor = null\n }\n\n getContent(): string {\n return this._editor?.getHTML() ?? ''\n }\n\n forceUpdate(): void {\n this.requestUpdate()\n if (this._editor) {\n const newContent = this.useModel ? this.modelValue : this.content\n if (newContent !== this._editor.getHTML()) {\n this._editor.commands.setContent(newContent \|\| '<p></p>')\n }\n }\n }\n\n forceSync(): void {\n this.forceUpdate()\n }\n\n private _applyFormat(command: () => void) {\n if (this._hasSlashCommand && this._editor) {\n const { selection } = this._editor.state\n this._editor.chain().focus().deleteRange({ from: selection.from - 1, to: selection.from }).run()\n this._hasSlashCommand = false\n }\n command()\n }\n\n private _toggleBold() {\n this._applyFormat(() => this._editor?.chain().focus().toggleBold().run())\n }\n\n private _toggleItalic() {\n this._applyFormat(() => this._editor?.chain().focus().toggleItalic().run())\n }\n\n private _toggleUnderline() {\n this._applyFormat(() => this._editor?.chain().focus().toggleUnderline().run())\n }\n\n private _toggleStrike() {\n this._applyFormat(() => this._editor?.chain().focus().toggleStrike().run())\n }\n\n private _toggleCode() {\n this._applyFormat(() => this._editor?.chain().focus().toggleCode().run())\n }\n\n private _setHeading(level: number) {\n this._applyFormat(() => this._editor?.chain().focus().toggleHeading({ level: level as 1 \| 2 \| 3 \| 4 \| 5 \| 6 }).run())\n }\n\n private _setParagraph() {\n this._applyFormat(() => this._editor?.chain().focus().setParagraph().run())\n }\n\n private _toggleBulletList() {\n this._applyFormat(() => this._editor?.chain().focus().toggleBulletList().run())\n }\n\n private _toggleOrderedList() {\n this._applyFormat(() => this._editor?.chain().focus().toggleOrderedList().run())\n }\n\n private _toggleBlockquote() {\n this._applyFormat(() => this._editor?.chain().focus().toggleBlockquote().run())\n }\n\n private _setTextAlign(align: string) {\n this._applyFormat(() => this._editor?.chain().focus().setTextAlign(align as any).run())\n }\n\n private _setLink() {\n // eslint-disable-next-line no-alert\n const url = window.prompt('请输入链接地址：')\n if (url) {\n this._applyFormat(() => this._editor?.chain().focus().setLink({ href: url }).run())\n }\n }\n\n private _unsetLink() {\n this._applyFormat(() => this._editor?.chain().focus().unsetLink().run())\n }\n\n private _insertTable(rows?: number, cols?: number) {\n this._editor?.chain().focus().insertTable({ rows: rows ?? this._tableRows, cols: cols ?? this._tableCols, withHeaderRow: true }).run()\n }\n\n private async _handleImageUpload(e: Event) {\n const input = e.target as HTMLInputElement\n const file = input.files?.[0]\n if (file) {\n try {\n const src = await this.uploadImage(file)\n this._editor?.chain().focus().setImage({ src }).run()\n }\n catch (err) {\n console.error('图片上传失败:', err)\n }\n }\n input.value = ''\n }\n\n private _triggerImageUpload() {\n const input = this.shadowRoot?.querySelector<HTMLInputElement>('.image-input')\n input?.click()\n }\n\n private _insertTableByClick(rows: number, cols: number) {\n if (this._hasSlashCommand && this._editor) {\n const { selection } = this._editor.state\n this._editor.chain().focus().deleteRange({ from: selection.from - 1, to: selection.from }).run()\n this._hasSlashCommand = false\n }\n this._tableRows = rows\n this._tableCols = cols\n this._insertTable(rows, cols)\n }\n\n private _insertHorizontalRule() {\n this._editor?.chain().focus().setHorizontalRule().run()\n }\n\n private _showTableCellToolbar() {\n if (!this._editor?.isActive('table')) return\n const { state } = this._editor\n const { selection } = state\n const coords = this._editor.view.coordsAtPos(selection.from)\n const editorWrapper = this.shadowRoot?.querySelector<HTMLElement>('.editor-wrapper')\n if (!editorWrapper) return\n const wrapperRect = editorWrapper.getBoundingClientRect()\n\n const cellRow = this._getTableCellRow()\n const cellCol = this._getTableCellCol()\n const isTopRow = cellRow === 0\n const isLeftCol = cellCol === 0\n\n // Only show toolbar on top row or left column\n if (!isTopRow && !isLeftCol) return\n\n this._tableCellToolbar = {\n x: coords.left - wrapperRect.left,\n y: coords.bottom - wrapperRect.top + 8,\n visible: true,\n cellRow,\n cellCol,\n }\n }\n\n private _getTableCellRow(): number {\n if (!this._editor) return 0\n const { selection } = this._editor.state\n const $pos = this._editor.state.doc.resolve(selection.from)\n for (let d = $pos.depth; d > 0; d--) {\n const node = $pos.node(d)\n if (node.type.name === 'tableCell') {\n return $pos.index(d - 1)\n }\n }\n return 0\n }\n\n private _getTableCellCol(): number {\n if (!this._editor) return 0\n const { selection } = this._editor.state\n const $pos = this._editor.state.doc.resolve(selection.from)\n for (let d = $pos.depth; d > 0; d--) {\n const node = $pos.node(d)\n if (node.type.name === 'tableCell') {\n return $pos.index(d)\n }\n }\n return 0\n }\n\n private _hideTableCellToolbar() {\n this._tableCellToolbar = { ...this._tableCellToolbar, visible: false }\n }\n\n private _addTableRowAbove() {\n this._editor?.chain().focus().addRowBefore().run()\n this._hideTableCellToolbar()\n }\n\n private _addTableRowBelow() {\n this._editor?.chain().focus().addRowAfter().run()\n this._hideTableCellToolbar()\n }\n\n private _addTableColumnLeft() {\n this._editor?.chain().focus().addColumnBefore().run()\n this._hideTableCellToolbar()\n }\n\n private _addTableColumnRight() {\n this._editor?.chain().focus().addColumnAfter().run()\n this._hideTableCellToolbar()\n }\n\n private _deleteTableRow() {\n this._editor?.chain().focus().deleteRow().run()\n this._hideTableCellToolbar()\n }\n\n private _deleteTableColumn() {\n this._editor?.chain().focus().deleteColumn().run()\n this._hideTableCellToolbar()\n }\n\n private _deleteTable() {\n this._editor?.chain().focus().deleteTable().run()\n this._hideTableCellToolbar()\n }\n\n // Image Toolbar Methods\n private _showImageToolbar(pos: { x: number, y: number }) {\n this._imageToolbar = { x: pos.x, y: pos.y, visible: true }\n this._imageMoreMenuVisible = false\n }\n\n private _hideImageToolbar() {\n this._imageToolbar = { ...this._imageToolbar, visible: false }\n this._imageMoreMenuVisible = false\n }\n\n private _toggleImageMoreMenu() {\n this._imageMoreMenuVisible = !this._imageMoreMenuVisible\n }\n\n private _deleteImage() {\n this._editor?.chain().focus().deleteNode('image').run()\n this._hideImageToolbar()\n }\n\n private _insertImageAfter() {\n this._triggerImageUpload()\n this._imageMoreMenuVisible = false\n }\n\n private _setImageAlignLeft() {\n const editor = this._editor\n if (editor) {\n const { selection } = editor.state\n const pos = selection.from\n editor.chain().focus().setNodeSelection(pos).run()\n const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n if (img) {\n img.style.display = 'block'\n img.style.margin = '0 auto 0 0'\n }\n }\n this._imageMoreMenuVisible = false\n }\n\n private _setImageAlignCenter() {\n const editor = this._editor\n if (editor) {\n const { selection } = editor.state\n const pos = selection.from\n editor.chain().focus().setNodeSelection(pos).run()\n const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n if (img) {\n img.style.display = 'block'\n img.style.margin = '0 auto'\n }\n }\n this._imageMoreMenuVisible = false\n }\n\n private _setImageAlignRight() {\n const editor = this._editor\n if (editor) {\n const { selection } = editor.state\n const pos = selection.from\n editor.chain().focus().setNodeSelection(pos).run()\n const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n if (img) {\n img.style.display = 'block'\n img.style.margin = '0 0 0 auto'\n }\n }\n this._imageMoreMenuVisible = false\n }\n\n private _updateImageToolbarPosition() {\n requestAnimationFrame(() => {\n const editor = this._editor\n if (!editor) return\n\n const { selection } = editor.state\n const { $from } = selection\n\n // Find if we're inside an image node\n const imageNode = $from.node($from.depth).type.name === 'image'\n ? $from.node($from.depth)\n : null\n\n if (imageNode) {\n const coords = editor.view.coordsAtPos($from.start())\n const wrapperRect = this.shadowRoot?.querySelector('.editor-wrapper')?.getBoundingClientRect()\n if (wrapperRect) {\n const x = coords.left - wrapperRect.left + (coords.right - coords.left) / 2\n const y = coords.top - wrapperRect.top - 40\n this._showImageToolbar({ x, y })\n }\n } else {\n this._hideImageToolbar()\n }\n })\n }\n\n private _getTextLabel(): string {\n const editor = this._editor\n if (!editor) { return '正文' }\n if (editor.isActive('heading', { level: 1 })) { return '标题 1' }\n if (editor.isActive('heading', { level: 2 })) { return '标题 2' }\n if (editor.isActive('heading', { level: 3 })) { return '标题 3' }\n return '正文'\n }\n\n private _getAlignLabel(): string {\n const editor = this._editor\n if (!editor) { return '对齐' }\n if (editor.isActive({ textAlign: 'center' })) { return '居中' }\n if (editor.isActive({ textAlign: 'right' })) { return '右对齐' }\n return '左对齐'\n }\n\n private _updateBubbleMenuPosition() {\n requestAnimationFrame(() => {\n const bubbleMenu = this.shadowRoot?.querySelector<HTMLElement>('.bubble-menu')\n const proseMirror = this.shadowRoot?.querySelector<HTMLElement>('.ProseMirror')\n const editorWrapper = this.shadowRoot?.querySelector<HTMLElement>('.editor-wrapper')\n if (!bubbleMenu \|\| !proseMirror \|\| !editorWrapper) { return }\n\n const editor = this._editor\n const isInTable = editor?.isActive('table') ?? false\n const { selection } = editor?.state ?? { selection: null }\n\n // 如果选中了表格节点（而不只是单元格内的文字），隐藏菜单\n if (isInTable && selection && !selection.empty && editor) {\n const { from, to } = selection\n const $from = editor.state.doc.resolve(from)\n const $to = editor.state.doc.resolve(to)\n // 检查选区起点和终点之间是否有表格节点\n let hasTableInSelection = false\n for (let d = $from.depth; d >= 0; d--) {\n if ($from.node(d).type.name === 'table') {\n hasTableInSelection = true\n break\n }\n }\n // 如果选区起点在表格外但终点在表格内，或者选区跨越了表格\n const fromAncestor = $from.node($from.depth)\n const toAncestor = $to.node($to.depth)\n if (fromAncestor.type.name === 'table' \|\| toAncestor.type.name === 'table') {\n hasTableInSelection = true\n }\n if (hasTableInSelection) {\n bubbleMenu.style.opacity = '0'\n bubbleMenu.style.visibility = 'hidden'\n return\n }\n }\n\n // 如果有选中文字，显示菜单\n if (selection && !selection.empty) {\n // continue to show menu\n } else if (!selection \|\| (selection.empty && !this._hasSlashCommand)) {\n bubbleMenu.style.opacity = '0'\n bubbleMenu.style.visibility = 'hidden'\n return\n }\n\n const wrapperRect = editorWrapper.getBoundingClientRect()\n const menuRect = bubbleMenu.getBoundingClientRect()\n\n const { from } = selection!\n const coords = this._editor?.view.coordsAtPos(from)\n if (!coords) { return }\n\n let left = coords.left - wrapperRect.left\n let top = coords.top - wrapperRect.top - 40\n\n if (left + menuRect.width > wrapperRect.width) {\n left = wrapperRect.width - menuRect.width - 8\n }\n if (left < 0) {\n left = 8\n }\n\n if (top < 0) {\n top = coords.bottom - wrapperRect.top + 8\n }\n\n bubbleMenu.style.left = `${left}px`\n bubbleMenu.style.top = `${top}px`\n bubbleMenu.style.opacity = '1'\n bubbleMenu.style.visibility = 'visible'\n })\n }\n\n render() {\n const editor = this._editor\n\n return html`\n <div class=\"editor-wrapper ${!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","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","useModel","value","String","autoSync","readonly","preview","isEdit","_initEditor","el","shadowRoot","querySelector","requestAnimationFrame","firstChild","removeChild","hasAttribute","getAttribute","contentValue","initialContent","extensions","Document","Paragraph","Text","Bold","Italic","Underline","Strike","Code","Heading","configure","levels","BulletList","OrderedList","ListItem","Blockquote","HorizontalRule","History","Image","inline","allowBase64","Link","openOnClick","HTMLAttributes","rel","TextAlign","types","Table","resizable","TableRow","TableCell","TableHeader","Placeholder","placeholder","Extension","create","name","addKeyboardShortcuts","Enter","editor","chain","focus","unsetAllMarks","clearNodes","run","Editor","element","editable","_emitContentChange","on","requestUpdate","_updateBubbleMenuPosition","isActive","_showTableCellToolbar","_hideTableCellToolbar","selection","state","$from","node","depth","coords","view","coordsAtPos","start","wrapperRect","getBoundingClientRect","left","right","top","_showImageToolbar","_hideImageToolbar","_checkSlashCommand","_setupTableEdgeDetection","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","styles","css","__decorateClass","property","attribute","prototype","Object","safeCustomElement"],"mappings":"o6CA8BaA,QAAAA,oBAAN,cAAkCC,EAAAA,WAAlCC,WAAAA,GAAAC,SAAAC,WA4oBLC,KAAAC,QAAU,GAGVD,KAAAE,WAAa,GAGbF,KAAAG,aAAe,QAGfH,KAAAI,aAAe,OAGfJ,KAAAK,aAAe,QAGfL,KAAAM,YAAc,QAGdN,KAAAO,WAAa,QA2CbP,KAAAQ,YAA+CC,SACtC,IAAIC,QAAQ,CAACC,EAASC,KAC3B,MAAMC,EAAS,IAAIC,WACnBD,EAAOE,OAAUC,GAAML,EAAQK,EAAEC,QAAQC,QACzCL,EAAOM,QAAUP,EACjBC,EAAOO,cAAcC,KAIzBrB,KAAQsB,QAAyB,KACxBtB,KAAQuB,gBAAiC,KAClDvB,KAAQwB,WAAa,EACrBxB,KAAQyB,WAAa,EACZzB,KAAQ0B,UAAY,EACpB1B,KAAQ2B,UAAY,EACpB3B,KAAQ4B,oBAAqB,EAC7B5B,KAAQ6B,kBAAkG,CAAEC,EAAG,EAAGC,EAAG,EAAGC,SAAS,EAAOC,QAAS,EAAGC,QAAS,GAC7JlC,KAAQmC,gBAAqG,CAAEC,KAAM,KAAMC,MAAO,EAAGC,SAAU,CAAER,EAAG,EAAGC,EAAG,IAC1J/B,KAAQuC,cAA4D,CAAET,EAAG,EAAGC,EAAG,EAAGC,SAAS,GAC3FhC,KAAQwC,uBAAwB,EAChCxC,KAAQyC,kBAAmB,EAiIpCzC,KAAQ0C,0BAA2B,CAAA,CA9LnC,YAAIC,GACF,MAA6B,SAAtB3C,KAAKG,YACd,CAEA,YAAIwC,CAASC,GACX5C,KAAKG,aAAe0C,OAAOD,EAC7B,CAEA,YAAIE,GACF,MAA6B,UAAtB9C,KAAKI,YACd,CAEA,YAAI0C,CAASF,GACX5C,KAAKI,aAAeyC,OAAOD,EAC7B,CAEA,YAAIG,GACF,MAA6B,UAAtB/C,KAAKK,YACd,CAEA,YAAI0C,CAASH,GACX5C,KAAKK,aAAewC,OAAOD,EAC7B,CAEA,WAAII,GACF,MAA4B,UAArBhD,KAAKM,WACd,CAEA,WAAI0C,CAAQJ,GACV5C,KAAKM,YAAcuC,OAAOD,EAC5B,CAEA,UAAIK,GACF,MAA2B,SAApBjD,KAAKO,UACd,CAEA,UAAI0C,CAAOL,GACT5C,KAAKO,WAAasC,OAAOD,EAC3B,CAyBQM,WAAAA,GACN,GAAIlD,KAAKsB,QAAS,OAElB,MAAM6B,EAAKnD,KAAKoD,YAAYC,cAA2B,mBACvD,IAAKF,EAEH,YADAG,sBAAsB,IAAMtD,KAAKkD,eAInC,KAAOC,EAAGI,YACRJ,EAAGK,YAAYL,EAAGI,YAGpB,MAAMZ,EAAW3C,KAAK2C,UAAY3C,KAAKyD,aAAa,aAC9CvD,EAAaF,KAAK0D,aAAa,gBAAkB1D,KAAKE,WACtDyD,EAAe3D,KAAKC,QAEpB2D,EAAiBjB,GAClB3C,KAAKuB,iBAAmBrB,IAAe,WACvCF,KAAKuB,iBAAmBoC,IAAiB,UAExCE,EAAoB,CACxBC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EAAQC,UAAU,CAAEC,OAAQ,CAAC,EAAG,EAAG,KACnCC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EAAMR,UAAU,CACdS,QAAQ,EACRC,aAAa,IAEfC,EAAKX,UAAU,CACbY,aAAa,EACbC,eAAgB,CACdC,IAAK,yBAGTC,EAAUf,UAAU,CAClBgB,MAAO,CAAC,UAAW,eAErBC,EAAAA,MAAMjB,UAAU,CACdkB,WAAW,IAEbC,EAAAA,SACAC,EAAAA,UACAC,EAAAA,YACAC,EAAYtB,UAAU,CACpBuB,YAAa,gBAEfC,EAAAA,UAAUC,OAAO,CACfC,KAAM,oBACNC,oBAAAA,GACE,MAAO,CACLC,MAAOA,KACLnG,KAAKoG,OAAOC,QAAQC,QAAQC,gBAAgBC,aAAaC,OAClD,GAGb,KAIJzG,KAAKsB,QAAU,IAAIoF,SAAO,CACxBC,QAASxD,EACTU,aACA+C,UAAW5G,KAAK+C,SAChB9C,QAAS2D,IAGX5D,KAAKuB,gBAAkB,KACvBvB,KAAK6G,qBAEL7G,KAAKsB,QAAQwF,GAAG,kBAAmB,KACjC9G,KAAK+G,gBACL/G,KAAKgH,4BACDhH,KAAKsB,SAAS2F,SAAS,SACzBjH,KAAKkH,wBAELlH,KAAKmH,wBAGP,MAAMf,EAASpG,KAAKsB,QACpB,GAAI8E,EAAQ,CACV,MAAMgB,UAAEA,GAAchB,EAAOiB,OACvBC,MAAEA,GAAUF,EAElB,GAAuB,UADVE,EAAMC,KAAKD,EAAME,OACrBpF,KAAK6D,KAAkB,CAC9B,MAAMwB,EAASrB,EAAOsB,KAAKC,YAAYL,EAAMM,SACvCC,EAAc7H,KAAKoD,YAAYC,cAAc,oBAAoByE,wBACvE,GAAID,EAAa,CACf,MAAM/F,EAAI2F,EAAOM,KAAOF,EAAYE,MAAQN,EAAOO,MAAQP,EAAOM,MAAQ,EACpEhG,EAAI0F,EAAOQ,IAAMJ,EAAYI,IAAM,GACzCjI,KAAKkI,kBAAkB,CAAEpG,IAAGC,KAC9B,CACF,MACE/B,KAAKmI,mBAET,IAGFnI,KAAKsB,QAAQwF,GAAG,cAAe,KAC7B9G,KAAK+G,gBACD/G,KAAKsB,SAAS2F,SAAS,SACzBjH,KAAKkH,wBAELlH,KAAKmH,wBAEPnH,KAAKoI,qBACLpI,KAAKqI,2BACLrI,KAAK6G,uBAGP7G,KAAKsB,QAAQwF,GAAG,SAAU,KACxB9G,KAAK6G,sBAET,CAIQA,kBAAAA,GACN,IAAK7G,KAAKsB,QAAS,OACnB,MAAMgH,EAAOtI,KAAKsB,QAAQiH,UAE1BvI,KAAKwI,cAAc,IAAIC,YAAY,iBAAkB,CACnDC,OAAQJ,EACRK,SAAS,EACTC,UAAU,KAER5I,KAAK8C,WACP9C,KAAKE,WAAaoI,EAEtB,CAEQD,wBAAAA,GACN,MAAMQ,EAAgB7I,KAAKoD,YAAYC,cAAc,mBAC/CyF,EAAgB9I,KAAKoD,YAAYC,cAAc,mBACrD,IAAKwF,GAAiB7I,KAAK0C,yBAA0B,OAErD1C,KAAK0C,0BAA2B,EAEhCmG,EAAcE,iBAAiB,YAAc/H,IAC3ChB,KAAKgJ,0BAA0BhI,KAGjC6H,EAAcE,iBAAiB,aAAc,KAC3C/I,KAAKmC,gBAAkB,CAAEC,KAAM,KAAMC,MAAO,EAAGC,SAAU,CAAER,EAAG,EAAGC,EAAG,MAGtE,MAAMkH,EAAoBA,KACxBjJ,KAAKsB,SAAS+E,QAAQC,QAAQG,OAGhCoC,EAAcE,iBAAiB,QAASE,GACxCH,GAAeC,iBAAiB,QAASE,EAC3C,CAEQD,yBAAAA,CAA0BhI,GAChC,IAAKhB,KAAKsB,SAAS2F,SAAS,SAG1B,OAFAjH,KAAKmC,gBAAkB,CAAEC,KAAM,KAAMC,MAAO,EAAGC,SAAU,CAAER,EAAG,EAAGC,EAAG,SACpE/B,KAAK+G,gBAIP,MACMmC,EADSlI,EAAEC,OACIkI,QAAQ,SAC7B,IAAKD,EAGH,OAFAlJ,KAAKmC,gBAAkB,CAAEC,KAAM,KAAMC,MAAO,EAAGC,SAAU,CAAER,EAAG,EAAGC,EAAG,SACpE/B,KAAK+G,gBAIP,MAAMqC,EAAYF,EAAMpB,wBAClBgB,EAAgB9I,KAAKoD,YAAYC,cAAc,mBACrD,IAAKyF,EAAe,OACpB,MAAMjB,EAAciB,EAAchB,wBAE5BuB,EAAYrI,EAAEsI,QAAUzB,EAAYE,KACpCwB,EAAYvI,EAAEwI,QAAU3B,EAAYI,IAEpCwB,EAAgB,GAChBC,EAAYN,EAAUO,OAAST,EAAMU,KAAKC,OAEhD,IAAA,IAASC,EAAI,EAAGA,EAAIZ,EAAMU,KAAKC,OAAQC,IAAK,CAC1C,MAAMC,EAASX,EAAUnB,IAAM6B,EAAIJ,EAC7BM,EAAYD,EAASL,EAE3B,GAAI1I,EAAEwI,SAAWO,EAASN,GAAiBzI,EAAEwI,SAAWO,EAASN,EAO/D,OANAzJ,KAAKmC,gBAAkB,CACrBC,KAAM,MACNC,MAAOyH,EACPxH,SAAU,CAAER,EAAGuH,EAAWtH,EAAGgI,EAASlC,EAAYI,WAEpDjI,KAAK+G,gBAIP,GAAI/F,EAAEwI,SAAWQ,EAAYP,GAAiBzI,EAAEwI,SAAWQ,EAAYP,EAOrE,OANAzJ,KAAKmC,gBAAkB,CACrBC,KAAM,MACNC,MAAOyH,EAAI,EACXxH,SAAU,CAAER,EAAGuH,EAAWtH,EAAGiI,EAAYnC,EAAYI,WAEvDjI,KAAK+G,eAGT,CAEA,MAAMkD,EAAWb,EAAUc,MAAQhB,EAAMU,KAAK,IAAIO,MAAMN,QAAU,EAClE,IAAA,IAASC,EAAI,EAAGA,GAAKZ,EAAMU,KAAK,IAAIO,MAAMN,QAAU,GAAIC,IAAK,CAC3D,MAAMM,EAAUhB,EAAUrB,KAAO+B,EAAIG,EAC/BI,EAAWD,EAAUH,EAE3B,GAAIjJ,EAAEsI,SAAWc,EAAUX,GAAiBzI,EAAEsI,SAAWc,EAAUX,EAOjE,OANAzJ,KAAKmC,gBAAkB,CACrBC,KAAM,MACNC,MAAOyH,EACPxH,SAAU,CAAER,EAAGsI,EAAUvC,EAAYE,KAAMhG,EAAGwH,SAEhDvJ,KAAK+G,gBAIP,GAAI/F,EAAEsI,SAAWe,EAAWZ,GAAiBzI,EAAEsI,SAAWe,EAAWZ,EAOnE,OANAzJ,KAAKmC,gBAAkB,CACrBC,KAAM,MACNC,MAAOyH,EAAI,EACXxH,SAAU,CAAER,EAAGuI,EAAWxC,EAAYE,KAAMhG,EAAGwH,SAEjDvJ,KAAK+G,eAGT,CAEA/G,KAAKmC,gBAAkB,CAAEC,KAAM,KAAMC,MAAO,EAAGC,SAAU,CAAER,EAAG,EAAGC,EAAG,IACpE/B,KAAK+G,eACP,CAEQqB,kBAAAA,GACN,IAAKpI,KAAKsB,QAAS,OACnB,MAAM8F,UAAEA,GAAcpH,KAAKsB,QAAQ+F,MAC7BiD,EAAatK,KAAKsB,QAAQ+F,MAAMkD,IAAIC,YACxCC,KAAKC,IAAI,EAAGtD,EAAUuD,KAAO,IAC7BvD,EAAUuD,KACV,KAEF3K,KAAKyC,iBAAmB6H,EAAWM,SAAS,IAC9C,CAEAC,YAAAA,GACE7K,KAAKkD,aACP,CAEA4H,OAAAA,CAAQC,GACN,GAAI/K,KAAKsB,QAAT,CACE,GAAIyJ,EAAQC,IAAI,YAAeD,EAAQC,IAAI,eAAiBhL,KAAK2C,SAAW,CAC1E,MAAMsI,EAAajL,KAAK2C,SAAW3C,KAAKE,WAAaF,KAAKC,QACtDgL,IAAejL,KAAKsB,QAAQiH,WAC9BvI,KAAKsB,QAAQ4J,SAASC,WAAWF,GAAc,UAEnD,CACIF,EAAQC,IAAI,aACdhL,KAAKsB,QAAQ8J,aAAapL,KAAK+C,SAGnC,MAGIgI,EAAQC,IAAI,aACdhL,KAAKuB,gBAAkBvB,KAAKC,SAG1B8K,EAAQC,IAAI,eAAiBhL,KAAK2C,WACpC3C,KAAKuB,gBAAkBvB,KAAKE,WAKhC,CAEAmL,oBAAAA,GACEvL,MAAMuL,uBACNrL,KAAKsB,SAASgK,UACdtL,KAAKsB,QAAU,IACjB,CAEAiK,UAAAA,GACE,OAAOvL,KAAKsB,SAASiH,WAAa,EACpC,CAEAiD,WAAAA,GAEE,GADAxL,KAAK+G,gBACD/G,KAAKsB,QAAS,CAChB,MAAM2J,EAAajL,KAAK2C,SAAW3C,KAAKE,WAAaF,KAAKC,QACtDgL,IAAejL,KAAKsB,QAAQiH,WAC9BvI,KAAKsB,QAAQ4J,SAASC,WAAWF,GAAc,UAEnD,CACF,CAEAQ,SAAAA,GACEzL,KAAKwL,aACP,CAEQE,YAAAA,CAAaC,GACnB,GAAI3L,KAAKyC,kBAAoBzC,KAAKsB,QAAS,CACzC,MAAM8F,UAAEA,GAAcpH,KAAKsB,QAAQ+F,MACnCrH,KAAKsB,QAAQ+E,QAAQC,QAAQsF,YAAY,CAAEjB,KAAMvD,EAAUuD,KAAO,EAAGkB,GAAIzE,EAAUuD,OAAQlE,MAC3FzG,KAAKyC,kBAAmB,CAC1B,CACAkJ,GACF,CAEQG,WAAAA,GACN9L,KAAK0L,aAAa,IAAM1L,KAAKsB,SAAS+E,QAAQC,QAAQyF,aAAatF,MACrE,CAEQuF,aAAAA,GACNhM,KAAK0L,aAAa,IAAM1L,KAAKsB,SAAS+E,QAAQC,QAAQ2F,eAAexF,MACvE,CAEQyF,gBAAAA,GACNlM,KAAK0L,aAAa,IAAM1L,KAAKsB,SAAS+E,QAAQC,QAAQ6F,kBAAkB1F,MAC1E,CAEQ2F,aAAAA,GACNpM,KAAK0L,aAAa,IAAM1L,KAAKsB,SAAS+E,QAAQC,QAAQ+F,eAAe5F,MACvE,CAEQ6F,WAAAA,GACNtM,KAAK0L,aAAa,IAAM1L,KAAKsB,SAAS+E,QAAQC,QAAQiG,aAAa9F,MACrE,CAEQ+F,WAAAA,CAAYC,GAClBzM,KAAK0L,aAAa,IAAM1L,KAAKsB,SAAS+E,QAAQC,QAAQoG,cAAc,CAAED,UAAyChG,MACjH,CAEQkG,aAAAA,GACN3M,KAAK0L,aAAa,IAAM1L,KAAKsB,SAAS+E,QAAQC,QAAQsG,eAAenG,MACvE,CAEQoG,iBAAAA,GACN7M,KAAK0L,aAAa,IAAM1L,KAAKsB,SAAS+E,QAAQC,QAAQwG,mBAAmBrG,MAC3E,CAEQsG,kBAAAA,GACN/M,KAAK0L,aAAa,IAAM1L,KAAKsB,SAAS+E,QAAQC,QAAQ0G,oBAAoBvG,MAC5E,CAEQwG,iBAAAA,GACNjN,KAAK0L,aAAa,IAAM1L,KAAKsB,SAAS+E,QAAQC,QAAQ4G,mBAAmBzG,MAC3E,CAEQ0G,aAAAA,CAAcC,GACpBpN,KAAK0L,aAAa,IAAM1L,KAAKsB,SAAS+E,QAAQC,QAAQ+G,aAAaD,GAAc3G,MACnF,CAEQ6G,QAAAA,GAEN,MAAMC,EAAMC,OAAOC,OAAO,YACtBF,GACFvN,KAAK0L,aAAa,IAAM1L,KAAKsB,SAAS+E,QAAQC,QAAQoH,QAAQ,CAAEC,KAAMJ,IAAO9G,MAEjF,CAEQmH,UAAAA,GACN5N,KAAK0L,aAAa,IAAM1L,KAAKsB,SAAS+E,QAAQC,QAAQuH,YAAYpH,MACpE,CAEQqH,YAAAA,CAAalE,EAAemE,GAClC/N,KAAKsB,SAAS+E,QAAQC,QAAQ0H,YAAY,CAAEpE,KAAMA,GAAQ5J,KAAKwB,WAAYuM,KAAMA,GAAQ/N,KAAKyB,WAAYwM,eAAe,IAAQxH,KACnI,CAEA,wBAAcyH,CAAmBlN,GAC/B,MAAMmN,EAAQnN,EAAEC,OACVI,EAAO8M,EAAMC,QAAQ,GAC3B,GAAI/M,EACF,IACE,MAAMgN,QAAYrO,KAAKQ,YAAYa,GACnCrB,KAAKsB,SAAS+E,QAAQC,QAAQgI,SAAS,CAAED,QAAO5H,KAClD,OACO8H,GAEP,CAEFJ,EAAMvL,MAAQ,EAChB,CAEQ4L,mBAAAA,GACN,MAAML,EAAQnO,KAAKoD,YAAYC,cAAgC,gBAC/D8K,GAAOM,OACT,CAEQC,mBAAAA,CAAoB9E,EAAcmE,GACxC,GAAI/N,KAAKyC,kBAAoBzC,KAAKsB,QAAS,CACzC,MAAM8F,UAAEA,GAAcpH,KAAKsB,QAAQ+F,MACnCrH,KAAKsB,QAAQ+E,QAAQC,QAAQsF,YAAY,CAAEjB,KAAMvD,EAAUuD,KAAO,EAAGkB,GAAIzE,EAAUuD,OAAQlE,MAC3FzG,KAAKyC,kBAAmB,CAC1B,CACAzC,KAAKwB,WAAaoI,EAClB5J,KAAKyB,WAAasM,EAClB/N,KAAK8N,aAAalE,EAAMmE,EAC1B,CAEQY,qBAAAA,GACN3O,KAAKsB,SAAS+E,QAAQC,QAAQsI,oBAAoBnI,KACpD,CAEQS,qBAAAA,GACN,IAAKlH,KAAKsB,SAAS2F,SAAS,SAAU,OACtC,MAAQI,MAAAA,GAAUrH,KAAKsB,SACjB8F,UAAEA,GAAcC,EAChBI,EAASzH,KAAKsB,QAAQoG,KAAKC,YAAYP,EAAUuD,MACjD7B,EAAgB9I,KAAKoD,YAAYC,cAA2B,mBAClE,IAAKyF,EAAe,OACpB,MAAMjB,EAAciB,EAAchB,wBAE5B7F,EAAUjC,KAAK6O,mBACf3M,EAAUlC,KAAK8O,oBACQ,IAAZ7M,GACa,IAAZC,KAKlBlC,KAAK6B,kBAAoB,CACvBC,EAAG2F,EAAOM,KAAOF,EAAYE,KAC7BhG,EAAG0F,EAAOsH,OAASlH,EAAYI,IAAM,EACrCjG,SAAS,EACTC,UACAC,WAEJ,CAEQ2M,gBAAAA,GACN,IAAK7O,KAAKsB,QAAS,OAAO,EAC1B,MAAM8F,UAAEA,GAAcpH,KAAKsB,QAAQ+F,MAC7B2H,EAAOhP,KAAKsB,QAAQ+F,MAAMkD,IAAI5J,QAAQyG,EAAUuD,MACtD,IAAA,IAASsE,EAAID,EAAKxH,MAAOyH,EAAI,EAAGA,IAAK,CAEnC,GAAuB,cADVD,EAAKzH,KAAK0H,GACd7M,KAAK6D,KACZ,OAAO+I,EAAK3M,MAAM4M,EAAI,EAE1B,CACA,OAAO,CACT,CAEQH,gBAAAA,GACN,IAAK9O,KAAKsB,QAAS,OAAO,EAC1B,MAAM8F,UAAEA,GAAcpH,KAAKsB,QAAQ+F,MAC7B2H,EAAOhP,KAAKsB,QAAQ+F,MAAMkD,IAAI5J,QAAQyG,EAAUuD,MACtD,IAAA,IAASsE,EAAID,EAAKxH,MAAOyH,EAAI,EAAGA,IAAK,CAEnC,GAAuB,cADVD,EAAKzH,KAAK0H,GACd7M,KAAK6D,KACZ,OAAO+I,EAAK3M,MAAM4M,EAEtB,CACA,OAAO,CACT,CAEQ9H,qBAAAA,GACNnH,KAAK6B,kBAAoB,IAAK7B,KAAK6B,kBAAmBG,SAAS,EACjE,CAEQkN,iBAAAA,GACNlP,KAAKsB,SAAS+E,QAAQC,QAAQ6I,eAAe1I,MAC7CzG,KAAKmH,uBACP,CAEQiI,iBAAAA,GACNpP,KAAKsB,SAAS+E,QAAQC,QAAQ+I,cAAc5I,MAC5CzG,KAAKmH,uBACP,CAEQmI,mBAAAA,GACNtP,KAAKsB,SAAS+E,QAAQC,QAAQiJ,kBAAkB9I,MAChDzG,KAAKmH,uBACP,CAEQqI,oBAAAA,GACNxP,KAAKsB,SAAS+E,QAAQC,QAAQmJ,iBAAiBhJ,MAC/CzG,KAAKmH,uBACP,CAEQuI,eAAAA,GACN1P,KAAKsB,SAAS+E,QAAQC,QAAQqJ,YAAYlJ,MAC1CzG,KAAKmH,uBACP,CAEQyI,kBAAAA,GACN5P,KAAKsB,SAAS+E,QAAQC,QAAQuJ,eAAepJ,MAC7CzG,KAAKmH,uBACP,CAEQ2I,YAAAA,GACN9P,KAAKsB,SAAS+E,QAAQC,QAAQyJ,cAActJ,MAC5CzG,KAAKmH,uBACP,CAGQe,iBAAAA,CAAkB8H,GACxBhQ,KAAKuC,cAAgB,CAAET,EAAGkO,EAAIlO,EAAGC,EAAGiO,EAAIjO,EAAGC,SAAS,GACpDhC,KAAKwC,uBAAwB,CAC/B,CAEQ2F,iBAAAA,GACNnI,KAAKuC,cAAgB,IAAKvC,KAAKuC,cAAeP,SAAS,GACvDhC,KAAKwC,uBAAwB,CAC/B,CAEQyN,oBAAAA,GACNjQ,KAAKwC,uBAAyBxC,KAAKwC,qBACrC,CAEQ0N,YAAAA,GACNlQ,KAAKsB,SAAS+E,QAAQC,QAAQ6J,WAAW,SAAS1J,MAClDzG,KAAKmI,mBACP,CAEQiI,iBAAAA,GACNpQ,KAAKwO,sBACLxO,KAAKwC,uBAAwB,CAC/B,CAEQ6N,kBAAAA,GACN,MAAMjK,EAASpG,KAAKsB,QACpB,GAAI8E,EAAQ,CACV,MAAMgB,UAAEA,GAAchB,EAAOiB,MACvB2I,EAAM5I,EAAUuD,KACtBvE,EAAOC,QAAQC,QAAQgK,iBAAiBN,GAAKvJ,MAC7C,MAAM8J,EAAMvQ,KAAKoD,YAAYC,cAAc,6CACvCkN,IACFA,EAAIC,MAAMC,QAAU,QACpBF,EAAIC,MAAME,OAAS,aAEvB,CACA1Q,KAAKwC,uBAAwB,CAC/B,CAEQmO,oBAAAA,GACN,MAAMvK,EAASpG,KAAKsB,QACpB,GAAI8E,EAAQ,CACV,MAAMgB,UAAEA,GAAchB,EAAOiB,MACvB2I,EAAM5I,EAAUuD,KACtBvE,EAAOC,QAAQC,QAAQgK,iBAAiBN,GAAKvJ,MAC7C,MAAM8J,EAAMvQ,KAAKoD,YAAYC,cAAc,6CACvCkN,IACFA,EAAIC,MAAMC,QAAU,QACpBF,EAAIC,MAAME,OAAS,SAEvB,CACA1Q,KAAKwC,uBAAwB,CAC/B,CAEQoO,mBAAAA,GACN,MAAMxK,EAASpG,KAAKsB,QACpB,GAAI8E,EAAQ,CACV,MAAMgB,UAAEA,GAAchB,EAAOiB,MACvB2I,EAAM5I,EAAUuD,KACtBvE,EAAOC,QAAQC,QAAQgK,iBAAiBN,GAAKvJ,MAC7C,MAAM8J,EAAMvQ,KAAKoD,YAAYC,cAAc,6CACvCkN,IACFA,EAAIC,MAAMC,QAAU,QACpBF,EAAIC,MAAME,OAAS,aAEvB,CACA1Q,KAAKwC,uBAAwB,CAC/B,CAEQqO,2BAAAA,GACNvN,sBAAsB,KACpB,MAAM8C,EAASpG,KAAKsB,QACpB,IAAK8E,EAAQ,OAEb,MAAMgB,UAAEA,GAAchB,EAAOiB,OACvBC,MAAEA,GAAUF,EAOlB,GAJwD,UAAtCE,EAAMC,KAAKD,EAAME,OAAOpF,KAAK6D,KAC3CqB,EAAMC,KAAKD,EAAME,OACjB,KAEW,CACb,MAAMC,EAASrB,EAAOsB,KAAKC,YAAYL,EAAMM,SACvCC,EAAc7H,KAAKoD,YAAYC,cAAc,oBAAoByE,wBACvE,GAAID,EAAa,CACf,MAAM/F,EAAI2F,EAAOM,KAAOF,EAAYE,MAAQN,EAAOO,MAAQP,EAAOM,MAAQ,EACpEhG,EAAI0F,EAAOQ,IAAMJ,EAAYI,IAAM,GACzCjI,KAAKkI,kBAAkB,CAAEpG,IAAGC,KAC9B,CACF,MACE/B,KAAKmI,qBAGX,CAEQ2I,aAAAA,GACN,MAAM1K,EAASpG,KAAKsB,QACpB,OAAK8E,EACDA,EAAOa,SAAS,UAAW,CAAEwF,MAAO,IAAe,OACnDrG,EAAOa,SAAS,UAAW,CAAEwF,MAAO,IAAe,OACnDrG,EAAOa,SAAS,UAAW,CAAEwF,MAAO,IAAe,OAChD,KAJe,IAKxB,CAEQsE,cAAAA,GACN,MAAM3K,EAASpG,KAAKsB,QACpB,OAAK8E,EACDA,EAAOa,SAAS,CAAE+J,UAAW,WAAsB,KACnD5K,EAAOa,SAAS,CAAE+J,UAAW,UAAqB,MAC/C,MAHe,IAIxB,CAEQhK,yBAAAA,GACN1D,sBAAsB,KACpB,MAAM2N,EAAajR,KAAKoD,YAAYC,cAA2B,gBACzD6N,EAAclR,KAAKoD,YAAYC,cAA2B,gBAC1DyF,EAAgB9I,KAAKoD,YAAYC,cAA2B,mBAClE,IAAK4N,IAAeC,IAAgBpI,EAAiB,OAErD,MAAM1C,EAASpG,KAAKsB,QACd6P,EAAY/K,GAAQa,SAAS,WAAY,GACzCG,UAAEA,GAAchB,GAAQiB,OAAS,CAAED,UAAW,MAGpD,GAAI+J,GAAa/J,IAAcA,EAAUgK,OAAShL,EAAQ,CACxD,MAAQuE,KAAAA,EAAAA,GAAMkB,GAAOzE,EACfE,EAAQlB,EAAOiB,MAAMkD,IAAI5J,QAAQgK,GACjC0G,EAAMjL,EAAOiB,MAAMkD,IAAI5J,QAAQkL,GAErC,IAAIyF,GAAsB,EAC1B,IAAA,IAASrC,EAAI3H,EAAME,MAAOyH,GAAK,EAAGA,IAChC,GAAgC,UAA5B3H,EAAMC,KAAK0H,GAAG7M,KAAK6D,KAAkB,CACvCqL,GAAsB,EACtB,KACF,CAGF,MAAMC,EAAejK,EAAMC,KAAKD,EAAME,OAChCgK,EAAaH,EAAI9J,KAAK8J,EAAI7J,OAIhC,GAH+B,UAA3B+J,EAAanP,KAAK6D,MAA6C,UAAzBuL,EAAWpP,KAAK6D,OACxDqL,GAAsB,GAEpBA,EAGF,OAFAL,EAAWT,MAAMiB,QAAU,SAC3BR,EAAWT,MAAMkB,WAAa,SAGlC,CAGA,GAAItK,IAAcA,EAAUgK,gBAEhBhK,GAAcA,EAAUgK,QAAUpR,KAAKyC,iBAGjD,OAFAwO,EAAWT,MAAMiB,QAAU,SAC3BR,EAAWT,MAAMkB,WAAa,UAIhC,MAAM7J,EAAciB,EAAchB,wBAC5B6J,EAAWV,EAAWnJ,yBAEtB6C,KAAEA,GAASvD,EACXK,EAASzH,KAAKsB,SAASoG,KAAKC,YAAYgD,GAC9C,IAAKlD,EAAU,OAEf,IAAIM,EAAON,EAAOM,KAAOF,EAAYE,KACjCE,EAAMR,EAAOQ,IAAMJ,EAAYI,IAAM,GAErCF,EAAO4J,EAASzH,MAAQrC,EAAYqC,QACtCnC,EAAOF,EAAYqC,MAAQyH,EAASzH,MAAQ,GAE1CnC,EAAO,IACTA,EAAO,GAGLE,EAAM,IACRA,EAAMR,EAAOsH,OAASlH,EAAYI,IAAM,GAG1CgJ,EAAWT,MAAMzI,KAAO,GAAGA,MAC3BkJ,EAAWT,MAAMvI,IAAM,GAAGA,MAC1BgJ,EAAWT,MAAMiB,QAAU,IAC3BR,EAAWT,MAAMkB,WAAa,WAElC,CAEAE,MAAAA,GACE,MAAMxL,EAASpG,KAAKsB,QAEpB,OAAOgH,EAAAA,IAAA;mCACyBlC,EAAqB,GAAZ,aAAkBpG,KAAKgD,QAAU,UAAY;UAC/EoD,EAKC,GALQkC,EAAAA,IAAA;;;;;;;;;;oBAUAtI,KAAKkO;;;;UAIdlO,KAAKgD,QAoMJ,GApMcsF,EAAAA,IAAA;;;;gCAIMlC,GAAQa,SAAS,QAAU,YAAc;qBACpDjH,KAAK8L;;;;;;gCAMM1F,GAAQa,SAAS,UAAY,YAAc;qBACtDjH,KAAKgM;;;;;;gCAMM5F,GAAQa,SAAS,aAAe,YAAc;qBACzDjH,KAAKkM;;;;;;gCAMM9F,GAAQa,SAAS,UAAY,YAAc;qBACtDjH,KAAKoM;;;;;;;;;;;gBAWVpM,KAAK8Q;;;;;8CAK0B1K,GAAQa,SAAS,WAA2B,GAAd;yBACpDjH,KAAK2M;;;;;8CAKgBvG,GAAQa,SAAS,UAAW,CAAEwF,MAAO,IAAO,YAAc;yBAC/E,IAAMzM,KAAKwM,YAAY;;;;;8CAKFpG,GAAQa,SAAS,UAAW,CAAEwF,MAAO,IAAO,YAAc;yBAC/E,IAAMzM,KAAKwM,YAAY;;;;;8CAKFpG,GAAQa,SAAS,UAAW,CAAEwF,MAAO,IAAO,YAAc;yBAC/E,IAAMzM,KAAKwM,YAAY;;;;;;;;;;;;gBAYhCxM,KAAK+Q;;;;;8CAKyB3K,GAAQa,SAAS,CAAE+J,UAAW,SAAY,YAAc;yBAC7E,IAAMhR,KAAKmN,cAAc;;;;;;8CAMJ/G,GAAQa,SAAS,CAAE+J,UAAW,WAAc,YAAc;yBAC/E,IAAMhR,KAAKmN,cAAc;;;;;;8CAMJ/G,GAAQa,SAAS,CAAE+J,UAAW,UAAa,YAAc;yBAC9E,IAAMhR,KAAKmN,cAAc;;;;;;;;;;;;gCAYlB/G,GAAQa,SAAS,QAAU,YAAc;qBACpDjH,KAAKsM;;;;;;;;gCAQMlG,GAAQa,SAAS,QAAU,YAAc;qBACpDjH,KAAKsN;;;;;;;;;qBASLtN,KAAKwO;;;;;;;;;;gCAUMpI,GAAQa,SAAS,cAAgB,YAAc;qBAC1DjH,KAAK6M;;;;;;;;;;;;;gCAaMzG,GAAQa,SAAS,eAAiB,YAAc;qBAC3DjH,KAAK+M;;;;;;;;;;;;;;;gCAeM3G,GAAQa,SAAS,cAAgB,YAAc;qBAC1DjH,KAAKiN;;;;;;;;;;qCAUWjN,KAAK4B,mBAAqB,UAAY;0BACjD,KACZ5B,KAAK4B,oBAAqB,EAC1B5B,KAAK0B,UAAY,EACjB1B,KAAK2B,UAAY;0BAEL,IAAM3B,KAAK4B,oBAAqB;;;;;;;kBAOxC5B,KAAK6R;;;wBAGC7R,KAAK0B,UAAY,EAAI,GAAG1B,KAAK0B,eAAe1B,KAAK2B,YAAc,GAAG3B,KAAKwB,gBAAgBxB,KAAKyB;;;;;;;;;;UAU1GzB,KAAK6B,kBAAkBG,SAAWoE,GAAQa,SAAS,SACjDqB,EAAAA,IAAA;;;2BAGetI,KAAK6B,kBAAkBC,aAAa9B,KAAK6B,kBAAkBE;yBAC5Df,GAAaA,EAAE8Q;;cAEQ,IAAnC9R,KAAK6B,kBAAkBI,QAAgBqG,EAAAA,IAAA;4EACuBtI,KAAKkP;;;4EAGLlP,KAAKoP;;;iFAGApP,KAAK0P;;;cAGtE;cACiC,IAAnC1P,KAAK6B,kBAAkBK,QAAgBoG,EAAAA,IAAA;gBACF,IAAnCtI,KAAK6B,kBAAkBI,QAAgBqG,EAAAA,iFAAmF;4EAC9DtI,KAAKsP;;;4EAGLtP,KAAKwP;;;iFAGAxP,KAAK4P;;;cAGtE;cACiC,IAAnC5P,KAAK6B,kBAAkBI,SAAoD,IAAnCjC,KAAK6B,kBAAkBK,QAAgBoG,EAAAA,IAAA;;kFAEXtI,KAAK8P;;;cAGvE;;YAGJ;;;UAGF9P,KAAKuC,cAAcP,QACjBsG,EAAAA,IAAA;;;2BAGetI,KAAKuC,cAAcT,aAAa9B,KAAKuC,cAAcR;yBACpDf,GAAaA,EAAE8Q;;2EAEkC9R,KAAKkQ;;;oEAGZlQ,KAAKoQ;;;;;oEAKLpQ,KAAKiQ;;;gBAGzDjQ,KAAKwC,sBACH8F,EAAAA,IAAA;;gEAE8CtI,KAAKqQ;;;;gEAILrQ,KAAK2Q;;;;gEAIL3Q,KAAK4Q;;;;;kBAMnD;;;YAIN;;KAGV,CAEQiB,gBAAAA,GACN,MAAM1H,EAAQ,GACd,IAAA,IAASL,EAAI,EAAGA,EAAI,IAAKA,IAAK,CAC5B,MAAMiI,EAAMtH,KAAKuH,MAAMlI,EAAI,IAAM,EAC3BmI,EAAOnI,EAAI,GAAM,EACjBoI,EAAclS,KAAK0B,UAAY,GAAKqQ,GAAO/R,KAAK0B,WAAauQ,GAAOjS,KAAK2B,UAC/EwI,EAAMgI,KAAK7J,EAAAA,IAAA;;8BAEa4J,EAAc,WAAa;mBACtC,KACPlS,KAAK0O,oBAAoBqD,EAAKE,GAC9BjS,KAAK4B,oBAAqB;wBAEd,KACZ5B,KAAK0B,UAAYqQ,EACjB/R,KAAK2B,UAAYsQ;wBAEL,KACZjS,KAAK0B,UAAY,EACjB1B,KAAK2B,UAAY;;QAIzB,CACA,OAAOwI,CACT,GAjuDWxK,QAAAA,oBACJyS,OAASC,EAAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2oBhBC,EAAA,CADCC,EAAAA,SAAS,CAAEnQ,KAAMS,OAAQ2P,UAAW,aA3oB1B7S,QAAAA,oBA4oBX8S,UAAA,UAAA,GAGAH,EAAA,CADCC,EAAAA,SAAS,CAAEnQ,KAAMS,OAAQ2P,UAAW,iBA9oB1B7S,QAAAA,oBA+oBX8S,UAAA,aAAA,GAGAH,EAAA,CADCC,EAAAA,SAAS,CAAEnQ,KAAMS,OAAQ2P,UAAW,eAjpB1B7S,QAAAA,oBAkpBX8S,UAAA,eAAA,GAGAH,EAAA,CADCC,EAAAA,SAAS,CAAEnQ,KAAMS,OAAQ2P,UAAW,eAppB1B7S,QAAAA,oBAqpBX8S,UAAA,eAAA,GAGAH,EAAA,CADCC,EAAAA,SAAS,CAAEnQ,KAAMS,OAAQ2P,UAAW,cAvpB1B7S,QAAAA,oBAwpBX8S,UAAA,eAAA,GAGAH,EAAA,CADCC,EAAAA,SAAS,CAAEnQ,KAAMS,OAAQ2P,UAAW,aA1pB1B7S,QAAAA,oBA2pBX8S,UAAA,cAAA,GAGAH,EAAA,CADCC,EAAAA,SAAS,CAAEnQ,KAAMS,OAAQ2P,UAAW,aA7pB1B7S,QAAAA,oBA8pBX8S,UAAA,aAAA,GA2CAH,EAAA,CADCC,EAAAA,SAAS,CAAEnQ,KAAMsQ,OAAQF,UAAW,kBAxsB1B7S,QAAAA,oBAysBX8S,UAAA,cAAA,GAUiBH,EAAA,CAAhBjL,EAAAA,SAntBU1H,QAAAA,oBAmtBM8S,UAAA,kBAAA,GAGAH,EAAA,CAAhBjL,EAAAA,SAttBU1H,QAAAA,oBAstBM8S,UAAA,YAAA,GACAH,EAAA,CAAhBjL,EAAAA,SAvtBU1H,QAAAA,oBAutBM8S,UAAA,YAAA,GACAH,EAAA,CAAhBjL,EAAAA,SAxtBU1H,QAAAA,oBAwtBM8S,UAAA,qBAAA,GACAH,EAAA,CAAhBjL,EAAAA,SAztBU1H,QAAAA,oBAytBM8S,UAAA,oBAAA,GACAH,EAAA,CAAhBjL,EAAAA,SA1tBU1H,QAAAA,oBA0tBM8S,UAAA,kBAAA,GACAH,EAAA,CAAhBjL,EAAAA,SA3tBU1H,QAAAA,oBA2tBM8S,UAAA,gBAAA,GACAH,EAAA,CAAhBjL,EAAAA,SA5tBU1H,QAAAA,oBA4tBM8S,UAAA,wBAAA,GACAH,EAAA,CAAhBjL,EAAAA,SA7tBU1H,QAAAA,oBA6tBM8S,UAAA,mBAAA,GA7tBN9S,QAAAA,oBAAN2S,EAAA,CADNK,EAAAA,kBAAkB,0BACNhT,QAAAA,sCAouDN,WAAqB"}
1	+ {"version":3,"file":"blocksuite-editor.cjs","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 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._initEditor()\n }\n\n updated(changed: Map<string, unknown>) {\n if (this._editor) {\n if (changed.has('content') \|\| (changed.has('modelValue') && this.useModel)) {\n const newContent = this.useModel ? this.modelValue : this.content\n if (newContent !== this._editor.getHTML()) {\n this._editor.commands.setContent(newContent \|\| '<p></p>')\n }\n }\n if (changed.has('readonly')) {\n this._editor.setEditable(!this.readonly)\n }\n return\n }\n\n // 编辑器未初始化时，只保存待处理内容，不重复初始化\n if (changed.has('content')) {\n this._pendingContent = this.content\n }\n\n if (changed.has('modelValue') && this.useModel) {\n this._pendingContent = this.modelValue\n }\n\n // 只有在 firstUpdated 时才会初始化编辑器\n // 这里不再重复调用 _initEditor()\n }\n\n disconnectedCallback() {\n super.disconnectedCallback()\n this._editor?.destroy()\n this._editor = null\n }\n\n getContent(): string {\n return this._editor?.getHTML() ?? ''\n }\n\n forceUpdate(): void {\n this.requestUpdate()\n if (this._editor) {\n const newContent = this.useModel ? this.modelValue : this.content\n if (newContent !== this._editor.getHTML()) {\n this._editor.commands.setContent(newContent \|\| '<p></p>')\n }\n }\n }\n\n forceSync(): void {\n this.forceUpdate()\n }\n\n private _applyFormat(command: () => void) {\n if (this._hasSlashCommand && this._editor) {\n const { selection } = this._editor.state\n this._editor.chain().focus().deleteRange({ from: selection.from - 1, to: selection.from }).run()\n this._hasSlashCommand = false\n }\n command()\n }\n\n private _toggleBold() {\n this._applyFormat(() => this._editor?.chain().focus().toggleBold().run())\n }\n\n private _toggleItalic() {\n this._applyFormat(() => this._editor?.chain().focus().toggleItalic().run())\n }\n\n private _toggleUnderline() {\n this._applyFormat(() => this._editor?.chain().focus().toggleUnderline().run())\n }\n\n private _toggleStrike() {\n this._applyFormat(() => this._editor?.chain().focus().toggleStrike().run())\n }\n\n private _toggleCode() {\n this._applyFormat(() => this._editor?.chain().focus().toggleCode().run())\n }\n\n private _setHeading(level: number) {\n this._applyFormat(() => this._editor?.chain().focus().toggleHeading({ level: level as 1 \| 2 \| 3 \| 4 \| 5 \| 6 }).run())\n }\n\n private _setParagraph() {\n this._applyFormat(() => this._editor?.chain().focus().setParagraph().run())\n }\n\n private _toggleBulletList() {\n this._applyFormat(() => this._editor?.chain().focus().toggleBulletList().run())\n }\n\n private _toggleOrderedList() {\n this._applyFormat(() => this._editor?.chain().focus().toggleOrderedList().run())\n }\n\n private _toggleBlockquote() {\n this._applyFormat(() => this._editor?.chain().focus().toggleBlockquote().run())\n }\n\n private _setTextAlign(align: string) {\n this._applyFormat(() => this._editor?.chain().focus().setTextAlign(align as any).run())\n }\n\n private _setLink() {\n // eslint-disable-next-line no-alert\n const url = window.prompt('请输入链接地址：')\n if (url) {\n this._applyFormat(() => this._editor?.chain().focus().setLink({ href: url }).run())\n }\n }\n\n private _unsetLink() {\n this._applyFormat(() => this._editor?.chain().focus().unsetLink().run())\n }\n\n private _insertTable(rows?: number, cols?: number) {\n this._editor?.chain().focus().insertTable({ rows: rows ?? this._tableRows, cols: cols ?? this._tableCols, withHeaderRow: true }).run()\n }\n\n private async _handleImageUpload(e: Event) {\n const input = e.target as HTMLInputElement\n const file = input.files?.[0]\n if (file) {\n try {\n const src = await this.uploadImage(file)\n this._editor?.chain().focus().setImage({ src }).run()\n }\n catch (err) {\n console.error('图片上传失败:', err)\n }\n }\n input.value = ''\n }\n\n private _triggerImageUpload() {\n const input = this.shadowRoot?.querySelector<HTMLInputElement>('.image-input')\n input?.click()\n }\n\n private _insertTableByClick(rows: number, cols: number) {\n if (this._hasSlashCommand && this._editor) {\n const { selection } = this._editor.state\n this._editor.chain().focus().deleteRange({ from: selection.from - 1, to: selection.from }).run()\n this._hasSlashCommand = false\n }\n this._tableRows = rows\n this._tableCols = cols\n this._insertTable(rows, cols)\n }\n\n private _insertHorizontalRule() {\n this._editor?.chain().focus().setHorizontalRule().run()\n }\n\n private _showTableCellToolbar() {\n if (!this._editor?.isActive('table')) return\n const { state } = this._editor\n const { selection } = state\n const coords = this._editor.view.coordsAtPos(selection.from)\n const editorWrapper = this.shadowRoot?.querySelector<HTMLElement>('.editor-wrapper')\n if (!editorWrapper) return\n const wrapperRect = editorWrapper.getBoundingClientRect()\n\n const cellRow = this._getTableCellRow()\n const cellCol = this._getTableCellCol()\n const isTopRow = cellRow === 0\n const isLeftCol = cellCol === 0\n\n // Only show toolbar on top row or left column\n if (!isTopRow && !isLeftCol) return\n\n this._tableCellToolbar = {\n x: coords.left - wrapperRect.left,\n y: coords.bottom - wrapperRect.top + 8,\n visible: true,\n cellRow,\n cellCol,\n }\n }\n\n private _getTableCellRow(): number {\n if (!this._editor) return 0\n const { selection } = this._editor.state\n const $pos = this._editor.state.doc.resolve(selection.from)\n for (let d = $pos.depth; d > 0; d--) {\n const node = $pos.node(d)\n if (node.type.name === 'tableCell') {\n return $pos.index(d - 1)\n }\n }\n return 0\n }\n\n private _getTableCellCol(): number {\n if (!this._editor) return 0\n const { selection } = this._editor.state\n const $pos = this._editor.state.doc.resolve(selection.from)\n for (let d = $pos.depth; d > 0; d--) {\n const node = $pos.node(d)\n if (node.type.name === 'tableCell') {\n return $pos.index(d)\n }\n }\n return 0\n }\n\n private _hideTableCellToolbar() {\n this._tableCellToolbar = { ...this._tableCellToolbar, visible: false }\n }\n\n private _addTableRowAbove() {\n this._editor?.chain().focus().addRowBefore().run()\n this._hideTableCellToolbar()\n }\n\n private _addTableRowBelow() {\n this._editor?.chain().focus().addRowAfter().run()\n this._hideTableCellToolbar()\n }\n\n private _addTableColumnLeft() {\n this._editor?.chain().focus().addColumnBefore().run()\n this._hideTableCellToolbar()\n }\n\n private _addTableColumnRight() {\n this._editor?.chain().focus().addColumnAfter().run()\n this._hideTableCellToolbar()\n }\n\n private _deleteTableRow() {\n this._editor?.chain().focus().deleteRow().run()\n this._hideTableCellToolbar()\n }\n\n private _deleteTableColumn() {\n this._editor?.chain().focus().deleteColumn().run()\n this._hideTableCellToolbar()\n }\n\n private _deleteTable() {\n this._editor?.chain().focus().deleteTable().run()\n this._hideTableCellToolbar()\n }\n\n // Image Toolbar Methods\n private _showImageToolbar(pos: { x: number, y: number }) {\n this._imageToolbar = { x: pos.x, y: pos.y, visible: true }\n this._imageMoreMenuVisible = false\n }\n\n private _hideImageToolbar() {\n this._imageToolbar = { ...this._imageToolbar, visible: false }\n this._imageMoreMenuVisible = false\n }\n\n private _toggleImageMoreMenu() {\n this._imageMoreMenuVisible = !this._imageMoreMenuVisible\n }\n\n private _deleteImage() {\n this._editor?.chain().focus().deleteNode('image').run()\n this._hideImageToolbar()\n }\n\n private _insertImageAfter() {\n this._triggerImageUpload()\n this._imageMoreMenuVisible = false\n }\n\n private _setImageAlignLeft() {\n const editor = this._editor\n if (editor) {\n const { selection } = editor.state\n const pos = selection.from\n editor.chain().focus().setNodeSelection(pos).run()\n const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n if (img) {\n img.style.display = 'block'\n img.style.margin = '0 auto 0 0'\n }\n }\n this._imageMoreMenuVisible = false\n }\n\n private _setImageAlignCenter() {\n const editor = this._editor\n if (editor) {\n const { selection } = editor.state\n const pos = selection.from\n editor.chain().focus().setNodeSelection(pos).run()\n const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n if (img) {\n img.style.display = 'block'\n img.style.margin = '0 auto'\n }\n }\n this._imageMoreMenuVisible = false\n }\n\n private _setImageAlignRight() {\n const editor = this._editor\n if (editor) {\n const { selection } = editor.state\n const pos = selection.from\n editor.chain().focus().setNodeSelection(pos).run()\n const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n if (img) {\n img.style.display = 'block'\n img.style.margin = '0 0 0 auto'\n }\n }\n this._imageMoreMenuVisible = false\n }\n\n private _updateImageToolbarPosition() {\n requestAnimationFrame(() => {\n const editor = this._editor\n if (!editor) return\n\n const { selection } = editor.state\n const { $from } = selection\n\n // Find if we're inside an image node\n const imageNode = $from.node($from.depth).type.name === 'image'\n ? $from.node($from.depth)\n : null\n\n if (imageNode) {\n const coords = editor.view.coordsAtPos($from.start())\n const wrapperRect = this.shadowRoot?.querySelector('.editor-wrapper')?.getBoundingClientRect()\n if (wrapperRect) {\n const x = coords.left - wrapperRect.left + (coords.right - coords.left) / 2\n const y = coords.top - wrapperRect.top - 40\n this._showImageToolbar({ x, y })\n }\n } else {\n this._hideImageToolbar()\n }\n })\n }\n\n private _getTextLabel(): string {\n const editor = this._editor\n if (!editor) { return '正文' }\n if (editor.isActive('heading', { level: 1 })) { return '标题 1' }\n if (editor.isActive('heading', { level: 2 })) { return '标题 2' }\n if (editor.isActive('heading', { level: 3 })) { return '标题 3' }\n return '正文'\n }\n\n private _getAlignLabel(): string {\n const editor = this._editor\n if (!editor) { return '对齐' }\n if (editor.isActive({ textAlign: 'center' })) { return '居中' }\n if (editor.isActive({ textAlign: 'right' })) { return '右对齐' }\n return '左对齐'\n }\n\n private _updateBubbleMenuPosition() {\n requestAnimationFrame(() => {\n const bubbleMenu = this.shadowRoot?.querySelector<HTMLElement>('.bubble-menu')\n const proseMirror = this.shadowRoot?.querySelector<HTMLElement>('.ProseMirror')\n const editorWrapper = this.shadowRoot?.querySelector<HTMLElement>('.editor-wrapper')\n if (!bubbleMenu \|\| !proseMirror \|\| !editorWrapper) { return }\n\n const editor = this._editor\n const isInTable = editor?.isActive('table') ?? false\n const { selection } = editor?.state ?? { selection: null }\n\n // 如果选中了表格节点（而不只是单元格内的文字），隐藏菜单\n if (isInTable && selection && !selection.empty && editor) {\n const { from, to } = selection\n const $from = editor.state.doc.resolve(from)\n const $to = editor.state.doc.resolve(to)\n // 检查选区起点和终点之间是否有表格节点\n let hasTableInSelection = false\n for (let d = $from.depth; d >= 0; d--) {\n if ($from.node(d).type.name === 'table') {\n hasTableInSelection = true\n break\n }\n }\n // 如果选区起点在表格外但终点在表格内，或者选区跨越了表格\n const fromAncestor = $from.node($from.depth)\n const toAncestor = $to.node($to.depth)\n if (fromAncestor.type.name === 'table' \|\| toAncestor.type.name === 'table') {\n hasTableInSelection = true\n }\n if (hasTableInSelection) {\n bubbleMenu.style.opacity = '0'\n bubbleMenu.style.visibility = 'hidden'\n return\n }\n }\n\n // 如果有选中文字，显示菜单\n if (selection && !selection.empty) {\n // continue to show menu\n } else if (!selection \|\| (selection.empty && !this._hasSlashCommand)) {\n bubbleMenu.style.opacity = '0'\n bubbleMenu.style.visibility = 'hidden'\n return\n }\n\n const wrapperRect = editorWrapper.getBoundingClientRect()\n const menuRect = bubbleMenu.getBoundingClientRect()\n\n const { from } = selection!\n const coords = this._editor?.view.coordsAtPos(from)\n if (!coords) { return }\n\n let left = coords.left - wrapperRect.left\n let top = coords.top - wrapperRect.top - 40\n\n if (left + menuRect.width > wrapperRect.width) {\n left = wrapperRect.width - menuRect.width - 8\n }\n if (left < 0) {\n left = 8\n }\n\n if (top < 0) {\n top = coords.bottom - wrapperRect.top + 8\n }\n\n bubbleMenu.style.left = `${left}px`\n bubbleMenu.style.top = `${top}px`\n bubbleMenu.style.opacity = '1'\n bubbleMenu.style.visibility = 'visible'\n })\n }\n\n render() {\n const editor = this._editor\n\n return html`\n <div class=\"editor-wrapper ${!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","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","useModel","hasAttribute","value","String","autoSync","readonly","preview","isEdit","_initEditor","el","shadowRoot","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","styles","css","__decorateClass","property","attribute","prototype","Object","safeCustomElement"],"mappings":"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"}

package/lib/subject/action.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var e=require("lit"),t=require("../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),o=require("../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),r=Object.defineProperty,i=Object.getOwnPropertyDescriptor,n=(e,t,o,n)=>{for(var s,a=n>1?void 0:n?i(t,o):t,l=e.length-1;l>=0;l--)(s=e[l])&&(a=(n?s(t,o,a):s(a))||a);return n&&a&&r(t,o,a),a};const s=[{value:2,label:"必须全部都是支持选项，方可下一步"},{value:1,label:"无需判断是否是支持选项"},{value:3,label:"包含全部支持选项，即可下一步"}];var a;e.html`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>`,e.html`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><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>`,e.html`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`,e.html`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"/></svg>`,exports.QxsSubjectAction=class extends e.LitElement{constructor(){super(...arguments),this.isEdit=!1,this.isSet=!1,this.isKey=!1,this.answerCheckType=1,this.showOtherOption=!1,this.showRichText=!0,this.hideAddRichText=!1,this.pageEnd=!1,this.examAnswerRelationType=0,this._modalOpen=!1,this._currentCheckType=1}updated(e){e.has("answerCheckType")&&(this._currentCheckType=this.answerCheckType)}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t??null}))}get _answerText(){return s.find(e=>e.value===this.answerCheckType)?.label??""}_renderEditMode(){return e.html`
+"use strict";var e=require("lit"),t=require("../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),o=require("../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),r=Object.defineProperty,i=Object.getOwnPropertyDescriptor,n=(e,t,o,n)=>{for(var s,a=n>1?void 0:n?i(t,o):t,c=e.length-1;c>=0;c--)(s=e[c])&&(a=(n?s(t,o,a):s(a))||a);return n&&a&&r(t,o,a),a};const s=[{value:2,label:"必须全部都是支持选项，方可下一步"},{value:1,label:"无需判断是否是支持选项"},{value:3,label:"包含全部支持选项，即可下一步"}];var a;exports.QxsSubjectAction=class extends e.LitElement{constructor(){super(...arguments),this.isEdit=!1,this.isSet=!1,this.isKey=!1,this.answerCheckType=1,this.showOtherOption=!1,this.showRichText=!0,this.hideAddRichText=!1,this.pageEnd=!1,this.examAnswerRelationType=0,this._modalOpen=!1,this._currentCheckType=1}updated(e){e.has("answerCheckType")&&(this._currentCheckType=this.answerCheckType)}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t??null}))}get _answerText(){return s.find(e=>e.value===this.answerCheckType)?.label??""}_renderEditMode(){return e.html`
       <div class="left">
         ${this.hideAddRichText?"":e.html`
           <span class="link-btn" @click=${()=>this._emit("on-show-rich-text")}>+添加题目描述（图文）</span>
@@ -25,10 +25,10 @@
         `:""}
       </div>
       <div class="right">
+        <button class="text-btn text-btn--danger btn-margin" @click=${()=>this._emit("delete")}>删除</button>
         ${this.pageEnd?"":e.html`
-          <button class="text-btn text-btn--default btn-margin" @click=${()=>this._emit("edit")}>编辑</button>
+          <button class="text-btn text-btn--default" @click=${()=>this._emit("edit")}>编辑</button>
         `}
-        <button class="text-btn text-btn--danger" @click=${()=>this._emit("delete")}>删除</button>
       </div>
     `}_renderModal(){return this._modalOpen?e.html`
       <div class="modal-backdrop" @click=${()=>{this._modalOpen=!1}}>

package/lib/subject/action.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"action.cjs","sources":["../../../../packages/components-wc/src/subject/action.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\n\nfunction safeCustomElement(tagName: string) {\n return function (target: any) {\n if (!customElements.get(tagName)) {\n customElements.define(tagName, target)\n }\n return target\n }\n}\n\nconst answerTextList = [\n { value: 2, label: '必须全部都是支持选项，方可下一步' },\n { value: 1, label: '无需判断是否是支持选项' },\n { value: 3, label: '包含全部支持选项，即可下一步' },\n]\n\nconst iconEdit = html`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"/></svg>`\nconst iconDelete = html`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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>`\nconst iconCheck = html`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>`\nconst iconSort = html`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z\"/></svg>`\n\n@safeCustomElement('qxs-subject-action')\nexport class QxsSubjectAction extends LitElement {\n static styles = css`\n :host { display: block; font-family: system-ui, -apple-system, \"PingFang SC\", \"Microsoft YaHei\", sans-serif; font-size: 12px; }\n , ::before, ::after { box-sizing: border-box; }\n\n .action { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; flex-wrap: wrap; gap: 8px; }\n .action.active { background: transparent; }\n .left { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n .right { display: flex; align-items: center; gap: 4px; }\n\n .action-icon {\n display: inline-flex; align-items: center; justify-content: center;\n width: 32px; height: 32px; font-size: 18px; color: #303133;\n cursor: pointer; border-radius: 6px; border: 1px solid #dcdfe6;\n background: #fff; transition: all 0.2s;\n }\n .action-icon:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n .action-icon--danger:hover { color: #f56c6c; border-color: #f56c6c; background: #fef0f0; }\n .action-icon:disabled { color: #c0c4cc; cursor: not-allowed; opacity: 0.6; }\n\n .text-btn {\n display: inline-flex; align-items: center; gap: 4px;\n padding: 6px 12px; font-size: 12px; border-radius: 3px;\n cursor: pointer; border: 1px solid; transition: all 0.2s;\n }\n .text-btn--primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }\n .text-btn--primary:hover { background: #2D4CB8; border-color: #2D4CB8; }\n .text-btn--default { background: #fff; border-color: #dcdfe6; color: #606266; }\n .text-btn--default:hover { color: #3D61E3; border-color: #a0cfff; }\n .text-btn--danger { background: #f56c6c; border-color: #f56c6c; color: #fff; }\n .text-btn--danger:hover { background: #e05252; border-color: #e05252; }\n\n .link-btn { background: none; border: none; color: #3D61E3; cursor: pointer; font-size: 12px; }\n .link-btn:hover { color: #2D4CB8; }\n\n .checkbox-label { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; color: #606266; user-select: none; font-size: 12px; }\n .checkbox-label.disabled { cursor: not-allowed; opacity: 0.6; }\n .has-set { display: flex; align-items: center; font-size: 12px; color: #bbb; }\n .answer-text { font-size: 11px; color: #909399; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n\n .btn-margin { margin-right: 10px; }\n\n .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 2000; display: flex; align-items: center; justify-content: center; }\n .modal { background: #fff; border-radius: 4px; min-width: 360px; max-width: 460px; box-shadow: 0 12px 32px rgba(0,0,0,.1); }\n .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px 12px; border-bottom: 1px solid #e4e7ed; }\n .modal-title { font-size: 14px; font-weight: 600; color: #303133; }\n .modal-close { background: none; border: none; font-size: 16px; cursor: pointer; color: #909399; padding: 0; line-height: 1; }\n .modal-close:hover { color: #3D61E3; }\n .modal-body { padding: 20px; }\n .modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid #e4e7ed; }\n .modal-footer button { padding: 6px 16px; font-size: 12px; border-radius: 3px; cursor: pointer; border: 1px solid #dcdfe6; background: #fff; color: #606266; }\n .modal-footer button:hover { color: #3D61E3; border-color: #a0cfff; }\n .modal-footer button.primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }\n .modal-footer button.primary:hover { background: #2D4CB8; border-color: #2D4CB8; }\n\n .radio-item { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; cursor: pointer; font-size: 13px; color: #606266; }\n .radio-item:last-child { margin-bottom: 0; }\n `\n\n @property({ type: Boolean, attribute: 'is-edit' }) isEdit = false\n @property({ type: Boolean, attribute: 'is-set' }) isSet = false\n @property({ type: Boolean, attribute: 'is-key' }) isKey = false\n @property({ type: Number, attribute: 'answer-check-type' }) answerCheckType = 1\n @property({ type: Boolean, attribute: 'show-other-option' }) showOtherOption = false\n @property({ type: Boolean, attribute: 'show-rich-text' }) showRichText = true\n @property({ type: Boolean, attribute: 'hide-add-rich-text' }) hideAddRichText = false\n @property({ type: Boolean, attribute: 'page-end' }) pageEnd = false\n @property({ type: Number, attribute: 'exam-answer-relation-type' }) examAnswerRelationType = 0\n\n @state() private _modalOpen = false\n @state() private _currentCheckType = 1\n\n updated(changed: Map<string, unknown>) {\n if (changed.has('answerCheckType')) {\n this._currentCheckType = this.answerCheckType\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 get _answerText() {\n return answerTextList.find(i => i.value === this.answerCheckType)?.label ?? ''\n }\n\n private _renderEditMode() {\n return html`\n <div class=\"left\">\n ${!this.hideAddRichText\n ? html`\n <span class=\"link-btn\" @click=${() => this._emit('on-show-rich-text')}>+添加题目描述（图文）</span>\n `\n : ''}\n ${this.showOtherOption\n ? html`\n <span class=\"link-btn\" @click=${() => { this._modalOpen = true }}>答题设置</span>\n <label class=\"checkbox-label\">\n <input type=\"checkbox\" .checked=${this.isKey} @change=${(e: Event) => this._emit('set-key', { value: (e.target as HTMLInputElement).checked })} />\n 核心题\n </label>\n `\n : ''}\n </div>\n <div class=\"right\">\n <button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>\n <button class=\"text-btn text-btn--primary\" @click=${() => this._emit('save')}>完成编辑</button>\n </div>\n `\n }\n\n private _renderViewMode() {\n return html`\n <div class=\"left\">\n ${this.showOtherOption\n ? html`\n <label class=\"checkbox-label disabled\">\n <input type=\"checkbox\" disabled .checked=${this.isKey} /> 核心题\n </label>\n <span class=\"answer-text\">${this._answerText}</span>\n `\n : ''}\n </div>\n <div class=\"right\">\n ${!this.pageEnd\n ? html`\n <button class=\"text-btn text-btn--default btn-margin\" @click=${() => this._emit('edit')}>编辑</button>\n `\n : ''}\n <button class=\"text-btn text-btn--danger\" @click=${() => this._emit('delete')}>删除</button>\n </div>\n `\n }\n\n private _renderModal() {\n if (!this._modalOpen) { return '' }\n return html`\n <div class=\"modal-backdrop\" @click=${() => { this._modalOpen = false }}>\n <div class=\"modal\" @click=${(e: Event) => e.stopPropagation()}>\n <div class=\"modal-header\">\n <span class=\"modal-title\">答题设置</span>\n <button class=\"modal-close\" @click=${() => { this._modalOpen = false }}>✕</button>\n </div>\n <div class=\"modal-body\">\n ${answerTextList.map(item => html`\n <label class=\"radio-item\">\n <input type=\"radio\" name=\"answer-check-type\" .value=${String(item.value)}\n .checked=${this._currentCheckType === item.value}\n @change=${() => { this._currentCheckType = item.value }} />\n ${item.label}\n </label>\n `)}\n </div>\n <div class=\"modal-footer\">\n <button @click=${() => { this._modalOpen = false }}>取消</button>\n <button class=\"primary\" @click=${() => {\n this._emit('set-answer-setting', { value: this._currentCheckType })\n this._modalOpen = false\n }}>保存</button>\n </div>\n </div>\n </div>\n `\n }\n\n render() {\n return html`\n <div class=\"action ${this.isEdit ? 'active' : ''}\">\n ${this.isSet\n ? html`<div class=\"has-set\">此题设置了跳题逻辑</div>`\n : (this.isEdit ? this._renderEditMode() : this._renderViewMode())\n }\n </div>\n ${this._renderModal()}\n `\n }\n}\n\nexport function register() {}\n"],"names":["answerTextList","value","label","tagName","html","QxsSubjectAction","LitElement","constructor","super","arguments","this","isEdit","isSet","isKey","answerCheckType","showOtherOption","showRichText","hideAddRichText","pageEnd","examAnswerRelationType","_modalOpen","_currentCheckType","updated","changed","has","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_answerText","find","i","_renderEditMode","e","target","checked","_renderViewMode","_renderModal","stopPropagation","map","item","String","render","styles","css","__decorateClass","property","type","Boolean","attribute","prototype","Number","state","customElements","get","define"],"mappings":"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"}
1	+ {"version":3,"file":"action.cjs","sources":["../../../../packages/components-wc/src/subject/action.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\n\nfunction safeCustomElement(tagName: string) {\n return function (target: any) {\n if (!customElements.get(tagName)) {\n customElements.define(tagName, target)\n }\n return target\n }\n}\n\nconst answerTextList = [\n { value: 2, label: '必须全部都是支持选项，方可下一步' },\n { value: 1, label: '无需判断是否是支持选项' },\n { value: 3, label: '包含全部支持选项，即可下一步' },\n]\n\n@safeCustomElement('qxs-subject-action')\nexport class QxsSubjectAction extends LitElement {\n static styles = css`\n :host { display: block; font-family: system-ui, -apple-system, \"PingFang SC\", \"Microsoft YaHei\", sans-serif; font-size: 12px; }\n , ::before, ::after { box-sizing: border-box; }\n\n .action { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; flex-wrap: wrap; gap: 8px; }\n .action.active { background: transparent; }\n .left { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n .right { display: flex; align-items: center; gap: 4px; }\n\n .action-icon {\n display: inline-flex; align-items: center; justify-content: center;\n width: 32px; height: 32px; font-size: 18px; color: #303133;\n cursor: pointer; border-radius: 6px; border: 1px solid #dcdfe6;\n background: #fff; transition: all 0.2s;\n }\n .action-icon:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n .action-icon--danger:hover { color: #f56c6c; border-color: #f56c6c; background: #fef0f0; }\n .action-icon:disabled { color: #c0c4cc; cursor: not-allowed; opacity: 0.6; }\n\n .text-btn {\n display: inline-flex; align-items: center; gap: 4px;\n padding: 6px 12px; font-size: 12px; border-radius: 3px;\n cursor: pointer; border: 1px solid; transition: all 0.2s;\n }\n .text-btn--primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }\n .text-btn--primary:hover { background: #2D4CB8; border-color: #2D4CB8; }\n .text-btn--default { background: #fff; border-color: #dcdfe6; color: #606266; }\n .text-btn--default:hover { color: #3D61E3; border-color: #a0cfff; }\n .text-btn--danger { background: #f56c6c; border-color: #f56c6c; color: #fff; }\n .text-btn--danger:hover { background: #e05252; border-color: #e05252; }\n\n .link-btn { background: none; border: none; color: #3D61E3; cursor: pointer; font-size: 12px; }\n .link-btn:hover { color: #2D4CB8; }\n\n .checkbox-label { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; color: #606266; user-select: none; font-size: 12px; }\n .checkbox-label.disabled { cursor: not-allowed; opacity: 0.6; }\n .has-set { display: flex; align-items: center; font-size: 12px; color: #bbb; }\n .answer-text { font-size: 11px; color: #909399; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n\n .btn-margin { margin-right: 10px; }\n\n .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 2000; display: flex; align-items: center; justify-content: center; }\n .modal { background: #fff; border-radius: 4px; min-width: 360px; max-width: 460px; box-shadow: 0 12px 32px rgba(0,0,0,.1); }\n .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px 12px; border-bottom: 1px solid #e4e7ed; }\n .modal-title { font-size: 14px; font-weight: 600; color: #303133; }\n .modal-close { background: none; border: none; font-size: 16px; cursor: pointer; color: #909399; padding: 0; line-height: 1; }\n .modal-close:hover { color: #3D61E3; }\n .modal-body { padding: 20px; }\n .modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid #e4e7ed; }\n .modal-footer button { padding: 6px 16px; font-size: 12px; border-radius: 3px; cursor: pointer; border: 1px solid #dcdfe6; background: #fff; color: #606266; }\n .modal-footer button:hover { color: #3D61E3; border-color: #a0cfff; }\n .modal-footer button.primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }\n .modal-footer button.primary:hover { background: #2D4CB8; border-color: #2D4CB8; }\n\n .radio-item { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; cursor: pointer; font-size: 13px; color: #606266; }\n .radio-item:last-child { margin-bottom: 0; }\n `\n\n @property({ type: Boolean, attribute: 'is-edit' }) isEdit = false\n @property({ type: Boolean, attribute: 'is-set' }) isSet = false\n @property({ type: Boolean, attribute: 'is-key' }) isKey = false\n @property({ type: Number, attribute: 'answer-check-type' }) answerCheckType = 1\n @property({ type: Boolean, attribute: 'show-other-option' }) showOtherOption = false\n @property({ type: Boolean, attribute: 'show-rich-text' }) showRichText = true\n @property({ type: Boolean, attribute: 'hide-add-rich-text' }) hideAddRichText = false\n @property({ type: Boolean, attribute: 'page-end' }) pageEnd = false\n @property({ type: Number, attribute: 'exam-answer-relation-type' }) examAnswerRelationType = 0\n\n @state() private _modalOpen = false\n @state() private _currentCheckType = 1\n\n updated(changed: Map<string, unknown>) {\n if (changed.has('answerCheckType')) {\n this._currentCheckType = this.answerCheckType\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 get _answerText() {\n return answerTextList.find(i => i.value === this.answerCheckType)?.label ?? ''\n }\n\n private _renderEditMode() {\n return html`\n <div class=\"left\">\n ${!this.hideAddRichText\n ? html`\n <span class=\"link-btn\" @click=${() => this._emit('on-show-rich-text')}>+添加题目描述（图文）</span>\n `\n : ''}\n ${this.showOtherOption\n ? html`\n <span class=\"link-btn\" @click=${() => { this._modalOpen = true }}>答题设置</span>\n <label class=\"checkbox-label\">\n <input type=\"checkbox\" .checked=${this.isKey} @change=${(e: Event) => this._emit('set-key', { value: (e.target as HTMLInputElement).checked })} />\n 核心题\n </label>\n `\n : ''}\n </div>\n <div class=\"right\">\n <button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>\n <button class=\"text-btn text-btn--primary\" @click=${() => this._emit('save')}>完成编辑</button>\n </div>\n `\n }\n\n private _renderViewMode() {\n return html`\n <div class=\"left\">\n ${this.showOtherOption\n ? html`\n <label class=\"checkbox-label disabled\">\n <input type=\"checkbox\" disabled .checked=${this.isKey} /> 核心题\n </label>\n <span class=\"answer-text\">${this._answerText}</span>\n `\n : ''}\n </div>\n <div class=\"right\">\n <button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>\n ${!this.pageEnd\n ? html`\n <button class=\"text-btn text-btn--default\" @click=${() => this._emit('edit')}>编辑</button>\n `\n : ''}\n </div>\n `\n }\n\n private _renderModal() {\n if (!this._modalOpen) { return '' }\n return html`\n <div class=\"modal-backdrop\" @click=${() => { this._modalOpen = false }}>\n <div class=\"modal\" @click=${(e: Event) => e.stopPropagation()}>\n <div class=\"modal-header\">\n <span class=\"modal-title\">答题设置</span>\n <button class=\"modal-close\" @click=${() => { this._modalOpen = false }}>✕</button>\n </div>\n <div class=\"modal-body\">\n ${answerTextList.map(item => html`\n <label class=\"radio-item\">\n <input type=\"radio\" name=\"answer-check-type\" .value=${String(item.value)}\n .checked=${this._currentCheckType === item.value}\n @change=${() => { this._currentCheckType = item.value }} />\n ${item.label}\n </label>\n `)}\n </div>\n <div class=\"modal-footer\">\n <button @click=${() => { this._modalOpen = false }}>取消</button>\n <button class=\"primary\" @click=${() => {\n this._emit('set-answer-setting', { value: this._currentCheckType })\n this._modalOpen = false\n }}>保存</button>\n </div>\n </div>\n </div>\n `\n }\n\n render() {\n return html`\n <div class=\"action ${this.isEdit ? 'active' : ''}\">\n ${this.isSet\n ? html`<div class=\"has-set\">此题设置了跳题逻辑</div>`\n : (this.isEdit ? this._renderEditMode() : this._renderViewMode())\n }\n </div>\n ${this._renderModal()}\n `\n }\n}\n\nexport function register() {}\n"],"names":["answerTextList","value","label","tagName","QxsSubjectAction","LitElement","constructor","super","arguments","this","isEdit","isSet","isKey","answerCheckType","showOtherOption","showRichText","hideAddRichText","pageEnd","examAnswerRelationType","_modalOpen","_currentCheckType","updated","changed","has","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_answerText","find","i","_renderEditMode","html","e","target","checked","_renderViewMode","_renderModal","stopPropagation","map","item","String","render","styles","css","__decorateClass","property","type","Boolean","attribute","prototype","Number","state","customElements","get","define"],"mappings":"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"}