@qxs-bns/components-wc 0.0.19 → 0.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/es/editor/blocksuite-editor.mjs +2 -2
  2. package/es/editor/blocksuite-editor.mjs.map +1 -1
  3. package/es/subject/action.mjs +76 -22
  4. package/es/subject/action.mjs.map +1 -1
  5. package/es/subject/blank-fill.mjs +29 -24
  6. package/es/subject/blank-fill.mjs.map +1 -1
  7. package/es/subject/list.mjs +85 -55
  8. package/es/subject/list.mjs.map +1 -1
  9. package/es/subject/page-end.mjs +6 -5
  10. package/es/subject/page-end.mjs.map +1 -1
  11. package/es/subject/scale.mjs +7 -5
  12. package/es/subject/scale.mjs.map +1 -1
  13. package/es/subject/single.mjs +212 -18
  14. package/es/subject/single.mjs.map +1 -1
  15. package/es/subject/text-fill.mjs +32 -29
  16. package/es/subject/text-fill.mjs.map +1 -1
  17. package/es/subject/type.mjs +1 -1
  18. package/es/subject/type.mjs.map +1 -1
  19. package/lib/editor/blocksuite-editor.cjs +2 -2
  20. package/lib/editor/blocksuite-editor.cjs.map +1 -1
  21. package/lib/subject/action.cjs +76 -22
  22. package/lib/subject/action.cjs.map +1 -1
  23. package/lib/subject/blank-fill.cjs +28 -23
  24. package/lib/subject/blank-fill.cjs.map +1 -1
  25. package/lib/subject/list.cjs +41 -11
  26. package/lib/subject/list.cjs.map +1 -1
  27. package/lib/subject/page-end.cjs +3 -2
  28. package/lib/subject/page-end.cjs.map +1 -1
  29. package/lib/subject/scale.cjs +7 -5
  30. package/lib/subject/scale.cjs.map +1 -1
  31. package/lib/subject/single.cjs +212 -18
  32. package/lib/subject/single.cjs.map +1 -1
  33. package/lib/subject/text-fill.cjs +41 -38
  34. package/lib/subject/text-fill.cjs.map +1 -1
  35. package/lib/subject/type.cjs +1 -1
  36. package/lib/subject/type.cjs.map +1 -1
  37. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"action.cjs","sources":["../../../../packages/components-wc/src/subject/action.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\n\nfunction safeCustomElement(tagName: string) {\n return function (target: any) {\n if (!customElements.get(tagName)) {\n customElements.define(tagName, target)\n }\n return target\n }\n}\n\nconst answerTextList = [\n { value: 2, label: '必须全部都是支持选项,方可下一步' },\n { value: 1, label: '无需判断是否是支持选项' },\n { value: 3, label: '包含全部支持选项,即可下一步' },\n]\n\n@safeCustomElement('qxs-subject-action')\nexport class QxsSubjectAction extends LitElement {\n static styles = css`\n :host { display: block; font-family: system-ui, -apple-system, \"PingFang SC\", \"Microsoft YaHei\", sans-serif; font-size: 12px; }\n *, ::before, ::after { box-sizing: border-box; }\n\n .action { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; flex-wrap: wrap; gap: 8px; }\n .action.active { background: transparent; }\n .left { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n .right { display: flex; align-items: center; gap: 4px; }\n\n .action-icon {\n display: inline-flex; align-items: center; justify-content: center;\n width: 32px; height: 32px; font-size: 18px; color: #303133;\n cursor: pointer; border-radius: 6px; border: 1px solid #dcdfe6;\n background: #fff; transition: all 0.2s;\n }\n .action-icon:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n .action-icon--danger:hover { color: #f56c6c; border-color: #f56c6c; background: #fef0f0; }\n .action-icon:disabled { color: #c0c4cc; cursor: not-allowed; opacity: 0.6; }\n\n .text-btn {\n display: inline-flex; align-items: center; gap: 4px;\n padding: 6px 12px; font-size: 12px; border-radius: 3px;\n cursor: pointer; border: 1px solid; transition: all 0.2s;\n }\n .text-btn--primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }\n .text-btn--primary:hover { background: #2D4CB8; border-color: #2D4CB8; }\n .text-btn--default { background: #fff; border-color: #dcdfe6; color: #606266; }\n .text-btn--default:hover { color: #3D61E3; border-color: #a0cfff; }\n .text-btn--danger { background: #f56c6c; border-color: #f56c6c; color: #fff; }\n .text-btn--danger:hover { background: #e05252; border-color: #e05252; }\n\n .link-btn { background: none; border: none; color: #3D61E3; cursor: pointer; font-size: 12px; }\n .link-btn:hover { color: #2D4CB8; }\n\n .checkbox-label { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; color: #606266; user-select: none; font-size: 12px; }\n .checkbox-label.disabled { cursor: not-allowed; opacity: 0.6; }\n .has-set { display: flex; align-items: center; font-size: 12px; color: #bbb; }\n .answer-text { font-size: 11px; color: #909399; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n\n .btn-margin { margin-right: 10px; }\n\n .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 2000; display: flex; align-items: center; justify-content: center; }\n .modal { background: #fff; border-radius: 4px; min-width: 360px; max-width: 460px; box-shadow: 0 12px 32px rgba(0,0,0,.1); }\n .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px 12px; border-bottom: 1px solid #e4e7ed; }\n .modal-title { font-size: 14px; font-weight: 600; color: #303133; }\n .modal-close { background: none; border: none; font-size: 16px; cursor: pointer; color: #909399; padding: 0; line-height: 1; }\n .modal-close:hover { color: #3D61E3; }\n .modal-body { padding: 20px; }\n .modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid #e4e7ed; }\n .modal-footer button { padding: 6px 16px; font-size: 12px; border-radius: 3px; cursor: pointer; border: 1px solid #dcdfe6; background: #fff; color: #606266; }\n .modal-footer button:hover { color: #3D61E3; border-color: #a0cfff; }\n .modal-footer button.primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }\n .modal-footer button.primary:hover { background: #2D4CB8; border-color: #2D4CB8; }\n\n .radio-item { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; cursor: pointer; font-size: 13px; color: #606266; }\n .radio-item:last-child { margin-bottom: 0; }\n `\n\n @property({ type: Boolean, attribute: 'is-edit' }) isEdit = false\n @property({ type: Boolean, attribute: 'is-set' }) isSet = false\n @property({ type: Boolean, attribute: 'is-key' }) isKey = false\n @property({ type: Number, attribute: 'answer-check-type' }) answerCheckType = 1\n @property({ type: Boolean, attribute: 'show-other-option' }) showOtherOption = false\n @property({ type: Boolean, attribute: 'show-rich-text' }) showRichText = true\n @property({ type: Boolean, attribute: 'hide-add-rich-text' }) hideAddRichText = false\n @property({ type: Boolean, attribute: 'page-end' }) pageEnd = false\n @property({ type: Number, attribute: 'exam-answer-relation-type' }) examAnswerRelationType = 0\n\n @state() private _modalOpen = false\n @state() private _currentCheckType = 1\n\n updated(changed: Map<string, unknown>) {\n if (changed.has('answerCheckType')) {\n this._currentCheckType = this.answerCheckType\n }\n }\n\n private _emit(name: string, detail?: unknown) {\n this.dispatchEvent(new CustomEvent(name, { bubbles: true, composed: true, detail: detail ?? null }))\n }\n\n private get _answerText() {\n return answerTextList.find(i => i.value === this.answerCheckType)?.label ?? ''\n }\n\n private _renderEditMode() {\n return html`\n <div class=\"left\">\n ${!this.hideAddRichText\n ? html`\n <span class=\"link-btn\" @click=${() => this._emit('on-show-rich-text')}>+添加题目描述(图文)</span>\n `\n : ''}\n ${this.showOtherOption\n ? html`\n <span class=\"link-btn\" @click=${() => { this._modalOpen = true }}>答题设置</span>\n <label class=\"checkbox-label\">\n <input type=\"checkbox\" .checked=${this.isKey} @change=${(e: Event) => this._emit('set-key', { value: (e.target as HTMLInputElement).checked })} />\n 核心题\n </label>\n `\n : ''}\n </div>\n <div class=\"right\">\n <button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>\n <button class=\"text-btn text-btn--primary\" @click=${() => this._emit('save')}>完成编辑</button>\n </div>\n `\n }\n\n private _renderViewMode() {\n return html`\n <div class=\"left\">\n ${this.showOtherOption\n ? html`\n <label class=\"checkbox-label disabled\">\n <input type=\"checkbox\" disabled .checked=${this.isKey} /> 核心题\n </label>\n <span class=\"answer-text\">${this._answerText}</span>\n `\n : ''}\n </div>\n <div class=\"right\">\n <button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>\n ${!this.pageEnd\n ? html`\n <button class=\"text-btn text-btn--default\" @click=${() => this._emit('edit')}>编辑</button>\n `\n : ''}\n </div>\n `\n }\n\n private _renderModal() {\n if (!this._modalOpen) { return '' }\n return html`\n <div class=\"modal-backdrop\" @click=${() => { this._modalOpen = false }}>\n <div class=\"modal\" @click=${(e: Event) => e.stopPropagation()}>\n <div class=\"modal-header\">\n <span class=\"modal-title\">答题设置</span>\n <button class=\"modal-close\" @click=${() => { this._modalOpen = false }}>&#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 render() {\n return html`\n <div class=\"action ${this.isEdit ? 'active' : ''}\">\n ${this.isSet\n ? html`<div class=\"has-set\">*此题设置了跳题逻辑</div>`\n : (this.isEdit ? this._renderEditMode() : this._renderViewMode())\n }\n </div>\n ${this._renderModal()}\n `\n }\n}\n\nexport function register() {}\n"],"names":["answerTextList","value","label","tagName","QxsSubjectAction","LitElement","constructor","super","arguments","this","isEdit","isSet","isKey","answerCheckType","showOtherOption","showRichText","hideAddRichText","pageEnd","examAnswerRelationType","_modalOpen","_currentCheckType","updated","changed","has","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_answerText","find","i","_renderEditMode","html","e","target","checked","_renderViewMode","_renderModal","stopPropagation","map","item","String","render","styles","css","__decorateClass","property","type","Boolean","attribute","prototype","Number","state","customElements","get","define"],"mappings":"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"}
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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"}
@@ -1,15 +1,15 @@
1
- "use strict";var t=require("lit"),e=require("../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),s=require("../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),i=require("../base/define.cjs"),l=require("./single.cjs"),r=require("./types.cjs"),a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,n=(t,e,s,i)=>{for(var l,r=i>1?void 0:i?o(e,s):e,n=t.length-1;n>=0;n--)(l=t[n])&&(r=(i?l(e,s,r):l(r))||r);return i&&r&&a(e,s,r),r};const p=t.html`
1
+ "use strict";var t=require("lit"),e=require("../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),s=require("../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),i=require("../base/define.cjs"),l=require("./single.cjs"),r=require("./types.cjs"),a=Object.defineProperty,n=Object.getOwnPropertyDescriptor,o=(t,e,s,i)=>{for(var l,r=i>1?void 0:i?n(e,s):e,o=t.length-1;o>=0;o--)(l=t[o])&&(r=(i?l(e,s,r):l(r))||r);return i&&r&&a(e,s,r),r};const p=t.html`
2
2
  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
3
3
  stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
4
4
  <line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/>
5
- </svg>`;exports.QxsBlankFill=class extends t.LitElement{constructor(){super(...arguments),this.orderIndex=0,this.title="",this.customId="",this.isEdit=!1,this.isSave=!1,this.isSet=!1,this.isKey=!1,this.showAction=!0,this.showAnalysis=!0,this.richTextContent="",this.analysis="",this.examAnswerRelationType=0,this.examExpand="",this.examAnswerSetting={isInOrder:!1,isIgnoreCase:!0},this.uploadImage=async t=>new Promise((e,s)=>{const i=new FileReader;i.onload=t=>e(t.target?.result),i.onerror=s,i.readAsDataURL(t)}),this.answerList=[],this.modelValue="",this.useModel=!1,this._title="",this._analysis="",this._answers=[{title:"",tag:"",showInput:!1}],this._isInOrder=!1,this._isIgnoreCase=!0,this._showRichText=!1,this._richText="",this.TITLE_MAX=400}willUpdate(t){t.has("isEdit")&&this.isEdit&&this._syncProps(),t.has("modelValue")&&this.useModel&&(this._title=this.modelValue.replaceAll(/<filter><\/filter>/g," ______"))}_syncProps(){if(this._title=(this.title||"").replaceAll(/<filter><\/filter>/g," ______"),this._analysis=this.analysis||"",this.answerList?.length)this._answers=this.answerList.map(t=>({title:t.title||"",tag:"",showInput:!1}));else{const t=(this._title.match(/ ______/g)||[]).length||1;this._answers=Array.from({length:t},()=>({title:"",tag:"",showInput:!1}))}this.examAnswerSetting&&(this._isInOrder=!!this.examAnswerSetting.isInOrder,this._isIgnoreCase=!!this.examAnswerSetting.isIgnoreCase),this.richTextContent&&(this._richText=this.richTextContent,this._showRichText=!0)}_emit(t,e){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:e??null}))}_addBlank(){this._title+=" ______",this._answers=[...this._answers,{title:"",tag:"",showInput:!1}],this.requestUpdate(),this._emitModelUpdate()}_onTitleInput(t){const e=t.target;e.value.length>this.TITLE_MAX&&(e.value=e.value.slice(0,this.TITLE_MAX)),this._title=e.value;const s=(this._title.match(/ ______/g)||[]).length;if(s!==this._answers.length)if(s>this._answers.length)for(let t=this._answers.length;t<s;t++)this._answers=[...this._answers,{title:"",tag:"",showInput:!1}];else this._answers=this._answers.slice(0,s);this._emitModelUpdate()}_emitModelUpdate(){if(this.useModel){const t=this._title.replaceAll(/ ______/g,"<filter></filter>");this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail:t}))}}_handleAddTag(t){t.showInput=!1,t.tag&&(t.title=t.title?[t.title,t.tag].join(","):t.tag,t.tag=""),this.requestUpdate()}_closeTag(t,e){if(t){const s=e.title.split(","),i=s.findIndex(e=>e===t);i>-1&&(s.splice(i,1),e.title=s.join(",")),this.requestUpdate()}}async toJSON(){return new Promise((t,e)=>{const s={customId:this.customId||void 0,answerType:"blank_fill",orderIndex:this.orderIndex},i=this.isEdit?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||"",a=this.isEdit?this._answers:this.answerList||[],o=this.isEdit?this._analysis:this.analysis||"",n=this.isEdit?this._isInOrder:this.examAnswerSetting?.isInOrder??!1,p=this.isEdit?this._isIgnoreCase:this.examAnswerSetting?.isIgnoreCase??!0,h=this.isEdit?this._showRichText:!!this.richTextContent,d=this.isEdit?this._richText:this.richTextContent||"";if(!i)return void e(new l.SubjectError("题目标题不能为空!","EMPTY_TITLE","title",s));if(a.length<1)return void e(new l.SubjectError("至少添加一个填空符!","NO_BLANK","answers",s));const c={answerType:r.SubjectType.BLANK_FILL,title:i.replaceAll(/ ______/g,"<filter></filter>"),answers:a.map(t=>({title:t.title,isCorrect:!0})),analysis:o,isSetCorrectAnswer:!0,isKey:this.isKey,examAnswerSettingBO:{isIgnoreCase:p,isInOrder:n},examRichTextContent:h?d:""};this.customId&&(c.customId=this.customId),t(c)})}async _save(t){t?.stopImmediatePropagation();try{const t=await this.toJSON();this._emit("save",t)}catch(t){!function(t){const e=document.createElement("div");e.textContent=t,Object.assign(e.style,{position:"fixed",top:"20px",left:"50%",transform:"translateX(-50%)",padding:"10px 20px",borderRadius:"4px",fontSize:"13px",color:"#fff",background:"#f56c6c",zIndex:"99999",boxShadow:"0 4px 12px rgba(0,0,0,.15)",transition:"opacity .3s",opacity:"1"}),document.body.appendChild(e),setTimeout(()=>{e.style.opacity="0",setTimeout(()=>e.remove(),300)},2500)}(t.message)}}validate(){const t=[],e={customId:this.customId||void 0,answerType:"blank_fill",orderIndex:this.orderIndex},s=this.isEdit?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||"",i=this.isEdit?this._answers:this.answerList||[];return s||t.push(new l.SubjectError("题目标题不能为空!","EMPTY_TITLE","title",e)),i.length<1&&t.push(new l.SubjectError("至少添加一个填空符!","NO_BLANK","answers",e)),t}_renderPreview(){const e=this.title.replaceAll(/<filter><\/filter>/g," ______");return t.html`
5
+ </svg>`;exports.QxsBlankFill=class extends t.LitElement{constructor(){super(...arguments),this.orderIndex=0,this.title="",this.customId="",this.isEdit=!1,this.isSave=!1,this.isSet=!1,this.isKey=!1,this.showAction=!0,this.showAdd=!0,this.showAnswerSetting=!1,this.showAnalysis=!0,this.richTextContent="",this.analysis="",this.examAnswerRelationType=0,this.examExpand="",this.examAnswerSetting={isInOrder:!1,isIgnoreCase:!0},this.uploadImage=async t=>new Promise((e,s)=>{const i=new FileReader;i.onload=t=>e(t.target?.result),i.onerror=s,i.readAsDataURL(t)}),this.answerList=[],this.modelValue="",this.useModel=!1,this._title="",this._analysis="",this._answers=[{title:"",tag:"",showInput:!1}],this._isInOrder=!1,this._isIgnoreCase=!0,this._showRichText=!1,this._richText="",this.TITLE_MAX=400}willUpdate(t){t.has("isEdit")&&this.isEdit&&this._syncProps(),!this.isEdit&&(t.has("title")||t.has("answerList")||t.has("analysis")||t.has("examAnswerSetting")||t.has("richTextContent"))&&this._syncProps(),t.has("modelValue")&&this.useModel&&(this._title=this.modelValue.replaceAll(/<filter><\/filter>/g," ______"))}_normalizeAnswerTitle(t){return String(t?.title??t?.answer??"")}_syncProps(){if(this._title=(this.title||"").replaceAll(/<filter><\/filter>/g," ______"),this._analysis=this.analysis||"",this.answerList?.length)this._answers=this.answerList.map(t=>({title:this._normalizeAnswerTitle(t),tag:"",showInput:!1}));else{const t=(this._title.match(/ ______/g)||[]).length||1;this._answers=Array.from({length:t},()=>({title:"",tag:"",showInput:!1}))}this.examAnswerSetting&&(this._isInOrder=!!this.examAnswerSetting.isInOrder,this._isIgnoreCase=!!this.examAnswerSetting.isIgnoreCase),this._richText=this.richTextContent||"",this._showRichText=!!this.richTextContent}_emit(t,e){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:e??null}))}_addBlank(){this._title+=" ______",this._answers=[...this._answers,{title:"",tag:"",showInput:!1}],this.requestUpdate(),this._emitModelUpdate()}_onTitleInput(t){const e=t.target;e.value.length>this.TITLE_MAX&&(e.value=e.value.slice(0,this.TITLE_MAX)),this._title=e.value;const s=(this._title.match(/ ______/g)||[]).length;if(s!==this._answers.length)if(s>this._answers.length)for(let t=this._answers.length;t<s;t++)this._answers=[...this._answers,{title:"",tag:"",showInput:!1}];else this._answers=this._answers.slice(0,s);this._emitModelUpdate()}_emitModelUpdate(){if(this.useModel){const t=this._title.replaceAll(/ ______/g,"<filter></filter>");this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail:t}))}}_handleAddTag(t){t.showInput=!1,t.tag&&(t.title=t.title?[t.title,t.tag].join(","):t.tag,t.tag=""),this.requestUpdate()}_closeTag(t,e){if(t){const s=e.title.split(","),i=s.findIndex(e=>e===t);i>-1&&(s.splice(i,1),e.title=s.join(",")),this.requestUpdate()}}async toJSON(){return new Promise((t,e)=>{const s={customId:this.customId||void 0,answerType:"blank_fill",orderIndex:this.orderIndex},i=this.isEdit?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||"",a=this.isEdit?this._answers:(this.answerList||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t)})),n=this.isEdit?this._analysis:this.analysis||"",o=this.isEdit?this._isInOrder:this.examAnswerSetting?.isInOrder??!1,p=this.isEdit?this._isIgnoreCase:this.examAnswerSetting?.isIgnoreCase??!0,h=this.isEdit?this._showRichText:!!this.richTextContent,d=this.isEdit?this._richText:this.richTextContent||"";if(!i)return void e(new l.SubjectError("题目标题不能为空!","EMPTY_TITLE","title",s));if(a.length<1)return void e(new l.SubjectError("至少添加一个填空符!","NO_BLANK","answers",s));const c={answerType:r.SubjectType.BLANK_FILL,title:i.replaceAll(/ ______/g,"<filter></filter>"),answers:a.map(t=>({title:t.title,isCorrect:!0})),analysis:n,isSetCorrectAnswer:!0,isKey:this.isKey,examAnswerSettingBO:{isIgnoreCase:p,isInOrder:o},examRichTextContent:h?d:""};this.customId&&(c.customId=this.customId),t(c)})}async _save(t){t?.stopImmediatePropagation();try{const t=await this.toJSON();this._emit("save",t)}catch(t){!function(t){const e=document.createElement("div");e.textContent=t,Object.assign(e.style,{position:"fixed",top:"20px",left:"50%",transform:"translateX(-50%)",padding:"10px 20px",borderRadius:"4px",fontSize:"13px",color:"#fff",background:"#f56c6c",zIndex:"99999",boxShadow:"0 4px 12px rgba(0,0,0,.15)",transition:"opacity .3s",opacity:"1"}),document.body.appendChild(e),setTimeout(()=>{e.style.opacity="0",setTimeout(()=>e.remove(),300)},2500)}(t.message)}}validate(){const t=[],e={customId:this.customId||void 0,answerType:"blank_fill",orderIndex:this.orderIndex},s=this.isEdit?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||"",i=this.isEdit?this._answers:(this.answerList||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t)}));return s||t.push(new l.SubjectError("题目标题不能为空!","EMPTY_TITLE","title",e)),i.length<1&&t.push(new l.SubjectError("至少添加一个填空符!","NO_BLANK","answers",e)),t}_renderPreview(){const e=this.title.replaceAll(/<filter><\/filter>/g," ______"),s=this.isEdit?this._answers:(this.answerList||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t)}));return t.html`
6
6
  <div class="preview">
7
7
  <span class="title">${this.orderIndex+1}.${e}(填空题)</span>
8
8
  ${this.richTextContent?t.html`<div class="rich-text" .innerHTML=${this.richTextContent}></div>`:""}
9
- ${this._answers.some(t=>t.title)?t.html`
9
+ ${s.some(t=>t.title)?t.html`
10
10
  <div class="content flex flex-wrap">
11
11
  <span>正确答案:</span>
12
- ${this._answers.map((e,s)=>e.title?t.html`
12
+ ${s.map((e,s)=>e.title?t.html`
13
13
  <span style="margin-right:10px">填空${s+1}: ${e.title}</span>
14
14
  `:"")}
15
15
  </div>
@@ -35,19 +35,21 @@
35
35
  @click=${()=>{this.isSave||this._addBlank()}}>插入填空符</span>
36
36
  </div>
37
37
 
38
- <div class="flex flex-items-center" style="margin-top:12px">
39
- <div class="label"><span>答题设置:</span></div>
40
- <label class="el-checkbox">
41
- <input type="checkbox" .checked=${this._isInOrder}
42
- @change=${t=>{this._isInOrder=t.target.checked}} />
43
- 答案不分顺序
44
- </label>
45
- <label class="el-checkbox">
46
- <input type="checkbox" .checked=${this._isIgnoreCase}
47
- @change=${t=>{this._isIgnoreCase=t.target.checked}} />
48
- 忽略大小写
49
- </label>
50
- </div>
38
+ ${this.showAnswerSetting?t.html`
39
+ <div class="flex flex-items-center" style="margin-top:12px">
40
+ <div class="label"><span>答题设置:</span></div>
41
+ <label class="el-checkbox">
42
+ <input type="checkbox" .checked=${this._isInOrder}
43
+ @change=${t=>{this._isInOrder=t.target.checked}} />
44
+ 答案不分顺序
45
+ </label>
46
+ <label class="el-checkbox">
47
+ <input type="checkbox" .checked=${this._isIgnoreCase}
48
+ @change=${t=>{this._isIgnoreCase=t.target.checked}} />
49
+ 忽略大小写
50
+ </label>
51
+ </div>
52
+ `:""}
51
53
 
52
54
  ${this._answers.map((e,s)=>t.html`
53
55
  <div class="answer-item" style="margin-top:12px">
@@ -85,9 +87,11 @@
85
87
  .uploadImage=${this.uploadImage}
86
88
  ?is-edit=${!0}
87
89
  ></qxs-blocksuite-editor>
88
- <div class="flex flex-justify-end" style="margin-top:8px">
89
- <span class="el-link" style="color:#f56c6c" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span>
90
- </div>
90
+ ${this.showAction?"":t.html`
91
+ <div class="flex flex-justify-end" style="margin-top:8px">
92
+ <span class="el-link" style="color:#f56c6c" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span>
93
+ </div>
94
+ `}
91
95
  </div>
92
96
  </div>
93
97
  `:""}
@@ -112,14 +116,15 @@
112
116
  <qxs-subject-action
113
117
  ?is-edit=${this.isEdit}
114
118
  ?is-set=${this.isSet}
115
- ?show-other-option=${!1}
119
+ ?show-add=${this.showAdd}
120
+ ?show-rich-text=${this._showRichText}
116
121
  exam-answer-relation-type=${this.examAnswerRelationType}
117
122
  @delete=${()=>this._emit("delete")}
118
123
  @save=${this._save}
119
124
  @edit=${()=>this._emit("edit")}
120
125
  @add=${t=>this._emit("add",t.detail)}
121
126
  @set-key=${t=>{this._emit("set-key",t.detail)}}
122
- @on-show-rich-text=${()=>{this._showRichText=!0}}
127
+ @on-show-rich-text=${()=>{this._showRichText=!this._showRichText,this._showRichText||(this._richText="")}}
123
128
  ></qxs-subject-action>
124
129
  `:""}
125
130
  </qxs-subject-layout>
@@ -201,5 +206,5 @@
201
206
  .answer-item { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
202
207
  .answer-item .label { min-width: 70px; padding-top: 0; color: #909399; }
203
208
  .answer-tags { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; flex: 1; }
204
- `,n([e.property({type:Number,attribute:"order-index"})],exports.QxsBlankFill.prototype,"orderIndex",2),n([e.property({type:String})],exports.QxsBlankFill.prototype,"title",2),n([e.property({type:String,attribute:"custom-id"})],exports.QxsBlankFill.prototype,"customId",2),n([e.property({type:Boolean,attribute:"is-edit"})],exports.QxsBlankFill.prototype,"isEdit",2),n([e.property({type:Boolean,attribute:"is-save"})],exports.QxsBlankFill.prototype,"isSave",2),n([e.property({type:Boolean,attribute:"is-set"})],exports.QxsBlankFill.prototype,"isSet",2),n([e.property({type:Boolean,attribute:"is-key"})],exports.QxsBlankFill.prototype,"isKey",2),n([e.property({type:Boolean,attribute:"show-action"})],exports.QxsBlankFill.prototype,"showAction",2),n([e.property({type:Boolean,attribute:"show-analysis"})],exports.QxsBlankFill.prototype,"showAnalysis",2),n([e.property({type:String,attribute:"rich-text-content"})],exports.QxsBlankFill.prototype,"richTextContent",2),n([e.property({type:String})],exports.QxsBlankFill.prototype,"analysis",2),n([e.property({type:Number,attribute:"exam-answer-relation-type"})],exports.QxsBlankFill.prototype,"examAnswerRelationType",2),n([e.property({type:String,attribute:"exam-expand"})],exports.QxsBlankFill.prototype,"examExpand",2),n([e.property({type:Object,attribute:"exam-answer-setting"})],exports.QxsBlankFill.prototype,"examAnswerSetting",2),n([e.property({type:Object})],exports.QxsBlankFill.prototype,"uploadImage",2),n([e.property({type:Array,attribute:"answer-list"})],exports.QxsBlankFill.prototype,"answerList",2),n([e.property({type:String,attribute:"model-value"})],exports.QxsBlankFill.prototype,"modelValue",2),n([e.property({type:Boolean,attribute:"use-model"})],exports.QxsBlankFill.prototype,"useModel",2),n([s.state()],exports.QxsBlankFill.prototype,"_title",2),n([s.state()],exports.QxsBlankFill.prototype,"_analysis",2),n([s.state()],exports.QxsBlankFill.prototype,"_answers",2),n([s.state()],exports.QxsBlankFill.prototype,"_isInOrder",2),n([s.state()],exports.QxsBlankFill.prototype,"_isIgnoreCase",2),n([s.state()],exports.QxsBlankFill.prototype,"_showRichText",2),n([s.state()],exports.QxsBlankFill.prototype,"_richText",2),exports.QxsBlankFill=n([i.safeCustomElement("qxs-blank-fill")],exports.QxsBlankFill);
209
+ `,o([e.property({type:Number,attribute:"order-index"})],exports.QxsBlankFill.prototype,"orderIndex",2),o([e.property({type:String})],exports.QxsBlankFill.prototype,"title",2),o([e.property({type:String,attribute:"custom-id"})],exports.QxsBlankFill.prototype,"customId",2),o([e.property({type:Boolean,attribute:"is-edit"})],exports.QxsBlankFill.prototype,"isEdit",2),o([e.property({type:Boolean,attribute:"is-save"})],exports.QxsBlankFill.prototype,"isSave",2),o([e.property({type:Boolean,attribute:"is-set"})],exports.QxsBlankFill.prototype,"isSet",2),o([e.property({type:Boolean,attribute:"is-key"})],exports.QxsBlankFill.prototype,"isKey",2),o([e.property({type:Boolean,attribute:"show-action"})],exports.QxsBlankFill.prototype,"showAction",2),o([e.property({type:Boolean,attribute:"show-add"})],exports.QxsBlankFill.prototype,"showAdd",2),o([e.property({type:Boolean,attribute:"show-answer-setting"})],exports.QxsBlankFill.prototype,"showAnswerSetting",2),o([e.property({type:Boolean,attribute:"show-analysis"})],exports.QxsBlankFill.prototype,"showAnalysis",2),o([e.property({type:String,attribute:"rich-text-content"})],exports.QxsBlankFill.prototype,"richTextContent",2),o([e.property({type:String})],exports.QxsBlankFill.prototype,"analysis",2),o([e.property({type:Number,attribute:"exam-answer-relation-type"})],exports.QxsBlankFill.prototype,"examAnswerRelationType",2),o([e.property({type:String,attribute:"exam-expand"})],exports.QxsBlankFill.prototype,"examExpand",2),o([e.property({type:Object,attribute:"exam-answer-setting"})],exports.QxsBlankFill.prototype,"examAnswerSetting",2),o([e.property({type:Object})],exports.QxsBlankFill.prototype,"uploadImage",2),o([e.property({type:Array,attribute:"answer-list"})],exports.QxsBlankFill.prototype,"answerList",2),o([e.property({type:String,attribute:"model-value"})],exports.QxsBlankFill.prototype,"modelValue",2),o([e.property({type:Boolean,attribute:"use-model"})],exports.QxsBlankFill.prototype,"useModel",2),o([s.state()],exports.QxsBlankFill.prototype,"_title",2),o([s.state()],exports.QxsBlankFill.prototype,"_analysis",2),o([s.state()],exports.QxsBlankFill.prototype,"_answers",2),o([s.state()],exports.QxsBlankFill.prototype,"_isInOrder",2),o([s.state()],exports.QxsBlankFill.prototype,"_isIgnoreCase",2),o([s.state()],exports.QxsBlankFill.prototype,"_showRichText",2),o([s.state()],exports.QxsBlankFill.prototype,"_richText",2),exports.QxsBlankFill=o([i.safeCustomElement("qxs-blank-fill")],exports.QxsBlankFill);
205
210
  //# sourceMappingURL=blank-fill.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"blank-fill.cjs","sources":["../../../../packages/components-wc/src/subject/blank-fill.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\nimport { SubjectError } from './single'\nimport { SubjectType } from './types'\n\ninterface BlankAnswer { title: string, tag: string, showInput: boolean }\n\nconst iconPlus = html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"\n stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/>\n </svg>`\n\nfunction showToast(msg: string) {\n const el = document.createElement('div')\n el.textContent = msg\n Object.assign(el.style, {\n position: 'fixed', top: '20px', left: '50%', transform: 'translateX(-50%)',\n padding: '10px 20px', borderRadius: '4px', fontSize: '13px', color: '#fff',\n background: '#f56c6c', zIndex: '99999', boxShadow: '0 4px 12px rgba(0,0,0,.15)',\n transition: 'opacity .3s', opacity: '1',\n })\n document.body.appendChild(el)\n setTimeout(() => { el.style.opacity = '0'; setTimeout(() => el.remove(), 300) }, 2500)\n}\n\n@safeCustomElement('qxs-blank-fill')\nexport class QxsBlankFill 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; color: #5a5a5a; }\n *, ::before, ::after { box-sizing: border-box; }\n\n .preview { padding: 12px 0; }\n .preview .title { font-size: 14px; color: #303133; }\n .preview .rich-text { margin-top: 8px; }\n .preview .rich-text img { max-width: 100%; }\n .preview .content { color: #a8abb2; margin-top: 10px; }\n\n .flex { display: flex; }\n .flex-wrap { flex-wrap: wrap; }\n .flex-items-center { display: flex; align-items: center; }\n .flex-items-start { display: flex; align-items: flex-start; }\n .flex-justify-end { display: flex; justify-content: flex-end; }\n .label { min-width: 70px; font-size: 13px; color: #606266; }\n\n textarea {\n border: 1px solid #dcdfe6; border-radius: 3px; padding: 5px 11px;\n font-size: 13px; font-family: inherit; width: 100%; resize: none; transition: border-color .2s;\n line-height: 1.5; display: block; box-sizing: border-box;\n }\n textarea:focus { border-color: #3D61E3; outline: none; }\n textarea:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }\n .el-input { position: relative; display: block; }\n .el-input textarea { padding-bottom: 24px; }\n .el-input .char-counter {\n position: absolute; right: 12px; bottom: 8px;\n font-size: 12px; color: #909399; line-height: 1; pointer-events: none;\n }\n\n /* Tag style */\n .el-tag {\n display: inline-flex; align-items: center; height: 24px; padding: 0 9px;\n font-size: 12px; line-height: 1; color: #3D61E3; background: #ecf5ff;\n border: 1px solid #d9ecff; border-radius: 4px; white-space: nowrap;\n }\n .el-tag .el-tag__close {\n display: inline-flex; align-items: center; justify-content: center;\n margin-left: 4px; width: 16px; height: 16px; border-radius: 50%;\n font-size: 12px; color: #909399; cursor: pointer; transition: all .2s;\n }\n .el-tag .el-tag__close:hover { background: #909399; color: #fff; }\n\n /* Button small style */\n .el-button--small {\n display: inline-flex; align-items: center; gap: 4px;\n height: 24px; padding: 0 10px; font-size: 12px; line-height: 1;\n border: 1px solid #dcdfe6; border-radius: 3px; background: #fff; color: #606266;\n cursor: pointer; transition: all .2s; white-space: nowrap;\n }\n .el-button--small:hover { color: #3D61E3; border-color: #c6e2ff; background-color: #ecf5ff; }\n\n /* Link style */\n .el-link { color: #3D61E3; cursor: pointer; font-size: 12px; text-decoration: none; }\n .el-link:hover { color: #2D4CB8; }\n .el-link.is-disabled { color: #c0c4cc; cursor: not-allowed; }\n\n /* Input small for tag */\n .el-input--small { width: 80px; }\n .el-input--small input {\n height: 24px; padding: 0 8px; font-size: 12px; line-height: 24px;\n border: 1px solid #dcdfe6; border-radius: 3px; width: 100%;\n }\n .el-input--small input:focus { border-color: #3D61E3; outline: none; }\n\n /* Checkbox style */\n .el-checkbox {\n display: inline-flex; align-items: center; gap: 6px; cursor: pointer;\n font-size: 13px; color: #606266; user-select: none; margin-right: 16px;\n }\n .el-checkbox input[type=\"checkbox\"] {\n width: 14px; height: 14px; cursor: pointer; accent-color: #3D61E3;\n }\n\n .answer-item { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }\n .answer-item .label { min-width: 70px; padding-top: 0; color: #909399; }\n .answer-tags { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; flex: 1; }\n `\n\n @property({ type: Number, attribute: 'order-index' }) orderIndex = 0\n @property({ type: String }) title = ''\n @property({ type: String, attribute: 'custom-id' }) customId = ''\n @property({ type: Boolean, attribute: 'is-edit' }) isEdit = false\n @property({ type: Boolean, attribute: 'is-save' }) isSave = false\n @property({ type: Boolean, attribute: 'is-set' }) isSet = false\n @property({ type: Boolean, attribute: 'is-key' }) isKey = false\n @property({ type: Boolean, attribute: 'show-action' }) showAction = true\n @property({ type: Boolean, attribute: 'show-analysis' }) showAnalysis = true\n @property({ type: String, attribute: 'rich-text-content' }) richTextContent = ''\n @property({ type: String }) analysis = ''\n @property({ type: Number, attribute: 'exam-answer-relation-type' }) examAnswerRelationType = 0\n @property({ type: String, attribute: 'exam-expand' }) examExpand = ''\n @property({ type: Object, attribute: 'exam-answer-setting' })\n examAnswerSetting: { isInOrder: boolean, isIgnoreCase: boolean } = { isInOrder: false, isIgnoreCase: true }\n @property({ type: Object })\n uploadImage: (file: File) => Promise<string> = async (file: File) => {\n return new Promise((resolve, reject) => {\n const reader = new FileReader()\n reader.onload = (e) => resolve(e.target?.result as string)\n reader.onerror = reject\n reader.readAsDataURL(file)\n })\n }\n\n @property({ type: Array, attribute: 'answer-list' }) answerList: any[] = []\n\n // 双向绑定支持\n @property({ type: String, attribute: 'model-value' }) modelValue = ''\n @property({ type: Boolean, attribute: 'use-model' }) useModel = false\n\n @state() private _title = ''\n @state() private _analysis = ''\n @state() private _answers: BlankAnswer[] = [{ title: '', tag: '', showInput: false }]\n @state() private _isInOrder = false\n @state() private _isIgnoreCase = true\n @state() private _showRichText = false\n @state() private _richText = ''\n\n private readonly TITLE_MAX = 400\n\n willUpdate(changed: Map<string, unknown>) {\n if (changed.has('isEdit') && this.isEdit) { this._syncProps() }\n // 当外部 modelValue 变化时同步内部状态\n if (changed.has('modelValue') && this.useModel) {\n this._title = this.modelValue.replaceAll(/<filter><\\/filter>/g, ' ______')\n }\n }\n\n private _syncProps() {\n this._title = (this.title || '').replaceAll(/<filter><\\/filter>/g, ' ______')\n this._analysis = this.analysis || ''\n if (this.answerList?.length) {\n this._answers = this.answerList.map((a: any) => ({ title: a.title || '', tag: '', showInput: false }))\n }\n else {\n const blankCount = (this._title.match(/ ______/g) || []).length || 1\n this._answers = Array.from({ length: blankCount }, () => ({ title: '', tag: '', showInput: false }))\n }\n if (this.examAnswerSetting) {\n this._isInOrder = !!this.examAnswerSetting.isInOrder\n this._isIgnoreCase = !!this.examAnswerSetting.isIgnoreCase\n }\n if (this.richTextContent) { this._richText = this.richTextContent; this._showRichText = true }\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 _addBlank() {\n this._title += ' ______'\n this._answers = [...this._answers, { title: '', tag: '', showInput: false }]\n this.requestUpdate()\n this._emitModelUpdate()\n }\n\n private _onTitleInput(e: Event) {\n const el = e.target as HTMLTextAreaElement\n if (el.value.length > this.TITLE_MAX) { el.value = el.value.slice(0, this.TITLE_MAX) }\n this._title = el.value\n const blankCount = (this._title.match(/ ______/g) || []).length\n if (blankCount !== this._answers.length) {\n if (blankCount > this._answers.length) {\n for (let i = this._answers.length; i < blankCount; i++) {\n this._answers = [...this._answers, { title: '', tag: '', showInput: false }]\n }\n }\n else {\n this._answers = this._answers.slice(0, blankCount)\n }\n }\n this._emitModelUpdate()\n }\n\n // 双向绑定:通知外部更新\n private _emitModelUpdate() {\n if (this.useModel) {\n const modelValue = this._title.replaceAll(/ ______/g, '<filter></filter>')\n this.dispatchEvent(new CustomEvent('update:modelValue', {\n bubbles: true,\n composed: true,\n detail: modelValue,\n }))\n }\n }\n\n private _handleAddTag(item: BlankAnswer) {\n item.showInput = false\n if (item.tag) {\n item.title = item.title ? [item.title, item.tag].join(',') : item.tag\n item.tag = ''\n }\n this.requestUpdate()\n }\n\n private _closeTag(tag: string, item: BlankAnswer) {\n if (tag) {\n const tags = item.title.split(',')\n const idx = tags.findIndex((t: string) => t === tag)\n if (idx > -1) { tags.splice(idx, 1); item.title = tags.join(',') }\n this.requestUpdate()\n }\n }\n\n async toJSON(): Promise<any> {\n return new Promise((resolve, reject) => {\n const row = { customId: this.customId || undefined, answerType: 'blank_fill', orderIndex: this.orderIndex }\n\n const title = this.isEdit ? this._title : this.title?.replaceAll(/<filter><\\/filter>/g, ' ______') || ''\n const answers = this.isEdit ? this._answers : (this.answerList || [])\n const analysis = this.isEdit ? this._analysis : this.analysis || ''\n const isInOrder = this.isEdit ? this._isInOrder : this.examAnswerSetting?.isInOrder ?? false\n const isIgnoreCase = this.isEdit ? this._isIgnoreCase : this.examAnswerSetting?.isIgnoreCase ?? true\n const showRichText = this.isEdit ? this._showRichText : !!this.richTextContent\n const richText = this.isEdit ? this._richText : this.richTextContent || ''\n\n if (!title) {\n reject(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n return\n }\n if (answers.length < 1) {\n reject(new SubjectError('至少添加一个填空符!', 'NO_BLANK', 'answers', row))\n return\n }\n const result: any = {\n answerType: SubjectType.BLANK_FILL,\n title: title.replaceAll(/ ______/g, '<filter></filter>'),\n answers: answers.map((a: any) => ({ title: a.title, isCorrect: true })),\n analysis,\n isSetCorrectAnswer: true,\n isKey: this.isKey,\n examAnswerSettingBO: { isIgnoreCase, isInOrder },\n examRichTextContent: showRichText ? richText : '',\n }\n if (this.customId) { result.customId = this.customId }\n resolve(result)\n })\n }\n\n private async _save(e?: Event) {\n e?.stopImmediatePropagation()\n try {\n const data = await this.toJSON()\n this._emit('save', data)\n }\n catch (err: any) {\n showToast(err.message)\n }\n }\n\n validate(): SubjectError[] {\n const errors: SubjectError[] = []\n const row = { customId: this.customId || undefined, answerType: 'blank_fill', orderIndex: this.orderIndex }\n\n const title = this.isEdit ? this._title : this.title?.replaceAll(/<filter><\\/filter>/g, ' ______') || ''\n const answers = this.isEdit ? this._answers : (this.answerList || [])\n\n if (!title) {\n errors.push(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n }\n if (answers.length < 1) {\n errors.push(new SubjectError('至少添加一个填空符!', 'NO_BLANK', 'answers', row))\n }\n\n return errors\n }\n\n private _renderPreview() {\n const displayTitle = this.title.replaceAll(/<filter><\\/filter>/g, ' ______')\n return html`\n <div class=\"preview\">\n <span class=\"title\">${this.orderIndex + 1}.${displayTitle}(填空题)</span>\n ${this.richTextContent ? html`<div class=\"rich-text\" .innerHTML=${this.richTextContent}></div>` : ''}\n ${this._answers.some(a => a.title)\n ? html`\n <div class=\"content flex flex-wrap\">\n <span>正确答案:</span>\n ${this._answers.map((a, i) => a.title\n ? html`\n <span style=\"margin-right:10px\">填空${i + 1}: ${a.title}</span>\n `\n : '')}\n </div>\n `\n : ''}\n ${this.analysis ? html`<div style=\"color:#909399;font-size:12px;margin-top:8px\">解析: ${this.analysis}</div>` : ''}\n </div>\n `\n }\n\n private _renderEdit() {\n return html`\n <div class=\"flex flex-items-start\">\n <div class=\"label\"><span>题目:</span></div>\n <div style=\"flex:1\">\n <div class=\"el-input\">\n <textarea rows=\"3\" .value=${this._title} ?disabled=${this.isSave}\n maxlength=${this.TITLE_MAX}\n @input=${(e: Event) => this._onTitleInput(e)}\n placeholder=\"【填空题】请输入问题\"></textarea>\n <span class=\"char-counter\">${this._title.length}/${this.TITLE_MAX}</span>\n </div>\n </div>\n </div>\n\n <div class=\"flex flex-justify-end\">\n <span class=\"el-link ${this.isSave ? 'is-disabled' : ''}\"\n @click=${() => {\n if (!this.isSave) { this._addBlank() }\n }}>插入填空符</span>\n </div>\n\n <div class=\"flex flex-items-center\" style=\"margin-top:12px\">\n <div class=\"label\"><span>答题设置:</span></div>\n <label class=\"el-checkbox\">\n <input type=\"checkbox\" .checked=${this._isInOrder}\n @change=${(e: Event) => { this._isInOrder = (e.target as HTMLInputElement).checked }} />\n 答案不分顺序\n </label>\n <label class=\"el-checkbox\">\n <input type=\"checkbox\" .checked=${this._isIgnoreCase}\n @change=${(e: Event) => { this._isIgnoreCase = (e.target as HTMLInputElement).checked }} />\n 忽略大小写\n </label>\n </div>\n\n ${this._answers.map((a, i) => html`\n <div class=\"answer-item\" style=\"margin-top:12px\">\n <div class=\"label\"><span>第${i + 1}空答案:</span></div>\n <div class=\"answer-tags\">\n ${a.title.split(',').filter(Boolean).map(tag => html`\n <span class=\"el-tag\">\n ${tag}\n ${!this.isSave ? html`<span class=\"el-tag__close\" @click=${() => this._closeTag(tag, a)}>×</span>` : ''}\n </span>\n `)}\n ${!this.isSave\n ? html`\n ${a.showInput\n ? html`\n <input type=\"text\" class=\"el-input--small\"\n @keydown=${(e: KeyboardEvent) => {\n if (e.key === 'Enter') { this._handleAddTag(a) }\n }}\n @input=${(e: Event) => { a.tag = (e.target as HTMLInputElement).value }}\n @blur=${() => this._handleAddTag(a)} />\n `\n : html`\n <span class=\"el-button--small\" @click=${() => { a.showInput = true; this.requestUpdate(); this.updateComplete.then(() => { (this.shadowRoot?.querySelector('.el-input--small') as HTMLInputElement)?.focus() }) }}>\n ${iconPlus}\n <span>${a.title ? '添加同义词' : '添加答案'}</span>\n </span>\n `}\n `\n : ''}\n </div>\n </div>\n `)}\n\n ${this._showRichText\n ? html`\n <div class=\"flex flex-items-start\" style=\"margin-top:12px\">\n <div class=\"label\"><span>富文本:</span></div>\n <div style=\"flex:1\">\n <qxs-blocksuite-editor\n .content=${this._richText}\n .uploadImage=${this.uploadImage}\n ?is-edit=${true}\n ></qxs-blocksuite-editor>\n <div class=\"flex flex-justify-end\" style=\"margin-top:8px\">\n <span class=\"el-link\" style=\"color:#f56c6c\" @click=${() => { this._showRichText = false; this._richText = '' }}>删除富文本</span>\n </div>\n </div>\n </div>\n `\n : ''}\n\n ${this.showAnalysis\n ? html`\n <div class=\"flex flex-items-start\" style=\"margin-top:12px\">\n <div class=\"label\"><span>解析:</span></div>\n <div style=\"flex:1\">\n <div class=\"el-input\">\n <textarea rows=\"2\" .value=${this._analysis}\n @input=${(e: Event) => { this._analysis = (e.target as HTMLTextAreaElement).value }}\n placeholder=\"请输入题目解析\"></textarea>\n </div>\n </div>\n </div>\n `\n : ''}\n `\n }\n\n render() {\n return html`\n <qxs-subject-layout ?show-edit=${this.isEdit}>\n <div slot=\"preview\">${this._renderPreview()}</div>\n <div slot=\"edit\">${this._renderEdit()}</div>\n ${this.showAction\n ? html`\n <qxs-subject-action\n ?is-edit=${this.isEdit}\n ?is-set=${this.isSet}\n ?show-other-option=${false}\n exam-answer-relation-type=${this.examAnswerRelationType}\n @delete=${() => this._emit('delete')}\n @save=${this._save}\n @edit=${() => this._emit('edit')}\n @add=${(e: CustomEvent) => this._emit('add', e.detail)}\n @set-key=${(e: CustomEvent) => { this._emit('set-key', e.detail) }}\n @on-show-rich-text=${() => { this._showRichText = true }}\n ></qxs-subject-action>\n `\n : ''}\n </qxs-subject-layout>\n `\n }\n}\n\nexport function register() {}\n"],"names":["iconPlus","html","QxsBlankFill","LitElement","constructor","super","arguments","this","orderIndex","title","customId","isEdit","isSave","isSet","isKey","showAction","showAnalysis","richTextContent","analysis","examAnswerRelationType","examExpand","examAnswerSetting","isInOrder","isIgnoreCase","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","answerList","modelValue","useModel","_title","_analysis","_answers","tag","showInput","_isInOrder","_isIgnoreCase","_showRichText","_richText","TITLE_MAX","willUpdate","changed","has","_syncProps","replaceAll","length","map","a","blankCount","match","Array","from","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_addBlank","requestUpdate","_emitModelUpdate","_onTitleInput","el","value","slice","i","_handleAddTag","item","join","_closeTag","tags","split","idx","findIndex","t","splice","toJSON","row","answerType","answers","showRichText","richText","SubjectError","SubjectType","BLANK_FILL","isCorrect","isSetCorrectAnswer","examAnswerSettingBO","examRichTextContent","_save","stopImmediatePropagation","data","err","msg","document","createElement","textContent","Object","assign","style","position","top","left","transform","padding","borderRadius","fontSize","color","background","zIndex","boxShadow","transition","opacity","body","appendChild","setTimeout","remove","showToast","message","validate","errors","push","_renderPreview","displayTitle","some","_renderEdit","checked","filter","Boolean","key","updateComplete","then","shadowRoot","querySelector","focus","render","styles","css","__decorateClass","property","type","Number","attribute","prototype","String","state","safeCustomElement"],"mappings":"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"}
1
+ {"version":3,"file":"blank-fill.cjs","sources":["../../../../packages/components-wc/src/subject/blank-fill.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\nimport { SubjectError } from './single'\nimport { SubjectType } from './types'\n\ninterface BlankAnswer { title: string, tag: string, showInput: boolean }\n\nconst iconPlus = html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"\n stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/>\n </svg>`\n\nfunction showToast(msg: string) {\n const el = document.createElement('div')\n el.textContent = msg\n Object.assign(el.style, {\n position: 'fixed', top: '20px', left: '50%', transform: 'translateX(-50%)',\n padding: '10px 20px', borderRadius: '4px', fontSize: '13px', color: '#fff',\n background: '#f56c6c', zIndex: '99999', boxShadow: '0 4px 12px rgba(0,0,0,.15)',\n transition: 'opacity .3s', opacity: '1',\n })\n document.body.appendChild(el)\n setTimeout(() => { el.style.opacity = '0'; setTimeout(() => el.remove(), 300) }, 2500)\n}\n\n@safeCustomElement('qxs-blank-fill')\nexport class QxsBlankFill 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; color: #5a5a5a; }\n *, ::before, ::after { box-sizing: border-box; }\n\n .preview { padding: 12px 0; }\n .preview .title { font-size: 14px; color: #303133; }\n .preview .rich-text { margin-top: 8px; }\n .preview .rich-text img { max-width: 100%; }\n .preview .content { color: #a8abb2; margin-top: 10px; }\n\n .flex { display: flex; }\n .flex-wrap { flex-wrap: wrap; }\n .flex-items-center { display: flex; align-items: center; }\n .flex-items-start { display: flex; align-items: flex-start; }\n .flex-justify-end { display: flex; justify-content: flex-end; }\n .label { min-width: 70px; font-size: 13px; color: #606266; }\n\n textarea {\n border: 1px solid #dcdfe6; border-radius: 3px; padding: 5px 11px;\n font-size: 13px; font-family: inherit; width: 100%; resize: none; transition: border-color .2s;\n line-height: 1.5; display: block; box-sizing: border-box;\n }\n textarea:focus { border-color: #3D61E3; outline: none; }\n textarea:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }\n .el-input { position: relative; display: block; }\n .el-input textarea { padding-bottom: 24px; }\n .el-input .char-counter {\n position: absolute; right: 12px; bottom: 8px;\n font-size: 12px; color: #909399; line-height: 1; pointer-events: none;\n }\n\n /* Tag style */\n .el-tag {\n display: inline-flex; align-items: center; height: 24px; padding: 0 9px;\n font-size: 12px; line-height: 1; color: #3D61E3; background: #ecf5ff;\n border: 1px solid #d9ecff; border-radius: 4px; white-space: nowrap;\n }\n .el-tag .el-tag__close {\n display: inline-flex; align-items: center; justify-content: center;\n margin-left: 4px; width: 16px; height: 16px; border-radius: 50%;\n font-size: 12px; color: #909399; cursor: pointer; transition: all .2s;\n }\n .el-tag .el-tag__close:hover { background: #909399; color: #fff; }\n\n /* Button small style */\n .el-button--small {\n display: inline-flex; align-items: center; gap: 4px;\n height: 24px; padding: 0 10px; font-size: 12px; line-height: 1;\n border: 1px solid #dcdfe6; border-radius: 3px; background: #fff; color: #606266;\n cursor: pointer; transition: all .2s; white-space: nowrap;\n }\n .el-button--small:hover { color: #3D61E3; border-color: #c6e2ff; background-color: #ecf5ff; }\n\n /* Link style */\n .el-link { color: #3D61E3; cursor: pointer; font-size: 12px; text-decoration: none; }\n .el-link:hover { color: #2D4CB8; }\n .el-link.is-disabled { color: #c0c4cc; cursor: not-allowed; }\n\n /* Input small for tag */\n .el-input--small { width: 80px; }\n .el-input--small input {\n height: 24px; padding: 0 8px; font-size: 12px; line-height: 24px;\n border: 1px solid #dcdfe6; border-radius: 3px; width: 100%;\n }\n .el-input--small input:focus { border-color: #3D61E3; outline: none; }\n\n /* Checkbox style */\n .el-checkbox {\n display: inline-flex; align-items: center; gap: 6px; cursor: pointer;\n font-size: 13px; color: #606266; user-select: none; margin-right: 16px;\n }\n .el-checkbox input[type=\"checkbox\"] {\n width: 14px; height: 14px; cursor: pointer; accent-color: #3D61E3;\n }\n\n .answer-item { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }\n .answer-item .label { min-width: 70px; padding-top: 0; color: #909399; }\n .answer-tags { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; flex: 1; }\n `\n\n @property({ type: Number, attribute: 'order-index' }) orderIndex = 0\n @property({ type: String }) title = ''\n @property({ type: String, attribute: 'custom-id' }) customId = ''\n @property({ type: Boolean, attribute: 'is-edit' }) isEdit = false\n @property({ type: Boolean, attribute: 'is-save' }) isSave = false\n @property({ type: Boolean, attribute: 'is-set' }) isSet = false\n @property({ type: Boolean, attribute: 'is-key' }) isKey = false\n @property({ type: Boolean, attribute: 'show-action' }) showAction = true\n @property({ type: Boolean, attribute: 'show-add' }) showAdd = true\n @property({ type: Boolean, attribute: 'show-answer-setting' }) showAnswerSetting = false\n @property({ type: Boolean, attribute: 'show-analysis' }) showAnalysis = true\n @property({ type: String, attribute: 'rich-text-content' }) richTextContent = ''\n @property({ type: String }) analysis = ''\n @property({ type: Number, attribute: 'exam-answer-relation-type' }) examAnswerRelationType = 0\n @property({ type: String, attribute: 'exam-expand' }) examExpand = ''\n @property({ type: Object, attribute: 'exam-answer-setting' })\n examAnswerSetting: { isInOrder: boolean, isIgnoreCase: boolean } = { isInOrder: false, isIgnoreCase: true }\n @property({ type: Object })\n uploadImage: (file: File) => Promise<string> = async (file: File) => {\n return new Promise((resolve, reject) => {\n const reader = new FileReader()\n reader.onload = (e) => resolve(e.target?.result as string)\n reader.onerror = reject\n reader.readAsDataURL(file)\n })\n }\n\n @property({ type: Array, attribute: 'answer-list' }) answerList: any[] = []\n\n // 双向绑定支持\n @property({ type: String, attribute: 'model-value' }) modelValue = ''\n @property({ type: Boolean, attribute: 'use-model' }) useModel = false\n\n @state() private _title = ''\n @state() private _analysis = ''\n @state() private _answers: BlankAnswer[] = [{ title: '', tag: '', showInput: false }]\n @state() private _isInOrder = false\n @state() private _isIgnoreCase = true\n @state() private _showRichText = false\n @state() private _richText = ''\n\n private readonly TITLE_MAX = 400\n\n willUpdate(changed: Map<string, unknown>) {\n if (changed.has('isEdit') && this.isEdit) { this._syncProps() }\n if (!this.isEdit && (changed.has('title') || changed.has('answerList') || changed.has('analysis') || changed.has('examAnswerSetting') || changed.has('richTextContent'))) {\n this._syncProps()\n }\n // 当外部 modelValue 变化时同步内部状态\n if (changed.has('modelValue') && this.useModel) {\n this._title = this.modelValue.replaceAll(/<filter><\\/filter>/g, ' ______')\n }\n }\n\n private _normalizeAnswerTitle(answer: any) {\n return String(answer?.title ?? answer?.answer ?? '')\n }\n\n private _syncProps() {\n this._title = (this.title || '').replaceAll(/<filter><\\/filter>/g, ' ______')\n this._analysis = this.analysis || ''\n if (this.answerList?.length) {\n this._answers = this.answerList.map((a: any) => ({ title: this._normalizeAnswerTitle(a), tag: '', showInput: false }))\n }\n else {\n const blankCount = (this._title.match(/ ______/g) || []).length || 1\n this._answers = Array.from({ length: blankCount }, () => ({ title: '', tag: '', showInput: false }))\n }\n if (this.examAnswerSetting) {\n this._isInOrder = !!this.examAnswerSetting.isInOrder\n this._isIgnoreCase = !!this.examAnswerSetting.isIgnoreCase\n }\n this._richText = this.richTextContent || ''\n this._showRichText = !!this.richTextContent\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 _addBlank() {\n this._title += ' ______'\n this._answers = [...this._answers, { title: '', tag: '', showInput: false }]\n this.requestUpdate()\n this._emitModelUpdate()\n }\n\n private _onTitleInput(e: Event) {\n const el = e.target as HTMLTextAreaElement\n if (el.value.length > this.TITLE_MAX) { el.value = el.value.slice(0, this.TITLE_MAX) }\n this._title = el.value\n const blankCount = (this._title.match(/ ______/g) || []).length\n if (blankCount !== this._answers.length) {\n if (blankCount > this._answers.length) {\n for (let i = this._answers.length; i < blankCount; i++) {\n this._answers = [...this._answers, { title: '', tag: '', showInput: false }]\n }\n }\n else {\n this._answers = this._answers.slice(0, blankCount)\n }\n }\n this._emitModelUpdate()\n }\n\n // 双向绑定:通知外部更新\n private _emitModelUpdate() {\n if (this.useModel) {\n const modelValue = this._title.replaceAll(/ ______/g, '<filter></filter>')\n this.dispatchEvent(new CustomEvent('update:modelValue', {\n bubbles: true,\n composed: true,\n detail: modelValue,\n }))\n }\n }\n\n private _handleAddTag(item: BlankAnswer) {\n item.showInput = false\n if (item.tag) {\n item.title = item.title ? [item.title, item.tag].join(',') : item.tag\n item.tag = ''\n }\n this.requestUpdate()\n }\n\n private _closeTag(tag: string, item: BlankAnswer) {\n if (tag) {\n const tags = item.title.split(',')\n const idx = tags.findIndex((t: string) => t === tag)\n if (idx > -1) { tags.splice(idx, 1); item.title = tags.join(',') }\n this.requestUpdate()\n }\n }\n\n async toJSON(): Promise<any> {\n return new Promise((resolve, reject) => {\n const row = { customId: this.customId || undefined, answerType: 'blank_fill', orderIndex: this.orderIndex }\n\n const title = this.isEdit ? this._title : this.title?.replaceAll(/<filter><\\/filter>/g, ' ______') || ''\n const answers = this.isEdit ? this._answers : (this.answerList || []).map((answer: any) => ({ ...answer, title: this._normalizeAnswerTitle(answer) }))\n const analysis = this.isEdit ? this._analysis : this.analysis || ''\n const isInOrder = this.isEdit ? this._isInOrder : this.examAnswerSetting?.isInOrder ?? false\n const isIgnoreCase = this.isEdit ? this._isIgnoreCase : this.examAnswerSetting?.isIgnoreCase ?? true\n const showRichText = this.isEdit ? this._showRichText : !!this.richTextContent\n const richText = this.isEdit ? this._richText : this.richTextContent || ''\n\n if (!title) {\n reject(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n return\n }\n if (answers.length < 1) {\n reject(new SubjectError('至少添加一个填空符!', 'NO_BLANK', 'answers', row))\n return\n }\n const result: any = {\n answerType: SubjectType.BLANK_FILL,\n title: title.replaceAll(/ ______/g, '<filter></filter>'),\n answers: answers.map((a: any) => ({ title: a.title, isCorrect: true })),\n analysis,\n isSetCorrectAnswer: true,\n isKey: this.isKey,\n examAnswerSettingBO: { isIgnoreCase, isInOrder },\n examRichTextContent: showRichText ? richText : '',\n }\n if (this.customId) { result.customId = this.customId }\n resolve(result)\n })\n }\n\n private async _save(e?: Event) {\n e?.stopImmediatePropagation()\n try {\n const data = await this.toJSON()\n this._emit('save', data)\n }\n catch (err: any) {\n showToast(err.message)\n }\n }\n\n validate(): SubjectError[] {\n const errors: SubjectError[] = []\n const row = { customId: this.customId || undefined, answerType: 'blank_fill', orderIndex: this.orderIndex }\n\n const title = this.isEdit ? this._title : this.title?.replaceAll(/<filter><\\/filter>/g, ' ______') || ''\n const answers = this.isEdit ? this._answers : (this.answerList || []).map((answer: any) => ({ ...answer, title: this._normalizeAnswerTitle(answer) }))\n\n if (!title) {\n errors.push(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n }\n if (answers.length < 1) {\n errors.push(new SubjectError('至少添加一个填空符!', 'NO_BLANK', 'answers', row))\n }\n\n return errors\n }\n\n private _renderPreview() {\n const displayTitle = this.title.replaceAll(/<filter><\\/filter>/g, ' ______')\n const previewAnswers = this.isEdit ? this._answers : (this.answerList || []).map((answer: any) => ({ ...answer, title: this._normalizeAnswerTitle(answer) }))\n return html`\n <div class=\"preview\">\n <span class=\"title\">${this.orderIndex + 1}.${displayTitle}(填空题)</span>\n ${this.richTextContent ? html`<div class=\"rich-text\" .innerHTML=${this.richTextContent}></div>` : ''}\n ${previewAnswers.some(a => a.title)\n ? html`\n <div class=\"content flex flex-wrap\">\n <span>正确答案:</span>\n ${previewAnswers.map((a, i) => a.title\n ? html`\n <span style=\"margin-right:10px\">填空${i + 1}: ${a.title}</span>\n `\n : '')}\n </div>\n `\n : ''}\n ${this.analysis ? html`<div style=\"color:#909399;font-size:12px;margin-top:8px\">解析: ${this.analysis}</div>` : ''}\n </div>\n `\n }\n\n private _renderEdit() {\n return html`\n <div class=\"flex flex-items-start\">\n <div class=\"label\"><span>题目:</span></div>\n <div style=\"flex:1\">\n <div class=\"el-input\">\n <textarea rows=\"3\" .value=${this._title} ?disabled=${this.isSave}\n maxlength=${this.TITLE_MAX}\n @input=${(e: Event) => this._onTitleInput(e)}\n placeholder=\"【填空题】请输入问题\"></textarea>\n <span class=\"char-counter\">${this._title.length}/${this.TITLE_MAX}</span>\n </div>\n </div>\n </div>\n\n <div class=\"flex flex-justify-end\">\n <span class=\"el-link ${this.isSave ? 'is-disabled' : ''}\"\n @click=${() => {\n if (!this.isSave) { this._addBlank() }\n }}>插入填空符</span>\n </div>\n\n ${this.showAnswerSetting\n ? html`\n <div class=\"flex flex-items-center\" style=\"margin-top:12px\">\n <div class=\"label\"><span>答题设置:</span></div>\n <label class=\"el-checkbox\">\n <input type=\"checkbox\" .checked=${this._isInOrder}\n @change=${(e: Event) => { this._isInOrder = (e.target as HTMLInputElement).checked }} />\n 答案不分顺序\n </label>\n <label class=\"el-checkbox\">\n <input type=\"checkbox\" .checked=${this._isIgnoreCase}\n @change=${(e: Event) => { this._isIgnoreCase = (e.target as HTMLInputElement).checked }} />\n 忽略大小写\n </label>\n </div>\n `\n : ''}\n\n ${this._answers.map((a, i) => html`\n <div class=\"answer-item\" style=\"margin-top:12px\">\n <div class=\"label\"><span>第${i + 1}空答案:</span></div>\n <div class=\"answer-tags\">\n ${a.title.split(',').filter(Boolean).map(tag => html`\n <span class=\"el-tag\">\n ${tag}\n ${!this.isSave ? html`<span class=\"el-tag__close\" @click=${() => this._closeTag(tag, a)}>×</span>` : ''}\n </span>\n `)}\n ${!this.isSave\n ? html`\n ${a.showInput\n ? html`\n <input type=\"text\" class=\"el-input--small\"\n @keydown=${(e: KeyboardEvent) => {\n if (e.key === 'Enter') { this._handleAddTag(a) }\n }}\n @input=${(e: Event) => { a.tag = (e.target as HTMLInputElement).value }}\n @blur=${() => this._handleAddTag(a)} />\n `\n : html`\n <span class=\"el-button--small\" @click=${() => { a.showInput = true; this.requestUpdate(); this.updateComplete.then(() => { (this.shadowRoot?.querySelector('.el-input--small') as HTMLInputElement)?.focus() }) }}>\n ${iconPlus}\n <span>${a.title ? '添加同义词' : '添加答案'}</span>\n </span>\n `}\n `\n : ''}\n </div>\n </div>\n `)}\n\n ${this._showRichText\n ? html`\n <div class=\"flex flex-items-start\" style=\"margin-top:12px\">\n <div class=\"label\"><span>富文本:</span></div>\n <div style=\"flex:1\">\n <qxs-blocksuite-editor\n .content=${this._richText}\n .uploadImage=${this.uploadImage}\n ?is-edit=${true}\n ></qxs-blocksuite-editor>\n ${!this.showAction\n ? html`\n <div class=\"flex flex-justify-end\" style=\"margin-top:8px\">\n <span class=\"el-link\" style=\"color:#f56c6c\" @click=${() => { this._showRichText = false; this._richText = '' }}>删除富文本</span>\n </div>\n `\n : ''}\n </div>\n </div>\n `\n : ''}\n\n ${this.showAnalysis\n ? html`\n <div class=\"flex flex-items-start\" style=\"margin-top:12px\">\n <div class=\"label\"><span>解析:</span></div>\n <div style=\"flex:1\">\n <div class=\"el-input\">\n <textarea rows=\"2\" .value=${this._analysis}\n @input=${(e: Event) => { this._analysis = (e.target as HTMLTextAreaElement).value }}\n placeholder=\"请输入题目解析\"></textarea>\n </div>\n </div>\n </div>\n `\n : ''}\n `\n }\n\n render() {\n return html`\n <qxs-subject-layout ?show-edit=${this.isEdit}>\n <div slot=\"preview\">${this._renderPreview()}</div>\n <div slot=\"edit\">${this._renderEdit()}</div>\n ${this.showAction\n ? html`\n <qxs-subject-action\n ?is-edit=${this.isEdit}\n ?is-set=${this.isSet}\n ?show-add=${this.showAdd}\n ?show-rich-text=${this._showRichText}\n exam-answer-relation-type=${this.examAnswerRelationType}\n @delete=${() => this._emit('delete')}\n @save=${this._save}\n @edit=${() => this._emit('edit')}\n @add=${(e: CustomEvent) => this._emit('add', e.detail)}\n @set-key=${(e: CustomEvent) => { this._emit('set-key', e.detail) }}\n @on-show-rich-text=${() => {\n this._showRichText = !this._showRichText\n if (!this._showRichText) {\n this._richText = ''\n }\n }}\n ></qxs-subject-action>\n `\n : ''}\n </qxs-subject-layout>\n `\n }\n}\n\nexport function register() {}\n"],"names":["iconPlus","html","QxsBlankFill","LitElement","constructor","super","arguments","this","orderIndex","title","customId","isEdit","isSave","isSet","isKey","showAction","showAdd","showAnswerSetting","showAnalysis","richTextContent","analysis","examAnswerRelationType","examExpand","examAnswerSetting","isInOrder","isIgnoreCase","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","answerList","modelValue","useModel","_title","_analysis","_answers","tag","showInput","_isInOrder","_isIgnoreCase","_showRichText","_richText","TITLE_MAX","willUpdate","changed","has","_syncProps","replaceAll","_normalizeAnswerTitle","answer","String","length","map","a","blankCount","match","Array","from","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_addBlank","requestUpdate","_emitModelUpdate","_onTitleInput","el","value","slice","i","_handleAddTag","item","join","_closeTag","tags","split","idx","findIndex","t","splice","toJSON","row","answerType","answers","showRichText","richText","SubjectError","SubjectType","BLANK_FILL","isCorrect","isSetCorrectAnswer","examAnswerSettingBO","examRichTextContent","_save","stopImmediatePropagation","data","err","msg","document","createElement","textContent","Object","assign","style","position","top","left","transform","padding","borderRadius","fontSize","color","background","zIndex","boxShadow","transition","opacity","body","appendChild","setTimeout","remove","showToast","message","validate","errors","push","_renderPreview","displayTitle","previewAnswers","some","_renderEdit","checked","filter","Boolean","key","updateComplete","then","shadowRoot","querySelector","focus","render","styles","css","__decorateClass","property","type","Number","attribute","prototype","state","safeCustomElement"],"mappings":"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"}
@@ -1,32 +1,53 @@
1
- "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"),s=require("../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),i=require("sortablejs"),r=require("../base/define.cjs"),a=require("../base/uid.cjs"),o=require("./single.cjs"),l=require("./types.cjs");require("./action.cjs"),require("./blank-fill.cjs"),require("./layout.cjs"),require("./text-fill.cjs"),require("./scale.cjs"),require("./page-end.cjs"),require("./type.cjs");var n=Object.defineProperty,d=Object.getOwnPropertyDescriptor,c=(e,t,s,i)=>{for(var r,a=i>1?void 0:i?d(t,s):t,o=e.length-1;o>=0;o--)(r=e[o])&&(a=(i?r(t,s,a):r(a))||a);return i&&a&&n(t,s,a),a};l.SubjectType.SINGLE,l.SubjectType.MULTIPLE,l.SubjectType.SORT,l.SubjectType.BLANK_FILL,l.SubjectType.TEXT_FILL,l.SubjectType.SCALE,exports.QxsSubjectList=class extends e.LitElement{constructor(){super(...arguments),this.isPreview=!1,this.useModelAttr=null,this._modelValueAttr="",this.uploadImage=async e=>new Promise((t,s)=>{const i=new FileReader;i.onload=e=>t(e.target?.result),i.onerror=s,i.readAsDataURL(e)}),this._list=[],this._sortMode=!1,this._sortable=null,this._initialDataProcessed=!1}get modelValue(){return JSON.stringify(this._list)}set modelValue(e){if(e&&e!==this._modelValueAttr){this._modelValueAttr=e;try{const t=JSON.parse(e);Array.isArray(t)&&(this._list=t.map(e=>({...e,customId:e.customId||a.uid()})),this.requestUpdate())}catch{}}}get _useModel(){return"true"===this.useModelAttr||""===this.useModelAttr||this.hasAttribute("use-model")}get subjectList(){return this._list}set subjectList(e){if(e){if("string"==typeof e)try{e=JSON.parse(e)}catch{return this._list=[],void this.requestUpdate()}if(!Array.isArray(e))return this._list=[],void this.requestUpdate();this._list=e.map(e=>({...e,customId:e.customId||a.uid()})),this.requestUpdate()}else this._list=[]}attributeChangedCallback(e,t,s){if(super.attributeChangedCallback(e,t,s),"subject-list"===e&&s&&!this._list.length){if(s.includes("[object Object]"))return;try{const e=JSON.parse(s);Array.isArray(e)&&(this._list=e.map(e=>({...e,customId:e.customId||a.uid()})),this.requestUpdate())}catch{}}}get _isPreviewValue(){const e=this.isPreview;return"string"==typeof e?"false"!==e:!!e}connectedCallback(){super.connectedCallback(),this._initialDataProcessed||(this._initialDataProcessed=!0,Promise.resolve().then(()=>{0===this._list.length&&this._processAttributeList()}))}_processAttributeList(){const e=this.getAttribute("subject-list");if(e&&"[]"!==e&&!e.includes("[object Object]"))try{const t=JSON.parse(e);Array.isArray(t)&&t.length>0&&(this._list=t.map(e=>({...e,customId:e.customId||a.uid()})),this.requestUpdate())}catch{}}firstUpdated(){this.updateComplete.then(()=>this._initSortable())}updated(e){e.has("_sortMode")&&(this._sortable?.destroy(),this._sortable=null,this.updateComplete.then(()=>this._initSortable())),e.has("_list")&&this._sortMode&&setTimeout(()=>{this._sortable&&(this._sortable.destroy(),this._sortable=null),this._initSortable()},50)}disconnectedCallback(){super.disconnectedCallback(),this._sortable?.destroy(),this._sortable=null}_initSortable(){if(!this._sortMode)return;this.querySelector(".sort-list")&&(this._sortable&&(this._sortable.destroy(),this._sortable=null),requestAnimationFrame(()=>{const e=this.querySelector(".sort-list");e&&!this._sortable&&(this._sortable=i.create(e,{handle:".sort-handle",animation:200,ghostClass:"sort-ghost",chosenClass:"sort-chosen",onEnd:e=>{const{oldIndex:t,newIndex:s}=e;if(void 0===t||void 0===s||t===s)return;const i=[...this._list],[r]=i.splice(t,1);i.splice(s,0,r),this._list=i,this._emitListChange()}}))}))}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t??null}))}_emitListChange(){this._emit("change",this._list),this._useModel&&(this._modelValueAttr=JSON.stringify(this._list),this._emit("list-change",this._list))}async toJSON(){const e=this.querySelectorAll("qxs-subject-single, qxs-blank-fill, qxs-text-fill, qxs-scale, qxs-subject-rich-text");if(!e||0===e.length)return[];const t=[],s=[];for(const i of e)if("function"==typeof i.toJSON)try{const e=await i.toJSON();t.push(e)}catch(e){e instanceof o.SubjectError?s.push(e):s.push(new o.SubjectError(e.message||"未知错误","UNKNOWN","unknown"))}if(s.length>0)throw s;return t}async validate(){const e=this.querySelectorAll("qxs-subject-single, qxs-blank-fill, qxs-text-fill, qxs-scale");if(!e||0===e.length)return{valid:!0,errors:[]};const t=[];for(const s of e)if("function"==typeof s.validate){const e=s.validate();e?.length&&t.push(...e)}return{valid:0===t.length,errors:t}}get currentList(){return this._list}addSubject(e,t){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;const i={customId:a.uid(),answerType:e,title:"",answers:[],analysis:"",scaleQuestionList:[],isEdit:!0,isSave:!1,isRealCanDel:!0,hasSet:!1,isKey:!1,answerCheckType:1,examAnswerRelationType:s??0},r=[...this._list];"number"==typeof t&&t>=0?r.splice(t+1,0,i):r.push(i),this._list=r,this.requestUpdate(),this._emitListChange()}addExam(e){const t=[];e.forEach(e=>{const s={...e,customId:e.customId||a.uid(),answers:e.answers?.map(e=>({...e,title:e.answer,answerId:e.examAnswerId,isCorrect:e.isCorrect}))||[],isEdit:!0,isSave:!1,isRealCanDel:!0,hasSet:!1};e.richTextContent||(s.answerType=e.examTypeEnum),t.push(s)}),this._list=[...this._list,...t],this._emitListChange()}uploadExcel(e){this._list=[...this._list,...e.map(e=>({...e,customId:e.customId||a.uid(),isRealCanDel:!0}))],this._emitListChange()}setAnswerRelation(e,t,s){const i=this._list.find(e=>e.customId===t);if(i){const t=i.answers?.find(e=>e.customAnswerId===s);t&&(t.answerRelations=e)}this.requestUpdate(),this._emitListChange()}_orderIndex(e){let t=0,s=0;return this._list.forEach(i=>{t++,i.customId===e&&(s=t)}),s-1}_move(e,t){const s=[...this._list];"up"===t&&e>0?[s[e-1],s[e]]=[s[e],s[e-1]]:"down"===t&&e<s.length-1&&([s[e],s[e+1]]=[s[e+1],s[e]]),this._list=s,this._emitListChange()}_save(e,t){this._list=this._list.map((s,i)=>i===e?{...s,...t.detail,isEdit:!1,isSave:!0}:s),this._emitListChange()}_deleteByCustomId(e){this._list=this._list.filter(t=>t.customId!==e),this._emitListChange()}_delete(e){const t=[...this._list];t.splice(e,1),this._list=t,this._emitListChange()}_setEdit(e,t){this._list=this._list.map((s,i)=>i===e?{...s,isEdit:t}:s)}_renderItem(t,s){const i=this._orderIndex(t.customId),r=(t.isEdit,t.hasSet,t.isRealCanDel,this._isPreviewValue,t.examAnswerRelationType,e=>this._move(s,e.detail)),a=()=>this._deleteByCustomId(t.customId),o=e=>this._save(s,e),n=()=>this._setEdit(s,!0),d=e=>this.addSubject(e.detail?.type??e.detail,s);return[l.SubjectType.SINGLE,l.SubjectType.MULTIPLE,l.SubjectType.SORT].includes(t.answerType)?e.html`<qxs-subject-single
1
+ "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"),s=require("../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),i=require("../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/repeat.cjs"),r=require("sortablejs"),a=require("../base/define.cjs"),o=require("../base/uid.cjs"),n=require("./single.cjs"),l=require("./types.cjs");require("./action.cjs"),require("./blank-fill.cjs"),require("./layout.cjs"),require("./text-fill.cjs"),require("./scale.cjs"),require("./page-end.cjs"),require("./type.cjs");var d=Object.defineProperty,h=Object.getOwnPropertyDescriptor,c=(e,t,s,i)=>{for(var r,a=i>1?void 0:i?h(t,s):t,o=e.length-1;o>=0;o--)(r=e[o])&&(a=(i?r(t,s,a):r(a))||a);return i&&a&&d(t,s,a),a};l.SubjectType.SINGLE,l.SubjectType.MULTIPLE,l.SubjectType.SORT,l.SubjectType.BLANK_FILL,l.SubjectType.TEXT_FILL,l.SubjectType.SCALE,exports.QxsSubjectList=class extends e.LitElement{constructor(){super(...arguments),this.isPreview=!1,this.useModelAttr=null,this._modelValueAttr="",this.uploadImage=async e=>new Promise((t,s)=>{const i=new FileReader;i.onload=e=>t(e.target?.result),i.onerror=s,i.readAsDataURL(e)}),this.categoryList=[],this.showTag=!1,this.showCategory=!1,this.showAi=!1,this.showResource=!1,this.showJump=!1,this.showAdd=!0,this.showAnswerSetting=!1,this.showKey=!1,this.searchApi="",this._list=[],this._sortMode=!1,this._sortable=null,this._initialDataProcessed=!1}get modelValue(){return JSON.stringify(this._list)}set modelValue(e){if(e&&e!==this._modelValueAttr){this._modelValueAttr=e;try{const t=JSON.parse(e);Array.isArray(t)&&(this._list=this._normalizeIncomingList(t),this.requestUpdate())}catch{}}}get _useModel(){return"true"===this.useModelAttr||""===this.useModelAttr||this.hasAttribute("use-model")}get subjectList(){return this._list}set subjectList(e){if(e){if("string"==typeof e)try{e=JSON.parse(e)}catch{return this._list=[],void this.requestUpdate()}if(!Array.isArray(e))return this._list=[],void this.requestUpdate();this._list=this._normalizeIncomingList(e),this.requestUpdate()}else this._list=[]}attributeChangedCallback(e,t,s){if(super.attributeChangedCallback(e,t,s),"subject-list"===e&&s&&!this._list.length){if(s.includes("[object Object]"))return;try{const e=JSON.parse(s);Array.isArray(e)&&(this._list=this._normalizeIncomingList(e),this.requestUpdate())}catch{}}}get _isPreviewValue(){const e=this.isPreview;return"string"==typeof e?"false"!==e:!!e}connectedCallback(){super.connectedCallback(),this._initialDataProcessed||(this._initialDataProcessed=!0,Promise.resolve().then(()=>{0===this._list.length&&this._processAttributeList()}))}_processAttributeList(){const e=this.getAttribute("subject-list");if(e&&"[]"!==e&&!e.includes("[object Object]"))try{const t=JSON.parse(e);Array.isArray(t)&&t.length>0&&(this._list=this._normalizeIncomingList(t),this.requestUpdate())}catch{}}_normalizeAnswer(e){return{...e,title:String(e?.title??e?.answer??""),answerId:e?.answerId??e?.examAnswerId}}_normalizeItem(e){const t=e?.answerType||(e?.richTextContent?e?.answerType:e?.examTypeEnum),s=Array.isArray(e?.answers)?e.answers.map(e=>this._normalizeAnswer(e)):[];return{...e,customId:e?.customId||o.uid(),...t?{answerType:t}:{},...s.length||Array.isArray(e?.answers)?{answers:s}:{}}}_rebuildPageEndMarkers(e){if(!e.length)return e;if(e.some(e=>"page_end"===e?.answerType))return e;if(!e.some(e=>Number(e?.pageIndex)>1))return e;let t=1;const s=[];return e.forEach(e=>{const i=Number(e?.pageIndex)||1;if(i>t)if(s.length>0)for(;t<i;)s.push({customId:o.uid(),answerType:"page_end"}),t++;else t=i;s.push(e)}),s}_normalizeIncomingList(e){const t=e.map(e=>this._normalizeItem(e));return this._rebuildPageEndMarkers(t)}firstUpdated(){this.updateComplete.then(()=>this._initSortable())}updated(e){e.has("_sortMode")&&(this._sortable?.destroy(),this._sortable=null,this.updateComplete.then(()=>this._initSortable())),e.has("_list")&&this._sortMode&&setTimeout(()=>{this._sortable&&(this._sortable.destroy(),this._sortable=null),this._initSortable()},50)}disconnectedCallback(){super.disconnectedCallback(),this._sortable?.destroy(),this._sortable=null}_initSortable(){if(!this._sortMode)return;this.renderRoot.querySelector(".sort-list")&&(this._sortable&&(this._sortable.destroy(),this._sortable=null),requestAnimationFrame(()=>{const e=this.renderRoot.querySelector(".sort-list");e&&!this._sortable&&(this._sortable=r.create(e,{handle:".sort-handle",animation:200,ghostClass:"sort-ghost",chosenClass:"sort-chosen",onEnd:e=>{const{oldIndex:t,newIndex:s}=e;if(void 0===t||void 0===s||t===s)return;const i=[...this._list],[r]=i.splice(t,1);i.splice(s,0,r),this._list=i,this._emitListChange()}}))}))}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t??null}))}_emitListChange(){this._emit("change",this._list),this._useModel&&(this._modelValueAttr=JSON.stringify(this._list),this._emit("list-change",this._list))}_withPageIndex(e){const t=[];let s=1,i=!1;return e.forEach(e=>{e&&("page_end"!==e.answerType?(i&&(s+=1,i=!1),t.push({...e,pageIndex:s})):t.length>0&&(i=!0))}),t}async toJSON(){const e=this.renderRoot.querySelectorAll("qxs-subject-single, qxs-blank-fill, qxs-text-fill, qxs-scale, qxs-page-end, qxs-subject-rich-text");if(!e||0===e.length)return[];const t=[],s=[];for(const i of e)if("function"==typeof i.toJSON)try{const e=await i.toJSON();t.push(e)}catch(e){e instanceof n.SubjectError?s.push(e):s.push(new n.SubjectError(e.message||"未知错误","UNKNOWN","unknown"))}if(s.length>0)throw s;return this._withPageIndex(t)}async validate(){const e=this.renderRoot.querySelectorAll("qxs-subject-single, qxs-blank-fill, qxs-text-fill, qxs-scale, qxs-page-end");if(!e||0===e.length)return{valid:!0,errors:[]};const t=[];for(const s of e)if("function"==typeof s.validate){const e=s.validate();e?.length&&t.push(...e)}return{valid:0===t.length,errors:t}}get currentList(){return this._list}addSubject(e,t){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if("page_end"===e){const e={customId:o.uid(),answerType:"page_end"},s=[...this._list];return"number"==typeof t&&t>=0?s.splice(t+1,0,e):s.push(e),this._list=s,this.requestUpdate(),void this._emitListChange()}const i={customId:o.uid(),answerType:e,title:"",answers:[],analysis:"",scaleQuestionList:[],isEdit:!0,isSave:!1,isRealCanDel:!0,hasSet:!1,isKey:!1,answerCheckType:1,examAnswerRelationType:s??0},r=[...this._list];"number"==typeof t&&t>=0?r.splice(t+1,0,i):r.push(i),this._list=r,this.requestUpdate(),this._emitListChange()}addExam(e){const t=this._normalizeIncomingList(e).map(e=>({...e,isEdit:!0,isSave:!1,isRealCanDel:!0,hasSet:!1}));this._list=[...this._list,...t],this._emitListChange()}uploadExcel(e){this._list=[...this._list,...this._normalizeIncomingList(e).map(e=>({...e,isRealCanDel:!0}))],this._emitListChange()}setAnswerRelation(e,t,s){const i=this._list.find(e=>e.customId===t);if(i){const t=i.answers?.find(e=>e.customAnswerId===s);t&&(t.answerRelations=e)}this.requestUpdate(),this._emitListChange()}setTagList(e,t){const s=this._list.find(e=>e.customId===t);if(s)return s.tagInfos=Array.isArray(e)?e:[],s.memberTagInfo=Array.isArray(e)?e:[],this._list=[...this._list],void this._emitListChange();this.requestUpdate()}_orderIndex(e){let t=0,s=0;return this._list.forEach(i=>{t++,i.customId===e&&(s=t)}),s-1}_move(e,t){const s=[...this._list];"up"===t&&e>0?[s[e-1],s[e]]=[s[e],s[e-1]]:"down"===t&&e<s.length-1&&([s[e],s[e+1]]=[s[e+1],s[e]]),this._list=s,this._emitListChange()}_save(e,t){this._list=this._list.map((s,i)=>i===e?{...s,...t.detail,isEdit:!1,isSave:!0}:s),this._emitListChange()}_deleteByCustomId(e){this._list=this._list.filter(t=>t.customId!==e),this._emitListChange()}_delete(e){const t=[...this._list];t.splice(e,1),this._list=t,this._emitListChange()}_setEdit(e,t){this._list=this._list.map((s,i)=>i===e?{...s,isEdit:t}:s)}_pageEndTotal(){return this._list.filter(e=>"page_end"===e.answerType).length+1}_pageEndIndex(e){return this._list.slice(0,e+1).filter(e=>"page_end"===e.answerType).length}_syncRelationAnswer(e,t){const s=this._list[e];if(!s||!Array.isArray(s.answers)||!t?.answer)return;const i=[...s.answers],r=t.answer;let a="number"==typeof t.answerIndex?t.answerIndex:-1;(a<0||a>=i.length)&&(a=i.findIndex((e,t)=>String(e.customAnswerId||"")===String(r.customAnswerId||"")||String(e.answerId||"")===String(r.answerId||"")||String(e.orderIndex||t+1)===String(r.orderIndex||""))),a<0||(i[a]={...i[a],customAnswerId:r.customAnswerId||i[a].customAnswerId||r.answerId},this._list[e]={...s,answers:i},this._list=[...this._list])}_renderItem(t,s){const i=this._orderIndex(t.customId),r=(t.isEdit,t.hasSet,t.isRealCanDel,this._isPreviewValue,t.examAnswerRelationType,e=>this._move(s,e.detail)),a=()=>this._deleteByCustomId(t.customId),o=e=>this._save(s,e),n=()=>this._setEdit(s,!0),d=e=>this.addSubject(e.detail?.type??e.detail,s);return[l.SubjectType.SINGLE,l.SubjectType.MULTIPLE,l.SubjectType.SORT].includes(t.answerType)?e.html`<qxs-subject-single
2
2
  .title=${t.title||""}
3
3
  .answerList=${t.answers||[]}
4
+ .tagList=${t.tagInfos||t.memberTagInfo||[]}
5
+ .categoryList=${this.categoryList}
6
+ .resourceList=${t.examResourceBOList||t.resourceList||[]}
7
+ .searchHandler=${this.searchHandler}
4
8
  .uploadImage=${this.uploadImage}
5
9
  order-index=${i}
6
10
  ?is-edit=${t.isEdit}
7
11
  ?is-set=${t.hasSet}
8
12
  ?is-save=${!t.isRealCanDel}
9
13
  ?show-action=${!this._isPreviewValue}
14
+ ?show-add=${this.showAdd}
15
+ ?show-answer-setting=${this.showAnswerSetting}
16
+ ?show-key=${this.showKey}
17
+ ?show-tag=${this.showTag}
18
+ ?show-category=${this.showCategory}
19
+ ?show-ai=${this.showAi}
20
+ ?show-resource=${this.showResource}
21
+ ?show-jump=${this.showJump}
10
22
  ?is-key=${t.isKey}
11
23
  question-type=${String(t.answerType)}
12
24
  answer-check-type=${t.answerCheckType??1}
13
25
  exam-answer-relation-type=${t.examAnswerRelationType??0}
14
26
  rich-text-content=${t.examRichTextContent||""}
15
27
  analysis=${t.analysis||""}
16
- least-answer-count=${t.leastAnswerCount??2}
28
+ .leastAnswerCount=${Number(t.leastAnswerCount)||0}
17
29
  exam-expand=${t.examExpand||""}
30
+ category-id=${t.categoryId||t.category?.categoryId||""}
31
+ ai-answer=${t.aiAnswer||""}
32
+ search-api=${this.searchApi}
18
33
  custom-id=${t.customId||""}
19
34
  exam-id=${t.examId??0}
20
35
  @move=${r} @delete=${a} @save=${o} @edit=${n} @add=${d}
21
36
  @set-key=${e=>{this._list[s].isKey=e.detail.value,this.requestUpdate()}}
22
- @set-relation=${e=>this._emit("set-relation",e.detail)}
37
+ @title-select=${e=>this._emit("title-select",e.detail)}
38
+ @choose-tag=${e=>this._emit("choose-tag",{...e.detail,item:this._list[s]})}
39
+ @tag-change=${e=>{this._list[s].tagInfos=e.detail.value,this._list[s].memberTagInfo=e.detail.value,this.requestUpdate()}}
40
+ @category-change=${e=>{this._list[s].categoryId=e.detail.value,this.requestUpdate()}}
41
+ @jump=${e=>this._emit("jump",{...e.detail,item:this._list[s]})}
42
+ @set-relation=${e=>{this._syncRelationAnswer(s,e.detail),this._emit("set-relation",{...e.detail,item:this._list[s]})}}
23
43
  ></qxs-subject-single>`:t.answerType===l.SubjectType.BLANK_FILL?e.html`<qxs-blank-fill
24
44
  .title=${t.title||""}
25
45
  .answerList=${t.answers||[]}
26
- .examAnswerSetting=${t.examAnswerSettingVO||{}}
46
+ .examAnswerSetting=${t.examAnswerSettingBO||t.examAnswerSettingVO||{}}
27
47
  .uploadImage=${this.uploadImage}
28
48
  order-index=${i}
29
- ?is-edit=${t.isEdit} ?is-set=${t.hasSet} ?is-save=${!t.isRealCanDel} ?show-action=${!this._isPreviewValue}
49
+ ?is-edit=${t.isEdit} ?is-set=${t.hasSet} ?is-save=${!t.isRealCanDel} ?show-action=${!this._isPreviewValue} ?show-add=${this.showAdd}
50
+ ?show-answer-setting=${this.showAnswerSetting}
30
51
  exam-answer-relation-type=${t.examAnswerRelationType??0}
31
52
  exam-expand=${t.examExpand||""}
32
53
  rich-text-content=${t.examRichTextContent||""}
@@ -36,10 +57,11 @@
36
57
  ></qxs-blank-fill>`:t.answerType===l.SubjectType.TEXT_FILL?e.html`<qxs-text-fill
37
58
  .title=${t.title||""}
38
59
  .answerList=${t.answers||[]}
39
- .examAnswerSetting=${t.examAnswerSettingVO||{}}
60
+ .examAnswerSetting=${t.examAnswerSettingBO||t.examAnswerSettingVO||{}}
40
61
  .uploadImage=${this.uploadImage}
41
62
  order-index=${i}
42
- ?is-edit=${t.isEdit} ?is-set=${t.hasSet} ?is-save=${!t.isRealCanDel} ?show-action=${!this._isPreviewValue}
63
+ ?is-edit=${t.isEdit} ?is-set=${t.hasSet} ?is-save=${!t.isRealCanDel} ?show-action=${!this._isPreviewValue} ?show-add=${this.showAdd}
64
+ ?show-answer-setting=${this.showAnswerSetting}
43
65
  exam-answer-relation-type=${t.examAnswerRelationType??0}
44
66
  exam-expand=${t.examExpand||""}
45
67
  rich-text-content=${t.examRichTextContent||""}
@@ -52,15 +74,23 @@
52
74
  .scaleQuestions=${t.scaleQuestionList||[]}
53
75
  .uploadImage=${this.uploadImage}
54
76
  order-index=${i}
55
- ?is-edit=${t.isEdit} ?is-set=${t.hasSet} ?is-save=${!t.isRealCanDel} ?show-action=${!this._isPreviewValue}
77
+ ?is-edit=${t.isEdit} ?is-set=${t.hasSet} ?is-save=${!t.isRealCanDel} ?show-action=${!this._isPreviewValue} ?show-add=${this.showAdd}
56
78
  exam-answer-relation-type=${t.examAnswerRelationType??0}
57
79
  rich-text-content=${t.examRichTextContent||""}
58
80
  analysis=${t.analysis||""}
59
81
  custom-id=${t.customId||""}
60
82
  @move=${r} @delete=${a} @save=${o} @edit=${n} @add=${d}
61
- ></qxs-scale>`:e.html`<div style="color:#909399;padding:8px">未知题型: ${t.answerType}</div>`}render(){return e.html`
83
+ ></qxs-scale>`:"page_end"===t.answerType?e.html`<qxs-page-end
84
+ current-page-index=${t.currentPageIndex||this._pageEndIndex(s)}
85
+ total-page=${t.totalPage||this._pageEndTotal()}
86
+ ?show-action=${!this._isPreviewValue}
87
+ ?show-add=${this.showAdd}
88
+ custom-id=${t.customId||""}
89
+ @delete=${a}
90
+ @add=${d}
91
+ ></qxs-page-end>`:e.html`<div style="color:#909399;padding:8px">未知题型: ${t.answerType}</div>`}render(){return e.html`
62
92
  <div class="subject-list">
63
- ${this._list.map((e,t)=>this._renderItem(e,t))}
93
+ ${i.repeat(this._list,e=>e.customId||`${e.answerType}-${e.examId||e.orderIndex||""}`,(e,t)=>this._renderItem(e,t))}
64
94
  </div>
65
95
  `}},exports.QxsSubjectList.styles=e.css`
66
96
  :host { display: block; font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 13px; }
@@ -84,5 +114,5 @@
84
114
  .sort-index { font-size: 13px; color: #606266; font-weight: 500; margin-right: 8px; min-width: 24px; flex-shrink: 0; }
85
115
  .sort-title { flex: 1; font-size: 14px; color: #303133; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
86
116
  .sort-type { font-size: 12px; color: #909399; margin-left: 12px; padding: 2px 8px; background: #f0f0f0; border-radius: 4px; flex-shrink: 0; }
87
- `,c([t.property({attribute:"is-preview"})],exports.QxsSubjectList.prototype,"isPreview",2),c([t.property({attribute:"use-model"})],exports.QxsSubjectList.prototype,"useModelAttr",2),c([t.property({attribute:"model-value"})],exports.QxsSubjectList.prototype,"modelValue",1),c([t.property({type:Object})],exports.QxsSubjectList.prototype,"uploadImage",2),c([t.property({type:Array})],exports.QxsSubjectList.prototype,"subjectList",1),c([s.state()],exports.QxsSubjectList.prototype,"_list",2),c([s.state()],exports.QxsSubjectList.prototype,"_sortMode",2),exports.QxsSubjectList=c([r.safeCustomElement("qxs-subject-list")],exports.QxsSubjectList);
117
+ `,c([t.property({attribute:"is-preview"})],exports.QxsSubjectList.prototype,"isPreview",2),c([t.property({attribute:"use-model"})],exports.QxsSubjectList.prototype,"useModelAttr",2),c([t.property({attribute:"model-value"})],exports.QxsSubjectList.prototype,"modelValue",1),c([t.property({type:Object})],exports.QxsSubjectList.prototype,"uploadImage",2),c([t.property({type:Array,attribute:"category-list"})],exports.QxsSubjectList.prototype,"categoryList",2),c([t.property({type:Boolean,attribute:"show-tag"})],exports.QxsSubjectList.prototype,"showTag",2),c([t.property({type:Boolean,attribute:"show-category"})],exports.QxsSubjectList.prototype,"showCategory",2),c([t.property({type:Boolean,attribute:"show-ai"})],exports.QxsSubjectList.prototype,"showAi",2),c([t.property({type:Boolean,attribute:"show-resource"})],exports.QxsSubjectList.prototype,"showResource",2),c([t.property({type:Boolean,attribute:"show-jump"})],exports.QxsSubjectList.prototype,"showJump",2),c([t.property({type:Boolean,attribute:"show-add"})],exports.QxsSubjectList.prototype,"showAdd",2),c([t.property({type:Boolean,attribute:"show-answer-setting"})],exports.QxsSubjectList.prototype,"showAnswerSetting",2),c([t.property({type:Boolean,attribute:"show-key"})],exports.QxsSubjectList.prototype,"showKey",2),c([t.property({type:String,attribute:"search-api"})],exports.QxsSubjectList.prototype,"searchApi",2),c([t.property({type:Object})],exports.QxsSubjectList.prototype,"searchHandler",2),c([t.property({type:Array})],exports.QxsSubjectList.prototype,"subjectList",1),c([s.state()],exports.QxsSubjectList.prototype,"_list",2),c([s.state()],exports.QxsSubjectList.prototype,"_sortMode",2),exports.QxsSubjectList=c([a.safeCustomElement("qxs-subject-list")],exports.QxsSubjectList);
88
118
  //# sourceMappingURL=list.cjs.map