@qxs-bns/components-wc 0.0.30 → 0.0.31

package/lib/subject/text-fill.cjs

@@ -1,18 +1,25 @@
-"use strict";var t=require("lit"),e=require("lit/decorators.js"),s=require("../base/define.cjs"),i=require("./single.cjs"),r=require("./sorting-card.cjs"),o=require("./title-prefix.cjs"),a=require("./types.cjs"),n=Object.defineProperty,l=Object.getOwnPropertyDescriptor,p=(t,e,s,i)=>{for(var r,o=i>1?void 0:i?l(e,s):e,a=t.length-1;a>=0;a--)(r=t[a])&&(o=(i?r(e,s,o):r(o))||o);return i&&o&&n(e,s,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"}];exports.QxsTextFill=class extends t.LitElement{constructor(){super(...arguments),this._iconPlus=t.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>`,this._iconRemove=t.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>`,this["order-index"]=0,this.title="",this["custom-id"]="",this["is-edit"]=!1,this["is-save"]=!1,this["is-set"]=!1,this["is-key"]=!1,this["show-action"]=!0,this["show-add"]=!0,this["hide-add-rich-text"]=!1,this["show-rich-text"]=!1,this["show-delete-action"]=!0,this["show-save-action"]=!0,this.sorting=!1,this["show-answer-setting"]=!1,this["show-analysis"]=!1,this["rich-text-content"]="",this.analysis="",this["exam-answer-relation-type"]=0,this["exam-expand"]="",this["exam-id"]=0,this["category-id"]="",this["exam-answer-setting"]={isInOrder:!1,isIgnoreCase:!0},this["upload-image"]=async t=>new Promise((e,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 i.trimCommaSeparatedText(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._answers=[...this._answers,{title:"",tag:"",showInput:!1}]}_deleteAnswer(t){this._answers.length<2||(this._answers=this._answers.filter((e,s)=>s!==t))}_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:r,correct:o,keywordCount:a}=t;if(!s)return new i.SubjectError("题目标题不能为空!","EMPTY_TITLE","title",e);const n=this._filledAnswers(r);return!!o||null!==a||n.length>0?o?!a||a<1?new i.SubjectError("请完善答题设置!","NO_KEYWORD_COUNT","keywordCount",e):n.length?a>n.length?new i.SubjectError("关键词个数设置有误!","KEYWORD_COUNT_MISMATCH","answers",e):null:new i.SubjectError("请设置关键词","NO_KEYWORDS","answers",e):new i.SubjectError("请输入问题正确答案!","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"]},r=i.trimText(this["is-edit"]?this._title:this.title||""),o=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),n=i.trimText(this["is-edit"]?this._analysis:this.analysis||""),l=i.trimText(this["is-edit"]?this._correct:this["exam-expand"]||""),p=this["is-edit"]?this._keywordCount:this._readKeywordCount(this["exam-answer-setting"]),h=this["is-edit"]?this._isInOrder:this["exam-answer-setting"]?.isInOrder??!1,d=this["is-edit"]?this._isIgnoreCase:this["exam-answer-setting"]?.isIgnoreCase??!0,c=this["is-edit"]?this._showRichText:!!this["rich-text-content"],x=this["is-edit"]?this._richText:this["rich-text-content"]||"",y=this._validateState({row:s,title:r,answers:o,correct:l,keywordCount:p});if(y)return void e(y);const u={answerType:a.SubjectType.TEXT_FILL,examTypeEnum:a.SubjectType.TEXT_FILL,title:r,answers:this._filledAnswers(o).map((t,e)=>{const s=this._normalizeAnswerTitle(t),i={title:s,answer:s,orderIndex:e+1};return t.answerId&&(i.answerId=t.answerId,i.examAnswerId=t.answerId),t.customAnswerId&&(i.customAnswerId=t.customAnswerId),i}),analysis:n,isSetCorrectAnswer:!!l,isKey:this["is-key"],examExpand:l,examAnswerSettingBO:{isIgnoreCase:d,isInOrder:h,...null!==p?{keywordCount:p}:{}},examAnswerSettingVO:{isIgnoreCase:d,isInOrder:h,...null!==p?{keywordCount:p}:{}},examRichTextContent:c?x:""};this["custom-id"]&&(u.customId=this["custom-id"]),t(u)})}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=i.trimText(this["is-edit"]?this._title:this.title||""),s=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),r=i.trimText(this["is-edit"]?this._correct:this["exam-expand"]||""),o=this["is-edit"]?this._keywordCount:this._readKeywordCount(this["exam-answer-setting"]),a=this._validateState({row:t,title:e,answers:s,correct:r,keywordCount:o});return a?[a]:[]}_renderPreview(){const e=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),s=this["is-edit"]?this._correct:this["exam-expand"]||"",i=o.joinSubjectTitle(o.resolveSubjectPrefix(this["subject-prefix"],`${this["order-index"]+1}.`),this.title);return t.html`
+"use strict";var t=require("lit"),e=require("lit/decorators.js"),s=require("../base/define.cjs"),i=require("../editor/toolbar.cjs"),r=require("./shared-methods.cjs"),o=require("./shared-styles.cjs"),a=require("./single.cjs"),n=require("./sorting-card.cjs"),l=require("./types.cjs"),p=Object.defineProperty,d=Object.getOwnPropertyDescriptor,h=(t,e,s,i)=>{for(var r,o=i>1?void 0:i?d(e,s):e,a=t.length-1;a>=0;a--)(r=t[a])&&(o=(i?r(e,s,o):r(o))||o);return i&&o&&p(e,s,o),o};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"}];exports.QxsTextFill=class extends t.LitElement{constructor(){super(...arguments),this._iconPlus=t.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>`,this._iconRemove=t.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>`,this["order-index"]=0,this.title="",this["custom-id"]="",this["is-edit"]=!1,this["is-save"]=!1,this["is-set"]=!1,this["is-key"]=!1,this["show-action"]=!0,this["show-add"]=!0,this["hide-add-rich-text"]=!1,this["show-rich-text"]=!1,this["show-delete-action"]=!0,this["show-save-action"]=!0,this.sorting=!1,this["show-answer-setting"]=!1,this["show-analysis"]=!1,this["rich-text-content"]="",this.analysis="",this["exam-answer-relation-type"]=0,this["exam-expand"]="",this["exam-id"]=0,this["category-id"]="",this["exam-answer-setting"]={isInOrder:!1,isIgnoreCase:!0},this["upload-image"]=async t=>new Promise((e,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 a.trimCommaSeparatedText(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))}_previewKeywordItems(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return this._filledAnswers(t).flatMap(t=>this._normalizeAnswerTitle(t).split(",").map(t=>t.trim()).filter(Boolean))}_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){r.emitSubjectEvent(this,t,e)}_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"]&&r.emitSubjectModelValue(this,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._answers=[...this._answers,{title:"",tag:"",showInput:!1}]}_deleteAnswer(t){this._answers.length<2||(this._answers=this._answers.filter((e,s)=>s!==t))}_onCategoryChange(t){this._categoryId=t,this._emit("category-change",{value:t,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_imageResources(){return r.getSubjectImageResources(this["resource-list"]||[])}_videoResource(){return r.getSubjectVideoResource(this["resource-list"]||[])}_categoryLabel(){return r.resolveSubjectCategoryLabel(this["category-list"],this._categoryId)}_validateState(t){const{row:e,title:s,answers:i,correct:r,keywordCount:o}=t;if(!s)return new a.SubjectError("题目标题不能为空!","EMPTY_TITLE","title",e);const n=this._filledAnswers(i);return!!r||null!==o||n.length>0?r?!o||o<1?new a.SubjectError("请完善答题设置!","NO_KEYWORD_COUNT","keywordCount",e):n.length?o>n.length?new a.SubjectError("关键词个数设置有误!","KEYWORD_COUNT_MISMATCH","answers",e):null:new a.SubjectError("请设置关键词","NO_KEYWORDS","answers",e):new a.SubjectError("请输入问题正确答案!","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=a.trimText(this["is-edit"]?this._title:this.title||""),r=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),o=a.trimText(this["is-edit"]?this._analysis:this.analysis||""),n=a.trimText(this["is-edit"]?this._correct:this["exam-expand"]||""),p=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"],x=this["is-edit"]?this._richText:this["rich-text-content"]||"",w=this._validateState({row:s,title:i,answers:r,correct:n,keywordCount:p});if(w)return void e(w);const u={answerType:l.SubjectType.TEXT_FILL,examTypeEnum:l.SubjectType.TEXT_FILL,title:i,answers:this._filledAnswers(r).map((t,e)=>{const s=this._normalizeAnswerTitle(t),i={title:s,answer:s,orderIndex:e+1};return t.answerId&&(i.answerId=t.answerId,i.examAnswerId=t.answerId),t.customAnswerId&&(i.customAnswerId=t.customAnswerId),i}),analysis:o,isSetCorrectAnswer:!!n,isKey:this["is-key"],examExpand:n,examAnswerSettingBO:{isIgnoreCase:h,isInOrder:d,...null!==p?{keywordCount:p}:{}},examAnswerSettingVO:{isIgnoreCase:h,isInOrder:d,...null!==p?{keywordCount:p}:{}},examRichTextContent:c?x:""};this["custom-id"]&&(u.customId=this["custom-id"]),t(u)})}async _save(t){t?.stopImmediatePropagation();try{const t=await this.toJSON();this._emit("save",t)}catch(t){r.showSubjectToast(t.message)}}validate(){const t={customId:this["custom-id"]||void 0,answerType:"text_fill",orderIndex:this["order-index"]},e=a.trimText(this["is-edit"]?this._title:this.title||""),s=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),i=a.trimText(this["is-edit"]?this._correct:this["exam-expand"]||""),r=this["is-edit"]?this._keywordCount:this._readKeywordCount(this["exam-answer-setting"]),o=this._validateState({row:t,title:e,answers:s,correct:i,keywordCount:r});return o?[o]:[]}_renderPreview(){const e=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),s=this["is-edit"]?this._correct:this["exam-expand"]||"",i=r.buildSubjectPreviewTitle(this["subject-prefix"],this["order-index"],this.title),o=this._previewKeywordItems(e);return t.html`
       <div class="preview">
-        <span class="title">${i}（问答题）</span>
-        ${this["show-rich-text"]&&this["rich-text-content"]?t.html`<div class="rich-text" .innerHTML=${this["rich-text-content"]}></div>`:""}
-        ${this._filledAnswers(e).length?t.html`
-          <div style="margin-top:8px;color:#a8abb2">
-            ${this._filledAnswers(e).map((e,s)=>t.html`<span style="margin-right:10px">关键词${s+1}: ${this._normalizeAnswerTitle(e)}</span>`)}
+        <div class="preview-header">
+          <div class="preview-title-row">
+            <span class="title">${i}</span>
+            <span class="preview-type">问答题</span>
+          </div>
+          ${this["show-rich-text"]&&this["rich-text-content"]?t.html`<div class="rich-text" .innerHTML=${this["rich-text-content"]}></div>`:""}
+        </div>
+        ${o.length?t.html`
+          <div class="preview-keyword-list">
+            ${o.map(e=>t.html`
+              <span class="preview-answer-key">${e}</span>
+            `)}
           </div>
         `:""}
-        ${s?t.html`<div style="margin-top:8px;color:#a8abb2">正确答案：${s}</div>`:""}
-        ${this.analysis?t.html`<div style="color:#909399;font-size:12px;margin-top:8px">解析: ${this.analysis}</div>`:""}
+        ${s?t.html`<div class="preview-answer-body">${s}</div>`:""}
+        ${this.analysis?t.html`<div class="preview-analysis">${this.analysis}</div>`:""}
         ${this["show-category"]&&this._categoryId?t.html`<div class="section-row"><span class="value-text">分类：${this._categoryLabel()}</span></div>`:""}
         ${this._renderResourceSection()}
       </div>
-    `}_renderSorting(){const t=i.trimText(this["is-edit"]?this._title:this.title||"")||"未命名题目",e=o.joinSubjectTitle(o.resolveSubjectPrefix(this["subject-prefix"],`${this["order-index"]+1}. `),t);return r.renderSortingCard(e,a.SubjectTypeLabel[a.SubjectType.TEXT_FILL]||a.SubjectType.TEXT_FILL)}_renderCategorySection(){return this["show-category"]?t.html`
+    `}_renderSorting(){const t=a.trimText(this["is-edit"]?this._title:this.title||"")||"未命名题目",e=r.buildSubjectSortingTitle(this["subject-prefix"],this["order-index"],t);return n.renderSortingCard(e,l.SubjectTypeLabel[l.SubjectType.TEXT_FILL]||l.SubjectType.TEXT_FILL)}_renderCategorySection(){return this["show-category"]?t.html`
       <div class="flex-items-start section-row">
         <div class="label"><span>分类:</span></div>
         <div style="flex:1">
@@ -42,123 +49,133 @@
         </div>
       </div>
     `}_renderEdit(){return t.html`
-      <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}
-              maxlength=${this.TITLE_MAX}
-              @input=${t=>this._onTitleInput(t)}
-              placeholder="【问答题】请输入问题"></textarea>
-            <span class="char-counter">${this._title.length}/${this.TITLE_MAX}</span>
+      <div class="edit-form">
+        <div class="edit-row">
+          <div class="label"><span>题目:</span></div>
+          <div class="row-body">
+            <div class="el-input">
+              <textarea rows="2" .value=${this._title}
+                maxlength=${this.TITLE_MAX}
+                @input=${t=>this._onTitleInput(t)}
+                placeholder="【问答题】请输入问题"></textarea>
+              <span class="char-counter">${this._title.length}/${this.TITLE_MAX}</span>
+            </div>
           </div>
         </div>
-      </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 class="edit-row section-row">
+          <div class="label"><span>答题设置:</span></div>
+          <div class="row-body edit-inline">
+            <span class="setting-copy">共答对</span>
+            <input
+              type="number"
+              class="setting-number"
+              .value=${null===this._keywordCount?"":String(this._keywordCount)}
+              min="1"
+              @change=${t=>{const e=t.target.value;this._keywordCount=""===e?null:Number(e)}} />
+            <span class="setting-copy">个关键词，算是正确的</span>
+            <label class="setting-toggle">
+              <input type="checkbox" .checked=${this._isInOrder}
+                @change=${t=>{this._isInOrder=t.target.checked}} />
+              答案不分顺序
+            </label>
+            <label class="setting-toggle">
+              <input type="checkbox" .checked=${this._isIgnoreCase}
+                @change=${t=>{this._isIgnoreCase=t.target.checked}} />
+              忽略大小写
+            </label>
+          </div>
         </div>
-      </div>
 
-      <slot name="business-tag"></slot>
+        <slot name="business-tag"></slot>
 
-      ${this._renderCategorySection()}
+        ${this._renderCategorySection()}
 
-      ${this._renderResourceSection()}
+        ${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}
-              maxlength="200"
-              @input=${t=>{this._correct=t.target.value}}
-              placeholder="请输入正确答案"></textarea>
-            <span class="char-counter">${this._correct.length}/200</span>
+        <div class="edit-row section-row">
+          <div class="label"><span>答案:</span></div>
+          <div class="row-body">
+            <div class="el-input">
+              <textarea rows="2" .value=${this._correct}
+                maxlength="200"
+                @input=${t=>{this._correct=t.target.value}}
+                placeholder="请输入正确答案"></textarea>
+              <span class="char-counter">${this._correct.length}/200</span>
+            </div>
           </div>
         </div>
-      </div>
 
-      <div class="answer-list" style="margin-top:12px">
-        <span style="padding-left:60px;font-size:12px;color:#909399">*如遇包含特殊字符的关键词，需添加多个同义词，例：'CO₂'需添加同义词'CO2'</span>
-        ${this._answers.map((e,s)=>t.html`
-          <div class="answer-item">
-            <span class="label">关键词${s+1}:</span>
-            <div class="answer-tags" style="display:flex;flex-wrap:wrap;gap:5px;align-items:center;flex:1;max-width:360px">
-              ${e.title.split(",").filter(Boolean).map(e=>{const i=h[s%h.length];return t.html`
-                <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">
-                  ${e}
-                  <span style="cursor:pointer;margin-left:4px;color:#909399" @click=${()=>this._closeTag(e,s)}>×</span>
-                </span>
-              `})}
-              ${t.html`
-                ${e.showInput?t.html`
-                  <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(s)}}
-                    @input=${t=>{e.tag=t.target.value}}
-                    @blur=${()=>this._addTag(s)} />
-                  <button class="el-link" @click=${()=>this._addTag(s)}>确认</button>
-                `:t.html`
-                  <button class="link" @click=${()=>{this._answers=this._answers.map((t,e)=>e===s?{...t,showInput:!0}:t),this.updateComplete.then(()=>{this.shadowRoot?.querySelector('input[style*="width:80px"]')?.focus()})}}>
-                    ${e.title?"添加同义词":"添加关键词"}
-                  </button>
-                `}
-              `}
+        <div class="edit-row section-row keyword-section-row">
+          <div class="label"><span>关键词:</span></div>
+          <div class="row-body">
+            <div class="keyword-section">
+              <div class="edit-note">如遇特殊字符关键词，请补充同义词，例如 “CO₂” 同时补充 “CO2”。</div>
+              <div class="answer-list">
+                ${this._answers.map((e,s)=>t.html`
+                  <div class="answer-item">
+                    <span class="answer-item-label">关键词${s+1}:</span>
+                    <div class="answer-tags">
+                      ${e.title.split(",").filter(Boolean).map(e=>{const i=c[s%c.length];return t.html`
+                        <span style="display:inline-flex;align-items:center;background:${i.bg};color:${i.color};border:1px solid ${i.border};border-radius:6px;padding:2px 8px;font-size:12px;line-height:16px">
+                          ${e}
+                          <span style="cursor:pointer;margin-left:4px;color:#909399" @click=${()=>this._closeTag(e,s)}>×</span>
+                        </span>
+                      `})}
+                      ${t.html`
+                        ${e.showInput?t.html`
+                          <input type="text" class="keyword-input"
+                            @keydown=${t=>{"Enter"===t.key&&this._addTag(s)}}
+                            @input=${t=>{e.tag=t.target.value}}
+                            @blur=${()=>this._addTag(s)} />
+                          <button class="el-link" @click=${()=>this._addTag(s)}>确认</button>
+                        `:t.html`
+                          <button class="link" @click=${()=>{this._answers=this._answers.map((t,e)=>e===s?{...t,showInput:!0}:t),this.updateComplete.then(()=>{this.shadowRoot?.querySelector(".keyword-input")?.focus()})}}>
+                            ${e.title?"添加同义词":"添加关键词"}
+                          </button>
+                        `}
+                      `}
+                    </div>
+                    <span class="icon" @click=${()=>this._addAnswer()}>${this._iconPlus}</span>
+                    <span class="icon ${this._answers.length<2?"disabled":""}" @click=${()=>this._deleteAnswer(s)}>${this._iconRemove}</span>
+                  </div>
+                `)}
+              </div>
             </div>
-            <span class="icon" @click=${()=>this._addAnswer()}>${this._iconPlus}</span>
-            <span class="icon ${this._answers.length<2?"disabled":""}" @click=${()=>this._deleteAnswer(s)}>${this._iconRemove}</span>
           </div>
-        `)}
-      </div>
+        </div>
 
-      ${this["show-rich-text"]&&this._showRichText?t.html`
-        <div class="flex-items-start" style="margin-top:12px">
-          <div class="label"><span>副文本:</span></div>
-          <div style="flex:1">
-            <slot name="sub-text">
-              <qxs-blocksuite-editor
-                .content=${this._richText}
-                .upload-image=${this["upload-image"]}
-                ?is-edit=${!0}
-                @input=${t=>{this._richText=t.target.getContent()}}
-              ></qxs-blocksuite-editor>
-            </slot>
-            ${this["show-action"]?"":t.html`<div class="flex-justify-end" style="margin-top:8px"><span class="el-link danger" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span></div>`}
+        ${this["show-rich-text"]&&this._showRichText?t.html`
+          <div class="edit-row section-row">
+            <div class="label"><span>副文本:</span></div>
+            <div class="row-body">
+              <slot name="sub-text">
+                <qxs-blocksuite-editor
+                  .content=${this._richText}
+                  .toolbar=${i.SUB_TEXT_EDITOR_TOOLBAR}
+                  .upload-image=${this["upload-image"]}
+                  ?is-edit=${!0}
+                  @input=${t=>{this._richText=t.target.getContent()}}
+                ></qxs-blocksuite-editor>
+              </slot>
+              ${this["show-action"]?"":t.html`<div class="flex-justify-end" style="margin-top:8px"><span class="el-link danger" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span></div>`}
+            </div>
           </div>
-        </div>
-      `:""}
+        `:""}
 
-      ${this["show-analysis"]?t.html`
-        <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._analysis}
-                @input=${t=>{this._analysis=t.target.value}}
-                placeholder="请输入题目解析"></textarea>
+        ${this["show-analysis"]?t.html`
+          <div class="edit-row section-row">
+            <div class="label"><span>解析:</span></div>
+            <div class="row-body">
+              <div class="el-input">
+                <textarea rows="2" .value=${this._analysis}
+                  @input=${t=>{this._analysis=t.target.value}}
+                  placeholder="请输入题目解析"></textarea>
+              </div>
             </div>
           </div>
-        </div>
-      `:""}
+        `:""}
+      </div>
     `}render(){if(this.sorting)return this._renderSorting();const e=this["is-edit"]?t.html`<div slot="edit">${this._renderEdit()}</div>`:t.html`<div slot="preview">${this._renderPreview()}</div>`;return t.html`
       <qxs-subject-layout .show-edit=${this["is-edit"]}>
         ${e}
@@ -182,41 +199,114 @@
         `:""}
         <slot name="action"></slot>
       </qxs-subject-layout>
-    `}},exports.QxsTextFill.styles=[r.sortingCardStyles,t.css`
-    :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; }
-
-    .preview { padding: 12px 0; }
-    .preview .title { font-size: 14px; color: #303133; }
-    .preview .rich-text { margin-top: 8px; }
-    .preview .rich-text img { max-width: 100%; }
-    .preview .rich-text img[data-align="left"] { display: block !important; margin: 0 auto 0 0 !important; }
-    .preview .rich-text img[data-align="center"] { display: block !important; margin: 0 auto !important; }
-    .preview .rich-text img[data-align="right"] { display: block !important; margin: 0 0 0 auto !important; }
+    `}},exports.QxsTextFill.styles=[n.sortingCardStyles,o.subjectHostStyles,o.subjectControlResetStyles,o.subjectPreviewBaseStyles,o.subjectFormBaseStyles,o.subjectTextareaStyles,t.css`
+    .preview-keyword-list {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      margin-top: 16px;
+    }
+    .preview-answer-key {
+      display: inline-flex;
+      align-items: center;
+      padding: 2px 10px;
+      border-radius: 999px;
+      background: #f3f6fb;
+      font-size: 12px;
+      line-height: 1.6;
+      font-weight: 500;
+      color: #6b7280;
+    }
+    .preview-answer-body {
+      position: relative;
+      margin-top: 16px;
+      padding-left: 16px;
+      font-size: 14px;
+      line-height: 1.85;
+      font-weight: 600;
+      color: #3c4758;
+      white-space: pre-wrap;
+    }
+    .preview-answer-body::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 0.72em;
+      width: 6px;
+      height: 6px;
+      border-radius: 999px;
+      background: #c9d5ff;
+    }
+    .preview-analysis {
+      margin-top: 20px;
+      padding-left: 10px;
+      border-left: 2px solid #e5eaf3;
+      font-size: 13px;
+      line-height: 1.8;
+      color: #6b7280;
+    }
 
     .flex { display: flex; }
     .flex-items-center { display: flex; align-items: center; }
     .flex-items-start { display: flex; align-items: flex-start; }
     .flex-justify-end { display: flex; justify-content: flex-end; }
-    .label { min-width: 60px; font-size: 13px; color: #606266; }
-
-    textarea {
-      border: 1px solid #dcdfe6; border-radius: 3px; padding: 5px 11px;
-      font-size: 13px; font-family: inherit; width: 100%; resize: none; transition: border-color .2s;
-      line-height: 1.5; display: block; box-sizing: border-box;
+    .edit-inline {
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      gap: 8px 14px;
+      min-height: 32px;
+    }
+    .setting-copy {
+      font-size: 13px;
+      color: #606266;
+    }
+    .setting-number {
+      width: 68px;
+      height: 32px;
+      border: 1px solid #dcdfe6;
+      border-radius: 6px;
+      padding: 0 10px;
+      font-size: 13px;
+      line-height: 32px;
+      font-family: inherit;
+    }
+    .setting-number:focus {
+      border-color: #3D61E3;
+      outline: none;
+    }
+    .setting-toggle {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      cursor: pointer;
+      font-size: 12px;
+      color: #606266;
+      user-select: none;
     }
-    textarea:focus { border-color: #3D61E3; outline: none; }
-    textarea:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }
-    .el-input { position: relative; display: block; }
-    .el-input textarea { padding-bottom: 24px; }
-    .el-input .char-counter {
-      position: absolute; right: 12px; bottom: 8px;
-      font-size: 12px; color: #909399; line-height: 1; pointer-events: none;
+    .edit-note {
+      margin-bottom: 8px;
+      font-size: 12px;
+      line-height: 1.6;
+      color: #909399;
     }
 
-    .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-list { display: flex; flex-direction: column; gap: 10px; }
+    .answer-item {
+      display: grid;
+      grid-template-columns: 76px minmax(0, 1fr) auto auto;
+      gap: 8px;
+      align-items: center;
+      border-radius: 4px;
+    }
+    .answer-item-label {
+      min-width: 0;
+      font-size: 13px;
+      line-height: 1.5;
+      font-weight: 600;
+      color: #6b7280;
+      letter-spacing: 0;
+    }
     .answer-item .icon {
       margin-left: 6px; cursor: pointer; display: inline-flex;
       align-items: center; justify-content: center;
@@ -233,7 +323,6 @@
     .el-link:hover { color: #2D4CB8; }
     .el-link.danger { color: #f56c6c; }
 
-    .section-row { margin-top: 12px; }
     .value-text { font-size: 13px; color: #606266; white-space: pre-wrap; }
     .tag-list { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 32px; }
     .tag-item {
@@ -245,7 +334,7 @@
     .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;
+      width: 150px; height: 34px; border: 1px solid #dcdfe6; border-radius: 6px;
       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;
@@ -256,5 +345,51 @@
       width: 72px; height: 72px; object-fit: cover; border-radius: 6px;
       border: 1px solid #e4e7ed; background: #f5f7fa;
     }
-  `],p([e.property({type:Number,attribute:"order-index"})],exports.QxsTextFill.prototype,"order-index",2),p([e.property({type:String,attribute:"subject-prefix"})],exports.QxsTextFill.prototype,"subject-prefix",2),p([e.property({type:String})],exports.QxsTextFill.prototype,"title",2),p([e.property({type:String,attribute:"custom-id"})],exports.QxsTextFill.prototype,"custom-id",2),p([e.property({type:Boolean,attribute:"is-edit"})],exports.QxsTextFill.prototype,"is-edit",2),p([e.property({type:Boolean,attribute:"is-save"})],exports.QxsTextFill.prototype,"is-save",2),p([e.property({type:Boolean,attribute:"is-set"})],exports.QxsTextFill.prototype,"is-set",2),p([e.property({type:Boolean,attribute:"is-key"})],exports.QxsTextFill.prototype,"is-key",2),p([e.property({type:Boolean,attribute:"show-action"})],exports.QxsTextFill.prototype,"show-action",2),p([e.property({type:Boolean,attribute:"show-add"})],exports.QxsTextFill.prototype,"show-add",2),p([e.property({type:Boolean,attribute:"hide-add-rich-text"})],exports.QxsTextFill.prototype,"hide-add-rich-text",2),p([e.property({type:Boolean,attribute:"show-rich-text"})],exports.QxsTextFill.prototype,"show-rich-text",2),p([e.property({type:Boolean,attribute:"show-delete-action"})],exports.QxsTextFill.prototype,"show-delete-action",2),p([e.property({type:Boolean,attribute:"show-save-action"})],exports.QxsTextFill.prototype,"show-save-action",2),p([e.property({type:Boolean,reflect:!0})],exports.QxsTextFill.prototype,"sorting",2),p([e.property({type:Boolean,attribute:"show-answer-setting"})],exports.QxsTextFill.prototype,"show-answer-setting",2),p([e.property({type:Boolean,attribute:"show-analysis"})],exports.QxsTextFill.prototype,"show-analysis",2),p([e.property({type:String,attribute:"rich-text-content"})],exports.QxsTextFill.prototype,"rich-text-content",2),p([e.property({type:String})],exports.QxsTextFill.prototype,"analysis",2),p([e.property({type:Number,attribute:"exam-answer-relation-type"})],exports.QxsTextFill.prototype,"exam-answer-relation-type",2),p([e.property({type:String,attribute:"exam-expand"})],exports.QxsTextFill.prototype,"exam-expand",2),p([e.property({type:Number,attribute:"exam-id"})],exports.QxsTextFill.prototype,"exam-id",2),p([e.property({type:String,attribute:"category-id"})],exports.QxsTextFill.prototype,"category-id",2),p([e.property({type:Object,attribute:"exam-answer-setting"})],exports.QxsTextFill.prototype,"exam-answer-setting",2),p([e.property({type:Object,attribute:"upload-image"})],exports.QxsTextFill.prototype,"upload-image",2),p([e.property({type:Array,attribute:"answer-list"})],exports.QxsTextFill.prototype,"answer-list",2),p([e.property({type:Array,attribute:"tag-list"})],exports.QxsTextFill.prototype,"tag-list",2),p([e.property({type:Array,attribute:"category-list"})],exports.QxsTextFill.prototype,"category-list",2),p([e.property({type:Array,attribute:"resource-list"})],exports.QxsTextFill.prototype,"resource-list",2),p([e.property({type:Boolean,attribute:"show-tag"})],exports.QxsTextFill.prototype,"show-tag",2),p([e.property({type:Boolean,attribute:"show-category"})],exports.QxsTextFill.prototype,"show-category",2),p([e.property({type:Boolean,attribute:"show-resource"})],exports.QxsTextFill.prototype,"show-resource",2),p([e.property({type:Object,attribute:"search-handler"})],exports.QxsTextFill.prototype,"search-handler",2),p([e.property({type:String,attribute:"model-value"})],exports.QxsTextFill.prototype,"model-value",2),p([e.property({type:Boolean,attribute:"use-model"})],exports.QxsTextFill.prototype,"use-model",2),p([e.state()],exports.QxsTextFill.prototype,"_answers",2),p([e.state()],exports.QxsTextFill.prototype,"_title",2),p([e.state()],exports.QxsTextFill.prototype,"_analysis",2),p([e.state()],exports.QxsTextFill.prototype,"_isInOrder",2),p([e.state()],exports.QxsTextFill.prototype,"_isIgnoreCase",2),p([e.state()],exports.QxsTextFill.prototype,"_keywordCount",2),p([e.state()],exports.QxsTextFill.prototype,"_correct",2),p([e.state()],exports.QxsTextFill.prototype,"_showRichText",2),p([e.state()],exports.QxsTextFill.prototype,"_richText",2),p([e.state()],exports.QxsTextFill.prototype,"_selectedTagList",2),p([e.state()],exports.QxsTextFill.prototype,"_categoryId",2),exports.QxsTextFill=p([s.safeCustomElement("qxs-text-fill")],exports.QxsTextFill);
+    .answer-tags {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 6px;
+      align-items: center;
+      flex: 1;
+      max-width: 420px;
+      min-height: 28px;
+    }
+    .keyword-section { display: flex; flex-direction: column; gap: 10px; }
+    .keyword-section-row > .label { padding-top: 0; }
+    .keyword-input {
+      width: 88px;
+      height: 28px;
+      border: 1px solid #dcdfe6;
+      border-radius: 6px;
+      padding: 0 8px;
+      font-size: 12px;
+      font-family: inherit;
+    }
+    .keyword-input:focus {
+      border-color: #3D61E3;
+      outline: none;
+    }
+
+    @media (max-width: 720px) {
+      .edit-row,
+      .section-row {
+        flex-direction: column;
+        gap: 8px;
+      }
+
+      .edit-row > .label,
+      .section-row > .label {
+        min-width: 0;
+        padding-top: 0;
+      }
+
+      .answer-item-label {
+        min-width: 0;
+      }
+
+      .answer-tags {
+        max-width: none;
+      }
+    }
+  `],h([e.property({type:Number,attribute:"order-index"})],exports.QxsTextFill.prototype,"order-index",2),h([e.property({type:String,attribute:"subject-prefix"})],exports.QxsTextFill.prototype,"subject-prefix",2),h([e.property({type:String})],exports.QxsTextFill.prototype,"title",2),h([e.property({type:String,attribute:"custom-id"})],exports.QxsTextFill.prototype,"custom-id",2),h([e.property({type:Boolean,attribute:"is-edit"})],exports.QxsTextFill.prototype,"is-edit",2),h([e.property({type:Boolean,attribute:"is-save"})],exports.QxsTextFill.prototype,"is-save",2),h([e.property({type:Boolean,attribute:"is-set"})],exports.QxsTextFill.prototype,"is-set",2),h([e.property({type:Boolean,attribute:"is-key"})],exports.QxsTextFill.prototype,"is-key",2),h([e.property({type:Boolean,attribute:"show-action"})],exports.QxsTextFill.prototype,"show-action",2),h([e.property({type:Boolean,attribute:"show-add"})],exports.QxsTextFill.prototype,"show-add",2),h([e.property({type:Boolean,attribute:"hide-add-rich-text"})],exports.QxsTextFill.prototype,"hide-add-rich-text",2),h([e.property({type:Boolean,attribute:"show-rich-text"})],exports.QxsTextFill.prototype,"show-rich-text",2),h([e.property({type:Boolean,attribute:"show-delete-action"})],exports.QxsTextFill.prototype,"show-delete-action",2),h([e.property({type:Boolean,attribute:"show-save-action"})],exports.QxsTextFill.prototype,"show-save-action",2),h([e.property({type:Boolean,reflect:!0})],exports.QxsTextFill.prototype,"sorting",2),h([e.property({type:Boolean,attribute:"show-answer-setting"})],exports.QxsTextFill.prototype,"show-answer-setting",2),h([e.property({type:Boolean,attribute:"show-analysis"})],exports.QxsTextFill.prototype,"show-analysis",2),h([e.property({type:String,attribute:"rich-text-content"})],exports.QxsTextFill.prototype,"rich-text-content",2),h([e.property({type:String})],exports.QxsTextFill.prototype,"analysis",2),h([e.property({type:Number,attribute:"exam-answer-relation-type"})],exports.QxsTextFill.prototype,"exam-answer-relation-type",2),h([e.property({type:String,attribute:"exam-expand"})],exports.QxsTextFill.prototype,"exam-expand",2),h([e.property({type:Number,attribute:"exam-id"})],exports.QxsTextFill.prototype,"exam-id",2),h([e.property({type:String,attribute:"category-id"})],exports.QxsTextFill.prototype,"category-id",2),h([e.property({type:Object,attribute:"exam-answer-setting"})],exports.QxsTextFill.prototype,"exam-answer-setting",2),h([e.property({type:Object,attribute:"upload-image"})],exports.QxsTextFill.prototype,"upload-image",2),h([e.property({type:Array,attribute:"answer-list"})],exports.QxsTextFill.prototype,"answer-list",2),h([e.property({type:Array,attribute:"tag-list"})],exports.QxsTextFill.prototype,"tag-list",2),h([e.property({type:Array,attribute:"category-list"})],exports.QxsTextFill.prototype,"category-list",2),h([e.property({type:Array,attribute:"resource-list"})],exports.QxsTextFill.prototype,"resource-list",2),h([e.property({type:Boolean,attribute:"show-tag"})],exports.QxsTextFill.prototype,"show-tag",2),h([e.property({type:Boolean,attribute:"show-category"})],exports.QxsTextFill.prototype,"show-category",2),h([e.property({type:Boolean,attribute:"show-resource"})],exports.QxsTextFill.prototype,"show-resource",2),h([e.property({type:Object,attribute:"search-handler"})],exports.QxsTextFill.prototype,"search-handler",2),h([e.property({type:String,attribute:"model-value"})],exports.QxsTextFill.prototype,"model-value",2),h([e.property({type:Boolean,attribute:"use-model"})],exports.QxsTextFill.prototype,"use-model",2),h([e.state()],exports.QxsTextFill.prototype,"_answers",2),h([e.state()],exports.QxsTextFill.prototype,"_title",2),h([e.state()],exports.QxsTextFill.prototype,"_analysis",2),h([e.state()],exports.QxsTextFill.prototype,"_isInOrder",2),h([e.state()],exports.QxsTextFill.prototype,"_isIgnoreCase",2),h([e.state()],exports.QxsTextFill.prototype,"_keywordCount",2),h([e.state()],exports.QxsTextFill.prototype,"_correct",2),h([e.state()],exports.QxsTextFill.prototype,"_showRichText",2),h([e.state()],exports.QxsTextFill.prototype,"_richText",2),h([e.state()],exports.QxsTextFill.prototype,"_selectedTagList",2),h([e.state()],exports.QxsTextFill.prototype,"_categoryId",2),exports.QxsTextFill=h([s.safeCustomElement("qxs-text-fill")],exports.QxsTextFill);
 //# sourceMappingURL=text-fill.cjs.map