@qxs-bns/components-wc 0.0.23 → 0.0.25

package/es/subject/text-fill.mjs

@@ -1,23 +1,75 @@
-import{css as t,LitElement as e,html as i}from"lit";import{property as s,state as r}from"lit/decorators.js";import{safeCustomElement as o}from"../base/define.mjs";import{SubjectError as n}from"./single.mjs";import{SubjectType as a}from"./types.mjs";var l=Object.defineProperty,d=Object.getOwnPropertyDescriptor,p=(t,e,i,s)=>{for(var r,o=s>1?void 0:s?d(e,i):e,n=t.length-1;n>=0;n--)(r=t[n])&&(o=(s?r(e,i,o):r(o))||o);return s&&o&&l(e,i,o),o};const h=[{bg:"#ecf5ff",color:"#3D61E3",border:"#d9ecff"},{bg:"#f0f9eb",color:"#67c23a",border:"#c2e7b0"},{bg:"#fdf6ec",color:"#e6a23c",border:"#faecd8"},{bg:"#fef0f0",color:"#f56c6c",border:"#fde2e2"},{bg:"#f4f4f5",color:"#909399",border:"#e9e9eb"}];let c=class extends e{constructor(){super(...arguments),this._iconPlus=i`<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>`,this._iconRemove=i`<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>`,this.orderIndex=0,this.title="",this.customId="",this.isEdit=!1,this.isSave=!1,this.isSet=!1,this.isKey=!1,this.showAction=!0,this.showAdd=!0,this.showAnswerSetting=!1,this.showAnalysis=!0,this.richTextContent="",this.analysis="",this.examAnswerRelationType=0,this.examExpand="",this.examAnswerSetting={isInOrder:!0,isIgnoreCase:!0,keywordCount:1},this.uploadImage=async t=>new Promise((e,i)=>{const s=new FileReader;s.onload=t=>e(t.target?.result),s.onerror=i,s.readAsDataURL(t)}),this.answerList=[],this.modelValue="",this.useModel=!1,this._answers=[{title:"",tag:"",showInput:!1}],this._title="",this._analysis="",this._isInOrder=!0,this._isIgnoreCase=!0,this._keywordCount=1,this._correct="",this._showRichText=!1,this._richText="",this.TITLE_MAX=200}willUpdate(t){t.has("isEdit")&&this.isEdit&&this._syncProps(),!this.isEdit&&(t.has("title")||t.has("answerList")||t.has("analysis")||t.has("examAnswerSetting")||t.has("richTextContent")||t.has("examExpand"))&&this._syncProps(),t.has("modelValue")&&this.useModel&&(this._title=this.modelValue)}_normalizeAnswerTitle(t){return String(t?.title??t?.answer??"")}_normalizedAnswerList(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return(Array.isArray(t)?t:[]).map(t=>({...t,answerId:t?.answerId??t?.examAnswerId,title:this._normalizeAnswerTitle(t)}))}_syncProps(){this._title=this.title||"",this._analysis=this.analysis||"",this.answerList?.length?this._answers=this._normalizedAnswerList(this.answerList).map(t=>({title:t.title||"",tag:"",showInput:!1,answerId:t.answerId,customAnswerId:t.customAnswerId})):this._answers=[{title:"",tag:"",showInput:!1}],this.examAnswerSetting&&(this._isInOrder=!!this.examAnswerSetting.isInOrder,this._isIgnoreCase=!!this.examAnswerSetting.isIgnoreCase,this._keywordCount=this.examAnswerSetting.keywordCount||1),this._richText=this.richTextContent||"",this._showRichText=!!this.richTextContent,this._correct=this.examExpand||""}_emit(t,e){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:e??null}))}_onTitleInput(t){const e=t.target;e.value.length>this.TITLE_MAX&&(e.value=e.value.slice(0,this.TITLE_MAX)),this._title=e.value,this.useModel&&this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail:this._title}))}_addTag(t){const e={...this._answers[t]};e.tag&&(e.title=e.title?[e.title,e.tag].join(","):e.tag,e.tag=""),e.showInput=!1,this._answers=this._answers.map((i,s)=>s===t?e:i)}_closeTag(t,e){const i={...this._answers[e]};i.title=i.title.split(",").filter(e=>e!==t).join(","),this._answers=this._answers.map((t,s)=>s===e?i:t)}async toJSON(){return new Promise((t,e)=>{const i={customId:this.customId||void 0,answerType:"text_fill",orderIndex:this.orderIndex},s=this.isEdit?this._title:this.title||"",r=this.isEdit?this._answers:this._normalizedAnswerList(this.answerList||[]),o=this.isEdit?this._analysis:this.analysis||"",l=this.isEdit?this._correct:this.examExpand||"",d=this.isEdit?this._keywordCount:this.examAnswerSetting?.keywordCount||1,p=this.isEdit?this._isInOrder:this.examAnswerSetting?.isInOrder??!0,h=this.isEdit?this._isIgnoreCase:this.examAnswerSetting?.isIgnoreCase??!0,c=this.isEdit?this._showRichText:!!this.richTextContent,x=this.isEdit?this._richText:this.richTextContent||"";if(!s)return void e(new n("题目标题不能为空!","EMPTY_TITLE","title",i));if(d||l){if(!d)return void e(new n("请完善答题设置!","NO_KEYWORD_COUNT","keywordCount",i));if(!l)return void e(new n("请输入问题正确答案!","NO_CORRECT_ANSWER","correct",i));if(r.length!==d)return void e(new n("关键词个数设置有误!","KEYWORD_COUNT_MISMATCH","answers",i));const t=[];if(r.forEach((e,i)=>{this._normalizeAnswerTitle(e)||t.push(`关键词${i+1}未设置`)}),t.length)return void e(new n(t.join(","),"KEYWORD_EMPTY","answers",i))}const w={answerType:a.TEXT_FILL,title:s,answers:r.filter(t=>this._normalizeAnswerTitle(t)).map(t=>({title:this._normalizeAnswerTitle(t),...t.answerId?{answerId:t.answerId}:{},...t.customAnswerId?{customAnswerId:t.customAnswerId}:{}})),analysis:o,isSetCorrectAnswer:!!l,isKey:this.isKey,examExpand:l,examAnswerSettingBO:{isIgnoreCase:h,isInOrder:p,keywordCount:d},examRichTextContent:c?x:""};this.customId&&(w.customId=this.customId),t(w)})}_addAnswer(){this.isSave||(this._answers=[...this._answers,{title:"",tag:"",showInput:!1}])}_deleteAnswer(t){this._answers.length<2||this.isSave||(this._answers=this._answers.filter((e,i)=>i!==t))}async _save(t){t?.stopImmediatePropagation();try{const t=await this.toJSON();this._emit("save",t)}catch(t){!function(t){const e=document.createElement("div");e.textContent=t,Object.assign(e.style,{position:"fixed",top:"20px",left:"50%",transform:"translateX(-50%)",padding:"10px 20px",borderRadius:"4px",fontSize:"13px",color:"#fff",background:"#f56c6c",zIndex:"99999",boxShadow:"0 4px 12px rgba(0,0,0,.15)",transition:"opacity .3s",opacity:"1"}),document.body.appendChild(e),setTimeout(()=>{e.style.opacity="0",setTimeout(()=>e.remove(),300)},2500)}(t.message)}}validate(){const t=[],e={customId:this.customId||void 0,answerType:"text_fill",orderIndex:this.orderIndex},i=this.isEdit?this._title:this.title||"",s=this.isEdit?this._answers:this._normalizedAnswerList(this.answerList||[]),r=this.isEdit?this._correct:this.examExpand||"",o=this.isEdit?this._keywordCount:this.examAnswerSetting?.keywordCount||1;return i||t.push(new n("题目标题不能为空!","EMPTY_TITLE","title",e)),(o||r)&&(o||t.push(new n("请完善答题设置!","NO_KEYWORD_COUNT","keywordCount",e)),r||t.push(new n("请输入问题正确答案!","NO_CORRECT_ANSWER","correct",e)),s.length!==o&&t.push(new n("关键词个数设置有误!","KEYWORD_COUNT_MISMATCH","answers",e)),s.forEach((i,s)=>{this._normalizeAnswerTitle(i)||t.push(new n(`关键词${s+1}未设置`,"KEYWORD_EMPTY","answers",e))})),t}_renderPreview(){const t=this.isEdit?this._answers:this._normalizedAnswerList(this.answerList||[]),e=this.isEdit?this._correct:this.examExpand||"";return i`
+import{css as t,LitElement as e,html as s}from"lit";import{property as i,state as r}from"lit/decorators.js";import{safeCustomElement as a}from"../base/define.mjs";import{SubjectError as o}from"./single.mjs";import{SubjectType as n}from"./types.mjs";var l=Object.defineProperty,d=Object.getOwnPropertyDescriptor,h=(t,e,s,i)=>{for(var r,a=i>1?void 0:i?d(e,s):e,o=t.length-1;o>=0;o--)(r=t[o])&&(a=(i?r(e,s,a):r(a))||a);return i&&a&&l(e,s,a),a};const c=[{bg:"#ecf5ff",color:"#3D61E3",border:"#d9ecff"},{bg:"#f0f9eb",color:"#67c23a",border:"#c2e7b0"},{bg:"#fdf6ec",color:"#e6a23c",border:"#faecd8"},{bg:"#fef0f0",color:"#f56c6c",border:"#fde2e2"},{bg:"#f4f4f5",color:"#909399",border:"#e9e9eb"}];let p=class extends e{constructor(){super(...arguments),this._iconPlus=s`<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>`,this._iconRemove=s`<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>`,this["order-index"]=0,this.title="",this["custom-id"]="",this["is-edit"]=!1,this["is-save"]=!1,this["is-set"]=!1,this["is-key"]=!1,this["show-action"]=!0,this["show-add"]=!0,this["show-answer-setting"]=!1,this["show-analysis"]=!0,this["rich-text-content"]="",this.analysis="",this["exam-answer-relation-type"]=0,this["exam-expand"]="",this["exam-id"]=0,this["category-id"]="",this["exam-answer-setting"]={isInOrder:!1,isIgnoreCase:!0},this["upload-image"]=async t=>new Promise((e,s)=>{const i=new FileReader;i.onload=t=>e(t.target?.result),i.onerror=s,i.readAsDataURL(t)}),this["answer-list"]=[],this["tag-list"]=[],this["category-list"]=[],this["resource-list"]=[],this["show-tag"]=!1,this["show-category"]=!1,this["show-resource"]=!1,this["model-value"]="",this["use-model"]=!1,this._answers=[{title:"",tag:"",showInput:!1}],this._title="",this._analysis="",this._isInOrder=!1,this._isIgnoreCase=!0,this._keywordCount=null,this._correct="",this._showRichText=!1,this._richText="",this._selectedTagList=[],this._categoryId="",this.TITLE_MAX=200}willUpdate(t){t.has("is-edit")&&this["is-edit"]&&this._syncProps(),!this["is-edit"]&&(t.has("title")||t.has("answer-list")||t.has("analysis")||t.has("exam-answer-setting")||t.has("rich-text-content")||t.has("exam-expand")||t.has("tag-list")||t.has("category-id"))&&this._syncProps(),t.has("model-value")&&this["use-model"]&&(this._title=this["model-value"]),t.has("tag-list")&&(this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(t=>({...t})):[]),t.has("category-id")&&(this._categoryId=this["category-id"]?String(this["category-id"]):"")}_normalizeAnswerTitle(t){return String(t?.title??t?.answer??"")}_normalizedAnswerList(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return(Array.isArray(t)?t:[]).map(t=>({...t,answerId:t?.answerId??t?.examAnswerId,title:this._normalizeAnswerTitle(t)}))}_filledAnswers(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).filter(t=>this._normalizeAnswerTitle(t))}_readKeywordCount(t){return t&&void 0!==t.keywordCount&&null!==t.keywordCount&&""!==t.keywordCount?Number(t.keywordCount):null}_syncProps(){this._title=this.title||"",this._analysis=this.analysis||"",this["answer-list"]?.length?this._answers=this._normalizedAnswerList(this["answer-list"]).map(t=>({title:t.title||"",tag:"",showInput:!1,answerId:t.answerId,customAnswerId:t.customAnswerId})):this._answers=[{title:"",tag:"",showInput:!1}],this._isInOrder=!!this["exam-answer-setting"]?.isInOrder,this._isIgnoreCase=this["exam-answer-setting"]?.isIgnoreCase??!0,this._keywordCount=this._readKeywordCount(this["exam-answer-setting"]),this._richText=this["rich-text-content"]||"",this._showRichText=!!this["rich-text-content"],this._correct=this["exam-expand"]||"",this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(t=>({...t})):[],this._categoryId=this["category-id"]?String(this["category-id"]):""}_emit(t,e){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:e??null}))}_onTitleInput(t){const e=t.target;e.value.length>this.TITLE_MAX&&(e.value=e.value.slice(0,this.TITLE_MAX)),this._title=e.value,this["use-model"]&&this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail:this._title}))}_addTag(t){const e={...this._answers[t]};e.tag&&(e.title=e.title?[e.title,e.tag].join(","):e.tag,e.tag=""),e.showInput=!1,this._answers=this._answers.map((s,i)=>i===t?e:s)}_closeTag(t,e){const s={...this._answers[e]};s.title=s.title.split(",").filter(e=>e!==t).join(","),this._answers=this._answers.map((t,i)=>i===e?s:t)}_addAnswer(){this["is-save"]||(this._answers=[...this._answers,{title:"",tag:"",showInput:!1}])}_deleteAnswer(t){this._answers.length<2||this["is-save"]||(this._answers=this._answers.filter((e,s)=>s!==t))}_removeTag(t){this._selectedTagList=this._selectedTagList.filter(e=>String(e.tagId)!==String(t)),this._emit("tag-change",{value:this._selectedTagList,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_chooseTag(){this._emit("choose-tag",{value:this._selectedTagList,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_onCategoryChange(t){this._categoryId=t,this._emit("category-change",{value:t,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_imageResources(){return(this["resource-list"]||[]).filter(t=>1===t.resourceType).map(t=>t.resource.middle||t.resource.url).filter(Boolean)}_videoResource(){return(this["resource-list"]||[]).find(t=>2===t.resourceType)?.resource||null}_categoryLabel(){const t=this["category-list"].find(t=>String(t.categoryId)===String(this._categoryId));return t?.title||t?.categoryName||this._categoryId||"未选择分类"}_validateState(t){const{row:e,title:s,answers:i,correct:r,keywordCount:a}=t;if(!s)return new o("题目标题不能为空!","EMPTY_TITLE","title",e);const n=this._filledAnswers(i);return!!r||null!==a||n.length>0?r?!a||a<1?new o("请完善答题设置!","NO_KEYWORD_COUNT","keywordCount",e):n.length?a>n.length?new o("关键词个数设置有误!","KEYWORD_COUNT_MISMATCH","answers",e):null:new o("请设置关键词","NO_KEYWORDS","answers",e):new o("请输入问题正确答案!","NO_CORRECT_ANSWER","correct",e):null}async toJSON(){return new Promise((t,e)=>{const s={customId:this["custom-id"]||void 0,answerType:"text_fill",orderIndex:this["order-index"]},i=this["is-edit"]?this._title:this.title||"",r=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),a=this["is-edit"]?this._analysis:this.analysis||"",o=this["is-edit"]?this._correct:this["exam-expand"]||"",l=this["is-edit"]?this._keywordCount:this._readKeywordCount(this["exam-answer-setting"]),d=this["is-edit"]?this._isInOrder:this["exam-answer-setting"]?.isInOrder??!1,h=this["is-edit"]?this._isIgnoreCase:this["exam-answer-setting"]?.isIgnoreCase??!0,c=this["is-edit"]?this._showRichText:!!this["rich-text-content"],p=this["is-edit"]?this._richText:this["rich-text-content"]||"",g=this._selectedTagList||[],u=this._validateState({row:s,title:i,answers:r,correct:o,keywordCount:l});if(u)return void e(u);const x={answerType:n.TEXT_FILL,title:i,answers:this._filledAnswers(r).map(t=>({title:this._normalizeAnswerTitle(t),...t.answerId?{answerId:t.answerId}:{},...t.customAnswerId?{customAnswerId:t.customAnswerId}:{}})),analysis:a,isSetCorrectAnswer:!!o,isKey:this["is-key"],examExpand:o,examAnswerSettingBO:{isIgnoreCase:h,isInOrder:d,...null!==l?{keywordCount:l}:{}},examRichTextContent:c?p:"",categoryId:this._categoryId||"",memberTagInfo:g,tagInfos:g,resourceList:this["resource-list"]||[],examResourceBOList:this["resource-list"]||[]};this["custom-id"]&&(x.customId=this["custom-id"]),t(x)})}async _save(t){t?.stopImmediatePropagation();try{const t=await this.toJSON();this._emit("save",t)}catch(t){!function(t){const e=document.createElement("div");e.textContent=t,Object.assign(e.style,{position:"fixed",top:"20px",left:"50%",transform:"translateX(-50%)",padding:"10px 20px",borderRadius:"4px",fontSize:"13px",color:"#fff",background:"#f56c6c",zIndex:"99999",boxShadow:"0 4px 12px rgba(0,0,0,.15)",transition:"opacity .3s",opacity:"1"}),document.body.appendChild(e),setTimeout(()=>{e.style.opacity="0",setTimeout(()=>e.remove(),300)},2500)}(t.message)}}validate(){const t={customId:this["custom-id"]||void 0,answerType:"text_fill",orderIndex:this["order-index"]},e=this["is-edit"]?this._title:this.title||"",s=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),i=this["is-edit"]?this._correct:this["exam-expand"]||"",r=this["is-edit"]?this._keywordCount:this._readKeywordCount(this["exam-answer-setting"]),a=this._validateState({row:t,title:e,answers:s,correct:i,keywordCount:r});return a?[a]:[]}_renderPreview(){const t=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),e=this["is-edit"]?this._correct:this["exam-expand"]||"";return s`
       <div class="preview">
-        <span class="title">${this.orderIndex+1}.${this.title}（问答题）</span>
-        ${this.richTextContent?i`<div class="rich-text" .innerHTML=${this.richTextContent}></div>`:""}
-        ${t.some(t=>t.title)?i`
+        <span class="title">${this["order-index"]+1}.${this.title}（问答题）</span>
+        ${this["rich-text-content"]?s`<div class="rich-text" .innerHTML=${this["rich-text-content"]}></div>`:""}
+        ${this._filledAnswers(t).length?s`
           <div style="margin-top:8px;color:#a8abb2">
-            ${t.map((t,e)=>t.title?i`
-              <span style="margin-right:10px">关键词${e+1}: ${t.title}</span>
-            `:"")}
+            ${this._filledAnswers(t).map((t,e)=>s`<span style="margin-right:10px">关键词${e+1}: ${this._normalizeAnswerTitle(t)}</span>`)}
           </div>
         `:""}
-        ${e?i`<div style="margin-top:8px;color:#a8abb2">正确答案：${e}</div>`:""}
-        ${this.analysis?i`<div style="color:#909399;font-size:12px;margin-top:8px">解析: ${this.analysis}</div>`:""}
+        ${e?s`<div style="margin-top:8px;color:#a8abb2">正确答案：${e}</div>`:""}
+        ${this.analysis?s`<div style="color:#909399;font-size:12px;margin-top:8px">解析: ${this.analysis}</div>`:""}
+        ${this["show-category"]&&this._categoryId?s`<div class="section-row"><span class="value-text">分类：${this._categoryLabel()}</span></div>`:""}
+        ${this["show-tag"]&&this._selectedTagList.length?s`
+          <div class="section-row">
+            <span class="value-text">标签/关键信息：</span>
+            <div class="tag-list" style="margin-top:6px">
+              ${this._selectedTagList.map(t=>s`<span class="tag-item">${t.tagName}</span>`)}
+            </div>
+          </div>
+        `:""}
+        ${this._renderResourceSection()}
       </div>
-    `}_renderEdit(){return i`
+    `}_renderTagSection(){return this["show-tag"]?s`
+      <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=>s`
+                <span class="tag-item">
+                  ${t.tagName}
+                  ${this["is-save"]?"":s`<span class="close" @click=${()=>this._removeTag(t.tagId)}>×</span>`}
+                </span>
+              `):s`<span class="tag-hint">暂无标签/关键信息</span>`}
+          </div>
+          ${this["is-edit"]&&!this["is-save"]?s`<div style="margin-top:8px"><span class="el-link" @click=${()=>this._chooseTag()}>选择</span></div>`:""}
+        </div>
+      </div>
+    `:""}_renderCategorySection(){return this["show-category"]?s`
+      <div class="flex-items-start section-row">
+        <div class="label"><span>分类:</span></div>
+        <div style="flex:1">
+          ${this["is-edit"]?s`
+            <select class="el-select" .value=${String(this._categoryId)} ?disabled=${this["is-save"]}
+              @change=${t=>this._onCategoryChange(t.target.value)}>
+              <option value="">选择分类</option>
+              ${this["category-list"].map(t=>s`
+                <option value=${String(t.categoryId)} ?selected=${String(t.categoryId)===String(this._categoryId)}>${t.title||t.categoryName}</option>
+              `)}
+            </select>
+          `:s`<span class="value-text">${this._categoryLabel()}</span>`}
+        </div>
+      </div>
+    `:""}_renderResourceSection(){if(!this["show-resource"])return"";const t=this._imageResources(),e=this._videoResource();return s`
+      <div class="flex-items-start section-row">
+        <div class="label"><span>资源:</span></div>
+        <div style="flex:1">
+          <div class="resource-summary">图片 ${t.length} 张${e?.url?"，含视频资源":""}</div>
+          ${t.length?s`
+            <div class="resource-thumbs">
+              ${t.slice(0,4).map(t=>s`<img class="resource-thumb" src=${t} alt="resource" />`)}
+            </div>
+          `:""}
+          ${e?.url?s`<div style="margin-top:8px"><a class="el-link" href=${e.url} target="_blank" rel="noreferrer">查看视频</a></div>`:""}
+          ${t.length||e?.url?"":s`<div class="tag-hint">暂无资源</div>`}
+        </div>
+      </div>
+    `}_renderEdit(){return s`
       <div class="flex-items-start">
         <div class="label"><span>题目:</span></div>
         <div style="flex:1">
           <div class="el-input">
-            <textarea rows="2" .value=${this._title} ?disabled=${this.isSave}
+            <textarea rows="2" .value=${this._title} ?disabled=${this["is-save"]}
               maxlength=${this.TITLE_MAX}
               @input=${t=>this._onTitleInput(t)}
               placeholder="【问答题】请输入问题"></textarea>
@@ -26,34 +78,41 @@ import{css as t,LitElement as e,html as i}from"lit";import{property as s,state a
         </div>
       </div>
 
-      ${this.showAnswerSetting?i`
-        <div class="flex-items-start" style="margin-top:12px">
-          <div class="label"><span>答题设置:</span></div>
-          <div style="flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:8px">
-            <span style="font-size:13px;color:#606266">共答对</span>
-            <input type="number" style="width:60px;height:24px;border:1px solid #dcdfe6;border-radius:3px;padding:0 8px;font-size:13px"
-              .value=${String(this._keywordCount)} min="1"
-              @change=${t=>{this._keywordCount=Number(t.target.value)}} />
-            <span style="font-size:13px;color:#606266">个关键词，算是正确的</span>
-            <label style="display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:12px;color:#606266">
-              <input type="checkbox" .checked=${this._isInOrder}
-                @change=${t=>{this._isInOrder=t.target.checked}} />
-              答案不分顺序
-            </label>
-            <label style="display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:12px;color:#606266">
-              <input type="checkbox" .checked=${this._isIgnoreCase}
-                @change=${t=>{this._isIgnoreCase=t.target.checked}} />
-              忽略大小写
-            </label>
-          </div>
+      <div class="flex-items-start" style="margin-top:12px">
+        <div class="label"><span>答题设置:</span></div>
+        <div style="flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:8px">
+          <span style="font-size:13px;color:#606266">共答对</span>
+          <input
+            type="number"
+            style="width:60px;height:24px;border:1px solid #dcdfe6;border-radius:3px;padding:0 8px;font-size:13px"
+            .value=${null===this._keywordCount?"":String(this._keywordCount)}
+            min="1"
+            @change=${t=>{const e=t.target.value;this._keywordCount=""===e?null:Number(e)}} />
+          <span style="font-size:13px;color:#606266">个关键词，算是正确的</span>
+          <label style="display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:12px;color:#606266">
+            <input type="checkbox" .checked=${this._isInOrder}
+              @change=${t=>{this._isInOrder=t.target.checked}} />
+            答案不分顺序
+          </label>
+          <label style="display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:12px;color:#606266">
+            <input type="checkbox" .checked=${this._isIgnoreCase}
+              @change=${t=>{this._isIgnoreCase=t.target.checked}} />
+            忽略大小写
+          </label>
         </div>
-      `:""}
+      </div>
+
+      ${this._renderTagSection()}
+
+      ${this._renderCategorySection()}
+
+      ${this._renderResourceSection()}
 
       <div class="flex-items-start" style="margin-top:12px">
         <div class="label"><span>答案:</span></div>
         <div style="flex:1">
           <div class="el-input">
-            <textarea rows="2" .value=${this._correct} ?disabled=${this.isSave}
+            <textarea rows="2" .value=${this._correct} ?disabled=${this["is-save"]}
               maxlength="200"
               @input=${t=>{this._correct=t.target.value}}
               placeholder="请输入正确答案"></textarea>
@@ -64,51 +123,51 @@ import{css as t,LitElement as e,html as i}from"lit";import{property as s,state a
 
       <div class="answer-list" style="margin-top:12px">
         <span style="padding-left:60px;font-size:12px;color:#909399">*如遇包含特殊字符的关键词，需添加多个同义词，例：'CO₂'需添加同义词'CO2'</span>
-        ${this._answers.map((t,e)=>i`
+        ${this._answers.map((t,e)=>s`
           <div class="answer-item">
             <span class="label">关键词${e+1}:</span>
             <div class="answer-tags" style="display:flex;flex-wrap:wrap;gap:5px;align-items:center;flex:1;max-width:360px">
-              ${t.title.split(",").filter(Boolean).map(t=>{const s=h[e%h.length];return i`
-                <span style="display:inline-flex;align-items:center;background:${s.bg};color:${s.color};border:1px solid ${s.border};border-radius:3px;padding:2px 8px;font-size:12px;line-height:16px">
+              ${t.title.split(",").filter(Boolean).map(t=>{const i=c[e%c.length];return s`
+                <span style="display:inline-flex;align-items:center;background:${i.bg};color:${i.color};border:1px solid ${i.border};border-radius:3px;padding:2px 8px;font-size:12px;line-height:16px">
                   ${t}
-                  ${this.isSave?"":i`<span style="cursor:pointer;margin-left:4px;color:#909399" @click=${()=>this._closeTag(t,e)}>×</span>`}
+                  ${this["is-save"]?"":s`<span style="cursor:pointer;margin-left:4px;color:#909399" @click=${()=>this._closeTag(t,e)}>×</span>`}
                 </span>
               `})}
-              ${this.isSave?"":i`
-                ${t.showInput?i`
+              ${this["is-save"]?"":s`
+                ${t.showInput?s`
                   <input type="text" style="width:80px;height:24px;border:1px solid #dcdfe6;border-radius:3px;padding:0 8px;font-size:12px"
                     @keydown=${t=>{"Enter"===t.key&&this._addTag(e)}}
                     @input=${e=>{t.tag=e.target.value}}
                     @blur=${()=>this._addTag(e)} />
                   <button class="el-link" @click=${()=>this._addTag(e)}>确认</button>
-                `:i`
-                  <button class="link" @click=${()=>{this._answers=this._answers.map((t,i)=>i===e?{...t,showInput:!0}:t),this.updateComplete.then(()=>{this.shadowRoot?.querySelector('input[style*="width:80px"]')?.focus()})}}>
+                `:s`
+                  <button class="link" @click=${()=>{this._answers=this._answers.map((t,s)=>s===e?{...t,showInput:!0}:t),this.updateComplete.then(()=>{this.shadowRoot?.querySelector('input[style*="width:80px"]')?.focus()})}}>
                     ${t.title?"添加同义词":"添加关键词"}
                   </button>
                 `}
               `}
             </div>
-            <span class="icon ${this.isSave?"disabled":""}" @click=${()=>this._addAnswer()}>${this._iconPlus}</span>
-            <span class="icon ${this.isSave||this._answers.length<2?"disabled":""}" @click=${()=>this._deleteAnswer(e)}>${this._iconRemove}</span>
+            <span class="icon ${this["is-save"]?"disabled":""}" @click=${()=>this._addAnswer()}>${this._iconPlus}</span>
+            <span class="icon ${this["is-save"]||this._answers.length<2?"disabled":""}" @click=${()=>this._deleteAnswer(e)}>${this._iconRemove}</span>
           </div>
         `)}
       </div>
 
-      ${this._showRichText?i`
+      ${this._showRichText?s`
         <div class="flex-items-start" style="margin-top:12px">
           <div class="label"><span>富文本:</span></div>
           <div style="flex:1">
             <qxs-blocksuite-editor
               .content=${this._richText}
-              .uploadImage=${this.uploadImage}
+              .upload-image=${this["upload-image"]}
               ?is-edit=${!0}
             ></qxs-blocksuite-editor>
-            ${this.showAction?"":i`<div class="flex-justify-end" style="margin-top:8px"><span class="el-link danger" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span></div>`}
+            ${this["show-action"]?"":s`<div class="flex-justify-end" style="margin-top:8px"><span class="el-link danger" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span></div>`}
           </div>
         </div>
       `:""}
 
-      ${this.showAnalysis?i`
+      ${this["show-analysis"]?s`
         <div class="flex-items-start" style="margin-top:12px">
           <div class="label"><span>解析:</span></div>
           <div style="flex:1">
@@ -120,17 +179,17 @@ import{css as t,LitElement as e,html as i}from"lit";import{property as s,state a
           </div>
         </div>
       `:""}
-    `}render(){return i`
-      <qxs-subject-layout .showEdit=${this.isEdit}>
+    `}render(){return s`
+      <qxs-subject-layout .show-edit=${this["is-edit"]}>
         <div slot="preview">${this._renderPreview()}</div>
         <div slot="edit">${this._renderEdit()}</div>
-        ${this.showAction?i`
+        ${this["show-action"]?s`
           <qxs-subject-action
-            .isEdit=${this.isEdit}
-            .isSet=${this.isSet}
-            .showAdd=${this.showAdd}
-            .showRichText=${this._showRichText}
-            exam-answer-relation-type=${this.examAnswerRelationType}
+            .is-edit=${this["is-edit"]}
+            .is-set=${this["is-set"]}
+            .show-add=${this["show-add"]}
+            .show-rich-text=${this._showRichText}
+            exam-answer-relation-type=${this["exam-answer-relation-type"]}
             @delete=${()=>this._emit("delete")}
             @save=${this._save}
             @edit=${()=>this._emit("edit")}
@@ -140,7 +199,7 @@ import{css as t,LitElement as e,html as i}from"lit";import{property as s,state a
           ></qxs-subject-action>
         `:""}
       </qxs-subject-layout>
-    `}};c.styles=t`
+    `}};p.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; }
 
@@ -148,11 +207,6 @@ import{css as t,LitElement as e,html as i}from"lit";import{property as s,state a
     .preview .title { font-size: 14px; color: #303133; }
     .preview .rich-text { margin-top: 8px; }
     .preview .rich-text img { max-width: 100%; }
-    .preview-answer { display: flex; flex-direction: column; margin-top: 12px; }
-    .preview-answer .radio { margin-top: 8px; padding-left: 8px; display: flex; align-items: center; gap: 6px; }
-    .preview-answer .order { color: #909399; }
-    .preview-answer .correct { color: #67c23a; }
-    .preview-answer .result-info { color: #909399; }
 
     .flex { display: flex; }
     .flex-items-center { display: flex; align-items: center; }
@@ -177,25 +231,6 @@ import{css as t,LitElement as e,html as i}from"lit";import{property as s,state a
     .answer-list { margin-top: 12px; }
     .answer-item { display: flex; align-items: center; margin-top: 6px; border-radius: 4px; }
     .answer-item .label { min-width: 60px; font-size: 13px; color: #909399; }
-    .answer-item .input { flex: 1; max-width: 360px; position: relative; display: block; }
-    .answer-item .input input {
-      height: 32px; padding: 0 50px 0 8px;
-      font-size: 13px; line-height: 32px;
-      border: 1px solid #dcdfe6; border-radius: 3px; width: 100%;
-      transition: border-color .2s; box-sizing: border-box;
-    }
-    .answer-item .input input:focus { border-color: #3D61E3; outline: none; }
-    .answer-item .input input:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }
-    .answer-item .input .char-counter {
-      position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
-      font-size: 12px; color: #909399; line-height: 1; pointer-events: none;
-    }
-
-    .answer-item .correct { margin: 0 10px; color: #909399; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
-    .answer-item .correct:hover { color: #3D61E3; }
-    .answer-item .correct.is-correct { color: #67c23a; }
-    .answer-item .correct input { width: 14px; height: 14px; cursor: pointer; accent-color: #3D61E3; }
-
     .answer-item .icon {
       margin-left: 6px; cursor: pointer; display: inline-flex;
       align-items: center; justify-content: center;
@@ -205,10 +240,6 @@ import{css as t,LitElement as e,html as i}from"lit";import{property as s,state a
     }
     .answer-item .icon:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }
     .answer-item .icon.disabled { color: #e4e7ed; border-color: #e4e7ed; cursor: not-allowed; }
-
-    .answer-item .link { margin-left: 8px; color: #3D61E3; cursor: pointer; font-size: 12px; white-space: nowrap; }
-    .answer-item .link:hover { color: #2D4CB8; }
-
     .answer-item .link { color: #3D61E3; cursor: pointer; font-size: 12px; white-space: nowrap; background: none; border: none; padding: 0; margin: 0; font-family: inherit; }
     .answer-item .link:hover { color: #2D4CB8; }
 
@@ -216,18 +247,28 @@ import{css as t,LitElement as e,html as i}from"lit";import{property as s,state a
     .el-link:hover { color: #2D4CB8; }
     .el-link.danger { color: #f56c6c; }
 
-    .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 9000; display: flex; align-items: center; justify-content: center; }
-    .modal { background: #fff; border-radius: 6px; width: 520px; max-width: 90vw; box-shadow: 0 12px 32px rgba(0,0,0,.12); display: flex; flex-direction: column; }
-    .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px 12px; border-bottom: 1px solid #e4e7ed; }
-    .modal-title { font-size: 14px; font-weight: 600; color: #303133; }
-    .modal-close { background: none; border: none; font-size: 18px; cursor: pointer; color: #909399; padding: 0; line-height: 1; }
-    .modal-close:hover { color: #3D61E3; }
-    .modal-body { padding: 20px; }
-    .modal-body textarea { min-height: 120px; }
-    .modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid #e4e7ed; }
-    .modal-footer button { padding: 6px 16px; font-size: 12px; border-radius: 3px; cursor: pointer; border: 1px solid #dcdfe6; background: #fff; color: #606266; }
-    .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([s({type:Number,attribute:"order-index"})],c.prototype,"orderIndex",2),p([s({type:String})],c.prototype,"title",2),p([s({type:String,attribute:"custom-id"})],c.prototype,"customId",2),p([s({type:Boolean,attribute:"is-edit"})],c.prototype,"isEdit",2),p([s({type:Boolean,attribute:"is-save"})],c.prototype,"isSave",2),p([s({type:Boolean,attribute:"is-set"})],c.prototype,"isSet",2),p([s({type:Boolean,attribute:"is-key"})],c.prototype,"isKey",2),p([s({type:Boolean,attribute:"show-action"})],c.prototype,"showAction",2),p([s({type:Boolean,attribute:"show-add"})],c.prototype,"showAdd",2),p([s({type:Boolean,attribute:"show-answer-setting"})],c.prototype,"showAnswerSetting",2),p([s({type:Boolean,attribute:"show-analysis"})],c.prototype,"showAnalysis",2),p([s({type:String,attribute:"rich-text-content"})],c.prototype,"richTextContent",2),p([s({type:String})],c.prototype,"analysis",2),p([s({type:Number,attribute:"exam-answer-relation-type"})],c.prototype,"examAnswerRelationType",2),p([s({type:String,attribute:"exam-expand"})],c.prototype,"examExpand",2),p([s({type:Object,attribute:"exam-answer-setting"})],c.prototype,"examAnswerSetting",2),p([s({type:Object})],c.prototype,"uploadImage",2),p([s({type:Array,attribute:"answer-list"})],c.prototype,"answerList",2),p([s({type:String,attribute:"model-value"})],c.prototype,"modelValue",2),p([s({type:Boolean,attribute:"use-model"})],c.prototype,"useModel",2),p([r()],c.prototype,"_answers",2),p([r()],c.prototype,"_title",2),p([r()],c.prototype,"_analysis",2),p([r()],c.prototype,"_isInOrder",2),p([r()],c.prototype,"_isIgnoreCase",2),p([r()],c.prototype,"_keywordCount",2),p([r()],c.prototype,"_correct",2),p([r()],c.prototype,"_showRichText",2),p([r()],c.prototype,"_richText",2),c=p([o("qxs-text-fill")],c);export{c as QxsTextFill};
+    .section-row { margin-top: 12px; }
+    .value-text { font-size: 13px; color: #606266; white-space: pre-wrap; }
+    .tag-list { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 32px; }
+    .tag-item {
+      display: inline-flex; align-items: center; gap: 4px;
+      padding: 4px 8px; font-size: 12px; line-height: 1;
+      color: #3D61E3; background: #ecf5ff; border: 1px solid #d9ecff; border-radius: 4px;
+    }
+    .tag-item .close { cursor: pointer; color: #909399; }
+    .tag-item .close:hover { color: #f56c6c; }
+    .tag-hint { font-size: 12px; color: #909399; }
+    .el-select {
+      width: 150px; height: 32px; border: 1px solid #dcdfe6; border-radius: 3px;
+      padding: 0 8px; font-size: 13px; background: #fff; appearance: none;
+      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c0c4cc' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
+      background-repeat: no-repeat; background-position: right 8px center;
+    }
+    .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; background: #f5f7fa;
+    }
+  `,h([i({type:Number,attribute:"order-index"})],p.prototype,"order-index",2),h([i({type:String})],p.prototype,"title",2),h([i({type:String,attribute:"custom-id"})],p.prototype,"custom-id",2),h([i({type:Boolean,attribute:"is-edit"})],p.prototype,"is-edit",2),h([i({type:Boolean,attribute:"is-save"})],p.prototype,"is-save",2),h([i({type:Boolean,attribute:"is-set"})],p.prototype,"is-set",2),h([i({type:Boolean,attribute:"is-key"})],p.prototype,"is-key",2),h([i({type:Boolean,attribute:"show-action"})],p.prototype,"show-action",2),h([i({type:Boolean,attribute:"show-add"})],p.prototype,"show-add",2),h([i({type:Boolean,attribute:"show-answer-setting"})],p.prototype,"show-answer-setting",2),h([i({type:Boolean,attribute:"show-analysis"})],p.prototype,"show-analysis",2),h([i({type:String,attribute:"rich-text-content"})],p.prototype,"rich-text-content",2),h([i({type:String})],p.prototype,"analysis",2),h([i({type:Number,attribute:"exam-answer-relation-type"})],p.prototype,"exam-answer-relation-type",2),h([i({type:String,attribute:"exam-expand"})],p.prototype,"exam-expand",2),h([i({type:Number,attribute:"exam-id"})],p.prototype,"exam-id",2),h([i({type:String,attribute:"category-id"})],p.prototype,"category-id",2),h([i({type:Object,attribute:"exam-answer-setting"})],p.prototype,"exam-answer-setting",2),h([i({type:Object,attribute:"upload-image"})],p.prototype,"upload-image",2),h([i({type:Array,attribute:"answer-list"})],p.prototype,"answer-list",2),h([i({type:Array,attribute:"tag-list"})],p.prototype,"tag-list",2),h([i({type:Array,attribute:"category-list"})],p.prototype,"category-list",2),h([i({type:Array,attribute:"resource-list"})],p.prototype,"resource-list",2),h([i({type:Boolean,attribute:"show-tag"})],p.prototype,"show-tag",2),h([i({type:Boolean,attribute:"show-category"})],p.prototype,"show-category",2),h([i({type:Boolean,attribute:"show-resource"})],p.prototype,"show-resource",2),h([i({type:Object,attribute:"search-handler"})],p.prototype,"search-handler",2),h([i({type:String,attribute:"model-value"})],p.prototype,"model-value",2),h([i({type:Boolean,attribute:"use-model"})],p.prototype,"use-model",2),h([r()],p.prototype,"_answers",2),h([r()],p.prototype,"_title",2),h([r()],p.prototype,"_analysis",2),h([r()],p.prototype,"_isInOrder",2),h([r()],p.prototype,"_isIgnoreCase",2),h([r()],p.prototype,"_keywordCount",2),h([r()],p.prototype,"_correct",2),h([r()],p.prototype,"_showRichText",2),h([r()],p.prototype,"_richText",2),h([r()],p.prototype,"_selectedTagList",2),h([r()],p.prototype,"_categoryId",2),p=h([a("qxs-text-fill")],p);export{p as QxsTextFill};
 //# sourceMappingURL=text-fill.mjs.map