@qxs-bns/components 0.0.91 → 0.0.93

package/lib/subject/action.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"action.cjs","sources":["../../../../packages/components/src/subject/action.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\nimport { subjectControlResetStyles } from './shared-styles'\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 = [subjectControlResetStyles, css`\n    :host { display: block; font-family: inherit; font-size: 12px; }\n\n    .action { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; 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' }) 'is-edit' = false\n  @property({ type: Boolean, attribute: 'is-set' }) 'is-set' = false\n  @property({ type: Boolean, attribute: 'is-key' }) 'is-key' = false\n  @property({ type: Number, attribute: 'answer-check-type' }) 'answer-check-type' = 1\n  @property({ type: Boolean, attribute: 'show-other-option' }) 'show-other-option' = false\n  @property({ type: Boolean, attribute: 'show-answer-setting' }) 'show-answer-setting' = false\n  @property({ type: Boolean, attribute: 'show-key' }) 'show-key' = false\n  @property({ type: Boolean, attribute: 'show-rich-text' }) 'show-rich-text' = false\n  @property({ type: Boolean, attribute: 'hide-add-rich-text' }) 'hide-add-rich-text' = false\n  @property({ type: Boolean, attribute: 'show-delete-action' }) 'show-delete-action' = true\n  @property({ type: Boolean, attribute: 'show-save-action' }) 'show-save-action' = true\n  @property({ type: Boolean, attribute: 'page-end' }) 'page-end' = false\n  @property({ type: Boolean, attribute: 'show-move' }) 'show-move' = false\n  @property({ type: Boolean, attribute: 'show-add' }) 'show-add' = true\n  @property({ type: Boolean, attribute: 'show-jump' }) 'show-jump' = false\n  @property({ type: Number, attribute: 'exam-answer-relation-type' }) 'exam-answer-relation-type' = 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('answer-check-type')) {\n      this._currentCheckType = this['answer-check-type']\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['answer-check-type'])?.label ?? ''\n  }\n\n  private get _showAnswerSetting() {\n    return this['show-other-option'] || this['show-answer-setting']\n  }\n\n  private get _showKey() {\n    return this['show-other-option'] || this['show-key']\n  }\n\n  private _renderEditMode() {\n    return html`\n      <div class=\"left\">\n        <span class=\"inline-actions\">\n          ${this['show-add']\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['hide-add-rich-text']\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('on-show-rich-text')}>\n              ${this['show-rich-text'] ? '删除题目描述（图文）' : '+添加题目描述（图文）'}\n            </span>\n          `\n            : ''}\n          ${this['show-jump']\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('jump')}>${this['is-set'] ? '编辑跳题逻辑' : '设置跳题逻辑'}</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['is-key']} @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        ${this['show-delete-action']\n          ? html`<button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>`\n          : ''}\n        ${this['show-save-action']\n          ? html`<button class=\"text-btn text-btn--primary\" @click=${() => this._emit('save')}>完成编辑</button>`\n          : ''}\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['is-key']} /> 核心题\n            </label>\n          `\n            : ''}\n          ${this._showAnswerSetting\n            ? html`\n            <span class=\"answer-text\">${this._answerText}</span>\n          `\n            : ''}\n          ${this['show-add']\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['show-jump']\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('jump')}>${this['is-set'] ? '编辑跳题逻辑' : '设置跳题逻辑'}</span>\n          `\n            : ''}\n        </span>\n      </div>\n      <div class=\"right\">\n        ${!this['is-set'] && this['show-move']\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['is-set'] && this['show-delete-action']\n          ? html`<button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>`\n          : ''}\n        ${!this['page-end'] && !this['is-set']\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['is-edit'] ? 'active' : ''}\">\n        ${this['is-edit'] ? this._renderEditMode() : this._renderViewMode()}\n        ${this['is-set'] ? html`<div class=\"has-set\">*此题设置了跳题逻辑</div>` : ''}\n      </div>\n      ${this._renderModal()}\n    `\n  }\n}\n\nexport function register() {}\n"],"names":["answerTextList","value","label","addSubjectOptions","type","QxsSubjectAction","LitElement","constructor","super","arguments","this","_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","subjectControlResetStyles","css","__decorateClass","property","Boolean","attribute","prototype","Number","state","safeCustomElement"],"mappings":"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"}
+{"version":3,"file":"action.cjs","sources":["../../../../packages/components/src/subject/action.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\nimport { subjectControlResetStyles, subjectHostStyles } from './shared-styles'\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 = [subjectHostStyles, subjectControlResetStyles, css`\n    :host { font-size: 12px; }\n\n    .action { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; 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: var(--qxs-subject-text-primary, #303133);\n      cursor: pointer; border-radius: 6px; border: 1px solid var(--qxs-subject-border, #dcdfe6);\n      background: var(--qxs-subject-fill-blank, #fff); transition: all 0.2s;\n    }\n    .action-icon:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-color-primary, #3D61E3); background: var(--qxs-subject-fill-soft-primary, #ecf5ff); }\n    .action-icon--danger:hover { color: var(--qxs-subject-color-danger, #f56c6c); border-color: var(--qxs-subject-color-danger, #f56c6c); background: var(--qxs-subject-fill-soft-danger, #fef0f0); }\n    .action-icon:disabled { color: var(--qxs-subject-text-disabled, #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: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-color-primary, #3D61E3); color: var(--qxs-subject-fill-blank, #fff); }\n    .text-btn--primary:hover { background: var(--qxs-subject-color-primary-hover, #2D4CB8); border-color: var(--qxs-subject-color-primary-hover, #2D4CB8); }\n    .text-btn--default { background: var(--qxs-subject-fill-blank, #fff); border-color: var(--qxs-subject-border, #dcdfe6); color: var(--qxs-subject-text-regular, #606266); }\n    .text-btn--default:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-fill-soft-primary-border-strong, #bfd1ff); }\n    .text-btn--danger { background: var(--qxs-subject-color-danger, #f56c6c); border-color: var(--qxs-subject-color-danger, #f56c6c); color: var(--qxs-subject-fill-blank, #fff); }\n    .text-btn--danger:hover { background: var(--qxs-subject-color-danger-hover, #e05252); border-color: var(--qxs-subject-color-danger-hover, #e05252); }\n\n    .link-btn { background: none; border: none; color: var(--qxs-subject-color-primary, #3D61E3); cursor: pointer; font-size: 12px; }\n    .link-btn:hover { color: var(--qxs-subject-color-primary-hover, #2D4CB8); }\n\n    .checkbox-label { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; color: var(--qxs-subject-text-regular, #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: var(--qxs-subject-text-secondary, #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: var(--qxs-subject-fill-blank, #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 var(--qxs-subject-border-light, #e4e7ed); }\n    .modal-title { font-size: 14px; font-weight: 600; color: var(--qxs-subject-text-primary, #303133); }\n    .modal-close { background: none; border: none; font-size: 16px; cursor: pointer; color: var(--qxs-subject-text-secondary, #909399); padding: 0; line-height: 1; }\n    .modal-close:hover { color: var(--qxs-subject-color-primary, #3D61E3); }\n    .modal-body { padding: 20px; }\n    .modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid var(--qxs-subject-border-light, #e4e7ed); }\n    .modal-footer button { padding: 6px 16px; font-size: 12px; border-radius: 3px; cursor: pointer; border: 1px solid var(--qxs-subject-border, #dcdfe6); background: var(--qxs-subject-fill-blank, #fff); color: var(--qxs-subject-text-regular, #606266); }\n    .modal-footer button:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-fill-soft-primary-border-strong, #bfd1ff); }\n    .modal-footer button.primary { background: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-color-primary, #3D61E3); color: var(--qxs-subject-fill-blank, #fff); }\n    .modal-footer button.primary:hover { background: var(--qxs-subject-color-primary-hover, #2D4CB8); border-color: var(--qxs-subject-color-primary-hover, #2D4CB8); }\n\n    .radio-item { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; cursor: pointer; font-size: 13px; color: var(--qxs-subject-text-regular, #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: var(--qxs-subject-fill-blank, #fff); border: 1px solid var(--qxs-subject-border-light, #e4e7ed);\n      border-radius: 6px; box-shadow: var(--qxs-subject-shadow-soft, 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 var(--qxs-subject-border, #dcdfe6); border-radius: 4px;\n      background: var(--qxs-subject-fill-blank, #fff); color: var(--qxs-subject-text-regular, #606266); font-size: 12px; cursor: pointer; transition: all .2s;\n    }\n    .add-item:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-color-primary, #3D61E3); background: var(--qxs-subject-fill-soft-primary, #ecf5ff); }\n  `]\n\n  @property({ type: Boolean, attribute: 'is-edit' }) 'is-edit' = false\n  @property({ type: Boolean, attribute: 'is-set' }) 'is-set' = false\n  @property({ type: Boolean, attribute: 'is-key' }) 'is-key' = false\n  @property({ type: Number, attribute: 'answer-check-type' }) 'answer-check-type' = 1\n  @property({ type: Boolean, attribute: 'show-other-option' }) 'show-other-option' = false\n  @property({ type: Boolean, attribute: 'show-answer-setting' }) 'show-answer-setting' = false\n  @property({ type: Boolean, attribute: 'show-key' }) 'show-key' = false\n  @property({ type: Boolean, attribute: 'show-rich-text' }) 'show-rich-text' = false\n  @property({ type: Boolean, attribute: 'hide-add-rich-text' }) 'hide-add-rich-text' = false\n  @property({ type: Boolean, attribute: 'show-delete-action' }) 'show-delete-action' = true\n  @property({ type: Boolean, attribute: 'show-save-action' }) 'show-save-action' = true\n  @property({ type: Boolean, attribute: 'page-end' }) 'page-end' = false\n  @property({ type: Boolean, attribute: 'show-move' }) 'show-move' = false\n  @property({ type: Boolean, attribute: 'show-add' }) 'show-add' = true\n  @property({ type: Boolean, attribute: 'show-jump' }) 'show-jump' = false\n  @property({ type: Number, attribute: 'exam-answer-relation-type' }) 'exam-answer-relation-type' = 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('answer-check-type')) {\n      this._currentCheckType = this['answer-check-type']\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['answer-check-type'])?.label ?? ''\n  }\n\n  private get _showAnswerSetting() {\n    return this['show-other-option'] || this['show-answer-setting']\n  }\n\n  private get _showKey() {\n    return this['show-other-option'] || this['show-key']\n  }\n\n  private _renderEditMode() {\n    return html`\n      <div class=\"left\">\n        <span class=\"inline-actions\">\n          ${this['show-add']\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['hide-add-rich-text']\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('on-show-rich-text')}>\n              ${this['show-rich-text'] ? '删除题目描述（图文）' : '+添加题目描述（图文）'}\n            </span>\n          `\n            : ''}\n          ${this['show-jump']\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('jump')}>${this['is-set'] ? '编辑跳题逻辑' : '设置跳题逻辑'}</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['is-key']} @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        ${this['show-delete-action']\n          ? html`<button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>`\n          : ''}\n        ${this['show-save-action']\n          ? html`<button class=\"text-btn text-btn--primary\" @click=${() => this._emit('save')}>完成编辑</button>`\n          : ''}\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['is-key']} /> 核心题\n            </label>\n          `\n            : ''}\n          ${this._showAnswerSetting\n            ? html`\n            <span class=\"answer-text\">${this._answerText}</span>\n          `\n            : ''}\n          ${this['show-add']\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['show-jump']\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('jump')}>${this['is-set'] ? '编辑跳题逻辑' : '设置跳题逻辑'}</span>\n          `\n            : ''}\n        </span>\n      </div>\n      <div class=\"right\">\n        ${!this['is-set'] && this['show-move']\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['is-set'] && this['show-delete-action']\n          ? html`<button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>`\n          : ''}\n        ${!this['page-end'] && !this['is-set']\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['is-edit'] ? 'active' : ''}\">\n        ${this['is-edit'] ? this._renderEditMode() : this._renderViewMode()}\n        ${this['is-set'] ? html`<div class=\"has-set\">*此题设置了跳题逻辑</div>` : ''}\n      </div>\n      ${this._renderModal()}\n    `\n  }\n}\n\nexport function register() {}\n"],"names":["answerTextList","addSubjectOptions","QxsSubjectAction","LitElement","path","wrap","changed","name","detail","i","html","item","subjectHostStyles","subjectControlResetStyles","css","__decorateClass","property","state","safeCustomElement"],"mappings":"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"}

package/lib/subject/blank-fill.cjs

@@ -1,50 +1,50 @@
-"use strict";var t=require("lit"),e=require("lit/decorators.js"),i=require("../base/define.cjs"),s=require("../editor/toolbar.cjs"),r=require("./shared-methods.cjs"),l=require("./shared-styles.cjs"),o=require("./single.cjs"),a=require("./sorting-card.cjs"),n=require("./title-prefix.cjs"),p=require("./types.cjs"),h=Object.defineProperty,c=Object.getOwnPropertyDescriptor,d=(t,e,i,s)=>{for(var r,l=s>1?void 0:s?c(e,i):e,o=t.length-1;o>=0;o--)(r=t[o])&&(l=(s?r(e,i,l):r(l))||l);return s&&l&&h(e,i,l),l};const x=" ______",g=t.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("lit"),i=require("lit/decorators.js"),B=require("../base/define.cjs"),$=require("../editor/toolbar.cjs"),h=require("./shared-methods.cjs"),x=require("./shared-styles.cjs"),p=require("./subject-shared.cjs"),v=require("./sorting-card.cjs"),I=require("./title-prefix.cjs"),u=require("./types.cjs");var q=Object.defineProperty,S=Object.getOwnPropertyDescriptor,s=(y,t,e,r)=>{for(var a=r>1?void 0:r?S(t,e):t,o=y.length-1,c;o>=0;o--)(c=y[o])&&(a=(r?c(t,e,a):c(a))||a);return r&&a&&q(t,e,a),a};const _=" ______",A=l.html`
   <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
     <line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/>
-  </svg>`;exports.QxsBlankFill=class extends t.LitElement{constructor(){super(...arguments),this["order-index"]=0,this.title="",this["custom-id"]="",this["is-edit"]=!1,this["is-save"]=!1,this["is-set"]=!1,this["is-key"]=!1,this["show-action"]=!0,this["show-add"]=!0,this["hide-add-rich-text"]=!1,this["show-rich-text"]=!1,this["show-delete-action"]=!0,this["show-save-action"]=!0,this.sorting=!1,this["show-answer-setting"]=!1,this["show-analysis"]=!1,this["rich-text-content"]="",this.analysis="",this["exam-answer-relation-type"]=0,this["exam-expand"]="",this["exam-id"]=0,this["category-id"]="",this["exam-answer-setting"]={isInOrder:!1,isIgnoreCase:!0},this["upload-image"]=async t=>new Promise((e,i)=>{const s=new FileReader;s.onload=t=>e(t.target?.result),s.onerror=i,s.readAsDataURL(t)}),this["answer-list"]=[],this["tag-list"]=[],this["category-list"]=[],this["resource-list"]=[],this["show-tag"]=!1,this["show-category"]=!1,this["show-resource"]=!1,this["model-value"]="",this["use-model"]=!1,this._title="",this._analysis="",this._answers=[{title:"",tag:"",showInput:!1}],this._isInOrder=!1,this._isIgnoreCase=!0,this._showRichText=!1,this._richText="",this._selectedTagList=[],this._categoryId="",this.TITLE_MAX=400}willUpdate(t){t.has("is-edit")&&this["is-edit"]&&this._syncProps(),!this["is-edit"]&&(t.has("title")||t.has("answer-list")||t.has("analysis")||t.has("exam-answer-setting")||t.has("rich-text-content")||t.has("tag-list")||t.has("category-id"))&&this._syncProps(),t.has("model-value")&&this["use-model"]&&(this._title=this["model-value"].replaceAll(/<filter><\/filter>/g," ______")),t.has("tag-list")&&(this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(t=>({...t})):[]),t.has("category-id")&&(this._categoryId=this["category-id"]?String(this["category-id"]):"")}_normalizeAnswerTitle(t){return o.trimCommaSeparatedText(t?.title??t?.answer??"")}_blankCount(t){return(t.match(/ ______/g)||[]).length}_syncAnswersToBlankCount(t){t!==this._answers.length&&(t>this._answers.length?this._answers=[...this._answers,...Array.from({length:t-this._answers.length},()=>({title:"",tag:"",showInput:!1}))]:this._answers=this._answers.slice(0,t))}_syncProps(){if(this._title=(this.title||"").replaceAll(/<filter><\/filter>/g," ______"),this._analysis=this.analysis||"",this["answer-list"]?.length)this._answers=this["answer-list"].map(t=>({title:this._normalizeAnswerTitle(t),tag:"",showInput:!1,answerId:t?.answerId??t?.examAnswerId}));else{const t=this._blankCount(this._title);this._answers=Array.from({length:t},()=>({title:"",tag:"",showInput:!1}))}this["exam-answer-setting"]&&(this._isInOrder=!!this["exam-answer-setting"].isInOrder,this._isIgnoreCase=!!this["exam-answer-setting"].isIgnoreCase),this._richText=this["rich-text-content"]||"",this._showRichText=!!this["rich-text-content"],this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(t=>({...t})):[],this._categoryId=this["category-id"]?String(this["category-id"]):""}_emit(t,e){r.emitSubjectEvent(this,t,e)}_addBlank(){const t=this.shadowRoot?.querySelector(".title-textarea"),e=t?.selectionStart??this._title.length,i=t?.selectionEnd??this._title.length,s=`${this._title.slice(0,e)}${x}${this._title.slice(i)}`;s.length>this.TITLE_MAX||(this._title=s,this._syncAnswersToBlankCount(this._blankCount(this._title)),this.requestUpdate(),this._emitModelUpdate(),this.updateComplete.then(()=>{const t=this.shadowRoot?.querySelector(".title-textarea");if(!t)return;const i=e+7;t.focus(),t.setSelectionRange(i,i)}))}_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,this._syncAnswersToBlankCount(this._blankCount(this._title)),this._emitModelUpdate()}_emitModelUpdate(){if(this["use-model"]){const t=this._title.replaceAll(/ ______/g,"<filter></filter>");r.emitSubjectModelValue(this,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)return;const i=e.title.split(","),s=i.findIndex(e=>e===t);s>-1&&(i.splice(s,1),e.title=i.join(",")),this.requestUpdate()}_onCategoryChange(t){this._categoryId=t,this._emit("category-change",{value:t,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_imageResources(){return r.getSubjectImageResources(this["resource-list"]||[])}_videoResource(){return r.getSubjectVideoResource(this["resource-list"]||[])}_categoryLabel(){return r.resolveSubjectCategoryLabel(this["category-list"],this._categoryId)}_previewAnswerText(t){const e=(t?.title||"").split(",").map(t=>t.trim()).filter(Boolean);return e.length?e.join(" / "):""}_renderInlineBlankTitle(e){const i=this.title.replaceAll(/<filter><\/filter>/g," ______"),s=n.resolveSubjectPrefix(this["subject-prefix"],`${this["order-index"]+1}.`),r=i.split(" ______");return t.html`<span class="title preview-filled-title">${s?`${s} `:""}${r[0]??""}${r.slice(1).map((i,s)=>{const r=this._previewAnswerText(e[s]);return t.html`<span class="inline-blank ${r?"":"empty"}">${r||"填空"}</span>${i}`})}</span>`}async toJSON(){return new Promise((t,e)=>{const i={customId:this["custom-id"]||void 0,answerType:"blank_fill",orderIndex:this["order-index"]},s=o.trimText(this["is-edit"]?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||""),r=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t),answerId:t?.answerId??t?.examAnswerId})),l=o.trimText(this["is-edit"]?this._analysis:this.analysis||""),a=this["is-edit"]?this._isInOrder:this["exam-answer-setting"]?.isInOrder??!1,n=this["is-edit"]?this._isIgnoreCase:this["exam-answer-setting"]?.isIgnoreCase??!0,h=this["is-edit"]?this._showRichText:!!this["rich-text-content"],c=this["is-edit"]?this._richText:this["rich-text-content"]||"",d=r.filter(t=>this._normalizeAnswerTitle(t));if(!s)return void e(new o.SubjectError("题目标题不能为空!","EMPTY_TITLE","title",i));if(r.length<1)return void e(new o.SubjectError("至少添加一个填空符!","NO_BLANK","answers",i));const x={answerType:p.SubjectType.BLANK_FILL,examTypeEnum:p.SubjectType.BLANK_FILL,title:s.replaceAll(/ ______/g,"<filter></filter>"),answers:d.map((t,e)=>{const i=this._normalizeAnswerTitle(t),s={title:i,answer:i,isCorrect:!0,orderIndex:e+1};return t.answerId&&(s.answerId=t.answerId,s.examAnswerId=t.answerId),s}),analysis:l,isSetCorrectAnswer:d.length>0,isKey:this["is-key"],examAnswerSettingBO:{isIgnoreCase:n,isInOrder:a},examAnswerSettingVO:{isIgnoreCase:n,isInOrder:a},examRichTextContent:h?c:""};this["custom-id"]&&(x.customId=this["custom-id"]),t(x)})}async _save(t){t?.stopImmediatePropagation();try{const t=await this.toJSON();this._emit("save",t)}catch(t){r.showSubjectToast(t.message)}}validate(){const t=[],e={customId:this["custom-id"]||void 0,answerType:"blank_fill",orderIndex:this["order-index"]},i=o.trimText(this["is-edit"]?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||""),s=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t)}));return i||t.push(new o.SubjectError("题目标题不能为空!","EMPTY_TITLE","title",e)),s.length<1&&t.push(new o.SubjectError("至少添加一个填空符!","NO_BLANK","answers",e)),t}_renderPreview(){const e=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t)}));return t.html`
+  </svg>`;exports.QxsBlankFill=class extends l.LitElement{constructor(){super(...arguments),this["order-index"]=0,this.title="",this["custom-id"]="",this["is-edit"]=!1,this["is-save"]=!1,this["is-set"]=!1,this["is-key"]=!1,this["show-action"]=!0,this["show-add"]=!0,this["hide-add-rich-text"]=!1,this["show-rich-text"]=!1,this["show-delete-action"]=!0,this["show-save-action"]=!0,this.sorting=!1,this["show-answer-setting"]=!1,this["show-analysis"]=!1,this["rich-text-content"]="",this.analysis="",this["exam-answer-relation-type"]=0,this["exam-expand"]="",this["exam-id"]=0,this["category-id"]="",this["exam-answer-setting"]={isInOrder:!1,isIgnoreCase:!0},this["upload-image"]=async t=>new Promise((e,r)=>{const a=new FileReader;a.onload=o=>e(o.target?.result),a.onerror=r,a.readAsDataURL(t)}),this["answer-list"]=[],this["tag-list"]=[],this["category-list"]=[],this["resource-list"]=[],this["show-tag"]=!1,this["show-category"]=!1,this["show-resource"]=!1,this["model-value"]="",this["use-model"]=!1,this._title="",this._analysis="",this._answers=[{title:"",tag:"",showInput:!1}],this._isInOrder=!1,this._isIgnoreCase=!0,this._showRichText=!1,this._richText="",this._selectedTagList=[],this._categoryId="",this.TITLE_MAX=400}willUpdate(t){t.has("is-edit")&&this["is-edit"]&&this._syncProps(),!this["is-edit"]&&(t.has("title")||t.has("answer-list")||t.has("analysis")||t.has("exam-answer-setting")||t.has("rich-text-content")||t.has("tag-list")||t.has("category-id"))&&this._syncProps(),t.has("model-value")&&this["use-model"]&&(this._title=this["model-value"].replaceAll(/<filter><\/filter>/g," ______")),t.has("tag-list")&&(this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(e=>({...e})):[]),t.has("category-id")&&(this._categoryId=this["category-id"]?String(this["category-id"]):"")}_normalizeAnswerTitle(t){return p.trimCommaSeparatedText(t?.title??t?.answer??"")}_blankCount(t){return(t.match(/ ______/g)||[]).length}_syncAnswersToBlankCount(t){if(t!==this._answers.length){if(t>this._answers.length){this._answers=[...this._answers,...Array.from({length:t-this._answers.length},()=>({title:"",tag:"",showInput:!1}))];return}this._answers=this._answers.slice(0,t)}}_syncProps(){if(this._title=(this.title||"").replaceAll(/<filter><\/filter>/g," ______"),this._analysis=this.analysis||"",this["answer-list"]?.length)this._answers=this["answer-list"].map(t=>({title:this._normalizeAnswerTitle(t),tag:"",showInput:!1,answerId:t?.answerId??t?.examAnswerId}));else{const t=this._blankCount(this._title);this._answers=Array.from({length:t},()=>({title:"",tag:"",showInput:!1}))}this["exam-answer-setting"]&&(this._isInOrder=!!this["exam-answer-setting"].isInOrder,this._isIgnoreCase=!!this["exam-answer-setting"].isIgnoreCase),this._richText=this["rich-text-content"]||"",this._showRichText=!!this["rich-text-content"],this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(t=>({...t})):[],this._categoryId=this["category-id"]?String(this["category-id"]):""}_emit(t,e){h.emitSubjectEvent(this,t,e)}_addBlank(){const t=this.shadowRoot?.querySelector(".title-textarea"),e=t?.selectionStart??this._title.length,r=t?.selectionEnd??this._title.length,a=`${this._title.slice(0,e)}${_}${this._title.slice(r)}`;a.length>this.TITLE_MAX||(this._title=a,this._syncAnswersToBlankCount(this._blankCount(this._title)),this.requestUpdate(),this._emitModelUpdate(),this.updateComplete.then(()=>{const o=this.shadowRoot?.querySelector(".title-textarea");if(!o)return;const c=e+_.length;o.focus(),o.setSelectionRange(c,c)}))}_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,this._syncAnswersToBlankCount(this._blankCount(this._title)),this._emitModelUpdate()}_emitModelUpdate(){if(this["use-model"]){const t=this._title.replaceAll(/ ______/g,"<filter></filter>");h.emitSubjectModelValue(this,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)return;const r=e.title.split(","),a=r.findIndex(o=>o===t);a>-1&&(r.splice(a,1),e.title=r.join(",")),this.requestUpdate()}_onCategoryChange(t){this._categoryId=t,this._emit("category-change",{value:t,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_imageResources(){return h.getSubjectImageResources(this["resource-list"]||[])}_videoResource(){return h.getSubjectVideoResource(this["resource-list"]||[])}_categoryLabel(){return h.resolveSubjectCategoryLabel(this["category-list"],this._categoryId)}_previewAnswerText(t){const e=(t?.title||"").split(",").map(r=>r.trim()).filter(Boolean);return e.length?e.join(" / "):""}_renderInlineBlankTitle(t){const e=this.title.replaceAll(/<filter><\/filter>/g," ______"),r=I.resolveSubjectPrefix(this["subject-prefix"],`${this["order-index"]+1}.`),a=e.split(" ______");return l.html`<span class="title preview-filled-title">${r?`${r} `:""}${a[0]??""}${a.slice(1).map((o,c)=>{const d=this._previewAnswerText(t[c]);return l.html`<span class="inline-blank ${d?"":"empty"}">${d||"填空"}</span>${o}`})}</span>`}async toJSON(){return new Promise((t,e)=>{const r={customId:this["custom-id"]||void 0,answerType:"blank_fill",orderIndex:this["order-index"]},a=p.trimText(this["is-edit"]?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||""),o=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(n=>({...n,title:this._normalizeAnswerTitle(n),answerId:n?.answerId??n?.examAnswerId})),c=p.trimText(this["is-edit"]?this._analysis:this.analysis||""),d=this["is-edit"]?this._isInOrder:this["exam-answer-setting"]?.isInOrder??!1,w=this["is-edit"]?this._isIgnoreCase:this["exam-answer-setting"]?.isIgnoreCase??!0,k=this["is-edit"]?this._showRichText:!!this["rich-text-content"],j=this["is-edit"]?this._richText:this["rich-text-content"]||"",m=o.filter(n=>this._normalizeAnswerTitle(n));if(!a){e(new p.SubjectError("题目标题不能为空!","EMPTY_TITLE","title",r));return}if(o.length<1){e(new p.SubjectError("至少添加一个填空符!","NO_BLANK","answers",r));return}const f={answerType:u.SubjectType.BLANK_FILL,examTypeEnum:u.SubjectType.BLANK_FILL,title:a.replaceAll(/ ______/g,"<filter></filter>"),answers:m.map((n,T)=>{const b=this._normalizeAnswerTitle(n),g={title:b,answer:b,isCorrect:!0,orderIndex:T+1};return n.answerId&&(g.answerId=n.answerId,g.examAnswerId=n.answerId),g}),analysis:c,isSetCorrectAnswer:m.length>0,isKey:this["is-key"],examAnswerSettingBO:{isIgnoreCase:w,isInOrder:d},examAnswerSettingVO:{isIgnoreCase:w,isInOrder:d},examRichTextContent:k?j:""};this["custom-id"]&&(f.customId=this["custom-id"]),t(f)})}async _save(t){t?.stopImmediatePropagation();try{const e=await this.toJSON();this._emit("save",e)}catch(e){h.showSubjectToast(e.message)}}validate(){const t=[],e={customId:this["custom-id"]||void 0,answerType:"blank_fill",orderIndex:this["order-index"]},r=p.trimText(this["is-edit"]?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||""),a=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(o=>({...o,title:this._normalizeAnswerTitle(o)}));return r||t.push(new p.SubjectError("题目标题不能为空!","EMPTY_TITLE","title",e)),a.length<1&&t.push(new p.SubjectError("至少添加一个填空符!","NO_BLANK","answers",e)),t}_renderPreview(){const t=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(e=>({...e,title:this._normalizeAnswerTitle(e)}));return l.html`
       <div class="preview">
         <div class="preview-header">
           <div class="preview-title-row">
-            ${this._renderInlineBlankTitle(e)}
+            ${this._renderInlineBlankTitle(t)}
             <span class="preview-type">填空题</span>
           </div>
-          ${this["show-rich-text"]&&this["rich-text-content"]?t.html`<div class="rich-text" .innerHTML=${this["rich-text-content"]}></div>`:""}
+          ${this["show-rich-text"]&&this["rich-text-content"]?l.html`<div class="rich-text" .innerHTML=${this["rich-text-content"]}></div>`:""}
         </div>
-        ${this.analysis?t.html`<div class="preview-note">${this.analysis}</div>`:""}
-        ${this["show-category"]&&this._categoryId?t.html`<div class="section-row"><span class="value-text">分类：${this._categoryLabel()}</span></div>`:""}
+        ${this.analysis?l.html`<div class="preview-note">${this.analysis}</div>`:""}
+        ${this["show-category"]&&this._categoryId?l.html`<div class="section-row"><span class="value-text">分类：${this._categoryLabel()}</span></div>`:""}
         ${this._renderResourceSection()}
       </div>
-    `}_renderCategorySection(){return this["show-category"]?t.html`
+    `}_renderCategorySection(){return this["show-category"]?l.html`
       <div class="flex flex-items-start section-row">
         <div class="label"><span>分类:</span></div>
         <div style="flex:1">
-          ${this["is-edit"]?t.html`
+          ${this["is-edit"]?l.html`
             <select class="el-select" .value=${String(this._categoryId)}
               @change=${t=>this._onCategoryChange(t.target.value)}>
               <option value="">选择分类</option>
-              ${this["category-list"].map(e=>t.html`
-                <option value=${String(e.categoryId)} ?selected=${String(e.categoryId)===String(this._categoryId)}>${e.title||e.categoryName}</option>
+              ${this["category-list"].map(t=>l.html`
+                <option value=${String(t.categoryId)} ?selected=${String(t.categoryId)===String(this._categoryId)}>${t.title||t.categoryName}</option>
               `)}
             </select>
-          `:t.html`<span class="value-text">${this._categoryLabel()}</span>`}
+          `:l.html`<span class="value-text">${this._categoryLabel()}</span>`}
         </div>
       </div>
-    `:""}_renderResourceSection(){if(!this["show-resource"])return"";const e=this._imageResources(),i=this._videoResource();return t.html`
+    `:""}_renderResourceSection(){if(!this["show-resource"])return"";const t=this._imageResources(),e=this._videoResource();return l.html`
       <div class="flex flex-items-start section-row">
         <div class="label"><span>资源:</span></div>
         <div style="flex:1">
-          <div class="resource-summary">图片 ${e.length} 张${i?.url?"，含视频资源":""}</div>
-          ${e.length?t.html`
+          <div class="resource-summary">图片 ${t.length} 张${e?.url?"，含视频资源":""}</div>
+          ${t.length?l.html`
             <div class="resource-thumbs">
-              ${e.slice(0,4).map(e=>t.html`<img class="resource-thumb" src=${e} alt="resource" />`)}
+              ${t.slice(0,4).map(r=>l.html`<img class="resource-thumb" src=${r} alt="resource" />`)}
             </div>
           `:""}
-          ${i?.url?t.html`<div style="margin-top:8px"><a class="el-link" href=${i.url} target="_blank" rel="noreferrer">查看视频</a></div>`:""}
-          ${e.length||i?.url?"":t.html`<div class="tag-hint">暂无资源</div>`}
+          ${e?.url?l.html`<div style="margin-top:8px"><a class="el-link" href=${e.url} target="_blank" rel="noreferrer">查看视频</a></div>`:""}
+          ${!t.length&&!e?.url?l.html`<div class="tag-hint">暂无资源</div>`:""}
         </div>
       </div>
-    `}_renderSorting(){const t=o.trimText(this["is-edit"]?this._title:this.title||"")||"未命名题目",e=r.buildSubjectSortingTitle(this["subject-prefix"],this["order-index"],t);return a.renderSortingCard(e,p.SubjectTypeLabel[p.SubjectType.BLANK_FILL]||p.SubjectType.BLANK_FILL)}_renderEdit(){return t.html`
+    `}_renderSorting(){const t=p.trimText(this["is-edit"]?this._title:this.title||"")||"未命名题目",e=h.buildSubjectSortingTitle(this["subject-prefix"],this["order-index"],t);return v.renderSortingCard(e,u.SubjectTypeLabel[u.SubjectType.BLANK_FILL]||u.SubjectType.BLANK_FILL)}_renderEdit(){return l.html`
       <div class="edit-form">
         <div class="edit-row">
           <div class="label"><span>题目:</span></div>
@@ -89,26 +89,26 @@
           <div class="row-body">
             <div class="answer-section">
               <div class="edit-note">每个填空支持多个同义词，录入后会按逗号序列化。</div>
-              ${this._answers.map((e,i)=>t.html`
+              ${this._answers.map((t,e)=>l.html`
                 <div class="answer-item">
-                  <div class="answer-item-label"><span>第${i+1}空:</span></div>
+                  <div class="answer-item-label"><span>第${e+1}空:</span></div>
                   <div class="answer-tags">
-                    ${e.title.split(",").filter(Boolean).map(i=>t.html`
+                    ${t.title.split(",").filter(Boolean).map(r=>l.html`
                       <span class="el-tag">
-                        ${i}
-                        <span class="el-tag__close" @click=${()=>this._closeTag(i,e)}>×</span>
+                        ${r}
+                        <span class="el-tag__close" @click=${()=>this._closeTag(r,t)}>×</span>
                       </span>
                     `)}
-                    ${t.html`
-                      ${e.showInput?t.html`
+                    ${l.html`
+                      ${t.showInput?l.html`
                         <input type="text" class="el-input--small"
-                          @keydown=${t=>{"Enter"===t.key&&this._handleAddTag(e)}}
-                          @input=${t=>{e.tag=t.target.value}}
-                          @blur=${()=>this._handleAddTag(e)} />
-                      `:t.html`
-                        <span class="el-button--small" @click=${()=>{e.showInput=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.shadowRoot?.querySelector(".el-input--small")?.focus()})}}>
-                          ${g}
-                          <span>${e.title?"添加同义词":"添加答案"}</span>
+                          @keydown=${r=>{r.key==="Enter"&&this._handleAddTag(t)}}
+                          @input=${r=>{t.tag=r.target.value}}
+                          @blur=${()=>this._handleAddTag(t)} />
+                      `:l.html`
+                        <span class="el-button--small" @click=${()=>{t.showInput=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.shadowRoot?.querySelector(".el-input--small")?.focus()})}}>
+                          ${A}
+                          <span>${t.title?"添加同义词":"添加答案"}</span>
                         </span>
                       `}
                     `}
@@ -119,29 +119,29 @@
           </div>
         </div>
 
-        ${this["show-rich-text"]&&this._showRichText?t.html`
+        ${this["show-rich-text"]&&this._showRichText?l.html`
           <div class="edit-row section-row">
             <div class="label"><span>副文本:</span></div>
             <div class="row-body">
               <slot name="sub-text">
                 <qxs-blocksuite-editor
                   .content=${this._richText}
-                  .toolbar=${s.SUB_TEXT_EDITOR_TOOLBAR}
+                  .toolbar=${$.SUB_TEXT_EDITOR_TOOLBAR}
                   .upload-image=${this["upload-image"]}
                   ?is-edit=${!0}
                   @input=${t=>{this._richText=t.target.getContent()}}
                 ></qxs-blocksuite-editor>
               </slot>
-              ${this["show-action"]?"":t.html`
+              ${this["show-action"]?"":l.html`
                   <div class="flex flex-justify-end" style="margin-top:8px">
-                    <span class="el-link" style="color:#f56c6c" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span>
+                    <span class="el-link" style="color:var(--qxs-subject-color-danger, #f56c6c)" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span>
                   </div>
                 `}
             </div>
           </div>
         `:""}
 
-        ${this["show-analysis"]?t.html`
+        ${this["show-analysis"]?l.html`
           <div class="edit-row section-row">
             <div class="label"><span>解析:</span></div>
             <div class="row-body">
@@ -154,10 +154,10 @@
           </div>
         `:""}
       </div>
-    `}render(){if(this.sorting)return this._renderSorting();const e=this["is-edit"]?t.html`<div slot="edit">${this._renderEdit()}</div>`:t.html`<div slot="preview">${this._renderPreview()}</div>`;return t.html`
+    `}render(){if(this.sorting)return this._renderSorting();const t=this["is-edit"]?l.html`<div slot="edit">${this._renderEdit()}</div>`:l.html`<div slot="preview">${this._renderPreview()}</div>`;return l.html`
       <qxs-subject-layout .show-edit=${this["is-edit"]}>
-        ${e}
-        ${this["show-action"]?t.html`
+        ${t}
+        ${this["show-action"]?l.html`
           <qxs-subject-action
             .is-edit=${this["is-edit"]}
             .is-set=${this["is-set"]}
@@ -170,28 +170,28 @@
             @delete=${()=>this._emit("delete")}
             @save=${this._save}
             @edit=${()=>this._emit("edit")}
-            @add=${t=>this._emit("add",t.detail)}
-            @set-key=${t=>{this._emit("set-key",t.detail)}}
+            @add=${e=>this._emit("add",e.detail)}
+            @set-key=${e=>{this._emit("set-key",e.detail)}}
             @on-show-rich-text=${()=>{this._showRichText=!this._showRichText,this._showRichText||(this._richText="")}}
           ></qxs-subject-action>
         `:""}
         <slot name="action"></slot>
       </qxs-subject-layout>
-    `}},exports.QxsBlankFill.styles=[a.sortingCardStyles,l.subjectHostStyles,l.subjectControlResetStyles,l.subjectPreviewBaseStyles,l.subjectFormBaseStyles,l.subjectTextareaStyles,t.css`
+    `}};exports.QxsBlankFill.styles=[v.sortingCardStyles,x.subjectHostStyles,x.subjectControlResetStyles,x.subjectPreviewBaseStyles,x.subjectFormBaseStyles,x.subjectTextareaStyles,l.css`
     .preview-note {
       margin-top: 18px;
       padding-left: 10px;
-      border-left: 2px solid #e5eaf3;
+      border-left: 2px solid var(--qxs-subject-border-lighter, #e5eaf3);
       font-size: 13px;
       line-height: 1.8;
-      color: #6b7280;
+      color: var(--qxs-subject-text-soft, #6b7280);
     }
     .preview-filled-title {
       display: inline;
       font-size: 16px;
       line-height: 1.9;
       font-weight: 600;
-      color: #303133;
+      color: var(--qxs-subject-text-primary, #303133);
     }
     .inline-blank {
       display: inline-flex;
@@ -199,11 +199,11 @@
       min-width: 64px;
       margin: 0 4px;
       padding: 0 4px 1px;
-      border-bottom: 1px solid #d6deea;
+      border-bottom: 1px solid var(--qxs-subject-border-strong, #d6deea);
       font-size: 14px;
       line-height: 1.6;
       font-weight: 500;
-      color: #8b95a7;
+      color: var(--qxs-subject-text-muted, #8b95a7);
       vertical-align: baseline;
     }
     .inline-blank.empty {
@@ -230,32 +230,32 @@
     .edit-note {
       font-size: 12px;
       line-height: 1.6;
-      color: #909399;
+      color: var(--qxs-subject-text-secondary, #909399);
     }
 
     .el-tag {
       display: inline-flex; align-items: center; height: 24px; padding: 0 9px;
-      font-size: 12px; line-height: 1; color: #3D61E3; background: #ecf5ff;
-      border: 1px solid #d9ecff; border-radius: 4px; white-space: nowrap;
+      font-size: 12px; line-height: 1; color: var(--qxs-subject-color-primary, #3D61E3); background: var(--qxs-subject-fill-soft-primary, #ecf5ff);
+      border: 1px solid var(--qxs-subject-fill-soft-primary-border, #d9ecff); border-radius: 4px; white-space: nowrap;
     }
     .el-tag .el-tag__close {
       display: inline-flex; align-items: center; justify-content: center;
       margin-left: 4px; width: 16px; height: 16px; border-radius: 50%;
-      font-size: 12px; color: #909399; cursor: pointer; transition: all .2s;
+      font-size: 12px; color: var(--qxs-subject-text-secondary, #909399); cursor: pointer; transition: all .2s;
     }
-    .el-tag .el-tag__close:hover { background: #909399; color: #fff; }
+    .el-tag .el-tag__close:hover { background: var(--qxs-subject-text-secondary, #909399); color: var(--qxs-subject-fill-blank, #fff); }
 
     .el-button--small {
       display: inline-flex; align-items: center; gap: 4px;
       height: 28px; padding: 0 10px; font-size: 12px; line-height: 1;
-      border: 1px solid #dcdfe6; border-radius: 6px; background: #fff; color: #606266;
+      border: 1px solid var(--qxs-subject-border, #dcdfe6); border-radius: 6px; background: var(--qxs-subject-fill-blank, #fff); color: var(--qxs-subject-text-regular, #606266);
       cursor: pointer; transition: all .2s; white-space: nowrap;
     }
-    .el-button--small:hover { color: #3D61E3; border-color: #c6e2ff; background-color: #ecf5ff; }
+    .el-button--small:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-fill-soft-primary-border-strong, #c6e2ff); background-color: var(--qxs-subject-fill-soft-primary, #ecf5ff); }
 
-    .el-link { color: #3D61E3; cursor: pointer; font-size: 12px; text-decoration: none; }
-    .el-link:hover { color: #2D4CB8; }
-    .el-link.is-disabled { color: #c0c4cc; cursor: not-allowed; }
+    .el-link { color: var(--qxs-subject-color-primary, #3D61E3); cursor: pointer; font-size: 12px; text-decoration: none; }
+    .el-link:hover { color: var(--qxs-subject-color-primary-hover, #2D4CB8); }
+    .el-link.is-disabled { color: var(--qxs-subject-text-disabled, #c0c4cc); cursor: not-allowed; }
 
     .el-input--small {
       width: 80px;
@@ -263,14 +263,14 @@
       padding: 0 8px;
       font-size: 12px;
       line-height: 24px;
-      color: #606266;
-      background: #fff;
-      border: 1px solid #dcdfe6;
+      color: var(--qxs-subject-text-regular, #606266);
+      background: var(--qxs-subject-fill-blank, #fff);
+      border: 1px solid var(--qxs-subject-border, #dcdfe6);
       border-radius: 6px;
       box-sizing: border-box;
       font-family: inherit;
     }
-    .el-input--small:focus { border-color: #3D61E3; outline: none; }
+    .el-input--small:focus { border-color: var(--qxs-subject-color-primary, #3D61E3); outline: none; }
 
     .title-input textarea {
       padding-bottom: 38px;
@@ -285,28 +285,28 @@
     }
     .title-input .char-counter {
       position: static;
-      color: #909399;
+      color: var(--qxs-subject-text-secondary, #909399);
     }
     .title-input-insert {
       border: none;
       background: none;
       padding: 0;
       margin: 0;
-      color: #3D61E3;
+      color: var(--qxs-subject-color-primary, #3D61E3);
       cursor: pointer;
       font-size: 12px;
       font-family: inherit;
       line-height: 1;
       white-space: nowrap;
     }
-    .title-input-insert:hover { color: #2D4CB8; }
+    .title-input-insert:hover { color: var(--qxs-subject-color-primary-hover, #2D4CB8); }
 
     .el-checkbox {
       display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
-      font-size: 13px; color: #606266; user-select: none; margin-right: 16px;
+      font-size: 13px; color: var(--qxs-subject-text-regular, #606266); user-select: none; margin-right: 16px;
     }
     .el-checkbox input[type="checkbox"] {
-      width: 14px; height: 14px; cursor: pointer; accent-color: #3D61E3;
+      width: 14px; height: 14px; cursor: pointer; accent-color: var(--qxs-subject-color-primary, #3D61E3);
     }
 
     .answer-item {
@@ -321,38 +321,38 @@
       font-size: 13px;
       line-height: 1.5;
       font-weight: 600;
-      color: #6b7280;
+      color: var(--qxs-subject-text-soft, #6b7280);
       letter-spacing: 0;
     }
     .answer-tags { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; flex: 1; min-height: 28px; }
     .answer-section { display: flex; flex-direction: column; gap: 10px; }
     .answer-section-row > .label { padding-top: 0; }
 
-    .value-text { font-size: 13px; color: #606266; white-space: pre-wrap; }
+    .value-text { font-size: 13px; color: var(--qxs-subject-text-regular, #606266); white-space: pre-wrap; }
     .tag-list { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 32px; }
     .tag-item {
       display: inline-flex; align-items: center; gap: 4px;
       padding: 4px 8px; font-size: 12px; line-height: 1;
-      color: #3D61E3; background: #ecf5ff; border: 1px solid #d9ecff; border-radius: 4px;
+      color: var(--qxs-subject-color-primary, #3D61E3); background: var(--qxs-subject-fill-soft-primary, #ecf5ff); border: 1px solid var(--qxs-subject-fill-soft-primary-border, #d9ecff); border-radius: 4px;
     }
-    .tag-item .close { cursor: pointer; color: #909399; }
-    .tag-item .close:hover { color: #f56c6c; }
-    .tag-hint { font-size: 12px; color: #909399; }
+    .tag-item .close { cursor: pointer; color: var(--qxs-subject-text-secondary, #909399); }
+    .tag-item .close:hover { color: var(--qxs-subject-color-danger, #f56c6c); }
+    .tag-hint { font-size: 12px; color: var(--qxs-subject-text-secondary, #909399); }
 
     .el-select {
-      width: 150px; height: 34px; border: 1px solid #dcdfe6; border-radius: 6px;
-      padding: 0 8px; font-size: 13px; background: #fff; appearance: none;
+      width: 150px; height: 34px; border: 1px solid var(--qxs-subject-border, #dcdfe6); border-radius: 6px;
+      padding: 0 8px; font-size: 13px; background: var(--qxs-subject-fill-blank, #fff); appearance: none;
       background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c0c4cc' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
       background-repeat: no-repeat; background-position: right 8px center;
     }
-    .el-select:focus { border-color: #3D61E3; outline: none; }
-    .el-select:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }
+    .el-select:focus { border-color: var(--qxs-subject-color-primary, #3D61E3); outline: none; }
+    .el-select:disabled { background: var(--qxs-subject-fill-light, #f5f7fa); color: var(--qxs-subject-text-disabled, #c0c4cc); cursor: not-allowed; }
 
-    .resource-summary { font-size: 12px; color: #606266; }
+    .resource-summary { font-size: 12px; color: var(--qxs-subject-text-regular, #606266); }
     .resource-thumbs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
     .resource-thumb {
       width: 72px; height: 72px; object-fit: cover; border-radius: 6px;
-      border: 1px solid #e4e7ed; background: #f5f7fa;
+      border: 1px solid var(--qxs-subject-border-light, #e4e7ed); background: var(--qxs-subject-fill-light, #f5f7fa);
     }
 
     @media (max-width: 720px) {
@@ -381,5 +381,5 @@
         min-width: 0;
       }
     }
-  `],d([e.property({type:Number,attribute:"order-index"})],exports.QxsBlankFill.prototype,"order-index",2),d([e.property({type:String,attribute:"subject-prefix"})],exports.QxsBlankFill.prototype,"subject-prefix",2),d([e.property({type:String})],exports.QxsBlankFill.prototype,"title",2),d([e.property({type:String,attribute:"custom-id"})],exports.QxsBlankFill.prototype,"custom-id",2),d([e.property({type:Boolean,attribute:"is-edit"})],exports.QxsBlankFill.prototype,"is-edit",2),d([e.property({type:Boolean,attribute:"is-save"})],exports.QxsBlankFill.prototype,"is-save",2),d([e.property({type:Boolean,attribute:"is-set"})],exports.QxsBlankFill.prototype,"is-set",2),d([e.property({type:Boolean,attribute:"is-key"})],exports.QxsBlankFill.prototype,"is-key",2),d([e.property({type:Boolean,attribute:"show-action"})],exports.QxsBlankFill.prototype,"show-action",2),d([e.property({type:Boolean,attribute:"show-add"})],exports.QxsBlankFill.prototype,"show-add",2),d([e.property({type:Boolean,attribute:"hide-add-rich-text"})],exports.QxsBlankFill.prototype,"hide-add-rich-text",2),d([e.property({type:Boolean,attribute:"show-rich-text"})],exports.QxsBlankFill.prototype,"show-rich-text",2),d([e.property({type:Boolean,attribute:"show-delete-action"})],exports.QxsBlankFill.prototype,"show-delete-action",2),d([e.property({type:Boolean,attribute:"show-save-action"})],exports.QxsBlankFill.prototype,"show-save-action",2),d([e.property({type:Boolean,reflect:!0})],exports.QxsBlankFill.prototype,"sorting",2),d([e.property({type:Boolean,attribute:"show-answer-setting"})],exports.QxsBlankFill.prototype,"show-answer-setting",2),d([e.property({type:Boolean,attribute:"show-analysis"})],exports.QxsBlankFill.prototype,"show-analysis",2),d([e.property({type:String,attribute:"rich-text-content"})],exports.QxsBlankFill.prototype,"rich-text-content",2),d([e.property({type:String})],exports.QxsBlankFill.prototype,"analysis",2),d([e.property({type:Number,attribute:"exam-answer-relation-type"})],exports.QxsBlankFill.prototype,"exam-answer-relation-type",2),d([e.property({type:String,attribute:"exam-expand"})],exports.QxsBlankFill.prototype,"exam-expand",2),d([e.property({type:Number,attribute:"exam-id"})],exports.QxsBlankFill.prototype,"exam-id",2),d([e.property({type:String,attribute:"category-id"})],exports.QxsBlankFill.prototype,"category-id",2),d([e.property({type:Object,attribute:"exam-answer-setting"})],exports.QxsBlankFill.prototype,"exam-answer-setting",2),d([e.property({type:Object,attribute:"upload-image"})],exports.QxsBlankFill.prototype,"upload-image",2),d([e.property({type:Array,attribute:"answer-list"})],exports.QxsBlankFill.prototype,"answer-list",2),d([e.property({type:Array,attribute:"tag-list"})],exports.QxsBlankFill.prototype,"tag-list",2),d([e.property({type:Array,attribute:"category-list"})],exports.QxsBlankFill.prototype,"category-list",2),d([e.property({type:Array,attribute:"resource-list"})],exports.QxsBlankFill.prototype,"resource-list",2),d([e.property({type:Boolean,attribute:"show-tag"})],exports.QxsBlankFill.prototype,"show-tag",2),d([e.property({type:Boolean,attribute:"show-category"})],exports.QxsBlankFill.prototype,"show-category",2),d([e.property({type:Boolean,attribute:"show-resource"})],exports.QxsBlankFill.prototype,"show-resource",2),d([e.property({type:String,attribute:"model-value"})],exports.QxsBlankFill.prototype,"model-value",2),d([e.property({type:Boolean,attribute:"use-model"})],exports.QxsBlankFill.prototype,"use-model",2),d([e.state()],exports.QxsBlankFill.prototype,"_title",2),d([e.state()],exports.QxsBlankFill.prototype,"_analysis",2),d([e.state()],exports.QxsBlankFill.prototype,"_answers",2),d([e.state()],exports.QxsBlankFill.prototype,"_isInOrder",2),d([e.state()],exports.QxsBlankFill.prototype,"_isIgnoreCase",2),d([e.state()],exports.QxsBlankFill.prototype,"_showRichText",2),d([e.state()],exports.QxsBlankFill.prototype,"_richText",2),d([e.state()],exports.QxsBlankFill.prototype,"_selectedTagList",2),d([e.state()],exports.QxsBlankFill.prototype,"_categoryId",2),exports.QxsBlankFill=d([i.safeCustomElement("qxs-blank-fill")],exports.QxsBlankFill);
+  `];s([i.property({type:Number,attribute:"order-index"})],exports.QxsBlankFill.prototype,"order-index",2);s([i.property({type:String,attribute:"subject-prefix"})],exports.QxsBlankFill.prototype,"subject-prefix",2);s([i.property({type:String})],exports.QxsBlankFill.prototype,"title",2);s([i.property({type:String,attribute:"custom-id"})],exports.QxsBlankFill.prototype,"custom-id",2);s([i.property({type:Boolean,attribute:"is-edit"})],exports.QxsBlankFill.prototype,"is-edit",2);s([i.property({type:Boolean,attribute:"is-save"})],exports.QxsBlankFill.prototype,"is-save",2);s([i.property({type:Boolean,attribute:"is-set"})],exports.QxsBlankFill.prototype,"is-set",2);s([i.property({type:Boolean,attribute:"is-key"})],exports.QxsBlankFill.prototype,"is-key",2);s([i.property({type:Boolean,attribute:"show-action"})],exports.QxsBlankFill.prototype,"show-action",2);s([i.property({type:Boolean,attribute:"show-add"})],exports.QxsBlankFill.prototype,"show-add",2);s([i.property({type:Boolean,attribute:"hide-add-rich-text"})],exports.QxsBlankFill.prototype,"hide-add-rich-text",2);s([i.property({type:Boolean,attribute:"show-rich-text"})],exports.QxsBlankFill.prototype,"show-rich-text",2);s([i.property({type:Boolean,attribute:"show-delete-action"})],exports.QxsBlankFill.prototype,"show-delete-action",2);s([i.property({type:Boolean,attribute:"show-save-action"})],exports.QxsBlankFill.prototype,"show-save-action",2);s([i.property({type:Boolean,reflect:!0})],exports.QxsBlankFill.prototype,"sorting",2);s([i.property({type:Boolean,attribute:"show-answer-setting"})],exports.QxsBlankFill.prototype,"show-answer-setting",2);s([i.property({type:Boolean,attribute:"show-analysis"})],exports.QxsBlankFill.prototype,"show-analysis",2);s([i.property({type:String,attribute:"rich-text-content"})],exports.QxsBlankFill.prototype,"rich-text-content",2);s([i.property({type:String})],exports.QxsBlankFill.prototype,"analysis",2);s([i.property({type:Number,attribute:"exam-answer-relation-type"})],exports.QxsBlankFill.prototype,"exam-answer-relation-type",2);s([i.property({type:String,attribute:"exam-expand"})],exports.QxsBlankFill.prototype,"exam-expand",2);s([i.property({type:Number,attribute:"exam-id"})],exports.QxsBlankFill.prototype,"exam-id",2);s([i.property({type:String,attribute:"category-id"})],exports.QxsBlankFill.prototype,"category-id",2);s([i.property({type:Object,attribute:"exam-answer-setting"})],exports.QxsBlankFill.prototype,"exam-answer-setting",2);s([i.property({type:Object,attribute:"upload-image"})],exports.QxsBlankFill.prototype,"upload-image",2);s([i.property({type:Array,attribute:"answer-list"})],exports.QxsBlankFill.prototype,"answer-list",2);s([i.property({type:Array,attribute:"tag-list"})],exports.QxsBlankFill.prototype,"tag-list",2);s([i.property({type:Array,attribute:"category-list"})],exports.QxsBlankFill.prototype,"category-list",2);s([i.property({type:Array,attribute:"resource-list"})],exports.QxsBlankFill.prototype,"resource-list",2);s([i.property({type:Boolean,attribute:"show-tag"})],exports.QxsBlankFill.prototype,"show-tag",2);s([i.property({type:Boolean,attribute:"show-category"})],exports.QxsBlankFill.prototype,"show-category",2);s([i.property({type:Boolean,attribute:"show-resource"})],exports.QxsBlankFill.prototype,"show-resource",2);s([i.property({type:String,attribute:"model-value"})],exports.QxsBlankFill.prototype,"model-value",2);s([i.property({type:Boolean,attribute:"use-model"})],exports.QxsBlankFill.prototype,"use-model",2);s([i.state()],exports.QxsBlankFill.prototype,"_title",2);s([i.state()],exports.QxsBlankFill.prototype,"_analysis",2);s([i.state()],exports.QxsBlankFill.prototype,"_answers",2);s([i.state()],exports.QxsBlankFill.prototype,"_isInOrder",2);s([i.state()],exports.QxsBlankFill.prototype,"_isIgnoreCase",2);s([i.state()],exports.QxsBlankFill.prototype,"_showRichText",2);s([i.state()],exports.QxsBlankFill.prototype,"_richText",2);s([i.state()],exports.QxsBlankFill.prototype,"_selectedTagList",2);s([i.state()],exports.QxsBlankFill.prototype,"_categoryId",2);exports.QxsBlankFill=s([B.safeCustomElement("qxs-blank-fill")],exports.QxsBlankFill);
 //# sourceMappingURL=blank-fill.cjs.map