@qxs-bns/components-wc 0.0.30 → 0.0.32

package/es/subject/text-fill.mjs

@@ -1,18 +1,25 @@
-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{trimCommaSeparatedText as a,SubjectError as n,trimText as l}from"./single.mjs";import{sortingCardStyles as d,renderSortingCard as h}from"./sorting-card.mjs";import{joinSubjectTitle as c,resolveSubjectPrefix as p}from"./title-prefix.mjs";import{SubjectType as x,SubjectTypeLabel as g}from"./types.mjs";var u=Object.defineProperty,y=Object.getOwnPropertyDescriptor,w=(t,e,i,s)=>{for(var r,o=s>1?void 0:s?y(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s?r(e,i,o):r(o))||o);return s&&o&&u(e,i,o),o};const m=[{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 _=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["order-index"]=0,this.title="",this["custom-id"]="",this["is-edit"]=!1,this["is-save"]=!1,this["is-set"]=!1,this["is-key"]=!1,this["show-action"]=!0,this["show-add"]=!0,this["hide-add-rich-text"]=!1,this["show-rich-text"]=!1,this["show-delete-action"]=!0,this["show-save-action"]=!0,this.sorting=!1,this["show-answer-setting"]=!1,this["show-analysis"]=!1,this["rich-text-content"]="",this.analysis="",this["exam-answer-relation-type"]=0,this["exam-expand"]="",this["exam-id"]=0,this["category-id"]="",this["exam-answer-setting"]={isInOrder:!1,isIgnoreCase:!0},this["upload-image"]=async t=>new Promise((e,i)=>{const s=new FileReader;s.onload=t=>e(t.target?.result),s.onerror=i,s.readAsDataURL(t)}),this["answer-list"]=[],this["tag-list"]=[],this["category-list"]=[],this["resource-list"]=[],this["show-tag"]=!1,this["show-category"]=!1,this["show-resource"]=!1,this["model-value"]="",this["use-model"]=!1,this._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(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((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)}_addAnswer(){this._answers=[...this._answers,{title:"",tag:"",showInput:!1}]}_deleteAnswer(t){this._answers.length<2||(this._answers=this._answers.filter((e,i)=>i!==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:i,answers:s,correct:r,keywordCount:o}=t;if(!i)return new n("题目标题不能为空!","EMPTY_TITLE","title",e);const a=this._filledAnswers(s);return!!r||null!==o||a.length>0?r?!o||o<1?new n("请完善答题设置!","NO_KEYWORD_COUNT","keywordCount",e):a.length?o>a.length?new n("关键词个数设置有误!","KEYWORD_COUNT_MISMATCH","answers",e):null:new n("请设置关键词","NO_KEYWORDS","answers",e):new n("请输入问题正确答案!","NO_CORRECT_ANSWER","correct",e):null}async toJSON(){return new Promise((t,e)=>{const i={customId:this["custom-id"]||void 0,answerType:"text_fill",orderIndex:this["order-index"]},s=l(this["is-edit"]?this._title:this.title||""),r=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),o=l(this["is-edit"]?this._analysis:this.analysis||""),a=l(this["is-edit"]?this._correct:this["exam-expand"]||""),n=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._validateState({row:i,title:s,answers:r,correct:a,keywordCount:n});if(g)return void e(g);const u={answerType:x.TEXT_FILL,examTypeEnum:x.TEXT_FILL,title:s,answers:this._filledAnswers(r).map((t,e)=>{const i=this._normalizeAnswerTitle(t),s={title:i,answer:i,orderIndex:e+1};return t.answerId&&(s.answerId=t.answerId,s.examAnswerId=t.answerId),t.customAnswerId&&(s.customAnswerId=t.customAnswerId),s}),analysis:o,isSetCorrectAnswer:!!a,isKey:this["is-key"],examExpand:a,examAnswerSettingBO:{isIgnoreCase:h,isInOrder:d,...null!==n?{keywordCount:n}:{}},examAnswerSettingVO:{isIgnoreCase:h,isInOrder:d,...null!==n?{keywordCount:n}:{}},examRichTextContent:c?p:""};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=l(this["is-edit"]?this._title:this.title||""),i=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),s=l(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:i,correct:s,keywordCount:r});return o?[o]:[]}_renderPreview(){const t=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),e=this["is-edit"]?this._correct:this["exam-expand"]||"",s=c(p(this["subject-prefix"],`${this["order-index"]+1}.`),this.title);return i`
+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{SUB_TEXT_EDITOR_TOOLBAR as a}from"../editor/toolbar.mjs";import{emitSubjectEvent as n,emitSubjectModelValue as l,getSubjectImageResources as d,getSubjectVideoResource as h,resolveSubjectCategoryLabel as c,showSubjectToast as p,buildSubjectPreviewTitle as w,buildSubjectSortingTitle as g}from"./shared-methods.mjs";import{subjectHostStyles as u,subjectControlResetStyles as y,subjectPreviewBaseStyles as x,subjectFormBaseStyles as m,subjectTextareaStyles as _}from"./shared-styles.mjs";import{trimCommaSeparatedText as v,SubjectError as f,trimText as b}from"./single.mjs";import{sortingCardStyles as $,renderSortingCard as k}from"./sorting-card.mjs";import{SubjectType as I,SubjectTypeLabel as T}from"./types.mjs";var C=Object.defineProperty,A=Object.getOwnPropertyDescriptor,S=(t,e,i,s)=>{for(var r,o=s>1?void 0:s?A(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s?r(e,i,o):r(o))||o);return s&&o&&C(e,i,o),o};const E=[{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 O=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["order-index"]=0,this.title="",this["custom-id"]="",this["is-edit"]=!1,this["is-save"]=!1,this["is-set"]=!1,this["is-key"]=!1,this["show-action"]=!0,this["show-add"]=!0,this["hide-add-rich-text"]=!1,this["show-rich-text"]=!1,this["show-delete-action"]=!0,this["show-save-action"]=!0,this.sorting=!1,this["show-answer-setting"]=!1,this["show-analysis"]=!1,this["rich-text-content"]="",this.analysis="",this["exam-answer-relation-type"]=0,this["exam-expand"]="",this["exam-id"]=0,this["category-id"]="",this["exam-answer-setting"]={isInOrder:!1,isIgnoreCase:!0},this["upload-image"]=async t=>new Promise((e,i)=>{const s=new FileReader;s.onload=t=>e(t.target?.result),s.onerror=i,s.readAsDataURL(t)}),this["answer-list"]=[],this["tag-list"]=[],this["category-list"]=[],this["resource-list"]=[],this["show-tag"]=!1,this["show-category"]=!1,this["show-resource"]=!1,this["model-value"]="",this["use-model"]=!1,this._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 v(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){n(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"]&&l(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((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)}_addAnswer(){this._answers=[...this._answers,{title:"",tag:"",showInput:!1}]}_deleteAnswer(t){this._answers.length<2||(this._answers=this._answers.filter((e,i)=>i!==t))}_onCategoryChange(t){this._categoryId=t,this._emit("category-change",{value:t,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_imageResources(){return d(this["resource-list"]||[])}_videoResource(){return h(this["resource-list"]||[])}_categoryLabel(){return c(this["category-list"],this._categoryId)}_validateState(t){const{row:e,title:i,answers:s,correct:r,keywordCount:o}=t;if(!i)return new f("题目标题不能为空!","EMPTY_TITLE","title",e);const a=this._filledAnswers(s);return!!r||null!==o||a.length>0?r?!o||o<1?new f("请完善答题设置!","NO_KEYWORD_COUNT","keywordCount",e):a.length?o>a.length?new f("关键词个数设置有误!","KEYWORD_COUNT_MISMATCH","answers",e):null:new f("请设置关键词","NO_KEYWORDS","answers",e):new f("请输入问题正确答案!","NO_CORRECT_ANSWER","correct",e):null}async toJSON(){return new Promise((t,e)=>{const i={customId:this["custom-id"]||void 0,answerType:"text_fill",orderIndex:this["order-index"]},s=b(this["is-edit"]?this._title:this.title||""),r=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),o=b(this["is-edit"]?this._analysis:this.analysis||""),a=b(this["is-edit"]?this._correct:this["exam-expand"]||""),n=this["is-edit"]?this._keywordCount:this._readKeywordCount(this["exam-answer-setting"]),l=this["is-edit"]?this._isInOrder:this["exam-answer-setting"]?.isInOrder??!1,d=this["is-edit"]?this._isIgnoreCase:this["exam-answer-setting"]?.isIgnoreCase??!0,h=this["is-edit"]?this._showRichText:!!this["rich-text-content"],c=this["is-edit"]?this._richText:this["rich-text-content"]||"",p=this._validateState({row:i,title:s,answers:r,correct:a,keywordCount:n});if(p)return void e(p);const w={answerType:I.TEXT_FILL,examTypeEnum:I.TEXT_FILL,title:s,answers:this._filledAnswers(r).map((t,e)=>{const i=this._normalizeAnswerTitle(t),s={title:i,answer:i,orderIndex:e+1};return t.answerId&&(s.answerId=t.answerId,s.examAnswerId=t.answerId),t.customAnswerId&&(s.customAnswerId=t.customAnswerId),s}),analysis:o,isSetCorrectAnswer:!!a,isKey:this["is-key"],examExpand:a,examAnswerSettingBO:{isIgnoreCase:d,isInOrder:l,...null!==n?{keywordCount:n}:{}},examAnswerSettingVO:{isIgnoreCase:d,isInOrder:l,...null!==n?{keywordCount:n}:{}},examRichTextContent:h?c:""};this["custom-id"]&&(w.customId=this["custom-id"]),t(w)})}async _save(t){t?.stopImmediatePropagation();try{const t=await this.toJSON();this._emit("save",t)}catch(t){p(t.message)}}validate(){const t={customId:this["custom-id"]||void 0,answerType:"text_fill",orderIndex:this["order-index"]},e=b(this["is-edit"]?this._title:this.title||""),i=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),s=b(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:i,correct:s,keywordCount:r});return o?[o]:[]}_renderPreview(){const t=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),e=this["is-edit"]?this._correct:this["exam-expand"]||"",s=w(this["subject-prefix"],this["order-index"],this.title),r=this._previewKeywordItems(t);return i`
       <div class="preview">
-        <span class="title">${s}（问答题）</span>
-        ${this["show-rich-text"]&&this["rich-text-content"]?i`<div class="rich-text" .innerHTML=${this["rich-text-content"]}></div>`:""}
-        ${this._filledAnswers(t).length?i`
-          <div style="margin-top:8px;color:#a8abb2">
-            ${this._filledAnswers(t).map((t,e)=>i`<span style="margin-right:10px">关键词${e+1}: ${this._normalizeAnswerTitle(t)}</span>`)}
+        <div class="preview-header">
+          <div class="preview-title-row">
+            <span class="title">${s}</span>
+            <span class="preview-type">问答题</span>
+          </div>
+          ${this["show-rich-text"]&&this["rich-text-content"]?i`<div class="rich-text" .innerHTML=${this["rich-text-content"]}></div>`:""}
+        </div>
+        ${r.length?i`
+          <div class="preview-keyword-list">
+            ${r.map(t=>i`
+              <span class="preview-answer-key">${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?i`<div class="preview-answer-body">${e}</div>`:""}
+        ${this.analysis?i`<div class="preview-analysis">${this.analysis}</div>`:""}
         ${this["show-category"]&&this._categoryId?i`<div class="section-row"><span class="value-text">分类：${this._categoryLabel()}</span></div>`:""}
         ${this._renderResourceSection()}
       </div>
-    `}_renderSorting(){const t=l(this["is-edit"]?this._title:this.title||"")||"未命名题目",e=c(p(this["subject-prefix"],`${this["order-index"]+1}. `),t);return h(e,g[x.TEXT_FILL]||x.TEXT_FILL)}_renderCategorySection(){return this["show-category"]?i`
+    `}_renderSorting(){const t=b(this["is-edit"]?this._title:this.title||"")||"未命名题目",e=g(this["subject-prefix"],this["order-index"],t);return k(e,T[I.TEXT_FILL]||I.TEXT_FILL)}_renderCategorySection(){return this["show-category"]?i`
       <div class="flex-items-start section-row">
         <div class="label"><span>分类:</span></div>
         <div style="flex:1">
@@ -42,123 +49,133 @@ import{css as t,LitElement as e,html as i}from"lit";import{property as s,state a
         </div>
       </div>
     `}_renderEdit(){return i`
-      <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((t,e)=>i`
-          <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=m[e%m.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}
-                  <span style="cursor:pointer;margin-left:4px;color:#909399" @click=${()=>this._closeTag(t,e)}>×</span>
-                </span>
-              `})}
-              ${i`
-                ${t.showInput?i`
-                  <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()})}}>
-                    ${t.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((t,e)=>i`
+                  <div class="answer-item">
+                    <span class="answer-item-label">关键词${e+1}:</span>
+                    <div class="answer-tags">
+                      ${t.title.split(",").filter(Boolean).map(t=>{const s=E[e%E.length];return i`
+                        <span style="display:inline-flex;align-items:center;background:${s.bg};color:${s.color};border:1px solid ${s.border};border-radius:6px;padding:2px 8px;font-size:12px;line-height:16px">
+                          ${t}
+                          <span style="cursor:pointer;margin-left:4px;color:#909399" @click=${()=>this._closeTag(t,e)}>×</span>
+                        </span>
+                      `})}
+                      ${i`
+                        ${t.showInput?i`
+                          <input type="text" class="keyword-input"
+                            @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(".keyword-input")?.focus()})}}>
+                            ${t.title?"添加同义词":"添加关键词"}
+                          </button>
+                        `}
+                      `}
+                    </div>
+                    <span class="icon" @click=${()=>this._addAnswer()}>${this._iconPlus}</span>
+                    <span class="icon ${this._answers.length<2?"disabled":""}" @click=${()=>this._deleteAnswer(e)}>${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(e)}>${this._iconRemove}</span>
           </div>
-        `)}
-      </div>
+        </div>
 
-      ${this["show-rich-text"]&&this._showRichText?i`
-        <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"]?"":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-rich-text"]&&this._showRichText?i`
+          <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=${a}
+                  .upload-image=${this["upload-image"]}
+                  ?is-edit=${!0}
+                  @input=${t=>{this._richText=t.target.getContent()}}
+                ></qxs-blocksuite-editor>
+              </slot>
+              ${this["show-action"]?"":i`<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"]?i`
-        <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"]?i`
+          <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 t=this["is-edit"]?i`<div slot="edit">${this._renderEdit()}</div>`:i`<div slot="preview">${this._renderPreview()}</div>`;return i`
       <qxs-subject-layout .show-edit=${this["is-edit"]}>
         ${t}
@@ -182,41 +199,114 @@ import{css as t,LitElement as e,html as i}from"lit";import{property as s,state a
         `:""}
         <slot name="action"></slot>
       </qxs-subject-layout>
-    `}};_.styles=[d,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; }
-
-    .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; }
+    `}};O.styles=[$,u,y,x,m,_,t`
+    .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 @@ 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; }
 
-    .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 @@ import{css as t,LitElement as e,html as i}from"lit";import{property as s,state a
     .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 @@ import{css as t,LitElement as e,html as i}from"lit";import{property as s,state a
       width: 72px; height: 72px; object-fit: cover; border-radius: 6px;
       border: 1px solid #e4e7ed; background: #f5f7fa;
     }
-  `],w([s({type:Number,attribute:"order-index"})],_.prototype,"order-index",2),w([s({type:String,attribute:"subject-prefix"})],_.prototype,"subject-prefix",2),w([s({type:String})],_.prototype,"title",2),w([s({type:String,attribute:"custom-id"})],_.prototype,"custom-id",2),w([s({type:Boolean,attribute:"is-edit"})],_.prototype,"is-edit",2),w([s({type:Boolean,attribute:"is-save"})],_.prototype,"is-save",2),w([s({type:Boolean,attribute:"is-set"})],_.prototype,"is-set",2),w([s({type:Boolean,attribute:"is-key"})],_.prototype,"is-key",2),w([s({type:Boolean,attribute:"show-action"})],_.prototype,"show-action",2),w([s({type:Boolean,attribute:"show-add"})],_.prototype,"show-add",2),w([s({type:Boolean,attribute:"hide-add-rich-text"})],_.prototype,"hide-add-rich-text",2),w([s({type:Boolean,attribute:"show-rich-text"})],_.prototype,"show-rich-text",2),w([s({type:Boolean,attribute:"show-delete-action"})],_.prototype,"show-delete-action",2),w([s({type:Boolean,attribute:"show-save-action"})],_.prototype,"show-save-action",2),w([s({type:Boolean,reflect:!0})],_.prototype,"sorting",2),w([s({type:Boolean,attribute:"show-answer-setting"})],_.prototype,"show-answer-setting",2),w([s({type:Boolean,attribute:"show-analysis"})],_.prototype,"show-analysis",2),w([s({type:String,attribute:"rich-text-content"})],_.prototype,"rich-text-content",2),w([s({type:String})],_.prototype,"analysis",2),w([s({type:Number,attribute:"exam-answer-relation-type"})],_.prototype,"exam-answer-relation-type",2),w([s({type:String,attribute:"exam-expand"})],_.prototype,"exam-expand",2),w([s({type:Number,attribute:"exam-id"})],_.prototype,"exam-id",2),w([s({type:String,attribute:"category-id"})],_.prototype,"category-id",2),w([s({type:Object,attribute:"exam-answer-setting"})],_.prototype,"exam-answer-setting",2),w([s({type:Object,attribute:"upload-image"})],_.prototype,"upload-image",2),w([s({type:Array,attribute:"answer-list"})],_.prototype,"answer-list",2),w([s({type:Array,attribute:"tag-list"})],_.prototype,"tag-list",2),w([s({type:Array,attribute:"category-list"})],_.prototype,"category-list",2),w([s({type:Array,attribute:"resource-list"})],_.prototype,"resource-list",2),w([s({type:Boolean,attribute:"show-tag"})],_.prototype,"show-tag",2),w([s({type:Boolean,attribute:"show-category"})],_.prototype,"show-category",2),w([s({type:Boolean,attribute:"show-resource"})],_.prototype,"show-resource",2),w([s({type:Object,attribute:"search-handler"})],_.prototype,"search-handler",2),w([s({type:String,attribute:"model-value"})],_.prototype,"model-value",2),w([s({type:Boolean,attribute:"use-model"})],_.prototype,"use-model",2),w([r()],_.prototype,"_answers",2),w([r()],_.prototype,"_title",2),w([r()],_.prototype,"_analysis",2),w([r()],_.prototype,"_isInOrder",2),w([r()],_.prototype,"_isIgnoreCase",2),w([r()],_.prototype,"_keywordCount",2),w([r()],_.prototype,"_correct",2),w([r()],_.prototype,"_showRichText",2),w([r()],_.prototype,"_richText",2),w([r()],_.prototype,"_selectedTagList",2),w([r()],_.prototype,"_categoryId",2),_=w([o("qxs-text-fill")],_);export{_ as 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;
+      }
+    }
+  `],S([s({type:Number,attribute:"order-index"})],O.prototype,"order-index",2),S([s({type:String,attribute:"subject-prefix"})],O.prototype,"subject-prefix",2),S([s({type:String})],O.prototype,"title",2),S([s({type:String,attribute:"custom-id"})],O.prototype,"custom-id",2),S([s({type:Boolean,attribute:"is-edit"})],O.prototype,"is-edit",2),S([s({type:Boolean,attribute:"is-save"})],O.prototype,"is-save",2),S([s({type:Boolean,attribute:"is-set"})],O.prototype,"is-set",2),S([s({type:Boolean,attribute:"is-key"})],O.prototype,"is-key",2),S([s({type:Boolean,attribute:"show-action"})],O.prototype,"show-action",2),S([s({type:Boolean,attribute:"show-add"})],O.prototype,"show-add",2),S([s({type:Boolean,attribute:"hide-add-rich-text"})],O.prototype,"hide-add-rich-text",2),S([s({type:Boolean,attribute:"show-rich-text"})],O.prototype,"show-rich-text",2),S([s({type:Boolean,attribute:"show-delete-action"})],O.prototype,"show-delete-action",2),S([s({type:Boolean,attribute:"show-save-action"})],O.prototype,"show-save-action",2),S([s({type:Boolean,reflect:!0})],O.prototype,"sorting",2),S([s({type:Boolean,attribute:"show-answer-setting"})],O.prototype,"show-answer-setting",2),S([s({type:Boolean,attribute:"show-analysis"})],O.prototype,"show-analysis",2),S([s({type:String,attribute:"rich-text-content"})],O.prototype,"rich-text-content",2),S([s({type:String})],O.prototype,"analysis",2),S([s({type:Number,attribute:"exam-answer-relation-type"})],O.prototype,"exam-answer-relation-type",2),S([s({type:String,attribute:"exam-expand"})],O.prototype,"exam-expand",2),S([s({type:Number,attribute:"exam-id"})],O.prototype,"exam-id",2),S([s({type:String,attribute:"category-id"})],O.prototype,"category-id",2),S([s({type:Object,attribute:"exam-answer-setting"})],O.prototype,"exam-answer-setting",2),S([s({type:Object,attribute:"upload-image"})],O.prototype,"upload-image",2),S([s({type:Array,attribute:"answer-list"})],O.prototype,"answer-list",2),S([s({type:Array,attribute:"tag-list"})],O.prototype,"tag-list",2),S([s({type:Array,attribute:"category-list"})],O.prototype,"category-list",2),S([s({type:Array,attribute:"resource-list"})],O.prototype,"resource-list",2),S([s({type:Boolean,attribute:"show-tag"})],O.prototype,"show-tag",2),S([s({type:Boolean,attribute:"show-category"})],O.prototype,"show-category",2),S([s({type:Boolean,attribute:"show-resource"})],O.prototype,"show-resource",2),S([s({type:Object,attribute:"search-handler"})],O.prototype,"search-handler",2),S([s({type:String,attribute:"model-value"})],O.prototype,"model-value",2),S([s({type:Boolean,attribute:"use-model"})],O.prototype,"use-model",2),S([r()],O.prototype,"_answers",2),S([r()],O.prototype,"_title",2),S([r()],O.prototype,"_analysis",2),S([r()],O.prototype,"_isInOrder",2),S([r()],O.prototype,"_isIgnoreCase",2),S([r()],O.prototype,"_keywordCount",2),S([r()],O.prototype,"_correct",2),S([r()],O.prototype,"_showRichText",2),S([r()],O.prototype,"_richText",2),S([r()],O.prototype,"_selectedTagList",2),S([r()],O.prototype,"_categoryId",2),O=S([o("qxs-text-fill")],O);export{O as QxsTextFill};
 //# sourceMappingURL=text-fill.mjs.map