@qxs-bns/components-wc 0.0.21 → 0.0.23

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

@@ -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.preview .editor-content {\n      padding: 8px 12px;\n      min-height: unset;\n    }\n\n    .editor-content {\n      padding: 12px 16px;\n      min-height: 80px;\n      cursor: text;\n    }\n\n    .editor-content:empty::before {\n      content: '输入 / 唤出快捷命令';\n      color: #c0c0c0;\n      pointer-events: none;\n      display: block;\n      padding-top: 28px;\n      text-align: center;\n    }\n\n    .editor-content .ProseMirror:empty {\n      min-height: 80px;\n    }\n\n    .ProseMirror p.is-editor-empty:first-child::before {\n      content: attr(data-placeholder);\n      color: #c0c0c0;\n      pointer-events: none;\n      float: left;\n      height: 0;\n    }\n\n    .ProseMirror p.is-empty:only-child::before,\n    .ProseMirror p.is-empty:only-child > br:first-child + *::before {\n      content: attr(data-placeholder);\n      color: #c0c0c0;\n      pointer-events: none;\n      float: left;\n      height: 0;\n    }\n\n    .editor-wrapper.loading {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 200px;\n      background: #fafafa;\n    }\n\n    .loading-placeholder {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 12px;\n      color: #909399;\n      font-size: 14px;\n    }\n\n    .loading-spinner {\n      width: 24px;\n      height: 24px;\n      border: 2px solid #e3e3e3;\n      border-top-color: var(--qxs-color-primary, #3D61E3);\n      border-radius: 50%;\n      animation: spin 0.8s linear infinite;\n    }\n\n    @keyframes spin {\n      to { transform: rotate(360deg); }\n    }\n\n    .ProseMirror {\n      outline: none;\n      line-height: 1.7;\n      color: #37352f;\n      font-size: 15px;\n    }\n\n    .ProseMirror > * + * {\n      margin-top: 0.5em;\n    }\n\n    .ProseMirror > *:first-child {\n      margin-top: 0 !important;\n    }\n\n    .ProseMirror p {\n      margin: 0;\n    }\n\n    .ProseMirror h1 {\n      font-size: 1.875em;\n      font-weight: 700;\n      margin: 0 0 0.25em;\n      line-height: 1.3;\n    }\n\n    .ProseMirror > h1:first-child {\n      margin-top: 0 !important;\n      line-height: 1.15;\n    }\n\n    .ProseMirror > p:first-child {\n      margin-top: 0 !important;\n    }\n\n    .ProseMirror h2 {\n      font-size: 1.5em;\n      font-weight: 600;\n      margin: 0.5em 0 0.25em;\n      line-height: 1.3;\n    }\n\n    .ProseMirror h3 {\n      font-size: 1.25em;\n      font-weight: 600;\n      margin: 0.5em 0 0.25em;\n      line-height: 1.3;\n    }\n\n    .ProseMirror ul,\n    .ProseMirror ol {\n      padding-left: 1.5em;\n      margin: 0;\n    }\n\n    .ProseMirror li {\n      margin: 0.1em 0;\n    }\n\n    .ProseMirror li::marker {\n      color: #37352f;\n    }\n\n    .ProseMirror strong {\n      font-weight: 700;\n    }\n\n    .ProseMirror em {\n      font-style: italic;\n      font-synthesis: none;\n      transform: skewX(-12deg);\n      display: inline-block;\n    }\n\n    .ProseMirror u {\n      text-decoration: underline;\n    }\n\n    .ProseMirror s {\n      text-decoration: line-through;\n      color: #787774;\n    }\n\n    .ProseMirror code {\n      background: rgba(135, 131, 120, 0.14);\n      color: #eb5757;\n      padding: 2px 4px;\n      border-radius: 4px;\n      font-family: 'SFMono-Regular', Menlo, Consolas, monospace;\n      font-size: 85%;\n    }\n\n    .ProseMirror pre {\n      background: #f6f6f7;\n      border-radius: 8px;\n      padding: 12px 16px;\n      overflow-x: auto;\n    }\n\n    .ProseMirror pre code {\n      background: none;\n      padding: 0;\n      color: #37352f;\n    }\n\n    .ProseMirror blockquote {\n      border-left: 3px solid #e3e3e3;\n      padding-left: 1em;\n      margin: 0.75em 0;\n      color: #787774;\n    }\n\n    .ProseMirror hr {\n      border: none;\n      border-top: 1px solid #e3e3e3;\n      margin: 1.5em 0;\n    }\n\n    .ProseMirror img {\n      max-width: 100%;\n      height: auto;\n      border-radius: 8px;\n    }\n\n    .ProseMirror a {\n      color: var(--qxs-color-primary, #3D61E3);\n      text-decoration: underline;\n      cursor: pointer;\n    }\n\n    .ProseMirror img.ProseMirror-selectednode {\n      outline: 2px solid var(--qxs-color-primary, #3D61E3);\n    }\n\n    /* Table styles */\n    .ProseMirror table {\n      border-collapse: collapse;\n      width: 100%;\n      margin: 1em 0;\n      border: 1px solid #e3e3e3;\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .ProseMirror th,\n    .ProseMirror td {\n      border: 1px solid #e3e3e3;\n      padding: 8px 12px;\n      text-align: left;\n      vertical-align: top;\n    }\n\n    .ProseMirror th {\n      background: #fafafa;\n      font-weight: 600;\n    }\n\n    .ProseMirror .selectedCell {\n      background: rgba(30, 150, 252, 0.1);\n    }\n\n    /* Table Cell Toolbar */\n    .table-cell-toolbar {\n      position: absolute;\n      z-index: 50;\n      display: flex;\n      gap: 2px;\n      padding: 4px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 6px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n    }\n\n    .table-cell-toolbar-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      height: 28px;\n      border: none;\n      background: transparent;\n      border-radius: 4px;\n      cursor: pointer;\n      color: #606266;\n      transition: all 0.15s;\n    }\n\n    .table-cell-toolbar-btn:hover {\n      background: #ecf5ff;\n      color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .table-cell-toolbar-btn.danger:hover {\n      background: #fef0f0;\n      color: #f56c6c;\n    }\n\n    /* Bubble Menu */\n    .bubble-menu {\n      position: absolute;\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      padding: 4px 6px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 8px;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n      z-index: 100;\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.15s, visibility 0.15s, transform 0.15s;\n      transform: translateY(4px);\n      max-width: calc(100vw - 40px);\n    }\n\n    .bubble-menu.is-visible {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(0);\n    }\n\n    .bubble-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      height: 28px;\n      border: none;\n      background: transparent;\n      color: #37352f;\n      border-radius: 4px;\n      cursor: pointer;\n      transition: all 0.15s;\n      position: relative;\n    }\n\n    .bubble-btn:hover {\n      background: rgba(55, 53, 47, 0.08);\n    }\n\n    .bubble-btn.is-active {\n      background: var(--qxs-color-primary, #3D61E3);\n      color: #fff;\n    }\n\n    .bubble-btn svg {\n      width: 16px;\n      height: 16px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .bubble-divider {\n      width: 1px;\n      height: 16px;\n      background: #e3e3e3;\n      margin: 0 3px;\n    }\n\n    /* Dropdown */\n    .bubble-dropdown {\n      position: relative;\n    }\n\n    .bubble-dropdown-btn {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      padding: 0 6px;\n      height: 28px;\n      border: none;\n      background: transparent;\n      color: #37352f;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 500;\n      font-family: inherit;\n      transition: all 0.15s;\n      white-space: nowrap;\n    }\n\n    .bubble-dropdown-btn:hover {\n      background: rgba(55, 53, 47, 0.08);\n    }\n\n    .bubble-dropdown-btn svg {\n      width: 12px;\n      height: 12px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .bubble-dropdown-menu {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      margin-top: 4px;\n      min-width: 120px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 6px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n      padding: 4px;\n      opacity: 0;\n      visibility: hidden;\n      transform: translateY(-4px);\n      transition: all 0.15s;\n      z-index: 101;\n    }\n\n    .bubble-dropdown:hover .bubble-dropdown-menu,\n    .bubble-dropdown.is-open .bubble-dropdown-menu {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(0);\n    }\n\n    .bubble-dropdown-item {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      width: 100%;\n      padding: 6px 8px;\n      border: none;\n      background: transparent;\n      color: #37352f;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 500;\n      font-family: inherit;\n      text-align: left;\n      transition: all 0.15s;\n    }\n\n    .bubble-dropdown-item:hover {\n      background: rgba(55, 53, 47, 0.08);\n    }\n\n    .bubble-dropdown-item.is-active {\n      background: var(--qxs-color-primary, #3D61E3);\n      color: #fff;\n    }\n\n    .bubble-dropdown-item svg {\n      width: 16px;\n      height: 16px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .image-input {\n      display: none;\n    }\n\n    .table-grid-preview {\n      display: grid;\n      grid-template-columns: repeat(10, 18px);\n      gap: 2px;\n      padding: 8px;\n    }\n\n    .table-grid-preview .table-cell {\n      width: 18px;\n      height: 18px;\n      border: 1px solid #e3e3e3;\n      border-radius: 2px;\n      background: #fff;\n      cursor: pointer;\n      transition: all 0.1s;\n    }\n\n    .table-grid-preview .table-cell:hover {\n      background: rgba(30, 150, 252, 0.3);\n      border-color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .table-grid-preview .table-cell.selected {\n      background: rgba(30, 150, 252, 0.15);\n      border-color: rgba(30, 150, 252, 0.5);\n    }\n\n    .table-size-hint {\n      text-align: center;\n      padding: 4px 8px 6px;\n      font-size: 10px;\n      color: #8c8c8c;\n    }\n\n    /* Image Toolbar */\n    .image-toolbar {\n      position: absolute;\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      padding: 4px 6px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 6px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n      z-index: 100;\n      transform: translateX(-50%);\n    }\n\n    .image-toolbar-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      height: 28px;\n      border: none;\n      background: transparent;\n      border-radius: 4px;\n      cursor: pointer;\n      color: #595959;\n      transition: all 0.15s;\n    }\n\n    .image-toolbar-btn:hover {\n      background: #f5f5f5;\n      color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .image-toolbar-btn.danger:hover {\n      background: #fff1f0;\n      color: #ff4d4f;\n    }\n\n    .image-toolbar-btn svg {\n      width: 16px;\n      height: 16px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .image-toolbar-divider {\n      width: 1px;\n      height: 20px;\n      background: #e3e3e3;\n      margin: 0 4px;\n    }\n\n    /* Image More Menu */\n    .image-more-menu {\n      position: absolute;\n      top: 100%;\n      right: 0;\n      margin-top: 4px;\n      padding: 4px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 6px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n      z-index: 101;\n      min-width: 120px;\n    }\n\n    .image-more-menu-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      border: none;\n      background: transparent;\n      width: 100%;\n      text-align: left;\n      font-size: 13px;\n      color: #595959;\n      border-radius: 4px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .image-more-menu-item:hover {\n      background: #f5f5f5;\n      color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .image-more-menu-item svg {\n      width: 14px;\n      height: 14px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    /* Selected Image */\n    .ProseMirror img.selected {\n      outline: 2px solid var(--qxs-color-primary, #3D61E3);\n      outline-offset: 2px;\n    }\n  `\n\n  @property({ type: String, attribute: 'content' })\n  content = ''\n\n  @property({ type: String, attribute: 'model-value' })\n  modelValue = ''\n\n  @property({ type: String, attribute: 'placeholder' })\n  placeholder = '输入 / 唤出快捷命令'\n\n  @property({ type: String, attribute: 'use-model' })\n  useModelAttr = 'false'\n\n  @property({ type: String, attribute: 'readonly' })\n  readonlyAttr = 'false'\n\n  @property({ type: String, attribute: 'preview' })\n  previewAttr = 'false'\n\n  @property({ type: String, attribute: 'custom-styles' })\n  customStylesAttr = ''\n\n  private _injectedStyleEl: HTMLStyleElement | null = null\n\n  private _injectCustomStyles() {\n    const shadow = this.shadowRoot\n    if (!shadow) return\n\n    if (this._injectedStyleEl) {\n      this._injectedStyleEl.remove()\n      this._injectedStyleEl = null\n    }\n\n    if (!this.customStylesAttr) return\n\n    const styleEl = document.createElement('style')\n    styleEl.textContent = this.customStylesAttr\n    shadow.appendChild(styleEl)\n    this._injectedStyleEl = styleEl\n  }\n\n  get useModel(): boolean {\n    return this.useModelAttr === 'true' || this.useModelAttr === '' || this.hasAttribute('use-model')\n  }\n\n  set useModel(value: boolean) {\n    this.useModelAttr = String(value)\n  }\n\n  get readonly(): boolean {\n    return this.readonlyAttr !== 'false'\n  }\n\n  set readonly(value: boolean) {\n    this.readonlyAttr = String(value)\n  }\n\n  get preview(): boolean {\n    return this.previewAttr !== 'false'\n  }\n\n  set preview(value: boolean) {\n    this.previewAttr = String(value)\n  }\n\n  @property({ type: Object, attribute: 'upload-image' })\n  uploadImage: (file: File) => Promise<string> = async (file: File) => {\n    return new Promise((resolve, reject) => {\n      const reader = new FileReader()\n      reader.onload = (e) => resolve(e.target?.result as string)\n      reader.onerror = reject\n      reader.readAsDataURL(file)\n    })\n  }\n\n  @state() private _editor: Editor | null = null\n  @state() private _pendingContent: string | null = null\n  private _tableRows = 3\n  private _tableCols = 3\n  @state() private _hoverRow = 0\n  @state() private _hoverCol = 0\n  @state() private _tableDropdownOpen = false\n  @state() private _tableCellToolbar: { x: number, y: number, visible: boolean, cellRow: number, cellCol: number } = { x: 0, y: 0, visible: false, cellRow: 0, cellCol: 0 }\n  @state() private _imageToolbar: { x: number, y: number, visible: boolean } = { x: 0, y: 0, visible: false }\n  @state() private _imageMoreMenuVisible = false\n  private _hasSlashCommand = false\n  private _isUpdating = 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: this.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._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      if (this._editor?.isActive('table')) {\n        this._showTableCellToolbar()\n      } else {\n        this._hideTableCellToolbar()\n      }\n      this._checkSlashCommand()\n      this._setupTableEdgeDetection()\n    })\n\n    this._editor.on('update', () => {\n      this._emitContentChange()\n    })\n  }\n\n  private _tableEdgeDetectionSetup = false\n\n  private _emitContentChange() {\n    if (!this._editor) return\n    const html = this._editor.getHTML()\n\n    this.dispatchEvent(new CustomEvent('content-change', {\n      detail: html,\n      bubbles: true,\n      composed: true,\n    }))\n  }\n\n  private _setupTableEdgeDetection() {\n    const editorContent = this.shadowRoot?.querySelector('.editor-content')\n    const editorWrapper = this.shadowRoot?.querySelector('.editor-wrapper')\n    if (!editorContent || this._tableEdgeDetectionSetup) return\n    \n    this._tableEdgeDetectionSetup = true\n    \n    const handleEditorClick = () => {\n      this._editor?.chain().focus().run()\n    }\n\n    editorContent.addEventListener('click', handleEditorClick)\n    editorWrapper?.addEventListener('click', handleEditorClick)\n  }\n\n\n  private _checkSlashCommand() {\n    if (!this._editor) return\n    const { selection } = this._editor.state\n    const textBefore = this._editor.state.doc.textBetween(\n      Math.max(0, selection.from - 10),\n      selection.from,\n      ' '\n    )\n    this._hasSlashCommand = textBefore.endsWith('/')\n  }\n\n  firstUpdated() {\n    this._injectCustomStyles()\n    this._initEditor()\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('customStylesAttr')) {\n      this._injectCustomStyles()\n    }\n\n    if (this._editor) {\n      if (changed.has('content') || (changed.has('modelValue') && this.useModel)) {\n        const newContent = this.useModel ? this.modelValue : this.content\n        if (newContent !== this._editor.getHTML()) {\n          this._editor.commands.setContent(newContent || '<p></p>')\n        }\n      }\n      if (changed.has('readonly')) {\n        this._editor.setEditable(!this.readonly)\n      }\n      return\n    }\n\n    // 编辑器未初始化时，只保存待处理内容，不重复初始化\n    if (changed.has('content')) {\n      this._pendingContent = this.content\n    }\n\n    if (changed.has('modelValue') && this.useModel) {\n      this._pendingContent = this.modelValue\n    }\n\n    // 只有在 firstUpdated 时才会初始化编辑器\n    // 这里不再重复调用 _initEditor()\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this._editor?.destroy()\n    this._editor = null\n  }\n\n  getContent(): string {\n    return this._editor?.getHTML() ?? ''\n  }\n\n  forceUpdate(): void {\n    this.requestUpdate()\n    if (this._editor) {\n      const newContent = this.useModel ? this.modelValue : this.content\n      if (newContent !== this._editor.getHTML()) {\n        this._editor.commands.setContent(newContent || '<p></p>')\n      }\n    }\n  }\n\n\n  private _applyFormat(command: () => void) {\n    if (this._hasSlashCommand && this._editor) {\n      const { selection } = this._editor.state\n      this._editor.chain().focus().deleteRange({ from: selection.from - 1, to: selection.from }).run()\n      this._hasSlashCommand = false\n    }\n    command()\n  }\n\n  private _toggleBold() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleBold().run())\n  }\n\n  private _toggleItalic() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleItalic().run())\n  }\n\n  private _toggleUnderline() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleUnderline().run())\n  }\n\n  private _toggleStrike() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleStrike().run())\n  }\n\n  private _toggleCode() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleCode().run())\n  }\n\n  private _setHeading(level: number) {\n    this._applyFormat(() => this._editor?.chain().focus().toggleHeading({ level: level as 1 | 2 | 3 | 4 | 5 | 6 }).run())\n  }\n\n  private _setParagraph() {\n    this._applyFormat(() => this._editor?.chain().focus().setParagraph().run())\n  }\n\n  private _toggleBulletList() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleBulletList().run())\n  }\n\n  private _toggleOrderedList() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleOrderedList().run())\n  }\n\n  private _toggleBlockquote() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleBlockquote().run())\n  }\n\n  private _setTextAlign(align: string) {\n    this._applyFormat(() => this._editor?.chain().focus().setTextAlign(align as any).run())\n  }\n\n  private _setLink() {\n    // eslint-disable-next-line no-alert\n    const url = window.prompt('请输入链接地址：')\n    if (url) {\n      this._applyFormat(() => this._editor?.chain().focus().setLink({ href: url }).run())\n    }\n  }\n\n\n  private _insertTable(rows?: number, cols?: number) {\n    this._editor?.chain().focus().insertTable({ rows: rows ?? this._tableRows, cols: cols ?? this._tableCols, withHeaderRow: true }).run()\n  }\n\n  private async _handleImageUpload(e: Event) {\n    const input = e.target as HTMLInputElement\n    const file = input.files?.[0]\n    if (file) {\n      try {\n        const src = await this.uploadImage(file)\n        this._editor?.chain().focus().setImage({ src }).run()\n      }\n      catch (err) {\n        console.error('图片上传失败:', err)\n      }\n    }\n    input.value = ''\n  }\n\n  private _triggerImageUpload() {\n    const input = this.shadowRoot?.querySelector<HTMLInputElement>('.image-input')\n    input?.click()\n  }\n\n  private _insertTableByClick(rows: number, cols: number) {\n    if (this._hasSlashCommand && this._editor) {\n      const { selection } = this._editor.state\n      this._editor.chain().focus().deleteRange({ from: selection.from - 1, to: selection.from }).run()\n      this._hasSlashCommand = false\n    }\n    this._tableRows = rows\n    this._tableCols = cols\n    this._insertTable(rows, cols)\n  }\n\n\n  private _showTableCellToolbar() {\n    if (!this._editor?.isActive('table')) return\n    const { state } = this._editor\n    const { selection } = state\n    const coords = this._editor.view.coordsAtPos(selection.from)\n    const editorWrapper = this.shadowRoot?.querySelector<HTMLElement>('.editor-wrapper')\n    if (!editorWrapper) return\n    const wrapperRect = editorWrapper.getBoundingClientRect()\n\n    const cellRow = this._getTableCellRow()\n    const cellCol = this._getTableCellCol()\n    const isTopRow = cellRow === 0\n    const isLeftCol = cellCol === 0\n\n    // Only show toolbar on top row or left column\n    if (!isTopRow && !isLeftCol) return\n\n    requestAnimationFrame(() => {\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\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    requestAnimationFrame(() => {\n      this._tableCellToolbar = { ...this._tableCellToolbar, visible: false }\n    })\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    requestAnimationFrame(() => {\n      this._imageToolbar = { x: pos.x, y: pos.y, visible: true }\n      this._imageMoreMenuVisible = false\n    })\n  }\n\n  private _hideImageToolbar() {\n    requestAnimationFrame(() => {\n      this._imageToolbar = { ...this._imageToolbar, visible: false }\n      this._imageMoreMenuVisible = false\n    })\n  }\n\n  private _toggleImageMoreMenu() {\n    this._imageMoreMenuVisible = !this._imageMoreMenuVisible\n  }\n\n  private _deleteImage() {\n    this._editor?.chain().focus().deleteNode('image').run()\n    this._hideImageToolbar()\n  }\n\n  private _insertImageAfter() {\n    this._triggerImageUpload()\n    this._imageMoreMenuVisible = false\n  }\n\n  private _setImageAlignLeft() {\n    const editor = this._editor\n    if (editor) {\n      const { selection } = editor.state\n      const pos = selection.from\n      editor.chain().focus().setNodeSelection(pos).run()\n      const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n      if (img) {\n        img.style.display = 'block'\n        img.style.margin = '0 auto 0 0'\n      }\n    }\n    this._imageMoreMenuVisible = false\n  }\n\n  private _setImageAlignCenter() {\n    const editor = this._editor\n    if (editor) {\n      const { selection } = editor.state\n      const pos = selection.from\n      editor.chain().focus().setNodeSelection(pos).run()\n      const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n      if (img) {\n        img.style.display = 'block'\n        img.style.margin = '0 auto'\n      }\n    }\n    this._imageMoreMenuVisible = false\n  }\n\n  private _setImageAlignRight() {\n    const editor = this._editor\n    if (editor) {\n      const { selection } = editor.state\n      const pos = selection.from\n      editor.chain().focus().setNodeSelection(pos).run()\n      const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n      if (img) {\n        img.style.display = 'block'\n        img.style.margin = '0 0 0 auto'\n      }\n    }\n    this._imageMoreMenuVisible = false\n  }\n\n\n  private _getTextLabel(): string {\n    const editor = this._editor\n    if (!editor) { return '正文' }\n    if (editor.isActive('heading', { level: 1 })) { return '标题 1' }\n    if (editor.isActive('heading', { level: 2 })) { return '标题 2' }\n    if (editor.isActive('heading', { level: 3 })) { return '标题 3' }\n    return '正文'\n  }\n\n  private _getAlignLabel(): string {\n    const editor = this._editor\n    if (!editor) { return '对齐' }\n    if (editor.isActive({ textAlign: 'center' })) { return '居中' }\n    if (editor.isActive({ textAlign: 'right' })) { return '右对齐' }\n    return '左对齐'\n  }\n\n  private _updateBubbleMenuPosition() {\n    requestAnimationFrame(() => {\n      const bubbleMenu = this.shadowRoot?.querySelector<HTMLElement>('.bubble-menu')\n      const proseMirror = this.shadowRoot?.querySelector<HTMLElement>('.ProseMirror')\n      const editorWrapper = this.shadowRoot?.querySelector<HTMLElement>('.editor-wrapper')\n      if (!bubbleMenu || !proseMirror || !editorWrapper) { return }\n\n      const editor = this._editor\n      const isInTable = editor?.isActive('table') ?? false\n      const { selection } = editor?.state ?? { selection: null }\n\n      // 如果选中了表格节点（而不只是单元格内的文字），隐藏菜单\n      if (isInTable && selection && !selection.empty && editor) {\n        const { from, to } = selection\n        const $from = editor.state.doc.resolve(from)\n        const $to = editor.state.doc.resolve(to)\n        // 检查选区起点和终点之间是否有表格节点\n        let hasTableInSelection = false\n        for (let d = $from.depth; d >= 0; d--) {\n          if ($from.node(d).type.name === 'table') {\n            hasTableInSelection = true\n            break\n          }\n        }\n        // 如果选区起点在表格外但终点在表格内，或者选区跨越了表格\n        const fromAncestor = $from.node($from.depth)\n        const toAncestor = $to.node($to.depth)\n        if (fromAncestor.type.name === 'table' || toAncestor.type.name === 'table') {\n          hasTableInSelection = true\n        }\n        if (hasTableInSelection) {\n          bubbleMenu.style.opacity = '0'\n          bubbleMenu.style.visibility = 'hidden'\n          return\n        }\n      }\n\n      // 如果有选中文字，显示菜单\n      if (selection && !selection.empty) {\n        // continue to show menu\n      } else if (!selection || (selection.empty && !this._hasSlashCommand)) {\n        bubbleMenu.style.opacity = '0'\n        bubbleMenu.style.visibility = 'hidden'\n        return\n      }\n\n      const wrapperRect = editorWrapper.getBoundingClientRect()\n      const menuRect = bubbleMenu.getBoundingClientRect()\n\n      const { from } = selection!\n      const coords = this._editor?.view.coordsAtPos(from)\n      if (!coords) { return }\n\n      let left = coords.left - wrapperRect.left\n      let top = coords.top - wrapperRect.top - 40\n\n      if (left + menuRect.width > wrapperRect.width) {\n        left = wrapperRect.width - menuRect.width - 8\n      }\n      if (left < 0) {\n        left = 8\n      }\n\n      if (top < 0) {\n        top = coords.bottom - wrapperRect.top + 8\n      }\n\n      bubbleMenu.style.left = `${left}px`\n      bubbleMenu.style.top = `${top}px`\n      bubbleMenu.style.opacity = '1'\n      bubbleMenu.style.visibility = 'visible'\n    })\n  }\n\n  render() {\n    const editor = this._editor\n\n    return html`\n      <div class=\"editor-wrapper ${!editor ? 'loading' : ''} ${this.preview ? 'preview' : ''}\">\n        ${!editor ? html`\n          <div class=\"loading-placeholder\">\n            <div class=\"loading-spinner\"></div>\n            <span>编辑器加载中...</span>\n          </div>\n        ` : ''}\n        <input\n          type=\"file\"\n          accept=\"image/*\"\n          class=\"image-input\"\n          @change=${this._handleImageUpload}\n        />\n\n        <!-- Bubble Menu (悬浮操作栏) -->\n        ${!this.preview ? html`\n        <div class=\"bubble-menu\">\n          <!-- 文本格式 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('bold') ? 'is-active' : ''}\"\n            @click=${this._toggleBold}\n            title=\"加粗\"\n          >\n            <svg viewBox=\"0 0 24 24\"><path d=\"M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z\"/><path d=\"M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z\"/></svg>\n          </button>\n          <button\n            class=\"bubble-btn ${editor?.isActive('italic') ? 'is-active' : ''}\"\n            @click=${this._toggleItalic}\n            title=\"斜体\"\n          >\n            <svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"4\" x2=\"10\" y2=\"4\"/><line x1=\"14\" y1=\"20\" x2=\"5\" y2=\"20\"/><line x1=\"15\" y1=\"4\" x2=\"9\" y2=\"20\"/></svg>\n          </button>\n          <button\n            class=\"bubble-btn ${editor?.isActive('underline') ? 'is-active' : ''}\"\n            @click=${this._toggleUnderline}\n            title=\"下划线\"\n          >\n            <svg viewBox=\"0 0 24 24\"><path d=\"M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3\"/><line x1=\"4\" y1=\"21\" x2=\"20\" y2=\"21\"/></svg>\n          </button>\n          <button\n            class=\"bubble-btn ${editor?.isActive('strike') ? 'is-active' : ''}\"\n            @click=${this._toggleStrike}\n            title=\"删除线\"\n          >\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17.3 4.9c-2.3-.6-4.4-1-6.2-.9-2.7 0-5.3.7-5.3 3.6 0 1.5 1.8 3.3 5.3 3.9h.2m8.2 3.2c.3.4.4.8.4 1.3 0 2.9-2.7 3.6-6.2 3.6-2.3 0-4.4-.3-6.2-.9M4 12h16\"/></svg>\n          </button>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 文本类型下拉 -->\n          <div class=\"bubble-dropdown\">\n            <button class=\"bubble-dropdown-btn\">\n              ${this._getTextLabel()}\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"/></svg>\n            </button>\n            <div class=\"bubble-dropdown-menu\">\n              <button\n                class=\"bubble-dropdown-item ${!editor?.isActive('heading') ? 'is-active' : ''}\"\n                @click=${this._setParagraph}\n              >\n                正文\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive('heading', { level: 1 }) ? 'is-active' : ''}\"\n                @click=${() => this._setHeading(1)}\n              >\n                标题 1\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive('heading', { level: 2 }) ? 'is-active' : ''}\"\n                @click=${() => this._setHeading(2)}\n              >\n                标题 2\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive('heading', { level: 3 }) ? 'is-active' : ''}\"\n                @click=${() => this._setHeading(3)}\n              >\n                标题 3\n              </button>\n            </div>\n          </div>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 对齐下拉 -->\n          <div class=\"bubble-dropdown\">\n            <button class=\"bubble-dropdown-btn\">\n              ${this._getAlignLabel()}\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"/></svg>\n            </button>\n            <div class=\"bubble-dropdown-menu\">\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive({ textAlign: 'left' }) ? 'is-active' : ''}\"\n                @click=${() => this._setTextAlign('left')}\n              >\n                <svg viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"3\" y1=\"12\" x2=\"15\" y2=\"12\"/><line x1=\"3\" y1=\"18\" x2=\"18\" y2=\"18\"/></svg>\n                左对齐\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive({ textAlign: 'center' }) ? 'is-active' : ''}\"\n                @click=${() => this._setTextAlign('center')}\n              >\n                <svg viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"6\" y1=\"12\" x2=\"18\" y2=\"12\"/><line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\"/></svg>\n                居中\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive({ textAlign: 'right' }) ? 'is-active' : ''}\"\n                @click=${() => this._setTextAlign('right')}\n              >\n                <svg viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"9\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"6\" y1=\"18\" x2=\"21\" y2=\"18\"/></svg>\n                右对齐\n              </button>\n            </div>\n          </div>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 行内代码 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('code') ? 'is-active' : ''}\"\n            @click=${this._toggleCode}\n            title=\"行内代码\"\n          >\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"16 18 22 12 16 6\"/><polyline points=\"8 6 2 12 8 18\"/></svg>\n          </button>\n\n          <!-- 链接 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('link') ? 'is-active' : ''}\"\n            @click=${this._setLink}\n            title=\"链接\"\n          >\n            <svg viewBox=\"0 0 24 24\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/></svg>\n          </button>\n\n          <!-- 图片 -->\n          <button\n            class=\"bubble-btn\"\n            @click=${this._triggerImageUpload}\n            title=\"图片\"\n          >\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/><polyline points=\"21 15 16 10 5 21\"/></svg>\n          </button>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 列表 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('bulletList') ? 'is-active' : ''}\"\n            @click=${this._toggleBulletList}\n            title=\"无序列表\"\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"9\" y1=\"6\" x2=\"20\" y2=\"6\"/>\n              <line x1=\"9\" y1=\"12\" x2=\"20\" y2=\"12\"/>\n              <line x1=\"9\" y1=\"18\" x2=\"20\" y2=\"18\"/>\n              <circle cx=\"4\" cy=\"6\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"/>\n              <circle cx=\"4\" cy=\"12\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"/>\n              <circle cx=\"4\" cy=\"18\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"/>\n            </svg>\n          </button>\n          <button\n            class=\"bubble-btn ${editor?.isActive('orderedList') ? 'is-active' : ''}\"\n            @click=${this._toggleOrderedList}\n            title=\"有序列表\"\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"10\" y1=\"6\" x2=\"21\" y2=\"6\"/>\n              <line x1=\"10\" y1=\"12\" x2=\"21\" y2=\"12\"/>\n              <line x1=\"10\" y1=\"18\" x2=\"21\" y2=\"18\"/>\n              <path d=\"M4 6h1v4\"/>\n              <path d=\"M4 10h2\"/>\n              <path d=\"M6 18H4c0-1 2-2 2-3s-1-1.5-2-1.5\"/>\n            </svg>\n          </button>\n\n          <!-- 引用 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('blockquote') ? 'is-active' : ''}\"\n            @click=${this._toggleBlockquote}\n            title=\"引用\"\n          >\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z\"/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"/></svg>\n          </button>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 表格下拉 -->\n          <div\n            class=\"bubble-dropdown ${this._tableDropdownOpen ? 'is-open' : ''}\"\n            @mouseenter=${() => {\n              this._tableDropdownOpen = true\n              this._hoverRow = 0\n              this._hoverCol = 0\n            }}\n            @mouseleave=${() => this._tableDropdownOpen = false}\n          >\n            <button class=\"bubble-dropdown-btn\" title=\"表格\">\n              <svg viewBox=\"0 0 24 24\" style=\"width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"/><line x1=\"3\" y1=\"15\" x2=\"21\" y2=\"15\"/><line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\"/><line x1=\"15\" y1=\"3\" x2=\"15\" y2=\"21\"/></svg>\n            </button>\n            <div class=\"bubble-dropdown-menu\">\n              <div class=\"table-grid-preview\">\n                ${this._renderTableGrid()}\n              </div>\n              <div class=\"table-size-hint\">\n                <span>${this._hoverRow > 0 ? `${this._hoverRow} × ${this._hoverCol}` : `${this._tableRows} × ${this._tableCols}`}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        ` : ''}\n\n        <div class=\"editor-content\"></div>\n\n        <!-- Table Cell Toolbar -->\n        ${this._tableCellToolbar.visible && editor?.isActive('table')\n          ? html`\n          <div\n            class=\"table-cell-toolbar\"\n            style=\"left: ${this._tableCellToolbar.x}px; top: ${this._tableCellToolbar.y}px;\"\n            @mousedown=${(e: Event) => e.preventDefault()}\n          >\n            ${this._tableCellToolbar.cellRow === 0 ? html`\n              <button class=\"table-cell-toolbar-btn\" title=\"上方添加行\" @click=${this._addTableRowAbove}>\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><rect x=\"4\" y=\"8\" width=\"16\" height=\"8\" rx=\"1\"/><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"7\"/><line x1=\"10\" y1=\"5\" x2=\"14\" y2=\"5\"/></svg>\n              </button>\n              <button class=\"table-cell-toolbar-btn\" title=\"下方添加行\" @click=${this._addTableRowBelow}>\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><rect x=\"4\" y=\"8\" width=\"16\" height=\"8\" rx=\"1\"/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"17\"/><line x1=\"10\" y1=\"19\" x2=\"14\" y2=\"19\"/></svg>\n              </button>\n              <button class=\"table-cell-toolbar-btn danger\" title=\"删除行\" @click=${this._deleteTableRow}>\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><rect x=\"4\" y=\"8\" width=\"16\" height=\"8\" rx=\"1\"/><line x1=\"9\" y1=\"10\" x2=\"9\" y2=\"14\"/><line x1=\"15\" y1=\"10\" x2=\"15\" y2=\"14\"/></svg>\n              </button>\n            ` : ''}\n            ${this._tableCellToolbar.cellCol === 0 ? html`\n              ${this._tableCellToolbar.cellRow !== 0 ? html`<div style=\"width:1px;height:20px;background:#e3e3e3;margin:0 4px;\"></div>` : ''}\n              <button class=\"table-cell-toolbar-btn\" title=\"左侧添加列\" @click=${this._addTableColumnLeft}>\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><rect x=\"8\" y=\"4\" width=\"8\" height=\"16\" rx=\"1\"/><line x1=\"3\" y1=\"12\" x2=\"7\" y2=\"12\"/><line x1=\"5\" y1=\"10\" x2=\"5\" y2=\"14\"/></svg>\n              </button>\n              <button class=\"table-cell-toolbar-btn\" title=\"右侧添加列\" @click=${this._addTableColumnRight}>\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><rect x=\"8\" y=\"4\" width=\"8\" height=\"16\" rx=\"1\"/><line x1=\"21\" y1=\"12\" x2=\"17\" y2=\"12\"/><line x1=\"19\" y1=\"10\" x2=\"19\" y2=\"14\"/></svg>\n              </button>\n              <button class=\"table-cell-toolbar-btn danger\" title=\"删除列\" @click=${this._deleteTableColumn}>\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><rect x=\"8\" y=\"4\" width=\"8\" height=\"16\" rx=\"1\"/><line x1=\"10\" y1=\"9\" x2=\"14\" y2=\"9\"/><line x1=\"10\" y1=\"15\" x2=\"14\" y2=\"15\"/></svg>\n              </button>\n            ` : ''}\n            ${this._tableCellToolbar.cellRow === 0 && this._tableCellToolbar.cellCol === 0 ? html`\n              <div style=\"width:1px;height:20px;background:#e3e3e3;margin:0 4px;\"></div>\n              <button class=\"table-cell-toolbar-btn danger\" title=\"删除表格\" @click=${this._deleteTable}>\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><polyline points=\"3 6 5 6 21 6\"/><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/></svg>\n              </button>\n            ` : ''}\n          </div>\n          `\n          : ''}\n\n        <!-- Image Toolbar -->\n        ${this._imageToolbar.visible\n          ? html`\n          <div\n            class=\"image-toolbar\"\n            style=\"left: ${this._imageToolbar.x}px; top: ${this._imageToolbar.y}px;\"\n            @mousedown=${(e: Event) => e.preventDefault()}\n          >\n            <button class=\"image-toolbar-btn danger\" title=\"删除图片\" @click=${this._deleteImage}>\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"3 6 5 6 21 6\"/><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/></svg>\n            </button>\n            <button class=\"image-toolbar-btn\" title=\"添加图片\" @click=${this._insertImageAfter}>\n              <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></svg>\n            </button>\n            <div class=\"image-toolbar-divider\"></div>\n            <div style=\"position: relative;\">\n              <button class=\"image-toolbar-btn\" title=\"更多\" @click=${this._toggleImageMoreMenu}>\n                <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"1\"/><circle cx=\"19\" cy=\"12\" r=\"1\"/><circle cx=\"5\" cy=\"12\" r=\"1\"/></svg>\n              </button>\n              ${this._imageMoreMenuVisible\n                ? html`\n                <div class=\"image-more-menu\">\n                  <button class=\"image-more-menu-item\" @click=${this._setImageAlignLeft}>\n                    <svg viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"3\" y1=\"12\" x2=\"15\" y2=\"12\"/><line x1=\"3\" y1=\"18\" x2=\"18\" y2=\"18\"/></svg>\n                    左对齐\n                  </button>\n                  <button class=\"image-more-menu-item\" @click=${this._setImageAlignCenter}>\n                    <svg viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"6\" y1=\"12\" x2=\"18\" y2=\"12\"/><line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\"/></svg>\n                    居中\n                  </button>\n                  <button class=\"image-more-menu-item\" @click=${this._setImageAlignRight}>\n                    <svg viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"9\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"6\" y1=\"18\" x2=\"21\" y2=\"18\"/></svg>\n                    右对齐\n                  </button>\n                </div>\n                `\n                : ''}\n            </div>\n          </div>\n          `\n          : ''}\n      </div>\n    `\n  }\n\n  private _renderTableGrid() {\n    const cells = []\n    for (let i = 0; i < 100; i++) {\n      const row = Math.floor(i / 10) + 1\n      const col = (i % 10) + 1\n      const isHighlight = this._hoverRow > 0 && row <= this._hoverRow && col <= this._hoverCol\n      cells.push(html`\n        <div\n          class=\"table-cell ${isHighlight ? 'selected' : ''}\"\n          @click=${() => {\n            this._insertTableByClick(row, col)\n            this._tableDropdownOpen = false\n          }}\n          @mouseenter=${() => {\n            this._hoverRow = row\n            this._hoverCol = col\n          }}\n          @mouseleave=${() => {\n            this._hoverRow = 0\n            this._hoverCol = 0\n          }}\n        ></div>\n      `)\n    }\n    return cells\n  }\n}\n\nexport function register() {}\n"],"names":["QxsBlocksuiteEditor","LitElement","constructor","super","arguments","this","content","modelValue","placeholder","useModelAttr","readonlyAttr","previewAttr","customStylesAttr","_injectedStyleEl","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_editor","_pendingContent","_tableRows","_tableCols","_hoverRow","_hoverCol","_tableDropdownOpen","_tableCellToolbar","x","y","visible","cellRow","cellCol","_imageToolbar","_imageMoreMenuVisible","_hasSlashCommand","_isUpdating","_tableEdgeDetectionSetup","_injectCustomStyles","shadow","shadowRoot","remove","styleEl","document","createElement","textContent","appendChild","useModel","hasAttribute","value","String","readonly","preview","_initEditor","el","querySelector","requestAnimationFrame","firstChild","removeChild","getAttribute","contentValue","initialContent","extensions","Document","Paragraph","Text","Bold","Italic","Underline","Strike","Code","Heading","configure","levels","BulletList","OrderedList","ListItem","Blockquote","HorizontalRule","History","Image","inline","allowBase64","Link","openOnClick","HTMLAttributes","rel","TextAlign","types","Table","resizable","TableRow","TableCell","TableHeader","Placeholder","Extension","create","name","addKeyboardShortcuts","Enter","editor","chain","focus","unsetAllMarks","clearNodes","run","Editor","element","editable","on","_updateBubbleMenuPosition","isActive","_showTableCellToolbar","_hideTableCellToolbar","selection","state","$from","node","depth","type","coords","view","coordsAtPos","start","wrapperRect","getBoundingClientRect","left","right","top","_showImageToolbar","_hideImageToolbar","_checkSlashCommand","_setupTableEdgeDetection","_emitContentChange","html","getHTML","dispatchEvent","CustomEvent","detail","bubbles","composed","editorContent","editorWrapper","handleEditorClick","addEventListener","textBefore","doc","textBetween","Math","max","from","endsWith","firstUpdated","updated","changed","has","newContent","commands","setContent","setEditable","disconnectedCallback","destroy","getContent","forceUpdate","requestUpdate","_applyFormat","command","deleteRange","to","_toggleBold","toggleBold","_toggleItalic","toggleItalic","_toggleUnderline","toggleUnderline","_toggleStrike","toggleStrike","_toggleCode","toggleCode","_setHeading","level","toggleHeading","_setParagraph","setParagraph","_toggleBulletList","toggleBulletList","_toggleOrderedList","toggleOrderedList","_toggleBlockquote","toggleBlockquote","_setTextAlign","align","setTextAlign","_setLink","url","window","prompt","setLink","href","_insertTable","rows","cols","insertTable","withHeaderRow","_handleImageUpload","input","files","src","setImage","err","_triggerImageUpload","click","_insertTableByClick","_getTableCellRow","_getTableCellCol","bottom","$pos","d","index","_addTableRowAbove","addRowBefore","_addTableRowBelow","addRowAfter","_addTableColumnLeft","addColumnBefore","_addTableColumnRight","addColumnAfter","_deleteTableRow","deleteRow","_deleteTableColumn","deleteColumn","_deleteTable","deleteTable","pos","_toggleImageMoreMenu","_deleteImage","deleteNode","_insertImageAfter","_setImageAlignLeft","setNodeSelection","img","style","display","margin","_setImageAlignCenter","_setImageAlignRight","_getTextLabel","_getAlignLabel","textAlign","bubbleMenu","proseMirror","isInTable","empty","$to","hasTableInSelection","fromAncestor","toAncestor","opacity","visibility","menuRect","width","render","_renderTableGrid","preventDefault","cells","i","row","floor","col","isHighlight","push","styles","css","__decorateClass","property","attribute","prototype","Object","safeCustomElement"],"mappings":"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"}
+{"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.preview .editor-content {\n      padding: 8px 12px;\n      min-height: unset;\n    }\n\n    .editor-content {\n      padding: 12px 16px;\n      min-height: 80px;\n      cursor: text;\n    }\n\n    .editor-content:empty::before {\n      content: '输入 / 唤出快捷命令';\n      color: #c0c0c0;\n      pointer-events: none;\n      display: block;\n      padding-top: 28px;\n      text-align: center;\n    }\n\n    .editor-content .ProseMirror:empty {\n      min-height: 80px;\n    }\n\n    .ProseMirror p.is-editor-empty:first-child::before {\n      content: attr(data-placeholder);\n      color: #c0c0c0;\n      pointer-events: none;\n      float: left;\n      height: 0;\n    }\n\n    .ProseMirror p.is-empty:only-child::before,\n    .ProseMirror p.is-empty:only-child > br:first-child + *::before {\n      content: attr(data-placeholder);\n      color: #c0c0c0;\n      pointer-events: none;\n      float: left;\n      height: 0;\n    }\n\n    .editor-wrapper.loading {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 200px;\n      background: #fafafa;\n    }\n\n    .loading-placeholder {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 12px;\n      color: #909399;\n      font-size: 14px;\n    }\n\n    .loading-spinner {\n      width: 24px;\n      height: 24px;\n      border: 2px solid #e3e3e3;\n      border-top-color: var(--qxs-color-primary, #3D61E3);\n      border-radius: 50%;\n      animation: spin 0.8s linear infinite;\n    }\n\n    @keyframes spin {\n      to { transform: rotate(360deg); }\n    }\n\n    .ProseMirror {\n      outline: none;\n      line-height: 1.7;\n      color: #37352f;\n      font-size: 15px;\n    }\n\n    .ProseMirror > * + * {\n      margin-top: 0.5em;\n    }\n\n    .ProseMirror > *:first-child {\n      margin-top: 0 !important;\n    }\n\n    .ProseMirror p {\n      margin: 0;\n    }\n\n    .ProseMirror h1 {\n      font-size: 1.875em;\n      font-weight: 700;\n      margin: 0 0 0.25em;\n      line-height: 1.3;\n    }\n\n    .ProseMirror > h1:first-child {\n      margin-top: 0 !important;\n      line-height: 1.15;\n    }\n\n    .ProseMirror > p:first-child {\n      margin-top: 0 !important;\n    }\n\n    .ProseMirror h2 {\n      font-size: 1.5em;\n      font-weight: 600;\n      margin: 0.5em 0 0.25em;\n      line-height: 1.3;\n    }\n\n    .ProseMirror h3 {\n      font-size: 1.25em;\n      font-weight: 600;\n      margin: 0.5em 0 0.25em;\n      line-height: 1.3;\n    }\n\n    .ProseMirror ul,\n    .ProseMirror ol {\n      padding-left: 1.5em;\n      margin: 0;\n    }\n\n    .ProseMirror li {\n      margin: 0.1em 0;\n    }\n\n    .ProseMirror li::marker {\n      color: #37352f;\n    }\n\n    .ProseMirror strong {\n      font-weight: 700;\n    }\n\n    .ProseMirror em {\n      font-style: italic;\n      font-synthesis: none;\n      transform: skewX(-12deg);\n      display: inline-block;\n    }\n\n    .ProseMirror u {\n      text-decoration: underline;\n    }\n\n    .ProseMirror s {\n      text-decoration: line-through;\n      color: #787774;\n    }\n\n    .ProseMirror code {\n      background: rgba(135, 131, 120, 0.14);\n      color: #eb5757;\n      padding: 2px 4px;\n      border-radius: 4px;\n      font-family: 'SFMono-Regular', Menlo, Consolas, monospace;\n      font-size: 85%;\n    }\n\n    .ProseMirror pre {\n      background: #f6f6f7;\n      border-radius: 8px;\n      padding: 12px 16px;\n      overflow-x: auto;\n    }\n\n    .ProseMirror pre code {\n      background: none;\n      padding: 0;\n      color: #37352f;\n    }\n\n    .ProseMirror blockquote {\n      border-left: 3px solid #e3e3e3;\n      padding-left: 1em;\n      margin: 0.75em 0;\n      color: #787774;\n    }\n\n    .ProseMirror hr {\n      border: none;\n      border-top: 1px solid #e3e3e3;\n      margin: 1.5em 0;\n    }\n\n    .ProseMirror img {\n      max-width: 100%;\n      height: auto;\n      border-radius: 8px;\n    }\n\n    .ProseMirror a {\n      color: var(--qxs-color-primary, #3D61E3);\n      text-decoration: underline;\n      cursor: pointer;\n    }\n\n    .ProseMirror img.ProseMirror-selectednode {\n      outline: 2px solid var(--qxs-color-primary, #3D61E3);\n    }\n\n    /* Table styles */\n    .ProseMirror table {\n      border-collapse: collapse;\n      width: 100%;\n      margin: 1em 0;\n      border: 1px solid #e3e3e3;\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .ProseMirror th,\n    .ProseMirror td {\n      border: 1px solid #e3e3e3;\n      padding: 8px 12px;\n      text-align: left;\n      vertical-align: top;\n    }\n\n    .ProseMirror th {\n      background: #fafafa;\n      font-weight: 600;\n    }\n\n    .ProseMirror .selectedCell {\n      background: rgba(30, 150, 252, 0.1);\n    }\n\n    /* Table Cell Toolbar */\n    .table-cell-toolbar {\n      position: absolute;\n      z-index: 50;\n      display: flex;\n      gap: 2px;\n      padding: 4px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 6px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n    }\n\n    .table-cell-toolbar-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      height: 28px;\n      border: none;\n      background: transparent;\n      border-radius: 4px;\n      cursor: pointer;\n      color: #606266;\n      transition: all 0.15s;\n    }\n\n    .table-cell-toolbar-btn:hover {\n      background: #ecf5ff;\n      color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .table-cell-toolbar-btn.danger:hover {\n      background: #fef0f0;\n      color: #f56c6c;\n    }\n\n    /* Bubble Menu */\n    .bubble-menu {\n      position: absolute;\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      padding: 4px 6px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 8px;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n      z-index: 100;\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.15s, visibility 0.15s, transform 0.15s;\n      transform: translateY(4px);\n      max-width: calc(100vw - 40px);\n    }\n\n    .bubble-menu.is-visible {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(0);\n    }\n\n    .bubble-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      height: 28px;\n      border: none;\n      background: transparent;\n      color: #37352f;\n      border-radius: 4px;\n      cursor: pointer;\n      transition: all 0.15s;\n      position: relative;\n    }\n\n    .bubble-btn:hover {\n      background: rgba(55, 53, 47, 0.08);\n    }\n\n    .bubble-btn.is-active {\n      background: var(--qxs-color-primary, #3D61E3);\n      color: #fff;\n    }\n\n    .bubble-btn svg {\n      width: 16px;\n      height: 16px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .bubble-divider {\n      width: 1px;\n      height: 16px;\n      background: #e3e3e3;\n      margin: 0 3px;\n    }\n\n    /* Dropdown */\n    .bubble-dropdown {\n      position: relative;\n    }\n\n    .bubble-dropdown-btn {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      padding: 0 6px;\n      height: 28px;\n      border: none;\n      background: transparent;\n      color: #37352f;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 500;\n      font-family: inherit;\n      transition: all 0.15s;\n      white-space: nowrap;\n    }\n\n    .bubble-dropdown-btn:hover {\n      background: rgba(55, 53, 47, 0.08);\n    }\n\n    .bubble-dropdown-btn svg {\n      width: 12px;\n      height: 12px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .bubble-dropdown-menu {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      margin-top: 4px;\n      min-width: 120px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 6px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n      padding: 4px;\n      opacity: 0;\n      visibility: hidden;\n      transform: translateY(-4px);\n      transition: all 0.15s;\n      z-index: 101;\n    }\n\n    .bubble-dropdown:hover .bubble-dropdown-menu,\n    .bubble-dropdown.is-open .bubble-dropdown-menu {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(0);\n    }\n\n    .bubble-dropdown-item {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      width: 100%;\n      padding: 6px 8px;\n      border: none;\n      background: transparent;\n      color: #37352f;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      font-weight: 500;\n      font-family: inherit;\n      text-align: left;\n      transition: all 0.15s;\n    }\n\n    .bubble-dropdown-item:hover {\n      background: rgba(55, 53, 47, 0.08);\n    }\n\n    .bubble-dropdown-item.is-active {\n      background: var(--qxs-color-primary, #3D61E3);\n      color: #fff;\n    }\n\n    .bubble-dropdown-item svg {\n      width: 16px;\n      height: 16px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .image-input {\n      display: none;\n    }\n\n    .table-grid-preview {\n      display: grid;\n      grid-template-columns: repeat(10, 18px);\n      gap: 2px;\n      padding: 8px;\n    }\n\n    .table-grid-preview .table-cell {\n      width: 18px;\n      height: 18px;\n      border: 1px solid #e3e3e3;\n      border-radius: 2px;\n      background: #fff;\n      cursor: pointer;\n      transition: all 0.1s;\n    }\n\n    .table-grid-preview .table-cell:hover {\n      background: rgba(30, 150, 252, 0.3);\n      border-color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .table-grid-preview .table-cell.selected {\n      background: rgba(30, 150, 252, 0.15);\n      border-color: rgba(30, 150, 252, 0.5);\n    }\n\n    .table-size-hint {\n      text-align: center;\n      padding: 4px 8px 6px;\n      font-size: 10px;\n      color: #8c8c8c;\n    }\n\n    /* Image Toolbar */\n    .image-toolbar {\n      position: absolute;\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      padding: 4px 6px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 6px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n      z-index: 100;\n      transform: translateX(-50%);\n    }\n\n    .image-toolbar-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      height: 28px;\n      border: none;\n      background: transparent;\n      border-radius: 4px;\n      cursor: pointer;\n      color: #595959;\n      transition: all 0.15s;\n    }\n\n    .image-toolbar-btn:hover {\n      background: #f5f5f5;\n      color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .image-toolbar-btn.danger:hover {\n      background: #fff1f0;\n      color: #ff4d4f;\n    }\n\n    .image-toolbar-btn svg {\n      width: 16px;\n      height: 16px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    .image-toolbar-divider {\n      width: 1px;\n      height: 20px;\n      background: #e3e3e3;\n      margin: 0 4px;\n    }\n\n    /* Image More Menu */\n    .image-more-menu {\n      position: absolute;\n      top: 100%;\n      right: 0;\n      margin-top: 4px;\n      padding: 4px;\n      background: #fff;\n      border: 1px solid #e3e3e3;\n      border-radius: 6px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n      z-index: 101;\n      min-width: 120px;\n    }\n\n    .image-more-menu-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      border: none;\n      background: transparent;\n      width: 100%;\n      text-align: left;\n      font-size: 13px;\n      color: #595959;\n      border-radius: 4px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .image-more-menu-item:hover {\n      background: #f5f5f5;\n      color: var(--qxs-color-primary, #3D61E3);\n    }\n\n    .image-more-menu-item svg {\n      width: 14px;\n      height: 14px;\n      stroke: currentColor;\n      stroke-width: 2;\n      fill: none;\n    }\n\n    /* Selected Image */\n    .ProseMirror img.selected {\n      outline: 2px solid var(--qxs-color-primary, #3D61E3);\n      outline-offset: 2px;\n    }\n  `\n\n  @property({ type: String, attribute: 'content' })\n  content = ''\n\n  @property({ type: String, attribute: 'model-value' })\n  modelValue = ''\n\n  @property({ type: String, attribute: 'placeholder' })\n  placeholder = '输入 / 唤出快捷命令'\n\n  @property({ type: String, attribute: 'use-model' })\n  useModelAttr = 'false'\n\n  @property({ type: String, attribute: 'readonly' })\n  readonlyAttr = 'false'\n\n  @property({ type: String, attribute: 'preview' })\n  previewAttr = 'false'\n\n  @property({ type: String, attribute: 'custom-styles' })\n  customStylesAttr = ''\n\n  private _injectedStyleEl: HTMLStyleElement | null = null\n\n  private _injectCustomStyles() {\n    const shadow = this.shadowRoot\n    if (!shadow) return\n\n    if (this._injectedStyleEl) {\n      this._injectedStyleEl.remove()\n      this._injectedStyleEl = null\n    }\n\n    if (!this.customStylesAttr) return\n\n    const styleEl = document.createElement('style')\n    styleEl.textContent = this.customStylesAttr\n    shadow.appendChild(styleEl)\n    this._injectedStyleEl = styleEl\n  }\n\n  get useModel(): boolean {\n    return this.useModelAttr === 'true' || this.useModelAttr === '' || this.hasAttribute('use-model')\n  }\n\n  set useModel(value: boolean) {\n    this.useModelAttr = String(value)\n  }\n\n  get readonly(): boolean {\n    return this.readonlyAttr !== 'false'\n  }\n\n  set readonly(value: boolean) {\n    this.readonlyAttr = String(value)\n  }\n\n  get preview(): boolean {\n    return this.previewAttr !== 'false'\n  }\n\n  set preview(value: boolean) {\n    this.previewAttr = String(value)\n  }\n\n  @property({ type: Object, attribute: 'upload-image' })\n  uploadImage: (file: File) => Promise<string> = async (file: File) => {\n    return new Promise((resolve, reject) => {\n      const reader = new FileReader()\n      reader.onload = (e) => resolve(e.target?.result as string)\n      reader.onerror = reject\n      reader.readAsDataURL(file)\n    })\n  }\n\n  @state() private _editor: Editor | null = null\n  @state() private _pendingContent: string | null = null\n  private _tableRows = 3\n  private _tableCols = 3\n  @state() private _hoverRow = 0\n  @state() private _hoverCol = 0\n  @state() private _tableDropdownOpen = false\n  @state() private _tableCellToolbar: { x: number, y: number, visible: boolean, cellRow: number, cellCol: number } = { x: 0, y: 0, visible: false, cellRow: 0, cellCol: 0 }\n  @state() private _imageToolbar: { x: number, y: number, visible: boolean } = { x: 0, y: 0, visible: false }\n  @state() private _imageMoreMenuVisible = false\n  private _hasSlashCommand = false\n  private _isUpdating = 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: this.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._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      if (this._editor?.isActive('table')) {\n        this._showTableCellToolbar()\n      } else {\n        this._hideTableCellToolbar()\n      }\n      this._checkSlashCommand()\n      this._setupTableEdgeDetection()\n    })\n\n    this._editor.on('update', () => {\n      this._emitContentChange()\n    })\n  }\n\n  private _tableEdgeDetectionSetup = false\n\n  private _emitContentChange() {\n    if (!this._editor) return\n    const html = this._editor.getHTML()\n\n    this.dispatchEvent(new CustomEvent('content-change', {\n      detail: html,\n      bubbles: true,\n      composed: true,\n    }))\n  }\n\n  private _setupTableEdgeDetection() {\n    const editorContent = this.shadowRoot?.querySelector('.editor-content')\n    const editorWrapper = this.shadowRoot?.querySelector('.editor-wrapper')\n    if (!editorContent || this._tableEdgeDetectionSetup) return\n    \n    this._tableEdgeDetectionSetup = true\n    \n    const handleEditorClick = () => {\n      this._editor?.chain().focus().run()\n    }\n\n    editorContent.addEventListener('click', handleEditorClick)\n    editorWrapper?.addEventListener('click', handleEditorClick)\n  }\n\n\n  private _checkSlashCommand() {\n    if (!this._editor) return\n    const { selection } = this._editor.state\n    const textBefore = this._editor.state.doc.textBetween(\n      Math.max(0, selection.from - 10),\n      selection.from,\n      ' '\n    )\n    this._hasSlashCommand = textBefore.endsWith('/')\n  }\n\n  firstUpdated() {\n    this._injectCustomStyles()\n    this._initEditor()\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('customStylesAttr')) {\n      this._injectCustomStyles()\n    }\n\n    if (this._editor) {\n      if (changed.has('content') || (changed.has('modelValue') && this.useModel)) {\n        const newContent = this.useModel ? this.modelValue : this.content\n        if (newContent !== this._editor.getHTML()) {\n          this._editor.commands.setContent(newContent || '<p></p>')\n        }\n      }\n      if (changed.has('readonly')) {\n        this._editor.setEditable(!this.readonly)\n      }\n      return\n    }\n\n    // 编辑器未初始化时，只保存待处理内容，不重复初始化\n    if (changed.has('content')) {\n      this._pendingContent = this.content\n    }\n\n    if (changed.has('modelValue') && this.useModel) {\n      this._pendingContent = this.modelValue\n    }\n\n    // 只有在 firstUpdated 时才会初始化编辑器\n    // 这里不再重复调用 _initEditor()\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this._editor?.destroy()\n    this._editor = null\n  }\n\n  getContent(): string {\n    return this._editor?.getHTML() ?? ''\n  }\n\n  forceUpdate(): void {\n    this.requestUpdate()\n    if (this._editor) {\n      const newContent = this.useModel ? this.modelValue : this.content\n      if (newContent !== this._editor.getHTML()) {\n        this._editor.commands.setContent(newContent || '<p></p>')\n      }\n    }\n  }\n\n\n  private _applyFormat(command: () => void) {\n    if (this._hasSlashCommand && this._editor) {\n      const { selection } = this._editor.state\n      this._editor.chain().focus().deleteRange({ from: selection.from - 1, to: selection.from }).run()\n      this._hasSlashCommand = false\n    }\n    command()\n  }\n\n  private _toggleBold() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleBold().run())\n  }\n\n  private _toggleItalic() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleItalic().run())\n  }\n\n  private _toggleUnderline() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleUnderline().run())\n  }\n\n  private _toggleStrike() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleStrike().run())\n  }\n\n  private _toggleCode() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleCode().run())\n  }\n\n  private _setHeading(level: number) {\n    this._applyFormat(() => this._editor?.chain().focus().toggleHeading({ level: level as 1 | 2 | 3 | 4 | 5 | 6 }).run())\n  }\n\n  private _setParagraph() {\n    this._applyFormat(() => this._editor?.chain().focus().setParagraph().run())\n  }\n\n  private _toggleBulletList() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleBulletList().run())\n  }\n\n  private _toggleOrderedList() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleOrderedList().run())\n  }\n\n  private _toggleBlockquote() {\n    this._applyFormat(() => this._editor?.chain().focus().toggleBlockquote().run())\n  }\n\n  private _setTextAlign(align: string) {\n    this._applyFormat(() => this._editor?.chain().focus().setTextAlign(align as any).run())\n  }\n\n  private _setLink() {\n    // eslint-disable-next-line no-alert\n    const url = window.prompt('请输入链接地址：')\n    if (url) {\n      this._applyFormat(() => this._editor?.chain().focus().setLink({ href: url }).run())\n    }\n  }\n\n\n  private _insertTable(rows?: number, cols?: number) {\n    this._editor?.chain().focus().insertTable({ rows: rows ?? this._tableRows, cols: cols ?? this._tableCols, withHeaderRow: true }).run()\n  }\n\n  private async _handleImageUpload(e: Event) {\n    const input = e.target as HTMLInputElement\n    const file = input.files?.[0]\n    if (file) {\n      try {\n        const src = await this.uploadImage(file)\n        this._editor?.chain().focus().setImage({ src }).run()\n      }\n      catch (err) {\n        console.error('图片上传失败:', err)\n      }\n    }\n    input.value = ''\n  }\n\n  private _triggerImageUpload() {\n    const input = this.shadowRoot?.querySelector<HTMLInputElement>('.image-input')\n    input?.click()\n  }\n\n  private _insertTableByClick(rows: number, cols: number) {\n    if (this._hasSlashCommand && this._editor) {\n      const { selection } = this._editor.state\n      this._editor.chain().focus().deleteRange({ from: selection.from - 1, to: selection.from }).run()\n      this._hasSlashCommand = false\n    }\n    this._tableRows = rows\n    this._tableCols = cols\n    this._insertTable(rows, cols)\n  }\n\n\n  private _showTableCellToolbar() {\n    if (!this._editor?.isActive('table')) return\n    const { state } = this._editor\n    const { selection } = state\n    const coords = this._editor.view.coordsAtPos(selection.from)\n    const editorWrapper = this.shadowRoot?.querySelector<HTMLElement>('.editor-wrapper')\n    if (!editorWrapper) return\n    const wrapperRect = editorWrapper.getBoundingClientRect()\n\n    const cellRow = this._getTableCellRow()\n    const cellCol = this._getTableCellCol()\n    const isTopRow = cellRow === 0\n    const isLeftCol = cellCol === 0\n\n    // Only show toolbar on top row or left column\n    if (!isTopRow && !isLeftCol) return\n\n    requestAnimationFrame(() => {\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\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    requestAnimationFrame(() => {\n      this._tableCellToolbar = { ...this._tableCellToolbar, visible: false }\n    })\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    requestAnimationFrame(() => {\n      this._imageToolbar = { x: pos.x, y: pos.y, visible: true }\n      this._imageMoreMenuVisible = false\n    })\n  }\n\n  private _hideImageToolbar() {\n    requestAnimationFrame(() => {\n      this._imageToolbar = { ...this._imageToolbar, visible: false }\n      this._imageMoreMenuVisible = false\n    })\n  }\n\n  private _toggleImageMoreMenu() {\n    this._imageMoreMenuVisible = !this._imageMoreMenuVisible\n  }\n\n  private _deleteImage() {\n    this._editor?.chain().focus().deleteNode('image').run()\n    this._hideImageToolbar()\n  }\n\n  private _insertImageAfter() {\n    this._triggerImageUpload()\n    this._imageMoreMenuVisible = false\n  }\n\n  private _setImageAlignLeft() {\n    const editor = this._editor\n    if (editor) {\n      const { selection } = editor.state\n      const pos = selection.from\n      editor.chain().focus().setNodeSelection(pos).run()\n      const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n      if (img) {\n        img.style.display = 'block'\n        img.style.margin = '0 auto 0 0'\n      }\n    }\n    this._imageMoreMenuVisible = false\n  }\n\n  private _setImageAlignCenter() {\n    const editor = this._editor\n    if (editor) {\n      const { selection } = editor.state\n      const pos = selection.from\n      editor.chain().focus().setNodeSelection(pos).run()\n      const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n      if (img) {\n        img.style.display = 'block'\n        img.style.margin = '0 auto'\n      }\n    }\n    this._imageMoreMenuVisible = false\n  }\n\n  private _setImageAlignRight() {\n    const editor = this._editor\n    if (editor) {\n      const { selection } = editor.state\n      const pos = selection.from\n      editor.chain().focus().setNodeSelection(pos).run()\n      const img = this.shadowRoot?.querySelector('.ProseMirror img.ProseMirror-selectednode') as HTMLElement\n      if (img) {\n        img.style.display = 'block'\n        img.style.margin = '0 0 0 auto'\n      }\n    }\n    this._imageMoreMenuVisible = false\n  }\n\n\n  private _getTextLabel(): string {\n    const editor = this._editor\n    if (!editor) { return '正文' }\n    if (editor.isActive('heading', { level: 1 })) { return '标题 1' }\n    if (editor.isActive('heading', { level: 2 })) { return '标题 2' }\n    if (editor.isActive('heading', { level: 3 })) { return '标题 3' }\n    return '正文'\n  }\n\n  private _getAlignLabel(): string {\n    const editor = this._editor\n    if (!editor) { return '对齐' }\n    if (editor.isActive({ textAlign: 'center' })) { return '居中' }\n    if (editor.isActive({ textAlign: 'right' })) { return '右对齐' }\n    return '左对齐'\n  }\n\n  private _updateBubbleMenuPosition() {\n    requestAnimationFrame(() => {\n      const bubbleMenu = this.shadowRoot?.querySelector<HTMLElement>('.bubble-menu')\n      const proseMirror = this.shadowRoot?.querySelector<HTMLElement>('.ProseMirror')\n      const editorWrapper = this.shadowRoot?.querySelector<HTMLElement>('.editor-wrapper')\n      if (!bubbleMenu || !proseMirror || !editorWrapper) { return }\n\n      const editor = this._editor\n      const isInTable = editor?.isActive('table') ?? false\n      const { selection } = editor?.state ?? { selection: null }\n\n      // 如果选中了表格节点（而不只是单元格内的文字），隐藏菜单\n      if (isInTable && selection && !selection.empty && editor) {\n        const { from, to } = selection\n        const $from = editor.state.doc.resolve(from)\n        const $to = editor.state.doc.resolve(to)\n        // 检查选区起点和终点之间是否有表格节点\n        let hasTableInSelection = false\n        for (let d = $from.depth; d >= 0; d--) {\n          if ($from.node(d).type.name === 'table') {\n            hasTableInSelection = true\n            break\n          }\n        }\n        // 如果选区起点在表格外但终点在表格内，或者选区跨越了表格\n        const fromAncestor = $from.node($from.depth)\n        const toAncestor = $to.node($to.depth)\n        if (fromAncestor.type.name === 'table' || toAncestor.type.name === 'table') {\n          hasTableInSelection = true\n        }\n        if (hasTableInSelection) {\n          bubbleMenu.style.opacity = '0'\n          bubbleMenu.style.visibility = 'hidden'\n          return\n        }\n      }\n\n      // 如果有选中文字，显示菜单\n      if (selection && !selection.empty) {\n        // continue to show menu\n      } else if (!selection || (selection.empty && !this._hasSlashCommand)) {\n        bubbleMenu.style.opacity = '0'\n        bubbleMenu.style.visibility = 'hidden'\n        return\n      }\n\n      const wrapperRect = editorWrapper.getBoundingClientRect()\n      const menuRect = bubbleMenu.getBoundingClientRect()\n\n      const { from } = selection!\n      const coords = this._editor?.view.coordsAtPos(from)\n      if (!coords) { return }\n\n      let left = coords.left - wrapperRect.left\n      let top = coords.top - wrapperRect.top - 40\n\n      if (left + menuRect.width > wrapperRect.width) {\n        left = wrapperRect.width - menuRect.width - 8\n      }\n      if (left < 0) {\n        left = 8\n      }\n\n      if (top < 0) {\n        top = coords.bottom - wrapperRect.top + 8\n      }\n\n      bubbleMenu.style.left = `${left}px`\n      bubbleMenu.style.top = `${top}px`\n      bubbleMenu.style.opacity = '1'\n      bubbleMenu.style.visibility = 'visible'\n    })\n  }\n\n  render() {\n    const editor = this._editor\n\n    return html`\n      <div class=\"editor-wrapper ${!editor ? 'loading' : ''} ${this.preview ? 'preview' : ''}\">\n        ${!editor ? html`\n          <div class=\"loading-placeholder\">\n            <div class=\"loading-spinner\"></div>\n            <span>编辑器加载中...</span>\n          </div>\n        ` : ''}\n        <input\n          type=\"file\"\n          accept=\"image/*\"\n          class=\"image-input\"\n          @change=${this._handleImageUpload}\n        />\n\n        <!-- Bubble Menu (悬浮操作栏) -->\n        ${!this.preview ? html`\n        <div class=\"bubble-menu\">\n          <!-- 文本格式 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('bold') ? 'is-active' : ''}\"\n            @click=${this._toggleBold}\n            title=\"加粗\"\n          >\n            <svg viewBox=\"0 0 24 24\"><path d=\"M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z\"/><path d=\"M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z\"/></svg>\n          </button>\n          <button\n            class=\"bubble-btn ${editor?.isActive('italic') ? 'is-active' : ''}\"\n            @click=${this._toggleItalic}\n            title=\"斜体\"\n          >\n            <svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"4\" x2=\"10\" y2=\"4\"/><line x1=\"14\" y1=\"20\" x2=\"5\" y2=\"20\"/><line x1=\"15\" y1=\"4\" x2=\"9\" y2=\"20\"/></svg>\n          </button>\n          <button\n            class=\"bubble-btn ${editor?.isActive('underline') ? 'is-active' : ''}\"\n            @click=${this._toggleUnderline}\n            title=\"下划线\"\n          >\n            <svg viewBox=\"0 0 24 24\"><path d=\"M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3\"/><line x1=\"4\" y1=\"21\" x2=\"20\" y2=\"21\"/></svg>\n          </button>\n          <button\n            class=\"bubble-btn ${editor?.isActive('strike') ? 'is-active' : ''}\"\n            @click=${this._toggleStrike}\n            title=\"删除线\"\n          >\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17.3 4.9c-2.3-.6-4.4-1-6.2-.9-2.7 0-5.3.7-5.3 3.6 0 1.5 1.8 3.3 5.3 3.9h.2m8.2 3.2c.3.4.4.8.4 1.3 0 2.9-2.7 3.6-6.2 3.6-2.3 0-4.4-.3-6.2-.9M4 12h16\"/></svg>\n          </button>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 文本类型下拉 -->\n          <div class=\"bubble-dropdown\">\n            <button class=\"bubble-dropdown-btn\">\n              ${this._getTextLabel()}\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"/></svg>\n            </button>\n            <div class=\"bubble-dropdown-menu\">\n              <button\n                class=\"bubble-dropdown-item ${!editor?.isActive('heading') ? 'is-active' : ''}\"\n                @click=${this._setParagraph}\n              >\n                正文\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive('heading', { level: 1 }) ? 'is-active' : ''}\"\n                @click=${() => this._setHeading(1)}\n              >\n                标题 1\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive('heading', { level: 2 }) ? 'is-active' : ''}\"\n                @click=${() => this._setHeading(2)}\n              >\n                标题 2\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive('heading', { level: 3 }) ? 'is-active' : ''}\"\n                @click=${() => this._setHeading(3)}\n              >\n                标题 3\n              </button>\n            </div>\n          </div>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 对齐下拉 -->\n          <div class=\"bubble-dropdown\">\n            <button class=\"bubble-dropdown-btn\">\n              ${this._getAlignLabel()}\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"/></svg>\n            </button>\n            <div class=\"bubble-dropdown-menu\">\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive({ textAlign: 'left' }) ? 'is-active' : ''}\"\n                @click=${() => this._setTextAlign('left')}\n              >\n                <svg viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"3\" y1=\"12\" x2=\"15\" y2=\"12\"/><line x1=\"3\" y1=\"18\" x2=\"18\" y2=\"18\"/></svg>\n                左对齐\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive({ textAlign: 'center' }) ? 'is-active' : ''}\"\n                @click=${() => this._setTextAlign('center')}\n              >\n                <svg viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"6\" y1=\"12\" x2=\"18\" y2=\"12\"/><line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\"/></svg>\n                居中\n              </button>\n              <button\n                class=\"bubble-dropdown-item ${editor?.isActive({ textAlign: 'right' }) ? 'is-active' : ''}\"\n                @click=${() => this._setTextAlign('right')}\n              >\n                <svg viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"9\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"6\" y1=\"18\" x2=\"21\" y2=\"18\"/></svg>\n                右对齐\n              </button>\n            </div>\n          </div>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 行内代码 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('code') ? 'is-active' : ''}\"\n            @click=${this._toggleCode}\n            title=\"行内代码\"\n          >\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"16 18 22 12 16 6\"/><polyline points=\"8 6 2 12 8 18\"/></svg>\n          </button>\n\n          <!-- 链接 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('link') ? 'is-active' : ''}\"\n            @click=${this._setLink}\n            title=\"链接\"\n          >\n            <svg viewBox=\"0 0 24 24\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/></svg>\n          </button>\n\n          <!-- 图片 -->\n          <button\n            class=\"bubble-btn\"\n            @click=${this._triggerImageUpload}\n            title=\"图片\"\n          >\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/><polyline points=\"21 15 16 10 5 21\"/></svg>\n          </button>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 列表 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('bulletList') ? 'is-active' : ''}\"\n            @click=${this._toggleBulletList}\n            title=\"无序列表\"\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"9\" y1=\"6\" x2=\"20\" y2=\"6\"/>\n              <line x1=\"9\" y1=\"12\" x2=\"20\" y2=\"12\"/>\n              <line x1=\"9\" y1=\"18\" x2=\"20\" y2=\"18\"/>\n              <circle cx=\"4\" cy=\"6\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"/>\n              <circle cx=\"4\" cy=\"12\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"/>\n              <circle cx=\"4\" cy=\"18\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"/>\n            </svg>\n          </button>\n          <button\n            class=\"bubble-btn ${editor?.isActive('orderedList') ? 'is-active' : ''}\"\n            @click=${this._toggleOrderedList}\n            title=\"有序列表\"\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"10\" y1=\"6\" x2=\"21\" y2=\"6\"/>\n              <line x1=\"10\" y1=\"12\" x2=\"21\" y2=\"12\"/>\n              <line x1=\"10\" y1=\"18\" x2=\"21\" y2=\"18\"/>\n              <path d=\"M4 6h1v4\"/>\n              <path d=\"M4 10h2\"/>\n              <path d=\"M6 18H4c0-1 2-2 2-3s-1-1.5-2-1.5\"/>\n            </svg>\n          </button>\n\n          <!-- 引用 -->\n          <button\n            class=\"bubble-btn ${editor?.isActive('blockquote') ? 'is-active' : ''}\"\n            @click=${this._toggleBlockquote}\n            title=\"引用\"\n          >\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z\"/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"/></svg>\n          </button>\n\n          <div class=\"bubble-divider\"></div>\n\n          <!-- 表格下拉 -->\n          <div\n            class=\"bubble-dropdown ${this._tableDropdownOpen ? 'is-open' : ''}\"\n            @mouseenter=${() => {\n              this._tableDropdownOpen = true\n              this._hoverRow = 0\n              this._hoverCol = 0\n            }}\n            @mouseleave=${() => this._tableDropdownOpen = false}\n          >\n            <button class=\"bubble-dropdown-btn\" title=\"表格\">\n              <svg viewBox=\"0 0 24 24\" style=\"width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"/><line x1=\"3\" y1=\"15\" x2=\"21\" y2=\"15\"/><line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\"/><line x1=\"15\" y1=\"3\" x2=\"15\" y2=\"21\"/></svg>\n            </button>\n            <div class=\"bubble-dropdown-menu\">\n              <div class=\"table-grid-preview\">\n                ${this._renderTableGrid()}\n              </div>\n              <div class=\"table-size-hint\">\n                <span>${this._hoverRow > 0 ? `${this._hoverRow} × ${this._hoverCol}` : `${this._tableRows} × ${this._tableCols}`}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        ` : ''}\n\n        <div class=\"editor-content\"></div>\n\n        <!-- Table Cell Toolbar -->\n        ${this._tableCellToolbar.visible && editor?.isActive('table')\n          ? html`\n          <div\n            class=\"table-cell-toolbar\"\n            style=\"left: ${this._tableCellToolbar.x}px; top: ${this._tableCellToolbar.y}px;\"\n            @mousedown=${(e: Event) => e.preventDefault()}\n          >\n            ${this._tableCellToolbar.cellRow === 0 ? html`\n              <button class=\"table-cell-toolbar-btn\" title=\"上方添加行\" @click=${this._addTableRowAbove}>\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><rect x=\"4\" y=\"8\" width=\"16\" height=\"8\" rx=\"1\"/><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"7\"/><line x1=\"10\" y1=\"5\" x2=\"14\" y2=\"5\"/></svg>\n              </button>\n              <button class=\"table-cell-toolbar-btn\" title=\"下方添加行\" @click=${this._addTableRowBelow}>\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><rect x=\"4\" y=\"8\" width=\"16\" height=\"8\" rx=\"1\"/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"17\"/><line x1=\"10\" y1=\"19\" x2=\"14\" y2=\"19\"/></svg>\n              </button>\n              <button class=\"table-cell-toolbar-btn danger\" title=\"删除行\" @click=${this._deleteTableRow}>\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><rect x=\"4\" y=\"8\" width=\"16\" height=\"8\" rx=\"1\"/><line x1=\"9\" y1=\"10\" x2=\"9\" y2=\"14\"/><line x1=\"15\" y1=\"10\" x2=\"15\" y2=\"14\"/></svg>\n              </button>\n            ` : ''}\n            ${this._tableCellToolbar.cellCol === 0 ? html`\n              ${this._tableCellToolbar.cellRow !== 0 ? html`<div style=\"width:1px;height:20px;background:#e3e3e3;margin:0 4px;\"></div>` : ''}\n              <button class=\"table-cell-toolbar-btn\" title=\"左侧添加列\" @click=${this._addTableColumnLeft}>\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><rect x=\"8\" y=\"4\" width=\"8\" height=\"16\" rx=\"1\"/><line x1=\"3\" y1=\"12\" x2=\"7\" y2=\"12\"/><line x1=\"5\" y1=\"10\" x2=\"5\" y2=\"14\"/></svg>\n              </button>\n              <button class=\"table-cell-toolbar-btn\" title=\"右侧添加列\" @click=${this._addTableColumnRight}>\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><rect x=\"8\" y=\"4\" width=\"8\" height=\"16\" rx=\"1\"/><line x1=\"21\" y1=\"12\" x2=\"17\" y2=\"12\"/><line x1=\"19\" y1=\"10\" x2=\"19\" y2=\"14\"/></svg>\n              </button>\n              <button class=\"table-cell-toolbar-btn danger\" title=\"删除列\" @click=${this._deleteTableColumn}>\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><rect x=\"8\" y=\"4\" width=\"8\" height=\"16\" rx=\"1\"/><line x1=\"10\" y1=\"9\" x2=\"14\" y2=\"9\"/><line x1=\"10\" y1=\"15\" x2=\"14\" y2=\"15\"/></svg>\n              </button>\n            ` : ''}\n            ${this._tableCellToolbar.cellRow === 0 && this._tableCellToolbar.cellCol === 0 ? html`\n              <div style=\"width:1px;height:20px;background:#e3e3e3;margin:0 4px;\"></div>\n              <button class=\"table-cell-toolbar-btn danger\" title=\"删除表格\" @click=${this._deleteTable}>\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><polyline points=\"3 6 5 6 21 6\"/><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/></svg>\n              </button>\n            ` : ''}\n          </div>\n          `\n          : ''}\n\n        <!-- Image Toolbar -->\n        ${this._imageToolbar.visible\n          ? html`\n          <div\n            class=\"image-toolbar\"\n            style=\"left: ${this._imageToolbar.x}px; top: ${this._imageToolbar.y}px;\"\n            @mousedown=${(e: Event) => e.preventDefault()}\n          >\n            <button class=\"image-toolbar-btn danger\" title=\"删除图片\" @click=${this._deleteImage}>\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"3 6 5 6 21 6\"/><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/></svg>\n            </button>\n            <button class=\"image-toolbar-btn\" title=\"添加图片\" @click=${this._insertImageAfter}>\n              <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></svg>\n            </button>\n            <div class=\"image-toolbar-divider\"></div>\n            <div style=\"position: relative;\">\n              <button class=\"image-toolbar-btn\" title=\"更多\" @click=${this._toggleImageMoreMenu}>\n                <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"1\"/><circle cx=\"19\" cy=\"12\" r=\"1\"/><circle cx=\"5\" cy=\"12\" r=\"1\"/></svg>\n              </button>\n              ${this._imageMoreMenuVisible\n                ? html`\n                <div class=\"image-more-menu\">\n                  <button class=\"image-more-menu-item\" @click=${this._setImageAlignLeft}>\n                    <svg viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"3\" y1=\"12\" x2=\"15\" y2=\"12\"/><line x1=\"3\" y1=\"18\" x2=\"18\" y2=\"18\"/></svg>\n                    左对齐\n                  </button>\n                  <button class=\"image-more-menu-item\" @click=${this._setImageAlignCenter}>\n                    <svg viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"6\" y1=\"12\" x2=\"18\" y2=\"12\"/><line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\"/></svg>\n                    居中\n                  </button>\n                  <button class=\"image-more-menu-item\" @click=${this._setImageAlignRight}>\n                    <svg viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"9\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"6\" y1=\"18\" x2=\"21\" y2=\"18\"/></svg>\n                    右对齐\n                  </button>\n                </div>\n                `\n                : ''}\n            </div>\n          </div>\n          `\n          : ''}\n      </div>\n    `\n  }\n\n  private _renderTableGrid() {\n    const cells = []\n    for (let i = 0; i < 100; i++) {\n      const row = Math.floor(i / 10) + 1\n      const col = (i % 10) + 1\n      const isHighlight = this._hoverRow > 0 && row <= this._hoverRow && col <= this._hoverCol\n      cells.push(html`\n        <div\n          class=\"table-cell ${isHighlight ? 'selected' : ''}\"\n          @click=${() => {\n            this._insertTableByClick(row, col)\n            this._tableDropdownOpen = false\n          }}\n          @mouseenter=${() => {\n            this._hoverRow = row\n            this._hoverCol = col\n          }}\n          @mouseleave=${() => {\n            this._hoverRow = 0\n            this._hoverCol = 0\n          }}\n        ></div>\n      `)\n    }\n    return cells\n  }\n}\n\nexport function register() {}\n"],"names":["QxsBlocksuiteEditor","LitElement","constructor","super","arguments","this","content","modelValue","placeholder","useModelAttr","readonlyAttr","previewAttr","customStylesAttr","_injectedStyleEl","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_editor","_pendingContent","_tableRows","_tableCols","_hoverRow","_hoverCol","_tableDropdownOpen","_tableCellToolbar","x","y","visible","cellRow","cellCol","_imageToolbar","_imageMoreMenuVisible","_hasSlashCommand","_isUpdating","_tableEdgeDetectionSetup","_injectCustomStyles","shadow","shadowRoot","remove","styleEl","document","createElement","textContent","appendChild","useModel","hasAttribute","value","String","readonly","preview","_initEditor","el","querySelector","requestAnimationFrame","firstChild","removeChild","getAttribute","contentValue","initialContent","extensions","Document","Paragraph","Text","Bold","Italic","Underline","Strike","Code","Heading","configure","levels","BulletList","OrderedList","ListItem","Blockquote","HorizontalRule","History","Image","inline","allowBase64","Link","openOnClick","HTMLAttributes","rel","TextAlign","types","Table","resizable","TableRow","TableCell","TableHeader","Placeholder","Extension","create","name","addKeyboardShortcuts","Enter","editor","chain","focus","unsetAllMarks","clearNodes","run","Editor","element","editable","on","_updateBubbleMenuPosition","isActive","_showTableCellToolbar","_hideTableCellToolbar","selection","state","$from","node","depth","type","coords","view","coordsAtPos","start","wrapperRect","getBoundingClientRect","left","right","top","_showImageToolbar","_hideImageToolbar","_checkSlashCommand","_setupTableEdgeDetection","_emitContentChange","html","getHTML","dispatchEvent","CustomEvent","detail","bubbles","composed","editorContent","editorWrapper","handleEditorClick","addEventListener","textBefore","doc","textBetween","Math","max","from","endsWith","firstUpdated","updated","changed","has","newContent","commands","setContent","setEditable","disconnectedCallback","destroy","getContent","forceUpdate","requestUpdate","_applyFormat","command","deleteRange","to","_toggleBold","toggleBold","_toggleItalic","toggleItalic","_toggleUnderline","toggleUnderline","_toggleStrike","toggleStrike","_toggleCode","toggleCode","_setHeading","level","toggleHeading","_setParagraph","setParagraph","_toggleBulletList","toggleBulletList","_toggleOrderedList","toggleOrderedList","_toggleBlockquote","toggleBlockquote","_setTextAlign","align","setTextAlign","_setLink","url","window","prompt","setLink","href","_insertTable","rows","cols","insertTable","withHeaderRow","_handleImageUpload","input","files","src","setImage","err","_triggerImageUpload","click","_insertTableByClick","_getTableCellRow","_getTableCellCol","bottom","$pos","d","index","_addTableRowAbove","addRowBefore","_addTableRowBelow","addRowAfter","_addTableColumnLeft","addColumnBefore","_addTableColumnRight","addColumnAfter","_deleteTableRow","deleteRow","_deleteTableColumn","deleteColumn","_deleteTable","deleteTable","pos","_toggleImageMoreMenu","_deleteImage","deleteNode","_insertImageAfter","_setImageAlignLeft","setNodeSelection","img","style","display","margin","_setImageAlignCenter","_setImageAlignRight","_getTextLabel","_getAlignLabel","textAlign","bubbleMenu","proseMirror","isInTable","empty","$to","hasTableInSelection","fromAncestor","toAncestor","opacity","visibility","menuRect","width","render","_renderTableGrid","preventDefault","cells","i","row","floor","col","isHighlight","push","styles","css","__decorateClass","property","attribute","prototype","Object","safeCustomElement"],"mappings":"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"}

package/lib/editor/index.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("./blocksuite-editor.cjs");customElements.get("qxs-blocksuite-editor")||customElements.define("qxs-blocksuite-editor",e.QxsBlocksuiteEditor),Object.defineProperty(exports,"QxsBlocksuiteEditor",{enumerable:!0,get:function(){return e.QxsBlocksuiteEditor}}),exports.register=function(){};
+"use strict";var e=require("./blocksuite-editor.cjs");require("../base/define.cjs").safeCustomElement("qxs-blocksuite-editor")(e.QxsBlocksuiteEditor),Object.defineProperty(exports,"QxsBlocksuiteEditor",{enumerable:!0,get:function(){return e.QxsBlocksuiteEditor}}),exports.register=function(){};
 //# sourceMappingURL=index.cjs.map

package/lib/editor/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../packages/components-wc/src/editor/index.ts"],"sourcesContent":["import { QxsBlocksuiteEditor } from './blocksuite-editor'\nexport { QxsBlocksuiteEditor }\n\nif (!customElements.get('qxs-blocksuite-editor')) {\n  customElements.define('qxs-blocksuite-editor', QxsBlocksuiteEditor)\n}\n\nexport function register() {}\n"],"names":["customElements","get","define","QxsBlocksuiteEditor"],"mappings":"sDAGKA,eAAeC,IAAI,0BACtBD,eAAeE,OAAO,wBAAyBC,0JAG1C,WAAqB"}
+{"version":3,"file":"index.cjs","sources":["../../../../packages/components-wc/src/editor/index.ts"],"sourcesContent":["import { QxsBlocksuiteEditor } from './blocksuite-editor'\nimport { safeCustomElement } from '../base/define'\n\nexport { QxsBlocksuiteEditor }\n\nsafeCustomElement('qxs-blocksuite-editor')(QxsBlocksuiteEditor)\n\nexport function register() {}\n"],"names":["safeCustomElement","QxsBlocksuiteEditor"],"mappings":"oFAKAA,kBAAkB,wBAAlBA,CAA2CC,0JAEpC,WAAqB"}

package/lib/entry-editor.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("./editor/index.cjs"),r=require("./editor/blocksuite-editor.cjs");exports.register=e.register,Object.defineProperty(exports,"QxsBlocksuiteEditor",{enumerable:!0,get:function(){return r.QxsBlocksuiteEditor}});
+//# sourceMappingURL=entry-editor.cjs.map

package/lib/entry-editor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"entry-editor.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/entry-subject.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("./subject/action.cjs"),t=require("./subject/blank-fill.cjs"),r=require("./subject/layout.cjs"),u=require("./subject/list.cjs"),n=require("./subject/page-end.cjs"),c=require("./subject/scale.cjs"),s=require("./subject/single.cjs"),i=require("./subject/text-fill.cjs"),b=require("./subject/type.cjs");Object.defineProperty(exports,"QxsSubjectAction",{enumerable:!0,get:function(){return e.QxsSubjectAction}}),Object.defineProperty(exports,"QxsBlankFill",{enumerable:!0,get:function(){return t.QxsBlankFill}}),Object.defineProperty(exports,"QxsSubjectLayout",{enumerable:!0,get:function(){return r.QxsSubjectLayout}}),Object.defineProperty(exports,"QxsSubjectList",{enumerable:!0,get:function(){return u.QxsSubjectList}}),Object.defineProperty(exports,"QxsPageEnd",{enumerable:!0,get:function(){return n.QxsPageEnd}}),Object.defineProperty(exports,"QxsScale",{enumerable:!0,get:function(){return c.QxsScale}}),Object.defineProperty(exports,"QxsSubjectSingle",{enumerable:!0,get:function(){return s.QxsSubjectSingle}}),Object.defineProperty(exports,"QxsTextFill",{enumerable:!0,get:function(){return i.QxsTextFill}}),Object.defineProperty(exports,"QxsSubjectType",{enumerable:!0,get:function(){return b.QxsSubjectType}});
+//# sourceMappingURL=entry-subject.cjs.map

package/lib/entry-subject.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"entry-subject.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/index.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("./subject/action.cjs"),t=require("./subject/blank-fill.cjs"),r=require("./subject/layout.cjs"),u=require("./subject/list.cjs"),n=require("./subject/single.cjs"),s=require("./subject/text-fill.cjs"),c=require("./subject/scale.cjs"),i=require("./subject/page-end.cjs"),o=require("./subject/type.cjs"),b=require("./editor/blocksuite-editor.cjs");Object.defineProperty(exports,"QxsSubjectAction",{enumerable:!0,get:function(){return e.QxsSubjectAction}}),Object.defineProperty(exports,"QxsBlankFill",{enumerable:!0,get:function(){return t.QxsBlankFill}}),Object.defineProperty(exports,"QxsSubjectLayout",{enumerable:!0,get:function(){return r.QxsSubjectLayout}}),Object.defineProperty(exports,"QxsSubjectList",{enumerable:!0,get:function(){return u.QxsSubjectList}}),Object.defineProperty(exports,"QxsSubjectSingle",{enumerable:!0,get:function(){return n.QxsSubjectSingle}}),Object.defineProperty(exports,"QxsTextFill",{enumerable:!0,get:function(){return s.QxsTextFill}}),Object.defineProperty(exports,"QxsScale",{enumerable:!0,get:function(){return c.QxsScale}}),Object.defineProperty(exports,"QxsPageEnd",{enumerable:!0,get:function(){return i.QxsPageEnd}}),Object.defineProperty(exports,"QxsSubjectType",{enumerable:!0,get:function(){return o.QxsSubjectType}}),Object.defineProperty(exports,"QxsBlocksuiteEditor",{enumerable:!0,get:function(){return b.QxsBlocksuiteEditor}}),exports.register=b.register;
+"use strict";var e=require("./editor/blocksuite-editor.cjs"),t=require("./editor/index.cjs"),r=require("./subject/blank-fill.cjs"),u=require("./subject/page-end.cjs"),n=require("./subject/scale.cjs"),s=require("./subject/action.cjs"),c=require("./subject/layout.cjs"),i=require("./subject/list.cjs"),o=require("./subject/single.cjs"),b=require("./subject/type.cjs"),j=require("./subject/text-fill.cjs");Object.defineProperty(exports,"QxsBlocksuiteEditor",{enumerable:!0,get:function(){return e.QxsBlocksuiteEditor}}),exports.register=t.register,Object.defineProperty(exports,"QxsBlankFill",{enumerable:!0,get:function(){return r.QxsBlankFill}}),Object.defineProperty(exports,"QxsPageEnd",{enumerable:!0,get:function(){return u.QxsPageEnd}}),Object.defineProperty(exports,"QxsScale",{enumerable:!0,get:function(){return n.QxsScale}}),Object.defineProperty(exports,"QxsSubjectAction",{enumerable:!0,get:function(){return s.QxsSubjectAction}}),Object.defineProperty(exports,"QxsSubjectLayout",{enumerable:!0,get:function(){return c.QxsSubjectLayout}}),Object.defineProperty(exports,"QxsSubjectList",{enumerable:!0,get:function(){return i.QxsSubjectList}}),Object.defineProperty(exports,"QxsSubjectSingle",{enumerable:!0,get:function(){return o.QxsSubjectSingle}}),Object.defineProperty(exports,"QxsSubjectType",{enumerable:!0,get:function(){return b.QxsSubjectType}}),Object.defineProperty(exports,"QxsTextFill",{enumerable:!0,get:function(){return j.QxsTextFill}});
 //# sourceMappingURL=index.cjs.map

package/lib/subject/action.cjs

@@ -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"),i=Object.defineProperty,s=Object.getOwnPropertyDescriptor,n=(e,t,o,n)=>{for(var r,a=n>1?void 0:n?s(t,o):t,l=e.length-1;l>=0;l--)(r=e[l])&&(a=(n?r(t,o,a):r(a))||a);return n&&a&&i(t,o,a),a};const r=[{value:2,label:"必须全部都是支持选项，方可下一步"},{value:1,label:"无需判断是否是支持选项"},{value:3,label:"包含全部支持选项，即可下一步"}],a=[{type:"single",label:"单选题"},{type:"multiple",label:"多选题"},{type:"blank_fill",label:"填空题"},{type:"text_fill",label:"问答题"},{type:"scale",label:"量表题"},{type:"sort",label:"排序题"},{type:"page_end",label:"分页符"}];var l;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.showAnswerSetting=!1,this.showKey=!1,this.showRichText=!1,this.hideAddRichText=!1,this.pageEnd=!1,this.showMove=!1,this.showAdd=!0,this.showJump=!1,this.examAnswerRelationType=0,this._modalOpen=!1,this._currentCheckType=1,this._addMenuOpen=!1,this._handleDocumentClick=e=>{const t=e.composedPath(),o=this.shadowRoot?.querySelector(".add-menu-wrap");o&&!t.includes(o)&&(this._addMenuOpen=!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleDocumentClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleDocumentClick)}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 r.find(e=>e.value===this.answerCheckType)?.label??""}get _showAnswerSetting(){return this.showOtherOption||this.showAnswerSetting}get _showKey(){return this.showOtherOption||this.showKey}_renderEditMode(){return e.html`
+"use strict";var e=require("lit"),t=require("lit/decorators.js"),o=require("../base/define.cjs"),i=Object.defineProperty,s=Object.getOwnPropertyDescriptor,n=(e,t,o,n)=>{for(var r,a=n>1?void 0:n?s(t,o):t,l=e.length-1;l>=0;l--)(r=e[l])&&(a=(n?r(t,o,a):r(a))||a);return n&&a&&i(t,o,a),a};const r=[{value:2,label:"必须全部都是支持选项，方可下一步"},{value:1,label:"无需判断是否是支持选项"},{value:3,label:"包含全部支持选项，即可下一步"}],a=[{type:"single",label:"单选题"},{type:"multiple",label:"多选题"},{type:"blank_fill",label:"填空题"},{type:"text_fill",label:"问答题"},{type:"scale",label:"量表题"},{type:"sort",label:"排序题"},{type:"page_end",label:"分页符"}];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.showAnswerSetting=!1,this.showKey=!1,this.showRichText=!1,this.hideAddRichText=!1,this.pageEnd=!1,this.showMove=!1,this.showAdd=!0,this.showJump=!1,this.examAnswerRelationType=0,this._modalOpen=!1,this._currentCheckType=1,this._addMenuOpen=!1,this._handleDocumentClick=e=>{const t=e.composedPath(),o=this.shadowRoot?.querySelector(".add-menu-wrap");o&&!t.includes(o)&&(this._addMenuOpen=!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleDocumentClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleDocumentClick)}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 r.find(e=>e.value===this.answerCheckType)?.label??""}get _showAnswerSetting(){return this.showOtherOption||this.showAnswerSetting}get _showKey(){return this.showOtherOption||this.showKey}_renderEditMode(){return e.html`
       <div class="left">
         <span class="inline-actions">
           ${this.showAdd?e.html`
@@ -168,5 +168,5 @@
       background: #fff; color: #606266; font-size: 12px; cursor: pointer; transition: all .2s;
     }
     .add-item:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }
-  `,n([t.property({type:Boolean,attribute:"is-edit"})],exports.QxsSubjectAction.prototype,"isEdit",2),n([t.property({type:Boolean,attribute:"is-set"})],exports.QxsSubjectAction.prototype,"isSet",2),n([t.property({type:Boolean,attribute:"is-key"})],exports.QxsSubjectAction.prototype,"isKey",2),n([t.property({type:Number,attribute:"answer-check-type"})],exports.QxsSubjectAction.prototype,"answerCheckType",2),n([t.property({type:Boolean,attribute:"show-other-option"})],exports.QxsSubjectAction.prototype,"showOtherOption",2),n([t.property({type:Boolean,attribute:"show-answer-setting"})],exports.QxsSubjectAction.prototype,"showAnswerSetting",2),n([t.property({type:Boolean,attribute:"show-key"})],exports.QxsSubjectAction.prototype,"showKey",2),n([t.property({type:Boolean,attribute:"show-rich-text"})],exports.QxsSubjectAction.prototype,"showRichText",2),n([t.property({type:Boolean,attribute:"hide-add-rich-text"})],exports.QxsSubjectAction.prototype,"hideAddRichText",2),n([t.property({type:Boolean,attribute:"page-end"})],exports.QxsSubjectAction.prototype,"pageEnd",2),n([t.property({type:Boolean,attribute:"show-move"})],exports.QxsSubjectAction.prototype,"showMove",2),n([t.property({type:Boolean,attribute:"show-add"})],exports.QxsSubjectAction.prototype,"showAdd",2),n([t.property({type:Boolean,attribute:"show-jump"})],exports.QxsSubjectAction.prototype,"showJump",2),n([t.property({type:Number,attribute:"exam-answer-relation-type"})],exports.QxsSubjectAction.prototype,"examAnswerRelationType",2),n([o.state()],exports.QxsSubjectAction.prototype,"_modalOpen",2),n([o.state()],exports.QxsSubjectAction.prototype,"_currentCheckType",2),n([o.state()],exports.QxsSubjectAction.prototype,"_addMenuOpen",2),exports.QxsSubjectAction=n([(l="qxs-subject-action",function(e){return customElements.get(l)||customElements.define(l,e),e})],exports.QxsSubjectAction);
+  `,n([t.property({type:Boolean,attribute:"is-edit"})],exports.QxsSubjectAction.prototype,"isEdit",2),n([t.property({type:Boolean,attribute:"is-set"})],exports.QxsSubjectAction.prototype,"isSet",2),n([t.property({type:Boolean,attribute:"is-key"})],exports.QxsSubjectAction.prototype,"isKey",2),n([t.property({type:Number,attribute:"answer-check-type"})],exports.QxsSubjectAction.prototype,"answerCheckType",2),n([t.property({type:Boolean,attribute:"show-other-option"})],exports.QxsSubjectAction.prototype,"showOtherOption",2),n([t.property({type:Boolean,attribute:"show-answer-setting"})],exports.QxsSubjectAction.prototype,"showAnswerSetting",2),n([t.property({type:Boolean,attribute:"show-key"})],exports.QxsSubjectAction.prototype,"showKey",2),n([t.property({type:Boolean,attribute:"show-rich-text"})],exports.QxsSubjectAction.prototype,"showRichText",2),n([t.property({type:Boolean,attribute:"hide-add-rich-text"})],exports.QxsSubjectAction.prototype,"hideAddRichText",2),n([t.property({type:Boolean,attribute:"page-end"})],exports.QxsSubjectAction.prototype,"pageEnd",2),n([t.property({type:Boolean,attribute:"show-move"})],exports.QxsSubjectAction.prototype,"showMove",2),n([t.property({type:Boolean,attribute:"show-add"})],exports.QxsSubjectAction.prototype,"showAdd",2),n([t.property({type:Boolean,attribute:"show-jump"})],exports.QxsSubjectAction.prototype,"showJump",2),n([t.property({type:Number,attribute:"exam-answer-relation-type"})],exports.QxsSubjectAction.prototype,"examAnswerRelationType",2),n([t.state()],exports.QxsSubjectAction.prototype,"_modalOpen",2),n([t.state()],exports.QxsSubjectAction.prototype,"_currentCheckType",2),n([t.state()],exports.QxsSubjectAction.prototype,"_addMenuOpen",2),exports.QxsSubjectAction=n([o.safeCustomElement("qxs-subject-action")],exports.QxsSubjectAction);
 //# sourceMappingURL=action.cjs.map

package/lib/subject/action.cjs.map

@@ -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 addSubjectOptions = [\n  { type: 'single', label: '单选题' },\n  { type: 'multiple', label: '多选题' },\n  { type: 'blank_fill', label: '填空题' },\n  { type: 'text_fill', label: '问答题' },\n  { type: 'scale', label: '量表题' },\n  { type: 'sort', label: '排序题' },\n  { type: 'page_end', 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    .inline-actions { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; }\n    .add-menu-wrap { position: relative; display: inline-flex; }\n    .add-menu {\n      position: absolute; top: calc(100% + 6px); left: 0; z-index: 50;\n      display: grid; grid-template-columns: repeat(2, minmax(84px, 1fr)); gap: 8px;\n      min-width: 196px; padding: 10px; background: #fff; border: 1px solid #e4e7ed;\n      border-radius: 6px; box-shadow: 0 8px 20px rgba(0,0,0,.12);\n    }\n    .add-item {\n      display: inline-flex; align-items: center; justify-content: center;\n      min-height: 30px; padding: 0 10px; border: 1px solid #dcdfe6; border-radius: 4px;\n      background: #fff; color: #606266; font-size: 12px; cursor: pointer; transition: all .2s;\n    }\n    .add-item:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\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-answer-setting' }) showAnswerSetting = false\n  @property({ type: Boolean, attribute: 'show-key' }) showKey = false\n  @property({ type: Boolean, attribute: 'show-rich-text' }) showRichText = false\n  @property({ type: Boolean, attribute: 'hide-add-rich-text' }) hideAddRichText = false\n  @property({ type: Boolean, attribute: 'page-end' }) pageEnd = false\n  @property({ type: Boolean, attribute: 'show-move' }) showMove = false\n  @property({ type: Boolean, attribute: 'show-add' }) showAdd = true\n  @property({ type: Boolean, attribute: 'show-jump' }) showJump = false\n  @property({ type: Number, attribute: 'exam-answer-relation-type' }) examAnswerRelationType = 0\n\n  @state() private _modalOpen = false\n  @state() private _currentCheckType = 1\n  @state() private _addMenuOpen = false\n\n  connectedCallback() {\n    super.connectedCallback()\n    document.addEventListener('click', this._handleDocumentClick)\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    document.removeEventListener('click', this._handleDocumentClick)\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('answerCheckType')) {\n      this._currentCheckType = this.answerCheckType\n    }\n  }\n\n  private _handleDocumentClick = (e: MouseEvent) => {\n    const path = e.composedPath()\n    const wrap = this.shadowRoot?.querySelector('.add-menu-wrap')\n    if (wrap && !path.includes(wrap)) {\n      this._addMenuOpen = false\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 get _showAnswerSetting() {\n    return this.showOtherOption || this.showAnswerSetting\n  }\n\n  private get _showKey() {\n    return this.showOtherOption || this.showKey\n  }\n\n  private _renderEditMode() {\n    return html`\n      <div class=\"left\">\n        <span class=\"inline-actions\">\n          ${this.showAdd\n            ? html`\n            <span class=\"add-menu-wrap\">\n              <span class=\"link-btn\" @click=${() => { this._addMenuOpen = !this._addMenuOpen }}>在此题后加入新题</span>\n              ${this._renderAddMenu()}\n            </span>\n          `\n            : ''}\n          ${!this.hideAddRichText\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('on-show-rich-text')}>\n              ${this.showRichText ? '删除题目描述（图文）' : '+添加题目描述（图文）'}\n            </span>\n          `\n            : ''}\n          ${this.showJump\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('jump')}>${this.isSet ? '编辑跳题逻辑' : '设置跳题逻辑'}</span>\n          `\n            : ''}\n          ${this._showAnswerSetting\n            ? html`\n            <span class=\"link-btn\" @click=${() => { this._modalOpen = true }}>答题设置</span>\n          `\n            : ''}\n          ${this._showKey\n            ? html`\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        </span>\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        <span class=\"inline-actions\">\n          ${this._showKey\n            ? html`\n            <label class=\"checkbox-label disabled\">\n              <input type=\"checkbox\" disabled .checked=${this.isKey} /> 核心题\n            </label>\n          `\n            : ''}\n          ${this._showAnswerSetting\n            ? html`\n            <span class=\"answer-text\">${this._answerText}</span>\n          `\n            : ''}\n          ${this.showAdd\n            ? html`\n            <span class=\"add-menu-wrap\">\n              <span class=\"link-btn\" @click=${() => { this._addMenuOpen = !this._addMenuOpen }}>在此题后加入新题</span>\n              ${this._renderAddMenu()}\n            </span>\n          `\n            : ''}\n          ${this.showJump\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('jump')}>${this.isSet ? '编辑跳题逻辑' : '设置跳题逻辑'}</span>\n          `\n            : ''}\n        </span>\n      </div>\n      <div class=\"right\">\n        ${!this.isSet && this.showMove\n          ? html`\n          <button class=\"text-btn text-btn--default\" @click=${() => this._emit('move', 'up')}>上移</button>\n          <button class=\"text-btn text-btn--default btn-margin\" @click=${() => this._emit('move', 'down')}>下移</button>\n        `\n          : ''}\n        ${!this.isSet\n          ? html`<button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>`\n          : ''}\n        ${!this.pageEnd && !this.isSet\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 }}>&#x2715;</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  private _renderAddMenu() {\n    if (!this._addMenuOpen) { return '' }\n    return html`\n      <div class=\"add-menu\">\n        ${addSubjectOptions.map(item => html`\n          <button class=\"add-item\" @click=${() => {\n            this._addMenuOpen = false\n            this._emit('add', item.type)\n          }}>${item.label}</button>\n        `)}\n      </div>\n    `\n  }\n\n  render() {\n    return html`\n      <div class=\"action ${this.isEdit ? 'active' : ''}\">\n        ${this.isEdit ? this._renderEditMode() : this._renderViewMode()}\n        ${this.isSet ? html`<div class=\"has-set\">*此题设置了跳题逻辑</div>` : ''}\n      </div>\n      ${this._renderModal()}\n    `\n  }\n}\n\nexport function register() {}\n"],"names":["answerTextList","value","label","addSubjectOptions","type","tagName","QxsSubjectAction","LitElement","constructor","super","arguments","this","isEdit","isSet","isKey","answerCheckType","showOtherOption","showAnswerSetting","showKey","showRichText","hideAddRichText","pageEnd","showMove","showAdd","showJump","examAnswerRelationType","_modalOpen","_currentCheckType","_addMenuOpen","_handleDocumentClick","e","path","composedPath","wrap","shadowRoot","querySelector","includes","connectedCallback","document","addEventListener","disconnectedCallback","removeEventListener","updated","changed","has","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_answerText","find","i","_showAnswerSetting","_showKey","_renderEditMode","html","_renderAddMenu","target","checked","_renderViewMode","_renderModal","stopPropagation","map","item","String","render","styles","css","__decorateClass","property","Boolean","attribute","prototype","Number","state","customElements","get","define"],"mappings":"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"}
+{"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'\nimport { safeCustomElement } from '../base/define'\n\nconst answerTextList = [\n  { value: 2, label: '必须全部都是支持选项，方可下一步' },\n  { value: 1, label: '无需判断是否是支持选项' },\n  { value: 3, label: '包含全部支持选项，即可下一步' },\n]\n\nconst addSubjectOptions = [\n  { type: 'single', label: '单选题' },\n  { type: 'multiple', label: '多选题' },\n  { type: 'blank_fill', label: '填空题' },\n  { type: 'text_fill', label: '问答题' },\n  { type: 'scale', label: '量表题' },\n  { type: 'sort', label: '排序题' },\n  { type: 'page_end', 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    .inline-actions { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; }\n    .add-menu-wrap { position: relative; display: inline-flex; }\n    .add-menu {\n      position: absolute; top: calc(100% + 6px); left: 0; z-index: 50;\n      display: grid; grid-template-columns: repeat(2, minmax(84px, 1fr)); gap: 8px;\n      min-width: 196px; padding: 10px; background: #fff; border: 1px solid #e4e7ed;\n      border-radius: 6px; box-shadow: 0 8px 20px rgba(0,0,0,.12);\n    }\n    .add-item {\n      display: inline-flex; align-items: center; justify-content: center;\n      min-height: 30px; padding: 0 10px; border: 1px solid #dcdfe6; border-radius: 4px;\n      background: #fff; color: #606266; font-size: 12px; cursor: pointer; transition: all .2s;\n    }\n    .add-item:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\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-answer-setting' }) showAnswerSetting = false\n  @property({ type: Boolean, attribute: 'show-key' }) showKey = false\n  @property({ type: Boolean, attribute: 'show-rich-text' }) showRichText = false\n  @property({ type: Boolean, attribute: 'hide-add-rich-text' }) hideAddRichText = false\n  @property({ type: Boolean, attribute: 'page-end' }) pageEnd = false\n  @property({ type: Boolean, attribute: 'show-move' }) showMove = false\n  @property({ type: Boolean, attribute: 'show-add' }) showAdd = true\n  @property({ type: Boolean, attribute: 'show-jump' }) showJump = false\n  @property({ type: Number, attribute: 'exam-answer-relation-type' }) examAnswerRelationType = 0\n\n  @state() private _modalOpen = false\n  @state() private _currentCheckType = 1\n  @state() private _addMenuOpen = false\n\n  connectedCallback() {\n    super.connectedCallback()\n    document.addEventListener('click', this._handleDocumentClick)\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    document.removeEventListener('click', this._handleDocumentClick)\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('answerCheckType')) {\n      this._currentCheckType = this.answerCheckType\n    }\n  }\n\n  private _handleDocumentClick = (e: MouseEvent) => {\n    const path = e.composedPath()\n    const wrap = this.shadowRoot?.querySelector('.add-menu-wrap')\n    if (wrap && !path.includes(wrap)) {\n      this._addMenuOpen = false\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 get _showAnswerSetting() {\n    return this.showOtherOption || this.showAnswerSetting\n  }\n\n  private get _showKey() {\n    return this.showOtherOption || this.showKey\n  }\n\n  private _renderEditMode() {\n    return html`\n      <div class=\"left\">\n        <span class=\"inline-actions\">\n          ${this.showAdd\n            ? html`\n            <span class=\"add-menu-wrap\">\n              <span class=\"link-btn\" @click=${() => { this._addMenuOpen = !this._addMenuOpen }}>在此题后加入新题</span>\n              ${this._renderAddMenu()}\n            </span>\n          `\n            : ''}\n          ${!this.hideAddRichText\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('on-show-rich-text')}>\n              ${this.showRichText ? '删除题目描述（图文）' : '+添加题目描述（图文）'}\n            </span>\n          `\n            : ''}\n          ${this.showJump\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('jump')}>${this.isSet ? '编辑跳题逻辑' : '设置跳题逻辑'}</span>\n          `\n            : ''}\n          ${this._showAnswerSetting\n            ? html`\n            <span class=\"link-btn\" @click=${() => { this._modalOpen = true }}>答题设置</span>\n          `\n            : ''}\n          ${this._showKey\n            ? html`\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        </span>\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        <span class=\"inline-actions\">\n          ${this._showKey\n            ? html`\n            <label class=\"checkbox-label disabled\">\n              <input type=\"checkbox\" disabled .checked=${this.isKey} /> 核心题\n            </label>\n          `\n            : ''}\n          ${this._showAnswerSetting\n            ? html`\n            <span class=\"answer-text\">${this._answerText}</span>\n          `\n            : ''}\n          ${this.showAdd\n            ? html`\n            <span class=\"add-menu-wrap\">\n              <span class=\"link-btn\" @click=${() => { this._addMenuOpen = !this._addMenuOpen }}>在此题后加入新题</span>\n              ${this._renderAddMenu()}\n            </span>\n          `\n            : ''}\n          ${this.showJump\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('jump')}>${this.isSet ? '编辑跳题逻辑' : '设置跳题逻辑'}</span>\n          `\n            : ''}\n        </span>\n      </div>\n      <div class=\"right\">\n        ${!this.isSet && this.showMove\n          ? html`\n          <button class=\"text-btn text-btn--default\" @click=${() => this._emit('move', 'up')}>上移</button>\n          <button class=\"text-btn text-btn--default btn-margin\" @click=${() => this._emit('move', 'down')}>下移</button>\n        `\n          : ''}\n        ${!this.isSet\n          ? html`<button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>`\n          : ''}\n        ${!this.pageEnd && !this.isSet\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 }}>&#x2715;</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  private _renderAddMenu() {\n    if (!this._addMenuOpen) { return '' }\n    return html`\n      <div class=\"add-menu\">\n        ${addSubjectOptions.map(item => html`\n          <button class=\"add-item\" @click=${() => {\n            this._addMenuOpen = false\n            this._emit('add', item.type)\n          }}>${item.label}</button>\n        `)}\n      </div>\n    `\n  }\n\n  render() {\n    return html`\n      <div class=\"action ${this.isEdit ? 'active' : ''}\">\n        ${this.isEdit ? this._renderEditMode() : this._renderViewMode()}\n        ${this.isSet ? html`<div class=\"has-set\">*此题设置了跳题逻辑</div>` : ''}\n      </div>\n      ${this._renderModal()}\n    `\n  }\n}\n\nexport function register() {}\n"],"names":["answerTextList","value","label","addSubjectOptions","type","QxsSubjectAction","LitElement","constructor","super","arguments","this","isEdit","isSet","isKey","answerCheckType","showOtherOption","showAnswerSetting","showKey","showRichText","hideAddRichText","pageEnd","showMove","showAdd","showJump","examAnswerRelationType","_modalOpen","_currentCheckType","_addMenuOpen","_handleDocumentClick","e","path","composedPath","wrap","shadowRoot","querySelector","includes","connectedCallback","document","addEventListener","disconnectedCallback","removeEventListener","updated","changed","has","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_answerText","find","i","_showAnswerSetting","_showKey","_renderEditMode","html","_renderAddMenu","target","checked","_renderViewMode","_renderModal","stopPropagation","map","item","String","render","styles","css","__decorateClass","property","Boolean","attribute","prototype","Number","state","safeCustomElement"],"mappings":"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"}