@qxs-bns/components-wc 0.0.30 → 0.0.31

package/lib/subject/text-fill.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"text-fill.cjs","sources":["../../../../packages/components-wc/src/subject/text-fill.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\nimport { type Category, type Resource, SubjectError, type TagItem, trimCommaSeparatedText, trimText } from './single'\nimport { renderSortingCard, sortingCardStyles } from './sorting-card'\nimport { joinSubjectTitle, resolveSubjectPrefix } from './title-prefix'\nimport { SubjectType, SubjectTypeLabel } from './types'\n\ninterface TextAnswer {\n  title: string\n  tag: string\n  showInput: boolean\n  answerId?: string | number\n  customAnswerId?: string | number\n}\n\ninterface TextAnswerSetting {\n  isInOrder?: boolean\n  isIgnoreCase?: boolean\n  keywordCount?: number\n}\n\nconst TAG_COLORS = [\n  { bg: '#ecf5ff', color: '#3D61E3', border: '#d9ecff' },\n  { bg: '#f0f9eb', color: '#67c23a', border: '#c2e7b0' },\n  { bg: '#fdf6ec', color: '#e6a23c', border: '#faecd8' },\n  { bg: '#fef0f0', color: '#f56c6c', border: '#fde2e2' },\n  { bg: '#f4f4f5', color: '#909399', border: '#e9e9eb' },\n]\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-text-fill')\nexport class QxsTextFill extends LitElement {\n  private readonly _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>`\n  private readonly _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\n  static styles = [sortingCardStyles, css`\n    :host { display: block; font-family: system-ui, -apple-system, \"PingFang SC\", \"Microsoft YaHei\", sans-serif; font-size: 12px; color: #5a5a5a; }\n    *, ::before, ::after { box-sizing: border-box; }\n\n    .preview { padding: 12px 0; }\n    .preview .title { font-size: 14px; color: #303133; }\n    .preview .rich-text { margin-top: 8px; }\n    .preview .rich-text img { max-width: 100%; }\n    .preview .rich-text img[data-align=\"left\"] { display: block !important; margin: 0 auto 0 0 !important; }\n    .preview .rich-text img[data-align=\"center\"] { display: block !important; margin: 0 auto !important; }\n    .preview .rich-text img[data-align=\"right\"] { display: block !important; margin: 0 0 0 auto !important; }\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 {\n      border: 1px solid #dcdfe6; border-radius: 3px; padding: 5px 11px;\n      font-size: 13px; font-family: inherit; width: 100%; resize: none; transition: border-color .2s;\n      line-height: 1.5; display: block; box-sizing: border-box;\n    }\n    textarea:focus { border-color: #3D61E3; outline: none; }\n    textarea:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }\n    .el-input { position: relative; display: block; }\n    .el-input textarea { padding-bottom: 24px; }\n    .el-input .char-counter {\n      position: absolute; right: 12px; bottom: 8px;\n      font-size: 12px; color: #909399; line-height: 1; pointer-events: none;\n    }\n\n    .answer-list { margin-top: 12px; }\n    .answer-item { display: flex; align-items: center; margin-top: 6px; border-radius: 4px; }\n    .answer-item .label { min-width: 60px; font-size: 13px; color: #909399; }\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    .answer-item .link { color: #3D61E3; cursor: pointer; font-size: 12px; white-space: nowrap; background: none; border: none; padding: 0; margin: 0; font-family: inherit; }\n    .answer-item .link:hover { color: #2D4CB8; }\n\n    .el-link { color: #3D61E3; cursor: pointer; font-size: 12px; background: none; border: none; padding: 0; margin: 0; font-family: inherit; line-height: 1; }\n    .el-link:hover { color: #2D4CB8; }\n    .el-link.danger { color: #f56c6c; }\n\n    .section-row { margin-top: 12px; }\n    .value-text { font-size: 13px; color: #606266; white-space: pre-wrap; }\n    .tag-list { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 32px; }\n    .tag-item {\n      display: inline-flex; align-items: center; gap: 4px;\n      padding: 4px 8px; font-size: 12px; line-height: 1;\n      color: #3D61E3; background: #ecf5ff; border: 1px solid #d9ecff; border-radius: 4px;\n    }\n    .tag-item .close { cursor: pointer; color: #909399; }\n    .tag-item .close:hover { color: #f56c6c; }\n    .tag-hint { font-size: 12px; color: #909399; }\n    .el-select {\n      width: 150px; height: 32px; border: 1px solid #dcdfe6; border-radius: 3px;\n      padding: 0 8px; font-size: 13px; background: #fff; appearance: none;\n      background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c0c4cc' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E\");\n      background-repeat: no-repeat; background-position: right 8px center;\n    }\n    .resource-summary { font-size: 12px; color: #606266; }\n    .resource-thumbs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }\n    .resource-thumb {\n      width: 72px; height: 72px; object-fit: cover; border-radius: 6px;\n      border: 1px solid #e4e7ed; background: #f5f7fa;\n    }\n  `]\n\n  @property({ type: Number, attribute: 'order-index' }) 'order-index' = 0\n  @property({ type: String, attribute: 'subject-prefix' }) 'subject-prefix'?: string\n  @property({ type: String }) title = ''\n  @property({ type: String, attribute: 'custom-id' }) 'custom-id' = ''\n  @property({ type: Boolean, attribute: 'is-edit' }) 'is-edit' = false\n  @property({ type: Boolean, attribute: 'is-save' }) 'is-save' = false\n  @property({ type: Boolean, attribute: 'is-set' }) 'is-set' = false\n  @property({ type: Boolean, attribute: 'is-key' }) 'is-key' = false\n  @property({ type: Boolean, attribute: 'show-action' }) 'show-action' = true\n  @property({ type: Boolean, attribute: 'show-add' }) 'show-add' = true\n  @property({ type: Boolean, attribute: 'hide-add-rich-text' }) 'hide-add-rich-text' = false\n  @property({ type: Boolean, attribute: 'show-rich-text' }) 'show-rich-text' = false\n  @property({ type: Boolean, attribute: 'show-delete-action' }) 'show-delete-action' = true\n  @property({ type: Boolean, attribute: 'show-save-action' }) 'show-save-action' = true\n  @property({ type: Boolean, reflect: true }) sorting = false\n  @property({ type: Boolean, attribute: 'show-answer-setting' }) 'show-answer-setting' = false\n  @property({ type: Boolean, attribute: 'show-analysis' }) 'show-analysis' = false\n  @property({ type: String, attribute: 'rich-text-content' }) 'rich-text-content' = ''\n  @property({ type: String }) analysis = ''\n  @property({ type: Number, attribute: 'exam-answer-relation-type' }) 'exam-answer-relation-type' = 0\n  @property({ type: String, attribute: 'exam-expand' }) 'exam-expand' = ''\n  @property({ type: Number, attribute: 'exam-id' }) 'exam-id' = 0\n  @property({ type: String, attribute: 'category-id' }) 'category-id' = ''\n  @property({ type: Object, attribute: 'exam-answer-setting' })\n  'exam-answer-setting': TextAnswerSetting = { isInOrder: false, isIgnoreCase: true }\n\n  @property({ type: Object, attribute: 'upload-image' })\n  'upload-image': (file: File) => Promise<string> = async (file: File) => {\n    return new Promise((resolve, reject) => {\n      const reader = new FileReader()\n      reader.onload = e => resolve(e.target?.result as string)\n      reader.onerror = reject\n      reader.readAsDataURL(file)\n    })\n  }\n\n  @property({ type: Array, attribute: 'answer-list' }) 'answer-list': any[] = []\n  @property({ type: Array, attribute: 'tag-list' }) 'tag-list': TagItem[] = []\n  @property({ type: Array, attribute: 'category-list' }) 'category-list': Category[] = []\n  @property({ type: Array, attribute: 'resource-list' }) 'resource-list': Resource[] = []\n  @property({ type: Boolean, attribute: 'show-tag' }) 'show-tag' = false\n  @property({ type: Boolean, attribute: 'show-category' }) 'show-category' = false\n  @property({ type: Boolean, attribute: 'show-resource' }) 'show-resource' = false\n  @property({ type: Object, attribute: 'search-handler' }) 'search-handler'?: (query: string, answerType: number) => Promise<any[]>\n\n  @property({ type: String, attribute: 'model-value' }) 'model-value' = ''\n  @property({ type: Boolean, attribute: 'use-model' }) 'use-model' = false\n\n  @state() private _answers: TextAnswer[] = [{ title: '', tag: '', showInput: false }]\n  @state() private _title = ''\n  @state() private _analysis = ''\n  @state() private _isInOrder = false\n  @state() private _isIgnoreCase = true\n  @state() private _keywordCount: number | null = null\n  @state() private _correct = ''\n  @state() private _showRichText = false\n  @state() private _richText = ''\n  @state() private _selectedTagList: TagItem[] = []\n  @state() private _categoryId = ''\n\n  private readonly TITLE_MAX = 200\n\n  willUpdate(changed: Map<string, unknown>) {\n    if (changed.has('is-edit') && this['is-edit']) { this._syncProps() }\n    if (!this['is-edit'] && (changed.has('title') || changed.has('answer-list') || changed.has('analysis') || changed.has('exam-answer-setting') || changed.has('rich-text-content') || changed.has('exam-expand') || changed.has('tag-list') || changed.has('category-id'))) {\n      this._syncProps()\n    }\n    if (changed.has('model-value') && this['use-model']) {\n      this._title = this['model-value']\n    }\n    if (changed.has('tag-list')) {\n      this._selectedTagList = Array.isArray(this['tag-list']) ? this['tag-list'].map(item => ({ ...item })) : []\n    }\n    if (changed.has('category-id')) {\n      this._categoryId = this['category-id'] ? String(this['category-id']) : ''\n    }\n  }\n\n  private _normalizeAnswerTitle(answer: any) {\n    return trimCommaSeparatedText(answer?.title ?? answer?.answer ?? '')\n  }\n\n  private _normalizedAnswerList(source: any[] = []) {\n    return (Array.isArray(source) ? source : []).map((answer: any) => ({\n      ...answer,\n      answerId: answer?.answerId ?? answer?.examAnswerId,\n      title: this._normalizeAnswerTitle(answer),\n    }))\n  }\n\n  private _filledAnswers(source: any[] = []) {\n    return source.filter(answer => this._normalizeAnswerTitle(answer))\n  }\n\n  private _readKeywordCount(setting?: TextAnswerSetting | null) {\n    if (!setting || setting.keywordCount === undefined || setting.keywordCount === null || setting.keywordCount === '') {\n      return null\n    }\n    return Number(setting.keywordCount)\n  }\n\n  private _syncProps() {\n    this._title = this.title || ''\n    this._analysis = this.analysis || ''\n    if (this['answer-list']?.length) {\n      this._answers = this._normalizedAnswerList(this['answer-list']).map((answer: any) => ({\n        title: answer.title || '',\n        tag: '',\n        showInput: false,\n        answerId: answer.answerId,\n        customAnswerId: answer.customAnswerId,\n      }))\n    }\n    else {\n      this._answers = [{ title: '', tag: '', showInput: false }]\n    }\n    this._isInOrder = !!this['exam-answer-setting']?.isInOrder\n    this._isIgnoreCase = this['exam-answer-setting']?.isIgnoreCase ?? true\n    this._keywordCount = this._readKeywordCount(this['exam-answer-setting'])\n    this._richText = this['rich-text-content'] || ''\n    this._showRichText = !!this['rich-text-content']\n    this._correct = this['exam-expand'] || ''\n    this._selectedTagList = Array.isArray(this['tag-list']) ? this['tag-list'].map(item => ({ ...item })) : []\n    this._categoryId = this['category-id'] ? String(this['category-id']) : ''\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    if (this['use-model']) {\n      this.dispatchEvent(new CustomEvent('update:modelValue', {\n        bubbles: true,\n        composed: true,\n        detail: this._title,\n      }))\n    }\n  }\n\n  private _addTag(index: number) {\n    const answer = { ...this._answers[index] }\n    if (answer.tag) {\n      answer.title = answer.title ? [answer.title, answer.tag].join(',') : answer.tag\n      answer.tag = ''\n    }\n    answer.showInput = false\n    this._answers = this._answers.map((item, currentIndex) => currentIndex === index ? answer : item)\n  }\n\n  private _closeTag(tag: string, index: number) {\n    const answer = { ...this._answers[index] }\n    answer.title = answer.title.split(',').filter(item => item !== tag).join(',')\n    this._answers = this._answers.map((item, currentIndex) => currentIndex === index ? answer : item)\n  }\n\n  private _addAnswer() {\n    this._answers = [...this._answers, { title: '', tag: '', showInput: false }]\n  }\n\n  private _deleteAnswer(index: number) {\n    if (this._answers.length < 2) { return }\n    this._answers = this._answers.filter((_, currentIndex) => currentIndex !== index)\n  }\n\n  private _onCategoryChange(value: string) {\n    this._categoryId = value\n    this._emit('category-change', {\n      value,\n      customId: this['custom-id'] || '',\n      examId: this['exam-id'] || 0,\n    })\n  }\n\n  private _imageResources() {\n    return (this['resource-list'] || [])\n      .filter(item => item.resourceType === 1)\n      .map(item => item.resource.middle || item.resource.url)\n      .filter(Boolean) as string[]\n  }\n\n  private _videoResource() {\n    return (this['resource-list'] || []).find(item => item.resourceType === 2)?.resource || null\n  }\n\n  private _categoryLabel() {\n    const matched = this['category-list'].find((item: any) => String(item.categoryId) === String(this._categoryId))\n    return matched?.title || matched?.categoryName || this._categoryId || '未选择分类'\n  }\n\n  private _validateState(options: {\n    row: any\n    title: string\n    answers: TextAnswer[]\n    correct: string\n    keywordCount: number | null\n  }) {\n    const { row, title, answers, correct, keywordCount } = options\n    if (!title) {\n      return new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row)\n    }\n\n    const filledAnswers = this._filledAnswers(answers)\n    const shouldValidateAnswers = !!correct || keywordCount !== null || filledAnswers.length > 0\n\n    if (!shouldValidateAnswers) { return null }\n    if (!correct) {\n      return new SubjectError('请输入问题正确答案!', 'NO_CORRECT_ANSWER', 'correct', row)\n    }\n    if (!keywordCount || keywordCount < 1) {\n      return new SubjectError('请完善答题设置!', 'NO_KEYWORD_COUNT', 'keywordCount', row)\n    }\n    if (!filledAnswers.length) {\n      return new SubjectError('请设置关键词', 'NO_KEYWORDS', 'answers', row)\n    }\n    if (keywordCount > filledAnswers.length) {\n      return new SubjectError('关键词个数设置有误!', 'KEYWORD_COUNT_MISMATCH', 'answers', row)\n    }\n    return null\n  }\n\n  async toJSON(): Promise<any> {\n    return new Promise((resolve, reject) => {\n      const row = { customId: this['custom-id'] || undefined, answerType: 'text_fill', orderIndex: this['order-index'] }\n\n      const title = trimText(this['is-edit'] ? this._title : this.title || '')\n      const answers = this['is-edit'] ? this._answers : this._normalizedAnswerList(this['answer-list'] || [])\n      const analysis = trimText(this['is-edit'] ? this._analysis : this.analysis || '')\n      const correct = trimText(this['is-edit'] ? this._correct : this['exam-expand'] || '')\n      const keywordCount = this['is-edit'] ? this._keywordCount : this._readKeywordCount(this['exam-answer-setting'])\n      const isInOrder = this['is-edit'] ? this._isInOrder : (this['exam-answer-setting']?.isInOrder ?? false)\n      const isIgnoreCase = this['is-edit'] ? this._isIgnoreCase : (this['exam-answer-setting']?.isIgnoreCase ?? true)\n      const showRichText = this['is-edit'] ? this._showRichText : !!this['rich-text-content']\n      const richText = this['is-edit'] ? this._richText : this['rich-text-content'] || ''\n      const validationError = this._validateState({ row, title, answers, correct, keywordCount })\n      if (validationError) {\n        reject(validationError)\n        return\n      }\n\n      const result: any = {\n        answerType: SubjectType.TEXT_FILL,\n        examTypeEnum: SubjectType.TEXT_FILL,\n        title,\n        answers: this._filledAnswers(answers).map((answer: any, index: number) => {\n          const title = this._normalizeAnswerTitle(answer)\n          const next: any = {\n            title,\n            answer: title,\n            orderIndex: index + 1,\n          }\n          if (answer.answerId) {\n            next.answerId = answer.answerId\n            next.examAnswerId = answer.answerId\n          }\n          if (answer.customAnswerId) {\n            next.customAnswerId = answer.customAnswerId\n          }\n          return next\n        }),\n        analysis,\n        isSetCorrectAnswer: !!correct,\n        isKey: this['is-key'],\n        examExpand: correct,\n        examAnswerSettingBO: {\n          isIgnoreCase,\n          isInOrder,\n          ...(keywordCount !== null ? { keywordCount } : {}),\n        },\n        examAnswerSettingVO: {\n          isIgnoreCase,\n          isInOrder,\n          ...(keywordCount !== null ? { keywordCount } : {}),\n        },\n        examRichTextContent: showRichText ? richText : '',\n      }\n      if (this['custom-id']) { result.customId = this['custom-id'] }\n      resolve(result)\n    })\n  }\n\n  private async _save(e?: Event) {\n    e?.stopImmediatePropagation()\n    try {\n      const data = await this.toJSON()\n      this._emit('save', data)\n    }\n    catch (err: any) {\n      showToast(err.message)\n    }\n  }\n\n  validate(): SubjectError[] {\n    const row = { customId: this['custom-id'] || undefined, answerType: 'text_fill', orderIndex: this['order-index'] }\n    const title = trimText(this['is-edit'] ? this._title : this.title || '')\n    const answers = this['is-edit'] ? this._answers : this._normalizedAnswerList(this['answer-list'] || [])\n    const correct = trimText(this['is-edit'] ? this._correct : this['exam-expand'] || '')\n    const keywordCount = this['is-edit'] ? this._keywordCount : this._readKeywordCount(this['exam-answer-setting'])\n    const validationError = this._validateState({ row, title, answers, correct, keywordCount })\n    return validationError ? [validationError] : []\n  }\n\n  private _renderPreview() {\n    const previewAnswers = this['is-edit'] ? this._answers : this._normalizedAnswerList(this['answer-list'] || [])\n    const previewCorrect = this['is-edit'] ? this._correct : (this['exam-expand'] || '')\n    const previewTitle = joinSubjectTitle(\n      resolveSubjectPrefix(this['subject-prefix'], `${this['order-index'] + 1}.`),\n      this.title,\n    )\n    return html`\n      <div class=\"preview\">\n        <span class=\"title\">${previewTitle}（问答题）</span>\n        ${this['show-rich-text'] && this['rich-text-content'] ? html`<div class=\"rich-text\" .innerHTML=${this['rich-text-content']}></div>` : ''}\n        ${this._filledAnswers(previewAnswers).length\n          ? html`\n          <div style=\"margin-top:8px;color:#a8abb2\">\n            ${this._filledAnswers(previewAnswers).map((answer, index) => html`<span style=\"margin-right:10px\">关键词${index + 1}: ${this._normalizeAnswerTitle(answer)}</span>`)}\n          </div>\n        `\n          : ''}\n        ${previewCorrect ? html`<div style=\"margin-top:8px;color:#a8abb2\">正确答案：${previewCorrect}</div>` : ''}\n        ${this.analysis ? html`<div style=\"color:#909399;font-size:12px;margin-top:8px\">解析: ${this.analysis}</div>` : ''}\n        ${this['show-category'] && this._categoryId\n          ? html`<div class=\"section-row\"><span class=\"value-text\">分类：${this._categoryLabel()}</span></div>`\n          : ''}\n        ${this._renderResourceSection()}\n      </div>\n    `\n  }\n\n  private _renderSorting() {\n    const title = trimText(this['is-edit'] ? this._title : this.title || '') || '未命名题目'\n    const orderText = joinSubjectTitle(\n      resolveSubjectPrefix(this['subject-prefix'], `${this['order-index'] + 1}. `),\n      title,\n    )\n    return renderSortingCard(orderText, SubjectTypeLabel[SubjectType.TEXT_FILL] || SubjectType.TEXT_FILL)\n  }\n\n  private _renderCategorySection() {\n    if (!this['show-category']) { return '' }\n    return html`\n      <div class=\"flex-items-start section-row\">\n        <div class=\"label\"><span>分类:</span></div>\n        <div style=\"flex:1\">\n          ${this['is-edit']\n            ? html`\n            <select class=\"el-select\" .value=${String(this._categoryId)}\n              @change=${(e: Event) => this._onCategoryChange((e.target as HTMLSelectElement).value)}>\n              <option value=\"\">选择分类</option>\n              ${this['category-list'].map((item: any) => html`\n                <option value=${String(item.categoryId)} ?selected=${String(item.categoryId) === String(this._categoryId)}>${item.title || item.categoryName}</option>\n              `)}\n            </select>\n          `\n            : html`<span class=\"value-text\">${this._categoryLabel()}</span>`}\n        </div>\n      </div>\n    `\n  }\n\n  private _renderResourceSection() {\n    if (!this['show-resource']) { return '' }\n    const images = this._imageResources()\n    const video = this._videoResource()\n    return html`\n      <div class=\"flex-items-start section-row\">\n        <div class=\"label\"><span>资源:</span></div>\n        <div style=\"flex:1\">\n          <div class=\"resource-summary\">图片 ${images.length} 张${video?.url ? '，含视频资源' : ''}</div>\n          ${images.length\n            ? html`\n            <div class=\"resource-thumbs\">\n              ${images.slice(0, 4).map(src => html`<img class=\"resource-thumb\" src=${src} alt=\"resource\" />`)}\n            </div>\n          `\n            : ''}\n          ${video?.url ? html`<div style=\"margin-top:8px\"><a class=\"el-link\" href=${video.url} target=\"_blank\" rel=\"noreferrer\">查看视频</a></div>` : ''}\n          ${!images.length && !video?.url ? html`<div class=\"tag-hint\">暂无资源</div>` : ''}\n        </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}\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 style=\"flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:8px\">\n          <span style=\"font-size:13px;color:#606266\">共答对</span>\n          <input\n            type=\"number\"\n            style=\"width:60px;height:24px;border:1px solid #dcdfe6;border-radius:3px;padding:0 8px;font-size:13px\"\n            .value=${this._keywordCount === null ? '' : String(this._keywordCount)}\n            min=\"1\"\n            @change=${(e: Event) => {\n              const value = (e.target as HTMLInputElement).value\n              this._keywordCount = value === '' ? null : Number(value)\n            }} />\n          <span style=\"font-size:13px;color:#606266\">个关键词，算是正确的</span>\n          <label style=\"display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:12px;color:#606266\">\n            <input type=\"checkbox\" .checked=${this._isInOrder}\n              @change=${(e: Event) => { this._isInOrder = (e.target as HTMLInputElement).checked }} />\n            答案不分顺序\n          </label>\n          <label style=\"display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:12px;color:#606266\">\n            <input type=\"checkbox\" .checked=${this._isIgnoreCase}\n              @change=${(e: Event) => { this._isIgnoreCase = (e.target as HTMLInputElement).checked }} />\n            忽略大小写\n          </label>\n        </div>\n      </div>\n\n      <slot name=\"business-tag\"></slot>\n\n      ${this._renderCategorySection()}\n\n      ${this._renderResourceSection()}\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._correct}\n              maxlength=\"200\"\n              @input=${(e: Event) => { this._correct = (e.target as HTMLTextAreaElement).value }}\n              placeholder=\"请输入正确答案\"></textarea>\n            <span class=\"char-counter\">${this._correct.length}/200</span>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"answer-list\" style=\"margin-top:12px\">\n        <span style=\"padding-left:60px;font-size:12px;color:#909399\">*如遇包含特殊字符的关键词，需添加多个同义词，例：'CO₂'需添加同义词'CO2'</span>\n        ${this._answers.map((answer, index) => html`\n          <div class=\"answer-item\">\n            <span class=\"label\">关键词${index + 1}:</span>\n            <div class=\"answer-tags\" style=\"display:flex;flex-wrap:wrap;gap:5px;align-items:center;flex:1;max-width:360px\">\n              ${answer.title.split(',').filter(Boolean).map((tag) => {\n                const color = TAG_COLORS[index % TAG_COLORS.length]\n                return html`\n                <span style=\"display:inline-flex;align-items:center;background:${color.bg};color:${color.color};border:1px solid ${color.border};border-radius:3px;padding:2px 8px;font-size:12px;line-height:16px\">\n                  ${tag}\n                  <span style=\"cursor:pointer;margin-left:4px;color:#909399\" @click=${() => this._closeTag(tag, index)}>×</span>\n                </span>\n              `\n              })}\n              ${html`\n                ${answer.showInput\n                  ? html`\n                  <input type=\"text\" style=\"width:80px;height:24px;border:1px solid #dcdfe6;border-radius:3px;padding:0 8px;font-size:12px\"\n                    @keydown=${(e: KeyboardEvent) => {\n                      if (e.key === 'Enter') { this._addTag(index) }\n                    }}\n                    @input=${(e: Event) => { answer.tag = (e.target as HTMLInputElement).value }}\n                    @blur=${() => this._addTag(index)} />\n                  <button class=\"el-link\" @click=${() => this._addTag(index)}>确认</button>\n                `\n                  : html`\n                  <button class=\"link\" @click=${() => { this._answers = this._answers.map((item, currentIndex) => currentIndex === index ? { ...item, showInput: true } : item); this.updateComplete.then(() => { (this.shadowRoot?.querySelector('input[style*=\\\"width:80px\\\"]') as HTMLInputElement)?.focus() }) }}>\n                    ${answer.title ? '添加同义词' : '添加关键词'}\n                  </button>\n                `}\n              `}\n            </div>\n            <span class=\"icon\" @click=${() => this._addAnswer()}>${this._iconPlus}</span>\n            <span class=\"icon ${this._answers.length < 2 ? 'disabled' : ''}\" @click=${() => this._deleteAnswer(index)}>${this._iconRemove}</span>\n          </div>\n        `)}\n      </div>\n\n      ${this['show-rich-text'] && 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            <slot name=\"sub-text\">\n              <qxs-blocksuite-editor\n                .content=${this._richText}\n                .upload-image=${this['upload-image']}\n                ?is-edit=${true}\n                @input=${(e: CustomEvent) => { this._richText = (e.target as any).getContent() }}\n              ></qxs-blocksuite-editor>\n            </slot>\n            ${!this['show-action']\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      ${this['show-analysis']\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            <div class=\"el-input\">\n              <textarea rows=\"2\" .value=${this._analysis}\n                @input=${(e: Event) => { this._analysis = (e.target as HTMLTextAreaElement).value }}\n                placeholder=\"请输入题目解析\"></textarea>\n            </div>\n          </div>\n        </div>\n      `\n        : ''}\n    `\n  }\n\n  render() {\n    if (this.sorting) {\n      return this._renderSorting()\n    }\n\n    const content = this['is-edit']\n      ? html`<div slot=\"edit\">${this._renderEdit()}</div>`\n      : html`<div slot=\"preview\">${this._renderPreview()}</div>`\n\n    return html`\n      <qxs-subject-layout .show-edit=${this['is-edit']}>\n        ${content}\n        ${this['show-action']\n          ? html`\n          <qxs-subject-action\n            .is-edit=${this['is-edit']}\n            .is-set=${this['is-set']}\n            .show-add=${this['show-add']}\n            .show-rich-text=${this['show-rich-text'] && this._showRichText}\n            .hide-add-rich-text=${!this['show-rich-text'] || this['hide-add-rich-text']}\n            .show-delete-action=${this['show-delete-action']}\n            .show-save-action=${this['show-save-action']}\n            exam-answer-relation-type=${this['exam-answer-relation-type']}\n            @delete=${() => this._emit('delete')}\n            @save=${this._save}\n            @edit=${() => this._emit('edit')}\n            @add=${(e: CustomEvent) => this._emit('add', e.detail)}\n            @set-key=${(e: CustomEvent) => { this._emit('set-key', e.detail) }}\n            @on-show-rich-text=${() => {\n              this._showRichText = !this._showRichText\n              if (!this._showRichText) {\n                this._richText = ''\n              }\n            }}\n          ></qxs-subject-action>\n        `\n          : ''}\n        <slot name=\"action\"></slot>\n      </qxs-subject-layout>\n    `\n  }\n}\n\nexport function register() {}\n"],"names":["TAG_COLORS","bg","color","border","QxsTextFill","LitElement","constructor","super","arguments","this","_iconPlus","html","_iconRemove","title","sorting","analysis","isInOrder","isIgnoreCase","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_answers","tag","showInput","_title","_analysis","_isInOrder","_isIgnoreCase","_keywordCount","_correct","_showRichText","_richText","_selectedTagList","_categoryId","TITLE_MAX","willUpdate","changed","has","_syncProps","Array","isArray","map","item","String","_normalizeAnswerTitle","answer","trimCommaSeparatedText","_normalizedAnswerList","source","length","undefined","answerId","examAnswerId","_filledAnswers","filter","_readKeywordCount","setting","keywordCount","Number","customAnswerId","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_onTitleInput","el","value","slice","_addTag","index","join","currentIndex","_closeTag","split","_addAnswer","_deleteAnswer","_","_onCategoryChange","customId","examId","_imageResources","resourceType","resource","middle","url","Boolean","_videoResource","find","_categoryLabel","matched","categoryId","categoryName","_validateState","options","row","answers","correct","SubjectError","filledAnswers","toJSON","answerType","orderIndex","trimText","showRichText","richText","validationError","SubjectType","TEXT_FILL","examTypeEnum","next","isSetCorrectAnswer","isKey","examExpand","examAnswerSettingBO","examAnswerSettingVO","examRichTextContent","_save","stopImmediatePropagation","data","err","msg","document","createElement","textContent","Object","assign","style","position","top","left","transform","padding","borderRadius","fontSize","background","zIndex","boxShadow","transition","opacity","body","appendChild","setTimeout","remove","showToast","message","validate","_renderPreview","previewAnswers","previewCorrect","previewTitle","joinSubjectTitle","resolveSubjectPrefix","_renderResourceSection","_renderSorting","orderText","renderSortingCard","SubjectTypeLabel","_renderCategorySection","images","video","src","_renderEdit","checked","key","updateComplete","then","shadowRoot","querySelector","focus","getContent","render","content","styles","sortingCardStyles","css","__decorateClass","property","type","attribute","prototype","reflect","state","safeCustomElement"],"mappings":"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"}
+{"version":3,"file":"text-fill.cjs","sources":["../../../../packages/components-wc/src/subject/text-fill.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\nimport { SUB_TEXT_EDITOR_TOOLBAR } from '../editor/toolbar'\nimport { buildSubjectPreviewTitle, buildSubjectSortingTitle, emitSubjectEvent, emitSubjectModelValue, getSubjectImageResources, getSubjectVideoResource, resolveSubjectCategoryLabel, showSubjectToast } from './shared-methods'\nimport { subjectControlResetStyles, subjectFormBaseStyles, subjectHostStyles, subjectPreviewBaseStyles, subjectTextareaStyles } from './shared-styles'\nimport { type Category, type Resource, SubjectError, type TagItem, trimCommaSeparatedText, trimText } from './single'\nimport { renderSortingCard, sortingCardStyles } from './sorting-card'\nimport { SubjectType, SubjectTypeLabel } from './types'\n\ninterface TextAnswer {\n  title: string\n  tag: string\n  showInput: boolean\n  answerId?: string | number\n  customAnswerId?: string | number\n}\n\ninterface TextAnswerSetting {\n  isInOrder?: boolean\n  isIgnoreCase?: boolean\n  keywordCount?: number\n}\n\nconst TAG_COLORS = [\n  { bg: '#ecf5ff', color: '#3D61E3', border: '#d9ecff' },\n  { bg: '#f0f9eb', color: '#67c23a', border: '#c2e7b0' },\n  { bg: '#fdf6ec', color: '#e6a23c', border: '#faecd8' },\n  { bg: '#fef0f0', color: '#f56c6c', border: '#fde2e2' },\n  { bg: '#f4f4f5', color: '#909399', border: '#e9e9eb' },\n]\n\n@safeCustomElement('qxs-text-fill')\nexport class QxsTextFill extends LitElement {\n  private readonly _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>`\n  private readonly _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\n  static styles = [sortingCardStyles, subjectHostStyles, subjectControlResetStyles, subjectPreviewBaseStyles, subjectFormBaseStyles, subjectTextareaStyles, css`\n    .preview-keyword-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 16px;\n    }\n    .preview-answer-key {\n      display: inline-flex;\n      align-items: center;\n      padding: 2px 10px;\n      border-radius: 999px;\n      background: #f3f6fb;\n      font-size: 12px;\n      line-height: 1.6;\n      font-weight: 500;\n      color: #6b7280;\n    }\n    .preview-answer-body {\n      position: relative;\n      margin-top: 16px;\n      padding-left: 16px;\n      font-size: 14px;\n      line-height: 1.85;\n      font-weight: 600;\n      color: #3c4758;\n      white-space: pre-wrap;\n    }\n    .preview-answer-body::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0.72em;\n      width: 6px;\n      height: 6px;\n      border-radius: 999px;\n      background: #c9d5ff;\n    }\n    .preview-analysis {\n      margin-top: 20px;\n      padding-left: 10px;\n      border-left: 2px solid #e5eaf3;\n      font-size: 13px;\n      line-height: 1.8;\n      color: #6b7280;\n    }\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    .edit-inline {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 8px 14px;\n      min-height: 32px;\n    }\n    .setting-copy {\n      font-size: 13px;\n      color: #606266;\n    }\n    .setting-number {\n      width: 68px;\n      height: 32px;\n      border: 1px solid #dcdfe6;\n      border-radius: 6px;\n      padding: 0 10px;\n      font-size: 13px;\n      line-height: 32px;\n      font-family: inherit;\n    }\n    .setting-number:focus {\n      border-color: #3D61E3;\n      outline: none;\n    }\n    .setting-toggle {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      color: #606266;\n      user-select: none;\n    }\n    .edit-note {\n      margin-bottom: 8px;\n      font-size: 12px;\n      line-height: 1.6;\n      color: #909399;\n    }\n\n    .answer-list { display: flex; flex-direction: column; gap: 10px; }\n    .answer-item {\n      display: grid;\n      grid-template-columns: 76px minmax(0, 1fr) auto auto;\n      gap: 8px;\n      align-items: center;\n      border-radius: 4px;\n    }\n    .answer-item-label {\n      min-width: 0;\n      font-size: 13px;\n      line-height: 1.5;\n      font-weight: 600;\n      color: #6b7280;\n      letter-spacing: 0;\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    .answer-item .link { color: #3D61E3; cursor: pointer; font-size: 12px; white-space: nowrap; background: none; border: none; padding: 0; margin: 0; font-family: inherit; }\n    .answer-item .link:hover { color: #2D4CB8; }\n\n    .el-link { color: #3D61E3; cursor: pointer; font-size: 12px; background: none; border: none; padding: 0; margin: 0; font-family: inherit; line-height: 1; }\n    .el-link:hover { color: #2D4CB8; }\n    .el-link.danger { color: #f56c6c; }\n\n    .value-text { font-size: 13px; color: #606266; white-space: pre-wrap; }\n    .tag-list { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 32px; }\n    .tag-item {\n      display: inline-flex; align-items: center; gap: 4px;\n      padding: 4px 8px; font-size: 12px; line-height: 1;\n      color: #3D61E3; background: #ecf5ff; border: 1px solid #d9ecff; border-radius: 4px;\n    }\n    .tag-item .close { cursor: pointer; color: #909399; }\n    .tag-item .close:hover { color: #f56c6c; }\n    .tag-hint { font-size: 12px; color: #909399; }\n    .el-select {\n      width: 150px; height: 34px; border: 1px solid #dcdfe6; border-radius: 6px;\n      padding: 0 8px; font-size: 13px; background: #fff; appearance: none;\n      background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c0c4cc' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E\");\n      background-repeat: no-repeat; background-position: right 8px center;\n    }\n    .resource-summary { font-size: 12px; color: #606266; }\n    .resource-thumbs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }\n    .resource-thumb {\n      width: 72px; height: 72px; object-fit: cover; border-radius: 6px;\n      border: 1px solid #e4e7ed; background: #f5f7fa;\n    }\n    .answer-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 6px;\n      align-items: center;\n      flex: 1;\n      max-width: 420px;\n      min-height: 28px;\n    }\n    .keyword-section { display: flex; flex-direction: column; gap: 10px; }\n    .keyword-section-row > .label { padding-top: 0; }\n    .keyword-input {\n      width: 88px;\n      height: 28px;\n      border: 1px solid #dcdfe6;\n      border-radius: 6px;\n      padding: 0 8px;\n      font-size: 12px;\n      font-family: inherit;\n    }\n    .keyword-input:focus {\n      border-color: #3D61E3;\n      outline: none;\n    }\n\n    @media (max-width: 720px) {\n      .edit-row,\n      .section-row {\n        flex-direction: column;\n        gap: 8px;\n      }\n\n      .edit-row > .label,\n      .section-row > .label {\n        min-width: 0;\n        padding-top: 0;\n      }\n\n      .answer-item-label {\n        min-width: 0;\n      }\n\n      .answer-tags {\n        max-width: none;\n      }\n    }\n  `]\n\n  @property({ type: Number, attribute: 'order-index' }) 'order-index' = 0\n  @property({ type: String, attribute: 'subject-prefix' }) 'subject-prefix'?: string\n  @property({ type: String }) title = ''\n  @property({ type: String, attribute: 'custom-id' }) 'custom-id' = ''\n  @property({ type: Boolean, attribute: 'is-edit' }) 'is-edit' = false\n  @property({ type: Boolean, attribute: 'is-save' }) 'is-save' = false\n  @property({ type: Boolean, attribute: 'is-set' }) 'is-set' = false\n  @property({ type: Boolean, attribute: 'is-key' }) 'is-key' = false\n  @property({ type: Boolean, attribute: 'show-action' }) 'show-action' = true\n  @property({ type: Boolean, attribute: 'show-add' }) 'show-add' = true\n  @property({ type: Boolean, attribute: 'hide-add-rich-text' }) 'hide-add-rich-text' = false\n  @property({ type: Boolean, attribute: 'show-rich-text' }) 'show-rich-text' = false\n  @property({ type: Boolean, attribute: 'show-delete-action' }) 'show-delete-action' = true\n  @property({ type: Boolean, attribute: 'show-save-action' }) 'show-save-action' = true\n  @property({ type: Boolean, reflect: true }) sorting = false\n  @property({ type: Boolean, attribute: 'show-answer-setting' }) 'show-answer-setting' = false\n  @property({ type: Boolean, attribute: 'show-analysis' }) 'show-analysis' = false\n  @property({ type: String, attribute: 'rich-text-content' }) 'rich-text-content' = ''\n  @property({ type: String }) analysis = ''\n  @property({ type: Number, attribute: 'exam-answer-relation-type' }) 'exam-answer-relation-type' = 0\n  @property({ type: String, attribute: 'exam-expand' }) 'exam-expand' = ''\n  @property({ type: Number, attribute: 'exam-id' }) 'exam-id' = 0\n  @property({ type: String, attribute: 'category-id' }) 'category-id' = ''\n  @property({ type: Object, attribute: 'exam-answer-setting' })\n  'exam-answer-setting': TextAnswerSetting = { isInOrder: false, isIgnoreCase: true }\n\n  @property({ type: Object, attribute: 'upload-image' })\n  'upload-image': (file: File) => Promise<string> = async (file: File) => {\n    return new Promise((resolve, reject) => {\n      const reader = new FileReader()\n      reader.onload = e => resolve(e.target?.result as string)\n      reader.onerror = reject\n      reader.readAsDataURL(file)\n    })\n  }\n\n  @property({ type: Array, attribute: 'answer-list' }) 'answer-list': any[] = []\n  @property({ type: Array, attribute: 'tag-list' }) 'tag-list': TagItem[] = []\n  @property({ type: Array, attribute: 'category-list' }) 'category-list': Category[] = []\n  @property({ type: Array, attribute: 'resource-list' }) 'resource-list': Resource[] = []\n  @property({ type: Boolean, attribute: 'show-tag' }) 'show-tag' = false\n  @property({ type: Boolean, attribute: 'show-category' }) 'show-category' = false\n  @property({ type: Boolean, attribute: 'show-resource' }) 'show-resource' = false\n  @property({ type: Object, attribute: 'search-handler' }) 'search-handler'?: (query: string, answerType: number) => Promise<any[]>\n\n  @property({ type: String, attribute: 'model-value' }) 'model-value' = ''\n  @property({ type: Boolean, attribute: 'use-model' }) 'use-model' = false\n\n  @state() private _answers: TextAnswer[] = [{ title: '', tag: '', showInput: false }]\n  @state() private _title = ''\n  @state() private _analysis = ''\n  @state() private _isInOrder = false\n  @state() private _isIgnoreCase = true\n  @state() private _keywordCount: number | null = null\n  @state() private _correct = ''\n  @state() private _showRichText = false\n  @state() private _richText = ''\n  @state() private _selectedTagList: TagItem[] = []\n  @state() private _categoryId = ''\n\n  private readonly TITLE_MAX = 200\n\n  willUpdate(changed: Map<string, unknown>) {\n    if (changed.has('is-edit') && this['is-edit']) { this._syncProps() }\n    if (!this['is-edit'] && (changed.has('title') || changed.has('answer-list') || changed.has('analysis') || changed.has('exam-answer-setting') || changed.has('rich-text-content') || changed.has('exam-expand') || changed.has('tag-list') || changed.has('category-id'))) {\n      this._syncProps()\n    }\n    if (changed.has('model-value') && this['use-model']) {\n      this._title = this['model-value']\n    }\n    if (changed.has('tag-list')) {\n      this._selectedTagList = Array.isArray(this['tag-list']) ? this['tag-list'].map(item => ({ ...item })) : []\n    }\n    if (changed.has('category-id')) {\n      this._categoryId = this['category-id'] ? String(this['category-id']) : ''\n    }\n  }\n\n  private _normalizeAnswerTitle(answer: any) {\n    return trimCommaSeparatedText(answer?.title ?? answer?.answer ?? '')\n  }\n\n  private _normalizedAnswerList(source: any[] = []) {\n    return (Array.isArray(source) ? source : []).map((answer: any) => ({\n      ...answer,\n      answerId: answer?.answerId ?? answer?.examAnswerId,\n      title: this._normalizeAnswerTitle(answer),\n    }))\n  }\n\n  private _filledAnswers(source: any[] = []) {\n    return source.filter(answer => this._normalizeAnswerTitle(answer))\n  }\n\n  private _previewKeywordItems(source: any[] = []) {\n    return this._filledAnswers(source)\n      .flatMap((answer) => {\n        return this._normalizeAnswerTitle(answer)\n          .split(',')\n          .map(item => item.trim())\n          .filter(Boolean)\n      })\n  }\n\n  private _readKeywordCount(setting?: TextAnswerSetting | null) {\n    if (!setting || setting.keywordCount === undefined || setting.keywordCount === null || setting.keywordCount === '') {\n      return null\n    }\n    return Number(setting.keywordCount)\n  }\n\n  private _syncProps() {\n    this._title = this.title || ''\n    this._analysis = this.analysis || ''\n    if (this['answer-list']?.length) {\n      this._answers = this._normalizedAnswerList(this['answer-list']).map((answer: any) => ({\n        title: answer.title || '',\n        tag: '',\n        showInput: false,\n        answerId: answer.answerId,\n        customAnswerId: answer.customAnswerId,\n      }))\n    }\n    else {\n      this._answers = [{ title: '', tag: '', showInput: false }]\n    }\n    this._isInOrder = !!this['exam-answer-setting']?.isInOrder\n    this._isIgnoreCase = this['exam-answer-setting']?.isIgnoreCase ?? true\n    this._keywordCount = this._readKeywordCount(this['exam-answer-setting'])\n    this._richText = this['rich-text-content'] || ''\n    this._showRichText = !!this['rich-text-content']\n    this._correct = this['exam-expand'] || ''\n    this._selectedTagList = Array.isArray(this['tag-list']) ? this['tag-list'].map(item => ({ ...item })) : []\n    this._categoryId = this['category-id'] ? String(this['category-id']) : ''\n  }\n\n  private _emit(name: string, detail?: unknown) {\n    emitSubjectEvent(this, name, detail)\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    if (this['use-model']) {\n      emitSubjectModelValue(this, this._title)\n    }\n  }\n\n  private _addTag(index: number) {\n    const answer = { ...this._answers[index] }\n    if (answer.tag) {\n      answer.title = answer.title ? [answer.title, answer.tag].join(',') : answer.tag\n      answer.tag = ''\n    }\n    answer.showInput = false\n    this._answers = this._answers.map((item, currentIndex) => currentIndex === index ? answer : item)\n  }\n\n  private _closeTag(tag: string, index: number) {\n    const answer = { ...this._answers[index] }\n    answer.title = answer.title.split(',').filter(item => item !== tag).join(',')\n    this._answers = this._answers.map((item, currentIndex) => currentIndex === index ? answer : item)\n  }\n\n  private _addAnswer() {\n    this._answers = [...this._answers, { title: '', tag: '', showInput: false }]\n  }\n\n  private _deleteAnswer(index: number) {\n    if (this._answers.length < 2) { return }\n    this._answers = this._answers.filter((_, currentIndex) => currentIndex !== index)\n  }\n\n  private _onCategoryChange(value: string) {\n    this._categoryId = value\n    this._emit('category-change', {\n      value,\n      customId: this['custom-id'] || '',\n      examId: this['exam-id'] || 0,\n    })\n  }\n\n  private _imageResources() {\n    return getSubjectImageResources(this['resource-list'] || [])\n  }\n\n  private _videoResource() {\n    return getSubjectVideoResource(this['resource-list'] || [])\n  }\n\n  private _categoryLabel() {\n    return resolveSubjectCategoryLabel(this['category-list'], this._categoryId)\n  }\n\n  private _validateState(options: {\n    row: any\n    title: string\n    answers: TextAnswer[]\n    correct: string\n    keywordCount: number | null\n  }) {\n    const { row, title, answers, correct, keywordCount } = options\n    if (!title) {\n      return new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row)\n    }\n\n    const filledAnswers = this._filledAnswers(answers)\n    const shouldValidateAnswers = !!correct || keywordCount !== null || filledAnswers.length > 0\n\n    if (!shouldValidateAnswers) { return null }\n    if (!correct) {\n      return new SubjectError('请输入问题正确答案!', 'NO_CORRECT_ANSWER', 'correct', row)\n    }\n    if (!keywordCount || keywordCount < 1) {\n      return new SubjectError('请完善答题设置!', 'NO_KEYWORD_COUNT', 'keywordCount', row)\n    }\n    if (!filledAnswers.length) {\n      return new SubjectError('请设置关键词', 'NO_KEYWORDS', 'answers', row)\n    }\n    if (keywordCount > filledAnswers.length) {\n      return new SubjectError('关键词个数设置有误!', 'KEYWORD_COUNT_MISMATCH', 'answers', row)\n    }\n    return null\n  }\n\n  async toJSON(): Promise<any> {\n    return new Promise((resolve, reject) => {\n      const row = { customId: this['custom-id'] || undefined, answerType: 'text_fill', orderIndex: this['order-index'] }\n\n      const title = trimText(this['is-edit'] ? this._title : this.title || '')\n      const answers = this['is-edit'] ? this._answers : this._normalizedAnswerList(this['answer-list'] || [])\n      const analysis = trimText(this['is-edit'] ? this._analysis : this.analysis || '')\n      const correct = trimText(this['is-edit'] ? this._correct : this['exam-expand'] || '')\n      const keywordCount = this['is-edit'] ? this._keywordCount : this._readKeywordCount(this['exam-answer-setting'])\n      const isInOrder = this['is-edit'] ? this._isInOrder : (this['exam-answer-setting']?.isInOrder ?? false)\n      const isIgnoreCase = this['is-edit'] ? this._isIgnoreCase : (this['exam-answer-setting']?.isIgnoreCase ?? true)\n      const showRichText = this['is-edit'] ? this._showRichText : !!this['rich-text-content']\n      const richText = this['is-edit'] ? this._richText : this['rich-text-content'] || ''\n      const validationError = this._validateState({ row, title, answers, correct, keywordCount })\n      if (validationError) {\n        reject(validationError)\n        return\n      }\n\n      const result: any = {\n        answerType: SubjectType.TEXT_FILL,\n        examTypeEnum: SubjectType.TEXT_FILL,\n        title,\n        answers: this._filledAnswers(answers).map((answer: any, index: number) => {\n          const title = this._normalizeAnswerTitle(answer)\n          const next: any = {\n            title,\n            answer: title,\n            orderIndex: index + 1,\n          }\n          if (answer.answerId) {\n            next.answerId = answer.answerId\n            next.examAnswerId = answer.answerId\n          }\n          if (answer.customAnswerId) {\n            next.customAnswerId = answer.customAnswerId\n          }\n          return next\n        }),\n        analysis,\n        isSetCorrectAnswer: !!correct,\n        isKey: this['is-key'],\n        examExpand: correct,\n        examAnswerSettingBO: {\n          isIgnoreCase,\n          isInOrder,\n          ...(keywordCount !== null ? { keywordCount } : {}),\n        },\n        examAnswerSettingVO: {\n          isIgnoreCase,\n          isInOrder,\n          ...(keywordCount !== null ? { keywordCount } : {}),\n        },\n        examRichTextContent: showRichText ? richText : '',\n      }\n      if (this['custom-id']) { result.customId = this['custom-id'] }\n      resolve(result)\n    })\n  }\n\n  private async _save(e?: Event) {\n    e?.stopImmediatePropagation()\n    try {\n      const data = await this.toJSON()\n      this._emit('save', data)\n    }\n    catch (err: any) {\n      showSubjectToast(err.message)\n    }\n  }\n\n  validate(): SubjectError[] {\n    const row = { customId: this['custom-id'] || undefined, answerType: 'text_fill', orderIndex: this['order-index'] }\n    const title = trimText(this['is-edit'] ? this._title : this.title || '')\n    const answers = this['is-edit'] ? this._answers : this._normalizedAnswerList(this['answer-list'] || [])\n    const correct = trimText(this['is-edit'] ? this._correct : this['exam-expand'] || '')\n    const keywordCount = this['is-edit'] ? this._keywordCount : this._readKeywordCount(this['exam-answer-setting'])\n    const validationError = this._validateState({ row, title, answers, correct, keywordCount })\n    return validationError ? [validationError] : []\n  }\n\n  private _renderPreview() {\n    const previewAnswers = this['is-edit'] ? this._answers : this._normalizedAnswerList(this['answer-list'] || [])\n    const previewCorrect = this['is-edit'] ? this._correct : (this['exam-expand'] || '')\n    const previewTitle = buildSubjectPreviewTitle(this['subject-prefix'], this['order-index'], this.title)\n    const previewKeywords = this._previewKeywordItems(previewAnswers)\n    return html`\n      <div class=\"preview\">\n        <div class=\"preview-header\">\n          <div class=\"preview-title-row\">\n            <span class=\"title\">${previewTitle}</span>\n            <span class=\"preview-type\">问答题</span>\n          </div>\n          ${this['show-rich-text'] && this['rich-text-content'] ? html`<div class=\"rich-text\" .innerHTML=${this['rich-text-content']}></div>` : ''}\n        </div>\n        ${previewKeywords.length\n          ? html`\n          <div class=\"preview-keyword-list\">\n            ${previewKeywords.map((keyword) => html`\n              <span class=\"preview-answer-key\">${keyword}</span>\n            `)}\n          </div>\n        `\n          : ''}\n        ${previewCorrect ? html`<div class=\"preview-answer-body\">${previewCorrect}</div>` : ''}\n        ${this.analysis ? html`<div class=\"preview-analysis\">${this.analysis}</div>` : ''}\n        ${this['show-category'] && this._categoryId\n          ? html`<div class=\"section-row\"><span class=\"value-text\">分类：${this._categoryLabel()}</span></div>`\n          : ''}\n        ${this._renderResourceSection()}\n      </div>\n    `\n  }\n\n  private _renderSorting() {\n    const title = trimText(this['is-edit'] ? this._title : this.title || '') || '未命名题目'\n    const orderText = buildSubjectSortingTitle(this['subject-prefix'], this['order-index'], title)\n    return renderSortingCard(orderText, SubjectTypeLabel[SubjectType.TEXT_FILL] || SubjectType.TEXT_FILL)\n  }\n\n  private _renderCategorySection() {\n    if (!this['show-category']) { return '' }\n    return html`\n      <div class=\"flex-items-start section-row\">\n        <div class=\"label\"><span>分类:</span></div>\n        <div style=\"flex:1\">\n          ${this['is-edit']\n            ? html`\n            <select class=\"el-select\" .value=${String(this._categoryId)}\n              @change=${(e: Event) => this._onCategoryChange((e.target as HTMLSelectElement).value)}>\n              <option value=\"\">选择分类</option>\n              ${this['category-list'].map((item: any) => html`\n                <option value=${String(item.categoryId)} ?selected=${String(item.categoryId) === String(this._categoryId)}>${item.title || item.categoryName}</option>\n              `)}\n            </select>\n          `\n            : html`<span class=\"value-text\">${this._categoryLabel()}</span>`}\n        </div>\n      </div>\n    `\n  }\n\n  private _renderResourceSection() {\n    if (!this['show-resource']) { return '' }\n    const images = this._imageResources()\n    const video = this._videoResource()\n    return html`\n      <div class=\"flex-items-start section-row\">\n        <div class=\"label\"><span>资源:</span></div>\n        <div style=\"flex:1\">\n          <div class=\"resource-summary\">图片 ${images.length} 张${video?.url ? '，含视频资源' : ''}</div>\n          ${images.length\n            ? html`\n            <div class=\"resource-thumbs\">\n              ${images.slice(0, 4).map(src => html`<img class=\"resource-thumb\" src=${src} alt=\"resource\" />`)}\n            </div>\n          `\n            : ''}\n          ${video?.url ? html`<div style=\"margin-top:8px\"><a class=\"el-link\" href=${video.url} target=\"_blank\" rel=\"noreferrer\">查看视频</a></div>` : ''}\n          ${!images.length && !video?.url ? html`<div class=\"tag-hint\">暂无资源</div>` : ''}\n        </div>\n      </div>\n    `\n  }\n\n  private _renderEdit() {\n    return html`\n      <div class=\"edit-form\">\n        <div class=\"edit-row\">\n          <div class=\"label\"><span>题目:</span></div>\n          <div class=\"row-body\">\n            <div class=\"el-input\">\n              <textarea rows=\"2\" .value=${this._title}\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=\"edit-row section-row\">\n          <div class=\"label\"><span>答题设置:</span></div>\n          <div class=\"row-body edit-inline\">\n            <span class=\"setting-copy\">共答对</span>\n            <input\n              type=\"number\"\n              class=\"setting-number\"\n              .value=${this._keywordCount === null ? '' : String(this._keywordCount)}\n              min=\"1\"\n              @change=${(e: Event) => {\n                const value = (e.target as HTMLInputElement).value\n                this._keywordCount = value === '' ? null : Number(value)\n              }} />\n            <span class=\"setting-copy\">个关键词，算是正确的</span>\n            <label class=\"setting-toggle\">\n              <input type=\"checkbox\" .checked=${this._isInOrder}\n                @change=${(e: Event) => { this._isInOrder = (e.target as HTMLInputElement).checked }} />\n              答案不分顺序\n            </label>\n            <label class=\"setting-toggle\">\n              <input type=\"checkbox\" .checked=${this._isIgnoreCase}\n                @change=${(e: Event) => { this._isIgnoreCase = (e.target as HTMLInputElement).checked }} />\n              忽略大小写\n            </label>\n          </div>\n        </div>\n\n        <slot name=\"business-tag\"></slot>\n\n        ${this._renderCategorySection()}\n\n        ${this._renderResourceSection()}\n\n        <div class=\"edit-row section-row\">\n          <div class=\"label\"><span>答案:</span></div>\n          <div class=\"row-body\">\n            <div class=\"el-input\">\n              <textarea rows=\"2\" .value=${this._correct}\n                maxlength=\"200\"\n                @input=${(e: Event) => { this._correct = (e.target as HTMLTextAreaElement).value }}\n                placeholder=\"请输入正确答案\"></textarea>\n              <span class=\"char-counter\">${this._correct.length}/200</span>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"edit-row section-row keyword-section-row\">\n          <div class=\"label\"><span>关键词:</span></div>\n          <div class=\"row-body\">\n            <div class=\"keyword-section\">\n              <div class=\"edit-note\">如遇特殊字符关键词，请补充同义词，例如 “CO₂” 同时补充 “CO2”。</div>\n              <div class=\"answer-list\">\n                ${this._answers.map((answer, index) => html`\n                  <div class=\"answer-item\">\n                    <span class=\"answer-item-label\">关键词${index + 1}:</span>\n                    <div class=\"answer-tags\">\n                      ${answer.title.split(',').filter(Boolean).map((tag) => {\n                        const color = TAG_COLORS[index % TAG_COLORS.length]\n                        return html`\n                        <span style=\"display:inline-flex;align-items:center;background:${color.bg};color:${color.color};border:1px solid ${color.border};border-radius:6px;padding:2px 8px;font-size:12px;line-height:16px\">\n                          ${tag}\n                          <span style=\"cursor:pointer;margin-left:4px;color:#909399\" @click=${() => this._closeTag(tag, index)}>×</span>\n                        </span>\n                      `\n                      })}\n                      ${html`\n                        ${answer.showInput\n                          ? html`\n                          <input type=\"text\" class=\"keyword-input\"\n                            @keydown=${(e: KeyboardEvent) => {\n                              if (e.key === 'Enter') { this._addTag(index) }\n                            }}\n                            @input=${(e: Event) => { answer.tag = (e.target as HTMLInputElement).value }}\n                            @blur=${() => this._addTag(index)} />\n                          <button class=\"el-link\" @click=${() => this._addTag(index)}>确认</button>\n                        `\n                          : html`\n                          <button class=\"link\" @click=${() => {\n                            this._answers = this._answers.map((item, currentIndex) => currentIndex === index ? { ...item, showInput: true } : item)\n                            this.updateComplete.then(() => {\n                              (this.shadowRoot?.querySelector('.keyword-input') as HTMLInputElement)?.focus()\n                            })\n                          }}>\n                            ${answer.title ? '添加同义词' : '添加关键词'}\n                          </button>\n                        `}\n                      `}\n                    </div>\n                    <span class=\"icon\" @click=${() => this._addAnswer()}>${this._iconPlus}</span>\n                    <span class=\"icon ${this._answers.length < 2 ? 'disabled' : ''}\" @click=${() => this._deleteAnswer(index)}>${this._iconRemove}</span>\n                  </div>\n                `)}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        ${this['show-rich-text'] && this._showRichText\n          ? html`\n          <div class=\"edit-row section-row\">\n            <div class=\"label\"><span>副文本:</span></div>\n            <div class=\"row-body\">\n              <slot name=\"sub-text\">\n                <qxs-blocksuite-editor\n                  .content=${this._richText}\n                  .toolbar=${SUB_TEXT_EDITOR_TOOLBAR}\n                  .upload-image=${this['upload-image']}\n                  ?is-edit=${true}\n                  @input=${(e: CustomEvent) => { this._richText = (e.target as any).getContent() }}\n                ></qxs-blocksuite-editor>\n              </slot>\n              ${!this['show-action']\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        ${this['show-analysis']\n          ? html`\n          <div class=\"edit-row section-row\">\n            <div class=\"label\"><span>解析:</span></div>\n            <div class=\"row-body\">\n              <div class=\"el-input\">\n                <textarea rows=\"2\" .value=${this._analysis}\n                  @input=${(e: Event) => { this._analysis = (e.target as HTMLTextAreaElement).value }}\n                  placeholder=\"请输入题目解析\"></textarea>\n              </div>\n            </div>\n          </div>\n        `\n          : ''}\n      </div>\n    `\n  }\n\n  render() {\n    if (this.sorting) {\n      return this._renderSorting()\n    }\n\n    const content = this['is-edit']\n      ? html`<div slot=\"edit\">${this._renderEdit()}</div>`\n      : html`<div slot=\"preview\">${this._renderPreview()}</div>`\n\n    return html`\n      <qxs-subject-layout .show-edit=${this['is-edit']}>\n        ${content}\n        ${this['show-action']\n          ? html`\n          <qxs-subject-action\n            .is-edit=${this['is-edit']}\n            .is-set=${this['is-set']}\n            .show-add=${this['show-add']}\n            .show-rich-text=${this['show-rich-text'] && this._showRichText}\n            .hide-add-rich-text=${!this['show-rich-text'] || this['hide-add-rich-text']}\n            .show-delete-action=${this['show-delete-action']}\n            .show-save-action=${this['show-save-action']}\n            exam-answer-relation-type=${this['exam-answer-relation-type']}\n            @delete=${() => this._emit('delete')}\n            @save=${this._save}\n            @edit=${() => this._emit('edit')}\n            @add=${(e: CustomEvent) => this._emit('add', e.detail)}\n            @set-key=${(e: CustomEvent) => { this._emit('set-key', e.detail) }}\n            @on-show-rich-text=${() => {\n              this._showRichText = !this._showRichText\n              if (!this._showRichText) {\n                this._richText = ''\n              }\n            }}\n          ></qxs-subject-action>\n        `\n          : ''}\n        <slot name=\"action\"></slot>\n      </qxs-subject-layout>\n    `\n  }\n}\n\nexport function register() {}\n"],"names":["TAG_COLORS","bg","color","border","QxsTextFill","LitElement","constructor","super","arguments","this","_iconPlus","html","_iconRemove","title","sorting","analysis","isInOrder","isIgnoreCase","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_answers","tag","showInput","_title","_analysis","_isInOrder","_isIgnoreCase","_keywordCount","_correct","_showRichText","_richText","_selectedTagList","_categoryId","TITLE_MAX","willUpdate","changed","has","_syncProps","Array","isArray","map","item","String","_normalizeAnswerTitle","answer","trimCommaSeparatedText","_normalizedAnswerList","source","length","undefined","answerId","examAnswerId","_filledAnswers","filter","_previewKeywordItems","flatMap","split","trim","Boolean","_readKeywordCount","setting","keywordCount","Number","customAnswerId","_emit","name","detail","emitSubjectEvent","_onTitleInput","el","value","slice","emitSubjectModelValue","_addTag","index","join","currentIndex","_closeTag","_addAnswer","_deleteAnswer","_","_onCategoryChange","customId","examId","_imageResources","getSubjectImageResources","_videoResource","getSubjectVideoResource","_categoryLabel","resolveSubjectCategoryLabel","_validateState","options","row","answers","correct","SubjectError","filledAnswers","toJSON","answerType","orderIndex","trimText","showRichText","richText","validationError","SubjectType","TEXT_FILL","examTypeEnum","next","isSetCorrectAnswer","isKey","examExpand","examAnswerSettingBO","examAnswerSettingVO","examRichTextContent","_save","stopImmediatePropagation","data","err","showSubjectToast","message","validate","_renderPreview","previewAnswers","previewCorrect","previewTitle","buildSubjectPreviewTitle","previewKeywords","keyword","_renderResourceSection","_renderSorting","orderText","buildSubjectSortingTitle","renderSortingCard","SubjectTypeLabel","_renderCategorySection","categoryId","categoryName","images","video","url","src","_renderEdit","checked","key","updateComplete","then","shadowRoot","querySelector","focus","SUB_TEXT_EDITOR_TOOLBAR","getContent","render","content","styles","sortingCardStyles","subjectHostStyles","subjectControlResetStyles","subjectPreviewBaseStyles","subjectFormBaseStyles","subjectTextareaStyles","css","__decorateClass","property","type","attribute","prototype","reflect","Object","state","safeCustomElement"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@qxs-bns/components-wc",
   "type": "module",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "description": "QXS Business Components - Web Components (framework agnostic)",
   "license": "MIT",
   "homepage": "https://qxs-bns.pages.dev/guide/components-wc/",