@qxs-bns/components 0.0.91 → 0.0.93

package/es/subject/blank-fill.mjs

@@ -1,50 +1,50 @@
-import{html as t,css as e,LitElement as i}from"lit";import{property as s,state as r}from"lit/decorators.js";import{safeCustomElement as a}from"../base/define.mjs";import{SUB_TEXT_EDITOR_TOOLBAR as o}from"../editor/toolbar.mjs";import{emitSubjectEvent as n,emitSubjectModelValue as l,getSubjectImageResources as h,getSubjectVideoResource as d,resolveSubjectCategoryLabel as c,showSubjectToast as p,buildSubjectSortingTitle as g}from"./shared-methods.mjs";import{subjectHostStyles as x,subjectControlResetStyles as u,subjectPreviewBaseStyles as w,subjectFormBaseStyles as y,subjectTextareaStyles as _}from"./shared-styles.mjs";import{trimCommaSeparatedText as m,trimText as f,SubjectError as v}from"./single.mjs";import{sortingCardStyles as b,renderSortingCard as $}from"./sorting-card.mjs";import{resolveSubjectPrefix as I}from"./title-prefix.mjs";import{SubjectType as k,SubjectTypeLabel as T}from"./types.mjs";var A=Object.defineProperty,B=Object.getOwnPropertyDescriptor,C=(t,e,i,s)=>{for(var r,a=s>1?void 0:s?B(e,i):e,o=t.length-1;o>=0;o--)(r=t[o])&&(a=(s?r(e,i,a):r(a))||a);return s&&a&&A(e,i,a),a};const j=" ______",L=t`
+import{html as o,css as T,LitElement as I}from"lit";import{property as r,state as p}from"lit/decorators.js";import{safeCustomElement as k}from"../base/define.mjs";import{SUB_TEXT_EDITOR_TOOLBAR as q}from"../editor/toolbar.mjs";import{emitSubjectEvent as A,emitSubjectModelValue as S,getSubjectImageResources as B,getSubjectVideoResource as C,resolveSubjectCategoryLabel as L,showSubjectToast as E,buildSubjectSortingTitle as R}from"./shared-methods.mjs";import{subjectHostStyles as O,subjectControlResetStyles as z,subjectPreviewBaseStyles as P,subjectFormBaseStyles as N,subjectTextareaStyles as D}from"./shared-styles.mjs";import{trimCommaSeparatedText as M,trimText as u,SubjectError as x}from"./subject-shared.mjs";import{sortingCardStyles as U,renderSortingCard as K}from"./sorting-card.mjs";import{resolveSubjectPrefix as F}from"./title-prefix.mjs";import{SubjectType as g,SubjectTypeLabel as X}from"./types.mjs";var V=Object.defineProperty,H=Object.getOwnPropertyDescriptor,i=(t,e,a,n)=>{for(var l=n>1?void 0:n?H(e,a):e,h=t.length-1,d;h>=0;h--)(d=t[h])&&(l=(n?d(e,a,l):d(l))||l);return n&&l&&V(e,a,l),l};const b=" ______",J=o`
   <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
     <line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/>
-  </svg>`;let S=class extends i{constructor(){super(...arguments),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._title="",this._analysis="",this._answers=[{title:"",tag:"",showInput:!1}],this._isInOrder=!1,this._isIgnoreCase=!0,this._showRichText=!1,this._richText="",this._selectedTagList=[],this._categoryId="",this.TITLE_MAX=400}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("tag-list")||t.has("category-id"))&&this._syncProps(),t.has("model-value")&&this["use-model"]&&(this._title=this["model-value"].replaceAll(/<filter><\/filter>/g," ______")),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 m(t?.title??t?.answer??"")}_blankCount(t){return(t.match(/ ______/g)||[]).length}_syncAnswersToBlankCount(t){t!==this._answers.length&&(t>this._answers.length?this._answers=[...this._answers,...Array.from({length:t-this._answers.length},()=>({title:"",tag:"",showInput:!1}))]:this._answers=this._answers.slice(0,t))}_syncProps(){if(this._title=(this.title||"").replaceAll(/<filter><\/filter>/g," ______"),this._analysis=this.analysis||"",this["answer-list"]?.length)this._answers=this["answer-list"].map(t=>({title:this._normalizeAnswerTitle(t),tag:"",showInput:!1,answerId:t?.answerId??t?.examAnswerId}));else{const t=this._blankCount(this._title);this._answers=Array.from({length:t},()=>({title:"",tag:"",showInput:!1}))}this["exam-answer-setting"]&&(this._isInOrder=!!this["exam-answer-setting"].isInOrder,this._isIgnoreCase=!!this["exam-answer-setting"].isIgnoreCase),this._richText=this["rich-text-content"]||"",this._showRichText=!!this["rich-text-content"],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)}_addBlank(){const t=this.shadowRoot?.querySelector(".title-textarea"),e=t?.selectionStart??this._title.length,i=t?.selectionEnd??this._title.length,s=`${this._title.slice(0,e)}${j}${this._title.slice(i)}`;s.length>this.TITLE_MAX||(this._title=s,this._syncAnswersToBlankCount(this._blankCount(this._title)),this.requestUpdate(),this._emitModelUpdate(),this.updateComplete.then(()=>{const t=this.shadowRoot?.querySelector(".title-textarea");if(!t)return;const i=e+7;t.focus(),t.setSelectionRange(i,i)}))}_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._syncAnswersToBlankCount(this._blankCount(this._title)),this._emitModelUpdate()}_emitModelUpdate(){if(this["use-model"]){const t=this._title.replaceAll(/ ______/g,"<filter></filter>");l(this,t)}}_handleAddTag(t){t.showInput=!1,t.tag&&(t.title=t.title?[t.title,t.tag].join(","):t.tag,t.tag=""),this.requestUpdate()}_closeTag(t,e){if(!t)return;const i=e.title.split(","),s=i.findIndex(e=>e===t);s>-1&&(i.splice(s,1),e.title=i.join(",")),this.requestUpdate()}_onCategoryChange(t){this._categoryId=t,this._emit("category-change",{value:t,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_imageResources(){return h(this["resource-list"]||[])}_videoResource(){return d(this["resource-list"]||[])}_categoryLabel(){return c(this["category-list"],this._categoryId)}_previewAnswerText(t){const e=(t?.title||"").split(",").map(t=>t.trim()).filter(Boolean);return e.length?e.join(" / "):""}_renderInlineBlankTitle(e){const i=this.title.replaceAll(/<filter><\/filter>/g," ______"),s=I(this["subject-prefix"],`${this["order-index"]+1}.`),r=i.split(" ______");return t`<span class="title preview-filled-title">${s?`${s} `:""}${r[0]??""}${r.slice(1).map((i,s)=>{const r=this._previewAnswerText(e[s]);return t`<span class="inline-blank ${r?"":"empty"}">${r||"填空"}</span>${i}`})}</span>`}async toJSON(){return new Promise((t,e)=>{const i={customId:this["custom-id"]||void 0,answerType:"blank_fill",orderIndex:this["order-index"]},s=f(this["is-edit"]?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||""),r=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t),answerId:t?.answerId??t?.examAnswerId})),a=f(this["is-edit"]?this._analysis:this.analysis||""),o=this["is-edit"]?this._isInOrder:this["exam-answer-setting"]?.isInOrder??!1,n=this["is-edit"]?this._isIgnoreCase:this["exam-answer-setting"]?.isIgnoreCase??!0,l=this["is-edit"]?this._showRichText:!!this["rich-text-content"],h=this["is-edit"]?this._richText:this["rich-text-content"]||"",d=r.filter(t=>this._normalizeAnswerTitle(t));if(!s)return void e(new v("题目标题不能为空!","EMPTY_TITLE","title",i));if(r.length<1)return void e(new v("至少添加一个填空符!","NO_BLANK","answers",i));const c={answerType:k.BLANK_FILL,examTypeEnum:k.BLANK_FILL,title:s.replaceAll(/ ______/g,"<filter></filter>"),answers:d.map((t,e)=>{const i=this._normalizeAnswerTitle(t),s={title:i,answer:i,isCorrect:!0,orderIndex:e+1};return t.answerId&&(s.answerId=t.answerId,s.examAnswerId=t.answerId),s}),analysis:a,isSetCorrectAnswer:d.length>0,isKey:this["is-key"],examAnswerSettingBO:{isIgnoreCase:n,isInOrder:o},examAnswerSettingVO:{isIgnoreCase:n,isInOrder:o},examRichTextContent:l?h:""};this["custom-id"]&&(c.customId=this["custom-id"]),t(c)})}async _save(t){t?.stopImmediatePropagation();try{const t=await this.toJSON();this._emit("save",t)}catch(t){p(t.message)}}validate(){const t=[],e={customId:this["custom-id"]||void 0,answerType:"blank_fill",orderIndex:this["order-index"]},i=f(this["is-edit"]?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||""),s=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t)}));return i||t.push(new v("题目标题不能为空!","EMPTY_TITLE","title",e)),s.length<1&&t.push(new v("至少添加一个填空符!","NO_BLANK","answers",e)),t}_renderPreview(){const e=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t)}));return t`
+  </svg>`;let s=class extends I{constructor(){super(...arguments),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,a)=>{const n=new FileReader;n.onload=l=>e(l.target?.result),n.onerror=a,n.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._title="",this._analysis="",this._answers=[{title:"",tag:"",showInput:!1}],this._isInOrder=!1,this._isIgnoreCase=!0,this._showRichText=!1,this._richText="",this._selectedTagList=[],this._categoryId="",this.TITLE_MAX=400}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("tag-list")||t.has("category-id"))&&this._syncProps(),t.has("model-value")&&this["use-model"]&&(this._title=this["model-value"].replaceAll(/<filter><\/filter>/g," ______")),t.has("tag-list")&&(this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(e=>({...e})):[]),t.has("category-id")&&(this._categoryId=this["category-id"]?String(this["category-id"]):"")}_normalizeAnswerTitle(t){return M(t?.title??t?.answer??"")}_blankCount(t){return(t.match(/ ______/g)||[]).length}_syncAnswersToBlankCount(t){if(t!==this._answers.length){if(t>this._answers.length){this._answers=[...this._answers,...Array.from({length:t-this._answers.length},()=>({title:"",tag:"",showInput:!1}))];return}this._answers=this._answers.slice(0,t)}}_syncProps(){if(this._title=(this.title||"").replaceAll(/<filter><\/filter>/g," ______"),this._analysis=this.analysis||"",this["answer-list"]?.length)this._answers=this["answer-list"].map(t=>({title:this._normalizeAnswerTitle(t),tag:"",showInput:!1,answerId:t?.answerId??t?.examAnswerId}));else{const t=this._blankCount(this._title);this._answers=Array.from({length:t},()=>({title:"",tag:"",showInput:!1}))}this["exam-answer-setting"]&&(this._isInOrder=!!this["exam-answer-setting"].isInOrder,this._isIgnoreCase=!!this["exam-answer-setting"].isIgnoreCase),this._richText=this["rich-text-content"]||"",this._showRichText=!!this["rich-text-content"],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){A(this,t,e)}_addBlank(){const t=this.shadowRoot?.querySelector(".title-textarea"),e=t?.selectionStart??this._title.length,a=t?.selectionEnd??this._title.length,n=`${this._title.slice(0,e)}${b}${this._title.slice(a)}`;n.length>this.TITLE_MAX||(this._title=n,this._syncAnswersToBlankCount(this._blankCount(this._title)),this.requestUpdate(),this._emitModelUpdate(),this.updateComplete.then(()=>{const l=this.shadowRoot?.querySelector(".title-textarea");if(!l)return;const h=e+b.length;l.focus(),l.setSelectionRange(h,h)}))}_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._syncAnswersToBlankCount(this._blankCount(this._title)),this._emitModelUpdate()}_emitModelUpdate(){if(this["use-model"]){const t=this._title.replaceAll(/ ______/g,"<filter></filter>");S(this,t)}}_handleAddTag(t){t.showInput=!1,t.tag&&(t.title=t.title?[t.title,t.tag].join(","):t.tag,t.tag=""),this.requestUpdate()}_closeTag(t,e){if(!t)return;const a=e.title.split(","),n=a.findIndex(l=>l===t);n>-1&&(a.splice(n,1),e.title=a.join(",")),this.requestUpdate()}_onCategoryChange(t){this._categoryId=t,this._emit("category-change",{value:t,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_imageResources(){return B(this["resource-list"]||[])}_videoResource(){return C(this["resource-list"]||[])}_categoryLabel(){return L(this["category-list"],this._categoryId)}_previewAnswerText(t){const e=(t?.title||"").split(",").map(a=>a.trim()).filter(Boolean);return e.length?e.join(" / "):""}_renderInlineBlankTitle(t){const e=this.title.replaceAll(/<filter><\/filter>/g," ______"),a=F(this["subject-prefix"],`${this["order-index"]+1}.`),n=e.split(" ______");return o`<span class="title preview-filled-title">${a?`${a} `:""}${n[0]??""}${n.slice(1).map((l,h)=>{const d=this._previewAnswerText(t[h]);return o`<span class="inline-blank ${d?"":"empty"}">${d||"填空"}</span>${l}`})}</span>`}async toJSON(){return new Promise((t,e)=>{const a={customId:this["custom-id"]||void 0,answerType:"blank_fill",orderIndex:this["order-index"]},n=u(this["is-edit"]?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||""),l=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(c=>({...c,title:this._normalizeAnswerTitle(c),answerId:c?.answerId??c?.examAnswerId})),h=u(this["is-edit"]?this._analysis:this.analysis||""),d=this["is-edit"]?this._isInOrder:this["exam-answer-setting"]?.isInOrder??!1,w=this["is-edit"]?this._isIgnoreCase:this["exam-answer-setting"]?.isIgnoreCase??!0,v=this["is-edit"]?this._showRichText:!!this["rich-text-content"],$=this["is-edit"]?this._richText:this["rich-text-content"]||"",f=l.filter(c=>this._normalizeAnswerTitle(c));if(!n){e(new x("题目标题不能为空!","EMPTY_TITLE","title",a));return}if(l.length<1){e(new x("至少添加一个填空符!","NO_BLANK","answers",a));return}const _={answerType:g.BLANK_FILL,examTypeEnum:g.BLANK_FILL,title:n.replaceAll(/ ______/g,"<filter></filter>"),answers:f.map((c,j)=>{const m=this._normalizeAnswerTitle(c),y={title:m,answer:m,isCorrect:!0,orderIndex:j+1};return c.answerId&&(y.answerId=c.answerId,y.examAnswerId=c.answerId),y}),analysis:h,isSetCorrectAnswer:f.length>0,isKey:this["is-key"],examAnswerSettingBO:{isIgnoreCase:w,isInOrder:d},examAnswerSettingVO:{isIgnoreCase:w,isInOrder:d},examRichTextContent:v?$:""};this["custom-id"]&&(_.customId=this["custom-id"]),t(_)})}async _save(t){t?.stopImmediatePropagation();try{const e=await this.toJSON();this._emit("save",e)}catch(e){E(e.message)}}validate(){const t=[],e={customId:this["custom-id"]||void 0,answerType:"blank_fill",orderIndex:this["order-index"]},a=u(this["is-edit"]?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||""),n=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(l=>({...l,title:this._normalizeAnswerTitle(l)}));return a||t.push(new x("题目标题不能为空!","EMPTY_TITLE","title",e)),n.length<1&&t.push(new x("至少添加一个填空符!","NO_BLANK","answers",e)),t}_renderPreview(){const t=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(e=>({...e,title:this._normalizeAnswerTitle(e)}));return o`
       <div class="preview">
         <div class="preview-header">
           <div class="preview-title-row">
-            ${this._renderInlineBlankTitle(e)}
+            ${this._renderInlineBlankTitle(t)}
             <span class="preview-type">填空题</span>
           </div>
-          ${this["show-rich-text"]&&this["rich-text-content"]?t`<div class="rich-text" .innerHTML=${this["rich-text-content"]}></div>`:""}
+          ${this["show-rich-text"]&&this["rich-text-content"]?o`<div class="rich-text" .innerHTML=${this["rich-text-content"]}></div>`:""}
         </div>
-        ${this.analysis?t`<div class="preview-note">${this.analysis}</div>`:""}
-        ${this["show-category"]&&this._categoryId?t`<div class="section-row"><span class="value-text">分类：${this._categoryLabel()}</span></div>`:""}
+        ${this.analysis?o`<div class="preview-note">${this.analysis}</div>`:""}
+        ${this["show-category"]&&this._categoryId?o`<div class="section-row"><span class="value-text">分类：${this._categoryLabel()}</span></div>`:""}
         ${this._renderResourceSection()}
       </div>
-    `}_renderCategorySection(){return this["show-category"]?t`
+    `}_renderCategorySection(){return this["show-category"]?o`
       <div class="flex flex-items-start section-row">
         <div class="label"><span>分类:</span></div>
         <div style="flex:1">
-          ${this["is-edit"]?t`
+          ${this["is-edit"]?o`
             <select class="el-select" .value=${String(this._categoryId)}
               @change=${t=>this._onCategoryChange(t.target.value)}>
               <option value="">选择分类</option>
-              ${this["category-list"].map(e=>t`
-                <option value=${String(e.categoryId)} ?selected=${String(e.categoryId)===String(this._categoryId)}>${e.title||e.categoryName}</option>
+              ${this["category-list"].map(t=>o`
+                <option value=${String(t.categoryId)} ?selected=${String(t.categoryId)===String(this._categoryId)}>${t.title||t.categoryName}</option>
               `)}
             </select>
-          `:t`<span class="value-text">${this._categoryLabel()}</span>`}
+          `:o`<span class="value-text">${this._categoryLabel()}</span>`}
         </div>
       </div>
-    `:""}_renderResourceSection(){if(!this["show-resource"])return"";const e=this._imageResources(),i=this._videoResource();return t`
+    `:""}_renderResourceSection(){if(!this["show-resource"])return"";const t=this._imageResources(),e=this._videoResource();return o`
       <div class="flex flex-items-start section-row">
         <div class="label"><span>资源:</span></div>
         <div style="flex:1">
-          <div class="resource-summary">图片 ${e.length} 张${i?.url?"，含视频资源":""}</div>
-          ${e.length?t`
+          <div class="resource-summary">图片 ${t.length} 张${e?.url?"，含视频资源":""}</div>
+          ${t.length?o`
             <div class="resource-thumbs">
-              ${e.slice(0,4).map(e=>t`<img class="resource-thumb" src=${e} alt="resource" />`)}
+              ${t.slice(0,4).map(a=>o`<img class="resource-thumb" src=${a} alt="resource" />`)}
             </div>
           `:""}
-          ${i?.url?t`<div style="margin-top:8px"><a class="el-link" href=${i.url} target="_blank" rel="noreferrer">查看视频</a></div>`:""}
-          ${e.length||i?.url?"":t`<div class="tag-hint">暂无资源</div>`}
+          ${e?.url?o`<div style="margin-top:8px"><a class="el-link" href=${e.url} target="_blank" rel="noreferrer">查看视频</a></div>`:""}
+          ${!t.length&&!e?.url?o`<div class="tag-hint">暂无资源</div>`:""}
         </div>
       </div>
-    `}_renderSorting(){const t=f(this["is-edit"]?this._title:this.title||"")||"未命名题目",e=g(this["subject-prefix"],this["order-index"],t);return $(e,T[k.BLANK_FILL]||k.BLANK_FILL)}_renderEdit(){return t`
+    `}_renderSorting(){const t=u(this["is-edit"]?this._title:this.title||"")||"未命名题目",e=R(this["subject-prefix"],this["order-index"],t);return K(e,X[g.BLANK_FILL]||g.BLANK_FILL)}_renderEdit(){return o`
       <div class="edit-form">
         <div class="edit-row">
           <div class="label"><span>题目:</span></div>
@@ -89,26 +89,26 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
           <div class="row-body">
             <div class="answer-section">
               <div class="edit-note">每个填空支持多个同义词，录入后会按逗号序列化。</div>
-              ${this._answers.map((e,i)=>t`
+              ${this._answers.map((t,e)=>o`
                 <div class="answer-item">
-                  <div class="answer-item-label"><span>第${i+1}空:</span></div>
+                  <div class="answer-item-label"><span>第${e+1}空:</span></div>
                   <div class="answer-tags">
-                    ${e.title.split(",").filter(Boolean).map(i=>t`
+                    ${t.title.split(",").filter(Boolean).map(a=>o`
                       <span class="el-tag">
-                        ${i}
-                        <span class="el-tag__close" @click=${()=>this._closeTag(i,e)}>×</span>
+                        ${a}
+                        <span class="el-tag__close" @click=${()=>this._closeTag(a,t)}>×</span>
                       </span>
                     `)}
-                    ${t`
-                      ${e.showInput?t`
+                    ${o`
+                      ${t.showInput?o`
                         <input type="text" class="el-input--small"
-                          @keydown=${t=>{"Enter"===t.key&&this._handleAddTag(e)}}
-                          @input=${t=>{e.tag=t.target.value}}
-                          @blur=${()=>this._handleAddTag(e)} />
-                      `:t`
-                        <span class="el-button--small" @click=${()=>{e.showInput=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.shadowRoot?.querySelector(".el-input--small")?.focus()})}}>
-                          ${L}
-                          <span>${e.title?"添加同义词":"添加答案"}</span>
+                          @keydown=${a=>{a.key==="Enter"&&this._handleAddTag(t)}}
+                          @input=${a=>{t.tag=a.target.value}}
+                          @blur=${()=>this._handleAddTag(t)} />
+                      `:o`
+                        <span class="el-button--small" @click=${()=>{t.showInput=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.shadowRoot?.querySelector(".el-input--small")?.focus()})}}>
+                          ${J}
+                          <span>${t.title?"添加同义词":"添加答案"}</span>
                         </span>
                       `}
                     `}
@@ -119,29 +119,29 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
           </div>
         </div>
 
-        ${this["show-rich-text"]&&this._showRichText?t`
+        ${this["show-rich-text"]&&this._showRichText?o`
           <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=${o}
+                  .toolbar=${q}
                   .upload-image=${this["upload-image"]}
                   ?is-edit=${!0}
                   @input=${t=>{this._richText=t.target.getContent()}}
                 ></qxs-blocksuite-editor>
               </slot>
-              ${this["show-action"]?"":t`
+              ${this["show-action"]?"":o`
                   <div class="flex flex-justify-end" style="margin-top:8px">
-                    <span class="el-link" style="color:#f56c6c" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span>
+                    <span class="el-link" style="color:var(--qxs-subject-color-danger, #f56c6c)" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span>
                   </div>
                 `}
             </div>
           </div>
         `:""}
 
-        ${this["show-analysis"]?t`
+        ${this["show-analysis"]?o`
           <div class="edit-row section-row">
             <div class="label"><span>解析:</span></div>
             <div class="row-body">
@@ -154,10 +154,10 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
           </div>
         `:""}
       </div>
-    `}render(){if(this.sorting)return this._renderSorting();const e=this["is-edit"]?t`<div slot="edit">${this._renderEdit()}</div>`:t`<div slot="preview">${this._renderPreview()}</div>`;return t`
+    `}render(){if(this.sorting)return this._renderSorting();const t=this["is-edit"]?o`<div slot="edit">${this._renderEdit()}</div>`:o`<div slot="preview">${this._renderPreview()}</div>`;return o`
       <qxs-subject-layout .show-edit=${this["is-edit"]}>
-        ${e}
-        ${this["show-action"]?t`
+        ${t}
+        ${this["show-action"]?o`
           <qxs-subject-action
             .is-edit=${this["is-edit"]}
             .is-set=${this["is-set"]}
@@ -170,28 +170,28 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
             @delete=${()=>this._emit("delete")}
             @save=${this._save}
             @edit=${()=>this._emit("edit")}
-            @add=${t=>this._emit("add",t.detail)}
-            @set-key=${t=>{this._emit("set-key",t.detail)}}
+            @add=${e=>this._emit("add",e.detail)}
+            @set-key=${e=>{this._emit("set-key",e.detail)}}
             @on-show-rich-text=${()=>{this._showRichText=!this._showRichText,this._showRichText||(this._richText="")}}
           ></qxs-subject-action>
         `:""}
         <slot name="action"></slot>
       </qxs-subject-layout>
-    `}};S.styles=[b,x,u,w,y,_,e`
+    `}};s.styles=[U,O,z,P,N,D,T`
     .preview-note {
       margin-top: 18px;
       padding-left: 10px;
-      border-left: 2px solid #e5eaf3;
+      border-left: 2px solid var(--qxs-subject-border-lighter, #e5eaf3);
       font-size: 13px;
       line-height: 1.8;
-      color: #6b7280;
+      color: var(--qxs-subject-text-soft, #6b7280);
     }
     .preview-filled-title {
       display: inline;
       font-size: 16px;
       line-height: 1.9;
       font-weight: 600;
-      color: #303133;
+      color: var(--qxs-subject-text-primary, #303133);
     }
     .inline-blank {
       display: inline-flex;
@@ -199,11 +199,11 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
       min-width: 64px;
       margin: 0 4px;
       padding: 0 4px 1px;
-      border-bottom: 1px solid #d6deea;
+      border-bottom: 1px solid var(--qxs-subject-border-strong, #d6deea);
       font-size: 14px;
       line-height: 1.6;
       font-weight: 500;
-      color: #8b95a7;
+      color: var(--qxs-subject-text-muted, #8b95a7);
       vertical-align: baseline;
     }
     .inline-blank.empty {
@@ -230,32 +230,32 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
     .edit-note {
       font-size: 12px;
       line-height: 1.6;
-      color: #909399;
+      color: var(--qxs-subject-text-secondary, #909399);
     }
 
     .el-tag {
       display: inline-flex; align-items: center; height: 24px; padding: 0 9px;
-      font-size: 12px; line-height: 1; color: #3D61E3; background: #ecf5ff;
-      border: 1px solid #d9ecff; border-radius: 4px; white-space: nowrap;
+      font-size: 12px; line-height: 1; color: var(--qxs-subject-color-primary, #3D61E3); background: var(--qxs-subject-fill-soft-primary, #ecf5ff);
+      border: 1px solid var(--qxs-subject-fill-soft-primary-border, #d9ecff); border-radius: 4px; white-space: nowrap;
     }
     .el-tag .el-tag__close {
       display: inline-flex; align-items: center; justify-content: center;
       margin-left: 4px; width: 16px; height: 16px; border-radius: 50%;
-      font-size: 12px; color: #909399; cursor: pointer; transition: all .2s;
+      font-size: 12px; color: var(--qxs-subject-text-secondary, #909399); cursor: pointer; transition: all .2s;
     }
-    .el-tag .el-tag__close:hover { background: #909399; color: #fff; }
+    .el-tag .el-tag__close:hover { background: var(--qxs-subject-text-secondary, #909399); color: var(--qxs-subject-fill-blank, #fff); }
 
     .el-button--small {
       display: inline-flex; align-items: center; gap: 4px;
       height: 28px; padding: 0 10px; font-size: 12px; line-height: 1;
-      border: 1px solid #dcdfe6; border-radius: 6px; background: #fff; color: #606266;
+      border: 1px solid var(--qxs-subject-border, #dcdfe6); border-radius: 6px; background: var(--qxs-subject-fill-blank, #fff); color: var(--qxs-subject-text-regular, #606266);
       cursor: pointer; transition: all .2s; white-space: nowrap;
     }
-    .el-button--small:hover { color: #3D61E3; border-color: #c6e2ff; background-color: #ecf5ff; }
+    .el-button--small:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-fill-soft-primary-border-strong, #c6e2ff); background-color: var(--qxs-subject-fill-soft-primary, #ecf5ff); }
 
-    .el-link { color: #3D61E3; cursor: pointer; font-size: 12px; text-decoration: none; }
-    .el-link:hover { color: #2D4CB8; }
-    .el-link.is-disabled { color: #c0c4cc; cursor: not-allowed; }
+    .el-link { color: var(--qxs-subject-color-primary, #3D61E3); cursor: pointer; font-size: 12px; text-decoration: none; }
+    .el-link:hover { color: var(--qxs-subject-color-primary-hover, #2D4CB8); }
+    .el-link.is-disabled { color: var(--qxs-subject-text-disabled, #c0c4cc); cursor: not-allowed; }
 
     .el-input--small {
       width: 80px;
@@ -263,14 +263,14 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
       padding: 0 8px;
       font-size: 12px;
       line-height: 24px;
-      color: #606266;
-      background: #fff;
-      border: 1px solid #dcdfe6;
+      color: var(--qxs-subject-text-regular, #606266);
+      background: var(--qxs-subject-fill-blank, #fff);
+      border: 1px solid var(--qxs-subject-border, #dcdfe6);
       border-radius: 6px;
       box-sizing: border-box;
       font-family: inherit;
     }
-    .el-input--small:focus { border-color: #3D61E3; outline: none; }
+    .el-input--small:focus { border-color: var(--qxs-subject-color-primary, #3D61E3); outline: none; }
 
     .title-input textarea {
       padding-bottom: 38px;
@@ -285,28 +285,28 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
     }
     .title-input .char-counter {
       position: static;
-      color: #909399;
+      color: var(--qxs-subject-text-secondary, #909399);
     }
     .title-input-insert {
       border: none;
       background: none;
       padding: 0;
       margin: 0;
-      color: #3D61E3;
+      color: var(--qxs-subject-color-primary, #3D61E3);
       cursor: pointer;
       font-size: 12px;
       font-family: inherit;
       line-height: 1;
       white-space: nowrap;
     }
-    .title-input-insert:hover { color: #2D4CB8; }
+    .title-input-insert:hover { color: var(--qxs-subject-color-primary-hover, #2D4CB8); }
 
     .el-checkbox {
       display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
-      font-size: 13px; color: #606266; user-select: none; margin-right: 16px;
+      font-size: 13px; color: var(--qxs-subject-text-regular, #606266); user-select: none; margin-right: 16px;
     }
     .el-checkbox input[type="checkbox"] {
-      width: 14px; height: 14px; cursor: pointer; accent-color: #3D61E3;
+      width: 14px; height: 14px; cursor: pointer; accent-color: var(--qxs-subject-color-primary, #3D61E3);
     }
 
     .answer-item {
@@ -321,38 +321,38 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
       font-size: 13px;
       line-height: 1.5;
       font-weight: 600;
-      color: #6b7280;
+      color: var(--qxs-subject-text-soft, #6b7280);
       letter-spacing: 0;
     }
     .answer-tags { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; flex: 1; min-height: 28px; }
     .answer-section { display: flex; flex-direction: column; gap: 10px; }
     .answer-section-row > .label { padding-top: 0; }
 
-    .value-text { font-size: 13px; color: #606266; white-space: pre-wrap; }
+    .value-text { font-size: 13px; color: var(--qxs-subject-text-regular, #606266); white-space: pre-wrap; }
     .tag-list { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 32px; }
     .tag-item {
       display: inline-flex; align-items: center; gap: 4px;
       padding: 4px 8px; font-size: 12px; line-height: 1;
-      color: #3D61E3; background: #ecf5ff; border: 1px solid #d9ecff; border-radius: 4px;
+      color: var(--qxs-subject-color-primary, #3D61E3); background: var(--qxs-subject-fill-soft-primary, #ecf5ff); border: 1px solid var(--qxs-subject-fill-soft-primary-border, #d9ecff); border-radius: 4px;
     }
-    .tag-item .close { cursor: pointer; color: #909399; }
-    .tag-item .close:hover { color: #f56c6c; }
-    .tag-hint { font-size: 12px; color: #909399; }
+    .tag-item .close { cursor: pointer; color: var(--qxs-subject-text-secondary, #909399); }
+    .tag-item .close:hover { color: var(--qxs-subject-color-danger, #f56c6c); }
+    .tag-hint { font-size: 12px; color: var(--qxs-subject-text-secondary, #909399); }
 
     .el-select {
-      width: 150px; height: 34px; border: 1px solid #dcdfe6; border-radius: 6px;
-      padding: 0 8px; font-size: 13px; background: #fff; appearance: none;
+      width: 150px; height: 34px; border: 1px solid var(--qxs-subject-border, #dcdfe6); border-radius: 6px;
+      padding: 0 8px; font-size: 13px; background: var(--qxs-subject-fill-blank, #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;
     }
-    .el-select:focus { border-color: #3D61E3; outline: none; }
-    .el-select:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }
+    .el-select:focus { border-color: var(--qxs-subject-color-primary, #3D61E3); outline: none; }
+    .el-select:disabled { background: var(--qxs-subject-fill-light, #f5f7fa); color: var(--qxs-subject-text-disabled, #c0c4cc); cursor: not-allowed; }
 
-    .resource-summary { font-size: 12px; color: #606266; }
+    .resource-summary { font-size: 12px; color: var(--qxs-subject-text-regular, #606266); }
     .resource-thumbs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
     .resource-thumb {
       width: 72px; height: 72px; object-fit: cover; border-radius: 6px;
-      border: 1px solid #e4e7ed; background: #f5f7fa;
+      border: 1px solid var(--qxs-subject-border-light, #e4e7ed); background: var(--qxs-subject-fill-light, #f5f7fa);
     }
 
     @media (max-width: 720px) {
@@ -381,5 +381,5 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
         min-width: 0;
       }
     }
-  `],C([s({type:Number,attribute:"order-index"})],S.prototype,"order-index",2),C([s({type:String,attribute:"subject-prefix"})],S.prototype,"subject-prefix",2),C([s({type:String})],S.prototype,"title",2),C([s({type:String,attribute:"custom-id"})],S.prototype,"custom-id",2),C([s({type:Boolean,attribute:"is-edit"})],S.prototype,"is-edit",2),C([s({type:Boolean,attribute:"is-save"})],S.prototype,"is-save",2),C([s({type:Boolean,attribute:"is-set"})],S.prototype,"is-set",2),C([s({type:Boolean,attribute:"is-key"})],S.prototype,"is-key",2),C([s({type:Boolean,attribute:"show-action"})],S.prototype,"show-action",2),C([s({type:Boolean,attribute:"show-add"})],S.prototype,"show-add",2),C([s({type:Boolean,attribute:"hide-add-rich-text"})],S.prototype,"hide-add-rich-text",2),C([s({type:Boolean,attribute:"show-rich-text"})],S.prototype,"show-rich-text",2),C([s({type:Boolean,attribute:"show-delete-action"})],S.prototype,"show-delete-action",2),C([s({type:Boolean,attribute:"show-save-action"})],S.prototype,"show-save-action",2),C([s({type:Boolean,reflect:!0})],S.prototype,"sorting",2),C([s({type:Boolean,attribute:"show-answer-setting"})],S.prototype,"show-answer-setting",2),C([s({type:Boolean,attribute:"show-analysis"})],S.prototype,"show-analysis",2),C([s({type:String,attribute:"rich-text-content"})],S.prototype,"rich-text-content",2),C([s({type:String})],S.prototype,"analysis",2),C([s({type:Number,attribute:"exam-answer-relation-type"})],S.prototype,"exam-answer-relation-type",2),C([s({type:String,attribute:"exam-expand"})],S.prototype,"exam-expand",2),C([s({type:Number,attribute:"exam-id"})],S.prototype,"exam-id",2),C([s({type:String,attribute:"category-id"})],S.prototype,"category-id",2),C([s({type:Object,attribute:"exam-answer-setting"})],S.prototype,"exam-answer-setting",2),C([s({type:Object,attribute:"upload-image"})],S.prototype,"upload-image",2),C([s({type:Array,attribute:"answer-list"})],S.prototype,"answer-list",2),C([s({type:Array,attribute:"tag-list"})],S.prototype,"tag-list",2),C([s({type:Array,attribute:"category-list"})],S.prototype,"category-list",2),C([s({type:Array,attribute:"resource-list"})],S.prototype,"resource-list",2),C([s({type:Boolean,attribute:"show-tag"})],S.prototype,"show-tag",2),C([s({type:Boolean,attribute:"show-category"})],S.prototype,"show-category",2),C([s({type:Boolean,attribute:"show-resource"})],S.prototype,"show-resource",2),C([s({type:String,attribute:"model-value"})],S.prototype,"model-value",2),C([s({type:Boolean,attribute:"use-model"})],S.prototype,"use-model",2),C([r()],S.prototype,"_title",2),C([r()],S.prototype,"_analysis",2),C([r()],S.prototype,"_answers",2),C([r()],S.prototype,"_isInOrder",2),C([r()],S.prototype,"_isIgnoreCase",2),C([r()],S.prototype,"_showRichText",2),C([r()],S.prototype,"_richText",2),C([r()],S.prototype,"_selectedTagList",2),C([r()],S.prototype,"_categoryId",2),S=C([a("qxs-blank-fill")],S);export{S as QxsBlankFill};
+  `];i([r({type:Number,attribute:"order-index"})],s.prototype,"order-index",2);i([r({type:String,attribute:"subject-prefix"})],s.prototype,"subject-prefix",2);i([r({type:String})],s.prototype,"title",2);i([r({type:String,attribute:"custom-id"})],s.prototype,"custom-id",2);i([r({type:Boolean,attribute:"is-edit"})],s.prototype,"is-edit",2);i([r({type:Boolean,attribute:"is-save"})],s.prototype,"is-save",2);i([r({type:Boolean,attribute:"is-set"})],s.prototype,"is-set",2);i([r({type:Boolean,attribute:"is-key"})],s.prototype,"is-key",2);i([r({type:Boolean,attribute:"show-action"})],s.prototype,"show-action",2);i([r({type:Boolean,attribute:"show-add"})],s.prototype,"show-add",2);i([r({type:Boolean,attribute:"hide-add-rich-text"})],s.prototype,"hide-add-rich-text",2);i([r({type:Boolean,attribute:"show-rich-text"})],s.prototype,"show-rich-text",2);i([r({type:Boolean,attribute:"show-delete-action"})],s.prototype,"show-delete-action",2);i([r({type:Boolean,attribute:"show-save-action"})],s.prototype,"show-save-action",2);i([r({type:Boolean,reflect:!0})],s.prototype,"sorting",2);i([r({type:Boolean,attribute:"show-answer-setting"})],s.prototype,"show-answer-setting",2);i([r({type:Boolean,attribute:"show-analysis"})],s.prototype,"show-analysis",2);i([r({type:String,attribute:"rich-text-content"})],s.prototype,"rich-text-content",2);i([r({type:String})],s.prototype,"analysis",2);i([r({type:Number,attribute:"exam-answer-relation-type"})],s.prototype,"exam-answer-relation-type",2);i([r({type:String,attribute:"exam-expand"})],s.prototype,"exam-expand",2);i([r({type:Number,attribute:"exam-id"})],s.prototype,"exam-id",2);i([r({type:String,attribute:"category-id"})],s.prototype,"category-id",2);i([r({type:Object,attribute:"exam-answer-setting"})],s.prototype,"exam-answer-setting",2);i([r({type:Object,attribute:"upload-image"})],s.prototype,"upload-image",2);i([r({type:Array,attribute:"answer-list"})],s.prototype,"answer-list",2);i([r({type:Array,attribute:"tag-list"})],s.prototype,"tag-list",2);i([r({type:Array,attribute:"category-list"})],s.prototype,"category-list",2);i([r({type:Array,attribute:"resource-list"})],s.prototype,"resource-list",2);i([r({type:Boolean,attribute:"show-tag"})],s.prototype,"show-tag",2);i([r({type:Boolean,attribute:"show-category"})],s.prototype,"show-category",2);i([r({type:Boolean,attribute:"show-resource"})],s.prototype,"show-resource",2);i([r({type:String,attribute:"model-value"})],s.prototype,"model-value",2);i([r({type:Boolean,attribute:"use-model"})],s.prototype,"use-model",2);i([p()],s.prototype,"_title",2);i([p()],s.prototype,"_analysis",2);i([p()],s.prototype,"_answers",2);i([p()],s.prototype,"_isInOrder",2);i([p()],s.prototype,"_isIgnoreCase",2);i([p()],s.prototype,"_showRichText",2);i([p()],s.prototype,"_richText",2);i([p()],s.prototype,"_selectedTagList",2);i([p()],s.prototype,"_categoryId",2);s=i([k("qxs-blank-fill")],s);export{s as QxsBlankFill};
 //# sourceMappingURL=blank-fill.mjs.map