@qxs-bns/components-wc 0.0.26 → 0.0.28
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 +442 -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 +19 -13
- 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/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 +58 -34
- package/es/subject/scale.mjs.map +1 -1
- package/es/subject/single.mjs +72 -42
- 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 +43 -37
- 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 +434 -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 +19 -13
- 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/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 +53 -29
- package/lib/subject/scale.cjs.map +1 -1
- package/lib/subject/single.cjs +72 -42
- 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 +18 -12
- 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
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{html as t,css as e,LitElement as i}from"lit";import{property as s,state as r}from"lit/decorators.js";import{safeCustomElement as a}from"../base/define.mjs";import{SubjectError as
|
|
1
|
+
import{html as t,css as e,LitElement as i}from"lit";import{property as s,state as r}from"lit/decorators.js";import{safeCustomElement as a}from"../base/define.mjs";import{trimCommaSeparatedText as o,trimText as n,SubjectError as l}from"./single.mjs";import{sortingCardStyles as p,renderSortingCard as h}from"./sorting-card.mjs";import{SubjectType as d,SubjectTypeLabel as c}from"./types.mjs";var g=Object.defineProperty,x=Object.getOwnPropertyDescriptor,u=(t,e,i,s)=>{for(var r,a=s>1?void 0:s?x(e,i):e,o=t.length-1;o>=0;o--)(r=t[o])&&(a=(s?r(e,i,a):r(a))||a);return s&&a&&g(e,i,a),a};const y=t`
|
|
2
2
|
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
|
|
3
3
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
4
4
|
<line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/>
|
|
5
|
-
</svg>`;let
|
|
5
|
+
</svg>`;let m=class extends i{constructor(){super(...arguments),this["order-index"]=0,this.title="",this["custom-id"]="",this["is-edit"]=!1,this["is-save"]=!1,this["is-set"]=!1,this["is-key"]=!1,this["show-action"]=!0,this["show-add"]=!0,this.sorting=!1,this["show-answer-setting"]=!1,this["show-analysis"]=!0,this["rich-text-content"]="",this.analysis="",this["exam-answer-relation-type"]=0,this["exam-expand"]="",this["exam-id"]=0,this["category-id"]="",this["exam-answer-setting"]={isInOrder:!1,isIgnoreCase:!0},this["upload-image"]=async t=>new Promise((e,i)=>{const s=new FileReader;s.onload=t=>e(t.target?.result),s.onerror=i,s.readAsDataURL(t)}),this["answer-list"]=[],this["tag-list"]=[],this["category-list"]=[],this["resource-list"]=[],this["show-tag"]=!1,this["show-category"]=!1,this["show-resource"]=!1,this["model-value"]="",this["use-model"]=!1,this._title="",this._analysis="",this._answers=[{title:"",tag:"",showInput:!1}],this._isInOrder=!1,this._isIgnoreCase=!0,this._showRichText=!1,this._richText="",this._selectedTagList=[],this._categoryId="",this.TITLE_MAX=400}willUpdate(t){t.has("is-edit")&&this["is-edit"]&&this._syncProps(),!this["is-edit"]&&(t.has("title")||t.has("answer-list")||t.has("analysis")||t.has("exam-answer-setting")||t.has("rich-text-content")||t.has("tag-list")||t.has("category-id"))&&this._syncProps(),t.has("model-value")&&this["use-model"]&&(this._title=this["model-value"].replaceAll(/<filter><\/filter>/g," ______")),t.has("tag-list")&&(this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(t=>({...t})):[]),t.has("category-id")&&(this._categoryId=this["category-id"]?String(this["category-id"]):"")}_normalizeAnswerTitle(t){return o(t?.title??t?.answer??"")}_syncProps(){if(this._title=(this.title||"").replaceAll(/<filter><\/filter>/g," ______"),this._analysis=this.analysis||"",this["answer-list"]?.length)this._answers=this["answer-list"].map(t=>({title:this._normalizeAnswerTitle(t),tag:"",showInput:!1,answerId:t?.answerId??t?.examAnswerId}));else{const t=(this._title.match(/ ______/g)||[]).length;this._answers=Array.from({length:t},()=>({title:"",tag:"",showInput:!1}))}this["exam-answer-setting"]&&(this._isInOrder=!!this["exam-answer-setting"].isInOrder,this._isIgnoreCase=!!this["exam-answer-setting"].isIgnoreCase),this._richText=this["rich-text-content"]||"",this._showRichText=!!this["rich-text-content"],this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(t=>({...t})):[],this._categoryId=this["category-id"]?String(this["category-id"]):""}_emit(t,e){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:e??null}))}_addBlank(){this._title+=" ______",this._answers=[...this._answers,{title:"",tag:"",showInput:!1}],this.requestUpdate(),this._emitModelUpdate()}_onTitleInput(t){const e=t.target;e.value.length>this.TITLE_MAX&&(e.value=e.value.slice(0,this.TITLE_MAX)),this._title=e.value;const i=(this._title.match(/ ______/g)||[]).length;if(i!==this._answers.length)if(i>this._answers.length)for(let t=this._answers.length;t<i;t++)this._answers=[...this._answers,{title:"",tag:"",showInput:!1}];else this._answers=this._answers.slice(0,i);this._emitModelUpdate()}_emitModelUpdate(){if(this["use-model"]){const t=this._title.replaceAll(/ ______/g,"<filter></filter>");this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail:t}))}}_handleAddTag(t){t.showInput=!1,t.tag&&(t.title=t.title?[t.title,t.tag].join(","):t.tag,t.tag=""),this.requestUpdate()}_closeTag(t,e){if(!t)return;const i=e.title.split(","),s=i.findIndex(e=>e===t);s>-1&&(i.splice(s,1),e.title=i.join(",")),this.requestUpdate()}_onCategoryChange(t){this._categoryId=t,this._emit("category-change",{value:t,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_imageResources(){return(this["resource-list"]||[]).filter(t=>1===t.resourceType).map(t=>t.resource.middle||t.resource.url).filter(Boolean)}_videoResource(){return(this["resource-list"]||[]).find(t=>2===t.resourceType)?.resource||null}_categoryLabel(){const t=this["category-list"].find(t=>String(t.categoryId)===String(this._categoryId));return t?.title||t?.categoryName||this._categoryId||"未选择分类"}async toJSON(){return new Promise((t,e)=>{const i={customId:this["custom-id"]||void 0,answerType:"blank_fill",orderIndex:this["order-index"]},s=n(this["is-edit"]?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||""),r=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t),answerId:t?.answerId??t?.examAnswerId})),a=n(this["is-edit"]?this._analysis:this.analysis||""),o=this["is-edit"]?this._isInOrder:this["exam-answer-setting"]?.isInOrder??!1,p=this["is-edit"]?this._isIgnoreCase:this["exam-answer-setting"]?.isIgnoreCase??!0,h=this["is-edit"]?this._showRichText:!!this["rich-text-content"],c=this["is-edit"]?this._richText:this["rich-text-content"]||"",g=r.filter(t=>this._normalizeAnswerTitle(t));if(!s)return void e(new l("题目标题不能为空!","EMPTY_TITLE","title",i));if(r.length<1)return void e(new l("至少添加一个填空符!","NO_BLANK","answers",i));const x={answerType:d.BLANK_FILL,examTypeEnum:d.BLANK_FILL,title:s.replaceAll(/ ______/g,"<filter></filter>"),answers:g.map((t,e)=>{const i=this._normalizeAnswerTitle(t),s={title:i,answer:i,isCorrect:!0,orderIndex:e+1};return t.answerId&&(s.answerId=t.answerId,s.examAnswerId=t.answerId),s}),analysis:a,isSetCorrectAnswer:g.length>0,isKey:this["is-key"],examAnswerSettingBO:{isIgnoreCase:p,isInOrder:o},examAnswerSettingVO:{isIgnoreCase:p,isInOrder:o},examRichTextContent:h?c:""};this["custom-id"]&&(x.customId=this["custom-id"]),t(x)})}async _save(t){t?.stopImmediatePropagation();try{const t=await this.toJSON();this._emit("save",t)}catch(t){!function(t){const e=document.createElement("div");e.textContent=t,Object.assign(e.style,{position:"fixed",top:"20px",left:"50%",transform:"translateX(-50%)",padding:"10px 20px",borderRadius:"4px",fontSize:"13px",color:"#fff",background:"#f56c6c",zIndex:"99999",boxShadow:"0 4px 12px rgba(0,0,0,.15)",transition:"opacity .3s",opacity:"1"}),document.body.appendChild(e),setTimeout(()=>{e.style.opacity="0",setTimeout(()=>e.remove(),300)},2500)}(t.message)}}validate(){const t=[],e={customId:this["custom-id"]||void 0,answerType:"blank_fill",orderIndex:this["order-index"]},i=n(this["is-edit"]?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||""),s=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t)}));return i||t.push(new l("题目标题不能为空!","EMPTY_TITLE","title",e)),s.length<1&&t.push(new l("至少添加一个填空符!","NO_BLANK","answers",e)),t}_renderPreview(){const e=this.title.replaceAll(/<filter><\/filter>/g," ______"),i=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t)}));return t`
|
|
6
6
|
<div class="preview">
|
|
7
7
|
<span class="title">${this["order-index"]+1}.${e}(填空题)</span>
|
|
8
8
|
${this["rich-text-content"]?t`<div class="rich-text" .innerHTML=${this["rich-text-content"]}></div>`:""}
|
|
@@ -45,7 +45,7 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
|
|
|
45
45
|
${e.length||i?.url?"":t`<div class="tag-hint">暂无资源</div>`}
|
|
46
46
|
</div>
|
|
47
47
|
</div>
|
|
48
|
-
`}_renderEdit(){return t`
|
|
48
|
+
`}_renderSorting(){const t=n(this["is-edit"]?this._title:this.title||"")||"未命名题目",e=`${this["order-index"]+1}. ${t}`;return h(e,c[d.BLANK_FILL]||d.BLANK_FILL)}_renderEdit(){return t`
|
|
49
49
|
<div class="flex flex-items-start">
|
|
50
50
|
<div class="label"><span>题目:</span></div>
|
|
51
51
|
<div style="flex:1">
|
|
@@ -101,7 +101,7 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
|
|
|
101
101
|
@blur=${()=>this._handleAddTag(e)} />
|
|
102
102
|
`:t`
|
|
103
103
|
<span class="el-button--small" @click=${()=>{e.showInput=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.shadowRoot?.querySelector(".el-input--small")?.focus()})}}>
|
|
104
|
-
${
|
|
104
|
+
${y}
|
|
105
105
|
<span>${e.title?"添加同义词":"添加答案"}</span>
|
|
106
106
|
</span>
|
|
107
107
|
`}
|
|
@@ -112,13 +112,16 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
|
|
|
112
112
|
|
|
113
113
|
${this._showRichText?t`
|
|
114
114
|
<div class="flex flex-items-start" style="margin-top:12px">
|
|
115
|
-
<div class="label"><span
|
|
115
|
+
<div class="label"><span>副文本:</span></div>
|
|
116
116
|
<div style="flex:1">
|
|
117
|
-
<
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
117
|
+
<slot name="sub-text">
|
|
118
|
+
<qxs-blocksuite-editor
|
|
119
|
+
.content=${this._richText}
|
|
120
|
+
.upload-image=${this["upload-image"]}
|
|
121
|
+
?is-edit=${!0}
|
|
122
|
+
@input=${t=>{this._richText=t.target.getContent()}}
|
|
123
|
+
></qxs-blocksuite-editor>
|
|
124
|
+
</slot>
|
|
122
125
|
${this["show-action"]?"":t`
|
|
123
126
|
<div class="flex flex-justify-end" style="margin-top:8px">
|
|
124
127
|
<span class="el-link" style="color:#f56c6c" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span>
|
|
@@ -140,7 +143,7 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
|
|
|
140
143
|
</div>
|
|
141
144
|
</div>
|
|
142
145
|
`:""}
|
|
143
|
-
`}render(){const e=this["is-edit"]?t`<div slot="edit">${this._renderEdit()}</div>`:t`<div slot="preview">${this._renderPreview()}</div>`;return t`
|
|
146
|
+
`}render(){if(this.sorting)return this._renderSorting();const e=this["is-edit"]?t`<div slot="edit">${this._renderEdit()}</div>`:t`<div slot="preview">${this._renderPreview()}</div>`;return t`
|
|
144
147
|
<qxs-subject-layout .show-edit=${this["is-edit"]}>
|
|
145
148
|
${e}
|
|
146
149
|
${this["show-action"]?t`
|
|
@@ -159,7 +162,7 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
|
|
|
159
162
|
></qxs-subject-action>
|
|
160
163
|
`:""}
|
|
161
164
|
</qxs-subject-layout>
|
|
162
|
-
`}};
|
|
165
|
+
`}};m.styles=[p,e`
|
|
163
166
|
:host { display: block; font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 12px; color: #5a5a5a; }
|
|
164
167
|
*, ::before, ::after { box-sizing: border-box; }
|
|
165
168
|
|
|
@@ -167,6 +170,9 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
|
|
|
167
170
|
.preview .title { font-size: 14px; color: #303133; }
|
|
168
171
|
.preview .rich-text { margin-top: 8px; }
|
|
169
172
|
.preview .rich-text img { max-width: 100%; }
|
|
173
|
+
.preview .rich-text img[data-align="left"] { display: block !important; margin: 0 auto 0 0 !important; }
|
|
174
|
+
.preview .rich-text img[data-align="center"] { display: block !important; margin: 0 auto !important; }
|
|
175
|
+
.preview .rich-text img[data-align="right"] { display: block !important; margin: 0 0 0 auto !important; }
|
|
170
176
|
.preview .content { color: #a8abb2; margin-top: 10px; }
|
|
171
177
|
|
|
172
178
|
.flex { display: flex; }
|
|
@@ -260,5 +266,5 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
|
|
|
260
266
|
width: 72px; height: 72px; object-fit: cover; border-radius: 6px;
|
|
261
267
|
border: 1px solid #e4e7ed; background: #f5f7fa;
|
|
262
268
|
}
|
|
263
|
-
|
|
269
|
+
`],u([s({type:Number,attribute:"order-index"})],m.prototype,"order-index",2),u([s({type:String})],m.prototype,"title",2),u([s({type:String,attribute:"custom-id"})],m.prototype,"custom-id",2),u([s({type:Boolean,attribute:"is-edit"})],m.prototype,"is-edit",2),u([s({type:Boolean,attribute:"is-save"})],m.prototype,"is-save",2),u([s({type:Boolean,attribute:"is-set"})],m.prototype,"is-set",2),u([s({type:Boolean,attribute:"is-key"})],m.prototype,"is-key",2),u([s({type:Boolean,attribute:"show-action"})],m.prototype,"show-action",2),u([s({type:Boolean,attribute:"show-add"})],m.prototype,"show-add",2),u([s({type:Boolean,reflect:!0})],m.prototype,"sorting",2),u([s({type:Boolean,attribute:"show-answer-setting"})],m.prototype,"show-answer-setting",2),u([s({type:Boolean,attribute:"show-analysis"})],m.prototype,"show-analysis",2),u([s({type:String,attribute:"rich-text-content"})],m.prototype,"rich-text-content",2),u([s({type:String})],m.prototype,"analysis",2),u([s({type:Number,attribute:"exam-answer-relation-type"})],m.prototype,"exam-answer-relation-type",2),u([s({type:String,attribute:"exam-expand"})],m.prototype,"exam-expand",2),u([s({type:Number,attribute:"exam-id"})],m.prototype,"exam-id",2),u([s({type:String,attribute:"category-id"})],m.prototype,"category-id",2),u([s({type:Object,attribute:"exam-answer-setting"})],m.prototype,"exam-answer-setting",2),u([s({type:Object,attribute:"upload-image"})],m.prototype,"upload-image",2),u([s({type:Array,attribute:"answer-list"})],m.prototype,"answer-list",2),u([s({type:Array,attribute:"tag-list"})],m.prototype,"tag-list",2),u([s({type:Array,attribute:"category-list"})],m.prototype,"category-list",2),u([s({type:Array,attribute:"resource-list"})],m.prototype,"resource-list",2),u([s({type:Boolean,attribute:"show-tag"})],m.prototype,"show-tag",2),u([s({type:Boolean,attribute:"show-category"})],m.prototype,"show-category",2),u([s({type:Boolean,attribute:"show-resource"})],m.prototype,"show-resource",2),u([s({type:String,attribute:"model-value"})],m.prototype,"model-value",2),u([s({type:Boolean,attribute:"use-model"})],m.prototype,"use-model",2),u([r()],m.prototype,"_title",2),u([r()],m.prototype,"_analysis",2),u([r()],m.prototype,"_answers",2),u([r()],m.prototype,"_isInOrder",2),u([r()],m.prototype,"_isIgnoreCase",2),u([r()],m.prototype,"_showRichText",2),u([r()],m.prototype,"_richText",2),u([r()],m.prototype,"_selectedTagList",2),u([r()],m.prototype,"_categoryId",2),m=u([a("qxs-blank-fill")],m);export{m as QxsBlankFill};
|
|
264
270
|
//# sourceMappingURL=blank-fill.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blank-fill.mjs","sources":["../../../../packages/components-wc/src/subject/blank-fill.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\nimport { type Category, type Resource, SubjectError, type TagItem } from './single'\nimport { SubjectType } from './types'\n\ninterface BlankAnswer {\n title: string\n tag: string\n showInput: boolean\n answerId?: string | number\n}\n\nconst iconPlus = html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"\n stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/>\n </svg>`\n\nfunction showToast(msg: string) {\n const el = document.createElement('div')\n el.textContent = msg\n Object.assign(el.style, {\n position: 'fixed', top: '20px', left: '50%', transform: 'translateX(-50%)',\n padding: '10px 20px', borderRadius: '4px', fontSize: '13px', color: '#fff',\n background: '#f56c6c', zIndex: '99999', boxShadow: '0 4px 12px rgba(0,0,0,.15)',\n transition: 'opacity .3s', opacity: '1',\n })\n document.body.appendChild(el)\n setTimeout(() => { el.style.opacity = '0'; setTimeout(() => el.remove(), 300) }, 2500)\n}\n\n@safeCustomElement('qxs-blank-fill')\nexport class QxsBlankFill extends LitElement {\n static styles = css`\n :host { display: block; font-family: system-ui, -apple-system, \"PingFang SC\", \"Microsoft YaHei\", sans-serif; font-size: 12px; color: #5a5a5a; }\n *, ::before, ::after { box-sizing: border-box; }\n\n .preview { padding: 12px 0; }\n .preview .title { font-size: 14px; color: #303133; }\n .preview .rich-text { margin-top: 8px; }\n .preview .rich-text img { max-width: 100%; }\n .preview .content { color: #a8abb2; margin-top: 10px; }\n\n .flex { display: flex; }\n .flex-wrap { flex-wrap: wrap; }\n .flex-items-center { display: flex; align-items: center; }\n .flex-items-start { display: flex; align-items: flex-start; }\n .flex-justify-end { display: flex; justify-content: flex-end; }\n .label { min-width: 70px; font-size: 13px; color: #606266; }\n\n textarea {\n border: 1px solid #dcdfe6; border-radius: 3px; padding: 5px 11px;\n font-size: 13px; font-family: inherit; width: 100%; resize: none; transition: border-color .2s;\n line-height: 1.5; display: block; box-sizing: border-box;\n }\n textarea:focus { border-color: #3D61E3; outline: none; }\n textarea:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }\n .el-input { position: relative; display: block; }\n .el-input textarea { padding-bottom: 24px; }\n .el-input .char-counter {\n position: absolute; right: 12px; bottom: 8px;\n font-size: 12px; color: #909399; line-height: 1; pointer-events: none;\n }\n\n .el-tag {\n display: inline-flex; align-items: center; height: 24px; padding: 0 9px;\n font-size: 12px; line-height: 1; color: #3D61E3; background: #ecf5ff;\n border: 1px solid #d9ecff; border-radius: 4px; white-space: nowrap;\n }\n .el-tag .el-tag__close {\n display: inline-flex; align-items: center; justify-content: center;\n margin-left: 4px; width: 16px; height: 16px; border-radius: 50%;\n font-size: 12px; color: #909399; cursor: pointer; transition: all .2s;\n }\n .el-tag .el-tag__close:hover { background: #909399; color: #fff; }\n\n .el-button--small {\n display: inline-flex; align-items: center; gap: 4px;\n height: 24px; padding: 0 10px; font-size: 12px; line-height: 1;\n border: 1px solid #dcdfe6; border-radius: 3px; background: #fff; color: #606266;\n cursor: pointer; transition: all .2s; white-space: nowrap;\n }\n .el-button--small:hover { color: #3D61E3; border-color: #c6e2ff; background-color: #ecf5ff; }\n\n .el-link { color: #3D61E3; cursor: pointer; font-size: 12px; text-decoration: none; }\n .el-link:hover { color: #2D4CB8; }\n .el-link.is-disabled { color: #c0c4cc; cursor: not-allowed; }\n\n .el-input--small { width: 80px; }\n .el-input--small input {\n height: 24px; padding: 0 8px; font-size: 12px; line-height: 24px;\n border: 1px solid #dcdfe6; border-radius: 3px; width: 100%;\n }\n .el-input--small input:focus { border-color: #3D61E3; outline: none; }\n\n .el-checkbox {\n display: inline-flex; align-items: center; gap: 6px; cursor: pointer;\n font-size: 13px; color: #606266; user-select: none; margin-right: 16px;\n }\n .el-checkbox input[type=\"checkbox\"] {\n width: 14px; height: 14px; cursor: pointer; accent-color: #3D61E3;\n }\n\n .answer-item { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }\n .answer-item .label { min-width: 70px; padding-top: 0; color: #909399; }\n .answer-tags { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; flex: 1; }\n\n .section-row { margin-top: 12px; }\n .value-text { font-size: 13px; color: #606266; white-space: pre-wrap; }\n .tag-list { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 32px; }\n .tag-item {\n display: inline-flex; align-items: center; gap: 4px;\n padding: 4px 8px; font-size: 12px; line-height: 1;\n color: #3D61E3; background: #ecf5ff; border: 1px solid #d9ecff; border-radius: 4px;\n }\n .tag-item .close { cursor: pointer; color: #909399; }\n .tag-item .close:hover { color: #f56c6c; }\n .tag-hint { font-size: 12px; color: #909399; }\n\n .el-select {\n width: 150px; height: 32px; border: 1px solid #dcdfe6; border-radius: 3px;\n padding: 0 8px; font-size: 13px; background: #fff; appearance: none;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c0c4cc' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E\");\n background-repeat: no-repeat; background-position: right 8px center;\n }\n .el-select:focus { border-color: #3D61E3; outline: none; }\n .el-select:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }\n\n .resource-summary { font-size: 12px; color: #606266; }\n .resource-thumbs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }\n .resource-thumb {\n width: 72px; height: 72px; object-fit: cover; border-radius: 6px;\n border: 1px solid #e4e7ed; background: #f5f7fa;\n }\n `\n\n @property({ type: Number, attribute: 'order-index' }) 'order-index' = 0\n @property({ type: String }) title = ''\n @property({ type: String, attribute: 'custom-id' }) 'custom-id' = ''\n @property({ type: Boolean, attribute: 'is-edit' }) 'is-edit' = false\n @property({ type: Boolean, attribute: 'is-save' }) 'is-save' = false\n @property({ type: Boolean, attribute: 'is-set' }) 'is-set' = false\n @property({ type: Boolean, attribute: 'is-key' }) 'is-key' = false\n @property({ type: Boolean, attribute: 'show-action' }) 'show-action' = true\n @property({ type: Boolean, attribute: 'show-add' }) 'show-add' = true\n @property({ type: Boolean, attribute: 'show-answer-setting' }) 'show-answer-setting' = false\n @property({ type: Boolean, attribute: 'show-analysis' }) 'show-analysis' = true\n @property({ type: String, attribute: 'rich-text-content' }) 'rich-text-content' = ''\n @property({ type: String }) analysis = ''\n @property({ type: Number, attribute: 'exam-answer-relation-type' }) 'exam-answer-relation-type' = 0\n @property({ type: String, attribute: 'exam-expand' }) 'exam-expand' = ''\n @property({ type: Number, attribute: 'exam-id' }) 'exam-id' = 0\n @property({ type: String, attribute: 'category-id' }) 'category-id' = ''\n @property({ type: Object, attribute: 'exam-answer-setting' })\n 'exam-answer-setting': { isInOrder: boolean, isIgnoreCase: boolean } = { isInOrder: false, isIgnoreCase: true }\n\n @property({ type: Object, attribute: 'upload-image' })\n 'upload-image': (file: File) => Promise<string> = async (file: File) => {\n return new Promise((resolve, reject) => {\n const reader = new FileReader()\n reader.onload = e => resolve(e.target?.result as string)\n reader.onerror = reject\n reader.readAsDataURL(file)\n })\n }\n\n @property({ type: Array, attribute: 'answer-list' }) 'answer-list': any[] = []\n @property({ type: Array, attribute: 'tag-list' }) 'tag-list': TagItem[] = []\n @property({ type: Array, attribute: 'category-list' }) 'category-list': Category[] = []\n @property({ type: Array, attribute: 'resource-list' }) 'resource-list': Resource[] = []\n @property({ type: Boolean, attribute: 'show-tag' }) 'show-tag' = false\n @property({ type: Boolean, attribute: 'show-category' }) 'show-category' = false\n @property({ type: Boolean, attribute: 'show-resource' }) 'show-resource' = false\n\n @property({ type: String, attribute: 'model-value' }) 'model-value' = ''\n @property({ type: Boolean, attribute: 'use-model' }) 'use-model' = false\n\n @state() private _title = ''\n @state() private _analysis = ''\n @state() private _answers: BlankAnswer[] = [{ title: '', tag: '', showInput: false }]\n @state() private _isInOrder = false\n @state() private _isIgnoreCase = true\n @state() private _showRichText = false\n @state() private _richText = ''\n @state() private _selectedTagList: TagItem[] = []\n @state() private _categoryId = ''\n\n private readonly TITLE_MAX = 400\n\n willUpdate(changed: Map<string, unknown>) {\n if (changed.has('is-edit') && this['is-edit']) { this._syncProps() }\n if (!this['is-edit'] && (changed.has('title') || changed.has('answer-list') || changed.has('analysis') || changed.has('exam-answer-setting') || changed.has('rich-text-content') || changed.has('tag-list') || changed.has('category-id'))) {\n this._syncProps()\n }\n if (changed.has('model-value') && this['use-model']) {\n this._title = this['model-value'].replaceAll(/<filter><\\/filter>/g, ' ______')\n }\n if (changed.has('tag-list')) {\n this._selectedTagList = Array.isArray(this['tag-list']) ? this['tag-list'].map(item => ({ ...item })) : []\n }\n if (changed.has('category-id')) {\n this._categoryId = this['category-id'] ? String(this['category-id']) : ''\n }\n }\n\n private _normalizeAnswerTitle(answer: any) {\n return String(answer?.title ?? answer?.answer ?? '')\n }\n\n private _syncProps() {\n this._title = (this.title || '').replaceAll(/<filter><\\/filter>/g, ' ______')\n this._analysis = this.analysis || ''\n if (this['answer-list']?.length) {\n this._answers = this['answer-list'].map((a: any) => ({\n title: this._normalizeAnswerTitle(a),\n tag: '',\n showInput: false,\n answerId: a?.answerId ?? a?.examAnswerId,\n }))\n }\n else {\n const blankCount = (this._title.match(/ ______/g) || []).length || 1\n this._answers = Array.from({ length: blankCount }, () => ({ title: '', tag: '', showInput: false }))\n }\n if (this['exam-answer-setting']) {\n this._isInOrder = !!this['exam-answer-setting'].isInOrder\n this._isIgnoreCase = !!this['exam-answer-setting'].isIgnoreCase\n }\n this._richText = this['rich-text-content'] || ''\n this._showRichText = !!this['rich-text-content']\n this._selectedTagList = Array.isArray(this['tag-list']) ? this['tag-list'].map(item => ({ ...item })) : []\n this._categoryId = this['category-id'] ? String(this['category-id']) : ''\n }\n\n private _emit(name: string, detail?: unknown) {\n this.dispatchEvent(new CustomEvent(name, { bubbles: true, composed: true, detail: detail ?? null }))\n }\n\n private _addBlank() {\n this._title += ' ______'\n this._answers = [...this._answers, { title: '', tag: '', showInput: false }]\n this.requestUpdate()\n this._emitModelUpdate()\n }\n\n private _onTitleInput(e: Event) {\n const el = e.target as HTMLTextAreaElement\n if (el.value.length > this.TITLE_MAX) { el.value = el.value.slice(0, this.TITLE_MAX) }\n this._title = el.value\n const blankCount = (this._title.match(/ ______/g) || []).length\n if (blankCount !== this._answers.length) {\n if (blankCount > this._answers.length) {\n for (let i = this._answers.length; i < blankCount; i++) {\n this._answers = [...this._answers, { title: '', tag: '', showInput: false }]\n }\n }\n else {\n this._answers = this._answers.slice(0, blankCount)\n }\n }\n this._emitModelUpdate()\n }\n\n private _emitModelUpdate() {\n if (this['use-model']) {\n const modelValue = this._title.replaceAll(/ ______/g, '<filter></filter>')\n this.dispatchEvent(new CustomEvent('update:modelValue', {\n bubbles: true,\n composed: true,\n detail: modelValue,\n }))\n }\n }\n\n private _handleAddTag(item: BlankAnswer) {\n item.showInput = false\n if (item.tag) {\n item.title = item.title ? [item.title, item.tag].join(',') : item.tag\n item.tag = ''\n }\n this.requestUpdate()\n }\n\n private _closeTag(tag: string, item: BlankAnswer) {\n if (!tag) { return }\n const tags = item.title.split(',')\n const idx = tags.findIndex((t: string) => t === tag)\n if (idx > -1) {\n tags.splice(idx, 1)\n item.title = tags.join(',')\n }\n this.requestUpdate()\n }\n\n private _onCategoryChange(value: string) {\n this._categoryId = value\n this._emit('category-change', {\n value,\n customId: this['custom-id'] || '',\n examId: this['exam-id'] || 0,\n })\n }\n\n private _imageResources() {\n return (this['resource-list'] || [])\n .filter(item => item.resourceType === 1)\n .map(item => item.resource.middle || item.resource.url)\n .filter(Boolean) as string[]\n }\n\n private _videoResource() {\n return (this['resource-list'] || []).find(item => item.resourceType === 2)?.resource || null\n }\n\n private _categoryLabel() {\n const matched = this['category-list'].find((item: any) => String(item.categoryId) === String(this._categoryId))\n return matched?.title || matched?.categoryName || this._categoryId || '未选择分类'\n }\n\n async toJSON(): Promise<any> {\n return new Promise((resolve, reject) => {\n const row = { customId: this['custom-id'] || undefined, answerType: 'blank_fill', orderIndex: this['order-index'] }\n\n const title = this['is-edit'] ? this._title : this.title?.replaceAll(/<filter><\\/filter>/g, ' ______') || ''\n const answers = this['is-edit']\n ? this._answers\n : (this['answer-list'] || []).map((answer: any) => ({\n ...answer,\n title: this._normalizeAnswerTitle(answer),\n answerId: answer?.answerId ?? answer?.examAnswerId,\n }))\n const analysis = this['is-edit'] ? this._analysis : this.analysis || ''\n const isInOrder = this['is-edit'] ? this._isInOrder : this['exam-answer-setting']?.isInOrder ?? false\n const isIgnoreCase = this['is-edit'] ? this._isIgnoreCase : this['exam-answer-setting']?.isIgnoreCase ?? true\n const showRichText = this['is-edit'] ? this._showRichText : !!this['rich-text-content']\n const richText = this['is-edit'] ? this._richText : this['rich-text-content'] || ''\n const filledAnswers = answers.filter((answer: any) => this._normalizeAnswerTitle(answer))\n\n if (!title) {\n reject(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n return\n }\n if (answers.length < 1) {\n reject(new SubjectError('至少添加一个填空符!', 'NO_BLANK', 'answers', row))\n return\n }\n\n const result: any = {\n answerType: SubjectType.BLANK_FILL,\n examTypeEnum: SubjectType.BLANK_FILL,\n title: title.replaceAll(/ ______/g, '<filter></filter>'),\n answers: filledAnswers.map((answer: any, index: number) => {\n const title = this._normalizeAnswerTitle(answer)\n const next: any = {\n title,\n answer: title,\n isCorrect: true,\n orderIndex: index + 1,\n }\n if (answer.answerId) {\n next.answerId = answer.answerId\n next.examAnswerId = answer.answerId\n }\n return next\n }),\n analysis,\n isSetCorrectAnswer: filledAnswers.length > 0,\n isKey: this['is-key'],\n examAnswerSettingBO: { isIgnoreCase, isInOrder },\n examAnswerSettingVO: { isIgnoreCase, isInOrder },\n examRichTextContent: showRichText ? richText : '',\n }\n if (this['custom-id']) { result.customId = this['custom-id'] }\n resolve(result)\n })\n }\n\n private async _save(e?: Event) {\n e?.stopImmediatePropagation()\n try {\n const data = await this.toJSON()\n this._emit('save', data)\n }\n catch (err: any) {\n showToast(err.message)\n }\n }\n\n validate(): SubjectError[] {\n const errors: SubjectError[] = []\n const row = { customId: this['custom-id'] || undefined, answerType: 'blank_fill', orderIndex: this['order-index'] }\n\n const title = this['is-edit'] ? this._title : this.title?.replaceAll(/<filter><\\/filter>/g, ' ______') || ''\n const answers = this['is-edit'] ? this._answers : (this['answer-list'] || []).map((answer: any) => ({ ...answer, title: this._normalizeAnswerTitle(answer) }))\n\n if (!title) {\n errors.push(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n }\n if (answers.length < 1) {\n errors.push(new SubjectError('至少添加一个填空符!', 'NO_BLANK', 'answers', row))\n }\n\n return errors\n }\n\n private _renderPreview() {\n const displayTitle = this.title.replaceAll(/<filter><\\/filter>/g, ' ______')\n const previewAnswers = this['is-edit'] ? this._answers : (this['answer-list'] || []).map((answer: any) => ({ ...answer, title: this._normalizeAnswerTitle(answer) }))\n return html`\n <div class=\"preview\">\n <span class=\"title\">${this['order-index'] + 1}.${displayTitle}(填空题)</span>\n ${this['rich-text-content'] ? html`<div class=\"rich-text\" .innerHTML=${this['rich-text-content']}></div>` : ''}\n ${previewAnswers.some(a => a.title)\n ? html`\n <div class=\"content flex flex-wrap\">\n <span>正确答案:</span>\n ${previewAnswers.map((a, i) => a.title\n ? html`<span style=\"margin-right:10px\">填空${i + 1}: ${a.title}</span>`\n : '')}\n </div>\n `\n : ''}\n ${this.analysis ? html`<div style=\"color:#909399;font-size:12px;margin-top:8px\">解析: ${this.analysis}</div>` : ''}\n ${this['show-category'] && this._categoryId\n ? html`<div class=\"section-row\"><span class=\"value-text\">分类:${this._categoryLabel()}</span></div>`\n : ''}\n ${this._renderResourceSection()}\n </div>\n `\n }\n\n private _renderCategorySection() {\n if (!this['show-category']) { return '' }\n return html`\n <div class=\"flex flex-items-start section-row\">\n <div class=\"label\"><span>分类:</span></div>\n <div style=\"flex:1\">\n ${this['is-edit']\n ? html`\n <select class=\"el-select\" .value=${String(this._categoryId)}\n @change=${(e: Event) => this._onCategoryChange((e.target as HTMLSelectElement).value)}>\n <option value=\"\">选择分类</option>\n ${this['category-list'].map((item: any) => html`\n <option value=${String(item.categoryId)} ?selected=${String(item.categoryId) === String(this._categoryId)}>${item.title || item.categoryName}</option>\n `)}\n </select>\n `\n : html`<span class=\"value-text\">${this._categoryLabel()}</span>`}\n </div>\n </div>\n `\n }\n\n private _renderResourceSection() {\n if (!this['show-resource']) { return '' }\n const images = this._imageResources()\n const video = this._videoResource()\n return html`\n <div class=\"flex flex-items-start section-row\">\n <div class=\"label\"><span>资源:</span></div>\n <div style=\"flex:1\">\n <div class=\"resource-summary\">图片 ${images.length} 张${video?.url ? ',含视频资源' : ''}</div>\n ${images.length\n ? html`\n <div class=\"resource-thumbs\">\n ${images.slice(0, 4).map(src => html`<img class=\"resource-thumb\" src=${src} alt=\"resource\" />`)}\n </div>\n `\n : ''}\n ${video?.url ? html`<div style=\"margin-top:8px\"><a class=\"el-link\" href=${video.url} target=\"_blank\" rel=\"noreferrer\">查看视频</a></div>` : ''}\n ${!images.length && !video?.url ? html`<div class=\"tag-hint\">暂无资源</div>` : ''}\n </div>\n </div>\n `\n }\n\n private _renderEdit() {\n return html`\n <div class=\"flex flex-items-start\">\n <div class=\"label\"><span>题目:</span></div>\n <div style=\"flex:1\">\n <div class=\"el-input\">\n <textarea rows=\"3\" .value=${this._title}\n maxlength=${this.TITLE_MAX}\n @input=${(e: Event) => this._onTitleInput(e)}\n placeholder=\"【填空题】请输入问题\"></textarea>\n <span class=\"char-counter\">${this._title.length}/${this.TITLE_MAX}</span>\n </div>\n </div>\n </div>\n\n <div class=\"flex flex-justify-end\">\n <span class=\"el-link\" @click=${() => this._addBlank()}>插入填空符</span>\n </div>\n\n <div class=\"flex flex-items-center\" style=\"margin-top:12px\">\n <div class=\"label\"><span>答题设置:</span></div>\n <label class=\"el-checkbox\">\n <input type=\"checkbox\" .checked=${this._isInOrder}\n @change=${(e: Event) => { this._isInOrder = (e.target as HTMLInputElement).checked }} />\n 答案不分顺序\n </label>\n <label class=\"el-checkbox\">\n <input type=\"checkbox\" .checked=${this._isIgnoreCase}\n @change=${(e: Event) => { this._isIgnoreCase = (e.target as HTMLInputElement).checked }} />\n 忽略大小写\n </label>\n </div>\n\n <slot name=\"business-tag\"></slot>\n\n ${this._renderCategorySection()}\n\n ${this._renderResourceSection()}\n\n ${this._answers.map((a, i) => html`\n <div class=\"answer-item\" style=\"margin-top:12px\">\n <div class=\"label\"><span>第${i + 1}空答案:</span></div>\n <div class=\"answer-tags\">\n ${a.title.split(',').filter(Boolean).map(tag => html`\n <span class=\"el-tag\">\n ${tag}\n <span class=\"el-tag__close\" @click=${() => this._closeTag(tag, a)}>×</span>\n </span>\n `)}\n ${html`\n ${a.showInput\n ? html`\n <input type=\"text\" class=\"el-input--small\"\n @keydown=${(e: KeyboardEvent) => {\n if (e.key === 'Enter') { this._handleAddTag(a) }\n }}\n @input=${(e: Event) => { a.tag = (e.target as HTMLInputElement).value }}\n @blur=${() => this._handleAddTag(a)} />\n `\n : html`\n <span class=\"el-button--small\" @click=${() => { a.showInput = true; this.requestUpdate(); this.updateComplete.then(() => { (this.shadowRoot?.querySelector('.el-input--small') as HTMLInputElement)?.focus() }) }}>\n ${iconPlus}\n <span>${a.title ? '添加同义词' : '添加答案'}</span>\n </span>\n `}\n `}\n </div>\n </div>\n `)}\n\n ${this._showRichText\n ? html`\n <div class=\"flex flex-items-start\" style=\"margin-top:12px\">\n <div class=\"label\"><span>富文本:</span></div>\n <div style=\"flex:1\">\n <qxs-blocksuite-editor\n .content=${this._richText}\n .upload-image=${this['upload-image']}\n ?is-edit=${true}\n ></qxs-blocksuite-editor>\n ${!this['show-action']\n ? html`\n <div class=\"flex flex-justify-end\" style=\"margin-top:8px\">\n <span class=\"el-link\" style=\"color:#f56c6c\" @click=${() => { this._showRichText = false; this._richText = '' }}>删除富文本</span>\n </div>\n `\n : ''}\n </div>\n </div>\n `\n : ''}\n\n ${this['show-analysis']\n ? html`\n <div class=\"flex flex-items-start\" style=\"margin-top:12px\">\n <div class=\"label\"><span>解析:</span></div>\n <div style=\"flex:1\">\n <div class=\"el-input\">\n <textarea rows=\"2\" .value=${this._analysis}\n @input=${(e: Event) => { this._analysis = (e.target as HTMLTextAreaElement).value }}\n placeholder=\"请输入题目解析\"></textarea>\n </div>\n </div>\n </div>\n `\n : ''}\n `\n }\n\n render() {\n const content = this['is-edit']\n ? html`<div slot=\"edit\">${this._renderEdit()}</div>`\n : html`<div slot=\"preview\">${this._renderPreview()}</div>`\n\n return html`\n <qxs-subject-layout .show-edit=${this['is-edit']}>\n ${content}\n ${this['show-action']\n ? html`\n <qxs-subject-action\n .is-edit=${this['is-edit']}\n .is-set=${this['is-set']}\n .show-add=${this['show-add']}\n .show-rich-text=${this._showRichText}\n exam-answer-relation-type=${this['exam-answer-relation-type']}\n @delete=${() => this._emit('delete')}\n @save=${this._save}\n @edit=${() => this._emit('edit')}\n @add=${(e: CustomEvent) => this._emit('add', e.detail)}\n @set-key=${(e: CustomEvent) => { this._emit('set-key', e.detail) }}\n @on-show-rich-text=${() => {\n this._showRichText = !this._showRichText\n if (!this._showRichText) {\n this._richText = ''\n }\n }}\n ></qxs-subject-action>\n `\n : ''}\n </qxs-subject-layout>\n `\n }\n}\n\nexport function register() {}\n"],"names":["iconPlus","html","QxsBlankFill","LitElement","constructor","super","arguments","this","title","analysis","isInOrder","isIgnoreCase","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_title","_analysis","_answers","tag","showInput","_isInOrder","_isIgnoreCase","_showRichText","_richText","_selectedTagList","_categoryId","TITLE_MAX","willUpdate","changed","has","_syncProps","replaceAll","Array","isArray","map","item","String","_normalizeAnswerTitle","answer","length","a","answerId","examAnswerId","blankCount","match","from","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_addBlank","requestUpdate","_emitModelUpdate","_onTitleInput","el","value","slice","i","modelValue","_handleAddTag","join","_closeTag","tags","split","idx","findIndex","t","splice","_onCategoryChange","customId","examId","_imageResources","filter","resourceType","resource","middle","url","Boolean","_videoResource","find","_categoryLabel","matched","categoryId","categoryName","toJSON","row","answerType","orderIndex","answers","showRichText","richText","filledAnswers","SubjectError","SubjectType","BLANK_FILL","examTypeEnum","index","next","isCorrect","isSetCorrectAnswer","isKey","examAnswerSettingBO","examAnswerSettingVO","examRichTextContent","_save","stopImmediatePropagation","data","err","msg","document","createElement","textContent","Object","assign","style","position","top","left","transform","padding","borderRadius","fontSize","color","background","zIndex","boxShadow","transition","opacity","body","appendChild","setTimeout","remove","showToast","message","validate","errors","push","_renderPreview","displayTitle","previewAnswers","some","_renderResourceSection","_renderCategorySection","images","video","src","_renderEdit","checked","key","updateComplete","then","shadowRoot","querySelector","focus","render","content","styles","css","__decorateClass","property","type","Number","attribute","prototype","state","safeCustomElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"blank-fill.mjs","sources":["../../../../packages/components-wc/src/subject/blank-fill.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\nimport { type Category, type Resource, SubjectError, type TagItem, trimCommaSeparatedText, trimText } from './single'\nimport { renderSortingCard, sortingCardStyles } from './sorting-card'\nimport { SubjectType, SubjectTypeLabel } from './types'\n\ninterface BlankAnswer {\n title: string\n tag: string\n showInput: boolean\n answerId?: string | number\n}\n\nconst iconPlus = html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"\n stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/>\n </svg>`\n\nfunction showToast(msg: string) {\n const el = document.createElement('div')\n el.textContent = msg\n Object.assign(el.style, {\n position: 'fixed', top: '20px', left: '50%', transform: 'translateX(-50%)',\n padding: '10px 20px', borderRadius: '4px', fontSize: '13px', color: '#fff',\n background: '#f56c6c', zIndex: '99999', boxShadow: '0 4px 12px rgba(0,0,0,.15)',\n transition: 'opacity .3s', opacity: '1',\n })\n document.body.appendChild(el)\n setTimeout(() => { el.style.opacity = '0'; setTimeout(() => el.remove(), 300) }, 2500)\n}\n\n@safeCustomElement('qxs-blank-fill')\nexport class QxsBlankFill extends LitElement {\n static styles = [sortingCardStyles, css`\n :host { display: block; font-family: system-ui, -apple-system, \"PingFang SC\", \"Microsoft YaHei\", sans-serif; font-size: 12px; color: #5a5a5a; }\n *, ::before, ::after { box-sizing: border-box; }\n\n .preview { padding: 12px 0; }\n .preview .title { font-size: 14px; color: #303133; }\n .preview .rich-text { margin-top: 8px; }\n .preview .rich-text img { max-width: 100%; }\n .preview .rich-text img[data-align=\"left\"] { display: block !important; margin: 0 auto 0 0 !important; }\n .preview .rich-text img[data-align=\"center\"] { display: block !important; margin: 0 auto !important; }\n .preview .rich-text img[data-align=\"right\"] { display: block !important; margin: 0 0 0 auto !important; }\n .preview .content { color: #a8abb2; margin-top: 10px; }\n\n .flex { display: flex; }\n .flex-wrap { flex-wrap: wrap; }\n .flex-items-center { display: flex; align-items: center; }\n .flex-items-start { display: flex; align-items: flex-start; }\n .flex-justify-end { display: flex; justify-content: flex-end; }\n .label { min-width: 70px; font-size: 13px; color: #606266; }\n\n textarea {\n border: 1px solid #dcdfe6; border-radius: 3px; padding: 5px 11px;\n font-size: 13px; font-family: inherit; width: 100%; resize: none; transition: border-color .2s;\n line-height: 1.5; display: block; box-sizing: border-box;\n }\n textarea:focus { border-color: #3D61E3; outline: none; }\n textarea:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }\n .el-input { position: relative; display: block; }\n .el-input textarea { padding-bottom: 24px; }\n .el-input .char-counter {\n position: absolute; right: 12px; bottom: 8px;\n font-size: 12px; color: #909399; line-height: 1; pointer-events: none;\n }\n\n .el-tag {\n display: inline-flex; align-items: center; height: 24px; padding: 0 9px;\n font-size: 12px; line-height: 1; color: #3D61E3; background: #ecf5ff;\n border: 1px solid #d9ecff; border-radius: 4px; white-space: nowrap;\n }\n .el-tag .el-tag__close {\n display: inline-flex; align-items: center; justify-content: center;\n margin-left: 4px; width: 16px; height: 16px; border-radius: 50%;\n font-size: 12px; color: #909399; cursor: pointer; transition: all .2s;\n }\n .el-tag .el-tag__close:hover { background: #909399; color: #fff; }\n\n .el-button--small {\n display: inline-flex; align-items: center; gap: 4px;\n height: 24px; padding: 0 10px; font-size: 12px; line-height: 1;\n border: 1px solid #dcdfe6; border-radius: 3px; background: #fff; color: #606266;\n cursor: pointer; transition: all .2s; white-space: nowrap;\n }\n .el-button--small:hover { color: #3D61E3; border-color: #c6e2ff; background-color: #ecf5ff; }\n\n .el-link { color: #3D61E3; cursor: pointer; font-size: 12px; text-decoration: none; }\n .el-link:hover { color: #2D4CB8; }\n .el-link.is-disabled { color: #c0c4cc; cursor: not-allowed; }\n\n .el-input--small { width: 80px; }\n .el-input--small input {\n height: 24px; padding: 0 8px; font-size: 12px; line-height: 24px;\n border: 1px solid #dcdfe6; border-radius: 3px; width: 100%;\n }\n .el-input--small input:focus { border-color: #3D61E3; outline: none; }\n\n .el-checkbox {\n display: inline-flex; align-items: center; gap: 6px; cursor: pointer;\n font-size: 13px; color: #606266; user-select: none; margin-right: 16px;\n }\n .el-checkbox input[type=\"checkbox\"] {\n width: 14px; height: 14px; cursor: pointer; accent-color: #3D61E3;\n }\n\n .answer-item { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }\n .answer-item .label { min-width: 70px; padding-top: 0; color: #909399; }\n .answer-tags { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; flex: 1; }\n\n .section-row { margin-top: 12px; }\n .value-text { font-size: 13px; color: #606266; white-space: pre-wrap; }\n .tag-list { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 32px; }\n .tag-item {\n display: inline-flex; align-items: center; gap: 4px;\n padding: 4px 8px; font-size: 12px; line-height: 1;\n color: #3D61E3; background: #ecf5ff; border: 1px solid #d9ecff; border-radius: 4px;\n }\n .tag-item .close { cursor: pointer; color: #909399; }\n .tag-item .close:hover { color: #f56c6c; }\n .tag-hint { font-size: 12px; color: #909399; }\n\n .el-select {\n width: 150px; height: 32px; border: 1px solid #dcdfe6; border-radius: 3px;\n padding: 0 8px; font-size: 13px; background: #fff; appearance: none;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c0c4cc' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E\");\n background-repeat: no-repeat; background-position: right 8px center;\n }\n .el-select:focus { border-color: #3D61E3; outline: none; }\n .el-select:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }\n\n .resource-summary { font-size: 12px; color: #606266; }\n .resource-thumbs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }\n .resource-thumb {\n width: 72px; height: 72px; object-fit: cover; border-radius: 6px;\n border: 1px solid #e4e7ed; background: #f5f7fa;\n }\n `]\n\n @property({ type: Number, attribute: 'order-index' }) 'order-index' = 0\n @property({ type: String }) title = ''\n @property({ type: String, attribute: 'custom-id' }) 'custom-id' = ''\n @property({ type: Boolean, attribute: 'is-edit' }) 'is-edit' = false\n @property({ type: Boolean, attribute: 'is-save' }) 'is-save' = false\n @property({ type: Boolean, attribute: 'is-set' }) 'is-set' = false\n @property({ type: Boolean, attribute: 'is-key' }) 'is-key' = false\n @property({ type: Boolean, attribute: 'show-action' }) 'show-action' = true\n @property({ type: Boolean, attribute: 'show-add' }) 'show-add' = true\n @property({ type: Boolean, reflect: true }) sorting = false\n @property({ type: Boolean, attribute: 'show-answer-setting' }) 'show-answer-setting' = false\n @property({ type: Boolean, attribute: 'show-analysis' }) 'show-analysis' = true\n @property({ type: String, attribute: 'rich-text-content' }) 'rich-text-content' = ''\n @property({ type: String }) analysis = ''\n @property({ type: Number, attribute: 'exam-answer-relation-type' }) 'exam-answer-relation-type' = 0\n @property({ type: String, attribute: 'exam-expand' }) 'exam-expand' = ''\n @property({ type: Number, attribute: 'exam-id' }) 'exam-id' = 0\n @property({ type: String, attribute: 'category-id' }) 'category-id' = ''\n @property({ type: Object, attribute: 'exam-answer-setting' })\n 'exam-answer-setting': { isInOrder: boolean, isIgnoreCase: boolean } = { isInOrder: false, isIgnoreCase: true }\n\n @property({ type: Object, attribute: 'upload-image' })\n 'upload-image': (file: File) => Promise<string> = async (file: File) => {\n return new Promise((resolve, reject) => {\n const reader = new FileReader()\n reader.onload = e => resolve(e.target?.result as string)\n reader.onerror = reject\n reader.readAsDataURL(file)\n })\n }\n\n @property({ type: Array, attribute: 'answer-list' }) 'answer-list': any[] = []\n @property({ type: Array, attribute: 'tag-list' }) 'tag-list': TagItem[] = []\n @property({ type: Array, attribute: 'category-list' }) 'category-list': Category[] = []\n @property({ type: Array, attribute: 'resource-list' }) 'resource-list': Resource[] = []\n @property({ type: Boolean, attribute: 'show-tag' }) 'show-tag' = false\n @property({ type: Boolean, attribute: 'show-category' }) 'show-category' = false\n @property({ type: Boolean, attribute: 'show-resource' }) 'show-resource' = false\n\n @property({ type: String, attribute: 'model-value' }) 'model-value' = ''\n @property({ type: Boolean, attribute: 'use-model' }) 'use-model' = false\n\n @state() private _title = ''\n @state() private _analysis = ''\n @state() private _answers: BlankAnswer[] = [{ title: '', tag: '', showInput: false }]\n @state() private _isInOrder = false\n @state() private _isIgnoreCase = true\n @state() private _showRichText = false\n @state() private _richText = ''\n @state() private _selectedTagList: TagItem[] = []\n @state() private _categoryId = ''\n\n private readonly TITLE_MAX = 400\n\n willUpdate(changed: Map<string, unknown>) {\n if (changed.has('is-edit') && this['is-edit']) { this._syncProps() }\n if (!this['is-edit'] && (changed.has('title') || changed.has('answer-list') || changed.has('analysis') || changed.has('exam-answer-setting') || changed.has('rich-text-content') || changed.has('tag-list') || changed.has('category-id'))) {\n this._syncProps()\n }\n if (changed.has('model-value') && this['use-model']) {\n this._title = this['model-value'].replaceAll(/<filter><\\/filter>/g, ' ______')\n }\n if (changed.has('tag-list')) {\n this._selectedTagList = Array.isArray(this['tag-list']) ? this['tag-list'].map(item => ({ ...item })) : []\n }\n if (changed.has('category-id')) {\n this._categoryId = this['category-id'] ? String(this['category-id']) : ''\n }\n }\n\n private _normalizeAnswerTitle(answer: any) {\n return trimCommaSeparatedText(answer?.title ?? answer?.answer ?? '')\n }\n\n private _syncProps() {\n this._title = (this.title || '').replaceAll(/<filter><\\/filter>/g, ' ______')\n this._analysis = this.analysis || ''\n if (this['answer-list']?.length) {\n this._answers = this['answer-list'].map((a: any) => ({\n title: this._normalizeAnswerTitle(a),\n tag: '',\n showInput: false,\n answerId: a?.answerId ?? a?.examAnswerId,\n }))\n }\n else {\n const blankCount = (this._title.match(/ ______/g) || []).length\n this._answers = Array.from({ length: blankCount }, () => ({ title: '', tag: '', showInput: false }))\n }\n if (this['exam-answer-setting']) {\n this._isInOrder = !!this['exam-answer-setting'].isInOrder\n this._isIgnoreCase = !!this['exam-answer-setting'].isIgnoreCase\n }\n this._richText = this['rich-text-content'] || ''\n this._showRichText = !!this['rich-text-content']\n this._selectedTagList = Array.isArray(this['tag-list']) ? this['tag-list'].map(item => ({ ...item })) : []\n this._categoryId = this['category-id'] ? String(this['category-id']) : ''\n }\n\n private _emit(name: string, detail?: unknown) {\n this.dispatchEvent(new CustomEvent(name, { bubbles: true, composed: true, detail: detail ?? null }))\n }\n\n private _addBlank() {\n this._title += ' ______'\n this._answers = [...this._answers, { title: '', tag: '', showInput: false }]\n this.requestUpdate()\n this._emitModelUpdate()\n }\n\n private _onTitleInput(e: Event) {\n const el = e.target as HTMLTextAreaElement\n if (el.value.length > this.TITLE_MAX) { el.value = el.value.slice(0, this.TITLE_MAX) }\n this._title = el.value\n const blankCount = (this._title.match(/ ______/g) || []).length\n if (blankCount !== this._answers.length) {\n if (blankCount > this._answers.length) {\n for (let i = this._answers.length; i < blankCount; i++) {\n this._answers = [...this._answers, { title: '', tag: '', showInput: false }]\n }\n }\n else {\n this._answers = this._answers.slice(0, blankCount)\n }\n }\n this._emitModelUpdate()\n }\n\n private _emitModelUpdate() {\n if (this['use-model']) {\n const modelValue = this._title.replaceAll(/ ______/g, '<filter></filter>')\n this.dispatchEvent(new CustomEvent('update:modelValue', {\n bubbles: true,\n composed: true,\n detail: modelValue,\n }))\n }\n }\n\n private _handleAddTag(item: BlankAnswer) {\n item.showInput = false\n if (item.tag) {\n item.title = item.title ? [item.title, item.tag].join(',') : item.tag\n item.tag = ''\n }\n this.requestUpdate()\n }\n\n private _closeTag(tag: string, item: BlankAnswer) {\n if (!tag) { return }\n const tags = item.title.split(',')\n const idx = tags.findIndex((t: string) => t === tag)\n if (idx > -1) {\n tags.splice(idx, 1)\n item.title = tags.join(',')\n }\n this.requestUpdate()\n }\n\n private _onCategoryChange(value: string) {\n this._categoryId = value\n this._emit('category-change', {\n value,\n customId: this['custom-id'] || '',\n examId: this['exam-id'] || 0,\n })\n }\n\n private _imageResources() {\n return (this['resource-list'] || [])\n .filter(item => item.resourceType === 1)\n .map(item => item.resource.middle || item.resource.url)\n .filter(Boolean) as string[]\n }\n\n private _videoResource() {\n return (this['resource-list'] || []).find(item => item.resourceType === 2)?.resource || null\n }\n\n private _categoryLabel() {\n const matched = this['category-list'].find((item: any) => String(item.categoryId) === String(this._categoryId))\n return matched?.title || matched?.categoryName || this._categoryId || '未选择分类'\n }\n\n async toJSON(): Promise<any> {\n return new Promise((resolve, reject) => {\n const row = { customId: this['custom-id'] || undefined, answerType: 'blank_fill', orderIndex: this['order-index'] }\n\n const title = trimText(this['is-edit'] ? this._title : this.title?.replaceAll(/<filter><\\/filter>/g, ' ______') || '')\n const answers = this['is-edit']\n ? this._answers\n : (this['answer-list'] || []).map((answer: any) => ({\n ...answer,\n title: this._normalizeAnswerTitle(answer),\n answerId: answer?.answerId ?? answer?.examAnswerId,\n }))\n const analysis = trimText(this['is-edit'] ? this._analysis : this.analysis || '')\n const isInOrder = this['is-edit'] ? this._isInOrder : this['exam-answer-setting']?.isInOrder ?? false\n const isIgnoreCase = this['is-edit'] ? this._isIgnoreCase : this['exam-answer-setting']?.isIgnoreCase ?? true\n const showRichText = this['is-edit'] ? this._showRichText : !!this['rich-text-content']\n const richText = this['is-edit'] ? this._richText : this['rich-text-content'] || ''\n const filledAnswers = answers.filter((answer: any) => this._normalizeAnswerTitle(answer))\n\n if (!title) {\n reject(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n return\n }\n if (answers.length < 1) {\n reject(new SubjectError('至少添加一个填空符!', 'NO_BLANK', 'answers', row))\n return\n }\n\n const result: any = {\n answerType: SubjectType.BLANK_FILL,\n examTypeEnum: SubjectType.BLANK_FILL,\n title: title.replaceAll(/ ______/g, '<filter></filter>'),\n answers: filledAnswers.map((answer: any, index: number) => {\n const title = this._normalizeAnswerTitle(answer)\n const next: any = {\n title,\n answer: title,\n isCorrect: true,\n orderIndex: index + 1,\n }\n if (answer.answerId) {\n next.answerId = answer.answerId\n next.examAnswerId = answer.answerId\n }\n return next\n }),\n analysis,\n isSetCorrectAnswer: filledAnswers.length > 0,\n isKey: this['is-key'],\n examAnswerSettingBO: { isIgnoreCase, isInOrder },\n examAnswerSettingVO: { isIgnoreCase, isInOrder },\n examRichTextContent: showRichText ? richText : '',\n }\n if (this['custom-id']) { result.customId = this['custom-id'] }\n resolve(result)\n })\n }\n\n private async _save(e?: Event) {\n e?.stopImmediatePropagation()\n try {\n const data = await this.toJSON()\n this._emit('save', data)\n }\n catch (err: any) {\n showToast(err.message)\n }\n }\n\n validate(): SubjectError[] {\n const errors: SubjectError[] = []\n const row = { customId: this['custom-id'] || undefined, answerType: 'blank_fill', orderIndex: this['order-index'] }\n\n const title = trimText(this['is-edit'] ? this._title : this.title?.replaceAll(/<filter><\\/filter>/g, ' ______') || '')\n const answers = this['is-edit'] ? this._answers : (this['answer-list'] || []).map((answer: any) => ({ ...answer, title: this._normalizeAnswerTitle(answer) }))\n\n if (!title) {\n errors.push(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n }\n if (answers.length < 1) {\n errors.push(new SubjectError('至少添加一个填空符!', 'NO_BLANK', 'answers', row))\n }\n\n return errors\n }\n\n private _renderPreview() {\n const displayTitle = this.title.replaceAll(/<filter><\\/filter>/g, ' ______')\n const previewAnswers = this['is-edit'] ? this._answers : (this['answer-list'] || []).map((answer: any) => ({ ...answer, title: this._normalizeAnswerTitle(answer) }))\n return html`\n <div class=\"preview\">\n <span class=\"title\">${this['order-index'] + 1}.${displayTitle}(填空题)</span>\n ${this['rich-text-content'] ? html`<div class=\"rich-text\" .innerHTML=${this['rich-text-content']}></div>` : ''}\n ${previewAnswers.some(a => a.title)\n ? html`\n <div class=\"content flex flex-wrap\">\n <span>正确答案:</span>\n ${previewAnswers.map((a, i) => a.title\n ? html`<span style=\"margin-right:10px\">填空${i + 1}: ${a.title}</span>`\n : '')}\n </div>\n `\n : ''}\n ${this.analysis ? html`<div style=\"color:#909399;font-size:12px;margin-top:8px\">解析: ${this.analysis}</div>` : ''}\n ${this['show-category'] && this._categoryId\n ? html`<div class=\"section-row\"><span class=\"value-text\">分类:${this._categoryLabel()}</span></div>`\n : ''}\n ${this._renderResourceSection()}\n </div>\n `\n }\n\n private _renderCategorySection() {\n if (!this['show-category']) { return '' }\n return html`\n <div class=\"flex flex-items-start section-row\">\n <div class=\"label\"><span>分类:</span></div>\n <div style=\"flex:1\">\n ${this['is-edit']\n ? html`\n <select class=\"el-select\" .value=${String(this._categoryId)}\n @change=${(e: Event) => this._onCategoryChange((e.target as HTMLSelectElement).value)}>\n <option value=\"\">选择分类</option>\n ${this['category-list'].map((item: any) => html`\n <option value=${String(item.categoryId)} ?selected=${String(item.categoryId) === String(this._categoryId)}>${item.title || item.categoryName}</option>\n `)}\n </select>\n `\n : html`<span class=\"value-text\">${this._categoryLabel()}</span>`}\n </div>\n </div>\n `\n }\n\n private _renderResourceSection() {\n if (!this['show-resource']) { return '' }\n const images = this._imageResources()\n const video = this._videoResource()\n return html`\n <div class=\"flex flex-items-start section-row\">\n <div class=\"label\"><span>资源:</span></div>\n <div style=\"flex:1\">\n <div class=\"resource-summary\">图片 ${images.length} 张${video?.url ? ',含视频资源' : ''}</div>\n ${images.length\n ? html`\n <div class=\"resource-thumbs\">\n ${images.slice(0, 4).map(src => html`<img class=\"resource-thumb\" src=${src} alt=\"resource\" />`)}\n </div>\n `\n : ''}\n ${video?.url ? html`<div style=\"margin-top:8px\"><a class=\"el-link\" href=${video.url} target=\"_blank\" rel=\"noreferrer\">查看视频</a></div>` : ''}\n ${!images.length && !video?.url ? html`<div class=\"tag-hint\">暂无资源</div>` : ''}\n </div>\n </div>\n `\n }\n\n private _renderSorting() {\n const title = trimText(this['is-edit'] ? this._title : this.title || '') || '未命名题目'\n const orderText = `${this['order-index'] + 1}. ${title}`\n return renderSortingCard(orderText, SubjectTypeLabel[SubjectType.BLANK_FILL] || SubjectType.BLANK_FILL)\n }\n\n private _renderEdit() {\n return html`\n <div class=\"flex flex-items-start\">\n <div class=\"label\"><span>题目:</span></div>\n <div style=\"flex:1\">\n <div class=\"el-input\">\n <textarea rows=\"3\" .value=${this._title}\n maxlength=${this.TITLE_MAX}\n @input=${(e: Event) => this._onTitleInput(e)}\n placeholder=\"【填空题】请输入问题\"></textarea>\n <span class=\"char-counter\">${this._title.length}/${this.TITLE_MAX}</span>\n </div>\n </div>\n </div>\n\n <div class=\"flex flex-justify-end\">\n <span class=\"el-link\" @click=${() => this._addBlank()}>插入填空符</span>\n </div>\n\n <div class=\"flex flex-items-center\" style=\"margin-top:12px\">\n <div class=\"label\"><span>答题设置:</span></div>\n <label class=\"el-checkbox\">\n <input type=\"checkbox\" .checked=${this._isInOrder}\n @change=${(e: Event) => { this._isInOrder = (e.target as HTMLInputElement).checked }} />\n 答案不分顺序\n </label>\n <label class=\"el-checkbox\">\n <input type=\"checkbox\" .checked=${this._isIgnoreCase}\n @change=${(e: Event) => { this._isIgnoreCase = (e.target as HTMLInputElement).checked }} />\n 忽略大小写\n </label>\n </div>\n\n <slot name=\"business-tag\"></slot>\n\n ${this._renderCategorySection()}\n\n ${this._renderResourceSection()}\n\n ${this._answers.map((a, i) => html`\n <div class=\"answer-item\" style=\"margin-top:12px\">\n <div class=\"label\"><span>第${i + 1}空答案:</span></div>\n <div class=\"answer-tags\">\n ${a.title.split(',').filter(Boolean).map(tag => html`\n <span class=\"el-tag\">\n ${tag}\n <span class=\"el-tag__close\" @click=${() => this._closeTag(tag, a)}>×</span>\n </span>\n `)}\n ${html`\n ${a.showInput\n ? html`\n <input type=\"text\" class=\"el-input--small\"\n @keydown=${(e: KeyboardEvent) => {\n if (e.key === 'Enter') { this._handleAddTag(a) }\n }}\n @input=${(e: Event) => { a.tag = (e.target as HTMLInputElement).value }}\n @blur=${() => this._handleAddTag(a)} />\n `\n : html`\n <span class=\"el-button--small\" @click=${() => { a.showInput = true; this.requestUpdate(); this.updateComplete.then(() => { (this.shadowRoot?.querySelector('.el-input--small') as HTMLInputElement)?.focus() }) }}>\n ${iconPlus}\n <span>${a.title ? '添加同义词' : '添加答案'}</span>\n </span>\n `}\n `}\n </div>\n </div>\n `)}\n\n ${this._showRichText\n ? html`\n <div class=\"flex flex-items-start\" style=\"margin-top:12px\">\n <div class=\"label\"><span>副文本:</span></div>\n <div style=\"flex:1\">\n <slot name=\"sub-text\">\n <qxs-blocksuite-editor\n .content=${this._richText}\n .upload-image=${this['upload-image']}\n ?is-edit=${true}\n @input=${(e: CustomEvent) => { this._richText = (e.target as any).getContent() }}\n ></qxs-blocksuite-editor>\n </slot>\n ${!this['show-action']\n ? html`\n <div class=\"flex flex-justify-end\" style=\"margin-top:8px\">\n <span class=\"el-link\" style=\"color:#f56c6c\" @click=${() => { this._showRichText = false; this._richText = '' }}>删除富文本</span>\n </div>\n `\n : ''}\n </div>\n </div>\n `\n : ''}\n\n ${this['show-analysis']\n ? html`\n <div class=\"flex flex-items-start\" style=\"margin-top:12px\">\n <div class=\"label\"><span>解析:</span></div>\n <div style=\"flex:1\">\n <div class=\"el-input\">\n <textarea rows=\"2\" .value=${this._analysis}\n @input=${(e: Event) => { this._analysis = (e.target as HTMLTextAreaElement).value }}\n placeholder=\"请输入题目解析\"></textarea>\n </div>\n </div>\n </div>\n `\n : ''}\n `\n }\n\n render() {\n if (this.sorting) {\n return this._renderSorting()\n }\n\n const content = this['is-edit']\n ? html`<div slot=\"edit\">${this._renderEdit()}</div>`\n : html`<div slot=\"preview\">${this._renderPreview()}</div>`\n\n return html`\n <qxs-subject-layout .show-edit=${this['is-edit']}>\n ${content}\n ${this['show-action']\n ? html`\n <qxs-subject-action\n .is-edit=${this['is-edit']}\n .is-set=${this['is-set']}\n .show-add=${this['show-add']}\n .show-rich-text=${this._showRichText}\n exam-answer-relation-type=${this['exam-answer-relation-type']}\n @delete=${() => this._emit('delete')}\n @save=${this._save}\n @edit=${() => this._emit('edit')}\n @add=${(e: CustomEvent) => this._emit('add', e.detail)}\n @set-key=${(e: CustomEvent) => { this._emit('set-key', e.detail) }}\n @on-show-rich-text=${() => {\n this._showRichText = !this._showRichText\n if (!this._showRichText) {\n this._richText = ''\n }\n }}\n ></qxs-subject-action>\n `\n : ''}\n </qxs-subject-layout>\n `\n }\n}\n\nexport function register() {}\n"],"names":["iconPlus","html","QxsBlankFill","LitElement","constructor","super","arguments","this","title","sorting","analysis","isInOrder","isIgnoreCase","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_title","_analysis","_answers","tag","showInput","_isInOrder","_isIgnoreCase","_showRichText","_richText","_selectedTagList","_categoryId","TITLE_MAX","willUpdate","changed","has","_syncProps","replaceAll","Array","isArray","map","item","String","_normalizeAnswerTitle","answer","trimCommaSeparatedText","length","a","answerId","examAnswerId","blankCount","match","from","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_addBlank","requestUpdate","_emitModelUpdate","_onTitleInput","el","value","slice","i","modelValue","_handleAddTag","join","_closeTag","tags","split","idx","findIndex","t","splice","_onCategoryChange","customId","examId","_imageResources","filter","resourceType","resource","middle","url","Boolean","_videoResource","find","_categoryLabel","matched","categoryId","categoryName","toJSON","row","answerType","orderIndex","trimText","answers","showRichText","richText","filledAnswers","SubjectError","SubjectType","BLANK_FILL","examTypeEnum","index","next","isCorrect","isSetCorrectAnswer","isKey","examAnswerSettingBO","examAnswerSettingVO","examRichTextContent","_save","stopImmediatePropagation","data","err","msg","document","createElement","textContent","Object","assign","style","position","top","left","transform","padding","borderRadius","fontSize","color","background","zIndex","boxShadow","transition","opacity","body","appendChild","setTimeout","remove","showToast","message","validate","errors","push","_renderPreview","displayTitle","previewAnswers","some","_renderResourceSection","_renderCategorySection","images","video","src","_renderSorting","orderText","renderSortingCard","SubjectTypeLabel","_renderEdit","checked","key","updateComplete","then","shadowRoot","querySelector","focus","getContent","render","content","styles","sortingCardStyles","css","__decorateClass","property","type","Number","attribute","prototype","reflect","state","safeCustomElement"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{uid as e}from"../base/uid.mjs";import{SubjectType as n}from"./types.mjs";function t(e){return Array.from({length:e},(e,n)=>({title:"",orderIndex:n+1}))}function r(r){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(r===n.PAGE_END)return{customId:e(),answerType:n.PAGE_END};const a={customId:e(),answerType:r,title:"",analysis:"",isEdit:!0,examRichTextContent:""};return r===n.SINGLE||r===n.MULTIPLE||r===n.SORT?{...a,answers:(i=4,Array.from({length:i},()=>({title:"",isCorrect:!1}))),...r===n.SORT?{leastAnswerCount:null,examExpand:""}:{},...null!=s.examAnswerRelationType?{examAnswerRelationType:s.examAnswerRelationType}:{}}:r===n.BLANK_FILL?{...a,answers:[],examAnswerSettingBO:{isInOrder:!1,isIgnoreCase:!0}}:r===n.TEXT_FILL?{...a,answers:[{title:"",tag:"",showInput:!1}],examAnswerSettingBO:{isInOrder:!1,isIgnoreCase:!0},examExpand:""}:r===n.SCALE?{...a,answers:t(5),scaleQuestionList:[]}:{...a,answers:[]};var i}export{r as createSubjectDraft};
|
|
2
|
+
//# sourceMappingURL=draft.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"draft.mjs","sources":["../../../../packages/components-wc/src/subject/draft.ts"],"sourcesContent":["import { uid } from '../base/uid'\nimport { type AnswerType, type SubjectItemType, SubjectType } from './types'\n\nexport interface CreateSubjectDraftOptions {\n examAnswerRelationType?: number | null\n}\n\nfunction createChoiceAnswers(count: number) {\n return Array.from({ length: count }, () => ({ title: '', isCorrect: false }))\n}\n\nfunction createScaleAnswers(count: number) {\n return Array.from({ length: count }, (_, index) => ({ title: '', orderIndex: index + 1 }))\n}\n\nexport function createSubjectDraft(type: SubjectItemType, options: CreateSubjectDraftOptions = {}) {\n if (type === SubjectType.PAGE_END) {\n return {\n customId: uid(),\n answerType: SubjectType.PAGE_END,\n }\n }\n\n const base = {\n customId: uid(),\n answerType: type as AnswerType,\n title: '',\n analysis: '',\n isEdit: true,\n examRichTextContent: '',\n }\n\n if (type === SubjectType.SINGLE || type === SubjectType.MULTIPLE || type === SubjectType.SORT) {\n return {\n ...base,\n answers: createChoiceAnswers(4),\n ...(type === SubjectType.SORT ? { leastAnswerCount: null, examExpand: '' } : {}),\n ...(options.examAnswerRelationType != null ? { examAnswerRelationType: options.examAnswerRelationType } : {}),\n }\n }\n\n if (type === SubjectType.BLANK_FILL) {\n return {\n ...base,\n answers: [],\n examAnswerSettingBO: { isInOrder: false, isIgnoreCase: true },\n }\n }\n\n if (type === SubjectType.TEXT_FILL) {\n return {\n ...base,\n answers: [{ title: '', tag: '', showInput: false }],\n examAnswerSettingBO: { isInOrder: false, isIgnoreCase: true },\n examExpand: '',\n }\n }\n\n if (type === SubjectType.SCALE) {\n return {\n ...base,\n answers: createScaleAnswers(5),\n scaleQuestionList: [],\n }\n }\n\n return {\n ...base,\n answers: [],\n }\n}\n"],"names":["createScaleAnswers","count","Array","from","length","_","index","title","orderIndex","createSubjectDraft","type","options","arguments","undefined","SubjectType","PAGE_END","customId","uid","answerType","base","analysis","isEdit","examRichTextContent","SINGLE","MULTIPLE","SORT","answers","isCorrect","leastAnswerCount","examExpand","examAnswerRelationType","BLANK_FILL","examAnswerSettingBO","isInOrder","isIgnoreCase","TEXT_FILL","tag","showInput","SCALE","scaleQuestionList"],"mappings":"gFAWA,SAASA,EAAmBC,GAC1B,OAAOC,MAAMC,KAAK,CAAEC,OAAQH,GAAS,CAACI,EAAGC,KAAA,CAAaC,MAAO,GAAIC,WAAYF,EAAQ,IACvF,CAEO,SAASG,EAAmBC,GAAgE,IAAzCC,EAAAC,UAAAR,OAAA,QAAAS,IAAAD,UAAA,GAAAA,UAAA,GAAqC,CAAA,EAC7F,GAAIF,IAASI,EAAYC,SACvB,MAAO,CACLC,SAAUC,IACVC,WAAYJ,EAAYC,UAI5B,MAAMI,EAAO,CACXH,SAAUC,IACVC,WAAYR,EACZH,MAAO,GACPa,SAAU,GACVC,QAAQ,EACRC,oBAAqB,IAGvB,OAAIZ,IAASI,EAAYS,QAAUb,IAASI,EAAYU,UAAYd,IAASI,EAAYW,KAChF,IACFN,EACHO,SA5BuBzB,EA4BM,EA3B1BC,MAAMC,KAAK,CAAEC,OAAQH,GAAS,KAAA,CAASM,MAAO,GAAIoB,WAAW,SA4B5DjB,IAASI,EAAYW,KAAO,CAAEG,iBAAkB,KAAMC,WAAY,IAAO,MACvC,MAAlClB,EAAQmB,uBAAiC,CAAEA,uBAAwBnB,EAAQmB,wBAA2B,CAAA,GAI1GpB,IAASI,EAAYiB,WAChB,IACFZ,EACHO,QAAS,GACTM,oBAAqB,CAAEC,WAAW,EAAOC,cAAc,IAIvDxB,IAASI,EAAYqB,UAChB,IACFhB,EACHO,QAAS,CAAC,CAAEnB,MAAO,GAAI6B,IAAK,GAAIC,WAAW,IAC3CL,oBAAqB,CAAEC,WAAW,EAAOC,cAAc,GACvDL,WAAY,IAIZnB,IAASI,EAAYwB,MAChB,IACFnB,EACHO,QAAS1B,EAAmB,GAC5BuC,kBAAmB,IAIhB,IACFpB,EACHO,QAAS,IA7Db,IAA6BzB,CA+D7B"}
|
package/es/subject/page-end.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{css as t,LitElement as e,html as i}from"lit";import{property as
|
|
1
|
+
import{css as t,LitElement as e,html as i}from"lit";import{property as o}from"lit/decorators.js";import{safeCustomElement as s}from"../base/define.mjs";import{sortingCardStyles as r,renderSortingCard as a}from"./sorting-card.mjs";var n=Object.defineProperty,d=Object.getOwnPropertyDescriptor,p=(t,e,i,o)=>{for(var s,r=o>1?void 0:o?d(e,i):e,a=t.length-1;a>=0;a--)(s=t[a])&&(r=(o?s(e,i,r):s(r))||r);return o&&r&&n(e,i,r),r};let c=class extends e{constructor(){super(...arguments),this["current-page-index"]=1,this["total-page"]=1,this["show-action"]=!0,this["show-add"]=!0,this["custom-id"]="",this.sorting=!1}_emit(t,e){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:e??null}))}async toJSON(){const t={answerType:"page_end"};return this["custom-id"]&&(t.customId=this["custom-id"]),t}validate(){return[]}render(){return this.sorting?a("分页边界",`第${this["current-page-index"]} / ${this["total-page"]}页`):i`
|
|
2
2
|
<div class="container">
|
|
3
3
|
<div class="divider">
|
|
4
4
|
<div class="line"></div>
|
|
@@ -16,11 +16,11 @@ import{css as t,LitElement as e,html as i}from"lit";import{property as s}from"li
|
|
|
16
16
|
></qxs-subject-action>
|
|
17
17
|
`:""}
|
|
18
18
|
</div>
|
|
19
|
-
`}};
|
|
19
|
+
`}};c.styles=[r,t`
|
|
20
20
|
:host { display: block; font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 12px; }
|
|
21
21
|
.container { width: 100%; }
|
|
22
22
|
.divider { display: flex; align-items: center; padding: 12px 0; }
|
|
23
23
|
.line { flex: 1; height: 1px; background-color: #e4e7ed; }
|
|
24
24
|
.label { padding: 0 12px; font-size: 12px; color: #8c8c8c; }
|
|
25
|
-
|
|
25
|
+
`],p([o({type:Number,attribute:"current-page-index"})],c.prototype,"current-page-index",2),p([o({type:Number,attribute:"total-page"})],c.prototype,"total-page",2),p([o({type:Boolean,attribute:"show-action"})],c.prototype,"show-action",2),p([o({type:Boolean,attribute:"show-add"})],c.prototype,"show-add",2),p([o({type:String,attribute:"custom-id"})],c.prototype,"custom-id",2),p([o({type:Boolean,reflect:!0})],c.prototype,"sorting",2),c=p([s("qxs-page-end")],c);export{c as QxsPageEnd};
|
|
26
26
|
//# sourceMappingURL=page-end.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-end.mjs","sources":["../../../../packages/components-wc/src/subject/page-end.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\n\n@safeCustomElement('qxs-page-end')\nexport class QxsPageEnd extends LitElement {\n static styles = css`\n :host { display: block; font-family: system-ui, -apple-system, \"PingFang SC\", \"Microsoft YaHei\", sans-serif; font-size: 12px; }\n .container { width: 100%; }\n .divider { display: flex; align-items: center; padding: 12px 0; }\n .line { flex: 1; height: 1px; background-color: #e4e7ed; }\n .label { padding: 0 12px; font-size: 12px; color: #8c8c8c; }\n
|
|
1
|
+
{"version":3,"file":"page-end.mjs","sources":["../../../../packages/components-wc/src/subject/page-end.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\nimport { renderSortingCard, sortingCardStyles } from './sorting-card'\n\n@safeCustomElement('qxs-page-end')\nexport class QxsPageEnd extends LitElement {\n static styles = [sortingCardStyles, css`\n :host { display: block; font-family: system-ui, -apple-system, \"PingFang SC\", \"Microsoft YaHei\", sans-serif; font-size: 12px; }\n .container { width: 100%; }\n .divider { display: flex; align-items: center; padding: 12px 0; }\n .line { flex: 1; height: 1px; background-color: #e4e7ed; }\n .label { padding: 0 12px; font-size: 12px; color: #8c8c8c; }\n `]\n\n @property({ type: Number, attribute: 'current-page-index' }) 'current-page-index' = 1\n @property({ type: Number, attribute: 'total-page' }) 'total-page' = 1\n @property({ type: Boolean, attribute: 'show-action' }) 'show-action' = true\n @property({ type: Boolean, attribute: 'show-add' }) 'show-add' = true\n @property({ type: String, attribute: 'custom-id' }) 'custom-id' = ''\n @property({ type: Boolean, reflect: true }) sorting = false\n\n private _emit(name: string, detail?: unknown) {\n this.dispatchEvent(new CustomEvent(name, { bubbles: true, composed: true, detail: detail ?? null }))\n }\n\n async toJSON(): Promise<any> {\n const result: any = {\n answerType: 'page_end',\n }\n if (this['custom-id']) {\n result.customId = this['custom-id']\n }\n return result\n }\n\n validate() {\n return []\n }\n\n render() {\n if (this.sorting) {\n return renderSortingCard('分页边界', `第${this['current-page-index']} / ${this['total-page']}页`)\n }\n\n return html`\n <div class=\"container\">\n <div class=\"divider\">\n <div class=\"line\"></div>\n <span class=\"label\">第${this['current-page-index']} / ${this['total-page']}页</span>\n <div class=\"line\"></div>\n </div>\n ${this['show-action']\n ? html`\n <qxs-subject-action\n .page-end=${true}\n .show-add=${this['show-add']}\n .show-other-option=${false}\n .show-rich-text=${false}\n @delete=${() => this._emit('delete')}\n @add=${(e: CustomEvent) => this._emit('add', e.detail)}\n ></qxs-subject-action>\n `\n : ''}\n </div>\n `\n }\n}\n\nexport function register() {\n // auto-registered via @safeCustomElement\n}\n"],"names":["QxsPageEnd","LitElement","constructor","super","arguments","this","sorting","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","toJSON","result","answerType","customId","validate","render","renderSortingCard","html","e","styles","sortingCardStyles","css","__decorateClass","property","type","Number","attribute","prototype","Boolean","String","reflect","safeCustomElement"],"mappings":"saAMO,IAAMA,EAAN,cAAyBC,EAAzBC,WAAAA,GAAAC,SAAAC,WASwDC,KAAA,sBAAuB,EAC/BA,KAAA,cAAe,EACbA,KAAA,gBAAgB,EACnBA,KAAA,aAAa,EACbA,KAAA,aAAc,GACtBA,KAAAC,SAAU,CAAA,CAE9CC,KAAAA,CAAMC,EAAcC,GAC1BJ,KAAKK,cAAc,IAAIC,YAAYH,EAAM,CAAEI,SAAS,EAAMC,UAAU,EAAMJ,OAAQA,GAAU,OAC9F,CAEA,YAAMK,GACJ,MAAMC,EAAc,CAClBC,WAAY,YAKd,OAHIX,KAAK,eACPU,EAAOE,SAAWZ,KAAK,cAElBU,CACT,CAEAG,QAAAA,GACE,MAAO,EACT,CAEAC,MAAAA,GACE,OAAId,KAAKC,QACAc,EAAkB,OAAQ,IAAIf,KAAK,2BAA2BA,KAAK,kBAGrEgB,CAAA;;;;iCAIsBhB,KAAK,2BAA2BA,KAAK;;;UAG5DA,KAAK,eACHgB,CAAA;;yBAEY;wBACAhB,KAAK;kCACI;+BACH;sBACR,IAAMA,KAAKE,MAAM;mBACnBe,GAAmBjB,KAAKE,MAAM,MAAOe,EAAEb;;UAG/C;;KAGV,GA5DWT,EACJuB,OAAS,CAACC,EAAmBC,CAAA;;;;;;KAQyBC,EAAA,CAA5DC,EAAS,CAAEC,KAAMC,OAAQC,UAAW,wBAT1B9B,EASkD+B,UAAA,qBAAA,GACRL,EAAA,CAApDC,EAAS,CAAEC,KAAMC,OAAQC,UAAW,gBAV1B9B,EAU0C+B,UAAA,aAAA,GACEL,EAAA,CAAtDC,EAAS,CAAEC,KAAMI,QAASF,UAAW,iBAX3B9B,EAW4C+B,UAAA,cAAA,GACHL,EAAA,CAAnDC,EAAS,CAAEC,KAAMI,QAASF,UAAW,cAZ3B9B,EAYyC+B,UAAA,WAAA,GACAL,EAAA,CAAnDC,EAAS,CAAEC,KAAMK,OAAQH,UAAW,eAb1B9B,EAayC+B,UAAA,YAAA,GACRL,EAAA,CAA3CC,EAAS,CAAEC,KAAMI,QAASE,SAAS,KAdzBlC,EAciC+B,UAAA,UAAA,GAdjC/B,EAAN0B,EAAA,CADNS,EAAkB,iBACNnC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{uid as t}from"../base/uid.mjs";import{SubjectType as e}from"./types.mjs";function n(){return{customId:t(),answerType:e.PAGE_END}}function r(t){return!!t&&t.answerType===e.PAGE_END}function u(e){const n=e.map(t=>({...t})),u=[];let o=!1;for(n.forEach(e=>{if(e)if(r(e)){if(!o)return;if(r(u[u.length-1]))return;u.push({...e,customId:e.customId||t()})}else o=!0,u.push(e)});u.length>0&&r(u[u.length-1]);)u.pop();return u}function o(t){const e=t.filter(t=>!r(t)).map(t=>({...t}));if(!e.length)return[];const o=[];let s=1;return e.forEach((t,e)=>{const r=Number(t.pageIndex)>0?Number(t.pageIndex):s;e>0&&r>s&&o.push(n()),o.push(t),s=r}),u(o)}function s(t){const e=[];let n=1,u=0;return t.forEach(t=>{t&&(r(t)?e.length>0&&(u+=1):(u>0&&(n+=u,u=0),e.push({...t,pageIndex:n})))}),e}function c(t,e){const r=[...u(t)];return 0===r.length?r:void 0===e||e<0||e>=r.length-1?(r.push(n()),u(r)):(r.splice(e+1,0,n()),u(r))}function f(t,e){return u(t.filter(t=>!(r(t)&&t.customId===e)))}function i(t){const e=u(t),n=e.filter(t=>r(t)).length+1;let o=1;return e.reduce((t,e,u)=>r(e)?(t.push({customId:e.customId,currentPageIndex:o,totalPage:n,itemIndex:u}),o+=1,t):t,[])}export{i as getPaginationMeta,c as insertPageBreak,r as isPageBreakItem,u as normalizePageBreaks,o as rebuildPageBreaksFromPageIndex,f as removePageBreak,s as serializeSubjectsWithPageIndex};
|
|
2
|
+
//# sourceMappingURL=pagination.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.mjs","sources":["../../../../packages/components-wc/src/subject/pagination.ts"],"sourcesContent":["import { uid } from '../base/uid'\nimport { SubjectType } from './types'\n\nexport interface SubjectLikeItem {\n answerType: string\n customId?: string\n pageIndex?: number\n [key: string]: any\n}\n\nexport interface PageBreakItem extends SubjectLikeItem {\n answerType: 'page_end'\n customId: string\n}\n\nexport interface PaginationMetaItem {\n customId: string\n currentPageIndex: number\n totalPage: number\n itemIndex: number\n}\n\nfunction createPageBreak(): PageBreakItem {\n return {\n customId: uid(),\n answerType: SubjectType.PAGE_END,\n }\n}\n\nexport function isPageBreakItem(item: SubjectLikeItem | null | undefined): item is PageBreakItem {\n return !!item && item.answerType === SubjectType.PAGE_END\n}\n\nexport function normalizePageBreaks(items: SubjectLikeItem[]): SubjectLikeItem[] {\n const normalized = items.map(item => ({ ...item }))\n const compacted: SubjectLikeItem[] = []\n let hasEncounteredQuestion = false\n\n normalized.forEach((item) => {\n if (!item) {\n return\n }\n if (isPageBreakItem(item)) {\n if (!hasEncounteredQuestion) {\n return\n }\n if (isPageBreakItem(compacted[compacted.length - 1])) {\n return\n }\n compacted.push({\n ...item,\n customId: item.customId || uid(),\n })\n return\n }\n hasEncounteredQuestion = true\n compacted.push(item)\n })\n\n while (compacted.length > 0 && isPageBreakItem(compacted[compacted.length - 1])) {\n compacted.pop()\n }\n\n return compacted\n}\n\nexport function rebuildPageBreaksFromPageIndex(items: SubjectLikeItem[]): SubjectLikeItem[] {\n const normalizedItems = items\n .filter(item => !isPageBreakItem(item))\n .map(item => ({ ...item }))\n\n if (!normalizedItems.length) {\n return []\n }\n\n const rebuilt: SubjectLikeItem[] = []\n let lastSourcePageIndex = 1\n\n normalizedItems.forEach((item, index) => {\n const nextPageIndex = Number(item.pageIndex) > 0 ? Number(item.pageIndex) : lastSourcePageIndex\n\n if (index > 0 && nextPageIndex > lastSourcePageIndex) {\n rebuilt.push(createPageBreak())\n }\n\n rebuilt.push(item)\n lastSourcePageIndex = nextPageIndex\n })\n\n return normalizePageBreaks(rebuilt)\n}\n\nexport function serializeSubjectsWithPageIndex(items: SubjectLikeItem[]): SubjectLikeItem[] {\n const serialized: SubjectLikeItem[] = []\n let pageIndex = 1\n let pendingBoundaryCount = 0\n\n items.forEach((item) => {\n if (!item) {\n return\n }\n if (isPageBreakItem(item)) {\n if (serialized.length > 0) {\n pendingBoundaryCount += 1\n }\n return\n }\n if (pendingBoundaryCount > 0) {\n pageIndex += pendingBoundaryCount\n pendingBoundaryCount = 0\n }\n serialized.push({\n ...item,\n pageIndex,\n })\n })\n\n return serialized\n}\n\nexport function insertPageBreak(items: SubjectLikeItem[], index?: number): SubjectLikeItem[] {\n const normalized = normalizePageBreaks(items)\n const next = [...normalized]\n\n if (next.length === 0) {\n return next\n }\n\n if (index === undefined || index < 0 || index >= next.length - 1) {\n next.push(createPageBreak())\n return normalizePageBreaks(next)\n }\n\n next.splice(index + 1, 0, createPageBreak())\n return normalizePageBreaks(next)\n}\n\nexport function removePageBreak(items: SubjectLikeItem[], customId: string): SubjectLikeItem[] {\n return normalizePageBreaks(items.filter(item => !(isPageBreakItem(item) && item.customId === customId)))\n}\n\nexport function getPaginationMeta(items: SubjectLikeItem[]): PaginationMetaItem[] {\n const normalized = normalizePageBreaks(items)\n const totalPage = normalized.filter(item => isPageBreakItem(item)).length + 1\n let currentPageIndex = 1\n\n return normalized.reduce<PaginationMetaItem[]>((result, item, itemIndex) => {\n if (!isPageBreakItem(item)) {\n return result\n }\n result.push({\n customId: item.customId,\n currentPageIndex,\n totalPage,\n itemIndex,\n })\n currentPageIndex += 1\n return result\n }, [])\n}\n"],"names":["createPageBreak","customId","uid","answerType","SubjectType","PAGE_END","isPageBreakItem","item","normalizePageBreaks","items","normalized","map","compacted","hasEncounteredQuestion","forEach","length","push","pop","rebuildPageBreaksFromPageIndex","normalizedItems","filter","rebuilt","lastSourcePageIndex","index","nextPageIndex","Number","pageIndex","serializeSubjectsWithPageIndex","serialized","pendingBoundaryCount","insertPageBreak","next","splice","removePageBreak","getPaginationMeta","totalPage","currentPageIndex","reduce","result","itemIndex"],"mappings":"gFAsBA,SAASA,IACP,MAAO,CACLC,SAAUC,IACVC,WAAYC,EAAYC,SAE5B,CAEO,SAASC,EAAgBC,GAC9B,QAASA,GAAQA,EAAKJ,aAAeC,EAAYC,QACnD,CAEO,SAASG,EAAoBC,GAClC,MAAMC,EAAaD,EAAME,YAAkBJ,KACrCK,EAA+B,GACrC,IAAIC,GAAyB,EAuB7B,IArBAH,EAAWI,QAASP,IAClB,GAAKA,EAGL,GAAID,EAAgBC,GAApB,CACE,IAAKM,EACH,OAEF,GAAIP,EAAgBM,EAAUA,EAAUG,OAAS,IAC/C,OAEFH,EAAUI,KAAK,IACVT,EACHN,SAAUM,EAAKN,UAAYC,KAG/B,MACAW,GAAyB,EACzBD,EAAUI,KAAKT,KAGVK,EAAUG,OAAS,GAAKT,EAAgBM,EAAUA,EAAUG,OAAS,KAC1EH,EAAUK,MAGZ,OAAOL,CACT,CAEO,SAASM,EAA+BT,GAC7C,MAAMU,EAAkBV,EACrBW,OAAOb,IAASD,EAAgBC,IAChCI,IAAIJ,IAAA,IAAcA,KAErB,IAAKY,EAAgBJ,OACnB,MAAO,GAGT,MAAMM,EAA6B,GACnC,IAAIC,EAAsB,EAa1B,OAXAH,EAAgBL,QAAQ,CAACP,EAAMgB,KAC7B,MAAMC,EAAgBC,OAAOlB,EAAKmB,WAAa,EAAID,OAAOlB,EAAKmB,WAAaJ,EAExEC,EAAQ,GAAKC,EAAgBF,GAC/BD,EAAQL,KAAKhB,KAGfqB,EAAQL,KAAKT,GACbe,EAAsBE,IAGjBhB,EAAoBa,EAC7B,CAEO,SAASM,EAA+BlB,GAC7C,MAAMmB,EAAgC,GACtC,IAAIF,EAAY,EACZG,EAAuB,EAsB3B,OApBApB,EAAMK,QAASP,IACRA,IAGDD,EAAgBC,GACdqB,EAAWb,OAAS,IACtBc,GAAwB,IAIxBA,EAAuB,IACzBH,GAAaG,EACbA,EAAuB,GAEzBD,EAAWZ,KAAK,IACXT,EACHmB,kBAIGE,CACT,CAEO,SAASE,EAAgBrB,EAA0Bc,GACxD,MACMQ,EAAO,IADMvB,EAAoBC,IAGvC,OAAoB,IAAhBsB,EAAKhB,OACAgB,OAGK,IAAVR,GAAuBA,EAAQ,GAAKA,GAASQ,EAAKhB,OAAS,GAC7DgB,EAAKf,KAAKhB,KACHQ,EAAoBuB,KAG7BA,EAAKC,OAAOT,EAAQ,EAAG,EAAGvB,KACnBQ,EAAoBuB,GAC7B,CAEO,SAASE,EAAgBxB,EAA0BR,GACxD,OAAOO,EAAoBC,EAAMW,OAAOb,KAAUD,EAAgBC,IAASA,EAAKN,WAAaA,IAC/F,CAEO,SAASiC,EAAkBzB,GAChC,MAAMC,EAAaF,EAAoBC,GACjC0B,EAAYzB,EAAWU,OAAOb,GAAQD,EAAgBC,IAAOQ,OAAS,EAC5E,IAAIqB,EAAmB,EAEvB,OAAO1B,EAAW2B,OAA6B,CAACC,EAAQ/B,EAAMgC,IACvDjC,EAAgBC,IAGrB+B,EAAOtB,KAAK,CACVf,SAAUM,EAAKN,SACfmC,mBACAD,YACAI,cAEFH,GAAoB,EACbE,GATEA,EAUR,GACL"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{serializeSubjectsWithPageIndex as n}from"./pagination.mjs";import{SubjectError as t}from"./single.mjs";const o=["qxs-subject-single","qxs-blank-fill","qxs-text-fill","qxs-scale","qxs-page-end"].join(", ");function e(n){return Array.from(n.querySelectorAll(o))}function r(n){const t=[];for(const o of n){if("function"!=typeof o.validate)continue;const n=o.validate();Array.isArray(n)&&n.length&&t.push(...n)}return{valid:0===t.length,errors:t}}async function s(o){const e=[],r=[];for(const n of o)if("function"==typeof n.toJSON)try{e.push(await n.toJSON())}catch(n){n instanceof t?r.push(n):r.push(new t(n?.message||"未知错误","UNKNOWN","unknown"))}if(r.length)throw r;return n(e)}export{o as SUBJECT_ELEMENT_SELECTOR,e as collectSubjectElements,s as serializeSubjectElements,r as validateSubjectElements};
|
|
2
|
+
//# sourceMappingURL=runtime.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"runtime.mjs","sources":["../../../../packages/components-wc/src/subject/runtime.ts"],"sourcesContent":["import { serializeSubjectsWithPageIndex } from './pagination'\nimport { SubjectError } from './single'\n\nexport const SUBJECT_ELEMENT_SELECTOR = [\n 'qxs-subject-single',\n 'qxs-blank-fill',\n 'qxs-text-fill',\n 'qxs-scale',\n 'qxs-page-end',\n].join(', ')\n\nexport type SubjectElement = HTMLElement & {\n toJSON?: () => Promise<any>\n validate?: () => SubjectError[]\n}\n\nexport function collectSubjectElements(root: ParentNode): SubjectElement[] {\n return Array.from(root.querySelectorAll<SubjectElement>(SUBJECT_ELEMENT_SELECTOR))\n}\n\nexport function validateSubjectElements(elements: Iterable<SubjectElement>): { valid: boolean, errors: SubjectError[] } {\n const errors: SubjectError[] = []\n\n for (const element of elements) {\n if (typeof element.validate !== 'function') {\n continue\n }\n const nextErrors = element.validate()\n if (Array.isArray(nextErrors) && nextErrors.length) {\n errors.push(...nextErrors)\n }\n }\n\n return {\n valid: errors.length === 0,\n errors,\n }\n}\n\nexport async function serializeSubjectElements(elements: Iterable<SubjectElement>): Promise<any[]> {\n const results: any[] = []\n const errors: SubjectError[] = []\n\n for (const element of elements) {\n if (typeof element.toJSON !== 'function') {\n continue\n }\n try {\n results.push(await element.toJSON())\n }\n catch (error: any) {\n if (error instanceof SubjectError) {\n errors.push(error)\n }\n else {\n errors.push(new SubjectError(error?.message || '未知错误', 'UNKNOWN', 'unknown'))\n }\n }\n }\n\n if (errors.length) {\n throw errors\n }\n\n return serializeSubjectsWithPageIndex(results)\n}\n"],"names":["SUBJECT_ELEMENT_SELECTOR","join","collectSubjectElements","root","Array","from","querySelectorAll","validateSubjectElements","elements","errors","element","validate","nextErrors","isArray","length","push","valid","async","serializeSubjectElements","results","toJSON","error","SubjectError","message","serializeSubjectsWithPageIndex"],"mappings":"oHAGaA,EAA2B,CACtC,qBACA,iBACA,gBACA,YACA,gBACAC,KAAK,MAOA,SAASC,EAAuBC,GACrC,OAAOC,MAAMC,KAAKF,EAAKG,iBAAiCN,GAC1D,CAEO,SAASO,EAAwBC,GACtC,MAAMC,EAAyB,GAE/B,IAAA,MAAWC,KAAWF,EAAU,CAC9B,GAAgC,mBAArBE,EAAQC,SACjB,SAEF,MAAMC,EAAaF,EAAQC,WACvBP,MAAMS,QAAQD,IAAeA,EAAWE,QAC1CL,EAAOM,QAAQH,EAEnB,CAEA,MAAO,CACLI,MAAyB,IAAlBP,EAAOK,OACdL,SAEJ,CAEAQ,eAAsBC,EAAyBV,GAC7C,MAAMW,EAAiB,GACjBV,EAAyB,GAE/B,IAAA,MAAWC,KAAWF,EACpB,GAA8B,mBAAnBE,EAAQU,OAGnB,IACED,EAAQJ,WAAWL,EAAQU,SAC7B,OACOC,GACDA,aAAiBC,EACnBb,EAAOM,KAAKM,GAGZZ,EAAOM,KAAK,IAAIO,EAAaD,GAAOE,SAAW,OAAQ,UAAW,WAEtE,CAGF,GAAId,EAAOK,OACT,MAAML,EAGR,OAAOe,EAA+BL,EACxC"}
|