@qxs-bns/components-wc 0.0.19 → 0.0.21

package/es/subject/scale.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scale.mjs","sources":["../../../../packages/components-wc/src/subject/scale.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\nconst iconPlus = html`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></svg>`\nconst iconRemove = html`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></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-scale')\nexport class QxsScale 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    .scale-table { width: 100%; border-collapse: collapse; font-size: 12px; margin-top: 12px; }\n    .scale-table th, .scale-table td { border: 1px solid #e4e7ed; padding: 6px 4px; text-align: center; }\n    .scale-table th { background: #f5f7fa; color: #909399; }\n\n    .flex { display: flex; }\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: 60px; font-size: 13px; color: #606266; }\n\n    textarea, input[type=\"text\"] {\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; white-space: pre-wrap;\n    }\n    textarea:focus, input[type=\"text\"]:focus { border-color: #3D61E3; outline: none; }\n    textarea:disabled, input[type=\"text\"]:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }\n\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    .el-link { color: #3D61E3; cursor: pointer; font-size: 12px; }\n    .el-link:hover { color: #2D4CB8; }\n    .el-link.danger { color: #f56c6c; }\n\n    .answer-item { display: flex; align-items: center; margin-top: 6px; }\n    .answer-item .label { min-width: 60px; font-size: 13px; color: #909399; }\n    .answer-item .input { flex: 1; max-width: 200px; }\n    .answer-item .input input {\n      height: 32px; padding: 0 8px;\n      font-size: 13px; line-height: 32px;\n      border: 1px solid #dcdfe6; border-radius: 3px; width: 100%;\n      transition: border-color .2s; box-sizing: border-box;\n    }\n    .answer-item .input input:focus { border-color: #3D61E3; outline: none; }\n\n    .answer-item .icon {\n      margin-left: 6px; cursor: pointer; display: inline-flex;\n      align-items: center; justify-content: center;\n      width: 24px; height: 24px; border-radius: 4px;\n      border: 1px solid #dcdfe6; background: #fff; color: #909399;\n      transition: all 0.2s;\n    }\n    .answer-item .icon:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n    .answer-item .icon.disabled { color: #e4e7ed; border-color: #e4e7ed; cursor: not-allowed; }\n\n    .row-title-textarea {\n      height: 200px;\n    }\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: 'show-action' }) showAction = true\n  @property({ type: Boolean, attribute: 'show-analysis' }) showAnalysis = true\n  @property({ type: String }) analysis = ''\n  @property({ type: String, attribute: 'rich-text-content' }) richTextContent = ''\n  @property({ type: Number, attribute: 'exam-answer-relation-type' }) examAnswerRelationType = 0\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  @property({ type: Array, attribute: 'answer-list' })\n  get answerList() { return this._answers }\n\n  set answerList(v: any) {\n    const arr = Array.isArray(v) ? v : []\n    this._answers = arr.length ? arr.slice(0, 5) : [{ title: '' }, { title: '' }, { title: '' }, { title: '' }, { title: '' }]\n    this.requestUpdate('answerList')\n  }\n\n  @property({ type: Array, attribute: 'scale-questions' })\n  get scaleQuestions() { return this._scaleQuestions }\n\n  set scaleQuestions(v: any) {\n    this._scaleQuestions = Array.isArray(v) && v.length ? v : ['问题1']\n    this.requestUpdate('scaleQuestions')\n  }\n\n  @state() private _answers: { title: string }[] = [{ title: '' }, { title: '' }, { title: '' }, { title: '' }, { title: '' }]\n  @state() private _scaleQuestions: string[] = ['问题1']\n  @state() private _rowTitle = ''\n  @state() private _title = ''\n  @state() private _analysis = ''\n  @state() private _showRichText = false\n  @state() private _richText = ''\n\n  // 双向绑定支持\n  @property({ type: String, attribute: 'model-value' }) modelValue = ''\n  @property({ type: Boolean, attribute: 'use-model' }) useModel = false\n\n  private readonly TITLE_MAX = 200\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\n    }\n  }\n\n  private _syncProps() {\n    this._title = this.title || ''\n    this._analysis = this.analysis || ''\n    this._rowTitle = this._scaleQuestions.join('\\n')\n    if (this.richTextContent) {\n      this._richText = this.richTextContent\n      this._showRichText = true\n    }\n  }\n\n  async toJSON(): Promise<any> {\n    return new Promise((resolve, reject) => {\n      const row = { customId: this.customId || undefined, answerType: 'scale', orderIndex: this.orderIndex }\n\n      const title = this.isEdit ? this._title : this.title || ''\n      const answers = this.isEdit ? this._answers : (this.answerList || [])\n      const analysis = this.isEdit ? this._analysis : this.analysis || ''\n      const rowTitle = this.isEdit ? this._rowTitle : (this.scaleQuestions?.join('\\n') || '')\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\n      for (let i = 0; i < answers.length; i++) {\n        if (!answers[i].title) {\n          reject(new SubjectError(`选项${String.fromCharCode(65 + i)}未填写。`, 'ANSWER_EMPTY', 'answers', row))\n          return\n        }\n      }\n\n      if (!rowTitle) {\n        reject(new SubjectError('行标题不能为空!', 'EMPTY_ROW_TITLE', 'rowTitle', row))\n        return\n      }\n\n      const questions = rowTitle.split('\\n').filter((i: string) => i.trim())\n      if (questions.length === 0) {\n        reject(new SubjectError('行标题不能为空!', 'EMPTY_ROW_TITLE', 'rowTitle', row))\n        return\n      }\n\n      const result: any = {\n        answerType: SubjectType.SCALE,\n        title,\n        analysis,\n        answers,\n        scaleQuestionList: questions,\n        examRichTextContent: showRichText ? richText : '',\n        examAnswerRelationType: this.examAnswerRelationType,\n      }\n      if (this.customId) { result.customId = this.customId }\n      resolve(result)\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 _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    // 双向绑定：通知外部更新\n    if (this.useModel) {\n      this.dispatchEvent(new CustomEvent('update:modelValue', {\n        bubbles: true,\n        composed: true,\n        detail: this._title,\n      }))\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: 'scale', orderIndex: this.orderIndex }\n\n    const title = this.isEdit ? this._title : this.title || ''\n    const answers = this.isEdit ? this._answers : (this.answerList || [])\n    const rowTitle = this.isEdit ? this._rowTitle : (this.scaleQuestions?.join('\\n') || '')\n\n    if (!title) {\n      errors.push(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n    }\n\n    answers.forEach((a: any, i: number) => {\n      if (!a.title) {\n        errors.push(new SubjectError(`选项${String.fromCharCode(65 + i)}未填写`, 'ANSWER_EMPTY', 'answers', row))\n      }\n    })\n\n    if (!rowTitle) {\n      errors.push(new SubjectError('行标题不能为空!', 'EMPTY_ROW_TITLE', 'rowTitle', row))\n    }\n    else {\n      const questions = rowTitle.split('\\n').filter((i: string) => i.trim())\n      if (questions.length === 0) {\n        errors.push(new SubjectError('行标题不能为空!', 'EMPTY_ROW_TITLE', 'rowTitle', row))\n      }\n    }\n\n    return errors\n  }\n\n  private _renderPreview() {\n    const colWidth = Math.floor(100 / (this._answers.length + 1))\n    return html`\n      <div class=\"preview\">\n        <span class=\"title\">${this.orderIndex + 1}.${this.title}（量表题）</span>\n        ${this.richTextContent ? html`<div style=\"margin-top:8px\" .innerHTML=${this.richTextContent}></div>` : ''}\n        <table class=\"scale-table\">\n          <thead><tr>\n            <th style=\"width:${colWidth}%\">问题 \\ 选项</th>\n            ${this._answers.map(a => html`<th style=\"width:${colWidth}%\">${a.title}</th>`)}\n          </tr></thead>\n          <tbody>\n            ${this._scaleQuestions.map(q => html`\n              <tr><td>${q}</td>${this._answers.map(() => html`<td><input type=\"radio\" disabled /></td>`)}</tr>\n            `)}\n          </tbody>\n        </table>\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-items-start\">\n        <div class=\"label\"><span>题目:</span></div>\n        <div style=\"flex:1\">\n          <div class=\"el-input\">\n            <textarea rows=\"2\" .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-items-start\" style=\"margin-top:12px\">\n        <div class=\"label\"><span>行标题:</span></div>\n        <div class=\"flex\" style=\"flex:1\">\n          <div class=\"el-input\" style=\"width:160px\">\n            <textarea class=\"row-title-textarea\" .value=${this._rowTitle} ?disabled=${this.isSave}\n              @input=${(e: Event) => { this._rowTitle = (e.target as HTMLTextAreaElement).value }}\n              @keydown=${(e: KeyboardEvent) => { e.stopPropagation() }}\n              placeholder=\"请输入行标题\"></textarea>\n          </div>\n          <div style=\"flex:1;margin-left:12px\">\n            ${this._answers.map((a, i) => html`\n              <div class=\"answer-item\">\n                <span class=\"label\">${String.fromCharCode(65 + i)}.</span>\n                <div class=\"input\">\n                  <input type=\"text\" .value=${a.title} ?disabled=${this.isSave}\n                    maxlength=\"10\"\n                    @input=${(e: Event) => { this._answers = this._answers.map((x, j) => j === i ? { title: (e.target as HTMLInputElement).value } : x) }}\n                    placeholder=\"选项${i + 1}\" />\n                </div>\n                ${!this.isSave\n                  ? html`\n                  <span class=\"icon\" @click=${() => {\n                    if (this._answers.length < 5) { this._answers = [...this._answers, { title: '' }] }\n                  }}>${iconPlus}</span>\n                  <span class=\"icon ${this._answers.length < 3 ? 'disabled' : ''}\" @click=${() => {\n                    if (this._answers.length > 3) { this._answers = this._answers.filter((_, j) => j !== i) }\n                  }}>${iconRemove}</span>\n                `\n                  : ''}\n              </div>\n            `)}\n          </div>\n        </div>\n      </div>\n\n      <div class=\"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} ?disabled=${this.isSave}\n              @input=${(e: Event) => { this._analysis = (e.target as HTMLTextAreaElement).value }}\n              placeholder=\"请输入题目解析\"></textarea>\n          </div>\n        </div>\n      </div>\n\n      ${this._showRichText\n        ? html`\n        <div class=\"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-justify-end\" style=\"margin-top:8px\"><span class=\"el-link danger\" @click=${() => { this._showRichText = false; this._richText = '' }}>删除富文本</span></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            @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","iconRemove","QxsScale","LitElement","constructor","super","arguments","this","orderIndex","title","customId","isEdit","isSave","isSet","showAction","showAnalysis","analysis","richTextContent","examAnswerRelationType","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_answers","_scaleQuestions","_rowTitle","_title","_analysis","_showRichText","_richText","modelValue","useModel","TITLE_MAX","answerList","v","arr","Array","isArray","length","slice","requestUpdate","scaleQuestions","willUpdate","changed","has","_syncProps","join","toJSON","row","answerType","answers","rowTitle","showRichText","richText","SubjectError","i","String","fromCharCode","questions","split","filter","trim","SubjectType","SCALE","scaleQuestionList","examRichTextContent","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_onTitleInput","el","value","_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","forEach","a","_renderPreview","colWidth","Math","floor","map","q","_renderEdit","stopPropagation","x","j","_","render","styles","css","__decorateClass","property","type","Number","attribute","prototype","Boolean","state","safeCustomElement"],"mappings":"2oBAMA,MAAMA,EAAWC,CAAA,2NACXC,EAAaD,CAAA,qLAgBZ,IAAME,EAAN,cAAuBC,EAAvBC,WAAAA,GAAAC,SAAAC,WA8DiDC,KAAAC,WAAa,EACvCD,KAAAE,MAAQ,GACgBF,KAAAG,SAAW,GACZH,KAAAI,QAAS,EACTJ,KAAAK,QAAS,EACVL,KAAAM,OAAQ,EACHN,KAAAO,YAAa,EACXP,KAAAQ,cAAe,EAC5CR,KAAAS,SAAW,GACqBT,KAAAU,gBAAkB,GACVV,KAAAW,uBAAyB,EAE7FX,KAAAY,YAA+CC,SACtC,IAAIC,QAAQ,CAACC,EAASC,KAC3B,MAAMC,EAAS,IAAIC,WACnBD,EAAOE,OAAUC,GAAML,EAAQK,EAAEC,QAAQC,QACzCL,EAAOM,QAAUP,EACjBC,EAAOO,cAAcC,KAoBhBzB,KAAQ0B,SAAgC,CAAC,CAAExB,MAAO,IAAM,CAAEA,MAAO,IAAM,CAAEA,MAAO,IAAM,CAAEA,MAAO,IAAM,CAAEA,MAAO,KAC9GF,KAAQ2B,gBAA4B,CAAC,OACrC3B,KAAQ4B,UAAY,GACpB5B,KAAQ6B,OAAS,GACjB7B,KAAQ8B,UAAY,GACpB9B,KAAQ+B,eAAgB,EACxB/B,KAAQgC,UAAY,GAGyBhC,KAAAiC,WAAa,GACdjC,KAAAkC,UAAW,EAEhElC,KAAiBmC,UAAY,GAAA,CA5B7B,cAAIC,GAAe,OAAOpC,KAAK0B,QAAS,CAExC,cAAIU,CAAWC,GACb,MAAMC,EAAMC,MAAMC,QAAQH,GAAKA,EAAI,GACnCrC,KAAK0B,SAAWY,EAAIG,OAASH,EAAII,MAAM,EAAG,GAAK,CAAC,CAAExC,MAAO,IAAM,CAAEA,MAAO,IAAM,CAAEA,MAAO,IAAM,CAAEA,MAAO,IAAM,CAAEA,MAAO,KACrHF,KAAK2C,cAAc,aACrB,CAGA,kBAAIC,GAAmB,OAAO5C,KAAK2B,eAAgB,CAEnD,kBAAIiB,CAAeP,GACjBrC,KAAK2B,gBAAkBY,MAAMC,QAAQH,IAAMA,EAAEI,OAASJ,EAAI,CAAC,OAC3DrC,KAAK2C,cAAc,iBACrB,CAgBAE,UAAAA,CAAWC,GACLA,EAAQC,IAAI,WAAa/C,KAAKI,QAAUJ,KAAKgD,aAE7CF,EAAQC,IAAI,eAAiB/C,KAAKkC,WACpClC,KAAK6B,OAAS7B,KAAKiC,WAEvB,CAEQe,UAAAA,GACNhD,KAAK6B,OAAS7B,KAAKE,OAAS,GAC5BF,KAAK8B,UAAY9B,KAAKS,UAAY,GAClCT,KAAK4B,UAAY5B,KAAK2B,gBAAgBsB,KAAK,MACvCjD,KAAKU,kBACPV,KAAKgC,UAAYhC,KAAKU,gBACtBV,KAAK+B,eAAgB,EAEzB,CAEA,YAAMmB,GACJ,OAAO,IAAIpC,QAAQ,CAACC,EAASC,KAC3B,MAAMmC,EAAM,CAAEhD,SAAUH,KAAKG,eAAY,EAAWiD,WAAY,QAASnD,WAAYD,KAAKC,YAEpFC,EAAQF,KAAKI,OAASJ,KAAK6B,OAAS7B,KAAKE,OAAS,GAClDmD,EAAUrD,KAAKI,OAASJ,KAAK0B,SAAY1B,KAAKoC,YAAc,GAC5D3B,EAAWT,KAAKI,OAASJ,KAAK8B,UAAY9B,KAAKS,UAAY,GAC3D6C,EAAWtD,KAAKI,OAASJ,KAAK4B,UAAa5B,KAAK4C,gBAAgBK,KAAK,OAAS,GAC9EM,EAAevD,KAAKI,OAASJ,KAAK+B,gBAAkB/B,KAAKU,gBACzD8C,EAAWxD,KAAKI,OAASJ,KAAKgC,UAAYhC,KAAKU,iBAAmB,GAExE,IAAKR,EAEH,YADAc,EAAO,IAAIyC,EAAa,YAAa,cAAe,QAASN,IAI/D,IAAA,IAASO,EAAI,EAAGA,EAAIL,EAAQZ,OAAQiB,IAClC,IAAKL,EAAQK,GAAGxD,MAEd,YADAc,EAAO,IAAIyC,EAAa,KAAKE,OAAOC,aAAa,GAAKF,SAAU,eAAgB,UAAWP,IAK/F,IAAKG,EAEH,YADAtC,EAAO,IAAIyC,EAAa,WAAY,kBAAmB,WAAYN,IAIrE,MAAMU,EAAYP,EAASQ,MAAM,MAAMC,OAAQL,GAAcA,EAAEM,QAC/D,GAAyB,IAArBH,EAAUpB,OAEZ,YADAzB,EAAO,IAAIyC,EAAa,WAAY,kBAAmB,WAAYN,IAIrE,MAAM7B,EAAc,CAClB8B,WAAYa,EAAYC,MACxBhE,QACAO,WACA4C,UACAc,kBAAmBN,EACnBO,oBAAqBb,EAAeC,EAAW,GAC/C7C,uBAAwBX,KAAKW,wBAE3BX,KAAKG,WAAYmB,EAAOnB,SAAWH,KAAKG,UAC5CY,EAAQO,IAEZ,CAEQ+C,KAAAA,CAAMC,EAAcC,GAC1BvE,KAAKwE,cAAc,IAAIC,YAAYH,EAAM,CAAEI,SAAS,EAAMC,UAAU,EAAMJ,OAAQA,GAAU,OAC9F,CAEQK,aAAAA,CAAcxD,GACpB,MAAMyD,EAAKzD,EAAEC,OACTwD,EAAGC,MAAMrC,OAASzC,KAAKmC,YAAa0C,EAAGC,MAAQD,EAAGC,MAAMpC,MAAM,EAAG1C,KAAKmC,YAC1EnC,KAAK6B,OAASgD,EAAGC,MAEb9E,KAAKkC,UACPlC,KAAKwE,cAAc,IAAIC,YAAY,oBAAqB,CACtDC,SAAS,EACTC,UAAU,EACVJ,OAAQvE,KAAK6B,SAGnB,CAEA,WAAckD,CAAM3D,GAClBA,GAAG4D,2BACH,IACE,MAAMC,QAAajF,KAAKkD,SACxBlD,KAAKqE,MAAM,OAAQY,EACrB,OACOC,IAzNX,SAAmBC,GACjB,MAAMN,EAAKO,SAASC,cAAc,OAClCR,EAAGS,YAAcH,EACjBI,OAAOC,OAAOX,EAAGY,MAAO,CACtBC,SAAU,QAASC,IAAK,OAAQC,KAAM,MAAOC,UAAW,mBACxDC,QAAS,YAAaC,aAAc,MAAOC,SAAU,OAAQC,MAAO,OACpEC,WAAY,UAAWC,OAAQ,QAASC,UAAW,6BACnDC,WAAY,cAAeC,QAAS,MAEtClB,SAASmB,KAAKC,YAAY3B,GAC1B4B,WAAW,KAAQ5B,EAAGY,MAAMa,QAAU,IAAKG,WAAW,IAAM5B,EAAG6B,SAAU,MAAQ,KACnF,CA+MMC,CAAUzB,EAAI0B,QAChB,CACF,CAEAC,QAAAA,GACE,MAAMC,EAAyB,GACzB3D,EAAM,CAAEhD,SAAUH,KAAKG,eAAY,EAAWiD,WAAY,QAASnD,WAAYD,KAAKC,YAEpFC,EAAQF,KAAKI,OAASJ,KAAK6B,OAAS7B,KAAKE,OAAS,GAClDmD,EAAUrD,KAAKI,OAASJ,KAAK0B,SAAY1B,KAAKoC,YAAc,GAC5DkB,EAAWtD,KAAKI,OAASJ,KAAK4B,UAAa5B,KAAK4C,gBAAgBK,KAAK,OAAS,GAYpF,GAVK/C,GACH4G,EAAOC,KAAK,IAAItD,EAAa,YAAa,cAAe,QAASN,IAGpEE,EAAQ2D,QAAQ,CAACC,EAAQvD,KAClBuD,EAAE/G,OACL4G,EAAOC,KAAK,IAAItD,EAAa,KAAKE,OAAOC,aAAa,GAAKF,QAAS,eAAgB,UAAWP,MAI9FG,EAGA,CAEsB,IADPA,EAASQ,MAAM,MAAMC,OAAQL,GAAcA,EAAEM,QACjDvB,QACZqE,EAAOC,KAAK,IAAItD,EAAa,WAAY,kBAAmB,WAAYN,GAE5E,MAPE2D,EAAOC,KAAK,IAAItD,EAAa,WAAY,kBAAmB,WAAYN,IAS1E,OAAO2D,CACT,CAEQI,cAAAA,GACN,MAAMC,EAAWC,KAAKC,MAAM,KAAOrH,KAAK0B,SAASe,OAAS,IAC1D,OAAOhD,CAAA;;8BAEmBO,KAAKC,WAAa,KAAKD,KAAKE;UAChDF,KAAKU,gBAAkBjB,CAAA,0CAA8CO,KAAKU,yBAA2B;;;+BAGhFyG;cACjBnH,KAAK0B,SAAS4F,IAAIL,GAAKxH,CAAA,oBAAwB0H,OAAcF,EAAE/G;;;cAG/DF,KAAK2B,gBAAgB2F,IAAIC,GAAK9H,CAAA;wBACpB8H,SAASvH,KAAK0B,SAAS4F,IAAI,IAAM7H;;;;UAI/CO,KAAKS,SAAWhB,CAAA,gEAAoEO,KAAKS,iBAAmB;;KAGpH,CAEQ+G,WAAAA,GACN,OAAO/H,CAAA;;;;;wCAK6BO,KAAK6B,oBAAoB7B,KAAKK;0BAC5CL,KAAKmC;uBACPf,GAAapB,KAAK4E,cAAcxD;;yCAEfpB,KAAK6B,OAAOY,UAAUzC,KAAKmC;;;;;;;;;0DASVnC,KAAK4B,uBAAuB5B,KAAKK;uBACnEe,IAAepB,KAAK4B,UAAaR,EAAEC,OAA+ByD;yBAChE1D,IAAuBA,EAAEqG;;;;cAIrCzH,KAAK0B,SAAS4F,IAAI,CAACL,EAAGvD,IAAMjE,CAAA;;sCAEJkE,OAAOC,aAAa,GAAKF;;8CAEjBuD,EAAE/G,mBAAmBF,KAAKK;;6BAE1Ce,IAAepB,KAAK0B,SAAW1B,KAAK0B,SAAS4F,IAAI,CAACI,EAAGC,IAAMA,IAAMjE,EAAI,CAAExD,MAAQkB,EAAEC,OAA4ByD,OAAU4C;qCAChHhE,EAAI;;kBAEtB1D,KAAKK,OASJ,GARAZ,CAAA;8CAC0B,KACtBO,KAAK0B,SAASe,OAAS,IAAKzC,KAAK0B,SAAW,IAAI1B,KAAK0B,SAAU,CAAExB,MAAO,UACzEV;sCACeQ,KAAK0B,SAASe,OAAS,EAAI,WAAa,cAAc,KACpEzC,KAAK0B,SAASe,OAAS,IAAKzC,KAAK0B,SAAW1B,KAAK0B,SAASqC,OAAO,CAAC6D,EAAGD,IAAMA,IAAMjE,QAClFhE;;;;;;;;;;;;wCAaiBM,KAAK8B,uBAAuB9B,KAAKK;uBACjDe,IAAepB,KAAK8B,UAAaV,EAAEC,OAA+ByD;;;;;;QAMlF9E,KAAK+B,cACHtC,CAAA;;;;;yBAKeO,KAAKgC;6BACDhC,KAAKY;0BACT;;uGAE8E,KAAQZ,KAAK+B,eAAgB,EAAO/B,KAAKgC,UAAY;;;QAIlJ;KAER,CAEA6F,MAAAA,GACE,OAAOpI,CAAA;uCAC4BO,KAAKI;8BACdJ,KAAKkH;2BACRlH,KAAKwH;UACtBxH,KAAKO,WACHd,CAAA;;uBAEWO,KAAKI;sBACNJ,KAAKM;kCACM;wCACON,KAAKW;sBACvB,IAAMX,KAAKqE,MAAM;oBACnBrE,KAAK+E;oBACL,IAAM/E,KAAKqE,MAAM;mBACjBjD,GAAmBpB,KAAKqE,MAAM,MAAOjD,EAAEmD;iCAC1B,KAAQvE,KAAK+B,eAAgB;;UAGlD;;KAGV,GA1WWpC,EACJmI,OAASC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6DsCC,EAAA,CAArDC,EAAS,CAAEC,KAAMC,OAAQC,UAAW,iBA9D1BzI,EA8D2C0I,UAAA,aAAA,GAC1BL,EAAA,CAA3BC,EAAS,CAAEC,KAAMvE,UA/DPhE,EA+DiB0I,UAAA,QAAA,GACwBL,EAAA,CAAnDC,EAAS,CAAEC,KAAMvE,OAAQyE,UAAW,eAhE1BzI,EAgEyC0I,UAAA,WAAA,GACDL,EAAA,CAAlDC,EAAS,CAAEC,KAAMI,QAASF,UAAW,aAjE3BzI,EAiEwC0I,UAAA,SAAA,GACAL,EAAA,CAAlDC,EAAS,CAAEC,KAAMI,QAASF,UAAW,aAlE3BzI,EAkEwC0I,UAAA,SAAA,GACDL,EAAA,CAAjDC,EAAS,CAAEC,KAAMI,QAASF,UAAW,YAnE3BzI,EAmEuC0I,UAAA,QAAA,GACKL,EAAA,CAAtDC,EAAS,CAAEC,KAAMI,QAASF,UAAW,iBApE3BzI,EAoE4C0I,UAAA,aAAA,GACEL,EAAA,CAAxDC,EAAS,CAAEC,KAAMI,QAASF,UAAW,mBArE3BzI,EAqE8C0I,UAAA,eAAA,GAC7BL,EAAA,CAA3BC,EAAS,CAAEC,KAAMvE,UAtEPhE,EAsEiB0I,UAAA,WAAA,GACgCL,EAAA,CAA3DC,EAAS,CAAEC,KAAMvE,OAAQyE,UAAW,uBAvE1BzI,EAuEiD0I,UAAA,kBAAA,GACQL,EAAA,CAAnEC,EAAS,CAAEC,KAAMC,OAAQC,UAAW,+BAxE1BzI,EAwEyD0I,UAAA,yBAAA,GAEpEL,EAAA,CADCC,EAAS,CAAEC,KAAM3C,UAzEP5F,EA0EX0I,UAAA,cAAA,GASIL,EAAA,CADHC,EAAS,CAAEC,KAAM3F,MAAO6F,UAAW,iBAlFzBzI,EAmFP0I,UAAA,aAAA,GASAL,EAAA,CADHC,EAAS,CAAEC,KAAM3F,MAAO6F,UAAW,qBA3FzBzI,EA4FP0I,UAAA,iBAAA,GAOaL,EAAA,CAAhBO,KAnGU5I,EAmGM0I,UAAA,WAAA,GACAL,EAAA,CAAhBO,KApGU5I,EAoGM0I,UAAA,kBAAA,GACAL,EAAA,CAAhBO,KArGU5I,EAqGM0I,UAAA,YAAA,GACAL,EAAA,CAAhBO,KAtGU5I,EAsGM0I,UAAA,SAAA,GACAL,EAAA,CAAhBO,KAvGU5I,EAuGM0I,UAAA,YAAA,GACAL,EAAA,CAAhBO,KAxGU5I,EAwGM0I,UAAA,gBAAA,GACAL,EAAA,CAAhBO,KAzGU5I,EAyGM0I,UAAA,YAAA,GAGqCL,EAAA,CAArDC,EAAS,CAAEC,KAAMvE,OAAQyE,UAAW,iBA5G1BzI,EA4G2C0I,UAAA,aAAA,GACDL,EAAA,CAApDC,EAAS,CAAEC,KAAMI,QAASF,UAAW,eA7G3BzI,EA6G0C0I,UAAA,WAAA,GA7G1C1I,EAANqI,EAAA,CADNQ,EAAkB,cACN7I"}
+{"version":3,"file":"scale.mjs","sources":["../../../../packages/components-wc/src/subject/scale.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\nconst iconPlus = html`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></svg>`\nconst iconRemove = html`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></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-scale')\nexport class QxsScale 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    .scale-table { width: 100%; border-collapse: collapse; font-size: 12px; margin-top: 12px; }\n    .scale-table th, .scale-table td { border: 1px solid #e4e7ed; padding: 6px 4px; text-align: center; }\n    .scale-table th { background: #f5f7fa; color: #909399; }\n\n    .flex { display: flex; }\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: 60px; font-size: 13px; color: #606266; }\n\n    textarea, input[type=\"text\"] {\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; white-space: pre-wrap;\n    }\n    textarea:focus, input[type=\"text\"]:focus { border-color: #3D61E3; outline: none; }\n    textarea:disabled, input[type=\"text\"]:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }\n\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    .el-link { color: #3D61E3; cursor: pointer; font-size: 12px; }\n    .el-link:hover { color: #2D4CB8; }\n    .el-link.danger { color: #f56c6c; }\n\n    .answer-item { display: flex; align-items: center; margin-top: 6px; }\n    .answer-item .label { min-width: 60px; font-size: 13px; color: #909399; }\n    .answer-item .input { flex: 1; max-width: 200px; }\n    .answer-item .input input {\n      height: 32px; padding: 0 8px;\n      font-size: 13px; line-height: 32px;\n      border: 1px solid #dcdfe6; border-radius: 3px; width: 100%;\n      transition: border-color .2s; box-sizing: border-box;\n    }\n    .answer-item .input input:focus { border-color: #3D61E3; outline: none; }\n\n    .answer-item .icon {\n      margin-left: 6px; cursor: pointer; display: inline-flex;\n      align-items: center; justify-content: center;\n      width: 24px; height: 24px; border-radius: 4px;\n      border: 1px solid #dcdfe6; background: #fff; color: #909399;\n      transition: all 0.2s;\n    }\n    .answer-item .icon:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n    .answer-item .icon.disabled { color: #e4e7ed; border-color: #e4e7ed; cursor: not-allowed; }\n\n    .row-title-textarea {\n      height: 200px;\n    }\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: 'show-action' }) showAction = true\n  @property({ type: Boolean, attribute: 'show-add' }) showAdd = true\n  @property({ type: Boolean, attribute: 'show-analysis' }) showAnalysis = true\n  @property({ type: String }) analysis = ''\n  @property({ type: String, attribute: 'rich-text-content' }) richTextContent = ''\n  @property({ type: Number, attribute: 'exam-answer-relation-type' }) examAnswerRelationType = 0\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  @property({ type: Array, attribute: 'answer-list' })\n  get answerList() { return this._answers }\n\n  set answerList(v: any) {\n    const arr = Array.isArray(v) ? v : []\n    this._answers = arr.length ? arr.slice(0, 5) : [{ title: '' }, { title: '' }, { title: '' }, { title: '' }, { title: '' }]\n    this.requestUpdate('answerList')\n  }\n\n  @property({ type: Array, attribute: 'scale-questions' })\n  get scaleQuestions() { return this._scaleQuestions }\n\n  set scaleQuestions(v: any) {\n    this._scaleQuestions = Array.isArray(v) && v.length ? v : ['问题1']\n    this.requestUpdate('scaleQuestions')\n  }\n\n  @state() private _answers: { title: string }[] = [{ title: '' }, { title: '' }, { title: '' }, { title: '' }, { title: '' }]\n  @state() private _scaleQuestions: string[] = ['问题1']\n  @state() private _rowTitle = ''\n  @state() private _title = ''\n  @state() private _analysis = ''\n  @state() private _showRichText = false\n  @state() private _richText = ''\n\n  // 双向绑定支持\n  @property({ type: String, attribute: 'model-value' }) modelValue = ''\n  @property({ type: Boolean, attribute: 'use-model' }) useModel = false\n\n  private readonly TITLE_MAX = 200\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('richTextContent') || changed.has('scaleQuestions'))) {\n      this._syncProps()\n    }\n    // 当外部 modelValue 变化时同步内部状态\n    if (changed.has('modelValue') && this.useModel) {\n      this._title = this.modelValue\n    }\n  }\n\n  private _syncProps() {\n    this._title = this.title || ''\n    this._analysis = this.analysis || ''\n    this._rowTitle = this._scaleQuestions.join('\\n')\n    this._richText = this.richTextContent || ''\n    this._showRichText = !!this.richTextContent\n  }\n\n  async toJSON(): Promise<any> {\n    return new Promise((resolve, reject) => {\n      const row = { customId: this.customId || undefined, answerType: 'scale', orderIndex: this.orderIndex }\n\n      const title = this.isEdit ? this._title : this.title || ''\n      const answers = this.isEdit ? this._answers : (this.answerList || [])\n      const analysis = this.isEdit ? this._analysis : this.analysis || ''\n      const rowTitle = this.isEdit ? this._rowTitle : (this.scaleQuestions?.join('\\n') || '')\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\n      for (let i = 0; i < answers.length; i++) {\n        if (!answers[i].title) {\n          reject(new SubjectError(`选项${String.fromCharCode(65 + i)}未填写。`, 'ANSWER_EMPTY', 'answers', row))\n          return\n        }\n      }\n\n      if (!rowTitle) {\n        reject(new SubjectError('行标题不能为空!', 'EMPTY_ROW_TITLE', 'rowTitle', row))\n        return\n      }\n\n      const questions = rowTitle.split('\\n').filter((i: string) => i.trim())\n      if (questions.length === 0) {\n        reject(new SubjectError('行标题不能为空!', 'EMPTY_ROW_TITLE', 'rowTitle', row))\n        return\n      }\n\n      const result: any = {\n        answerType: SubjectType.SCALE,\n        title,\n        analysis,\n        answers,\n        scaleQuestionList: questions,\n        examRichTextContent: showRichText ? richText : '',\n        examAnswerRelationType: this.examAnswerRelationType,\n      }\n      if (this.customId) { result.customId = this.customId }\n      resolve(result)\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 _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    // 双向绑定：通知外部更新\n    if (this.useModel) {\n      this.dispatchEvent(new CustomEvent('update:modelValue', {\n        bubbles: true,\n        composed: true,\n        detail: this._title,\n      }))\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: 'scale', orderIndex: this.orderIndex }\n\n    const title = this.isEdit ? this._title : this.title || ''\n    const answers = this.isEdit ? this._answers : (this.answerList || [])\n    const rowTitle = this.isEdit ? this._rowTitle : (this.scaleQuestions?.join('\\n') || '')\n\n    if (!title) {\n      errors.push(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n    }\n\n    answers.forEach((a: any, i: number) => {\n      if (!a.title) {\n        errors.push(new SubjectError(`选项${String.fromCharCode(65 + i)}未填写`, 'ANSWER_EMPTY', 'answers', row))\n      }\n    })\n\n    if (!rowTitle) {\n      errors.push(new SubjectError('行标题不能为空!', 'EMPTY_ROW_TITLE', 'rowTitle', row))\n    }\n    else {\n      const questions = rowTitle.split('\\n').filter((i: string) => i.trim())\n      if (questions.length === 0) {\n        errors.push(new SubjectError('行标题不能为空!', 'EMPTY_ROW_TITLE', 'rowTitle', row))\n      }\n    }\n\n    return errors\n  }\n\n  private _renderPreview() {\n    const colWidth = Math.floor(100 / (this._answers.length + 1))\n    return html`\n      <div class=\"preview\">\n        <span class=\"title\">${this.orderIndex + 1}.${this.title}（量表题）</span>\n        ${this.richTextContent ? html`<div style=\"margin-top:8px\" .innerHTML=${this.richTextContent}></div>` : ''}\n        <table class=\"scale-table\">\n          <thead><tr>\n            <th style=\"width:${colWidth}%\">问题 \\ 选项</th>\n            ${this._answers.map(a => html`<th style=\"width:${colWidth}%\">${a.title}</th>`)}\n          </tr></thead>\n          <tbody>\n            ${this._scaleQuestions.map(q => html`\n              <tr><td>${q}</td>${this._answers.map(() => html`<td><input type=\"radio\" disabled /></td>`)}</tr>\n            `)}\n          </tbody>\n        </table>\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-items-start\">\n        <div class=\"label\"><span>题目:</span></div>\n        <div style=\"flex:1\">\n          <div class=\"el-input\">\n            <textarea rows=\"2\" .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-items-start\" style=\"margin-top:12px\">\n        <div class=\"label\"><span>行标题:</span></div>\n        <div class=\"flex\" style=\"flex:1\">\n          <div class=\"el-input\" style=\"width:160px\">\n            <textarea class=\"row-title-textarea\" .value=${this._rowTitle} ?disabled=${this.isSave}\n              @input=${(e: Event) => { this._rowTitle = (e.target as HTMLTextAreaElement).value }}\n              @keydown=${(e: KeyboardEvent) => { e.stopPropagation() }}\n              placeholder=\"请输入行标题\"></textarea>\n          </div>\n          <div style=\"flex:1;margin-left:12px\">\n            ${this._answers.map((a, i) => html`\n              <div class=\"answer-item\">\n                <span class=\"label\">${String.fromCharCode(65 + i)}.</span>\n                <div class=\"input\">\n                  <input type=\"text\" .value=${a.title} ?disabled=${this.isSave}\n                    maxlength=\"10\"\n                    @input=${(e: Event) => { this._answers = this._answers.map((x, j) => j === i ? { title: (e.target as HTMLInputElement).value } : x) }}\n                    placeholder=\"选项${i + 1}\" />\n                </div>\n                ${!this.isSave\n                  ? html`\n                  <span class=\"icon\" @click=${() => {\n                    if (this._answers.length < 5) { this._answers = [...this._answers, { title: '' }] }\n                  }}>${iconPlus}</span>\n                  <span class=\"icon ${this._answers.length < 3 ? 'disabled' : ''}\" @click=${() => {\n                    if (this._answers.length > 3) { this._answers = this._answers.filter((_, j) => j !== i) }\n                  }}>${iconRemove}</span>\n                `\n                  : ''}\n              </div>\n            `)}\n          </div>\n        </div>\n      </div>\n\n      <div class=\"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} ?disabled=${this.isSave}\n              @input=${(e: Event) => { this._analysis = (e.target as HTMLTextAreaElement).value }}\n              placeholder=\"请输入题目解析\"></textarea>\n          </div>\n        </div>\n      </div>\n\n      ${this._showRichText\n        ? html`\n        <div class=\"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`<div class=\"flex-justify-end\" style=\"margin-top:8px\"><span class=\"el-link danger\" @click=${() => { this._showRichText = false; this._richText = '' }}>删除富文本</span></div>`\n              : ''}\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            ?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            @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","iconRemove","QxsScale","LitElement","constructor","super","arguments","this","orderIndex","title","customId","isEdit","isSave","isSet","showAction","showAdd","showAnalysis","analysis","richTextContent","examAnswerRelationType","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_answers","_scaleQuestions","_rowTitle","_title","_analysis","_showRichText","_richText","modelValue","useModel","TITLE_MAX","answerList","v","arr","Array","isArray","length","slice","requestUpdate","scaleQuestions","willUpdate","changed","has","_syncProps","join","toJSON","row","answerType","answers","rowTitle","showRichText","richText","SubjectError","i","String","fromCharCode","questions","split","filter","trim","SubjectType","SCALE","scaleQuestionList","examRichTextContent","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_onTitleInput","el","value","_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","forEach","a","_renderPreview","colWidth","Math","floor","map","q","_renderEdit","stopPropagation","x","j","_","render","styles","css","__decorateClass","property","type","Number","attribute","prototype","Boolean","state","safeCustomElement"],"mappings":"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"}

package/es/subject/single.mjs

@@ -1,4 +1,19 @@
-import{html as e,css as t,LitElement as s}from"lit";import{property as i}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.mjs";import{state as r}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.mjs";import{safeCustomElement as o}from"../base/define.mjs";import{uid as n}from"../base/uid.mjs";var a=Object.defineProperty,l=Object.getOwnPropertyDescriptor,p=(e,t,s,i)=>{for(var r,o=i>1?void 0:i?l(t,s):t,n=e.length-1;n>=0;n--)(r=e[n])&&(o=(i?r(t,s,o):r(o))||o);return i&&o&&a(t,s,o),o};class d extends Error{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"VALIDATION_ERROR",s=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0;super(e),this.code=t,this.field=s,this.row=i,this.name="SubjectError"}static from(e){return new d(e.message,e.code,e.field,e.row)}}const h=e`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>`,c=e`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg>`;e`<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>`;const u=e`<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>`;let x=class extends s{constructor(){super(...arguments),this.orderIndex=0,this.isEdit=!1,this.isSave=!1,this.isSet=!1,this.isKey=!1,this.showAction=!0,this.showAnalysis=!0,this.type="single",this.answerCheckType=1,this.examAnswerRelationType=0,this.richTextContent="",this.analysis="",this.leastAnswerCount=2,this.examExpand="",this.customId="",this.examId=0,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.modelValue="",this.useModel=!1,this._answers=[{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1}],this.title="",this._title="",this._analysis="",this._richText="",this._showRichText=!1,this._leastAnswerCount=2,this._answerCheckType=1,this._isKey=!1,this._orderList=[],this._resultDialogOpen=!1,this._resultDialogIndex=0,this._resultDialogValue="",this._sortDropdownOpen=!1,this.TITLE_MAX=200,this.ANSWER_MAX=100,this._handleDocumentClick=e=>{const t=e.composedPath(),s=this.shadowRoot?.querySelector(".multi-select-wrapper");s&&!t.includes(s)&&(this._sortDropdownOpen=!1,this.requestUpdate())}}get answerList(){return this._answers}set answerList(e){if(this.isEdit)return;const t=Array.isArray(e)?e:[];this._answers=t.length?t.map(e=>({...e})):[{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1}],this.requestUpdate("answerList")}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleDocumentClick),this._syncExternalProps(),this.richTextContent&&(this._richText=this.richTextContent,this._showRichText=!0)}firstUpdated(){this._syncExternalProps(),this.richTextContent&&(this._richText=this.richTextContent,this._showRichText=!0)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleDocumentClick)}willUpdate(e){e.has("isEdit")&&this.isEdit&&this._syncProps(),!this.isEdit&&(e.has("title")||e.has("answerList")||e.has("analysis")||e.has("leastAnswerCount")||e.has("answerCheckType"))&&this._syncExternalProps(),e.has("isKey")&&(this._isKey=this.isKey),(e.has("examExpand")||e.has("answerList"))&&this._syncExamExpand(),e.has("modelValue")&&this.useModel&&(this._title=this.modelValue)}_syncExternalProps(){this._title=this.title||"",this._analysis=this.analysis||"",this._leastAnswerCount=this.leastAnswerCount||2,this._answerCheckType=this.answerCheckType||1,this._isKey=this.isKey,this.richTextContent&&(this._richText=this.richTextContent,this._showRichText=!0),this.answerList?.length&&(this._answers=this.answerList.map(e=>({...e,title:e.title||"",isCorrect:!!e.isCorrect})))}_syncProps(){this._title=this.title||"",this._analysis=this.analysis||"",this._leastAnswerCount=this.leastAnswerCount||2,this._answerCheckType=this.answerCheckType||1,this._isKey=this.isKey,this.richTextContent&&(this._richText=this.richTextContent,this._showRichText=!0),this.answerList?.length&&(this._answers=this.answerList.map(e=>({...e,title:e.title||"",isCorrect:!!e.isCorrect}))),this._syncExamExpand()}_syncExamExpand(){if(!this.examExpand||!this.answerList?.length)return;const e=this.examExpand.split(",");this._orderList=e.map(e=>{const t=this.answerList.find(t=>t.answerId?.toString()===e);return t?String.fromCharCode(65+t.orderIndex-1):e}).filter(Boolean)}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t??null}))}_label(e){return String.fromCharCode(65+e)}get _titlePlaceholder(){return"single"===this.type?"单选题":"multiple"===this.type?"多选题":"排序题"}_setCorrect(e,t){"single"===this.type?(this._answers.forEach(e=>{e.isCorrect=!1}),e.isCorrect=t):e.isCorrect=t,this.requestUpdate()}_onTitleInput(e){const t=e.target;t.value.length>this.TITLE_MAX&&(t.value=t.value.slice(0,this.TITLE_MAX)),this._title=t.value,this.useModel&&this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail:this._title}))}_onAnswerInput(e,t){const s=e.target;s.value.length>this.ANSWER_MAX&&(s.value=s.value.slice(0,this.ANSWER_MAX)),this._answers[t].title=s.value,this.requestUpdate()}_addAnswer(){this.isSave||(this._answers=[...this._answers,{title:"",isCorrect:!1,customAnswerId:n()}])}_deleteAnswer(e){this._answers.length<3||this.isSave||(this._answers=this._answers.filter((t,s)=>s!==e))}_toggleSortItem(e){const t=this._orderList.indexOf(e);this._orderList=t>=0?this._orderList.filter(t=>t!==e):[...this._orderList,e],this.requestUpdate()}_removeSortItem(e){this._orderList=this._orderList.filter(t=>t!==e),this.requestUpdate()}_getSortOrder(e){const t=this._orderList.indexOf(this._label(e));return t>=0?t+1:null}async toJSON(){return new Promise((e,t)=>{const s={customId:this.customId||void 0,answerType:this.type,orderIndex:this.orderIndex},i=this.isEdit?this._title:this.title||"",r=this.isEdit?this._answers:this.answerList||[],o=this.isEdit?this._answerCheckType:this.answerCheckType||1,n=this.isEdit?this._leastAnswerCount:this.leastAnswerCount||2,a=this.isEdit?this._analysis:this.analysis||"",l=this.isEdit?this._orderList.map(e=>e.charCodeAt(0)-65+1).join(","):this.examExpand||"",p=this.isEdit?this._showRichText:!!this.richTextContent,h=this.isEdit?this._richText:this.richTextContent||"",c=this.isEdit?this._orderList:(()=>{const e=this.examExpand;return e?e.split(",").map(e=>{const t=this.answerList?.find(t=>t.answerId?.toString()===e);return t?String.fromCharCode(65+t.orderIndex-1):e}).filter(Boolean):[]})();if(!i)return void t(new d("题目标题不能为空!","EMPTY_TITLE","title",s));if(!o)return void t(new d("请选择答题设置","NO_ANSWER_CHECK_TYPE","answerCheckType",s));let u="",x=!1,w=0;if("multiple"===this.type||"single"===this.type)r.forEach((e,t)=>{e.title?.trim()||(u+=`选项${String.fromCharCode(65+t)}未填写。`),e.isCorrect&&(x=!0,w++)});else if("sort"===this.type&&(c.length&&(x=!0),x&&c.length<n))return void t(new d(`排序题至少需要设置${n}项排序答案`,"SORT_COUNT_INVALID","orderList",s));if(u)return void t(new d(u,"ANSWER_EMPTY","answers",s));if(new Set(r.map(e=>e.title)).size!==r.length)return void t(new d("选项不能重复","DUPLICATE_ANSWERS","answers",s));if("multiple"===this.type){if(1===w)return void t(new d("请至少设置两个支持选项","CORRECT_COUNT_INVALID","answers",s));if(x&&w<n)return void t(new d("至少选几项与支持选项数不符","LEAST_ANSWER_COUNT_INVALID","answers",s))}if((2===o||3===o)&&!x)return void t(new d("请设置支持选项","NO_CORRECT_ANSWER","answers",s));const m={answerType:String(this.type),title:i,answers:r.filter(e=>e.title).map((e,t)=>({...e,orderIndex:t+1})),examExpand:l,analysis:a,isSetCorrectAnswer:x,leastAnswerCount:n,examRichTextContent:p?h:"",examAnswerRelationType:this.examAnswerRelationType,isKey:this._isKey,answerCheckType:o};this.customId&&(m.customId=this.customId),e(m)})}validate(){const e=[],t={customId:this.customId||void 0,answerType:this.type,orderIndex:this.orderIndex},s=this.isEdit?this._title:this.title||"",i=this.isEdit?this._answers:this.answerList||[],r=this.isEdit?this._answerCheckType:this.answerCheckType||1,o=this.isEdit?this._leastAnswerCount:this.leastAnswerCount||2,n=this.isEdit?this._orderList:(()=>{const e=this.examExpand;return e?e.split(",").map(e=>{const t=this.answerList?.find(t=>t.answerId?.toString()===e);return t?String.fromCharCode(65+t.orderIndex-1):e}).filter(Boolean):[]})();s||e.push(new d("题目标题不能为空!","EMPTY_TITLE","title",t)),r||e.push(new d("请选择答题设置","NO_ANSWER_CHECK_TYPE","answerCheckType",t));let a=!1,l=0;"multiple"===this.type||"single"===this.type?i.forEach((s,i)=>{s.title?.trim()||e.push(new d(`选项${String.fromCharCode(65+i)}未填写`,"ANSWER_EMPTY","answers",t)),s.isCorrect&&(a=!0,l++)}):"sort"===this.type&&(n.length&&(a=!0),a&&n.length<o&&e.push(new d(`排序题至少需要设置${o}项排序答案`,"SORT_COUNT_INVALID","orderList",t)));return new Set(i.map(e=>e.title)).size!==i.length&&i.length>0&&e.push(new d("选项不能重复","DUPLICATE_ANSWERS","answers",t)),"multiple"===this.type&&(1===l&&i.length>0&&e.push(new d("请至少设置两个支持选项","CORRECT_COUNT_INVALID","answers",t)),a&&l<o&&e.push(new d("至少选几项与支持选项数不符","LEAST_ANSWER_COUNT_INVALID","answers",t))),2!==r&&3!==r||a||e.push(new d("请设置支持选项","NO_CORRECT_ANSWER","answers",t)),e}_openResultDialog(e){this._resultDialogIndex=e,this._resultDialogValue=this._answers[e].resultItem||"",this._resultDialogOpen=!0}_saveResultDialog(){this._answers[this._resultDialogIndex].resultItem=this._resultDialogValue,this._resultDialogOpen=!1,this.requestUpdate()}_renderResultDialog(){if(!this._resultDialogOpen)return"";const t=this._label(this._resultDialogIndex);return e`
+import{html as e,css as t,LitElement as s}from"lit";import{property as i}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.mjs";import{state as r}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.mjs";import{safeCustomElement as o}from"../base/define.mjs";import{uid as a}from"../base/uid.mjs";var n=Object.defineProperty,l=Object.getOwnPropertyDescriptor,c=(e,t,s,i)=>{for(var r,o=i>1?void 0:i?l(t,s):t,a=e.length-1;a>=0;a--)(r=e[a])&&(o=(i?r(t,s,o):r(o))||o);return i&&o&&n(t,s,o),o};class h extends Error{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"VALIDATION_ERROR",s=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0;super(e),this.code=t,this.field=s,this.row=i,this.name="SubjectError"}static from(e){return new h(e.message,e.code,e.field,e.row)}}const d=e`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>`,p=e`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg>`,u=e`<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>`;function g(e){return e.replace(/^\d+\.\s*/,"").replace(/[\s，,。.!！?？;；:：、'"“”‘’()（）\[\]【】\-_/\\]+/g,"").toLowerCase()}function m(e){const t=document.createElement("div");t.textContent=e,Object.assign(t.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(t),setTimeout(()=>{t.style.opacity="0",setTimeout(()=>t.remove(),300)},2500)}let w=class extends s{constructor(){super(...arguments),this.orderIndex=0,this.isEdit=!1,this.isSave=!1,this.isSet=!1,this.isKey=!1,this.showAction=!0,this.showAdd=!0,this.showAnswerSetting=!1,this.showKey=!1,this.showAnalysis=!0,this.type="single",this.answerCheckType=1,this.examAnswerRelationType=0,this.richTextContent="",this.analysis="",this.leastAnswerCount=0,this.examExpand="",this.customId="",this.examId=0,this.categoryId="",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.tagList=[],this.categoryList=[],this.aiAnswer="",this.resourceList=[],this.showTag=!1,this.showCategory=!1,this.showAi=!1,this.showResource=!1,this.showJump=!1,this.hasJump=!1,this.searchApi="",this.modelValue="",this.useModel=!1,this._answers=[{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1}],this.title="",this._title="",this._analysis="",this._richText="",this._showRichText=!1,this._leastAnswerCount=0,this._answerCheckType=1,this._isKey=!1,this._orderList=[],this._selectedTagList=[],this._categoryId="",this._searchResults=[],this._searchOpen=!1,this._searchLoading=!1,this._resultDialogOpen=!1,this._resultDialogIndex=0,this._resultDialogValue="",this._sortDropdownOpen=!1,this._imageViewerOpen=!1,this._imageViewerIndex=0,this._videoViewerOpen=!1,this._correctHintDialogOpen=!1,this._hasShownCorrectHint=!1,this._searchTimer=null,this._searchToken=0,this.TITLE_MAX=200,this.ANSWER_MAX=100,this._handleDocumentClick=e=>{const t=e.composedPath(),s=this.shadowRoot?.querySelector(".multi-select-wrapper"),i=this.shadowRoot?.querySelector(".search-wrap");s&&!t.includes(s)&&(this._sortDropdownOpen=!1),i&&!t.includes(i)&&(this._searchOpen=!1),this.requestUpdate()}}get answerList(){return this._answers}set answerList(e){if(this.isEdit)return;const t=Array.isArray(e)?e:[];this._answers=t.length?t.map(e=>({...e})):[{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1}],this.requestUpdate("answerList")}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleDocumentClick),this._syncExternalProps()}firstUpdated(){this._syncExternalProps()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleDocumentClick),this._searchTimer&&(window.clearTimeout(this._searchTimer),this._searchTimer=null)}willUpdate(e){e.has("isEdit")&&this.isEdit&&this._syncProps(),!this.isEdit&&(e.has("title")||e.has("answerList")||e.has("analysis")||e.has("leastAnswerCount")||e.has("answerCheckType")||e.has("tagList")||e.has("categoryId")||e.has("richTextContent"))&&this._syncExternalProps(),e.has("isKey")&&(this._isKey=this.isKey),e.has("tagList")&&(this._selectedTagList=Array.isArray(this.tagList)?this.tagList.map(e=>({...e})):[]),e.has("categoryId")&&(this._categoryId=this.categoryId?String(this.categoryId):""),(e.has("examExpand")||e.has("answerList"))&&this._syncExamExpand(),e.has("modelValue")&&this.useModel&&(this._title=this.modelValue)}_syncExternalProps(){this._title=this.title||"",this._analysis=this.analysis||"",this._leastAnswerCount=Number(this.leastAnswerCount)||0,this._answerCheckType=this.answerCheckType||1,this._isKey=this.isKey,this._selectedTagList=Array.isArray(this.tagList)?this.tagList.map(e=>({...e})):[],this._categoryId=this.categoryId?String(this.categoryId):"",this._richText=this.richTextContent||"",this._showRichText=!!this.richTextContent,this.answerList?.length&&(this._answers=this.answerList.map(e=>({...e,title:e.title||"",isCorrect:!!e.isCorrect})))}_syncProps(){this._title=this.title||"",this._analysis=this.analysis||"",this._leastAnswerCount=Number(this.leastAnswerCount)||0,this._answerCheckType=this.answerCheckType||1,this._isKey=this.isKey,this._selectedTagList=Array.isArray(this.tagList)?this.tagList.map(e=>({...e})):[],this._categoryId=this.categoryId?String(this.categoryId):"",this._richText=this.richTextContent||"",this._showRichText=!!this.richTextContent,this.answerList?.length&&(this._answers=this.answerList.map(e=>({...e,title:e.title||"",isCorrect:!!e.isCorrect}))),this._syncExamExpand()}_syncExamExpand(){if(!this.examExpand||!this.answerList?.length)return;const e=this.examExpand.split(","),t=this.answerList;this._orderList=e.map(e=>{const s=t.findIndex((t,s)=>String(t.answerId??t.orderIndex??s+1)===String(e));return s>=0?this._label(s):""}).filter(Boolean)}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t??null}))}_searchAnswerType(){return"single"===this.type?0:"multiple"===this.type?1:5}_queueSearch(e){this._searchTimer&&(window.clearTimeout(this._searchTimer),this._searchTimer=null);const t=e.trim();if(!t||!this.searchApi&&"function"!=typeof this.searchHandler)return this._searchResults=[],this._searchOpen=!1,void(this._searchLoading=!1);this._searchTimer=window.setTimeout(()=>{this._runSearch(t)},300)}async _runSearch(e){const t=++this._searchToken;this._searchLoading=!0,this._searchOpen=!0,this.requestUpdate();try{let s=[];if("function"==typeof this.searchHandler)s=await this.searchHandler(e,this._searchAnswerType());else if(this.searchApi){const t=new URLSearchParams({searchKey:e,answerType:String(this._searchAnswerType())}),i=await fetch(`${this.searchApi}${this.searchApi.includes("?")?"&":"?"}${t.toString()}`);if(!i.ok)throw new Error(`HTTP ${i.status}`);const r=await i.json();s=(Array.isArray(r)?r:Array.isArray(r?.data)?r.data:[]).map(e=>({...e,value:e?.value||e?.title||""}))}if(t!==this._searchToken)return;this._searchResults=Array.isArray(s)?s:[]}catch(e){if(t!==this._searchToken)return;this._searchResults=[],m(e?.message||"题库搜索失败")}finally{t===this._searchToken&&(this._searchLoading=!1,this.requestUpdate())}}_selectSearchResult(e){const t=e.value||e.title||"";this._title=t,this._searchResults=[],this._searchOpen=!1,this.useModel&&this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail:this._title})),this._emit("title-select",{...e,id:e.id??e.examId??e.questionId,title:e.title||t,value:t,customId:this.customId||""})}_applyAiAnswer(){if(!this.aiAnswer?.trim())return void m("暂无 AI 推荐答案");const e=this.aiAnswer.split(/\r?\n/).map(e=>g(e)).filter(Boolean);let t=0;if("single"===this.type){let s=!1;this._answers=this._answers.map(i=>{const r=!s&&e.includes(g(i.title||""));return r&&(s=!0,t++),{...i,isCorrect:r}})}else this._answers=this._answers.map(s=>{const i=e.includes(g(s.title||""));return i&&t++,{...s,isCorrect:i}});t?this.requestUpdate():m("未找到匹配的选项，请检查选项内容是否一致")}_removeTag(e){this._selectedTagList=this._selectedTagList.filter(t=>String(t.tagId)!==String(e)),this._emit("tag-change",{value:this._selectedTagList,customId:this.customId||"",examId:this.examId||0})}_chooseTag(){this._emit("choose-tag",{value:this._selectedTagList,customId:this.customId||"",examId:this.examId||0})}_onCategoryChange(e){this._categoryId=e,this._emit("category-change",{value:e,customId:this.customId||"",examId:this.examId||0})}_setRelation(e,t){const s=e.customAnswerId?{...e}:{...e,customAnswerId:e.answerId||a()};this._answers=this._answers.map((e,i)=>i===t?s:e),this.requestUpdate(),this._emit("set-relation",{customId:this.customId||"",examId:this.examId||0,answerIndex:t,answer:s})}_relationLength(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).reduce((e,t)=>e+(Array.isArray(t?.relationAnswers)?t.relationAnswers.length:0),0)}_imageResources(){return(this.resourceList||[]).filter(e=>1===e.resourceType).map(e=>e.resource.middle||e.resource.url).filter(Boolean)}_videoResource(){return(this.resourceList||[]).find(e=>2===e.resourceType)?.resource||null}_openImageViewer(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this._imageResources().length&&(this._imageViewerIndex=e,this._imageViewerOpen=!0)}_closeImageViewer(){this._imageViewerOpen=!1}_moveImage(e){const t=this._imageResources();t.length&&(this._imageViewerIndex=(this._imageViewerIndex+e+t.length)%t.length)}_openVideoViewer(){this._videoResource()?.url&&(this._videoViewerOpen=!0)}_closeVideoViewer(){this._videoViewerOpen=!1}_label(e){return String.fromCharCode(65+e)}get _titlePlaceholder(){return"single"===this.type?"单选题":"multiple"===this.type?"多选题":"排序题"}_setCorrect(e,t){"single"===this.type?(this._answers.forEach(e=>{e.isCorrect=!1}),e.isCorrect=t):e.isCorrect=t,this.requestUpdate()}_onTitleInput(e){const t=e.target;t.value.length>this.TITLE_MAX&&(t.value=t.value.slice(0,this.TITLE_MAX)),this._title=t.value,this._queueSearch(this._title),this.useModel&&this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail:this._title}))}_onAnswerInput(e,t){const s=e.target;s.value.length>this.ANSWER_MAX&&(s.value=s.value.slice(0,this.ANSWER_MAX)),this._answers[t].title=s.value,this.requestUpdate()}_addAnswer(e){if(this.isSave)return;const t=[...this._answers];t.splice(e+1,0,{title:"",isCorrect:!1,customAnswerId:a()}),this._answers=t}_deleteAnswer(e){this._answers.length<3||this.isSave||(this._answers=this._answers.filter((t,s)=>s!==e))}_toggleSortItem(e){const t=this._orderList.indexOf(e);this._orderList=t>=0?this._orderList.filter(t=>t!==e):[...this._orderList,e],this.requestUpdate()}_removeSortItem(e){this._orderList=this._orderList.filter(t=>t!==e),this.requestUpdate()}_getSortOrder(e){const t=this._orderList.indexOf(this._label(e));return t>=0?t+1:null}_sortAnswerValue(e){const t=e.charCodeAt(0)-65,s=this._answers[t];return s?.answerId??t+1}_shouldShowCorrectHint(){return"sort"===this.type?!this._orderList.length:!this._answers.some(e=>!!e.isCorrect)}async toJSON(){return new Promise((e,t)=>{const s={customId:this.customId||void 0,answerType:this.type,orderIndex:this.orderIndex},i=this.isEdit?this._title:this.title||"",r=this.isEdit?this._answers:this.answerList||[],o=this.isEdit?this._answerCheckType:this.answerCheckType||1,a=this.isEdit?this._leastAnswerCount:Number(this.leastAnswerCount)||0,n=this.isEdit?this._analysis:this.analysis||"",l=this._selectedTagList||[],c=this.isEdit?this._orderList.map(e=>this._sortAnswerValue(e)).join(","):this.examExpand||"",d=this.isEdit?this._showRichText:!!this.richTextContent,p=this.isEdit?this._richText:this.richTextContent||"",u=this.isEdit?this._orderList:(()=>{const e=this.examExpand;return e?e.split(",").map(e=>{const t=this.answerList?.findIndex((t,s)=>String(t.answerId??t.orderIndex??s+1)===String(e));return t>=0?this._label(t):""}).filter(Boolean):[]})();if(!i)return void t(new h("题目标题不能为空!","EMPTY_TITLE","title",s));if(this.showTag&&0===l.length)return void t(new h("请选择标签/关键信息","EMPTY_TAGS","tagList",s));if(!o)return void t(new h("请选择答题设置","NO_ANSWER_CHECK_TYPE","answerCheckType",s));let g="",m=!1,w=0;if("multiple"===this.type||"single"===this.type)r.forEach((e,t)=>{e.title?.trim()||(g+=`选项${String.fromCharCode(65+t)}未填写。`),e.isCorrect&&(m=!0,w++)});else if("sort"===this.type&&(u.length&&(m=!0),m&&u.length<a))return void t(new h(`排序题至少需要设置${a}项排序答案`,"SORT_COUNT_INVALID","orderList",s));if(g)return void t(new h(g,"ANSWER_EMPTY","answers",s));if(new Set(r.map(e=>e.title)).size!==r.length)return void t(new h("选项不能重复","DUPLICATE_ANSWERS","answers",s));if("multiple"===this.type){if(1===w)return void t(new h("请至少设置两个支持选项","CORRECT_COUNT_INVALID","answers",s));if(m&&w<a)return void t(new h("至少选几项与支持选项数不符","LEAST_ANSWER_COUNT_INVALID","answers",s))}if((2===o||3===o)&&!m)return void t(new h("请设置支持选项","NO_CORRECT_ANSWER","answers",s));const x={answerType:String(this.type),title:i,answers:r.filter(e=>e.title).map((e,t)=>({...e,orderIndex:t+1})),examExpand:c,analysis:n,isSetCorrectAnswer:m,leastAnswerCount:a||"",examRichTextContent:d?p:"",examAnswerRelationType:this.examAnswerRelationType,isKey:this._isKey,answerCheckType:o,categoryId:this._categoryId||"",memberTagInfo:l,tagInfos:l,aiAnswer:this.aiAnswer||"",resourceList:this.resourceList||[],examResourceBOList:this.resourceList||[]};this.customId&&(x.customId=this.customId),e(x)})}validate(){const e=[],t={customId:this.customId||void 0,answerType:this.type,orderIndex:this.orderIndex},s=this.isEdit?this._title:this.title||"",i=this.isEdit?this._answers:this.answerList||[],r=this.isEdit?this._answerCheckType:this.answerCheckType||1,o=this.isEdit?this._leastAnswerCount:Number(this.leastAnswerCount)||0,a=this._selectedTagList||[],n=this.isEdit?this._orderList:(()=>{const e=this.examExpand;return e?e.split(",").map(e=>{const t=this.answerList?.findIndex((t,s)=>String(t.answerId??t.orderIndex??s+1)===String(e));return t>=0?this._label(t):""}).filter(Boolean):[]})();s||e.push(new h("题目标题不能为空!","EMPTY_TITLE","title",t)),this.showTag&&0===a.length&&e.push(new h("请选择标签/关键信息","EMPTY_TAGS","tagList",t)),r||e.push(new h("请选择答题设置","NO_ANSWER_CHECK_TYPE","answerCheckType",t));let l=!1,c=0;"multiple"===this.type||"single"===this.type?i.forEach((s,i)=>{s.title?.trim()||e.push(new h(`选项${String.fromCharCode(65+i)}未填写`,"ANSWER_EMPTY","answers",t)),s.isCorrect&&(l=!0,c++)}):"sort"===this.type&&(n.length&&(l=!0),l&&n.length<o&&e.push(new h(`排序题至少需要设置${o}项排序答案`,"SORT_COUNT_INVALID","orderList",t)));return new Set(i.map(e=>e.title)).size!==i.length&&i.length>0&&e.push(new h("选项不能重复","DUPLICATE_ANSWERS","answers",t)),"multiple"===this.type&&(1===c&&i.length>0&&e.push(new h("请至少设置两个支持选项","CORRECT_COUNT_INVALID","answers",t)),l&&c<o&&e.push(new h("至少选几项与支持选项数不符","LEAST_ANSWER_COUNT_INVALID","answers",t))),2!==r&&3!==r||l||e.push(new h("请设置支持选项","NO_CORRECT_ANSWER","answers",t)),e}_openResultDialog(e){this._resultDialogIndex=e,this._resultDialogValue=this._answers[e].resultItem||"",this._resultDialogOpen=!0}_saveResultDialog(){this._answers[this._resultDialogIndex].resultItem=this._resultDialogValue,this._resultDialogOpen=!1,this.requestUpdate()}_renderCorrectHintDialog(){return this._correctHintDialogOpen?e`
+      <div class="modal-backdrop" @click=${()=>{this._correctHintDialogOpen=!1}}>
+        <div class="modal" @click=${e=>e.stopPropagation()}>
+          <div class="modal-header">
+            <span class="modal-title">温馨提示</span>
+            <button class="modal-close" @click=${()=>{this._correctHintDialogOpen=!1}}>&#x2715;</button>
+          </div>
+          <div class="modal-body">
+            <div class="value-text">为了收集更全面、有价值的数据，建议您为问卷每题设定推荐/正确选项。</div>
+          </div>
+          <div class="modal-footer">
+            <button class="primary" @click=${()=>{this._hasShownCorrectHint=!0,this._correctHintDialogOpen=!1}}>我知道了</button>
+          </div>
+        </div>
+      </div>
+    `:""}_renderResultDialog(){if(!this._resultDialogOpen)return"";const t=this._label(this._resultDialogIndex);return e`
       <div class="modal-backdrop" @click=${()=>{this._resultDialogOpen=!1}}>
         <div class="modal" @click=${e=>e.stopPropagation()}>
           <div class="modal-header">
@@ -16,9 +31,117 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i}from"..
           </div>
         </div>
       </div>
-    `}async _save(e){e?.stopImmediatePropagation();try{const e=await this.toJSON();this._emit("save",e)}catch(e){!function(e){const t=document.createElement("div");t.textContent=e,Object.assign(t.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(t),setTimeout(()=>{t.style.opacity="0",setTimeout(()=>t.remove(),300)},2500)}(e.message)}}_renderPreview(){const t="single"===this.type?"（单选题）":`（${this._titlePlaceholder}${this.leastAnswerCount?`至少选${this.leastAnswerCount}项${"sort"===this.type?"并排序":""}`:""}）`,s=this.answerList;return e`
+    `}_renderSearchDropdown(){return this.isEdit&&(this._searchOpen||this._searchLoading)?e`
+      <div class="search-dropdown">
+        ${this._searchLoading?e`<div class="search-empty">搜索中...</div>`:this._searchResults.length?this._searchResults.map(t=>e`
+              <div class="search-item" @click=${()=>this._selectSearchResult(t)}>${t.value||t.title}</div>
+            `):e`<div class="search-empty">暂无匹配题目</div>`}
+      </div>
+    `:""}_renderTagSection(){return this.showTag?e`
+      <div class="flex-items-start section-row">
+        <div class="label"><span>标签:</span></div>
+        <div style="flex:1">
+          <div class="tag-list">
+            ${this._selectedTagList.length?this._selectedTagList.map(t=>e`
+                <span class="tag-item">
+                  ${t.tagName}
+                  ${this.isSave?"":e`<span class="close" @click=${()=>this._removeTag(t.tagId)}>×</span>`}
+                </span>
+              `):e`<span class="tag-hint">暂无标签/关键信息</span>`}
+          </div>
+          ${this.isEdit&&!this.isSave?e`
+            <div style="margin-top:8px">
+              <span class="el-link" @click=${()=>this._chooseTag()}>选择</span>
+            </div>
+          `:""}
+        </div>
+      </div>
+    `:""}_renderCategorySection(){return this.showCategory?e`
+      <div class="flex-items-start section-row">
+        <div class="label"><span>分类:</span></div>
+        <div style="flex:1">
+          ${this.isEdit?e`
+            <select class="el-select" .value=${String(this._categoryId)} ?disabled=${this.isSave}
+              @change=${e=>this._onCategoryChange(e.target.value)}>
+              <option value="">选择分类</option>
+              ${this.categoryList.map(t=>e`
+                <option value=${String(t.categoryId)} ?selected=${String(t.categoryId)===String(this._categoryId)}>${t.title}</option>
+              `)}
+            </select>
+          `:e`<span class="value-text">${this.categoryList.find(e=>String(e.categoryId)===String(this._categoryId))?.title||"未选择分类"}</span>`}
+        </div>
+      </div>
+    `:""}_renderAiSection(){return this.showAi&&["single","multiple"].includes(this.type)?e`
+      <div class="flex-items-start section-row">
+        <div class="label"><span>AI推荐:</span></div>
+        <div style="flex:1">
+          <span class="value-text">${this.aiAnswer||"暂无"}</span>
+          ${this.isEdit?e`<div style="margin-top:8px"><span class="el-link" @click=${()=>this._applyAiAnswer()}>一键勾选</span></div>`:""}
+        </div>
+      </div>
+    `:""}_renderResourceSection(){if(!this.showResource)return"";const t=this._imageResources(),s=this._videoResource();return e`
+      <div class="flex-items-start section-row">
+        <div class="label"><span>资源:</span></div>
+        <div style="flex:1">
+          <div class="resource-summary">
+            图片 ${t.length} 张${s?"，含视频资源":""}
+          </div>
+          <div class="resource-actions">
+            ${t.length?e`<span class="el-link" @click=${()=>this._openImageViewer(0)}>查看图片</span>`:""}
+            ${s?.url?e`<span class="el-link" @click=${()=>this._openVideoViewer()}>查看视频</span>`:""}
+            ${t.length||s?.url?"":e`<span class="muted-text">暂无资源</span>`}
+          </div>
+          ${t.length?e`
+            <div class="resource-thumbs">
+              ${t.slice(0,4).map((t,s)=>e`
+                <img class="resource-thumb" src=${t} alt="resource" @click=${()=>this._openImageViewer(s)} />
+              `)}
+            </div>
+          `:""}
+        </div>
+      </div>
+    `}_renderImageViewer(){if(!this._imageViewerOpen)return"";const t=this._imageResources(),s=t[this._imageViewerIndex];return s?e`
+      <div class="modal-backdrop" @click=${()=>this._closeImageViewer()}>
+        <div class="modal" @click=${e=>e.stopPropagation()}>
+          <div class="modal-header">
+            <span class="modal-title">图片预览</span>
+            <button class="modal-close" @click=${()=>this._closeImageViewer()}>&#x2715;</button>
+          </div>
+          <div class="modal-body">
+            <div class="media-stage"><img src=${s} alt="resource-preview" /></div>
+          </div>
+          <div class="modal-footer">
+            <div class="media-footer">
+              <span class="muted-text">${this._imageViewerIndex+1} / ${t.length}</span>
+              <div class="group">
+                ${t.length>1?e`<button @click=${()=>this._moveImage(-1)}>上一张</button>`:""}
+                ${t.length>1?e`<button @click=${()=>this._moveImage(1)}>下一张</button>`:""}
+                <button class="primary" @click=${()=>this._closeImageViewer()}>关闭</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    `:""}_renderVideoViewer(){const t=this._videoResource();return this._videoViewerOpen&&t?.url?e`
+      <div class="modal-backdrop" @click=${()=>this._closeVideoViewer()}>
+        <div class="modal" @click=${e=>e.stopPropagation()}>
+          <div class="modal-header">
+            <span class="modal-title">视频预览</span>
+            <button class="modal-close" @click=${()=>this._closeVideoViewer()}>&#x2715;</button>
+          </div>
+          <div class="modal-body">
+            <div class="media-stage">
+              <video src=${t.url} controls playsinline></video>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <button class="primary" @click=${()=>this._closeVideoViewer()}>关闭</button>
+          </div>
+        </div>
+      </div>
+    `:""}async _save(e){e?.stopImmediatePropagation();const t=this.validate();if(t.length)m(t[0].message);else if(this._hasShownCorrectHint||!this._shouldShowCorrectHint())try{const e=await this.toJSON();this._emit("save",e)}catch(e){m(e.message)}else this._correctHintDialogOpen=!0}_renderPreview(){const t="single"===this.type?"（单选题）":`（${this._titlePlaceholder}${this.leastAnswerCount?`，至少选${this.leastAnswerCount}项${"sort"===this.type?"并排序":""}`:""}）`,s=this.answerList;return e`
       <div class="preview">
-        <div><span class="title">${this.orderIndex+1}.${this.title||""}${t}${this._isKey?e`<span class="key-badge">核心题</span>`:""}</span></div>
+        <div><span class="title">${this.orderIndex+1}.${this.title||""}${t}${this.showKey&&this._isKey?e`<span class="key-badge">核心题</span>`:""}</span></div>
         ${this.richTextContent?e`<div class="rich-text" .innerHTML=${this.richTextContent}></div>`:""}
         <div class="preview-answer">
           ${s.map((t,s)=>e`
@@ -31,17 +154,28 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i}from"..
             </label>
           `)}
         </div>
+        ${this.showCategory&&this._categoryId?e`<div class="section-row"><span class="value-text">分类：${this.categoryList.find(e=>String(e.categoryId)===String(this._categoryId))?.title||this._categoryId}</span></div>`:""}
+        ${this._selectedTagList.length&&this.showTag?e`
+          <div class="section-row">
+            <span class="value-text">标签/关键信息：</span>
+            <div class="tag-list" style="margin-top:6px">
+              ${this._selectedTagList.map(t=>e`<span class="tag-item">${t.tagName}</span>`)}
+            </div>
+          </div>
+        `:""}
+        ${this.showResource?this._renderResourceSection():""}
       </div>
     `}_renderEdit(){return e`
       <div class="flex-items-start">
         <div class="label"><span>题目:</span></div>
         <div style="flex:1">
-          <div class="el-input">
+          <div class="el-input search-wrap">
             <textarea rows="2" .value=${this._title} ?disabled=${this.isSave}
               maxlength=${this.TITLE_MAX}
               @input=${e=>this._onTitleInput(e)}
               placeholder="【${this._titlePlaceholder}】请输入问题"></textarea>
             <span class="char-counter">${this._title.length}/${this.TITLE_MAX}</span>
+            ${this._renderSearchDropdown()}
           </div>
         </div>
       </div>
@@ -49,8 +183,9 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i}from"..
       ${["multiple","sort"].includes(this.type)?e`
         <div class="flex-items-start" style="margin-top:12px">
           <div class="label"><span>设置:</span></div>
-          <select class="el-select" .value=${String(this._leastAnswerCount)} ?disabled=${this.isSave}
-            @change=${e=>{this._leastAnswerCount=Number(e.target.value)}}>
+          <select class="el-select" .value=${this._leastAnswerCount?String(this._leastAnswerCount):""} ?disabled=${this.isSave}
+            @change=${e=>{const t=e.target.value;this._leastAnswerCount=t?Number(t):0}}>
+            <option value="">至少选择几项</option>
             ${Array.from({length:Math.max(0,this._answers.length-1)},(e,t)=>t+2).map(t=>e`
               <option value=${t} ?selected=${this._leastAnswerCount===t}>至少选择${t}项</option>
             `)}
@@ -81,19 +216,19 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i}from"..
             `:""}
 
             <span class="icon ${this.isSave?"disabled":""}"
-              @click=${()=>this._addAnswer()}>
-              ${h}
+              @click=${()=>this._addAnswer(s)}>
+              ${d}
             </span>
             <span class="icon ${this.isSave||this._answers.length<3?"disabled":""}"
               @click=${()=>this._deleteAnswer(s)}>
-              ${c}
+              ${p}
             </span>
 
             ${1===this.examAnswerRelationType&&"sort"!==this.type?e`
               <span class="link" @click=${()=>this._openResultDialog(s)}>${t.resultItem?"编辑结果":"添加结果"}</span>
             `:""}
             ${2===this.examAnswerRelationType&&"sort"!==this.type?e`
-              <span class="link">关联检查</span>
+              <span class="link" @click=${()=>this._setRelation(t,s)}>${t.answerRelations?.length?`关联了${this._relationLength(t.answerRelations)}项`:"关联检查"}</span>
             `:""}
           </div>
         `)}
@@ -129,6 +264,14 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i}from"..
         </div>
       `:""}
 
+      ${this._renderTagSection()}
+
+      ${this._renderCategorySection()}
+
+      ${this._renderAiSection()}
+
+      ${this._renderResourceSection()}
+
       ${this._showRichText?e`
         <div class="flex-items-start" style="margin-top:12px">
           <div class="label"><span>富文本:</span></div>
@@ -139,7 +282,7 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i}from"..
               ?is-edit=${!0}
               @input=${e=>{this._richText=e.target.getContent()}}
             ></qxs-blocksuite-editor>
-            <div class="flex-justify-end" style="margin-top:8px"><span class="el-link danger" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span></div>
+            ${this.showAction?"":e`<div class="flex-justify-end" style="margin-top:8px"><span class="el-link danger" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span></div>`}
           </div>
         </div>
       `:""}
@@ -163,21 +306,30 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i}from"..
             ?is-edit=${this.isEdit}
             ?is-set=${this.isSet}
             ?is-key=${this._isKey}
-            ?show-other-option=${"multiple"===this.type||"single"===this.type}
+            ?show-add=${this.showAdd}
+            ?show-answer-setting=${this.showAnswerSetting&&["single","multiple","sort"].includes(this.type)}
+            ?show-key=${this.showKey&&["single","multiple","sort"].includes(this.type)}
+            ?show-rich-text=${this._showRichText}
+            ?show-jump=${this.showJump}
             answer-check-type=${this._answerCheckType}
             exam-answer-relation-type=${this.examAnswerRelationType}
             @delete=${()=>this._emit("delete")}
             @save=${this._save}
             @edit=${()=>this._emit("edit")}
+            @move=${e=>this._emit("move",e.detail)}
+            @jump=${()=>this._emit("jump",{customId:this.customId||"",examId:this.examId||0,answerType:this.type})}
             @add=${e=>this._emit("add",e.detail)}
             @set-key=${e=>{this._isKey=e.detail.value,this._emit("set-key",e.detail)}}
             @set-answer-setting=${e=>{this._answerCheckType=e.detail.value}}
-            @on-show-rich-text=${()=>{this._showRichText=!0}}
+            @on-show-rich-text=${()=>{this._showRichText=!this._showRichText,this._showRichText||(this._richText="")}}
           ></qxs-subject-action>
         `:""}
       </qxs-subject-layout>
       ${this._renderResultDialog()}
-    `}};x.styles=t`
+      ${this._renderCorrectHintDialog()}
+      ${this._renderImageViewer()}
+      ${this._renderVideoViewer()}
+    `}};w.styles=t`
     :host { display: block; font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 12px; color: #5a5a5a; }
     *, ::before, ::after { box-sizing: border-box; }
 
@@ -264,9 +416,6 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i}from"..
     }
     .el-select:focus { border-color: #3D61E3; outline: none; }
     .el-select:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }
-    .el-select.sort-select {
-      width: 360px; height: auto; min-height: 32px; appearance: auto;
-    }
 
     .sort-badge { font-weight: bold; color: #3D61E3; margin-left: 10px; }
 
@@ -274,6 +423,51 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i}from"..
     .el-link:hover { color: #2D4CB8; }
     .el-link.danger { color: #f56c6c; }
 
+    .section-row { margin-top: 12px; }
+    .value-text { font-size: 13px; color: #606266; white-space: pre-wrap; }
+    .muted-text { font-size: 12px; color: #909399; }
+
+    .search-wrap { position: relative; }
+    .search-dropdown {
+      position: absolute; z-index: 120; left: 0; right: 0; top: calc(100% + 4px);
+      background: #fff; border: 1px solid #e4e7ed; border-radius: 6px;
+      box-shadow: 0 8px 20px rgba(0,0,0,.12); overflow: hidden;
+    }
+    .search-item {
+      padding: 10px 12px; cursor: pointer; transition: background .2s;
+      font-size: 13px; color: #606266; line-height: 1.4;
+    }
+    .search-item:hover { background: #f5f7fa; color: #3D61E3; }
+    .search-empty { padding: 10px 12px; font-size: 12px; color: #909399; }
+
+    .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;
+    }
+    .tag-item .close { cursor: pointer; color: #909399; }
+    .tag-item .close:hover { color: #f56c6c; }
+    .tag-hint { font-size: 12px; color: #909399; }
+
+    .resource-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 8px; }
+    .resource-summary { font-size: 12px; color: #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; cursor: pointer; background: #f5f7fa;
+    }
+    .resource-video {
+      display: inline-flex; align-items: center; justify-content: center;
+      min-width: 88px; height: 30px; padding: 0 10px; border: 1px solid #dcdfe6; border-radius: 4px;
+      color: #606266; background: #fff; cursor: pointer; font-size: 12px; transition: all .2s;
+    }
+    .resource-video:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }
+    .media-stage { display: flex; align-items: center; justify-content: center; min-height: 240px; }
+    .media-stage img, .media-stage video { max-width: 100%; max-height: 60vh; border-radius: 6px; }
+    .media-footer { display: flex; justify-content: space-between; align-items: center; gap: 8px; width: 100%; }
+    .media-footer .group { display: flex; gap: 8px; }
+
     /* Multi-select with tags (Element Plus style) */
     .multi-select-wrapper { position: relative; }
     .multi-select {
@@ -325,5 +519,5 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i}from"..
     .modal-footer button:hover { color: #3D61E3; border-color: #a0cfff; }
     .modal-footer button.primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }
     .modal-footer button.primary:hover { background: #2D4CB8; border-color: #2D4CB8; }
-  `,p([i({type:Number,attribute:"order-index"})],x.prototype,"orderIndex",2),p([i({type:Boolean,attribute:"is-edit"})],x.prototype,"isEdit",2),p([i({type:Boolean,attribute:"is-save"})],x.prototype,"isSave",2),p([i({type:Boolean,attribute:"is-set"})],x.prototype,"isSet",2),p([i({type:Boolean,attribute:"is-key"})],x.prototype,"isKey",2),p([i({type:Boolean,attribute:"show-action"})],x.prototype,"showAction",2),p([i({type:Boolean,attribute:"show-analysis"})],x.prototype,"showAnalysis",2),p([i({attribute:"question-type",reflect:!0})],x.prototype,"type",2),p([i({type:Number,attribute:"answer-check-type"})],x.prototype,"answerCheckType",2),p([i({type:Number,attribute:"exam-answer-relation-type"})],x.prototype,"examAnswerRelationType",2),p([i({type:String,attribute:"rich-text-content"})],x.prototype,"richTextContent",2),p([i({type:String})],x.prototype,"analysis",2),p([i({type:Number,attribute:"least-answer-count"})],x.prototype,"leastAnswerCount",2),p([i({type:String,attribute:"exam-expand"})],x.prototype,"examExpand",2),p([i({type:String,attribute:"custom-id"})],x.prototype,"customId",2),p([i({type:Number,attribute:"exam-id"})],x.prototype,"examId",2),p([i({type:Object})],x.prototype,"uploadImage",2),p([i({type:Array,attribute:"answer-list"})],x.prototype,"answerList",1),p([i({type:String,attribute:"model-value"})],x.prototype,"modelValue",2),p([i({type:Boolean,attribute:"use-model"})],x.prototype,"useModel",2),p([r()],x.prototype,"_answers",2),p([i({type:String})],x.prototype,"title",2),p([r()],x.prototype,"_title",2),p([r()],x.prototype,"_analysis",2),p([r()],x.prototype,"_richText",2),p([r()],x.prototype,"_showRichText",2),p([r()],x.prototype,"_leastAnswerCount",2),p([r()],x.prototype,"_answerCheckType",2),p([r()],x.prototype,"_isKey",2),p([r()],x.prototype,"_orderList",2),p([r()],x.prototype,"_resultDialogOpen",2),p([r()],x.prototype,"_resultDialogIndex",2),p([r()],x.prototype,"_resultDialogValue",2),p([r()],x.prototype,"_sortDropdownOpen",2),x=p([o("qxs-subject-single")],x);export{x as QxsSubjectSingle,d as SubjectError};
+  `,c([i({type:Number,attribute:"order-index"})],w.prototype,"orderIndex",2),c([i({type:Boolean,attribute:"is-edit"})],w.prototype,"isEdit",2),c([i({type:Boolean,attribute:"is-save"})],w.prototype,"isSave",2),c([i({type:Boolean,attribute:"is-set"})],w.prototype,"isSet",2),c([i({type:Boolean,attribute:"is-key"})],w.prototype,"isKey",2),c([i({type:Boolean,attribute:"show-action"})],w.prototype,"showAction",2),c([i({type:Boolean,attribute:"show-add"})],w.prototype,"showAdd",2),c([i({type:Boolean,attribute:"show-answer-setting"})],w.prototype,"showAnswerSetting",2),c([i({type:Boolean,attribute:"show-key"})],w.prototype,"showKey",2),c([i({type:Boolean,attribute:"show-analysis"})],w.prototype,"showAnalysis",2),c([i({attribute:"question-type",reflect:!0})],w.prototype,"type",2),c([i({type:Number,attribute:"answer-check-type"})],w.prototype,"answerCheckType",2),c([i({type:Number,attribute:"exam-answer-relation-type"})],w.prototype,"examAnswerRelationType",2),c([i({type:String,attribute:"rich-text-content"})],w.prototype,"richTextContent",2),c([i({type:String})],w.prototype,"analysis",2),c([i({type:Number,attribute:"least-answer-count"})],w.prototype,"leastAnswerCount",2),c([i({type:String,attribute:"exam-expand"})],w.prototype,"examExpand",2),c([i({type:String,attribute:"custom-id"})],w.prototype,"customId",2),c([i({type:Number,attribute:"exam-id"})],w.prototype,"examId",2),c([i({type:String,attribute:"category-id"})],w.prototype,"categoryId",2),c([i({type:Object})],w.prototype,"uploadImage",2),c([i({type:Array,attribute:"answer-list"})],w.prototype,"answerList",1),c([i({type:Array,attribute:"tag-list"})],w.prototype,"tagList",2),c([i({type:Array,attribute:"category-list"})],w.prototype,"categoryList",2),c([i({type:String,attribute:"ai-answer"})],w.prototype,"aiAnswer",2),c([i({type:Array,attribute:"resource-list"})],w.prototype,"resourceList",2),c([i({type:Boolean,attribute:"show-tag"})],w.prototype,"showTag",2),c([i({type:Boolean,attribute:"show-category"})],w.prototype,"showCategory",2),c([i({type:Boolean,attribute:"show-ai"})],w.prototype,"showAi",2),c([i({type:Boolean,attribute:"show-resource"})],w.prototype,"showResource",2),c([i({type:Boolean,attribute:"show-jump"})],w.prototype,"showJump",2),c([i({type:Boolean,attribute:"has-jump"})],w.prototype,"hasJump",2),c([i({type:String,attribute:"search-api"})],w.prototype,"searchApi",2),c([i({type:Object})],w.prototype,"searchHandler",2),c([i({type:String,attribute:"model-value"})],w.prototype,"modelValue",2),c([i({type:Boolean,attribute:"use-model"})],w.prototype,"useModel",2),c([r()],w.prototype,"_answers",2),c([i({type:String})],w.prototype,"title",2),c([r()],w.prototype,"_title",2),c([r()],w.prototype,"_analysis",2),c([r()],w.prototype,"_richText",2),c([r()],w.prototype,"_showRichText",2),c([r()],w.prototype,"_leastAnswerCount",2),c([r()],w.prototype,"_answerCheckType",2),c([r()],w.prototype,"_isKey",2),c([r()],w.prototype,"_orderList",2),c([r()],w.prototype,"_selectedTagList",2),c([r()],w.prototype,"_categoryId",2),c([r()],w.prototype,"_searchResults",2),c([r()],w.prototype,"_searchOpen",2),c([r()],w.prototype,"_searchLoading",2),c([r()],w.prototype,"_resultDialogOpen",2),c([r()],w.prototype,"_resultDialogIndex",2),c([r()],w.prototype,"_resultDialogValue",2),c([r()],w.prototype,"_sortDropdownOpen",2),c([r()],w.prototype,"_imageViewerOpen",2),c([r()],w.prototype,"_imageViewerIndex",2),c([r()],w.prototype,"_videoViewerOpen",2),c([r()],w.prototype,"_correctHintDialogOpen",2),c([r()],w.prototype,"_hasShownCorrectHint",2),w=c([o("qxs-subject-single")],w);export{w as QxsSubjectSingle,h as SubjectError};
 //# sourceMappingURL=single.mjs.map