@qxs-bns/components-wc 0.0.19 → 0.0.21

package/lib/subject/single.cjs

@@ -1,4 +1,19 @@
-"use strict";var e=require("lit"),t=require("../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),s=require("../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),i=require("../base/define.cjs"),r=require("../base/uid.cjs"),o=Object.defineProperty,n=Object.getOwnPropertyDescriptor,l=(e,t,s,i)=>{for(var r,l=i>1?void 0:i?n(t,s):t,a=e.length-1;a>=0;a--)(r=e[a])&&(l=(i?r(t,s,l):r(l))||l);return i&&l&&o(t,s,l),l};class a 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 a(e.message,e.code,e.field,e.row)}}const p=e.html`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>`,h=e.html`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg>`;e.html`<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>`;const c=e.html`<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>`;exports.QxsSubjectSingle=class extends e.LitElement{constructor(){super(...arguments),this.orderIndex=0,this.isEdit=!1,this.isSave=!1,this.isSet=!1,this.isKey=!1,this.showAction=!0,this.showAnalysis=!0,this.type="single",this.answerCheckType=1,this.examAnswerRelationType=0,this.richTextContent="",this.analysis="",this.leastAnswerCount=2,this.examExpand="",this.customId="",this.examId=0,this.uploadImage=async e=>new Promise((t,s)=>{const i=new FileReader;i.onload=e=>t(e.target?.result),i.onerror=s,i.readAsDataURL(e)}),this.modelValue="",this.useModel=!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=2,this._answerCheckType=1,this._isKey=!1,this._orderList=[],this._resultDialogOpen=!1,this._resultDialogIndex=0,this._resultDialogValue="",this._sortDropdownOpen=!1,this.TITLE_MAX=200,this.ANSWER_MAX=100,this._handleDocumentClick=e=>{const t=e.composedPath(),s=this.shadowRoot?.querySelector(".multi-select-wrapper");s&&!t.includes(s)&&(this._sortDropdownOpen=!1,this.requestUpdate())}}get answerList(){return this._answers}set answerList(e){if(this.isEdit)return;const t=Array.isArray(e)?e:[];this._answers=t.length?t.map(e=>({...e})):[{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1}],this.requestUpdate("answerList")}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleDocumentClick),this._syncExternalProps(),this.richTextContent&&(this._richText=this.richTextContent,this._showRichText=!0)}firstUpdated(){this._syncExternalProps(),this.richTextContent&&(this._richText=this.richTextContent,this._showRichText=!0)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleDocumentClick)}willUpdate(e){e.has("isEdit")&&this.isEdit&&this._syncProps(),!this.isEdit&&(e.has("title")||e.has("answerList")||e.has("analysis")||e.has("leastAnswerCount")||e.has("answerCheckType"))&&this._syncExternalProps(),e.has("isKey")&&(this._isKey=this.isKey),(e.has("examExpand")||e.has("answerList"))&&this._syncExamExpand(),e.has("modelValue")&&this.useModel&&(this._title=this.modelValue)}_syncExternalProps(){this._title=this.title||"",this._analysis=this.analysis||"",this._leastAnswerCount=this.leastAnswerCount||2,this._answerCheckType=this.answerCheckType||1,this._isKey=this.isKey,this.richTextContent&&(this._richText=this.richTextContent,this._showRichText=!0),this.answerList?.length&&(this._answers=this.answerList.map(e=>({...e,title:e.title||"",isCorrect:!!e.isCorrect})))}_syncProps(){this._title=this.title||"",this._analysis=this.analysis||"",this._leastAnswerCount=this.leastAnswerCount||2,this._answerCheckType=this.answerCheckType||1,this._isKey=this.isKey,this.richTextContent&&(this._richText=this.richTextContent,this._showRichText=!0),this.answerList?.length&&(this._answers=this.answerList.map(e=>({...e,title:e.title||"",isCorrect:!!e.isCorrect}))),this._syncExamExpand()}_syncExamExpand(){if(!this.examExpand||!this.answerList?.length)return;const e=this.examExpand.split(",");this._orderList=e.map(e=>{const t=this.answerList.find(t=>t.answerId?.toString()===e);return t?String.fromCharCode(65+t.orderIndex-1):e}).filter(Boolean)}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t??null}))}_label(e){return String.fromCharCode(65+e)}get _titlePlaceholder(){return"single"===this.type?"单选题":"multiple"===this.type?"多选题":"排序题"}_setCorrect(e,t){"single"===this.type?(this._answers.forEach(e=>{e.isCorrect=!1}),e.isCorrect=t):e.isCorrect=t,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.useModel&&this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail: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(){this.isSave||(this._answers=[...this._answers,{title:"",isCorrect:!1,customAnswerId:r.uid()}])}_deleteAnswer(e){this._answers.length<3||this.isSave||(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}async toJSON(){return new Promise((e,t)=>{const s={customId:this.customId||void 0,answerType:this.type,orderIndex:this.orderIndex},i=this.isEdit?this._title:this.title||"",r=this.isEdit?this._answers:this.answerList||[],o=this.isEdit?this._answerCheckType:this.answerCheckType||1,n=this.isEdit?this._leastAnswerCount:this.leastAnswerCount||2,l=this.isEdit?this._analysis:this.analysis||"",p=this.isEdit?this._orderList.map(e=>e.charCodeAt(0)-65+1).join(","):this.examExpand||"",h=this.isEdit?this._showRichText:!!this.richTextContent,c=this.isEdit?this._richText:this.richTextContent||"",d=this.isEdit?this._orderList:(()=>{const e=this.examExpand;return e?e.split(",").map(e=>{const t=this.answerList?.find(t=>t.answerId?.toString()===e);return t?String.fromCharCode(65+t.orderIndex-1):e}).filter(Boolean):[]})();if(!i)return void t(new a("题目标题不能为空!","EMPTY_TITLE","title",s));if(!o)return void t(new a("请选择答题设置","NO_ANSWER_CHECK_TYPE","answerCheckType",s));let u="",x=!1,m=0;if("multiple"===this.type||"single"===this.type)r.forEach((e,t)=>{e.title?.trim()||(u+=`选项${String.fromCharCode(65+t)}未填写。`),e.isCorrect&&(x=!0,m++)});else if("sort"===this.type&&(d.length&&(x=!0),x&&d.length<n))return void t(new a(`排序题至少需要设置${n}项排序答案`,"SORT_COUNT_INVALID","orderList",s));if(u)return void t(new a(u,"ANSWER_EMPTY","answers",s));if(new Set(r.map(e=>e.title)).size!==r.length)return void t(new a("选项不能重复","DUPLICATE_ANSWERS","answers",s));if("multiple"===this.type){if(1===m)return void t(new a("请至少设置两个支持选项","CORRECT_COUNT_INVALID","answers",s));if(x&&m<n)return void t(new a("至少选几项与支持选项数不符","LEAST_ANSWER_COUNT_INVALID","answers",s))}if((2===o||3===o)&&!x)return void t(new a("请设置支持选项","NO_CORRECT_ANSWER","answers",s));const g={answerType:String(this.type),title:i,answers:r.filter(e=>e.title).map((e,t)=>({...e,orderIndex:t+1})),examExpand:p,analysis:l,isSetCorrectAnswer:x,leastAnswerCount:n,examRichTextContent:h?c:"",examAnswerRelationType:this.examAnswerRelationType,isKey:this._isKey,answerCheckType:o};this.customId&&(g.customId=this.customId),e(g)})}validate(){const e=[],t={customId:this.customId||void 0,answerType:this.type,orderIndex:this.orderIndex},s=this.isEdit?this._title:this.title||"",i=this.isEdit?this._answers:this.answerList||[],r=this.isEdit?this._answerCheckType:this.answerCheckType||1,o=this.isEdit?this._leastAnswerCount:this.leastAnswerCount||2,n=this.isEdit?this._orderList:(()=>{const e=this.examExpand;return e?e.split(",").map(e=>{const t=this.answerList?.find(t=>t.answerId?.toString()===e);return t?String.fromCharCode(65+t.orderIndex-1):e}).filter(Boolean):[]})();s||e.push(new a("题目标题不能为空!","EMPTY_TITLE","title",t)),r||e.push(new a("请选择答题设置","NO_ANSWER_CHECK_TYPE","answerCheckType",t));let l=!1,p=0;"multiple"===this.type||"single"===this.type?i.forEach((s,i)=>{s.title?.trim()||e.push(new a(`选项${String.fromCharCode(65+i)}未填写`,"ANSWER_EMPTY","answers",t)),s.isCorrect&&(l=!0,p++)}):"sort"===this.type&&(n.length&&(l=!0),l&&n.length<o&&e.push(new a(`排序题至少需要设置${o}项排序答案`,"SORT_COUNT_INVALID","orderList",t)));return new Set(i.map(e=>e.title)).size!==i.length&&i.length>0&&e.push(new a("选项不能重复","DUPLICATE_ANSWERS","answers",t)),"multiple"===this.type&&(1===p&&i.length>0&&e.push(new a("请至少设置两个支持选项","CORRECT_COUNT_INVALID","answers",t)),l&&p<o&&e.push(new a("至少选几项与支持选项数不符","LEAST_ANSWER_COUNT_INVALID","answers",t))),2!==r&&3!==r||l||e.push(new a("请设置支持选项","NO_CORRECT_ANSWER","answers",t)),e}_openResultDialog(e){this._resultDialogIndex=e,this._resultDialogValue=this._answers[e].resultItem||"",this._resultDialogOpen=!0}_saveResultDialog(){this._answers[this._resultDialogIndex].resultItem=this._resultDialogValue,this._resultDialogOpen=!1,this.requestUpdate()}_renderResultDialog(){if(!this._resultDialogOpen)return"";const t=this._label(this._resultDialogIndex);return e.html`
+"use strict";var e=require("lit"),t=require("../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),s=require("../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),i=require("../base/define.cjs"),r=require("../base/uid.cjs"),o=Object.defineProperty,a=Object.getOwnPropertyDescriptor,n=(e,t,s,i)=>{for(var r,n=i>1?void 0:i?a(t,s):t,l=e.length-1;l>=0;l--)(r=e[l])&&(n=(i?r(t,s,n):r(n))||n);return i&&n&&o(t,s,n),n};class l 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 l(e.message,e.code,e.field,e.row)}}const c=e.html`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>`,p=e.html`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg>`,h=e.html`<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 d(e){return e.replace(/^\d+\.\s*/,"").replace(/[\s，,。.!！?？;；:：、'"“”‘’()（）\[\]【】\-_/\\]+/g,"").toLowerCase()}function u(e){const t=document.createElement("div");t.textContent=e,Object.assign(t.style,{position:"fixed",top:"20px",left:"50%",transform:"translateX(-50%)",padding:"10px 20px",borderRadius:"4px",fontSize:"13px",color:"#fff",background:"#f56c6c",zIndex:"99999",boxShadow:"0 4px 12px rgba(0,0,0,.15)",transition:"opacity .3s",opacity:"1"}),document.body.appendChild(t),setTimeout(()=>{t.style.opacity="0",setTimeout(()=>t.remove(),300)},2500)}exports.QxsSubjectSingle=class extends e.LitElement{constructor(){super(...arguments),this.orderIndex=0,this.isEdit=!1,this.isSave=!1,this.isSet=!1,this.isKey=!1,this.showAction=!0,this.showAdd=!0,this.showAnswerSetting=!1,this.showKey=!1,this.showAnalysis=!0,this.type="single",this.answerCheckType=1,this.examAnswerRelationType=0,this.richTextContent="",this.analysis="",this.leastAnswerCount=0,this.examExpand="",this.customId="",this.examId=0,this.categoryId="",this.uploadImage=async e=>new Promise((t,s)=>{const i=new FileReader;i.onload=e=>t(e.target?.result),i.onerror=s,i.readAsDataURL(e)}),this.tagList=[],this.categoryList=[],this.aiAnswer="",this.resourceList=[],this.showTag=!1,this.showCategory=!1,this.showAi=!1,this.showResource=!1,this.showJump=!1,this.hasJump=!1,this.searchApi="",this.modelValue="",this.useModel=!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=0,this._answerCheckType=1,this._isKey=!1,this._orderList=[],this._selectedTagList=[],this._categoryId="",this._searchResults=[],this._searchOpen=!1,this._searchLoading=!1,this._resultDialogOpen=!1,this._resultDialogIndex=0,this._resultDialogValue="",this._sortDropdownOpen=!1,this._imageViewerOpen=!1,this._imageViewerIndex=0,this._videoViewerOpen=!1,this._correctHintDialogOpen=!1,this._hasShownCorrectHint=!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 answerList(){return this._answers}set answerList(e){if(this.isEdit)return;const t=Array.isArray(e)?e:[];this._answers=t.length?t.map(e=>({...e})):[{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1},{title:"",isCorrect:!1}],this.requestUpdate("answerList")}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleDocumentClick),this._syncExternalProps()}firstUpdated(){this._syncExternalProps()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleDocumentClick),this._searchTimer&&(window.clearTimeout(this._searchTimer),this._searchTimer=null)}willUpdate(e){e.has("isEdit")&&this.isEdit&&this._syncProps(),!this.isEdit&&(e.has("title")||e.has("answerList")||e.has("analysis")||e.has("leastAnswerCount")||e.has("answerCheckType")||e.has("tagList")||e.has("categoryId")||e.has("richTextContent"))&&this._syncExternalProps(),e.has("isKey")&&(this._isKey=this.isKey),e.has("tagList")&&(this._selectedTagList=Array.isArray(this.tagList)?this.tagList.map(e=>({...e})):[]),e.has("categoryId")&&(this._categoryId=this.categoryId?String(this.categoryId):""),(e.has("examExpand")||e.has("answerList"))&&this._syncExamExpand(),e.has("modelValue")&&this.useModel&&(this._title=this.modelValue)}_syncExternalProps(){this._title=this.title||"",this._analysis=this.analysis||"",this._leastAnswerCount=Number(this.leastAnswerCount)||0,this._answerCheckType=this.answerCheckType||1,this._isKey=this.isKey,this._selectedTagList=Array.isArray(this.tagList)?this.tagList.map(e=>({...e})):[],this._categoryId=this.categoryId?String(this.categoryId):"",this._richText=this.richTextContent||"",this._showRichText=!!this.richTextContent,this.answerList?.length&&(this._answers=this.answerList.map(e=>({...e,title:e.title||"",isCorrect:!!e.isCorrect})))}_syncProps(){this._title=this.title||"",this._analysis=this.analysis||"",this._leastAnswerCount=Number(this.leastAnswerCount)||0,this._answerCheckType=this.answerCheckType||1,this._isKey=this.isKey,this._selectedTagList=Array.isArray(this.tagList)?this.tagList.map(e=>({...e})):[],this._categoryId=this.categoryId?String(this.categoryId):"",this._richText=this.richTextContent||"",this._showRichText=!!this.richTextContent,this.answerList?.length&&(this._answers=this.answerList.map(e=>({...e,title:e.title||"",isCorrect:!!e.isCorrect}))),this._syncExamExpand()}_syncExamExpand(){if(!this.examExpand||!this.answerList?.length)return;const e=this.examExpand.split(","),t=this.answerList;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){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t??null}))}_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.searchApi&&"function"!=typeof this.searchHandler)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.searchHandler)s=await this.searchHandler(e,this._searchAnswerType());else if(this.searchApi){const t=new URLSearchParams({searchKey:e,answerType:String(this._searchAnswerType())}),i=await fetch(`${this.searchApi}${this.searchApi.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=[],u(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.useModel&&this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail:this._title})),this._emit("title-select",{...e,id:e.id??e.examId??e.questionId,title:e.title||t,value:t,customId:this.customId||""})}_applyAiAnswer(){if(!this.aiAnswer?.trim())return void u("暂无 AI 推荐答案");const e=this.aiAnswer.split(/\r?\n/).map(e=>d(e)).filter(Boolean);let t=0;if("single"===this.type){let s=!1;this._answers=this._answers.map(i=>{const r=!s&&e.includes(d(i.title||""));return r&&(s=!0,t++),{...i,isCorrect:r}})}else this._answers=this._answers.map(s=>{const i=e.includes(d(s.title||""));return i&&t++,{...s,isCorrect:i}});t?this.requestUpdate():u("未找到匹配的选项，请检查选项内容是否一致")}_removeTag(e){this._selectedTagList=this._selectedTagList.filter(t=>String(t.tagId)!==String(e)),this._emit("tag-change",{value:this._selectedTagList,customId:this.customId||"",examId:this.examId||0})}_chooseTag(){this._emit("choose-tag",{value:this._selectedTagList,customId:this.customId||"",examId:this.examId||0})}_onCategoryChange(e){this._categoryId=e,this._emit("category-change",{value:e,customId:this.customId||"",examId:this.examId||0})}_setRelation(e,t){const s=e.customAnswerId?{...e}:{...e,customAnswerId:e.answerId||r.uid()};this._answers=this._answers.map((e,i)=>i===t?s:e),this.requestUpdate(),this._emit("set-relation",{customId:this.customId||"",examId:this.examId||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)}_imageResources(){return(this.resourceList||[]).filter(e=>1===e.resourceType).map(e=>e.resource.middle||e.resource.url).filter(Boolean)}_videoResource(){return(this.resourceList||[]).find(e=>2===e.resourceType)?.resource||null}_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){"single"===this.type?(this._answers.forEach(e=>{e.isCorrect=!1}),e.isCorrect=t):e.isCorrect=t,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.useModel&&this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail: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){if(this.isSave)return;const t=[...this._answers];t.splice(e+1,0,{title:"",isCorrect:!1,customAnswerId:r.uid()}),this._answers=t}_deleteAnswer(e){this._answers.length<3||this.isSave||(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}_shouldShowCorrectHint(){return"sort"===this.type?!this._orderList.length:!this._answers.some(e=>!!e.isCorrect)}async toJSON(){return new Promise((e,t)=>{const s={customId:this.customId||void 0,answerType:this.type,orderIndex:this.orderIndex},i=this.isEdit?this._title:this.title||"",r=this.isEdit?this._answers:this.answerList||[],o=this.isEdit?this._answerCheckType:this.answerCheckType||1,a=this.isEdit?this._leastAnswerCount:Number(this.leastAnswerCount)||0,n=this.isEdit?this._analysis:this.analysis||"",c=this._selectedTagList||[],p=this.isEdit?this._orderList.map(e=>this._sortAnswerValue(e)).join(","):this.examExpand||"",h=this.isEdit?this._showRichText:!!this.richTextContent,d=this.isEdit?this._richText:this.richTextContent||"",u=this.isEdit?this._orderList:(()=>{const e=this.examExpand;return e?e.split(",").map(e=>{const t=this.answerList?.findIndex((t,s)=>String(t.answerId??t.orderIndex??s+1)===String(e));return t>=0?this._label(t):""}).filter(Boolean):[]})();if(!i)return void t(new l("题目标题不能为空!","EMPTY_TITLE","title",s));if(this.showTag&&0===c.length)return void t(new l("请选择标签/关键信息","EMPTY_TAGS","tagList",s));if(!o)return void t(new l("请选择答题设置","NO_ANSWER_CHECK_TYPE","answerCheckType",s));let g="",x=!1,m=0;if("multiple"===this.type||"single"===this.type)r.forEach((e,t)=>{e.title?.trim()||(g+=`选项${String.fromCharCode(65+t)}未填写。`),e.isCorrect&&(x=!0,m++)});else if("sort"===this.type&&(u.length&&(x=!0),x&&u.length<a))return void t(new l(`排序题至少需要设置${a}项排序答案`,"SORT_COUNT_INVALID","orderList",s));if(g)return void t(new l(g,"ANSWER_EMPTY","answers",s));if(new Set(r.map(e=>e.title)).size!==r.length)return void t(new l("选项不能重复","DUPLICATE_ANSWERS","answers",s));if("multiple"===this.type){if(1===m)return void t(new l("请至少设置两个支持选项","CORRECT_COUNT_INVALID","answers",s));if(x&&m<a)return void t(new l("至少选几项与支持选项数不符","LEAST_ANSWER_COUNT_INVALID","answers",s))}if((2===o||3===o)&&!x)return void t(new l("请设置支持选项","NO_CORRECT_ANSWER","answers",s));const w={answerType:String(this.type),title:i,answers:r.filter(e=>e.title).map((e,t)=>({...e,orderIndex:t+1})),examExpand:p,analysis:n,isSetCorrectAnswer:x,leastAnswerCount:a||"",examRichTextContent:h?d:"",examAnswerRelationType:this.examAnswerRelationType,isKey:this._isKey,answerCheckType:o,categoryId:this._categoryId||"",memberTagInfo:c,tagInfos:c,aiAnswer:this.aiAnswer||"",resourceList:this.resourceList||[],examResourceBOList:this.resourceList||[]};this.customId&&(w.customId=this.customId),e(w)})}validate(){const e=[],t={customId:this.customId||void 0,answerType:this.type,orderIndex:this.orderIndex},s=this.isEdit?this._title:this.title||"",i=this.isEdit?this._answers:this.answerList||[],r=this.isEdit?this._answerCheckType:this.answerCheckType||1,o=this.isEdit?this._leastAnswerCount:Number(this.leastAnswerCount)||0,a=this._selectedTagList||[],n=this.isEdit?this._orderList:(()=>{const e=this.examExpand;return e?e.split(",").map(e=>{const t=this.answerList?.findIndex((t,s)=>String(t.answerId??t.orderIndex??s+1)===String(e));return t>=0?this._label(t):""}).filter(Boolean):[]})();s||e.push(new l("题目标题不能为空!","EMPTY_TITLE","title",t)),this.showTag&&0===a.length&&e.push(new l("请选择标签/关键信息","EMPTY_TAGS","tagList",t)),r||e.push(new l("请选择答题设置","NO_ANSWER_CHECK_TYPE","answerCheckType",t));let c=!1,p=0;"multiple"===this.type||"single"===this.type?i.forEach((s,i)=>{s.title?.trim()||e.push(new l(`选项${String.fromCharCode(65+i)}未填写`,"ANSWER_EMPTY","answers",t)),s.isCorrect&&(c=!0,p++)}):"sort"===this.type&&(n.length&&(c=!0),c&&n.length<o&&e.push(new l(`排序题至少需要设置${o}项排序答案`,"SORT_COUNT_INVALID","orderList",t)));return new Set(i.map(e=>e.title)).size!==i.length&&i.length>0&&e.push(new l("选项不能重复","DUPLICATE_ANSWERS","answers",t)),"multiple"===this.type&&(1===p&&i.length>0&&e.push(new l("请至少设置两个支持选项","CORRECT_COUNT_INVALID","answers",t)),c&&p<o&&e.push(new l("至少选几项与支持选项数不符","LEAST_ANSWER_COUNT_INVALID","answers",t))),2!==r&&3!==r||c||e.push(new l("请设置支持选项","NO_CORRECT_ANSWER","answers",t)),e}_openResultDialog(e){this._resultDialogIndex=e,this._resultDialogValue=this._answers[e].resultItem||"",this._resultDialogOpen=!0}_saveResultDialog(){this._answers[this._resultDialogIndex].resultItem=this._resultDialogValue,this._resultDialogOpen=!1,this.requestUpdate()}_renderCorrectHintDialog(){return this._correctHintDialogOpen?e.html`
+      <div class="modal-backdrop" @click=${()=>{this._correctHintDialogOpen=!1}}>
+        <div class="modal" @click=${e=>e.stopPropagation()}>
+          <div class="modal-header">
+            <span class="modal-title">温馨提示</span>
+            <button class="modal-close" @click=${()=>{this._correctHintDialogOpen=!1}}>&#x2715;</button>
+          </div>
+          <div class="modal-body">
+            <div class="value-text">为了收集更全面、有价值的数据，建议您为问卷每题设定推荐/正确选项。</div>
+          </div>
+          <div class="modal-footer">
+            <button class="primary" @click=${()=>{this._hasShownCorrectHint=!0,this._correctHintDialogOpen=!1}}>我知道了</button>
+          </div>
+        </div>
+      </div>
+    `:""}_renderResultDialog(){if(!this._resultDialogOpen)return"";const t=this._label(this._resultDialogIndex);return e.html`
       <div class="modal-backdrop" @click=${()=>{this._resultDialogOpen=!1}}>
         <div class="modal" @click=${e=>e.stopPropagation()}>
           <div class="modal-header">
@@ -16,9 +31,117 @@
           </div>
         </div>
       </div>
-    `}async _save(e){e?.stopImmediatePropagation();try{const e=await this.toJSON();this._emit("save",e)}catch(e){!function(e){const t=document.createElement("div");t.textContent=e,Object.assign(t.style,{position:"fixed",top:"20px",left:"50%",transform:"translateX(-50%)",padding:"10px 20px",borderRadius:"4px",fontSize:"13px",color:"#fff",background:"#f56c6c",zIndex:"99999",boxShadow:"0 4px 12px rgba(0,0,0,.15)",transition:"opacity .3s",opacity:"1"}),document.body.appendChild(t),setTimeout(()=>{t.style.opacity="0",setTimeout(()=>t.remove(),300)},2500)}(e.message)}}_renderPreview(){const t="single"===this.type?"（单选题）":`（${this._titlePlaceholder}${this.leastAnswerCount?`至少选${this.leastAnswerCount}项${"sort"===this.type?"并排序":""}`:""}）`,s=this.answerList;return e.html`
+    `}_renderSearchDropdown(){return this.isEdit&&(this._searchOpen||this._searchLoading)?e.html`
+      <div class="search-dropdown">
+        ${this._searchLoading?e.html`<div class="search-empty">搜索中...</div>`:this._searchResults.length?this._searchResults.map(t=>e.html`
+              <div class="search-item" @click=${()=>this._selectSearchResult(t)}>${t.value||t.title}</div>
+            `):e.html`<div class="search-empty">暂无匹配题目</div>`}
+      </div>
+    `:""}_renderTagSection(){return this.showTag?e.html`
+      <div class="flex-items-start section-row">
+        <div class="label"><span>标签:</span></div>
+        <div style="flex:1">
+          <div class="tag-list">
+            ${this._selectedTagList.length?this._selectedTagList.map(t=>e.html`
+                <span class="tag-item">
+                  ${t.tagName}
+                  ${this.isSave?"":e.html`<span class="close" @click=${()=>this._removeTag(t.tagId)}>×</span>`}
+                </span>
+              `):e.html`<span class="tag-hint">暂无标签/关键信息</span>`}
+          </div>
+          ${this.isEdit&&!this.isSave?e.html`
+            <div style="margin-top:8px">
+              <span class="el-link" @click=${()=>this._chooseTag()}>选择</span>
+            </div>
+          `:""}
+        </div>
+      </div>
+    `:""}_renderCategorySection(){return this.showCategory?e.html`
+      <div class="flex-items-start section-row">
+        <div class="label"><span>分类:</span></div>
+        <div style="flex:1">
+          ${this.isEdit?e.html`
+            <select class="el-select" .value=${String(this._categoryId)} ?disabled=${this.isSave}
+              @change=${e=>this._onCategoryChange(e.target.value)}>
+              <option value="">选择分类</option>
+              ${this.categoryList.map(t=>e.html`
+                <option value=${String(t.categoryId)} ?selected=${String(t.categoryId)===String(this._categoryId)}>${t.title}</option>
+              `)}
+            </select>
+          `:e.html`<span class="value-text">${this.categoryList.find(e=>String(e.categoryId)===String(this._categoryId))?.title||"未选择分类"}</span>`}
+        </div>
+      </div>
+    `:""}_renderAiSection(){return this.showAi&&["single","multiple"].includes(this.type)?e.html`
+      <div class="flex-items-start section-row">
+        <div class="label"><span>AI推荐:</span></div>
+        <div style="flex:1">
+          <span class="value-text">${this.aiAnswer||"暂无"}</span>
+          ${this.isEdit?e.html`<div style="margin-top:8px"><span class="el-link" @click=${()=>this._applyAiAnswer()}>一键勾选</span></div>`:""}
+        </div>
+      </div>
+    `:""}_renderResourceSection(){if(!this.showResource)return"";const t=this._imageResources(),s=this._videoResource();return e.html`
+      <div class="flex-items-start section-row">
+        <div class="label"><span>资源:</span></div>
+        <div style="flex:1">
+          <div class="resource-summary">
+            图片 ${t.length} 张${s?"，含视频资源":""}
+          </div>
+          <div class="resource-actions">
+            ${t.length?e.html`<span class="el-link" @click=${()=>this._openImageViewer(0)}>查看图片</span>`:""}
+            ${s?.url?e.html`<span class="el-link" @click=${()=>this._openVideoViewer()}>查看视频</span>`:""}
+            ${t.length||s?.url?"":e.html`<span class="muted-text">暂无资源</span>`}
+          </div>
+          ${t.length?e.html`
+            <div class="resource-thumbs">
+              ${t.slice(0,4).map((t,s)=>e.html`
+                <img class="resource-thumb" src=${t} alt="resource" @click=${()=>this._openImageViewer(s)} />
+              `)}
+            </div>
+          `:""}
+        </div>
+      </div>
+    `}_renderImageViewer(){if(!this._imageViewerOpen)return"";const t=this._imageResources(),s=t[this._imageViewerIndex];return s?e.html`
+      <div class="modal-backdrop" @click=${()=>this._closeImageViewer()}>
+        <div class="modal" @click=${e=>e.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>
+          <div class="modal-footer">
+            <div class="media-footer">
+              <span class="muted-text">${this._imageViewerIndex+1} / ${t.length}</span>
+              <div class="group">
+                ${t.length>1?e.html`<button @click=${()=>this._moveImage(-1)}>上一张</button>`:""}
+                ${t.length>1?e.html`<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.html`
+      <div class="modal-backdrop" @click=${()=>this._closeVideoViewer()}>
+        <div class="modal" @click=${e=>e.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>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <button class="primary" @click=${()=>this._closeVideoViewer()}>关闭</button>
+          </div>
+        </div>
+      </div>
+    `:""}async _save(e){e?.stopImmediatePropagation();const t=this.validate();if(t.length)u(t[0].message);else if(this._hasShownCorrectHint||!this._shouldShowCorrectHint())try{const e=await this.toJSON();this._emit("save",e)}catch(e){u(e.message)}else this._correctHintDialogOpen=!0}_renderPreview(){const t="single"===this.type?"（单选题）":`（${this._titlePlaceholder}${this.leastAnswerCount?`，至少选${this.leastAnswerCount}项${"sort"===this.type?"并排序":""}`:""}）`,s=this.answerList;return e.html`
       <div class="preview">
-        <div><span class="title">${this.orderIndex+1}.${this.title||""}${t}${this._isKey?e.html`<span class="key-badge">核心题</span>`:""}</span></div>
+        <div><span class="title">${this.orderIndex+1}.${this.title||""}${t}${this.showKey&&this._isKey?e.html`<span class="key-badge">核心题</span>`:""}</span></div>
         ${this.richTextContent?e.html`<div class="rich-text" .innerHTML=${this.richTextContent}></div>`:""}
         <div class="preview-answer">
           ${s.map((t,s)=>e.html`
@@ -31,17 +154,28 @@
             </label>
           `)}
         </div>
+        ${this.showCategory&&this._categoryId?e.html`<div class="section-row"><span class="value-text">分类：${this.categoryList.find(e=>String(e.categoryId)===String(this._categoryId))?.title||this._categoryId}</span></div>`:""}
+        ${this._selectedTagList.length&&this.showTag?e.html`
+          <div class="section-row">
+            <span class="value-text">标签/关键信息：</span>
+            <div class="tag-list" style="margin-top:6px">
+              ${this._selectedTagList.map(t=>e.html`<span class="tag-item">${t.tagName}</span>`)}
+            </div>
+          </div>
+        `:""}
+        ${this.showResource?this._renderResourceSection():""}
       </div>
     `}_renderEdit(){return e.html`
       <div class="flex-items-start">
         <div class="label"><span>题目:</span></div>
         <div style="flex:1">
-          <div class="el-input">
+          <div class="el-input search-wrap">
             <textarea rows="2" .value=${this._title} ?disabled=${this.isSave}
               maxlength=${this.TITLE_MAX}
               @input=${e=>this._onTitleInput(e)}
               placeholder="【${this._titlePlaceholder}】请输入问题"></textarea>
             <span class="char-counter">${this._title.length}/${this.TITLE_MAX}</span>
+            ${this._renderSearchDropdown()}
           </div>
         </div>
       </div>
@@ -49,8 +183,9 @@
       ${["multiple","sort"].includes(this.type)?e.html`
         <div class="flex-items-start" style="margin-top:12px">
           <div class="label"><span>设置:</span></div>
-          <select class="el-select" .value=${String(this._leastAnswerCount)} ?disabled=${this.isSave}
-            @change=${e=>{this._leastAnswerCount=Number(e.target.value)}}>
+          <select class="el-select" .value=${this._leastAnswerCount?String(this._leastAnswerCount):""} ?disabled=${this.isSave}
+            @change=${e=>{const t=e.target.value;this._leastAnswerCount=t?Number(t):0}}>
+            <option value="">至少选择几项</option>
             ${Array.from({length:Math.max(0,this._answers.length-1)},(e,t)=>t+2).map(t=>e.html`
               <option value=${t} ?selected=${this._leastAnswerCount===t}>至少选择${t}项</option>
             `)}
@@ -81,19 +216,19 @@
             `:""}
 
             <span class="icon ${this.isSave?"disabled":""}"
-              @click=${()=>this._addAnswer()}>
-              ${p}
+              @click=${()=>this._addAnswer(s)}>
+              ${c}
             </span>
             <span class="icon ${this.isSave||this._answers.length<3?"disabled":""}"
               @click=${()=>this._deleteAnswer(s)}>
-              ${h}
+              ${p}
             </span>
 
             ${1===this.examAnswerRelationType&&"sort"!==this.type?e.html`
               <span class="link" @click=${()=>this._openResultDialog(s)}>${t.resultItem?"编辑结果":"添加结果"}</span>
             `:""}
             ${2===this.examAnswerRelationType&&"sort"!==this.type?e.html`
-              <span class="link">关联检查</span>
+              <span class="link" @click=${()=>this._setRelation(t,s)}>${t.answerRelations?.length?`关联了${this._relationLength(t.answerRelations)}项`:"关联检查"}</span>
             `:""}
           </div>
         `)}
@@ -112,7 +247,7 @@
                       <span class="tag-close" @click=${e=>{e.stopPropagation(),this._removeSortItem(t)}}>&#x2715;</span>
                     </span>
                   `):e.html`<span class="placeholder">请按顺序选择排序答案</span>`}
-                <span class="arrow">${c}</span>
+                <span class="arrow">${h}</span>
               </div>
               ${this._sortDropdownOpen?e.html`
                 <div class="multi-select-dropdown">
@@ -129,6 +264,14 @@
         </div>
       `:""}
 
+      ${this._renderTagSection()}
+
+      ${this._renderCategorySection()}
+
+      ${this._renderAiSection()}
+
+      ${this._renderResourceSection()}
+
       ${this._showRichText?e.html`
         <div class="flex-items-start" style="margin-top:12px">
           <div class="label"><span>富文本:</span></div>
@@ -139,7 +282,7 @@
               ?is-edit=${!0}
               @input=${e=>{this._richText=e.target.getContent()}}
             ></qxs-blocksuite-editor>
-            <div class="flex-justify-end" style="margin-top:8px"><span class="el-link danger" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span></div>
+            ${this.showAction?"":e.html`<div class="flex-justify-end" style="margin-top:8px"><span class="el-link danger" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span></div>`}
           </div>
         </div>
       `:""}
@@ -163,20 +306,29 @@
             ?is-edit=${this.isEdit}
             ?is-set=${this.isSet}
             ?is-key=${this._isKey}
-            ?show-other-option=${"multiple"===this.type||"single"===this.type}
+            ?show-add=${this.showAdd}
+            ?show-answer-setting=${this.showAnswerSetting&&["single","multiple","sort"].includes(this.type)}
+            ?show-key=${this.showKey&&["single","multiple","sort"].includes(this.type)}
+            ?show-rich-text=${this._showRichText}
+            ?show-jump=${this.showJump}
             answer-check-type=${this._answerCheckType}
             exam-answer-relation-type=${this.examAnswerRelationType}
             @delete=${()=>this._emit("delete")}
             @save=${this._save}
             @edit=${()=>this._emit("edit")}
+            @move=${e=>this._emit("move",e.detail)}
+            @jump=${()=>this._emit("jump",{customId:this.customId||"",examId:this.examId||0,answerType:this.type})}
             @add=${e=>this._emit("add",e.detail)}
             @set-key=${e=>{this._isKey=e.detail.value,this._emit("set-key",e.detail)}}
             @set-answer-setting=${e=>{this._answerCheckType=e.detail.value}}
-            @on-show-rich-text=${()=>{this._showRichText=!0}}
+            @on-show-rich-text=${()=>{this._showRichText=!this._showRichText,this._showRichText||(this._richText="")}}
           ></qxs-subject-action>
         `:""}
       </qxs-subject-layout>
       ${this._renderResultDialog()}
+      ${this._renderCorrectHintDialog()}
+      ${this._renderImageViewer()}
+      ${this._renderVideoViewer()}
     `}},exports.QxsSubjectSingle.styles=e.css`
     :host { display: block; font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 12px; color: #5a5a5a; }
     *, ::before, ::after { box-sizing: border-box; }
@@ -264,9 +416,6 @@
     }
     .el-select:focus { border-color: #3D61E3; outline: none; }
     .el-select:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }
-    .el-select.sort-select {
-      width: 360px; height: auto; min-height: 32px; appearance: auto;
-    }
 
     .sort-badge { font-weight: bold; color: #3D61E3; margin-left: 10px; }
 
@@ -274,6 +423,51 @@
     .el-link:hover { color: #2D4CB8; }
     .el-link.danger { color: #f56c6c; }
 
+    .section-row { margin-top: 12px; }
+    .value-text { font-size: 13px; color: #606266; white-space: pre-wrap; }
+    .muted-text { font-size: 12px; color: #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;
+    }
+    .search-item {
+      padding: 10px 12px; cursor: pointer; transition: background .2s;
+      font-size: 13px; color: #606266; line-height: 1.4;
+    }
+    .search-item:hover { background: #f5f7fa; color: #3D61E3; }
+    .search-empty { padding: 10px 12px; font-size: 12px; color: #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;
+    }
+    .tag-item .close { cursor: pointer; color: #909399; }
+    .tag-item .close:hover { color: #f56c6c; }
+    .tag-hint { font-size: 12px; color: #909399; }
+
+    .resource-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 8px; }
+    .resource-summary { font-size: 12px; color: #606266; }
+    .resource-thumbs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
+    .resource-thumb {
+      width: 72px; height: 72px; object-fit: cover; border-radius: 6px;
+      border: 1px solid #e4e7ed; cursor: pointer; background: #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;
+    }
+    .resource-video:hover { color: #3D61E3; border-color: #3D61E3; background: #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%; }
+    .media-footer .group { display: flex; gap: 8px; }
+
     /* Multi-select with tags (Element Plus style) */
     .multi-select-wrapper { position: relative; }
     .multi-select {
@@ -325,5 +519,5 @@
     .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; }
-  `,l([t.property({type:Number,attribute:"order-index"})],exports.QxsSubjectSingle.prototype,"orderIndex",2),l([t.property({type:Boolean,attribute:"is-edit"})],exports.QxsSubjectSingle.prototype,"isEdit",2),l([t.property({type:Boolean,attribute:"is-save"})],exports.QxsSubjectSingle.prototype,"isSave",2),l([t.property({type:Boolean,attribute:"is-set"})],exports.QxsSubjectSingle.prototype,"isSet",2),l([t.property({type:Boolean,attribute:"is-key"})],exports.QxsSubjectSingle.prototype,"isKey",2),l([t.property({type:Boolean,attribute:"show-action"})],exports.QxsSubjectSingle.prototype,"showAction",2),l([t.property({type:Boolean,attribute:"show-analysis"})],exports.QxsSubjectSingle.prototype,"showAnalysis",2),l([t.property({attribute:"question-type",reflect:!0})],exports.QxsSubjectSingle.prototype,"type",2),l([t.property({type:Number,attribute:"answer-check-type"})],exports.QxsSubjectSingle.prototype,"answerCheckType",2),l([t.property({type:Number,attribute:"exam-answer-relation-type"})],exports.QxsSubjectSingle.prototype,"examAnswerRelationType",2),l([t.property({type:String,attribute:"rich-text-content"})],exports.QxsSubjectSingle.prototype,"richTextContent",2),l([t.property({type:String})],exports.QxsSubjectSingle.prototype,"analysis",2),l([t.property({type:Number,attribute:"least-answer-count"})],exports.QxsSubjectSingle.prototype,"leastAnswerCount",2),l([t.property({type:String,attribute:"exam-expand"})],exports.QxsSubjectSingle.prototype,"examExpand",2),l([t.property({type:String,attribute:"custom-id"})],exports.QxsSubjectSingle.prototype,"customId",2),l([t.property({type:Number,attribute:"exam-id"})],exports.QxsSubjectSingle.prototype,"examId",2),l([t.property({type:Object})],exports.QxsSubjectSingle.prototype,"uploadImage",2),l([t.property({type:Array,attribute:"answer-list"})],exports.QxsSubjectSingle.prototype,"answerList",1),l([t.property({type:String,attribute:"model-value"})],exports.QxsSubjectSingle.prototype,"modelValue",2),l([t.property({type:Boolean,attribute:"use-model"})],exports.QxsSubjectSingle.prototype,"useModel",2),l([s.state()],exports.QxsSubjectSingle.prototype,"_answers",2),l([t.property({type:String})],exports.QxsSubjectSingle.prototype,"title",2),l([s.state()],exports.QxsSubjectSingle.prototype,"_title",2),l([s.state()],exports.QxsSubjectSingle.prototype,"_analysis",2),l([s.state()],exports.QxsSubjectSingle.prototype,"_richText",2),l([s.state()],exports.QxsSubjectSingle.prototype,"_showRichText",2),l([s.state()],exports.QxsSubjectSingle.prototype,"_leastAnswerCount",2),l([s.state()],exports.QxsSubjectSingle.prototype,"_answerCheckType",2),l([s.state()],exports.QxsSubjectSingle.prototype,"_isKey",2),l([s.state()],exports.QxsSubjectSingle.prototype,"_orderList",2),l([s.state()],exports.QxsSubjectSingle.prototype,"_resultDialogOpen",2),l([s.state()],exports.QxsSubjectSingle.prototype,"_resultDialogIndex",2),l([s.state()],exports.QxsSubjectSingle.prototype,"_resultDialogValue",2),l([s.state()],exports.QxsSubjectSingle.prototype,"_sortDropdownOpen",2),exports.QxsSubjectSingle=l([i.safeCustomElement("qxs-subject-single")],exports.QxsSubjectSingle),exports.SubjectError=a;
+  `,n([t.property({type:Number,attribute:"order-index"})],exports.QxsSubjectSingle.prototype,"orderIndex",2),n([t.property({type:Boolean,attribute:"is-edit"})],exports.QxsSubjectSingle.prototype,"isEdit",2),n([t.property({type:Boolean,attribute:"is-save"})],exports.QxsSubjectSingle.prototype,"isSave",2),n([t.property({type:Boolean,attribute:"is-set"})],exports.QxsSubjectSingle.prototype,"isSet",2),n([t.property({type:Boolean,attribute:"is-key"})],exports.QxsSubjectSingle.prototype,"isKey",2),n([t.property({type:Boolean,attribute:"show-action"})],exports.QxsSubjectSingle.prototype,"showAction",2),n([t.property({type:Boolean,attribute:"show-add"})],exports.QxsSubjectSingle.prototype,"showAdd",2),n([t.property({type:Boolean,attribute:"show-answer-setting"})],exports.QxsSubjectSingle.prototype,"showAnswerSetting",2),n([t.property({type:Boolean,attribute:"show-key"})],exports.QxsSubjectSingle.prototype,"showKey",2),n([t.property({type:Boolean,attribute:"show-analysis"})],exports.QxsSubjectSingle.prototype,"showAnalysis",2),n([t.property({attribute:"question-type",reflect:!0})],exports.QxsSubjectSingle.prototype,"type",2),n([t.property({type:Number,attribute:"answer-check-type"})],exports.QxsSubjectSingle.prototype,"answerCheckType",2),n([t.property({type:Number,attribute:"exam-answer-relation-type"})],exports.QxsSubjectSingle.prototype,"examAnswerRelationType",2),n([t.property({type:String,attribute:"rich-text-content"})],exports.QxsSubjectSingle.prototype,"richTextContent",2),n([t.property({type:String})],exports.QxsSubjectSingle.prototype,"analysis",2),n([t.property({type:Number,attribute:"least-answer-count"})],exports.QxsSubjectSingle.prototype,"leastAnswerCount",2),n([t.property({type:String,attribute:"exam-expand"})],exports.QxsSubjectSingle.prototype,"examExpand",2),n([t.property({type:String,attribute:"custom-id"})],exports.QxsSubjectSingle.prototype,"customId",2),n([t.property({type:Number,attribute:"exam-id"})],exports.QxsSubjectSingle.prototype,"examId",2),n([t.property({type:String,attribute:"category-id"})],exports.QxsSubjectSingle.prototype,"categoryId",2),n([t.property({type:Object})],exports.QxsSubjectSingle.prototype,"uploadImage",2),n([t.property({type:Array,attribute:"answer-list"})],exports.QxsSubjectSingle.prototype,"answerList",1),n([t.property({type:Array,attribute:"tag-list"})],exports.QxsSubjectSingle.prototype,"tagList",2),n([t.property({type:Array,attribute:"category-list"})],exports.QxsSubjectSingle.prototype,"categoryList",2),n([t.property({type:String,attribute:"ai-answer"})],exports.QxsSubjectSingle.prototype,"aiAnswer",2),n([t.property({type:Array,attribute:"resource-list"})],exports.QxsSubjectSingle.prototype,"resourceList",2),n([t.property({type:Boolean,attribute:"show-tag"})],exports.QxsSubjectSingle.prototype,"showTag",2),n([t.property({type:Boolean,attribute:"show-category"})],exports.QxsSubjectSingle.prototype,"showCategory",2),n([t.property({type:Boolean,attribute:"show-ai"})],exports.QxsSubjectSingle.prototype,"showAi",2),n([t.property({type:Boolean,attribute:"show-resource"})],exports.QxsSubjectSingle.prototype,"showResource",2),n([t.property({type:Boolean,attribute:"show-jump"})],exports.QxsSubjectSingle.prototype,"showJump",2),n([t.property({type:Boolean,attribute:"has-jump"})],exports.QxsSubjectSingle.prototype,"hasJump",2),n([t.property({type:String,attribute:"search-api"})],exports.QxsSubjectSingle.prototype,"searchApi",2),n([t.property({type:Object})],exports.QxsSubjectSingle.prototype,"searchHandler",2),n([t.property({type:String,attribute:"model-value"})],exports.QxsSubjectSingle.prototype,"modelValue",2),n([t.property({type:Boolean,attribute:"use-model"})],exports.QxsSubjectSingle.prototype,"useModel",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_answers",2),n([t.property({type:String})],exports.QxsSubjectSingle.prototype,"title",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_title",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_analysis",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_richText",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_showRichText",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_leastAnswerCount",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_answerCheckType",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_isKey",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_orderList",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_selectedTagList",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_categoryId",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_searchResults",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_searchOpen",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_searchLoading",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_resultDialogOpen",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_resultDialogIndex",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_resultDialogValue",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_sortDropdownOpen",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_imageViewerOpen",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_imageViewerIndex",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_videoViewerOpen",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_correctHintDialogOpen",2),n([s.state()],exports.QxsSubjectSingle.prototype,"_hasShownCorrectHint",2),exports.QxsSubjectSingle=n([i.safeCustomElement("qxs-subject-single")],exports.QxsSubjectSingle),exports.SubjectError=l;
 //# sourceMappingURL=single.cjs.map