@qxs-bns/components 0.0.91 → 0.0.92

package/es/subject/single.mjs

@@ -1,5 +1,5 @@
-import{html as e,css as t,LitElement as s}from"lit";import{property as i,state as r}from"lit/decorators.js";import{safeCustomElement as o}from"../base/define.mjs";import{uid as a}from"../base/uid.mjs";import{SUB_TEXT_EDITOR_TOOLBAR as n}from"../editor/toolbar.mjs";import{emitSubjectEvent as l,showSubjectToast as c,emitSubjectModelValue as h,getSubjectImageResources as d,getSubjectVideoResource as p,resolveSubjectCategoryLabel as u,buildSubjectPreviewTitle as w,buildSubjectSortingTitle as m}from"./shared-methods.mjs";import{subjectHostStyles as g,subjectControlResetStyles as x,subjectPreviewBaseStyles as y,subjectFormBaseStyles as _,subjectTextareaStyles as v}from"./shared-styles.mjs";import{sortingCardStyles as f,renderSortingCard as b}from"./sorting-card.mjs";import{SubjectTypeLabel as $}from"./types.mjs";var k=Object.defineProperty,A=Object.getOwnPropertyDescriptor,C=(e,t,s,i)=>{for(var r,o=i>1?void 0:i?A(t,s):t,a=e.length-1;a>=0;a--)(r=e[a])&&(o=(i?r(t,s,o):r(o))||o);return i&&o&&k(t,s,o),o};class I extends Error{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"VALIDATION_ERROR",s=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0;super(e),this.code=t,this.field=s,this.row=i,this.name="SubjectError"}static from(e){return new I(e.message,e.code,e.field,e.row)}}const T=e`<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>`,S=e`<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>`,E=e`<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>`;function R(e){return e.replace(/^\d+\.\s*/,"").replace(/[\s，,。.!！?？;；:：、'"“”‘’()（）[\]【】\-_/\\]+/g,"").toLowerCase()}function L(e){return String(e??"").trim()}function D(e){return String(e??"").split(",").map(e=>e.trim()).filter(Boolean).join(",")}let O=class extends s{constructor(){super(...arguments),this["order-index"]=0,this["is-edit"]=!1,this["is-save"]=!1,this["is-set"]=!1,this["is-set-correct-answer"]=!1,this.lockAnswerKey=!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-key"]=!1,this["show-analysis"]=!1,this.type="single",this["answer-check-type"]=1,this["exam-answer-relation-type"]=0,this["rich-text-content"]="",this.analysis="",this["least-answer-count"]=null,this["exam-expand"]="",this["custom-id"]="",this["exam-id"]=0,this["category-id"]="",this["upload-image"]=async e=>new Promise((t,s)=>{const i=new FileReader;i.onload=e=>t(e.target?.result),i.onerror=s,i.readAsDataURL(e)}),this["tag-list"]=[],this["category-list"]=[],this["ai-answer"]="",this["resource-list"]=[],this["show-tag"]=!1,this["show-category"]=!1,this["show-ai"]=!1,this["show-resource"]=!1,this["show-jump"]=!1,this["has-jump"]=!1,this["search-api"]="",this["model-value"]="",this["use-model"]=!1,this._answers=[{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1}],this.title="",this._title="",this._analysis="",this._richText="",this._showRichText=!1,this._leastAnswerCount=null,this._answerCheckType=1,this._isKey=!1,this._orderList=[],this._selectedTagList=[],this._categoryId="",this._searchResults=[],this._searchOpen=!1,this._searchLoading=!1,this._sortDropdownOpen=!1,this._imageViewerOpen=!1,this._imageViewerIndex=0,this._videoViewerOpen=!1,this._correctHintDialogOpen=!1,this._hasShownCorrectHint=!1,this._changeTypeDialogOpen=!1,this._searchTimer=null,this._searchToken=0,this.TITLE_MAX=200,this.ANSWER_MAX=100,this._handleDocumentClick=e=>{const t=e.composedPath(),s=this.shadowRoot?.querySelector(".multi-select-wrapper"),i=this.shadowRoot?.querySelector(".search-wrap");s&&!t.includes(s)&&(this._sortDropdownOpen=!1),i&&!t.includes(i)&&(this._searchOpen=!1),this.requestUpdate()}}get"answer-list"(){return this._answers}set"answer-list"(e){if(this["is-edit"])return;const t=Array.isArray(e)?e:[];this._answers=t.length?t.map(e=>this._normalizeAnswerItem(e)):[{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1}],this.requestUpdate("answer-list")}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleDocumentClick),this._syncExternalProps()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleDocumentClick),this._searchTimer&&(window.clearTimeout(this._searchTimer),this._searchTimer=null)}willUpdate(e){e.has("is-edit")&&this["is-edit"]&&this._syncProps(),!this["is-edit"]&&(e.has("title")||e.has("answer-list")||e.has("analysis")||e.has("least-answer-count")||e.has("answer-check-type")||e.has("tag-list")||e.has("category-id")||e.has("rich-text-content"))&&this._syncExternalProps(),e.has("is-key")&&(this._isKey=this["is-key"]),e.has("tag-list")&&(this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(e=>({...e})):[]),e.has("category-id")&&(this._categoryId=this["category-id"]?String(this["category-id"]):""),(e.has("exam-expand")||e.has("answer-list"))&&this._syncExamExpand(),e.has("model-value")&&this["use-model"]&&(this._title=this["model-value"])}_supportsLeastAnswerCount(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.type;return"multiple"===e||"sort"===e}_normalizeLeastAnswerCount(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.type;if(!this._supportsLeastAnswerCount(t)||""===e||null==e)return null;const s=Number(e);return Number.isFinite(s)&&s>0?s:null}_leastAnswerCountSuffix(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.type;return this._supportsLeastAnswerCount(t)&&null!==e?`，至少选${e}项${"sort"===t?"并排序":""}`:""}_normalizeAnswerItem(e){const t={...e,title:L(e?.title??e?.answer??""),isCorrect:!!e?.isCorrect},s=e?.answerId??e?.examAnswerId;return void 0!==s&&(t.answerId=s),t}_syncExternalProps(){this._title=this.title||"",this._analysis=this.analysis||"",this._leastAnswerCount=this._normalizeLeastAnswerCount(this["least-answer-count"]),this._answerCheckType=this["answer-check-type"]||1,this._isKey=this["is-key"],this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(e=>({...e})):[],this._categoryId=this["category-id"]?String(this["category-id"]):"",this._richText=this["rich-text-content"]||"",this._showRichText=!!this["rich-text-content"],this["answer-list"]?.length&&(this._answers=this["answer-list"].map(e=>this._normalizeAnswerItem(e)))}_syncProps(){this._title=this.title||"",this._analysis=this.analysis||"",this._leastAnswerCount=this._normalizeLeastAnswerCount(this["least-answer-count"]),this._answerCheckType=this["answer-check-type"]||1,this._isKey=this["is-key"],this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(e=>({...e})):[],this._categoryId=this["category-id"]?String(this["category-id"]):"",this._richText=this["rich-text-content"]||"",this._showRichText=!!this["rich-text-content"],this["answer-list"]?.length&&(this._answers=this["answer-list"].map(e=>this._normalizeAnswerItem(e))),this._syncExamExpand()}_syncExamExpand(){if(!this["exam-expand"]||!this["answer-list"]?.length)return;const e=this["exam-expand"].split(","),t=this["answer-list"];this._orderList=e.map(e=>{const s=t.findIndex((t,s)=>String(t.answerId??t.orderIndex??s+1)===String(e));return s>=0?this._label(s):""}).filter(Boolean)}_emit(e,t){l(this,e,t)}_searchAnswerType(){return"single"===this.type?0:"multiple"===this.type?1:5}_queueSearch(e){this._searchTimer&&(window.clearTimeout(this._searchTimer),this._searchTimer=null);const t=e.trim();if(!t||!this["search-api"]&&"function"!=typeof this["search-handler"])return this._searchResults=[],this._searchOpen=!1,void(this._searchLoading=!1);this._searchTimer=window.setTimeout(()=>{this._runSearch(t)},300)}async _runSearch(e){const t=++this._searchToken;this._searchLoading=!0,this._searchOpen=!0,this.requestUpdate();try{let s=[];if("function"==typeof this["search-handler"])s=await this["search-handler"](e,this._searchAnswerType());else if(this["search-api"]){const t=new URLSearchParams({searchKey:e,answerType:String(this._searchAnswerType())}),i=await fetch(`${this["search-api"]}${this["search-api"].includes("?")?"&":"?"}${t.toString()}`);if(!i.ok)throw new Error(`HTTP ${i.status}`);const r=await i.json();s=(Array.isArray(r)?r:Array.isArray(r?.data)?r.data:[]).map(e=>({...e,value:e?.value||e?.title||""}))}if(t!==this._searchToken)return;this._searchResults=Array.isArray(s)?s:[]}catch(e){if(t!==this._searchToken)return;this._searchResults=[],c(e?.message||"题库搜索失败")}finally{t===this._searchToken&&(this._searchLoading=!1,this.requestUpdate())}}_selectSearchResult(e){const t=e.value||e.title||"";this._title=t,this._searchResults=[],this._searchOpen=!1,this["use-model"]&&h(this,this._title),this._emit("title-select",{...e,id:e.id??e.examId??e.questionId,title:e.title||t,value:t,customId:this["custom-id"]||""})}_applyAiAnswer(){if(!this["ai-answer"]?.trim())return void c("暂无 AI 推荐答案");const e=this["ai-answer"].split(/\r?\n/).map(e=>R(e)).filter(Boolean);let t=0;if("single"===this.type){let s=!1;this._answers=this._answers.map(i=>{const r=!s&&e.includes(R(i.title||""));return r&&(s=!0,t++),{...i,isCorrect:r}})}else this._answers=this._answers.map(s=>{const i=e.includes(R(s.title||""));return i&&t++,{...s,isCorrect:i}});t?this.requestUpdate():c("未找到匹配的选项，请检查选项内容是否一致")}_onCategoryChange(e){this._categoryId=e,this._emit("category-change",{value:e,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_setRelation(e,t){const s=e.customAnswerId?{...e}:{...e,customAnswerId:e.answerId||a()};this._answers=this._answers.map((e,i)=>i===t?s:e),this.requestUpdate(),this._emit("set-relation",{customId:this["custom-id"]||"",examId:this["exam-id"]||0,answerIndex:t,answer:s})}_relationLength(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).reduce((e,t)=>e+(Array.isArray(t?.relationAnswers)?t.relationAnswers.length:0),0)}_emitEditResultItem(e,t){this._emit("edit-result-item",{customId:this["custom-id"]||"",examId:this["exam-id"]||0,answerIndex:t,answer:{...e},resultItem:e.resultItem||""})}_resultSlotName(e){return`business-result-item-${e}`}_imageResources(){return d(this["resource-list"]||[])}_videoResource(){return p(this["resource-list"]||[])}_openImageViewer(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this._imageResources().length&&(this._imageViewerIndex=e,this._imageViewerOpen=!0)}_closeImageViewer(){this._imageViewerOpen=!1}_moveImage(e){const t=this._imageResources();t.length&&(this._imageViewerIndex=(this._imageViewerIndex+e+t.length)%t.length)}_openVideoViewer(){this._videoResource()?.url&&(this._videoViewerOpen=!0)}_closeVideoViewer(){this._videoViewerOpen=!1}_label(e){return String.fromCharCode(65+e)}get _titlePlaceholder(){return"single"===this.type?"单选题":"multiple"===this.type?"多选题":"排序题"}_setCorrect(e,t){this.lockAnswerKey||("single"===this.type?this._answers=this._answers.map(s=>({...s,isCorrect:s===e?t:!t&&!!s.isCorrect})):this._answers=this._answers.map(s=>s===e?{...s,isCorrect:t}:s),this.requestUpdate())}_onTitleInput(e){const t=e.target;t.value.length>this.TITLE_MAX&&(t.value=t.value.slice(0,this.TITLE_MAX)),this._title=t.value,this._queueSearch(this._title),this["use-model"]&&h(this,this._title)}_onAnswerInput(e,t){const s=e.target;s.value.length>this.ANSWER_MAX&&(s.value=s.value.slice(0,this.ANSWER_MAX)),this._answers[t].title=s.value,this.requestUpdate()}_addAnswer(e){const t=[...this._answers];t.splice(e+1,0,{title:"",isCorrect:!1,customAnswerId:a()}),this._answers=t}_deleteAnswer(e){this._answers.length<3||(this._answers=this._answers.filter((t,s)=>s!==e))}_toggleSortItem(e){const t=this._orderList.indexOf(e);this._orderList=t>=0?this._orderList.filter(t=>t!==e):[...this._orderList,e],this.requestUpdate()}_removeSortItem(e){this._orderList=this._orderList.filter(t=>t!==e),this.requestUpdate()}_getSortOrder(e){const t=this._orderList.indexOf(this._label(e));return t>=0?t+1:null}_sortAnswerValue(e){const t=e.charCodeAt(0)-65,s=this._answers[t];return s?.answerId??t+1}_rowMeta(){return{customId:this["custom-id"]||void 0,answerType:this.type,orderIndex:this["order-index"]}}_collectSnapshot(){const e=(this["is-edit"]?this._answers:this["answer-list"]||[]).map(e=>({...e,title:L(e?.title??e?.answer??""),isCorrect:!!e?.isCorrect,resultItem:L(e?.resultItem??"")})),t=this["is-edit"]?[...this._orderList]:(()=>{const e=this["exam-expand"];return e?e.split(",").map(e=>{const t=this["answer-list"]?.findIndex((t,s)=>String(t.answerId??t.orderIndex??s+1)===String(e));return t>=0?this._label(t):""}).filter(Boolean):[]})();return{title:L(this["is-edit"]?this._title:this.title||""),answers:e,analysis:L(this["is-edit"]?this._analysis:this.analysis||""),leastAnswerCount:this["is-edit"]?this._leastAnswerCount:this._normalizeLeastAnswerCount(this["least-answer-count"]),selectedTagList:Array.isArray(this._selectedTagList)?[...this._selectedTagList]:[],examExpand:this["is-edit"]?t.map(e=>this._sortAnswerValue(e)).join(","):this["exam-expand"]||"",showRichText:this["is-edit"]?this._showRichText:!!this["rich-text-content"],richText:this["is-edit"]?this._richText:this["rich-text-content"]||"",orderList:t}}_validateSnapshot(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.type;const s=this._rowMeta(),i=[];e.title||i.push(new I("题目标题不能为空!","EMPTY_TITLE","title",s));let r=!1,o=0;e.answers.forEach((e,a)=>{e.title?.trim()||i.push(new I(`选项${String.fromCharCode(65+a)}未填写`,"ANSWER_EMPTY","answers",s)),"sort"!==t&&e.isCorrect&&(r=!0,o++)});return new Set(e.answers.map(e=>e.title)).size!==e.answers.length&&e.answers.length>0&&i.push(new I("选项不能重复","DUPLICATE_ANSWERS","answers",s)),"single"===t&&o>1&&i.push(new I("此题为单选题，设置了多个推荐/正确选项，请保存时确认是否切换为多选题","SINGLE_MULTI_CORRECT","answers",s)),"multiple"===t&&(1===o&&i.push(new I("请设置至少两个推荐/正确选项","CORRECT_COUNT_INVALID","answers",s)),o>0&&(r=!0),r&&null!==e.leastAnswerCount&&o<e.leastAnswerCount&&i.push(new I("至少选几项与推荐/正确选项数不符","LEAST_ANSWER_COUNT_INVALID","answers",s))),"sort"===t&&(r=e.orderList.length>0,null!==e.leastAnswerCount&&e.orderList.length<e.leastAnswerCount&&i.push(new I("至少选几项与推荐/正确选项数不符","LEAST_ANSWER_COUNT_INVALID","orderList",s))),{errors:i,isSetCorrectAnswer:r,correctAnswerCount:o}}_serialize(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.type;const t=this._collectSnapshot(),{errors:s,isSetCorrectAnswer:i}=this._validateSnapshot(t,e);if(s.length)throw s[0];const r={answerType:String(e),examTypeEnum:String(e),title:t.title,answers:t.answers.map((e,t)=>{const s=e.resultItem?1:Array.isArray(e.answerRelations)&&e.answerRelations.length?2:null,i={...e,orderIndex:t+1,answer:e.title,relationType:s};return void 0!==e.answerId&&(i.examAnswerId=e.answerId),null===s&&delete i.relationType,i}),examExpand:t.examExpand,analysis:t.analysis,isSetCorrectAnswer:i,examRichTextContent:t.showRichText?t.richText:""};return this["exam-answer-relation-type"]&&(r.examAnswerRelationType=this["exam-answer-relation-type"]),this._supportsLeastAnswerCount(e)&&(r.leastAnswerCount=t.leastAnswerCount),this["custom-id"]&&(r.customId=this["custom-id"]),r}_shouldShowCorrectHint(){return"sort"===this.type?!this._orderList.length:!this._answers.some(e=>!!e.isCorrect)}async _finalizeSave(){try{const e=await this.toJSON();this._emit("save",e)}catch(e){c(e.message)}}async toJSON(){return Promise.resolve(this._serialize())}validate(){return this._validateSnapshot(this._collectSnapshot()).errors}setResultItem(e,t){e<0||e>=this._answers.length||(this._answers=this._answers.map((s,i)=>i===e?{...s,resultItem:t||""}:s),this.requestUpdate())}setAnswerRelation(e,t){e&&(this._answers=this._answers.map(s=>String(s.customAnswerId??s.answerId??"")===String(e)?{...s,answerRelations:t}:s),this.requestUpdate())}_renderCorrectHintDialog(){return this._correctHintDialogOpen?e`
-      <div class="modal-backdrop" @click=${()=>{this._correctHintDialogOpen=!1}}>
+import{html as r,css as f,LitElement as _}from"lit";import{property as a,state as n}from"lit/decorators.js";import{safeCustomElement as $}from"../base/define.mjs";import{uid as x}from"../base/uid.mjs";import{SUB_TEXT_EDITOR_TOOLBAR as S}from"../editor/toolbar.mjs";import{emitSubjectEvent as j,showSubjectToast as h,emitSubjectModelValue as g,getSubjectImageResources as k,getSubjectVideoResource as q,resolveSubjectCategoryLabel as m,buildSubjectPreviewTitle as T,buildSubjectSortingTitle as A}from"./shared-methods.mjs";import{subjectHostStyles as C,subjectControlResetStyles as D,subjectPreviewBaseStyles as I,subjectFormBaseStyles as E,subjectTextareaStyles as R}from"./shared-styles.mjs";import{hasSingleSearchSource as L,searchSingleSubjects as O,buildSingleSearchSelection as V,dismissSingleCorrectHintDialog as w,acknowledgeSingleCorrectHint as z,dismissSingleChangeTypeDialog as d,resolveSingleSaveDecision as B,applySingleSaveDecisionToDialogs as P}from"./single-interactions.mjs";import{normalizeSingleAnswerList as H,buildSingleEditorState as M,resolveSingleOrderList as y,buildSingleSnapshot as K,validateSingleSnapshot as v,serializeSingleSnapshot as N,leastAnswerCountSuffix as U,normalizeLeastAnswerCount as b}from"./single-model.mjs";import{applySingleAiAnswer as X,countSingleRelationAnswers as W,setSingleCorrectState as F,updateSingleAnswerTitle as Y,insertSingleAnswerAfter as J,deleteSingleAnswerAt as Q,toggleSingleSortLetter as G,removeSingleSortLetter as Z,getSingleSortOrder as ee,resolveSingleSortAnswerValue as te,shouldShowSingleCorrectHint as se}from"./single-state.mjs";import{sortingCardStyles as ie,renderSortingCard as re}from"./sorting-card.mjs";import{trimText as oe}from"./subject-shared.mjs";import{SubjectError as qe,trimCommaSeparatedText as Te}from"./subject-shared.mjs";import{SubjectTypeLabel as ae}from"./types.mjs";var le=Object.defineProperty,ne=Object.getOwnPropertyDescriptor,i=(e,t,o,l)=>{for(var c=l>1?void 0:l?ne(t,o):t,p=e.length-1,u;p>=0;p--)(u=e[p])&&(c=(l?u(t,o,c):u(c))||c);return l&&c&&le(t,o,c),c};const ce=r`<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>`,he=r`<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>`,de=r`<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>`;let s=class extends _{constructor(){super(...arguments),this["order-index"]=0,this["is-edit"]=!1,this["is-save"]=!1,this["is-set"]=!1,this["is-set-correct-answer"]=!1,this.lockAnswerKey=!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-key"]=!1,this["show-analysis"]=!1,this.type="single",this["answer-check-type"]=1,this["exam-answer-relation-type"]=0,this["rich-text-content"]="",this.analysis="",this["least-answer-count"]=null,this["exam-expand"]="",this["custom-id"]="",this["exam-id"]=0,this["category-id"]="",this["upload-image"]=async e=>new Promise((t,o)=>{const l=new FileReader;l.onload=c=>t(c.target?.result),l.onerror=o,l.readAsDataURL(e)}),this["tag-list"]=[],this["category-list"]=[],this["ai-answer"]="",this["resource-list"]=[],this["show-tag"]=!1,this["show-category"]=!1,this["show-ai"]=!1,this["show-resource"]=!1,this["show-jump"]=!1,this["has-jump"]=!1,this["search-api"]="",this["model-value"]="",this["use-model"]=!1,this._answers=[{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1}],this.title="",this._title="",this._analysis="",this._richText="",this._showRichText=!1,this._leastAnswerCount=null,this._answerCheckType=1,this._isKey=!1,this._orderList=[],this._selectedTagList=[],this._categoryId="",this._searchResults=[],this._searchOpen=!1,this._searchLoading=!1,this._sortDropdownOpen=!1,this._imageViewerOpen=!1,this._imageViewerIndex=0,this._videoViewerOpen=!1,this._correctHintDialogOpen=!1,this._hasShownCorrectHint=!1,this._changeTypeDialogOpen=!1,this._searchTimer=null,this._searchToken=0,this.TITLE_MAX=200,this.ANSWER_MAX=100,this._handleDocumentClick=e=>{const t=e.composedPath(),o=this.shadowRoot?.querySelector(".multi-select-wrapper"),l=this.shadowRoot?.querySelector(".search-wrap");o&&!t.includes(o)&&(this._sortDropdownOpen=!1),l&&!t.includes(l)&&(this._searchOpen=!1),this.requestUpdate()}}get"answer-list"(){return this._answers}set"answer-list"(e){this["is-edit"]||(this._answers=H(e),this.requestUpdate("answer-list"))}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleDocumentClick),this._syncExternalProps()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleDocumentClick),this._searchTimer&&(window.clearTimeout(this._searchTimer),this._searchTimer=null)}willUpdate(e){e.has("is-edit")&&this["is-edit"]&&this._syncProps(),!this["is-edit"]&&(e.has("title")||e.has("answer-list")||e.has("analysis")||e.has("least-answer-count")||e.has("answer-check-type")||e.has("tag-list")||e.has("category-id")||e.has("rich-text-content"))&&this._syncExternalProps(),e.has("is-key")&&(this._isKey=this["is-key"]),e.has("tag-list")&&(this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(t=>({...t})):[]),e.has("category-id")&&(this._categoryId=this["category-id"]?String(this["category-id"]):""),(e.has("exam-expand")||e.has("answer-list"))&&this._syncExamExpand(),e.has("model-value")&&this["use-model"]&&(this._title=this["model-value"])}_applyEditorState(e){this._title=e.title,this._analysis=e.analysis,this._leastAnswerCount=e.leastAnswerCount,this._answerCheckType=e.answerCheckType,this._isKey=e.isKey,this._selectedTagList=e.selectedTagList,this._categoryId=e.categoryId,this._richText=e.richText,this._showRichText=e.showRichText,e.answers&&(this._answers=e.answers),e.orderList&&(this._orderList=e.orderList)}_buildEditorState(e=!1){return M({answerType:this.type,title:this.title,analysis:this.analysis,leastAnswerCount:this["least-answer-count"],answerCheckType:this["answer-check-type"],isKey:this["is-key"],tagList:this["tag-list"],categoryId:this["category-id"],richTextContent:this["rich-text-content"],answerList:this["answer-list"],examExpand:this["exam-expand"],labelForIndex:t=>this._label(t),includeOrderList:e})}_syncExternalProps(){this._applyEditorState(this._buildEditorState())}_syncProps(){this._applyEditorState(this._buildEditorState(!0))}_syncExamExpand(){!this["exam-expand"]||!this["answer-list"]?.length||(this._orderList=y({examExpand:this["exam-expand"],answers:this["answer-list"],labelForIndex:e=>this._label(e)}))}_emit(e,t){j(this,e,t)}_queueSearch(e){this._searchTimer&&(window.clearTimeout(this._searchTimer),this._searchTimer=null);const t=e.trim();if(!t||!L(this["search-api"],this["search-handler"])){this._searchResults=[],this._searchOpen=!1,this._searchLoading=!1;return}this._searchTimer=window.setTimeout(()=>{this._runSearch(t)},300)}async _runSearch(e){const t=++this._searchToken;this._searchLoading=!0,this._searchOpen=!0,this.requestUpdate();try{const o=await O({answerType:this.type,query:e,searchApi:this["search-api"],searchHandler:this["search-handler"]});if(t!==this._searchToken)return;this._searchResults=o}catch(o){if(t!==this._searchToken)return;this._searchResults=[],h(o?.message||"题库搜索失败")}finally{t===this._searchToken&&(this._searchLoading=!1,this.requestUpdate())}}_selectSearchResult(e){const{selectedTitle:t,detail:o}=V(e,this["custom-id"]||"");this._title=t,this._searchResults=[],this._searchOpen=!1,this["use-model"]&&g(this,this._title),this._emit("title-select",o)}_applyAiAnswer(){if(!this["ai-answer"]?.trim()){h("暂无 AI 推荐答案");return}const e=X({answers:this._answers,aiAnswer:this["ai-answer"],answerType:this.type});if(!e.matchedCount){h("未找到匹配的选项，请检查选项内容是否一致");return}this._answers=e.answers}_onCategoryChange(e){this._categoryId=e,this._emit("category-change",{value:e,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_setRelation(e,t){const o=e.customAnswerId?{...e}:{...e,customAnswerId:e.answerId||x()};this._answers=this._answers.map((l,c)=>c===t?o:l),this.requestUpdate(),this._emit("set-relation",{customId:this["custom-id"]||"",examId:this["exam-id"]||0,answerIndex:t,answer:o})}_relationLength(e=[]){return W(e)}_emitEditResultItem(e,t){this._emit("edit-result-item",{customId:this["custom-id"]||"",examId:this["exam-id"]||0,answerIndex:t,answer:{...e},resultItem:e.resultItem||""})}_resultSlotName(e){return`business-result-item-${e}`}_imageResources(){return k(this["resource-list"]||[])}_videoResource(){return q(this["resource-list"]||[])}_openImageViewer(e=0){this._imageResources().length&&(this._imageViewerIndex=e,this._imageViewerOpen=!0)}_closeImageViewer(){this._imageViewerOpen=!1}_moveImage(e){const t=this._imageResources();t.length&&(this._imageViewerIndex=(this._imageViewerIndex+e+t.length)%t.length)}_openVideoViewer(){this._videoResource()?.url&&(this._videoViewerOpen=!0)}_closeVideoViewer(){this._videoViewerOpen=!1}_label(e){return String.fromCharCode(65+e)}get _titlePlaceholder(){return this.type==="single"?"单选题":this.type==="multiple"?"多选题":"排序题"}_setCorrect(e,t){if(this.lockAnswerKey)return;const o=typeof e=="number"?e:this._answers.indexOf(e);o<0||(this._answers=F(this._answers,this.type,o,t))}_onTitleInput(e){const t=e.target;t.value.length>this.TITLE_MAX&&(t.value=t.value.slice(0,this.TITLE_MAX)),this._title=t.value,this._queueSearch(this._title),this["use-model"]&&g(this,this._title)}_onAnswerInput(e,t){const o=e.target;o.value.length>this.ANSWER_MAX&&(o.value=o.value.slice(0,this.ANSWER_MAX)),this._answers=Y(this._answers,t,o.value,this.ANSWER_MAX)}_addAnswer(e){this._answers=J(this._answers,e,()=>x())}_deleteAnswer(e){this._answers=Q(this._answers,e)}_toggleSortItem(e){this._orderList=G(this._orderList,e)}_removeSortItem(e){this._orderList=Z(this._orderList,e)}_getSortOrder(e){return ee(this._orderList,this._label(e))}_sortAnswerValue(e){return te(e,this._answers)}_rowMeta(){return{customId:this["custom-id"]||void 0,answerType:this.type,orderIndex:this["order-index"]}}_dialogState(){return{correctHintDialogOpen:this._correctHintDialogOpen,changeTypeDialogOpen:this._changeTypeDialogOpen,hasShownCorrectHint:this._hasShownCorrectHint}}_applyDialogState(e){this._correctHintDialogOpen=e.correctHintDialogOpen,this._changeTypeDialogOpen=e.changeTypeDialogOpen,this._hasShownCorrectHint=e.hasShownCorrectHint}_collectSnapshot(){const e=this["is-edit"]?[...this._orderList]:y({examExpand:this["exam-expand"],answers:this["answer-list"],labelForIndex:t=>this._label(t)});return K({answerType:this.type,title:this["is-edit"]?this._title:this.title||"",answers:this["is-edit"]?this._answers:this["answer-list"]||[],analysis:this["is-edit"]?this._analysis:this.analysis||"",leastAnswerCount:this["is-edit"]?this._leastAnswerCount:this["least-answer-count"],selectedTagList:this._selectedTagList,examExpand:this["is-edit"]?"":this["exam-expand"]||"",showRichText:this["is-edit"]?this._showRichText:!!this["rich-text-content"],richText:this["is-edit"]?this._richText:this["rich-text-content"]||"",orderList:e,sortAnswerValue:this["is-edit"]?t=>this._sortAnswerValue(t):void 0})}_serialize(e=this.type){const t=this._collectSnapshot(),{errors:o,isSetCorrectAnswer:l}=v(t,e,this._rowMeta());if(o.length)throw o[0];return N(t,{answerType:e,isSetCorrectAnswer:l,examAnswerRelationType:this["exam-answer-relation-type"],customId:this["custom-id"]})}_shouldShowCorrectHint(){return se({answerType:this.type,answers:this._answers,orderList:this._orderList})}async _finalizeSave(){try{const e=await this.toJSON();this._emit("save",e)}catch(e){h(e.message)}}async toJSON(){return Promise.resolve(this._serialize())}validate(){return v(this._collectSnapshot(),this.type,this._rowMeta()).errors}setResultItem(e,t){e<0||e>=this._answers.length||(this._answers=this._answers.map((o,l)=>l===e?{...o,resultItem:t||""}:o),this.requestUpdate())}setAnswerRelation(e,t){e&&(this._answers=this._answers.map(o=>String(o.customAnswerId??o.answerId??"")===String(e)?{...o,answerRelations:t}:o),this.requestUpdate())}_renderCorrectHintDialog(){return this._correctHintDialogOpen?r`
+      <div class="modal-backdrop" @click=${()=>{this._applyDialogState(w(this._dialogState()))}}>
         <div class="modal correct-hint-dialog" @click=${e=>e.stopPropagation()}>
           <div class="modal-header">
             <span class="modal-title">温馨提示</span>
@@ -10,109 +10,109 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
             </div>
           </div>
           <div class="modal-footer">
-            <button @click=${async()=>{this._hasShownCorrectHint=!0,this._correctHintDialogOpen=!1,await this._finalizeSave()}}>完成编辑</button>
-            <button class="primary" @click=${()=>{this._correctHintDialogOpen=!1}}>去设置</button>
+            <button @click=${async()=>{this._applyDialogState(z(this._dialogState())),await this._finalizeSave()}}>完成编辑</button>
+            <button class="primary" @click=${()=>{this._applyDialogState(w(this._dialogState()))}}>去设置</button>
           </div>
         </div>
       </div>
-    `:""}_renderChangeTypeDialog(){return this._changeTypeDialogOpen?e`
-      <div class="modal-backdrop" @click=${()=>{this._changeTypeDialogOpen=!1}}>
+    `:""}_renderChangeTypeDialog(){return this._changeTypeDialogOpen?r`
+      <div class="modal-backdrop" @click=${()=>{this._applyDialogState(d(this._dialogState()))}}>
         <div class="modal" @click=${e=>e.stopPropagation()}>
           <div class="modal-header">
             <span class="modal-title">提示</span>
-            <button class="modal-close" @click=${()=>{this._changeTypeDialogOpen=!1}}>&#x2715;</button>
+            <button class="modal-close" @click=${()=>{this._applyDialogState(d(this._dialogState()))}}>&#x2715;</button>
           </div>
           <div class="modal-body">
             <div class="value-text">此题为单选题，设置了多个推荐/正确选项，是否切换成多选题？</div>
           </div>
           <div class="modal-footer">
-            <button @click=${()=>{this._changeTypeDialogOpen=!1}}>取消</button>
-            <button class="primary" @click=${()=>{try{const e=this._serialize("multiple");this._changeTypeDialogOpen=!1,this._emit("save",e)}catch(e){c(e?.message||"保存失败")}}}>切换</button>
+            <button @click=${()=>{this._applyDialogState(d(this._dialogState()))}}>取消</button>
+            <button class="primary" @click=${()=>{try{const e=this._serialize("multiple");this._applyDialogState(d(this._dialogState())),this._emit("save",e)}catch(e){h(e?.message||"保存失败")}}}>切换</button>
           </div>
         </div>
       </div>
-    `:""}_renderSearchDropdown(){return this["is-edit"]&&(this._searchOpen||this._searchLoading)?e`
+    `:""}_renderSearchDropdown(){return!this["is-edit"]||!this._searchOpen&&!this._searchLoading?"":r`
       <div class="search-dropdown">
-        ${this._searchLoading?e`<div class="search-empty">搜索中...</div>`:this._searchResults.length?this._searchResults.map(t=>e`
-              <div class="search-item" @click=${()=>this._selectSearchResult(t)}>${t.value||t.title}</div>
-            `):e`<div class="search-empty">暂无匹配题目</div>`}
+        ${this._searchLoading?r`<div class="search-empty">搜索中...</div>`:this._searchResults.length?this._searchResults.map(e=>r`
+              <div class="search-item" @click=${()=>this._selectSearchResult(e)}>${e.value||e.title}</div>
+            `):r`<div class="search-empty">暂无匹配题目</div>`}
       </div>
-    `:""}_renderCategorySection(){return this["show-category"]?e`
+    `}_renderCategorySection(){return this["show-category"]?r`
       <div class="flex-items-start section-row">
         <div class="label"><span>分类:</span></div>
         <div style="flex:1">
-          ${this["is-edit"]?e`
+          ${this["is-edit"]?r`
             <select class="el-select" .value=${String(this._categoryId)}
               @change=${e=>this._onCategoryChange(e.target.value)}>
               <option value="">选择分类</option>
-              ${this["category-list"].map(t=>e`
-                <option value=${String(t.categoryId)} ?selected=${String(t.categoryId)===String(this._categoryId)}>${t.title}</option>
+              ${this["category-list"].map(e=>r`
+                <option value=${String(e.categoryId)} ?selected=${String(e.categoryId)===String(this._categoryId)}>${e.title}</option>
               `)}
             </select>
-          `:e`<span class="value-text">${u(this["category-list"],this._categoryId)}</span>`}
+          `:r`<span class="value-text">${m(this["category-list"],this._categoryId)}</span>`}
         </div>
       </div>
-    `:""}_renderAiSection(){return this["show-ai"]&&["single","multiple"].includes(this.type)?e`
+    `:""}_renderAiSection(){return!this["show-ai"]||!["single","multiple"].includes(this.type)?"":r`
       <div class="flex-items-start section-row">
         <div class="label"><span>AI推荐:</span></div>
         <div style="flex:1">
           <span class="value-text">${this["ai-answer"]||"暂无"}</span>
-          ${this["is-edit"]?e`<div style="margin-top:8px"><span class="el-link" @click=${()=>this._applyAiAnswer()}>一键勾选</span></div>`:""}
+          ${this["is-edit"]?r`<div style="margin-top:8px"><span class="el-link" @click=${()=>this._applyAiAnswer()}>一键勾选</span></div>`:""}
         </div>
       </div>
-    `:""}_renderResourceSection(){if(!this["show-resource"])return"";const t=this._imageResources(),s=this._videoResource();return e`
+    `}_renderResourceSection(){if(!this["show-resource"])return"";const e=this._imageResources(),t=this._videoResource();return r`
       <div class="flex-items-start section-row">
         <div class="label"><span>资源:</span></div>
         <div style="flex:1">
           <div class="resource-summary">
-            图片 ${t.length} 张${s?"，含视频资源":""}
+            图片 ${e.length} 张${t?"，含视频资源":""}
           </div>
           <div class="resource-actions">
-            ${t.length?e`<span class="el-link" @click=${()=>this._openImageViewer(0)}>查看图片</span>`:""}
-            ${s?.url?e`<span class="el-link" @click=${()=>this._openVideoViewer()}>查看视频</span>`:""}
-            ${t.length||s?.url?"":e`<span class="muted-text">暂无资源</span>`}
+            ${e.length?r`<span class="el-link" @click=${()=>this._openImageViewer(0)}>查看图片</span>`:""}
+            ${t?.url?r`<span class="el-link" @click=${()=>this._openVideoViewer()}>查看视频</span>`:""}
+            ${!e.length&&!t?.url?r`<span class="muted-text">暂无资源</span>`:""}
           </div>
-          ${t.length?e`
+          ${e.length?r`
             <div class="resource-thumbs">
-              ${t.slice(0,4).map((t,s)=>e`
-                <img class="resource-thumb" src=${t} alt="resource" @click=${()=>this._openImageViewer(s)} />
+              ${e.slice(0,4).map((o,l)=>r`
+                <img class="resource-thumb" src=${o} alt="resource" @click=${()=>this._openImageViewer(l)} />
               `)}
             </div>
           `:""}
         </div>
       </div>
-    `}_renderImageViewer(){if(!this._imageViewerOpen)return"";const t=this._imageResources(),s=t[this._imageViewerIndex];return s?e`
+    `}_renderImageViewer(){if(!this._imageViewerOpen)return"";const e=this._imageResources(),t=e[this._imageViewerIndex];return t?r`
       <div class="modal-backdrop" @click=${()=>this._closeImageViewer()}>
-        <div class="modal" @click=${e=>e.stopPropagation()}>
+        <div class="modal" @click=${o=>o.stopPropagation()}>
           <div class="modal-header">
             <span class="modal-title">图片预览</span>
             <button class="modal-close" @click=${()=>this._closeImageViewer()}>&#x2715;</button>
           </div>
           <div class="modal-body">
-            <div class="media-stage"><img src=${s} alt="resource-preview" /></div>
+            <div class="media-stage"><img src=${t} alt="resource-preview" /></div>
           </div>
           <div class="modal-footer">
             <div class="media-footer">
-              <span class="muted-text">${this._imageViewerIndex+1} / ${t.length}</span>
+              <span class="muted-text">${this._imageViewerIndex+1} / ${e.length}</span>
               <div class="group">
-                ${t.length>1?e`<button @click=${()=>this._moveImage(-1)}>上一张</button>`:""}
-                ${t.length>1?e`<button @click=${()=>this._moveImage(1)}>下一张</button>`:""}
+                ${e.length>1?r`<button @click=${()=>this._moveImage(-1)}>上一张</button>`:""}
+                ${e.length>1?r`<button @click=${()=>this._moveImage(1)}>下一张</button>`:""}
                 <button class="primary" @click=${()=>this._closeImageViewer()}>关闭</button>
               </div>
             </div>
           </div>
         </div>
       </div>
-    `:""}_renderVideoViewer(){const t=this._videoResource();return this._videoViewerOpen&&t?.url?e`
+    `:""}_renderVideoViewer(){const e=this._videoResource();return!this._videoViewerOpen||!e?.url?"":r`
       <div class="modal-backdrop" @click=${()=>this._closeVideoViewer()}>
-        <div class="modal" @click=${e=>e.stopPropagation()}>
+        <div class="modal" @click=${t=>t.stopPropagation()}>
           <div class="modal-header">
             <span class="modal-title">视频预览</span>
             <button class="modal-close" @click=${()=>this._closeVideoViewer()}>&#x2715;</button>
           </div>
           <div class="modal-body">
             <div class="media-stage">
-              <video src=${t.url} controls playsinline></video>
+              <video src=${e.url} controls playsinline></video>
             </div>
           </div>
           <div class="modal-footer">
@@ -120,37 +120,37 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
           </div>
         </div>
       </div>
-    `:""}async _save(e){e?.stopImmediatePropagation();const t=this.validate(),s=t.find(e=>"SINGLE_MULTI_CORRECT"===e.code),i=t.filter(e=>"SINGLE_MULTI_CORRECT"!==e.code);i.length?c(i[0].message):s?this._changeTypeDialogOpen=!0:this._hasShownCorrectHint||!this._shouldShowCorrectHint()?await this._finalizeSave():this._correctHintDialogOpen=!0}_renderPreview(){const t="single"===this.type?"（单选题）":`（${this._titlePlaceholder}${this._leastAnswerCountSuffix(this._normalizeLeastAnswerCount(this["least-answer-count"]))}）`,s=this["answer-list"],i=w(this["subject-prefix"],this["order-index"],this.title||"");return e`
+    `}async _save(e){e?.stopImmediatePropagation();const t=B({errors:this.validate(),hasShownCorrectHint:this._hasShownCorrectHint,shouldShowCorrectHint:this._shouldShowCorrectHint()});if(t.kind==="error"){h(t.error.message);return}const o=P(this._dialogState(),t);this._applyDialogState(o),t.kind==="save"&&await this._finalizeSave()}_renderPreview(){const e=this.type==="single"?"（单选题）":`（${this._titlePlaceholder}${U(b(this["least-answer-count"],this.type),this.type)}）`,t=this["answer-list"],o=T(this["subject-prefix"],this["order-index"],this.title||"");return r`
       <div class="preview">
         <div class="preview-header">
           <div class="preview-title-row">
-            <span class="title">${i}</span>
-            <span class="preview-type">${t.replace(/[（）]/g,"")}</span>
+            <span class="title">${o}</span>
+            <span class="preview-type">${e.replace(/[（）]/g,"")}</span>
           </div>
-          ${this["show-rich-text"]&&this["rich-text-content"]?e`<div class="rich-text" .innerHTML=${this["rich-text-content"]}></div>`:""}
+          ${this["show-rich-text"]&&this["rich-text-content"]?r`<div class="rich-text" .innerHTML=${this["rich-text-content"]}></div>`:""}
         </div>
         <div class="preview-answer">
-          ${s.map((t,s)=>e`
+          ${t.map((l,c)=>r`
             <div class="radio">
-              <input type="${"sort"===this.type?"checkbox":"radio"}" .checked=${!!t.isCorrect} disabled />
-              <span class="order">${this._label(s)}.</span>
+              <input type="${this.type==="sort"?"checkbox":"radio"}" .checked=${!!l.isCorrect} disabled />
+              <span class="order">${this._label(c)}.</span>
               <div class="answer-main">
-                <span class="answer-text">${t.title}</span>
-                ${"sort"!==this.type&&t.isCorrect?e`<span class="correct">推荐 / 正确选项</span>`:""}
+                <span class="answer-text">${l.title}</span>
+                ${this.type!=="sort"&&l.isCorrect?r`<span class="correct">推荐 / 正确选项</span>`:""}
               </div>
-              ${"sort"===this.type||1!==this["exam-answer-relation-type"]&&2!==this["exam-answer-relation-type"]?"":e`
+              ${this.type!=="sort"&&(this["exam-answer-relation-type"]===1||this["exam-answer-relation-type"]===2)?r`
                   <div class="answer-meta">
-                    ${1===this["exam-answer-relation-type"]?e`<span class="result-info">${t.resultItem?"已设置结果项":"未设置结果项"}</span>`:""}
-                    ${2===this["exam-answer-relation-type"]?e`<span class="result-info">${Array.isArray(t.answerRelations)&&t.answerRelations.length?`关联了${this._relationLength(t.answerRelations)}项`:"未设置关联"}</span>`:""}
+                    ${this["exam-answer-relation-type"]===1?r`<span class="result-info">${l.resultItem?"已设置结果项":"未设置结果项"}</span>`:""}
+                    ${this["exam-answer-relation-type"]===2?r`<span class="result-info">${Array.isArray(l.answerRelations)&&l.answerRelations.length?`关联了${this._relationLength(l.answerRelations)}项`:"未设置关联"}</span>`:""}
                   </div>
-                `}
+                `:""}
             </div>
           `)}
         </div>
-        ${this["show-category"]&&this._categoryId?e`<div class="section-row"><span class="value-text">分类：${u(this["category-list"],this._categoryId)}</span></div>`:""}
+        ${this["show-category"]&&this._categoryId?r`<div class="section-row"><span class="value-text">分类：${m(this["category-list"],this._categoryId)}</span></div>`:""}
         ${this["show-resource"]?this._renderResourceSection():""}
       </div>
-    `}_renderSorting(){const e=L(this["is-edit"]?this._title:this.title||"")||"未命名题目",t=m(this["subject-prefix"],this["order-index"],e);return b(t,$[this.type]||this.type)}_renderEdit(){return e`
+    `}_renderSorting(){const e=oe(this["is-edit"]?this._title:this.title||"")||"未命名题目",t=A(this["subject-prefix"],this["order-index"],e);return re(t,ae[this.type]||this.type)}_renderEdit(){return r`
       <div class="edit-form">
         <div class="edit-row">
           <div class="label"><span>题目:</span></div>
@@ -166,15 +166,15 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
           </div>
         </div>
 
-        ${["multiple","sort"].includes(this.type)?e`
+        ${["multiple","sort"].includes(this.type)?r`
           <div class="edit-row section-row">
             <div class="label"><span>设置:</span></div>
             <div class="row-body">
-              <select class="el-select" .value=${null===this._leastAnswerCount?"":String(this._leastAnswerCount)} ?disabled=${this.lockAnswerKey}
-                @change=${e=>{const t=e.target.value;this._leastAnswerCount=this._normalizeLeastAnswerCount(t)}}>
+              <select class="el-select" .value=${this._leastAnswerCount===null?"":String(this._leastAnswerCount)} ?disabled=${this.lockAnswerKey}
+                @change=${e=>{const t=e.target.value;this._leastAnswerCount=b(t,this.type)}}>
                 <option value="">至少选择几项</option>
-                ${Array.from({length:Math.max(0,this._answers.length-1)},(e,t)=>t+2).map(t=>e`
-                  <option value=${t} ?selected=${this._leastAnswerCount===t}>至少选择${t}项</option>
+                ${Array.from({length:Math.max(0,this._answers.length-1)},(e,t)=>t+2).map(e=>r`
+                  <option value=${e} ?selected=${this._leastAnswerCount===e}>至少选择${e}项</option>
                 `)}
               </select>
             </div>
@@ -182,50 +182,50 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
         `:""}
 
         <div class="edit-row section-row edit-row--compact">
-          <div class="label"><span>${"sort"===this.type?"排序项:":"选项:"}</span></div>
+          <div class="label"><span>${this.type==="sort"?"排序项:":"选项:"}</span></div>
           <div class="row-body">
             <div class="answer-list">
-              ${this._answers.map((t,s)=>e`
+              ${this._answers.map((e,t)=>r`
                 <div class="answer-item">
-                  <span class="label">${this._label(s)}.</span>
+                  <span class="label">${this._label(t)}.</span>
                   <div class="input">
-                    <input type="text" .value=${t.title}
+                    <input type="text" .value=${e.title}
                       maxlength=${this.ANSWER_MAX}
-                      @input=${e=>this._onAnswerInput(e,s)}
-                      placeholder="选项${this._label(s)}" />
-                    <span class="char-counter">${t.title.length}/${this.ANSWER_MAX}</span>
+                      @input=${o=>this._onAnswerInput(o,t)}
+                      placeholder="选项${this._label(t)}" />
+                    <span class="char-counter">${e.title.length}/${this.ANSWER_MAX}</span>
                   </div>
 
-                  ${"sort"===this.type&&null!==this._getSortOrder(s)?e`<span class="sort-badge">第${this._getSortOrder(s)}位</span>`:""}
+                  ${this.type==="sort"&&this._getSortOrder(t)!==null?r`<span class="sort-badge">第${this._getSortOrder(t)}位</span>`:""}
 
-                  ${["single","multiple"].includes(this.type)?e`
-                    <label class="correct ${t.isCorrect?"is-correct":""}">
-                      <input type="checkbox" .checked=${t.isCorrect} ?disabled=${this.lockAnswerKey}
-                        @change=${e=>this._setCorrect(t,e.target.checked)} />
+                  ${["single","multiple"].includes(this.type)?r`
+                    <label class="correct ${e.isCorrect?"is-correct":""}">
+                      <input type="checkbox" .checked=${e.isCorrect} ?disabled=${this.lockAnswerKey}
+                        @change=${o=>this._setCorrect(t,o.target.checked)} />
                       <span class="correct-text">推荐/正确选项</span>
                     </label>
                   `:""}
 
                   <span class="icon"
-                    @click=${()=>this._addAnswer(s)}>
-                    ${T}
+                    @click=${()=>this._addAnswer(t)}>
+                    ${ce}
                   </span>
                   <span class="icon ${this._answers.length<3?"disabled":""}"
-                    @click=${()=>this._deleteAnswer(s)}>
-                    ${S}
+                    @click=${()=>this._deleteAnswer(t)}>
+                    ${he}
                   </span>
 
-                  ${1===this["exam-answer-relation-type"]&&"sort"!==this.type?e`
-                    <slot name=${this._resultSlotName(s)}>
-                      <button class="el-link" @click=${()=>this._emitEditResultItem(t,s)}>
-                        ${t.resultItem?"编辑结果":"添加结果"}
+                  ${this["exam-answer-relation-type"]===1&&this.type!=="sort"?r`
+                    <slot name=${this._resultSlotName(t)}>
+                      <button class="el-link" @click=${()=>this._emitEditResultItem(e,t)}>
+                        ${e.resultItem?"编辑结果":"添加结果"}
                       </button>
                     </slot>
                   `:""}
 
-                  ${2===this["exam-answer-relation-type"]&&"sort"!==this.type?e`
-                    <button class="el-link" @click=${()=>this._setRelation(t,s)}>
-                      ${Array.isArray(t.answerRelations)&&t.answerRelations.length?`关联了${this._relationLength(t.answerRelations)}项`:"关联检查"}
+                  ${this["exam-answer-relation-type"]===2&&this.type!=="sort"?r`
+                    <button class="el-link" @click=${()=>this._setRelation(e,t)}>
+                      ${Array.isArray(e.answerRelations)&&e.answerRelations.length?`关联了${this._relationLength(e.answerRelations)}项`:"关联检查"}
                     </button>
                   `:""}
 
@@ -235,27 +235,27 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
           </div>
         </div>
 
-        ${"sort"===this.type?e`
+        ${this.type==="sort"?r`
           <div class="edit-row section-row">
             <div class="label"><span>排序答案:</span></div>
             <div class="row-body">
               <div class="multi-select-wrapper">
                 <div class="multi-select ${this._sortDropdownOpen?"focused":""} ${this.lockAnswerKey?"disabled":""}"
                   @click=${()=>{this.lockAnswerKey||(this._sortDropdownOpen=!this._sortDropdownOpen,this.requestUpdate())}}>
-                  ${this._orderList.length>0?this._orderList.map(t=>e`
+                  ${this._orderList.length>0?this._orderList.map(e=>r`
                       <span class="tag">
-                        ${t}
-                        <span class="tag-close" @click=${e=>{this.lockAnswerKey||(e.stopPropagation(),this._removeSortItem(t))}}>&#x2715;</span>
+                        ${e}
+                        <span class="tag-close" @click=${t=>{this.lockAnswerKey||(t.stopPropagation(),this._removeSortItem(e))}}>&#x2715;</span>
                       </span>
-                    `):e`<span class="placeholder">请按顺序选择排序答案</span>`}
-                  <span class="arrow">${E}</span>
+                    `):r`<span class="placeholder">请按顺序选择排序答案</span>`}
+                  <span class="arrow">${de}</span>
                 </div>
-                ${this._sortDropdownOpen?e`
+                ${this._sortDropdownOpen?r`
                   <div class="multi-select-dropdown">
-                    ${this._answers.map((t,s)=>e`
-                      <div class="multi-select-option ${this._orderList.includes(this._label(s))?"selected":""}"
-                        @click=${()=>{this.lockAnswerKey||(this._toggleSortItem(this._label(s)),this.requestUpdate())}}>
-                        ${this._label(s)}
+                    ${this._answers.map((e,t)=>r`
+                      <div class="multi-select-option ${this._orderList.includes(this._label(t))?"selected":""}"
+                        @click=${()=>{this.lockAnswerKey||(this._toggleSortItem(this._label(t)),this.requestUpdate())}}>
+                        ${this._label(t)}
                       </div>
                     `)}
                   </div>
@@ -273,25 +273,25 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
 
         ${this._renderResourceSection()}
 
-        ${this["show-rich-text"]&&this._showRichText?e`
+        ${this["show-rich-text"]&&this._showRichText?r`
           <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=${n}
+                  .toolbar=${S}
                   .upload-image=${this["upload-image"]}
                   ?is-edit=${!0}
                   @input=${e=>{this._richText=e.target.getContent()}}
                 ></qxs-blocksuite-editor>
               </slot>
-              ${this["show-action"]?"":e`<div class="flex-justify-end" style="margin-top:8px"><span class="el-link danger" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span></div>`}
+              ${this["show-action"]?"":r`<div class="flex-justify-end" style="margin-top:8px"><span class="el-link danger" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span></div>`}
             </div>
           </div>
         `:""}
 
-        ${this["show-analysis"]?e`
+        ${this["show-analysis"]?r`
           <div class="edit-row section-row">
             <div class="label"><span>解析:</span></div>
             <div class="row-body">
@@ -302,10 +302,10 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
           </div>
         `:""}
       </div>
-    `}render(){if(this.sorting)return this._renderSorting();const t=this["is-edit"]?e`<div slot="edit">${this._renderEdit()}</div>`:e`<div slot="preview">${this._renderPreview()}</div>`;return e`
+    `}render(){if(this.sorting)return this._renderSorting();const e=this["is-edit"]?r`<div slot="edit">${this._renderEdit()}</div>`:r`<div slot="preview">${this._renderPreview()}</div>`;return r`
       <qxs-subject-layout .show-edit=${this["is-edit"]}>
-        ${t}
-        ${this["show-action"]?e`
+        ${e}
+        ${this["show-action"]?r`
           <qxs-subject-action
             .is-edit=${this["is-edit"]}
             .is-set=${this["is-set"]}
@@ -318,9 +318,9 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
             @delete=${()=>this._emit("delete")}
             @save=${this._save}
             @edit=${()=>this._emit("edit")}
-            @move=${e=>this._emit("move",e.detail)}
+            @move=${t=>this._emit("move",t.detail)}
             @jump=${()=>this._emit("jump",{customId:this["custom-id"]||"",examId:this["exam-id"]||0,answerType:this.type})}
-            @add=${e=>this._emit("add",e.detail)}
+            @add=${t=>this._emit("add",t.detail)}
             @on-show-rich-text=${()=>{this._showRichText=!this._showRichText,this._showRichText||(this._richText="")}}
           ></qxs-subject-action>
         `:""}
@@ -330,15 +330,15 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
       ${this._renderChangeTypeDialog()}
       ${this._renderImageViewer()}
       ${this._renderVideoViewer()}
-    `}};O.styles=[f,g,x,y,_,v,t`
+    `}};s.styles=[ie,C,D,I,E,R,f`
     .preview-answer { display: flex; flex-direction: column; gap: 10px; margin-top: 18px; }
     .preview-answer .radio { display: grid; grid-template-columns: auto auto minmax(0, 1fr); column-gap: 10px; row-gap: 3px; align-items: center; }
-    .preview-answer .order { color: #6b7280; font-size: 13px; font-weight: 600; }
+    .preview-answer .order { color: var(--qxs-subject-text-soft, #6b7280); font-size: 13px; font-weight: 600; }
     .preview-answer .answer-main { min-width: 0; display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
-    .preview-answer .answer-text { min-width: 0; font-size: 14px; line-height: 1.7; font-weight: 500; color: #303133; }
-    .preview-answer .answer-meta { grid-column: 3; display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; line-height: 1.6; color: #8b95a7; }
-    .preview-answer .correct { color: #3D61E3; font-weight: 600; }
-    .preview-answer .result-info { color: #8b95a7; }
+    .preview-answer .answer-text { min-width: 0; font-size: 14px; line-height: 1.7; font-weight: 500; color: var(--qxs-subject-text-primary, #303133); }
+    .preview-answer .answer-meta { grid-column: 3; display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; line-height: 1.6; color: var(--qxs-subject-text-muted, #8b95a7); }
+    .preview-answer .correct { color: var(--qxs-subject-color-primary, #3D61E3); font-weight: 600; }
+    .preview-answer .result-info { color: var(--qxs-subject-text-muted, #8b95a7); }
 
     .flex { display: flex; }
     .flex-items-center { display: flex; align-items: center; }
@@ -360,7 +360,7 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
       margin-top: 6px;
       font-size: 12px;
       line-height: 1.6;
-      color: #909399;
+      color: var(--qxs-subject-text-secondary, #909399);
     }
 
     .answer-list { display: flex; flex-direction: column; gap: 10px; }
@@ -375,25 +375,25 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
       min-width: 28px;
       font-size: 13px;
       font-weight: 600;
-      color: #6b7280;
+      color: var(--qxs-subject-text-soft, #6b7280);
       letter-spacing: 0;
     }
     .answer-item .input { flex: 1; min-width: 240px; max-width: 380px; position: relative; display: block; }
     .answer-item .input input {
       height: 36px; padding: 0 56px 0 10px;
       font-size: 13px; line-height: 32px;
-      border: 1px solid #dcdfe6; border-radius: 6px; width: 100%;
+      border: 1px solid var(--qxs-subject-border, #dcdfe6); border-radius: 6px; width: 100%;
       transition: border-color .2s; box-sizing: border-box;
     }
-    .answer-item .input input:focus { border-color: #3D61E3; outline: none; }
-    .answer-item .input input:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }
+    .answer-item .input input:focus { border-color: var(--qxs-subject-color-primary, #3D61E3); outline: none; }
+    .answer-item .input input:disabled { background: var(--qxs-subject-fill-light, #f5f7fa); color: var(--qxs-subject-text-disabled, #c0c4cc); cursor: not-allowed; }
     .answer-item .input .char-counter {
       position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
-      font-size: 12px; color: #909399; line-height: 1; pointer-events: none;
+      font-size: 12px; color: var(--qxs-subject-text-secondary, #909399); line-height: 1; pointer-events: none;
     }
 
     .answer-item .correct {
-      color: #909399;
+      color: var(--qxs-subject-text-secondary, #909399);
       cursor: pointer;
       display: inline-flex;
       align-items: center;
@@ -401,15 +401,15 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
       min-height: 20px;
       white-space: nowrap;
     }
-    .answer-item .correct:hover { color: #3D61E3; }
-    .answer-item .correct.is-correct { color: #67c23a; }
+    .answer-item .correct:hover { color: var(--qxs-subject-color-primary, #3D61E3); }
+    .answer-item .correct.is-correct { color: var(--qxs-subject-color-success, #67c23a); }
     .answer-item .correct input {
       width: 14px;
       height: 14px;
       margin: 0;
       flex: 0 0 auto;
       cursor: pointer;
-      accent-color: #3D61E3;
+      accent-color: var(--qxs-subject-color-primary, #3D61E3);
     }
     .answer-item .correct .correct-text {
       display: inline-flex;
@@ -421,74 +421,74 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
       margin-left: 6px; cursor: pointer; display: inline-flex;
       align-items: center; justify-content: center;
       width: 24px; height: 24px; border-radius: 4px;
-      border: 1px solid #dcdfe6; background: #fff; color: #909399;
+      border: 1px solid var(--qxs-subject-border, #dcdfe6); background: var(--qxs-subject-fill-blank, #fff); color: var(--qxs-subject-text-secondary, #909399);
       transition: all 0.2s;
     }
-    .answer-item .icon:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }
-    .answer-item .icon.disabled { color: #e4e7ed; border-color: #e4e7ed; cursor: not-allowed; }
+    .answer-item .icon:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-color-primary, #3D61E3); background: var(--qxs-subject-fill-soft-primary, #ecf5ff); }
+    .answer-item .icon.disabled { color: var(--qxs-subject-border-light, #e4e7ed); border-color: var(--qxs-subject-border-light, #e4e7ed); cursor: not-allowed; }
 
     .answer-item .link {
-      color: #3D61E3;
+      color: var(--qxs-subject-color-primary, #3D61E3);
       cursor: pointer;
       font-size: 12px;
       white-space: nowrap;
     }
-    .answer-item .link:hover { color: #2D4CB8; }
+    .answer-item .link:hover { color: var(--qxs-subject-color-primary-hover, #2D4CB8); }
 
     .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; }
 
-    .sort-badge { font-weight: bold; color: #3D61E3; margin-left: 10px; }
+    .sort-badge { font-weight: bold; color: var(--qxs-subject-color-primary, #3D61E3); margin-left: 10px; }
 
-    .el-link { color: #3D61E3; cursor: pointer; font-size: 12px; background: none; border: none; padding: 0; margin: 0; font-family: inherit; }
-    .el-link:hover { color: #2D4CB8; }
-    .el-link.danger { color: #f56c6c; }
+    .el-link { color: var(--qxs-subject-color-primary, #3D61E3); cursor: pointer; font-size: 12px; background: none; border: none; padding: 0; margin: 0; font-family: inherit; }
+    .el-link:hover { color: var(--qxs-subject-color-primary-hover, #2D4CB8); }
+    .el-link.danger { color: var(--qxs-subject-color-danger, #f56c6c); }
 
-    .value-text { font-size: 13px; color: #606266; white-space: pre-wrap; }
-    .muted-text { font-size: 12px; color: #909399; }
+    .value-text { font-size: 13px; color: var(--qxs-subject-text-regular, #606266); white-space: pre-wrap; }
+    .muted-text { font-size: 12px; color: var(--qxs-subject-text-secondary, #909399); }
 
     .search-wrap { position: relative; }
     .search-dropdown {
       position: absolute; z-index: 120; left: 0; right: 0; top: calc(100% + 4px);
-      background: #fff; border: 1px solid #e4e7ed; border-radius: 6px;
-      box-shadow: 0 8px 20px rgba(0,0,0,.12); overflow: hidden;
+      background: var(--qxs-subject-fill-blank, #fff); border: 1px solid var(--qxs-subject-border-light, #e4e7ed); border-radius: 6px;
+      box-shadow: var(--qxs-subject-shadow-soft, 0 8px 20px rgba(0,0,0,.12)); overflow: hidden;
     }
     .search-item {
       padding: 10px 12px; cursor: pointer; transition: background .2s;
-      font-size: 13px; color: #606266; line-height: 1.4;
+      font-size: 13px; color: var(--qxs-subject-text-regular, #606266); line-height: 1.4;
     }
-    .search-item:hover { background: #f5f7fa; color: #3D61E3; }
-    .search-empty { padding: 10px 12px; font-size: 12px; color: #909399; }
+    .search-item:hover { background: var(--qxs-subject-fill-light, #f5f7fa); color: var(--qxs-subject-color-primary, #3D61E3); }
+    .search-empty { padding: 10px 12px; font-size: 12px; color: var(--qxs-subject-text-secondary, #909399); }
 
     .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); }
 
     .resource-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 8px; }
-    .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; cursor: pointer; background: #f5f7fa;
+      border: 1px solid var(--qxs-subject-border-light, #e4e7ed); cursor: pointer; background: var(--qxs-subject-fill-light, #f5f7fa);
     }
     .resource-video {
       display: inline-flex; align-items: center; justify-content: center;
-      min-width: 88px; height: 30px; padding: 0 10px; border: 1px solid #dcdfe6; border-radius: 4px;
-      color: #606266; background: #fff; cursor: pointer; font-size: 12px; transition: all .2s;
+      min-width: 88px; height: 30px; padding: 0 10px; border: 1px solid var(--qxs-subject-border, #dcdfe6); border-radius: 4px;
+      color: var(--qxs-subject-text-regular, #606266); background: var(--qxs-subject-fill-blank, #fff); cursor: pointer; font-size: 12px; transition: all .2s;
     }
-    .resource-video:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }
+    .resource-video:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-color-primary, #3D61E3); background: var(--qxs-subject-fill-soft-primary, #ecf5ff); }
     .media-stage { display: flex; align-items: center; justify-content: center; min-height: 240px; }
     .media-stage img, .media-stage video { max-width: 100%; max-height: 60vh; border-radius: 6px; }
     .media-footer { display: flex; justify-content: space-between; align-items: center; gap: 8px; width: 100%; }
@@ -497,40 +497,40 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
     /* Multi-select with tags (Element Plus style) */
     .multi-select-wrapper { position: relative; }
     .multi-select {
-      width: 240px; min-height: 36px; border: 1px solid #dcdfe6; border-radius: 6px;
-      padding: 0 30px 0 8px; font-size: 13px; background: #fff; cursor: pointer;
+      width: 240px; min-height: 36px; border: 1px solid var(--qxs-subject-border, #dcdfe6); border-radius: 6px;
+      padding: 0 30px 0 8px; font-size: 13px; background: var(--qxs-subject-fill-blank, #fff); cursor: pointer;
       display: flex; flex-wrap: nowrap; align-items: center; gap: 4px;
       transition: border-color .2s; position: relative; overflow: hidden;
     }
-    .multi-select:hover { border-color: #c0c4cc; }
-    .multi-select.focused { border-color: #3D61E3; }
-    .multi-select.disabled { background: #f5f7fa; cursor: not-allowed; }
-    .multi-select .placeholder { color: #c0c4cc; font-size: 13px; padding: 4px 0; }
+    .multi-select:hover { border-color: var(--qxs-subject-text-disabled, #c0c4cc); }
+    .multi-select.focused { border-color: var(--qxs-subject-color-primary, #3D61E3); }
+    .multi-select.disabled { background: var(--qxs-subject-fill-light, #f5f7fa); cursor: not-allowed; }
+    .multi-select .placeholder { color: var(--qxs-subject-text-disabled, #c0c4cc); font-size: 13px; padding: 4px 0; }
     .multi-select .arrow {
       position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
-      color: #c0c4cc; display: inline-flex; transition: transform .2s;
+      color: var(--qxs-subject-text-disabled, #c0c4cc); display: inline-flex; transition: transform .2s;
     }
-    .multi-select.focused .arrow { transform: translateY(-50%) rotate(180deg); color: #3D61E3; }
+    .multi-select.focused .arrow { transform: translateY(-50%) rotate(180deg); color: var(--qxs-subject-color-primary, #3D61E3); }
     .multi-select .tag {
       display: inline-flex; align-items: center; gap: 2px;
-      background: #f0f2f5; border-radius: 3px; padding: 0 6px; height: 20px;
-      font-size: 12px; color: #606266; line-height: 20px;
+      background: var(--qxs-subject-fill-dark, #f0f2f5); border-radius: 3px; padding: 0 6px; height: 20px;
+      font-size: 12px; color: var(--qxs-subject-text-regular, #606266); line-height: 20px;
     }
     .multi-select .tag .tag-close {
-      display: inline-flex; cursor: pointer; color: #909399; margin-left: 2px; line-height: 1;
+      display: inline-flex; cursor: pointer; color: var(--qxs-subject-text-secondary, #909399); margin-left: 2px; line-height: 1;
     }
-    .multi-select .tag .tag-close:hover { color: #3D61E3; }
+    .multi-select .tag .tag-close:hover { color: var(--qxs-subject-color-primary, #3D61E3); }
     .multi-select-dropdown {
-      position: absolute; z-index: 100; background: #fff; left: 0; top: 100%; margin-top: 4px;
-      border: 1px solid #e4e7ed; border-radius: 3px;
-      box-shadow: 0 4px 12px rgba(0,0,0,.12); min-width: 240px; max-height: 140px; overflow-y: auto;
+      position: absolute; z-index: 100; background: var(--qxs-subject-fill-blank, #fff); left: 0; top: 100%; margin-top: 4px;
+      border: 1px solid var(--qxs-subject-border-light, #e4e7ed); border-radius: 3px;
+      box-shadow: var(--qxs-subject-shadow-soft, 0 4px 12px rgba(0,0,0,.12)); min-width: 240px; max-height: 140px; overflow-y: auto;
     }
     .multi-select-option {
-      padding: 4px 12px; font-size: 13px; color: #606266; cursor: pointer;
+      padding: 4px 12px; font-size: 13px; color: var(--qxs-subject-text-regular, #606266); cursor: pointer;
       transition: background .2s;
     }
-    .multi-select-option:hover { background: #f5f7fa; }
-    .multi-select-option.selected { color: #3D61E3; font-weight: 500; }
+    .multi-select-option:hover { background: var(--qxs-subject-fill-light, #f5f7fa); }
+    .multi-select-option.selected { color: var(--qxs-subject-color-primary, #3D61E3); font-weight: 500; }
 
     @media (max-width: 720px) {
       .edit-row,
@@ -558,31 +558,31 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
     }
 
     .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 9000; display: flex; align-items: center; justify-content: center; }
-    .modal { background: #fff; border-radius: 6px; width: 520px; max-width: 90vw; box-shadow: 0 12px 32px rgba(0,0,0,.12); display: flex; flex-direction: column; }
-    .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px 12px; border-bottom: 1px solid #e4e7ed; }
-    .modal-title { font-size: 14px; font-weight: 600; color: #303133; }
-    .modal-close { background: none; border: none; font-size: 18px; cursor: pointer; color: #909399; padding: 0; line-height: 1; }
-    .modal-close:hover { color: #3D61E3; }
+    .modal { background: var(--qxs-subject-fill-blank, #fff); border-radius: 6px; width: 520px; max-width: 90vw; box-shadow: var(--qxs-subject-shadow-soft, 0 12px 32px rgba(0,0,0,.12)); display: flex; flex-direction: column; }
+    .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px 12px; border-bottom: 1px solid var(--qxs-subject-border-light, #e4e7ed); }
+    .modal-title { font-size: 14px; font-weight: 600; color: var(--qxs-subject-text-primary, #303133); }
+    .modal-close { background: none; border: none; font-size: 18px; cursor: pointer; color: var(--qxs-subject-text-secondary, #909399); padding: 0; line-height: 1; }
+    .modal-close:hover { color: var(--qxs-subject-color-primary, #3D61E3); }
     .modal-body { padding: 20px; }
     .modal-body textarea { min-height: 120px; }
-    .modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid #e4e7ed; }
-    .modal-footer button { padding: 6px 16px; font-size: 12px; border-radius: 3px; cursor: pointer; border: 1px solid #dcdfe6; background: #fff; color: #606266; }
-    .modal-footer button:hover { color: #3D61E3; border-color: #a0cfff; }
-    .modal-footer button.primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }
-    .modal-footer button.primary:hover { background: #2D4CB8; border-color: #2D4CB8; }
+    .modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid var(--qxs-subject-border-light, #e4e7ed); }
+    .modal-footer button { padding: 6px 16px; font-size: 12px; border-radius: 3px; cursor: pointer; border: 1px solid var(--qxs-subject-border, #dcdfe6); background: var(--qxs-subject-fill-blank, #fff); color: var(--qxs-subject-text-regular, #606266); }
+    .modal-footer button:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-fill-soft-primary-border-strong, #a0cfff); }
+    .modal-footer button.primary { background: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-color-primary, #3D61E3); color: var(--qxs-subject-fill-blank, #fff); }
+    .modal-footer button.primary:hover { background: var(--qxs-subject-color-primary-hover, #2D4CB8); border-color: var(--qxs-subject-color-primary-hover, #2D4CB8); }
     .correct-hint-dialog { width: 520px; max-width: min(90vw, 520px); }
     .correct-hint-dialog .modal-header { padding: 18px 20px 14px; }
-    .correct-hint-dialog .modal-title { font-size: 16px; font-weight: 700; color: #303133; }
+    .correct-hint-dialog .modal-title { font-size: 16px; font-weight: 700; color: var(--qxs-subject-text-primary, #303133); }
     .correct-hint-dialog .modal-close { display: none; }
     .correct-hint-dialog .modal-body {
       padding: 32px 28px 20px;
       font-size: 14px;
       line-height: 1.8;
-      color: #303133;
+      color: var(--qxs-subject-text-primary, #303133);
       text-align: center;
     }
     .correct-hint-copy { max-width: 420px; margin: 0 auto; }
-    .correct-hint-highlight { color: #4c6fff; }
+    .correct-hint-highlight { color: var(--qxs-subject-color-primary, #4c6fff); }
     .correct-hint-dialog .modal-footer {
       justify-content: center;
       gap: 12px;
@@ -596,5 +596,5 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
       font-size: 14px;
       border-radius: 4px;
     }
-  `],C([i({type:Number,attribute:"order-index"})],O.prototype,"order-index",2),C([i({type:String,attribute:"subject-prefix"})],O.prototype,"subject-prefix",2),C([i({type:Boolean,attribute:"is-edit"})],O.prototype,"is-edit",2),C([i({type:Boolean,attribute:"is-save"})],O.prototype,"is-save",2),C([i({type:Boolean,attribute:"is-set"})],O.prototype,"is-set",2),C([i({type:Boolean,attribute:"is-set-correct-answer"})],O.prototype,"is-set-correct-answer",2),C([i({type:Boolean,attribute:"lock-answer-key"})],O.prototype,"lockAnswerKey",2),C([i({type:Boolean,attribute:"is-key"})],O.prototype,"is-key",2),C([i({type:Boolean,attribute:"show-action"})],O.prototype,"show-action",2),C([i({type:Boolean,attribute:"show-add"})],O.prototype,"show-add",2),C([i({type:Boolean,attribute:"hide-add-rich-text"})],O.prototype,"hide-add-rich-text",2),C([i({type:Boolean,attribute:"show-rich-text"})],O.prototype,"show-rich-text",2),C([i({type:Boolean,attribute:"show-delete-action"})],O.prototype,"show-delete-action",2),C([i({type:Boolean,attribute:"show-save-action"})],O.prototype,"show-save-action",2),C([i({type:Boolean,reflect:!0})],O.prototype,"sorting",2),C([i({type:Boolean,attribute:"show-answer-setting"})],O.prototype,"show-answer-setting",2),C([i({type:Boolean,attribute:"show-key"})],O.prototype,"show-key",2),C([i({type:Boolean,attribute:"show-analysis"})],O.prototype,"show-analysis",2),C([i({attribute:"question-type",reflect:!0})],O.prototype,"type",2),C([i({type:Number,attribute:"answer-check-type"})],O.prototype,"answer-check-type",2),C([i({type:Number,attribute:"exam-answer-relation-type"})],O.prototype,"exam-answer-relation-type",2),C([i({type:String,attribute:"rich-text-content"})],O.prototype,"rich-text-content",2),C([i({type:String})],O.prototype,"analysis",2),C([i({type:Number,attribute:"least-answer-count"})],O.prototype,"least-answer-count",2),C([i({type:String,attribute:"exam-expand"})],O.prototype,"exam-expand",2),C([i({type:String,attribute:"custom-id"})],O.prototype,"custom-id",2),C([i({type:Number,attribute:"exam-id"})],O.prototype,"exam-id",2),C([i({type:String,attribute:"category-id"})],O.prototype,"category-id",2),C([i({type:Object,attribute:"upload-image"})],O.prototype,"upload-image",2),C([i({type:Array,attribute:"answer-list"})],O.prototype,"answer-list",1),C([i({type:Array,attribute:"tag-list"})],O.prototype,"tag-list",2),C([i({type:Array,attribute:"category-list"})],O.prototype,"category-list",2),C([i({type:String,attribute:"ai-answer"})],O.prototype,"ai-answer",2),C([i({type:Array,attribute:"resource-list"})],O.prototype,"resource-list",2),C([i({type:Boolean,attribute:"show-tag"})],O.prototype,"show-tag",2),C([i({type:Boolean,attribute:"show-category"})],O.prototype,"show-category",2),C([i({type:Boolean,attribute:"show-ai"})],O.prototype,"show-ai",2),C([i({type:Boolean,attribute:"show-resource"})],O.prototype,"show-resource",2),C([i({type:Boolean,attribute:"show-jump"})],O.prototype,"show-jump",2),C([i({type:Boolean,attribute:"has-jump"})],O.prototype,"has-jump",2),C([i({type:String,attribute:"search-api"})],O.prototype,"search-api",2),C([i({type:Object,attribute:"search-handler"})],O.prototype,"search-handler",2),C([i({type:String,attribute:"model-value"})],O.prototype,"model-value",2),C([i({type:Boolean,attribute:"use-model"})],O.prototype,"use-model",2),C([r()],O.prototype,"_answers",2),C([i({type:String})],O.prototype,"title",2),C([r()],O.prototype,"_title",2),C([r()],O.prototype,"_analysis",2),C([r()],O.prototype,"_richText",2),C([r()],O.prototype,"_showRichText",2),C([r()],O.prototype,"_leastAnswerCount",2),C([r()],O.prototype,"_answerCheckType",2),C([r()],O.prototype,"_isKey",2),C([r()],O.prototype,"_orderList",2),C([r()],O.prototype,"_selectedTagList",2),C([r()],O.prototype,"_categoryId",2),C([r()],O.prototype,"_searchResults",2),C([r()],O.prototype,"_searchOpen",2),C([r()],O.prototype,"_searchLoading",2),C([r()],O.prototype,"_sortDropdownOpen",2),C([r()],O.prototype,"_imageViewerOpen",2),C([r()],O.prototype,"_imageViewerIndex",2),C([r()],O.prototype,"_videoViewerOpen",2),C([r()],O.prototype,"_correctHintDialogOpen",2),C([r()],O.prototype,"_hasShownCorrectHint",2),C([r()],O.prototype,"_changeTypeDialogOpen",2),O=C([o("qxs-subject-single")],O);export{O as QxsSubjectSingle,I as SubjectError,D as trimCommaSeparatedText,L as trimText};
+  `];i([a({type:Number,attribute:"order-index"})],s.prototype,"order-index",2);i([a({type:String,attribute:"subject-prefix"})],s.prototype,"subject-prefix",2);i([a({type:Boolean,attribute:"is-edit"})],s.prototype,"is-edit",2);i([a({type:Boolean,attribute:"is-save"})],s.prototype,"is-save",2);i([a({type:Boolean,attribute:"is-set"})],s.prototype,"is-set",2);i([a({type:Boolean,attribute:"is-set-correct-answer"})],s.prototype,"is-set-correct-answer",2);i([a({type:Boolean,attribute:"lock-answer-key"})],s.prototype,"lockAnswerKey",2);i([a({type:Boolean,attribute:"is-key"})],s.prototype,"is-key",2);i([a({type:Boolean,attribute:"show-action"})],s.prototype,"show-action",2);i([a({type:Boolean,attribute:"show-add"})],s.prototype,"show-add",2);i([a({type:Boolean,attribute:"hide-add-rich-text"})],s.prototype,"hide-add-rich-text",2);i([a({type:Boolean,attribute:"show-rich-text"})],s.prototype,"show-rich-text",2);i([a({type:Boolean,attribute:"show-delete-action"})],s.prototype,"show-delete-action",2);i([a({type:Boolean,attribute:"show-save-action"})],s.prototype,"show-save-action",2);i([a({type:Boolean,reflect:!0})],s.prototype,"sorting",2);i([a({type:Boolean,attribute:"show-answer-setting"})],s.prototype,"show-answer-setting",2);i([a({type:Boolean,attribute:"show-key"})],s.prototype,"show-key",2);i([a({type:Boolean,attribute:"show-analysis"})],s.prototype,"show-analysis",2);i([a({attribute:"question-type",reflect:!0})],s.prototype,"type",2);i([a({type:Number,attribute:"answer-check-type"})],s.prototype,"answer-check-type",2);i([a({type:Number,attribute:"exam-answer-relation-type"})],s.prototype,"exam-answer-relation-type",2);i([a({type:String,attribute:"rich-text-content"})],s.prototype,"rich-text-content",2);i([a({type:String})],s.prototype,"analysis",2);i([a({type:Number,attribute:"least-answer-count"})],s.prototype,"least-answer-count",2);i([a({type:String,attribute:"exam-expand"})],s.prototype,"exam-expand",2);i([a({type:String,attribute:"custom-id"})],s.prototype,"custom-id",2);i([a({type:Number,attribute:"exam-id"})],s.prototype,"exam-id",2);i([a({type:String,attribute:"category-id"})],s.prototype,"category-id",2);i([a({type:Object,attribute:"upload-image"})],s.prototype,"upload-image",2);i([a({type:Array,attribute:"answer-list"})],s.prototype,"answer-list",1);i([a({type:Array,attribute:"tag-list"})],s.prototype,"tag-list",2);i([a({type:Array,attribute:"category-list"})],s.prototype,"category-list",2);i([a({type:String,attribute:"ai-answer"})],s.prototype,"ai-answer",2);i([a({type:Array,attribute:"resource-list"})],s.prototype,"resource-list",2);i([a({type:Boolean,attribute:"show-tag"})],s.prototype,"show-tag",2);i([a({type:Boolean,attribute:"show-category"})],s.prototype,"show-category",2);i([a({type:Boolean,attribute:"show-ai"})],s.prototype,"show-ai",2);i([a({type:Boolean,attribute:"show-resource"})],s.prototype,"show-resource",2);i([a({type:Boolean,attribute:"show-jump"})],s.prototype,"show-jump",2);i([a({type:Boolean,attribute:"has-jump"})],s.prototype,"has-jump",2);i([a({type:String,attribute:"search-api"})],s.prototype,"search-api",2);i([a({type:Object,attribute:"search-handler"})],s.prototype,"search-handler",2);i([a({type:String,attribute:"model-value"})],s.prototype,"model-value",2);i([a({type:Boolean,attribute:"use-model"})],s.prototype,"use-model",2);i([n()],s.prototype,"_answers",2);i([a({type:String})],s.prototype,"title",2);i([n()],s.prototype,"_title",2);i([n()],s.prototype,"_analysis",2);i([n()],s.prototype,"_richText",2);i([n()],s.prototype,"_showRichText",2);i([n()],s.prototype,"_leastAnswerCount",2);i([n()],s.prototype,"_answerCheckType",2);i([n()],s.prototype,"_isKey",2);i([n()],s.prototype,"_orderList",2);i([n()],s.prototype,"_selectedTagList",2);i([n()],s.prototype,"_categoryId",2);i([n()],s.prototype,"_searchResults",2);i([n()],s.prototype,"_searchOpen",2);i([n()],s.prototype,"_searchLoading",2);i([n()],s.prototype,"_sortDropdownOpen",2);i([n()],s.prototype,"_imageViewerOpen",2);i([n()],s.prototype,"_imageViewerIndex",2);i([n()],s.prototype,"_videoViewerOpen",2);i([n()],s.prototype,"_correctHintDialogOpen",2);i([n()],s.prototype,"_hasShownCorrectHint",2);i([n()],s.prototype,"_changeTypeDialogOpen",2);s=i([$("qxs-subject-single")],s);export{s as QxsSubjectSingle,qe as SubjectError,Te as trimCommaSeparatedText,oe as trimText};
 //# sourceMappingURL=single.mjs.map