@qxs-bns/components-wc 0.0.25 → 0.0.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/editor/blocksuite-editor.mjs +312 -43
- package/es/editor/blocksuite-editor.mjs.map +1 -1
- package/es/entry-subject.mjs +1 -1
- package/es/index.mjs +1 -1
- package/es/subject/blank-fill.mjs +34 -56
- package/es/subject/blank-fill.mjs.map +1 -1
- package/es/subject/draft.mjs +2 -0
- package/es/subject/draft.mjs.map +1 -0
- package/es/subject/list.mjs +57 -99
- package/es/subject/list.mjs.map +1 -1
- package/es/subject/page-end.mjs +3 -3
- package/es/subject/page-end.mjs.map +1 -1
- package/es/subject/pagination.mjs +2 -0
- package/es/subject/pagination.mjs.map +1 -0
- package/es/subject/runtime.mjs +2 -0
- package/es/subject/runtime.mjs.map +1 -0
- package/es/subject/scale.mjs +101 -152
- package/es/subject/scale.mjs.map +1 -1
- package/es/subject/single.mjs +89 -88
- package/es/subject/single.mjs.map +1 -1
- package/es/subject/sort-controller.mjs +2 -0
- package/es/subject/sort-controller.mjs.map +1 -0
- package/es/subject/sortable.mjs +30 -0
- package/es/subject/sortable.mjs.map +1 -0
- package/es/subject/sorting-card.mjs +52 -0
- package/es/subject/sorting-card.mjs.map +1 -0
- package/es/subject/text-fill.mjs +24 -45
- package/es/subject/text-fill.mjs.map +1 -1
- package/es/subject/types.mjs +1 -1
- package/es/subject/types.mjs.map +1 -1
- package/lib/editor/blocksuite-editor.cjs +304 -35
- package/lib/editor/blocksuite-editor.cjs.map +1 -1
- package/lib/entry-subject.cjs +1 -1
- package/lib/index.cjs +1 -1
- package/lib/subject/blank-fill.cjs +24 -46
- package/lib/subject/blank-fill.cjs.map +1 -1
- package/lib/subject/draft.cjs +2 -0
- package/lib/subject/draft.cjs.map +1 -0
- package/lib/subject/list.cjs +16 -58
- package/lib/subject/list.cjs.map +1 -1
- package/lib/subject/page-end.cjs +3 -3
- package/lib/subject/page-end.cjs.map +1 -1
- package/lib/subject/pagination.cjs +2 -0
- package/lib/subject/pagination.cjs.map +1 -0
- package/lib/subject/runtime.cjs +2 -0
- package/lib/subject/runtime.cjs.map +1 -0
- package/lib/subject/scale.cjs +98 -149
- package/lib/subject/scale.cjs.map +1 -1
- package/lib/subject/single.cjs +89 -88
- package/lib/subject/single.cjs.map +1 -1
- package/lib/subject/sort-controller.cjs +2 -0
- package/lib/subject/sort-controller.cjs.map +1 -0
- package/lib/subject/sortable.cjs +30 -0
- package/lib/subject/sortable.cjs.map +1 -0
- package/lib/subject/sorting-card.cjs +52 -0
- package/lib/subject/sorting-card.cjs.map +1 -0
- package/lib/subject/text-fill.cjs +24 -45
- package/lib/subject/text-fill.cjs.map +1 -1
- package/lib/subject/types.cjs +1 -1
- package/lib/subject/types.cjs.map +1 -1
- package/package.json +1 -1
package/es/subject/single.mjs
CHANGED
|
@@ -1,67 +1,48 @@
|
|
|
1
|
-
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 a}from"../base/define.mjs";import{uid as o}from"../base/uid.mjs";var n=Object.defineProperty,l=Object.getOwnPropertyDescriptor,c=(e,t,s,i)=>{for(var r,a=i>1?void 0:i?l(t,s):t,o=e.length-1;o>=0;o--)(r=e[o])&&(a=(i?r(t,s,a):r(a))||a);return i&&a&&n(t,s,a),a};class h 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 h(e.message,e.code,e.field,e.row)}}const d=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>`,p=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>`,u=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 g(e){return e.replace(/^\d+\.\s*/,"").replace(/[\s,,。.!!??;;::、'"“”‘’()()[\]【】\-_/\\]+/g,"").toLowerCase()}function m(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)}let w=class extends s{constructor(){super(...arguments),this["order-index"]=0,this["is-edit"]=!1,this["is-save"]=!1,this["is-set"]=!1,this["is-key"]=!1,this["show-action"]=!0,this["show-add"]=!0,this["show-answer-setting"]=!1,this["show-key"]=!1,this["show-analysis"]=!0,this.type="single",this["answer-check-type"]=1,this["exam-answer-relation-type"]=0,this["rich-text-content"]="",this.analysis="",this["least-answer-count"]=0,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=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"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=>({...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()}firstUpdated(){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"])}_syncExternalProps(){this._title=this.title||"",this._analysis=this.analysis||"",this._leastAnswerCount=Number(this["least-answer-count"])||0,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=>({...e,title:e.title||"",isCorrect:!!e.isCorrect})))}_syncProps(){this._title=this.title||"",this._analysis=this.analysis||"",this._leastAnswerCount=Number(this["least-answer-count"])||0,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=>({...e,title:e.title||"",isCorrect:!!e.isCorrect}))),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){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["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=[],m(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"]&&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["custom-id"]||""})}_applyAiAnswer(){if(!this["ai-answer"]?.trim())return void m("暂无 AI 推荐答案");const e=this["ai-answer"].split(/\r?\n/).map(e=>g(e)).filter(Boolean);let t=0;if("single"===this.type){let s=!1;this._answers=this._answers.map(i=>{const r=!s&&e.includes(g(i.title||""));return r&&(s=!0,t++),{...i,isCorrect:r}})}else this._answers=this._answers.map(s=>{const i=e.includes(g(s.title||""));return i&&t++,{...s,isCorrect:i}});t?this.requestUpdate():m("未找到匹配的选项,请检查选项内容是否一致")}_removeTag(e){this._selectedTagList=this._selectedTagList.filter(t=>String(t.tagId)!==String(e)),this._emit("tag-change",{value:this._selectedTagList,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_chooseTag(){this._emit("choose-tag",{value:this._selectedTagList,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_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||o()};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)}_imageResources(){return(this["resource-list"]||[]).filter(e=>1===e.resourceType).map(e=>e.resource.middle||e.resource.url).filter(Boolean)}_videoResource(){return(this["resource-list"]||[]).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["use-model"]&&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["is-save"])return;const t=[...this._answers];t.splice(e+1,0,{title:"",isCorrect:!1,customAnswerId:o()}),this._answers=t}_deleteAnswer(e){this._answers.length<3||this["is-save"]||(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["custom-id"]||void 0,answerType:this.type,orderIndex:this["order-index"]},i=this["is-edit"]?this._title:this.title||"",r=this["is-edit"]?this._answers:this["answer-list"]||[],a=this["is-edit"]?this._answerCheckType:this["answer-check-type"]||1,o=this["is-edit"]?this._leastAnswerCount:Number(this["least-answer-count"])||0,n=this["is-edit"]?this._analysis:this.analysis||"",l=this._selectedTagList||[],c=this["is-edit"]?this._orderList.map(e=>this._sortAnswerValue(e)).join(","):this["exam-expand"]||"",d=this["is-edit"]?this._showRichText:!!this["rich-text-content"],p=this["is-edit"]?this._richText:this["rich-text-content"]||"",u=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):[]})();if(!i)return void t(new h("题目标题不能为空!","EMPTY_TITLE","title",s));if(this["show-tag"]&&0===l.length)return void t(new h("请选择标签/关键信息","EMPTY_TAGS","tagList",s));if(!a)return void t(new h("请选择答题设置","NO_ANSWER_CHECK_TYPE","answerCheckType",s));let g="",m=!1,w=0;if("multiple"===this.type||"single"===this.type)r.forEach((e,t)=>{e.title?.trim()||(g+=`选项${String.fromCharCode(65+t)}未填写。`),e.isCorrect&&(m=!0,w++)});else if("sort"===this.type&&(u.length&&(m=!0),m&&u.length<o))return void t(new h(`排序题至少需要设置${o}项排序答案`,"SORT_COUNT_INVALID","orderList",s));if(g)return void t(new h(g,"ANSWER_EMPTY","answers",s));if(new Set(r.map(e=>e.title)).size!==r.length)return void t(new h("选项不能重复","DUPLICATE_ANSWERS","answers",s));if("multiple"===this.type){if(1===w)return void t(new h("请至少设置两个支持选项","CORRECT_COUNT_INVALID","answers",s));if(m&&w<o)return void t(new h("至少选几项与支持选项数不符","LEAST_ANSWER_COUNT_INVALID","answers",s))}if((2===a||3===a)&&!m)return void t(new h("请设置支持选项","NO_CORRECT_ANSWER","answers",s));const x={answerType:String(this.type),title:i,answers:r.filter(e=>e.title).map((e,t)=>({...e,orderIndex:t+1})),examExpand:c,analysis:n,isSetCorrectAnswer:m,leastAnswerCount:o||"",examRichTextContent:d?p:"",examAnswerRelationType:this["exam-answer-relation-type"],isKey:this._isKey,answerCheckType:a,categoryId:this._categoryId||"",memberTagInfo:l,tagInfos:l,aiAnswer:this["ai-answer"]||"",resourceList:this["resource-list"]||[],examResourceBOList:this["resource-list"]||[]};this["custom-id"]&&(x.customId=this["custom-id"]),e(x)})}validate(){const e=[],t={customId:this["custom-id"]||void 0,answerType:this.type,orderIndex:this["order-index"]},s=this["is-edit"]?this._title:this.title||"",i=this["is-edit"]?this._answers:this["answer-list"]||[],r=this["is-edit"]?this._answerCheckType:this["answer-check-type"]||1,a=this["is-edit"]?this._leastAnswerCount:Number(this["least-answer-count"])||0,o=this._selectedTagList||[],n=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):[]})();s||e.push(new h("题目标题不能为空!","EMPTY_TITLE","title",t)),this["show-tag"]&&0===o.length&&e.push(new h("请选择标签/关键信息","EMPTY_TAGS","tagList",t)),r||e.push(new h("请选择答题设置","NO_ANSWER_CHECK_TYPE","answerCheckType",t));let l=!1,c=0;"multiple"===this.type||"single"===this.type?i.forEach((s,i)=>{s.title?.trim()||e.push(new h(`选项${String.fromCharCode(65+i)}未填写`,"ANSWER_EMPTY","answers",t)),s.isCorrect&&(l=!0,c++)}):"sort"===this.type&&(n.length&&(l=!0),l&&n.length<a&&e.push(new h(`排序题至少需要设置${a}项排序答案`,"SORT_COUNT_INVALID","orderList",t)));return new Set(i.map(e=>e.title)).size!==i.length&&i.length>0&&e.push(new h("选项不能重复","DUPLICATE_ANSWERS","answers",t)),"multiple"===this.type&&(1===c&&i.length>0&&e.push(new h("请至少设置两个支持选项","CORRECT_COUNT_INVALID","answers",t)),l&&c<a&&e.push(new h("至少选几项与支持选项数不符","LEAST_ANSWER_COUNT_INVALID","answers",t))),2!==r&&3!==r||l||e.push(new h("请设置支持选项","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`
|
|
1
|
+
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{sortingCardStyles as n,renderSortingCard as l}from"./sorting-card.mjs";import{SubjectTypeLabel as c}from"./types.mjs";var h=Object.defineProperty,d=Object.getOwnPropertyDescriptor,p=(e,t,s,i)=>{for(var r,o=i>1?void 0:i?d(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&&h(t,s,o),o};class u 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 u(e.message,e.code,e.field,e.row)}}const m=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>`,g=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>`,w=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 x(e){return e.replace(/^\d+\.\s*/,"").replace(/[\s,,。.!!??;;::、'"“”‘’()()[\]【】\-_/\\]+/g,"").toLowerCase()}function y(e){return String(e??"").trim()}function _(e){return String(e??"").split(",").map(e=>e.trim()).filter(Boolean).join(",")}function f(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)}let v=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.sorting=!1,this["show-answer-setting"]=!1,this["show-key"]=!1,this["show-analysis"]=!0,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()}firstUpdated(){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:y(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){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["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=[],f(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"]&&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["custom-id"]||""})}_applyAiAnswer(){if(!this["ai-answer"]?.trim())return void f("暂无 AI 推荐答案");const e=this["ai-answer"].split(/\r?\n/).map(e=>x(e)).filter(Boolean);let t=0;if("single"===this.type){let s=!1;this._answers=this._answers.map(i=>{const r=!s&&e.includes(x(i.title||""));return r&&(s=!0,t++),{...i,isCorrect:r}})}else this._answers=this._answers.map(s=>{const i=e.includes(x(s.title||""));return i&&t++,{...s,isCorrect:i}});t?this.requestUpdate():f("未找到匹配的选项,请检查选项内容是否一致")}_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(this["resource-list"]||[]).filter(e=>1===e.resourceType).map(e=>e.resource.middle||e.resource.url).filter(Boolean)}_videoResource(){return(this["resource-list"]||[]).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){this.lockAnswerKey||(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["use-model"]&&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){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:y(e?.title??e?.answer??""),isCorrect:!!e?.isCorrect,resultItem:y(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:y(this["is-edit"]?this._title:this.title||""),answers:e,analysis:y(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 u("题目标题不能为空!","EMPTY_TITLE","title",s));let r=!1,o=0;e.answers.forEach((e,a)=>{e.title?.trim()||i.push(new u(`选项${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 u("选项不能重复","DUPLICATE_ANSWERS","answers",s)),"single"===t&&o>1&&i.push(new u("此题为单选题,设置了多个推荐/正确选项,请保存时确认是否切换为多选题","SINGLE_MULTI_CORRECT","answers",s)),"multiple"===t&&(1===o&&i.push(new u("请设置至少两个推荐/正确选项","CORRECT_COUNT_INVALID","answers",s)),o>0&&(r=!0),r&&null!==e.leastAnswerCount&&o<e.leastAnswerCount&&i.push(new u("至少选几项与推荐/正确选项数不符","LEAST_ANSWER_COUNT_INVALID","answers",s))),"sort"===t&&(r=e.orderList.length>0,null!==e.leastAnswerCount&&e.orderList.length<e.leastAnswerCount&&i.push(new u("至少选几项与推荐/正确选项数不符","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){f(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`
|
|
2
2
|
<div class="modal-backdrop" @click=${()=>{this._correctHintDialogOpen=!1}}>
|
|
3
|
-
<div class="modal" @click=${e=>e.stopPropagation()}>
|
|
3
|
+
<div class="modal correct-hint-dialog" @click=${e=>e.stopPropagation()}>
|
|
4
4
|
<div class="modal-header">
|
|
5
5
|
<span class="modal-title">温馨提示</span>
|
|
6
|
-
<button class="modal-close" @click=${()=>{this._correctHintDialogOpen=!1}}>✕</button>
|
|
7
6
|
</div>
|
|
8
7
|
<div class="modal-body">
|
|
9
|
-
<div class="
|
|
8
|
+
<div class="correct-hint-copy">
|
|
9
|
+
为了收集更全面、有价值的数据,建议您为问卷每题设定<span class="correct-hint-highlight">推荐/正确选项</span>。这将助力深入分析,让调研结果更精准、有意义。
|
|
10
|
+
</div>
|
|
10
11
|
</div>
|
|
11
12
|
<div class="modal-footer">
|
|
12
|
-
<button
|
|
13
|
+
<button @click=${async()=>{this._hasShownCorrectHint=!0,this._correctHintDialogOpen=!1,await this._finalizeSave()}}>完成编辑</button>
|
|
14
|
+
<button class="primary" @click=${()=>{this._correctHintDialogOpen=!1}}>去设置</button>
|
|
13
15
|
</div>
|
|
14
16
|
</div>
|
|
15
17
|
</div>
|
|
16
|
-
`:""}
|
|
17
|
-
<div class="modal-backdrop" @click=${()=>{this.
|
|
18
|
+
`:""}_renderChangeTypeDialog(){return this._changeTypeDialogOpen?e`
|
|
19
|
+
<div class="modal-backdrop" @click=${()=>{this._changeTypeDialogOpen=!1}}>
|
|
18
20
|
<div class="modal" @click=${e=>e.stopPropagation()}>
|
|
19
21
|
<div class="modal-header">
|
|
20
|
-
<span class="modal-title"
|
|
21
|
-
<button class="modal-close" @click=${()=>{this.
|
|
22
|
+
<span class="modal-title">提示</span>
|
|
23
|
+
<button class="modal-close" @click=${()=>{this._changeTypeDialogOpen=!1}}>✕</button>
|
|
22
24
|
</div>
|
|
23
25
|
<div class="modal-body">
|
|
24
|
-
<
|
|
25
|
-
@input=${e=>{this._resultDialogValue=e.target.value}}
|
|
26
|
-
placeholder="请输入该选项的结果项内容"></textarea>
|
|
26
|
+
<div class="value-text">此题为单选题,设置了多个推荐/正确选项,是否切换成多选题?</div>
|
|
27
27
|
</div>
|
|
28
28
|
<div class="modal-footer">
|
|
29
|
-
<button @click=${()=>{this.
|
|
30
|
-
<button class="primary" @click=${()=>this.
|
|
29
|
+
<button @click=${()=>{this._changeTypeDialogOpen=!1}}>取消</button>
|
|
30
|
+
<button class="primary" @click=${()=>{try{const e=this._serialize("multiple");this._changeTypeDialogOpen=!1,this._emit("save",e)}catch(e){f(e?.message||"保存失败")}}}>切换</button>
|
|
31
31
|
</div>
|
|
32
32
|
</div>
|
|
33
33
|
</div>
|
|
34
|
-
|
|
34
|
+
`:""}_renderSearchDropdown(){return this["is-edit"]&&(this._searchOpen||this._searchLoading)?e`
|
|
35
35
|
<div class="search-dropdown">
|
|
36
36
|
${this._searchLoading?e`<div class="search-empty">搜索中...</div>`:this._searchResults.length?this._searchResults.map(t=>e`
|
|
37
37
|
<div class="search-item" @click=${()=>this._selectSearchResult(t)}>${t.value||t.title}</div>
|
|
38
38
|
`):e`<div class="search-empty">暂无匹配题目</div>`}
|
|
39
39
|
</div>
|
|
40
|
-
`:""}_renderTagSection(){return this["show-tag"]?e`
|
|
41
|
-
<div class="flex-items-start section-row">
|
|
42
|
-
<div class="label"><span>标签:</span></div>
|
|
43
|
-
<div style="flex:1">
|
|
44
|
-
<div class="tag-list">
|
|
45
|
-
${this._selectedTagList.length?this._selectedTagList.map(t=>e`
|
|
46
|
-
<span class="tag-item">
|
|
47
|
-
${t.tagName}
|
|
48
|
-
${this["is-save"]?"":e`<span class="close" @click=${()=>this._removeTag(t.tagId)}>×</span>`}
|
|
49
|
-
</span>
|
|
50
|
-
`):e`<span class="tag-hint">暂无标签/关键信息</span>`}
|
|
51
|
-
</div>
|
|
52
|
-
${this["is-edit"]&&!this["is-save"]?e`
|
|
53
|
-
<div style="margin-top:8px">
|
|
54
|
-
<span class="el-link" @click=${()=>this._chooseTag()}>选择</span>
|
|
55
|
-
</div>
|
|
56
|
-
`:""}
|
|
57
|
-
</div>
|
|
58
|
-
</div>
|
|
59
40
|
`:""}_renderCategorySection(){return this["show-category"]?e`
|
|
60
41
|
<div class="flex-items-start section-row">
|
|
61
42
|
<div class="label"><span>分类:</span></div>
|
|
62
43
|
<div style="flex:1">
|
|
63
44
|
${this["is-edit"]?e`
|
|
64
|
-
<select class="el-select" .value=${String(this._categoryId)}
|
|
45
|
+
<select class="el-select" .value=${String(this._categoryId)}
|
|
65
46
|
@change=${e=>this._onCategoryChange(e.target.value)}>
|
|
66
47
|
<option value="">选择分类</option>
|
|
67
48
|
${this["category-list"].map(t=>e`
|
|
@@ -139,38 +120,30 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
|
|
|
139
120
|
</div>
|
|
140
121
|
</div>
|
|
141
122
|
</div>
|
|
142
|
-
`:""}async _save(e){e?.stopImmediatePropagation();const t=this.validate()
|
|
123
|
+
`:""}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?f(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"];return e`
|
|
143
124
|
<div class="preview">
|
|
144
|
-
<div><span class="title">${this["order-index"]+1}.${this.title||""}${t}
|
|
125
|
+
<div><span class="title">${this["order-index"]+1}.${this.title||""}${t}</span></div>
|
|
145
126
|
${this["rich-text-content"]?e`<div class="rich-text" .innerHTML=${this["rich-text-content"]}></div>`:""}
|
|
146
127
|
<div class="preview-answer">
|
|
147
128
|
${s.map((t,s)=>e`
|
|
148
129
|
<label class="radio">
|
|
149
130
|
<input type="${"sort"===this.type?"checkbox":"radio"}" .checked=${!!t.isCorrect} disabled />
|
|
150
131
|
<span class="order">${this._label(s)}.</span> ${t.title}
|
|
151
|
-
${"sort"!==this.type&&t.isCorrect?e`<span class="correct"
|
|
152
|
-
${
|
|
153
|
-
${
|
|
132
|
+
${"sort"!==this.type&&t.isCorrect?e`<span class="correct">(推荐/正确选项)</span>`:""}
|
|
133
|
+
${1===this["exam-answer-relation-type"]&&"sort"!==this.type?e`<span class="correct">(${t.resultItem?"已设置结果项":"未设置结果项"})</span>`:""}
|
|
134
|
+
${2===this["exam-answer-relation-type"]&&"sort"!==this.type?e`<span class="correct">(${Array.isArray(t.answerRelations)&&t.answerRelations.length?`关联了${this._relationLength(t.answerRelations)}项`:"未设置关联"})</span>`:""}
|
|
154
135
|
</label>
|
|
155
136
|
`)}
|
|
156
137
|
</div>
|
|
157
138
|
${this["show-category"]&&this._categoryId?e`<div class="section-row"><span class="value-text">分类:${this["category-list"].find(e=>String(e.categoryId)===String(this._categoryId))?.title||this._categoryId}</span></div>`:""}
|
|
158
|
-
${this._selectedTagList.length&&this["show-tag"]?e`
|
|
159
|
-
<div class="section-row">
|
|
160
|
-
<span class="value-text">标签/关键信息:</span>
|
|
161
|
-
<div class="tag-list" style="margin-top:6px">
|
|
162
|
-
${this._selectedTagList.map(t=>e`<span class="tag-item">${t.tagName}</span>`)}
|
|
163
|
-
</div>
|
|
164
|
-
</div>
|
|
165
|
-
`:""}
|
|
166
139
|
${this["show-resource"]?this._renderResourceSection():""}
|
|
167
140
|
</div>
|
|
168
|
-
`}_renderEdit(){return e`
|
|
141
|
+
`}_renderSorting(){const e=y(this["is-edit"]?this._title:this.title||"")||"未命名题目",t=`${this["order-index"]+1}. ${e}`;return l(t,c[this.type]||this.type)}_renderEdit(){return e`
|
|
169
142
|
<div class="flex-items-start">
|
|
170
143
|
<div class="label"><span>题目:</span></div>
|
|
171
144
|
<div style="flex:1">
|
|
172
145
|
<div class="el-input search-wrap">
|
|
173
|
-
<textarea rows="2" .value=${this._title}
|
|
146
|
+
<textarea rows="2" .value=${this._title}
|
|
174
147
|
maxlength=${this.TITLE_MAX}
|
|
175
148
|
@input=${e=>this._onTitleInput(e)}
|
|
176
149
|
placeholder="【${this._titlePlaceholder}】请输入问题"></textarea>
|
|
@@ -183,8 +156,8 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
|
|
|
183
156
|
${["multiple","sort"].includes(this.type)?e`
|
|
184
157
|
<div class="flex-items-start" style="margin-top:12px">
|
|
185
158
|
<div class="label"><span>设置:</span></div>
|
|
186
|
-
<select class="el-select" .value=${this._leastAnswerCount?String(this._leastAnswerCount)
|
|
187
|
-
@change=${e=>{const t=e.target.value;this._leastAnswerCount=
|
|
159
|
+
<select class="el-select" .value=${null===this._leastAnswerCount?"":String(this._leastAnswerCount)} ?disabled=${this.lockAnswerKey}
|
|
160
|
+
@change=${e=>{const t=e.target.value;this._leastAnswerCount=this._normalizeLeastAnswerCount(t)}}>
|
|
188
161
|
<option value="">至少选择几项</option>
|
|
189
162
|
${Array.from({length:Math.max(0,this._answers.length-1)},(e,t)=>t+2).map(t=>e`
|
|
190
163
|
<option value=${t} ?selected=${this._leastAnswerCount===t}>至少选择${t}项</option>
|
|
@@ -198,7 +171,7 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
|
|
|
198
171
|
<div class="answer-item">
|
|
199
172
|
<span class="label">${this._label(s)}.</span>
|
|
200
173
|
<div class="input">
|
|
201
|
-
<input type="text" .value=${t.title}
|
|
174
|
+
<input type="text" .value=${t.title}
|
|
202
175
|
maxlength=${this.ANSWER_MAX}
|
|
203
176
|
@input=${e=>this._onAnswerInput(e,s)}
|
|
204
177
|
placeholder="选项${this._label(s)}" />
|
|
@@ -209,27 +182,35 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
|
|
|
209
182
|
|
|
210
183
|
${["single","multiple"].includes(this.type)?e`
|
|
211
184
|
<label class="correct ${t.isCorrect?"is-correct":""}">
|
|
212
|
-
<input type="checkbox" .checked=${t.isCorrect} ?disabled=${this
|
|
185
|
+
<input type="checkbox" .checked=${t.isCorrect} ?disabled=${this.lockAnswerKey}
|
|
213
186
|
@change=${e=>this._setCorrect(t,e.target.checked)} />
|
|
214
|
-
|
|
187
|
+
推荐/正确选项
|
|
215
188
|
</label>
|
|
216
189
|
`:""}
|
|
217
190
|
|
|
218
|
-
<span class="icon
|
|
191
|
+
<span class="icon"
|
|
219
192
|
@click=${()=>this._addAnswer(s)}>
|
|
220
|
-
${
|
|
193
|
+
${m}
|
|
221
194
|
</span>
|
|
222
|
-
<span class="icon ${this
|
|
195
|
+
<span class="icon ${this._answers.length<3?"disabled":""}"
|
|
223
196
|
@click=${()=>this._deleteAnswer(s)}>
|
|
224
|
-
${
|
|
197
|
+
${g}
|
|
225
198
|
</span>
|
|
226
199
|
|
|
227
200
|
${1===this["exam-answer-relation-type"]&&"sort"!==this.type?e`
|
|
228
|
-
<
|
|
201
|
+
<slot name=${this._resultSlotName(s)}>
|
|
202
|
+
<button class="el-link" @click=${()=>this._emitEditResultItem(t,s)}>
|
|
203
|
+
${t.resultItem?"编辑结果":"添加结果"}
|
|
204
|
+
</button>
|
|
205
|
+
</slot>
|
|
229
206
|
`:""}
|
|
207
|
+
|
|
230
208
|
${2===this["exam-answer-relation-type"]&&"sort"!==this.type?e`
|
|
231
|
-
<
|
|
209
|
+
<button class="el-link" @click=${()=>this._setRelation(t,s)}>
|
|
210
|
+
${Array.isArray(t.answerRelations)&&t.answerRelations.length?`关联了${this._relationLength(t.answerRelations)}项`:"关联检查"}
|
|
211
|
+
</button>
|
|
232
212
|
`:""}
|
|
213
|
+
|
|
233
214
|
</div>
|
|
234
215
|
`)}
|
|
235
216
|
</div>
|
|
@@ -239,21 +220,21 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
|
|
|
239
220
|
<div class="label"><span>排序答案:</span></div>
|
|
240
221
|
<div style="flex:1">
|
|
241
222
|
<div class="multi-select-wrapper">
|
|
242
|
-
<div class="multi-select ${this._sortDropdownOpen?"focused":""} ${this
|
|
243
|
-
@click=${()=>{this
|
|
223
|
+
<div class="multi-select ${this._sortDropdownOpen?"focused":""} ${this.lockAnswerKey?"disabled":""}"
|
|
224
|
+
@click=${()=>{this.lockAnswerKey||(this._sortDropdownOpen=!this._sortDropdownOpen,this.requestUpdate())}}>
|
|
244
225
|
${this._orderList.length>0?this._orderList.map(t=>e`
|
|
245
226
|
<span class="tag">
|
|
246
227
|
${t}
|
|
247
|
-
<span class="tag-close" @click=${e=>{e.stopPropagation(),this._removeSortItem(t)}}>✕</span>
|
|
228
|
+
<span class="tag-close" @click=${e=>{this.lockAnswerKey||(e.stopPropagation(),this._removeSortItem(t))}}>✕</span>
|
|
248
229
|
</span>
|
|
249
230
|
`):e`<span class="placeholder">请按顺序选择排序答案</span>`}
|
|
250
|
-
<span class="arrow">${
|
|
231
|
+
<span class="arrow">${w}</span>
|
|
251
232
|
</div>
|
|
252
233
|
${this._sortDropdownOpen?e`
|
|
253
234
|
<div class="multi-select-dropdown">
|
|
254
235
|
${this._answers.map((t,s)=>e`
|
|
255
236
|
<div class="multi-select-option ${this._orderList.includes(this._label(s))?"selected":""}"
|
|
256
|
-
@click=${()=>{this._toggleSortItem(this._label(s)),this.requestUpdate()}}>
|
|
237
|
+
@click=${()=>{this.lockAnswerKey||(this._toggleSortItem(this._label(s)),this.requestUpdate())}}>
|
|
257
238
|
${this._label(s)}
|
|
258
239
|
</div>
|
|
259
240
|
`)}
|
|
@@ -264,7 +245,7 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
|
|
|
264
245
|
</div>
|
|
265
246
|
`:""}
|
|
266
247
|
|
|
267
|
-
|
|
248
|
+
<slot name="business-tag"></slot>
|
|
268
249
|
|
|
269
250
|
${this._renderCategorySection()}
|
|
270
251
|
|
|
@@ -274,14 +255,16 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
|
|
|
274
255
|
|
|
275
256
|
${this._showRichText?e`
|
|
276
257
|
<div class="flex-items-start" style="margin-top:12px">
|
|
277
|
-
<div class="label"><span
|
|
258
|
+
<div class="label"><span>副文本:</span></div>
|
|
278
259
|
<div style="flex:1">
|
|
279
|
-
<
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
260
|
+
<slot name="sub-text">
|
|
261
|
+
<qxs-blocksuite-editor
|
|
262
|
+
.content=${this._richText}
|
|
263
|
+
.upload-image=${this["upload-image"]}
|
|
264
|
+
?is-edit=${!0}
|
|
265
|
+
@input=${e=>{this._richText=e.target.getContent()}}
|
|
266
|
+
></qxs-blocksuite-editor>
|
|
267
|
+
</slot>
|
|
285
268
|
${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>`}
|
|
286
269
|
</div>
|
|
287
270
|
</div>
|
|
@@ -297,39 +280,31 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
|
|
|
297
280
|
</div>
|
|
298
281
|
</div>
|
|
299
282
|
`:""}
|
|
300
|
-
`}render(){return e`
|
|
283
|
+
`}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`
|
|
301
284
|
<qxs-subject-layout .show-edit=${this["is-edit"]}>
|
|
302
|
-
|
|
303
|
-
<div slot="edit">${this._renderEdit()}</div>
|
|
285
|
+
${t}
|
|
304
286
|
${this["show-action"]?e`
|
|
305
287
|
<qxs-subject-action
|
|
306
288
|
.is-edit=${this["is-edit"]}
|
|
307
289
|
.is-set=${this["is-set"]}
|
|
308
|
-
.is-key=${this._isKey}
|
|
309
290
|
.show-add=${this["show-add"]}
|
|
310
|
-
.show-answer-setting=${["single","multiple","sort"].includes(this.type)}
|
|
311
|
-
.show-key=${this["show-key"]&&["single","multiple","sort"].includes(this.type)}
|
|
312
291
|
.show-rich-text=${this._showRichText}
|
|
313
292
|
.show-jump=${this["show-jump"]}
|
|
314
|
-
answer-check-type=${this._answerCheckType}
|
|
315
|
-
exam-answer-relation-type=${this["exam-answer-relation-type"]}
|
|
316
293
|
@delete=${()=>this._emit("delete")}
|
|
317
294
|
@save=${this._save}
|
|
318
295
|
@edit=${()=>this._emit("edit")}
|
|
319
296
|
@move=${e=>this._emit("move",e.detail)}
|
|
320
297
|
@jump=${()=>this._emit("jump",{customId:this["custom-id"]||"",examId:this["exam-id"]||0,answerType:this.type})}
|
|
321
298
|
@add=${e=>this._emit("add",e.detail)}
|
|
322
|
-
@set-key=${e=>{this._isKey=e.detail.value,this._emit("set-key",e.detail)}}
|
|
323
|
-
@set-answer-setting=${e=>{this._answerCheckType=e.detail.value}}
|
|
324
299
|
@on-show-rich-text=${()=>{this._showRichText=!this._showRichText,this._showRichText||(this._richText="")}}
|
|
325
300
|
></qxs-subject-action>
|
|
326
301
|
`:""}
|
|
327
302
|
</qxs-subject-layout>
|
|
328
|
-
${this._renderResultDialog()}
|
|
329
303
|
${this._renderCorrectHintDialog()}
|
|
304
|
+
${this._renderChangeTypeDialog()}
|
|
330
305
|
${this._renderImageViewer()}
|
|
331
306
|
${this._renderVideoViewer()}
|
|
332
|
-
`}};
|
|
307
|
+
`}};v.styles=[n,t`
|
|
333
308
|
:host { display: block; font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 12px; color: #5a5a5a; }
|
|
334
309
|
*, ::before, ::after { box-sizing: border-box; }
|
|
335
310
|
|
|
@@ -419,7 +394,7 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
|
|
|
419
394
|
|
|
420
395
|
.sort-badge { font-weight: bold; color: #3D61E3; margin-left: 10px; }
|
|
421
396
|
|
|
422
|
-
.el-link { color: #3D61E3; cursor: pointer; font-size: 12px; }
|
|
397
|
+
.el-link { color: #3D61E3; cursor: pointer; font-size: 12px; background: none; border: none; padding: 0; margin: 0; font-family: inherit; }
|
|
423
398
|
.el-link:hover { color: #2D4CB8; }
|
|
424
399
|
.el-link.danger { color: #f56c6c; }
|
|
425
400
|
|
|
@@ -519,5 +494,31 @@ import{html as e,css as t,LitElement as s}from"lit";import{property as i,state a
|
|
|
519
494
|
.modal-footer button:hover { color: #3D61E3; border-color: #a0cfff; }
|
|
520
495
|
.modal-footer button.primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }
|
|
521
496
|
.modal-footer button.primary:hover { background: #2D4CB8; border-color: #2D4CB8; }
|
|
522
|
-
|
|
497
|
+
.correct-hint-dialog { width: 520px; max-width: min(90vw, 520px); }
|
|
498
|
+
.correct-hint-dialog .modal-header { padding: 18px 20px 14px; }
|
|
499
|
+
.correct-hint-dialog .modal-title { font-size: 16px; font-weight: 700; color: #303133; }
|
|
500
|
+
.correct-hint-dialog .modal-close { display: none; }
|
|
501
|
+
.correct-hint-dialog .modal-body {
|
|
502
|
+
padding: 32px 28px 20px;
|
|
503
|
+
font-size: 14px;
|
|
504
|
+
line-height: 1.8;
|
|
505
|
+
color: #303133;
|
|
506
|
+
text-align: center;
|
|
507
|
+
}
|
|
508
|
+
.correct-hint-copy { max-width: 420px; margin: 0 auto; }
|
|
509
|
+
.correct-hint-highlight { color: #4c6fff; }
|
|
510
|
+
.correct-hint-dialog .modal-footer {
|
|
511
|
+
justify-content: center;
|
|
512
|
+
gap: 12px;
|
|
513
|
+
padding: 0 28px 28px;
|
|
514
|
+
border-top: none;
|
|
515
|
+
}
|
|
516
|
+
.correct-hint-dialog .modal-footer button {
|
|
517
|
+
min-width: 120px;
|
|
518
|
+
height: 36px;
|
|
519
|
+
padding: 0 18px;
|
|
520
|
+
font-size: 14px;
|
|
521
|
+
border-radius: 4px;
|
|
522
|
+
}
|
|
523
|
+
`],p([i({type:Number,attribute:"order-index"})],v.prototype,"order-index",2),p([i({type:Boolean,attribute:"is-edit"})],v.prototype,"is-edit",2),p([i({type:Boolean,attribute:"is-save"})],v.prototype,"is-save",2),p([i({type:Boolean,attribute:"is-set"})],v.prototype,"is-set",2),p([i({type:Boolean,attribute:"is-set-correct-answer"})],v.prototype,"is-set-correct-answer",2),p([i({type:Boolean,attribute:"lock-answer-key"})],v.prototype,"lockAnswerKey",2),p([i({type:Boolean,attribute:"is-key"})],v.prototype,"is-key",2),p([i({type:Boolean,attribute:"show-action"})],v.prototype,"show-action",2),p([i({type:Boolean,attribute:"show-add"})],v.prototype,"show-add",2),p([i({type:Boolean,reflect:!0})],v.prototype,"sorting",2),p([i({type:Boolean,attribute:"show-answer-setting"})],v.prototype,"show-answer-setting",2),p([i({type:Boolean,attribute:"show-key"})],v.prototype,"show-key",2),p([i({type:Boolean,attribute:"show-analysis"})],v.prototype,"show-analysis",2),p([i({attribute:"question-type",reflect:!0})],v.prototype,"type",2),p([i({type:Number,attribute:"answer-check-type"})],v.prototype,"answer-check-type",2),p([i({type:Number,attribute:"exam-answer-relation-type"})],v.prototype,"exam-answer-relation-type",2),p([i({type:String,attribute:"rich-text-content"})],v.prototype,"rich-text-content",2),p([i({type:String})],v.prototype,"analysis",2),p([i({type:Number,attribute:"least-answer-count"})],v.prototype,"least-answer-count",2),p([i({type:String,attribute:"exam-expand"})],v.prototype,"exam-expand",2),p([i({type:String,attribute:"custom-id"})],v.prototype,"custom-id",2),p([i({type:Number,attribute:"exam-id"})],v.prototype,"exam-id",2),p([i({type:String,attribute:"category-id"})],v.prototype,"category-id",2),p([i({type:Object,attribute:"upload-image"})],v.prototype,"upload-image",2),p([i({type:Array,attribute:"answer-list"})],v.prototype,"answer-list",1),p([i({type:Array,attribute:"tag-list"})],v.prototype,"tag-list",2),p([i({type:Array,attribute:"category-list"})],v.prototype,"category-list",2),p([i({type:String,attribute:"ai-answer"})],v.prototype,"ai-answer",2),p([i({type:Array,attribute:"resource-list"})],v.prototype,"resource-list",2),p([i({type:Boolean,attribute:"show-tag"})],v.prototype,"show-tag",2),p([i({type:Boolean,attribute:"show-category"})],v.prototype,"show-category",2),p([i({type:Boolean,attribute:"show-ai"})],v.prototype,"show-ai",2),p([i({type:Boolean,attribute:"show-resource"})],v.prototype,"show-resource",2),p([i({type:Boolean,attribute:"show-jump"})],v.prototype,"show-jump",2),p([i({type:Boolean,attribute:"has-jump"})],v.prototype,"has-jump",2),p([i({type:String,attribute:"search-api"})],v.prototype,"search-api",2),p([i({type:Object,attribute:"search-handler"})],v.prototype,"search-handler",2),p([i({type:String,attribute:"model-value"})],v.prototype,"model-value",2),p([i({type:Boolean,attribute:"use-model"})],v.prototype,"use-model",2),p([r()],v.prototype,"_answers",2),p([i({type:String})],v.prototype,"title",2),p([r()],v.prototype,"_title",2),p([r()],v.prototype,"_analysis",2),p([r()],v.prototype,"_richText",2),p([r()],v.prototype,"_showRichText",2),p([r()],v.prototype,"_leastAnswerCount",2),p([r()],v.prototype,"_answerCheckType",2),p([r()],v.prototype,"_isKey",2),p([r()],v.prototype,"_orderList",2),p([r()],v.prototype,"_selectedTagList",2),p([r()],v.prototype,"_categoryId",2),p([r()],v.prototype,"_searchResults",2),p([r()],v.prototype,"_searchOpen",2),p([r()],v.prototype,"_searchLoading",2),p([r()],v.prototype,"_sortDropdownOpen",2),p([r()],v.prototype,"_imageViewerOpen",2),p([r()],v.prototype,"_imageViewerIndex",2),p([r()],v.prototype,"_videoViewerOpen",2),p([r()],v.prototype,"_correctHintDialogOpen",2),p([r()],v.prototype,"_hasShownCorrectHint",2),p([r()],v.prototype,"_changeTypeDialogOpen",2),v=p([o("qxs-subject-single")],v);export{v as QxsSubjectSingle,u as SubjectError,_ as trimCommaSeparatedText,y as trimText};
|
|
523
524
|
//# sourceMappingURL=single.mjs.map
|