@qxs-bns/components-wc 0.0.25 → 0.0.26
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/subject/blank-fill.mjs +23 -48
- package/es/subject/blank-fill.mjs.map +1 -1
- package/es/subject/list.mjs +57 -99
- package/es/subject/list.mjs.map +1 -1
- package/es/subject/scale.mjs +72 -143
- package/es/subject/scale.mjs.map +1 -1
- package/es/subject/single.mjs +38 -64
- package/es/subject/single.mjs.map +1 -1
- package/es/subject/text-fill.mjs +13 -37
- package/es/subject/text-fill.mjs.map +1 -1
- package/lib/subject/blank-fill.cjs +10 -35
- package/lib/subject/blank-fill.cjs.map +1 -1
- package/lib/subject/list.cjs +16 -58
- package/lib/subject/list.cjs.map +1 -1
- package/lib/subject/scale.cjs +71 -142
- package/lib/subject/scale.cjs.map +1 -1
- package/lib/subject/single.cjs +39 -65
- package/lib/subject/single.cjs.map +1 -1
- package/lib/subject/text-fill.cjs +14 -38
- package/lib/subject/text-fill.cjs.map +1 -1
- package/package.json +1 -1
package/es/subject/scale.mjs
CHANGED
|
@@ -1,168 +1,122 @@
|
|
|
1
|
-
import{html as t,css as e,LitElement as s}from"lit";import{property as i,state as
|
|
1
|
+
import{html as t,css as e,LitElement as s}from"lit";import{property as i,state as o}from"lit/decorators.js";import{safeCustomElement as r}from"../base/define.mjs";import{SubjectError as n}from"./single.mjs";import{SubjectType as a}from"./types.mjs";var l=Object.defineProperty,d=Object.getOwnPropertyDescriptor,h=(t,e,s,i)=>{for(var o,r=i>1?void 0:i?d(e,s):e,n=t.length-1;n>=0;n--)(o=t[n])&&(r=(i?o(e,s,r):o(r))||r);return i&&r&&l(e,s,r),r};function p(){return{title:""}}function c(){return Array.from({length:5},p)}function u(t){const e={...t,title:String(t?.title??t?.answer??"")},s=t?.answerId??t?.examAnswerId;return void 0!==s&&(e.answerId=s),delete e.answer,delete e.examAnswerId,e}function x(t,e){const s={...u(t),orderIndex:e+1,answer:String(t?.title??t?.answer??"")};return s.title=String(s.title??""),void 0!==s.answerId&&(s.examAnswerId=s.answerId),void 0===s.answerId&&delete s.answerId,void 0===s.isCorrect&&delete s.isCorrect,s}const w=t`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>`,m=t`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg>`;let y=class extends s{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["show-action"]=!0,this["show-add"]=!0,this.analysis="",this["rich-text-content"]="",this["exam-answer-relation-type"]=0,this["upload-image"]=async t=>new Promise((e,s)=>{const i=new FileReader;i.onload=t=>e(t.target?.result),i.onerror=s,i.readAsDataURL(t)}),this._answers=c(),this._scaleQuestions=[],this._rowTitle="",this._title="",this._showRichText=!1,this._richText="",this["model-value"]="",this["use-model"]=!1,this.TITLE_MAX=200}get"answer-list"(){return this._answers}set"answer-list"(t){this._answers=Array.isArray(t)?function(t){return Array.isArray(t)?t.slice(0,5).map(u):[]}(t):c(),this.requestUpdate("answer-list")}get"scale-question-list"(){return this._scaleQuestions}set"scale-question-list"(t){this._scaleQuestions=function(t){return Array.isArray(t)?t.map(t=>String(t??"").trim()).filter(Boolean):[]}(t),this.requestUpdate("scale-question-list")}get"scale-questions"(){return this._scaleQuestions}set"scale-questions"(t){this["scale-question-list"]=t,this.requestUpdate("scale-questions")}willUpdate(t){const e=t.has("title")||t.has("answer-list")||t.has("rich-text-content")||t.has("scale-question-list")||t.has("scale-questions");(t.has("is-edit")&&this["is-edit"]||!this["is-edit"]&&e)&&this._syncProps(),t.has("model-value")&&this["use-model"]&&(this._title=this["model-value"])}_syncProps(){this._title=this.title||"",this._rowTitle=this._scaleQuestions.join("\n"),this._richText=this["rich-text-content"]||"",this._showRichText=!!this["rich-text-content"]}_emit(t,e){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:e??null}))}_onTitleInput(t){const e=t.target;e.value.length>this.TITLE_MAX&&(e.value=e.value.slice(0,this.TITLE_MAX)),this._title=e.value,this["use-model"]&&this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail:this._title}))}_resolvedQuestions(){const t=this["is-edit"]?this._rowTitle:this._scaleQuestions.join("\n");return t.split("\n").map(t=>t.trim()).filter(Boolean)}async toJSON(){return new Promise((t,e)=>{const s={customId:this["custom-id"]||void 0,answerType:a.SCALE,orderIndex:this["order-index"]},i=this["is-edit"]?this._title:this.title||"",o=this["is-edit"]?this._answers:this["answer-list"],r=this._resolvedQuestions(),l=this["is-edit"]?this._richText:this["rich-text-content"]||"",d=this["is-edit"]?this._showRichText:!!this["rich-text-content"];if(!i)return void e(new n("题目标题不能为空!","EMPTY_TITLE","title",s));for(let t=0;t<o.length;t++)if(!o[t].title)return void e(new n(`选项${String.fromCharCode(65+t)}未填写。`,"ANSWER_EMPTY","answers",s));if(0===r.length)return void e(new n("行标题不能为空!","EMPTY_ROW_TITLE","rowTitle",s));const h={answerType:a.SCALE,examTypeEnum:a.SCALE,title:i,answers:o.map(x),scaleQuestionList:r,analysis:this.analysis||"",examRichTextContent:d?l:"",isSetCorrectAnswer:!1};this["custom-id"]&&(h.customId=this["custom-id"]),t(h)})}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:a.SCALE,orderIndex:this["order-index"]},s=this["is-edit"]?this._title:this.title||"",i=this["is-edit"]?this._answers:this["answer-list"],o=this._resolvedQuestions();return s||t.push(new n("题目标题不能为空!","EMPTY_TITLE","title",e)),i.forEach((s,i)=>{s.title||t.push(new n(`选项${String.fromCharCode(65+i)}未填写`,"ANSWER_EMPTY","answers",e))}),0===o.length&&t.push(new n("行标题不能为空!","EMPTY_ROW_TITLE","rowTitle",e)),t}_renderPreview(){const e=Math.floor(100/((this._answers.length||1)+1));return t`
|
|
2
2
|
<div class="preview">
|
|
3
3
|
<span class="title">${this["order-index"]+1}.${this.title}(量表题)</span>
|
|
4
4
|
${this["rich-text-content"]?t`<div style="margin-top:8px" .innerHTML=${this["rich-text-content"]}></div>`:""}
|
|
5
5
|
<table class="scale-table">
|
|
6
|
-
<thead
|
|
7
|
-
<
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
<thead>
|
|
7
|
+
<tr>
|
|
8
|
+
<th style="width:${e}%">问题 \ 选项</th>
|
|
9
|
+
${this._answers.map(s=>t`<th style="width:${e}%">${s.title}</th>`)}
|
|
10
|
+
</tr>
|
|
11
|
+
</thead>
|
|
10
12
|
<tbody>
|
|
11
13
|
${this._scaleQuestions.map(e=>t`
|
|
12
|
-
<tr
|
|
14
|
+
<tr>
|
|
15
|
+
<td>${e}</td>
|
|
16
|
+
${this._answers.map(()=>t`<td><input type="radio" disabled /></td>`)}
|
|
17
|
+
</tr>
|
|
13
18
|
`)}
|
|
14
19
|
</tbody>
|
|
15
20
|
</table>
|
|
16
|
-
${this.analysis?t`<div style="color:#909399;font-size:12px;margin-top:8px">解析: ${this.analysis}</div>`:""}
|
|
17
|
-
${this["show-category"]&&this._categoryId?t`<div class="section-row"><span class="value-text">分类:${this._categoryLabel()}</span></div>`:""}
|
|
18
|
-
${this["show-tag"]&&this._selectedTagList.length?t`
|
|
19
|
-
<div class="section-row">
|
|
20
|
-
<span class="value-text">标签/关键信息:</span>
|
|
21
|
-
<div class="tag-list" style="margin-top:6px">
|
|
22
|
-
${this._selectedTagList.map(e=>t`<span class="tag-item">${e.tagName}</span>`)}
|
|
23
|
-
</div>
|
|
24
|
-
</div>
|
|
25
|
-
`:""}
|
|
26
|
-
${this._renderResourceSection()}
|
|
27
|
-
</div>
|
|
28
|
-
`}_renderTagSection(){return this["show-tag"]?t`
|
|
29
|
-
<div class="flex-items-start section-row">
|
|
30
|
-
<div class="label"><span>标签:</span></div>
|
|
31
|
-
<div style="flex:1">
|
|
32
|
-
<div class="tag-list">
|
|
33
|
-
${this._selectedTagList.length?this._selectedTagList.map(e=>t`
|
|
34
|
-
<span class="tag-item">
|
|
35
|
-
${e.tagName}
|
|
36
|
-
${this["is-save"]?"":t`<span class="close" @click=${()=>this._removeTag(e.tagId)}>×</span>`}
|
|
37
|
-
</span>
|
|
38
|
-
`):t`<span class="tag-hint">暂无标签/关键信息</span>`}
|
|
39
|
-
</div>
|
|
40
|
-
${this["is-edit"]&&!this["is-save"]?t`<div style="margin-top:8px"><span class="el-link" @click=${()=>this._chooseTag()}>选择</span></div>`:""}
|
|
41
|
-
</div>
|
|
42
|
-
</div>
|
|
43
|
-
`:""}_renderCategorySection(){return this["show-category"]?t`
|
|
44
|
-
<div class="flex-items-start section-row">
|
|
45
|
-
<div class="label"><span>分类:</span></div>
|
|
46
|
-
<div style="flex:1">
|
|
47
|
-
${this["is-edit"]?t`
|
|
48
|
-
<select class="el-select" .value=${String(this._categoryId)} ?disabled=${this["is-save"]}
|
|
49
|
-
@change=${t=>this._onCategoryChange(t.target.value)}>
|
|
50
|
-
<option value="">选择分类</option>
|
|
51
|
-
${this["category-list"].map(e=>t`
|
|
52
|
-
<option value=${String(e.categoryId)} ?selected=${String(e.categoryId)===String(this._categoryId)}>${e.title||e.categoryName}</option>
|
|
53
|
-
`)}
|
|
54
|
-
</select>
|
|
55
|
-
`:t`<span class="value-text">${this._categoryLabel()}</span>`}
|
|
56
|
-
</div>
|
|
57
|
-
</div>
|
|
58
|
-
`:""}_renderResourceSection(){if(!this["show-resource"])return"";const e=this._imageResources(),s=this._videoResource();return t`
|
|
59
|
-
<div class="flex-items-start section-row">
|
|
60
|
-
<div class="label"><span>资源:</span></div>
|
|
61
|
-
<div style="flex:1">
|
|
62
|
-
<div class="resource-summary">图片 ${e.length} 张${s?.url?",含视频资源":""}</div>
|
|
63
|
-
${e.length?t`
|
|
64
|
-
<div class="resource-thumbs">
|
|
65
|
-
${e.slice(0,4).map(e=>t`<img class="resource-thumb" src=${e} alt="resource" />`)}
|
|
66
|
-
</div>
|
|
67
|
-
`:""}
|
|
68
|
-
${s?.url?t`<div style="margin-top:8px"><a class="el-link" href=${s.url} target="_blank" rel="noreferrer">查看视频</a></div>`:""}
|
|
69
|
-
${e.length||s?.url?"":t`<div class="tag-hint">暂无资源</div>`}
|
|
70
|
-
</div>
|
|
71
21
|
</div>
|
|
72
22
|
`}_renderEdit(){return t`
|
|
73
23
|
<div class="flex-items-start">
|
|
74
24
|
<div class="label"><span>题目:</span></div>
|
|
75
25
|
<div style="flex:1">
|
|
76
26
|
<div class="el-input">
|
|
77
|
-
<textarea
|
|
27
|
+
<textarea
|
|
28
|
+
rows="2"
|
|
29
|
+
.value=${this._title}
|
|
78
30
|
maxlength=${this.TITLE_MAX}
|
|
79
31
|
@input=${t=>this._onTitleInput(t)}
|
|
80
|
-
placeholder="【量表题】请输入问题"
|
|
32
|
+
placeholder="【量表题】请输入问题"
|
|
33
|
+
></textarea>
|
|
81
34
|
<span class="char-counter">${this._title.length}/${this.TITLE_MAX}</span>
|
|
82
35
|
</div>
|
|
83
36
|
</div>
|
|
84
37
|
</div>
|
|
85
38
|
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
${this._renderCategorySection()}
|
|
89
|
-
|
|
90
|
-
${this._renderResourceSection()}
|
|
39
|
+
<slot name="business-tag"></slot>
|
|
91
40
|
|
|
92
41
|
<div class="flex-items-start" style="margin-top:12px">
|
|
93
42
|
<div class="label"><span>行标题:</span></div>
|
|
94
43
|
<div class="flex" style="flex:1">
|
|
95
44
|
<div class="el-input" style="width:160px">
|
|
96
|
-
<textarea
|
|
45
|
+
<textarea
|
|
46
|
+
class="row-title-textarea"
|
|
47
|
+
.value=${this._rowTitle}
|
|
97
48
|
@input=${t=>{this._rowTitle=t.target.value}}
|
|
98
49
|
@keydown=${t=>{t.stopPropagation()}}
|
|
99
|
-
placeholder="请输入行标题"
|
|
50
|
+
placeholder="请输入行标题"
|
|
51
|
+
></textarea>
|
|
100
52
|
</div>
|
|
101
53
|
<div style="flex:1;margin-left:12px">
|
|
102
54
|
${this._answers.map((e,s)=>t`
|
|
103
55
|
<div class="answer-item">
|
|
104
56
|
<span class="label">${String.fromCharCode(65+s)}.</span>
|
|
105
57
|
<div class="input">
|
|
106
|
-
<input
|
|
58
|
+
<input
|
|
59
|
+
type="text"
|
|
60
|
+
.value=${e.title}
|
|
107
61
|
maxlength="10"
|
|
108
62
|
@input=${t=>{const e=t.target.value;this._answers=this._answers.map((t,i)=>i===s?{...t,title:e}:t)}}
|
|
109
|
-
placeholder="选项${s+1}"
|
|
63
|
+
placeholder="选项${s+1}"
|
|
64
|
+
/>
|
|
110
65
|
</div>
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
66
|
+
<span
|
|
67
|
+
class="icon"
|
|
68
|
+
@click=${()=>{this._answers.length<5&&(this._answers=[...this._answers,{title:""}])}}
|
|
69
|
+
>${w}</span>
|
|
70
|
+
<span
|
|
71
|
+
class="icon ${this._answers.length<3?"disabled":""}"
|
|
72
|
+
@click=${()=>{this._answers.length>3&&(this._answers=this._answers.filter((t,e)=>e!==s))}}
|
|
73
|
+
>${m}</span>
|
|
115
74
|
</div>
|
|
116
75
|
`)}
|
|
117
76
|
</div>
|
|
118
77
|
</div>
|
|
119
78
|
</div>
|
|
120
79
|
|
|
121
|
-
<div class="flex-items-start" style="margin-top:12px">
|
|
122
|
-
<div class="label"><span>解析:</span></div>
|
|
123
|
-
<div style="flex:1">
|
|
124
|
-
<div class="el-input">
|
|
125
|
-
<textarea rows="2" .value=${this._analysis} ?disabled=${this["is-save"]}
|
|
126
|
-
@input=${t=>{this._analysis=t.target.value}}
|
|
127
|
-
placeholder="请输入题目解析"></textarea>
|
|
128
|
-
</div>
|
|
129
|
-
</div>
|
|
130
|
-
</div>
|
|
131
|
-
|
|
132
80
|
${this._showRichText?t`
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
81
|
+
<div class="flex-items-start" style="margin-top:12px">
|
|
82
|
+
<div class="label"><span>富文本:</span></div>
|
|
83
|
+
<div style="flex:1">
|
|
84
|
+
<qxs-blocksuite-editor
|
|
85
|
+
.content=${this._richText}
|
|
86
|
+
.upload-image=${this["upload-image"]}
|
|
87
|
+
?is-edit=${!0}
|
|
88
|
+
></qxs-blocksuite-editor>
|
|
89
|
+
${this["show-action"]?"":t`
|
|
90
|
+
<div class="flex-justify-end" style="margin-top:8px">
|
|
91
|
+
<span
|
|
92
|
+
class="el-link danger"
|
|
93
|
+
@click=${()=>{this._showRichText=!1,this._richText=""}}
|
|
94
|
+
>删除富文本</span>
|
|
95
|
+
</div>
|
|
96
|
+
`}
|
|
97
|
+
</div>
|
|
98
|
+
</div>
|
|
99
|
+
`:""}
|
|
100
|
+
`}render(){const e=this["is-edit"]?t`<div slot="edit">${this._renderEdit()}</div>`:t`<div slot="preview">${this._renderPreview()}</div>`;return t`
|
|
146
101
|
<qxs-subject-layout .show-edit=${this["is-edit"]}>
|
|
147
|
-
|
|
148
|
-
<div slot="edit">${this._renderEdit()}</div>
|
|
102
|
+
${e}
|
|
149
103
|
${this["show-action"]?t`
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
104
|
+
<qxs-subject-action
|
|
105
|
+
.is-edit=${this["is-edit"]}
|
|
106
|
+
.is-set=${this["is-set"]}
|
|
107
|
+
.show-add=${this["show-add"]}
|
|
108
|
+
.show-rich-text=${this._showRichText}
|
|
109
|
+
.show-other-option=${!1}
|
|
110
|
+
exam-answer-relation-type=${this["exam-answer-relation-type"]}
|
|
111
|
+
@delete=${()=>this._emit("delete")}
|
|
112
|
+
@save=${this._save}
|
|
113
|
+
@edit=${()=>this._emit("edit")}
|
|
114
|
+
@add=${t=>this._emit("add",t.detail)}
|
|
115
|
+
@on-show-rich-text=${()=>{this._showRichText=!this._showRichText,this._showRichText||(this._richText="")}}
|
|
116
|
+
></qxs-subject-action>
|
|
117
|
+
`:""}
|
|
164
118
|
</qxs-subject-layout>
|
|
165
|
-
`}};
|
|
119
|
+
`}};y.styles=e`
|
|
166
120
|
:host { display: block; font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 12px; color: #5a5a5a; }
|
|
167
121
|
*, ::before, ::after { box-sizing: border-box; }
|
|
168
122
|
|
|
@@ -173,7 +127,6 @@ import{html as t,css as e,LitElement as s}from"lit";import{property as i,state a
|
|
|
173
127
|
.scale-table th { background: #f5f7fa; color: #909399; }
|
|
174
128
|
|
|
175
129
|
.flex { display: flex; }
|
|
176
|
-
.flex-items-center { display: flex; align-items: center; }
|
|
177
130
|
.flex-items-start { display: flex; align-items: flex-start; }
|
|
178
131
|
.flex-justify-end { display: flex; justify-content: flex-end; }
|
|
179
132
|
.label { min-width: 60px; font-size: 13px; color: #606266; }
|
|
@@ -194,7 +147,6 @@ import{html as t,css as e,LitElement as s}from"lit";import{property as i,state a
|
|
|
194
147
|
}
|
|
195
148
|
|
|
196
149
|
.el-link { color: #3D61E3; cursor: pointer; font-size: 12px; }
|
|
197
|
-
.el-link:hover { color: #2D4CB8; }
|
|
198
150
|
.el-link.danger { color: #f56c6c; }
|
|
199
151
|
|
|
200
152
|
.answer-item { display: flex; align-items: center; margin-top: 6px; }
|
|
@@ -219,28 +171,5 @@ import{html as t,css as e,LitElement as s}from"lit";import{property as i,state a
|
|
|
219
171
|
.answer-item .icon.disabled { color: #e4e7ed; border-color: #e4e7ed; cursor: not-allowed; }
|
|
220
172
|
|
|
221
173
|
.row-title-textarea { height: 200px; }
|
|
222
|
-
|
|
223
|
-
.value-text { font-size: 13px; color: #606266; white-space: pre-wrap; }
|
|
224
|
-
.tag-list { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 32px; }
|
|
225
|
-
.tag-item {
|
|
226
|
-
display: inline-flex; align-items: center; gap: 4px;
|
|
227
|
-
padding: 4px 8px; font-size: 12px; line-height: 1;
|
|
228
|
-
color: #3D61E3; background: #ecf5ff; border: 1px solid #d9ecff; border-radius: 4px;
|
|
229
|
-
}
|
|
230
|
-
.tag-item .close { cursor: pointer; color: #909399; }
|
|
231
|
-
.tag-item .close:hover { color: #f56c6c; }
|
|
232
|
-
.tag-hint { font-size: 12px; color: #909399; }
|
|
233
|
-
.el-select {
|
|
234
|
-
width: 150px; height: 32px; border: 1px solid #dcdfe6; border-radius: 3px;
|
|
235
|
-
padding: 0 8px; font-size: 13px; background: #fff; appearance: none;
|
|
236
|
-
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");
|
|
237
|
-
background-repeat: no-repeat; background-position: right 8px center;
|
|
238
|
-
}
|
|
239
|
-
.resource-summary { font-size: 12px; color: #606266; }
|
|
240
|
-
.resource-thumbs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
|
|
241
|
-
.resource-thumb {
|
|
242
|
-
width: 72px; height: 72px; object-fit: cover; border-radius: 6px;
|
|
243
|
-
border: 1px solid #e4e7ed; background: #f5f7fa;
|
|
244
|
-
}
|
|
245
|
-
`,h([i({type:Number,attribute:"order-index"})],u.prototype,"order-index",2),h([i({type:String})],u.prototype,"title",2),h([i({type:String,attribute:"custom-id"})],u.prototype,"custom-id",2),h([i({type:Boolean,attribute:"is-edit"})],u.prototype,"is-edit",2),h([i({type:Boolean,attribute:"is-save"})],u.prototype,"is-save",2),h([i({type:Boolean,attribute:"is-set"})],u.prototype,"is-set",2),h([i({type:Boolean,attribute:"show-action"})],u.prototype,"show-action",2),h([i({type:Boolean,attribute:"show-add"})],u.prototype,"show-add",2),h([i({type:Boolean,attribute:"show-analysis"})],u.prototype,"show-analysis",2),h([i({type:String})],u.prototype,"analysis",2),h([i({type:String,attribute:"rich-text-content"})],u.prototype,"rich-text-content",2),h([i({type:Number,attribute:"exam-answer-relation-type"})],u.prototype,"exam-answer-relation-type",2),h([i({type:Number,attribute:"exam-id"})],u.prototype,"exam-id",2),h([i({type:String,attribute:"category-id"})],u.prototype,"category-id",2),h([i({type:Array,attribute:"tag-list"})],u.prototype,"tag-list",2),h([i({type:Array,attribute:"category-list"})],u.prototype,"category-list",2),h([i({type:Array,attribute:"resource-list"})],u.prototype,"resource-list",2),h([i({type:Boolean,attribute:"show-tag"})],u.prototype,"show-tag",2),h([i({type:Boolean,attribute:"show-category"})],u.prototype,"show-category",2),h([i({type:Boolean,attribute:"show-resource"})],u.prototype,"show-resource",2),h([i({type:Object,attribute:"upload-image"})],u.prototype,"upload-image",2),h([i({type:Array,attribute:"answer-list"})],u.prototype,"answer-list",1),h([i({type:Array,attribute:"scale-questions"})],u.prototype,"scale-questions",1),h([a()],u.prototype,"_answers",2),h([a()],u.prototype,"_scaleQuestions",2),h([a()],u.prototype,"_rowTitle",2),h([a()],u.prototype,"_title",2),h([a()],u.prototype,"_analysis",2),h([a()],u.prototype,"_showRichText",2),h([a()],u.prototype,"_richText",2),h([a()],u.prototype,"_selectedTagList",2),h([a()],u.prototype,"_categoryId",2),h([i({type:String,attribute:"model-value"})],u.prototype,"model-value",2),h([i({type:Boolean,attribute:"use-model"})],u.prototype,"use-model",2),u=h([r("qxs-scale")],u);export{u as QxsScale};
|
|
174
|
+
`,h([i({type:Number,attribute:"order-index"})],y.prototype,"order-index",2),h([i({type:String})],y.prototype,"title",2),h([i({type:String,attribute:"custom-id"})],y.prototype,"custom-id",2),h([i({type:Boolean,attribute:"is-edit"})],y.prototype,"is-edit",2),h([i({type:Boolean,attribute:"is-save"})],y.prototype,"is-save",2),h([i({type:Boolean,attribute:"is-set"})],y.prototype,"is-set",2),h([i({type:Boolean,attribute:"show-action"})],y.prototype,"show-action",2),h([i({type:Boolean,attribute:"show-add"})],y.prototype,"show-add",2),h([i({type:String})],y.prototype,"analysis",2),h([i({type:String,attribute:"rich-text-content"})],y.prototype,"rich-text-content",2),h([i({type:Number,attribute:"exam-answer-relation-type"})],y.prototype,"exam-answer-relation-type",2),h([i({type:Object,attribute:"upload-image"})],y.prototype,"upload-image",2),h([i({type:Array,attribute:"answer-list"})],y.prototype,"answer-list",1),h([i({type:Array,attribute:"scale-question-list"})],y.prototype,"scale-question-list",1),h([i({type:Array,attribute:"scale-questions"})],y.prototype,"scale-questions",1),h([o()],y.prototype,"_answers",2),h([o()],y.prototype,"_scaleQuestions",2),h([o()],y.prototype,"_rowTitle",2),h([o()],y.prototype,"_title",2),h([o()],y.prototype,"_showRichText",2),h([o()],y.prototype,"_richText",2),h([i({type:String,attribute:"model-value"})],y.prototype,"model-value",2),h([i({type:Boolean,attribute:"use-model"})],y.prototype,"use-model",2),y=h([r("qxs-scale")],y);export{y as QxsScale};
|
|
246
175
|
//# sourceMappingURL=scale.mjs.map
|
package/es/subject/scale.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scale.mjs","sources":["../../../../packages/components-wc/src/subject/scale.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 ScaleAnswer {\n title: string\n answerId?: string | number\n [key: string]: any\n}\n\nconst iconPlus = html`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></svg>`\nconst iconRemove = html`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></svg>`\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-scale')\nexport class QxsScale 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 .scale-table { width: 100%; border-collapse: collapse; font-size: 12px; margin-top: 12px; }\n .scale-table th, .scale-table td { border: 1px solid #e4e7ed; padding: 6px 4px; text-align: center; }\n .scale-table th { background: #f5f7fa; color: #909399; }\n\n .flex { display: flex; }\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: 60px; font-size: 13px; color: #606266; }\n\n textarea, input[type=\"text\"] {\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; white-space: pre-wrap;\n }\n textarea:focus, input[type=\"text\"]:focus { border-color: #3D61E3; outline: none; }\n textarea:disabled, input[type=\"text\"]:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }\n\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-link { color: #3D61E3; cursor: pointer; font-size: 12px; }\n .el-link:hover { color: #2D4CB8; }\n .el-link.danger { color: #f56c6c; }\n\n .answer-item { display: flex; align-items: center; margin-top: 6px; }\n .answer-item .label { min-width: 60px; font-size: 13px; color: #909399; }\n .answer-item .input { flex: 1; max-width: 200px; }\n .answer-item .input input {\n height: 32px; padding: 0 8px;\n font-size: 13px; line-height: 32px;\n border: 1px solid #dcdfe6; border-radius: 3px; width: 100%;\n transition: border-color .2s; box-sizing: border-box;\n }\n .answer-item .input input:focus { border-color: #3D61E3; outline: none; }\n\n .answer-item .icon {\n margin-left: 6px; cursor: pointer; display: inline-flex;\n align-items: center; justify-content: center;\n width: 24px; height: 24px; border-radius: 4px;\n border: 1px solid #dcdfe6; background: #fff; color: #909399;\n transition: all 0.2s;\n }\n .answer-item .icon:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n .answer-item .icon.disabled { color: #e4e7ed; border-color: #e4e7ed; cursor: not-allowed; }\n\n .row-title-textarea { height: 200px; }\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 .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 .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: 'show-action' }) 'show-action' = true\n @property({ type: Boolean, attribute: 'show-add' }) 'show-add' = true\n @property({ type: Boolean, attribute: 'show-analysis' }) 'show-analysis' = true\n @property({ type: String }) analysis = ''\n @property({ type: String, attribute: 'rich-text-content' }) 'rich-text-content' = ''\n @property({ type: Number, attribute: 'exam-answer-relation-type' }) 'exam-answer-relation-type' = 0\n @property({ type: Number, attribute: 'exam-id' }) 'exam-id' = 0\n @property({ type: String, attribute: 'category-id' }) 'category-id' = ''\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 @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' })\n get 'answer-list'() { return this._answers }\n\n set 'answer-list'(value: any) {\n const arr = Array.isArray(value) ? value : []\n this._answers = arr.length ? arr.slice(0, 5) : [{ title: '' }, { title: '' }, { title: '' }, { title: '' }, { title: '' }]\n this.requestUpdate('answer-list')\n }\n\n @property({ type: Array, attribute: 'scale-questions' })\n get 'scale-questions'() { return this._scaleQuestions }\n\n set 'scale-questions'(value: any) {\n this._scaleQuestions = Array.isArray(value) && value.length ? value : ['问题1']\n this.requestUpdate('scale-questions')\n }\n\n @state() private _answers: ScaleAnswer[] = [{ title: '' }, { title: '' }, { title: '' }, { title: '' }, { title: '' }]\n @state() private _scaleQuestions: string[] = ['问题1']\n @state() private _rowTitle = ''\n @state() private _title = ''\n @state() private _analysis = ''\n @state() private _showRichText = false\n @state() private _richText = ''\n @state() private _selectedTagList: TagItem[] = []\n @state() private _categoryId = ''\n\n @property({ type: String, attribute: 'model-value' }) 'model-value' = ''\n @property({ type: Boolean, attribute: 'use-model' }) 'use-model' = false\n\n private readonly TITLE_MAX = 200\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('rich-text-content') || changed.has('scale-questions') || 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']\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 _syncProps() {\n this._title = this.title || ''\n this._analysis = this.analysis || ''\n this._rowTitle = this._scaleQuestions.join('\\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 _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 if (this['use-model']) {\n this.dispatchEvent(new CustomEvent('update:modelValue', {\n bubbles: true,\n composed: true,\n detail: this._title,\n }))\n }\n }\n\n private _removeTag(tagId: string | number) {\n this._selectedTagList = this._selectedTagList.filter(item => String(item.tagId) !== String(tagId))\n this._emit('tag-change', {\n value: this._selectedTagList,\n customId: this['custom-id'] || '',\n examId: this['exam-id'] || 0,\n })\n }\n\n private _chooseTag() {\n this._emit('choose-tag', {\n value: this._selectedTagList,\n customId: this['custom-id'] || '',\n examId: this['exam-id'] || 0,\n })\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: 'scale', orderIndex: this['order-index'] }\n\n const title = this['is-edit'] ? this._title : this.title || ''\n const answers = this['is-edit'] ? this._answers : (this['answer-list'] || [])\n const analysis = this['is-edit'] ? this._analysis : this.analysis || ''\n const rowTitle = this['is-edit'] ? this._rowTitle : (this['scale-questions']?.join('\\n') || '')\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 selectedTagList = this._selectedTagList || []\n\n if (!title) {\n reject(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n return\n }\n\n for (let i = 0; i < answers.length; i++) {\n if (!answers[i].title) {\n reject(new SubjectError(`选项${String.fromCharCode(65 + i)}未填写。`, 'ANSWER_EMPTY', 'answers', row))\n return\n }\n }\n\n if (!rowTitle) {\n reject(new SubjectError('行标题不能为空!', 'EMPTY_ROW_TITLE', 'rowTitle', row))\n return\n }\n\n const questions = rowTitle.split('\\n').filter((item: string) => item.trim())\n if (questions.length === 0) {\n reject(new SubjectError('行标题不能为空!', 'EMPTY_ROW_TITLE', 'rowTitle', row))\n return\n }\n\n const result: any = {\n answerType: SubjectType.SCALE,\n title,\n analysis,\n answers,\n scaleQuestionList: questions,\n examRichTextContent: showRichText ? richText : '',\n examAnswerRelationType: this['exam-answer-relation-type'],\n categoryId: this._categoryId || '',\n memberTagInfo: selectedTagList,\n tagInfos: selectedTagList,\n resourceList: this['resource-list'] || [],\n examResourceBOList: this['resource-list'] || [],\n isSetCorrectAnswer: false,\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: 'scale', orderIndex: this['order-index'] }\n\n const title = this['is-edit'] ? this._title : this.title || ''\n const answers = this['is-edit'] ? this._answers : (this['answer-list'] || [])\n const rowTitle = this['is-edit'] ? this._rowTitle : (this['scale-questions']?.join('\\n') || '')\n\n if (!title) {\n errors.push(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n }\n\n answers.forEach((answer: any, index: number) => {\n if (!answer.title) {\n errors.push(new SubjectError(`选项${String.fromCharCode(65 + index)}未填写`, 'ANSWER_EMPTY', 'answers', row))\n }\n })\n\n if (!rowTitle) {\n errors.push(new SubjectError('行标题不能为空!', 'EMPTY_ROW_TITLE', 'rowTitle', row))\n }\n else {\n const questions = rowTitle.split('\\n').filter((item: string) => item.trim())\n if (questions.length === 0) {\n errors.push(new SubjectError('行标题不能为空!', 'EMPTY_ROW_TITLE', 'rowTitle', row))\n }\n }\n\n return errors\n }\n\n private _renderPreview() {\n const colWidth = Math.floor(100 / (this._answers.length + 1))\n return html`\n <div class=\"preview\">\n <span class=\"title\">${this['order-index'] + 1}.${this.title}(量表题)</span>\n ${this['rich-text-content'] ? html`<div style=\"margin-top:8px\" .innerHTML=${this['rich-text-content']}></div>` : ''}\n <table class=\"scale-table\">\n <thead><tr>\n <th style=\"width:${colWidth}%\">问题 \\ 选项</th>\n ${this._answers.map(answer => html`<th style=\"width:${colWidth}%\">${answer.title}</th>`)}\n </tr></thead>\n <tbody>\n ${this._scaleQuestions.map(question => html`\n <tr><td>${question}</td>${this._answers.map(() => html`<td><input type=\"radio\" disabled /></td>`)}</tr>\n `)}\n </tbody>\n </table>\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['show-tag'] && this._selectedTagList.length\n ? html`\n <div class=\"section-row\">\n <span class=\"value-text\">标签/关键信息:</span>\n <div class=\"tag-list\" style=\"margin-top:6px\">\n ${this._selectedTagList.map(item => html`<span class=\"tag-item\">${item.tagName}</span>`)}\n </div>\n </div>\n `\n : ''}\n ${this._renderResourceSection()}\n </div>\n `\n }\n\n private _renderTagSection() {\n if (!this['show-tag']) { return '' }\n return html`\n <div class=\"flex-items-start section-row\">\n <div class=\"label\"><span>标签:</span></div>\n <div style=\"flex:1\">\n <div class=\"tag-list\">\n ${this._selectedTagList.length\n ? this._selectedTagList.map(item => html`\n <span class=\"tag-item\">\n ${item.tagName}\n ${!this['is-save'] ? html`<span class=\"close\" @click=${() => this._removeTag(item.tagId)}>×</span>` : ''}\n </span>\n `)\n : html`<span class=\"tag-hint\">暂无标签/关键信息</span>`}\n </div>\n ${this['is-edit'] && !this['is-save']\n ? html`<div style=\"margin-top:8px\"><span class=\"el-link\" @click=${() => this._chooseTag()}>选择</span></div>`\n : ''}\n </div>\n </div>\n `\n }\n\n private _renderCategorySection() {\n if (!this['show-category']) { return '' }\n return html`\n <div class=\"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)} ?disabled=${this['is-save']}\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-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-items-start\">\n <div class=\"label\"><span>题目:</span></div>\n <div style=\"flex:1\">\n <div class=\"el-input\">\n <textarea rows=\"2\" .value=${this._title} ?disabled=${this['is-save']}\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 ${this._renderTagSection()}\n\n ${this._renderCategorySection()}\n\n ${this._renderResourceSection()}\n\n <div class=\"flex-items-start\" style=\"margin-top:12px\">\n <div class=\"label\"><span>行标题:</span></div>\n <div class=\"flex\" style=\"flex:1\">\n <div class=\"el-input\" style=\"width:160px\">\n <textarea class=\"row-title-textarea\" .value=${this._rowTitle} ?disabled=${this['is-save']}\n @input=${(e: Event) => { this._rowTitle = (e.target as HTMLTextAreaElement).value }}\n @keydown=${(e: KeyboardEvent) => { e.stopPropagation() }}\n placeholder=\"请输入行标题\"></textarea>\n </div>\n <div style=\"flex:1;margin-left:12px\">\n ${this._answers.map((answer, index) => html`\n <div class=\"answer-item\">\n <span class=\"label\">${String.fromCharCode(65 + index)}.</span>\n <div class=\"input\">\n <input type=\"text\" .value=${answer.title} ?disabled=${this['is-save']}\n maxlength=\"10\"\n @input=${(e: Event) => {\n const value = (e.target as HTMLInputElement).value\n this._answers = this._answers.map((item, currentIndex) => currentIndex === index ? { ...item, title: value } : item)\n }}\n placeholder=\"选项${index + 1}\" />\n </div>\n ${!this['is-save']\n ? html`\n <span class=\"icon\" @click=${() => {\n if (this._answers.length < 5) { this._answers = [...this._answers, { title: '' }] }\n }}>${iconPlus}</span>\n <span class=\"icon ${this._answers.length < 3 ? 'disabled' : ''}\" @click=${() => {\n if (this._answers.length > 3) { this._answers = this._answers.filter((_, currentIndex) => currentIndex !== index) }\n }}>${iconRemove}</span>\n `\n : ''}\n </div>\n `)}\n </div>\n </div>\n </div>\n\n <div class=\"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} ?disabled=${this['is-save']}\n @input=${(e: Event) => { this._analysis = (e.target as HTMLTextAreaElement).value }}\n placeholder=\"请输入题目解析\"></textarea>\n </div>\n </div>\n </div>\n\n ${this._showRichText\n ? html`\n <div class=\"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`<div class=\"flex-justify-end\" style=\"margin-top:8px\"><span class=\"el-link danger\" @click=${() => { this._showRichText = false; this._richText = '' }}>删除富文本</span></div>`\n : ''}\n </div>\n </div>\n `\n : ''}\n `\n }\n\n render() {\n return html`\n <qxs-subject-layout .show-edit=${this['is-edit']}>\n <div slot=\"preview\">${this._renderPreview()}</div>\n <div slot=\"edit\">${this._renderEdit()}</div>\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 .show-other-option=${false}\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 @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","iconRemove","QxsScale","LitElement","constructor","super","arguments","this","title","analysis","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_answers","_scaleQuestions","_rowTitle","_title","_analysis","_showRichText","_richText","_selectedTagList","_categoryId","TITLE_MAX","value","arr","Array","isArray","length","slice","requestUpdate","willUpdate","changed","has","_syncProps","map","item","String","join","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_onTitleInput","el","_removeTag","tagId","filter","customId","examId","_chooseTag","_onCategoryChange","_imageResources","resourceType","resource","middle","url","Boolean","_videoResource","find","_categoryLabel","matched","categoryId","categoryName","toJSON","row","answerType","orderIndex","answers","rowTitle","showRichText","richText","selectedTagList","SubjectError","i","fromCharCode","questions","split","trim","SubjectType","SCALE","scaleQuestionList","examRichTextContent","examAnswerRelationType","memberTagInfo","tagInfos","resourceList","examResourceBOList","isSetCorrectAnswer","_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","forEach","answer","index","_renderPreview","colWidth","Math","floor","question","tagName","_renderResourceSection","_renderTagSection","_renderCategorySection","images","video","src","_renderEdit","stopPropagation","currentIndex","_","render","styles","css","__decorateClass","property","type","Number","attribute","prototype","state","safeCustomElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"scale.mjs","sources":["../../../../packages/components-wc/src/subject/scale.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\nimport { SubjectError } from './single'\nimport { SubjectType } from './types'\n\ninterface ScaleAnswer {\n title: string\n answerId?: string | number\n orderIndex?: number\n isCorrect?: boolean\n [key: string]: any\n}\n\nfunction createEmptyScaleAnswer(): ScaleAnswer {\n return { title: '' }\n}\n\nfunction createDefaultScaleAnswers(): ScaleAnswer[] {\n return Array.from({ length: 5 }, createEmptyScaleAnswer)\n}\n\nfunction normalizeScaleAnswer(answer: any): ScaleAnswer {\n const next: ScaleAnswer = {\n ...answer,\n title: String(answer?.title ?? answer?.answer ?? ''),\n }\n const answerId = answer?.answerId ?? answer?.examAnswerId\n if (answerId !== undefined) {\n next.answerId = answerId\n }\n delete next.answer\n delete next.examAnswerId\n return next\n}\n\nfunction normalizeScaleAnswers(value: any): ScaleAnswer[] {\n return Array.isArray(value) ? value.slice(0, 5).map(normalizeScaleAnswer) : []\n}\n\nfunction normalizeScaleQuestionList(value: any): string[] {\n if (!Array.isArray(value)) {\n return []\n }\n return value\n .map(item => String(item ?? '').trim())\n .filter(Boolean)\n}\n\nfunction splitScaleQuestionLines(value: string): string[] {\n return value\n .split('\\n')\n .map(item => item.trim())\n .filter(Boolean)\n}\n\nfunction serializeScaleAnswer(answer: any, index: number): ScaleAnswer {\n const next: ScaleAnswer = {\n ...normalizeScaleAnswer(answer),\n orderIndex: index + 1,\n answer: String(answer?.title ?? answer?.answer ?? ''),\n }\n next.title = String(next.title ?? '')\n if (next.answerId !== undefined) {\n next.examAnswerId = next.answerId\n }\n if (next.answerId === undefined) {\n delete next.answerId\n }\n if (next.isCorrect === undefined) {\n delete next.isCorrect\n }\n return next\n}\n\nconst iconPlus = html`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></svg>`\nconst iconRemove = html`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></svg>`\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(() => {\n el.style.opacity = '0'\n setTimeout(() => el.remove(), 300)\n }, 2500)\n}\n\n@safeCustomElement('qxs-scale')\nexport class QxsScale 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 .scale-table { width: 100%; border-collapse: collapse; font-size: 12px; margin-top: 12px; }\n .scale-table th, .scale-table td { border: 1px solid #e4e7ed; padding: 6px 4px; text-align: center; }\n .scale-table th { background: #f5f7fa; color: #909399; }\n\n .flex { display: flex; }\n .flex-items-start { display: flex; align-items: flex-start; }\n .flex-justify-end { display: flex; justify-content: flex-end; }\n .label { min-width: 60px; font-size: 13px; color: #606266; }\n\n textarea, input[type=\"text\"] {\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; white-space: pre-wrap;\n }\n textarea:focus, input[type=\"text\"]:focus { border-color: #3D61E3; outline: none; }\n textarea:disabled, input[type=\"text\"]:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }\n\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-link { color: #3D61E3; cursor: pointer; font-size: 12px; }\n .el-link.danger { color: #f56c6c; }\n\n .answer-item { display: flex; align-items: center; margin-top: 6px; }\n .answer-item .label { min-width: 60px; font-size: 13px; color: #909399; }\n .answer-item .input { flex: 1; max-width: 200px; }\n .answer-item .input input {\n height: 32px; padding: 0 8px;\n font-size: 13px; line-height: 32px;\n border: 1px solid #dcdfe6; border-radius: 3px; width: 100%;\n transition: border-color .2s; box-sizing: border-box;\n }\n .answer-item .input input:focus { border-color: #3D61E3; outline: none; }\n\n .answer-item .icon {\n margin-left: 6px; cursor: pointer; display: inline-flex;\n align-items: center; justify-content: center;\n width: 24px; height: 24px; border-radius: 4px;\n border: 1px solid #dcdfe6; background: #fff; color: #909399;\n transition: all 0.2s;\n }\n .answer-item .icon:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n .answer-item .icon.disabled { color: #e4e7ed; border-color: #e4e7ed; cursor: not-allowed; }\n\n .row-title-textarea { height: 200px; }\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: 'show-action' }) 'show-action' = true\n @property({ type: Boolean, attribute: 'show-add' }) 'show-add' = true\n @property({ type: String }) analysis = ''\n @property({ type: String, attribute: 'rich-text-content' }) 'rich-text-content' = ''\n @property({ type: Number, attribute: 'exam-answer-relation-type' }) 'exam-answer-relation-type' = 0\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' })\n get 'answer-list'() { return this._answers }\n\n set 'answer-list'(value: any) {\n this._answers = Array.isArray(value) ? normalizeScaleAnswers(value) : createDefaultScaleAnswers()\n this.requestUpdate('answer-list')\n }\n\n @property({ type: Array, attribute: 'scale-question-list' })\n get 'scale-question-list'() { return this._scaleQuestions }\n\n set 'scale-question-list'(value: any) {\n this._scaleQuestions = normalizeScaleQuestionList(value)\n this.requestUpdate('scale-question-list')\n }\n\n @property({ type: Array, attribute: 'scale-questions' })\n get 'scale-questions'() { return this._scaleQuestions }\n\n set 'scale-questions'(value: any) {\n this['scale-question-list'] = value\n this.requestUpdate('scale-questions')\n }\n\n @state() private _answers: ScaleAnswer[] = createDefaultScaleAnswers()\n @state() private _scaleQuestions: string[] = []\n @state() private _rowTitle = ''\n @state() private _title = ''\n @state() private _showRichText = false\n @state() private _richText = ''\n\n @property({ type: String, attribute: 'model-value' }) 'model-value' = ''\n @property({ type: Boolean, attribute: 'use-model' }) 'use-model' = false\n\n private readonly TITLE_MAX = 200\n\n willUpdate(changed: Map<string, unknown>) {\n const shouldSyncProps = changed.has('title')\n || changed.has('answer-list')\n || changed.has('rich-text-content')\n || changed.has('scale-question-list')\n || changed.has('scale-questions')\n\n if ((changed.has('is-edit') && this['is-edit']) || (!this['is-edit'] && shouldSyncProps)) {\n this._syncProps()\n }\n\n if (changed.has('model-value') && this['use-model']) {\n this._title = this['model-value']\n }\n }\n\n private _syncProps() {\n this._title = this.title || ''\n this._rowTitle = this._scaleQuestions.join('\\n')\n this._richText = this['rich-text-content'] || ''\n this._showRichText = !!this['rich-text-content']\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 _onTitleInput(e: Event) {\n const el = e.target as HTMLTextAreaElement\n if (el.value.length > this.TITLE_MAX) {\n el.value = el.value.slice(0, this.TITLE_MAX)\n }\n this._title = el.value\n if (this['use-model']) {\n this.dispatchEvent(new CustomEvent('update:modelValue', {\n bubbles: true,\n composed: true,\n detail: this._title,\n }))\n }\n }\n\n private _resolvedQuestions(): string[] {\n const rowTitle = this['is-edit'] ? this._rowTitle : this._scaleQuestions.join('\\n')\n return splitScaleQuestionLines(rowTitle)\n }\n\n async toJSON(): Promise<any> {\n return new Promise((resolve, reject) => {\n const row = {\n customId: this['custom-id'] || undefined,\n answerType: SubjectType.SCALE,\n orderIndex: this['order-index'],\n }\n\n const title = this['is-edit'] ? this._title : this.title || ''\n const answers = this['is-edit'] ? this._answers : this['answer-list']\n const questions = this._resolvedQuestions()\n const richText = this['is-edit'] ? this._richText : this['rich-text-content'] || ''\n const showRichText = this['is-edit'] ? this._showRichText : !!this['rich-text-content']\n\n if (!title) {\n reject(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n return\n }\n\n for (let i = 0; i < answers.length; i++) {\n if (!answers[i].title) {\n reject(new SubjectError(`选项${String.fromCharCode(65 + i)}未填写。`, 'ANSWER_EMPTY', 'answers', row))\n return\n }\n }\n\n if (questions.length === 0) {\n reject(new SubjectError('行标题不能为空!', 'EMPTY_ROW_TITLE', 'rowTitle', row))\n return\n }\n\n const result: any = {\n answerType: SubjectType.SCALE,\n examTypeEnum: SubjectType.SCALE,\n title,\n answers: answers.map(serializeScaleAnswer),\n scaleQuestionList: questions,\n analysis: this.analysis || '',\n examRichTextContent: showRichText ? richText : '',\n isSetCorrectAnswer: false,\n }\n\n if (this['custom-id']) {\n result.customId = this['custom-id']\n }\n\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 = {\n customId: this['custom-id'] || undefined,\n answerType: SubjectType.SCALE,\n orderIndex: this['order-index'],\n }\n\n const title = this['is-edit'] ? this._title : this.title || ''\n const answers = this['is-edit'] ? this._answers : this['answer-list']\n const questions = this._resolvedQuestions()\n\n if (!title) {\n errors.push(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n }\n\n answers.forEach((answer: ScaleAnswer, index: number) => {\n if (!answer.title) {\n errors.push(new SubjectError(`选项${String.fromCharCode(65 + index)}未填写`, 'ANSWER_EMPTY', 'answers', row))\n }\n })\n\n if (questions.length === 0) {\n errors.push(new SubjectError('行标题不能为空!', 'EMPTY_ROW_TITLE', 'rowTitle', row))\n }\n\n return errors\n }\n\n private _renderPreview() {\n const colWidth = Math.floor(100 / ((this._answers.length || 1) + 1))\n\n return html`\n <div class=\"preview\">\n <span class=\"title\">${this['order-index'] + 1}.${this.title}(量表题)</span>\n ${this['rich-text-content'] ? html`<div style=\"margin-top:8px\" .innerHTML=${this['rich-text-content']}></div>` : ''}\n <table class=\"scale-table\">\n <thead>\n <tr>\n <th style=\"width:${colWidth}%\">问题 \\ 选项</th>\n ${this._answers.map(answer => html`<th style=\"width:${colWidth}%\">${answer.title}</th>`)}\n </tr>\n </thead>\n <tbody>\n ${this._scaleQuestions.map(question => html`\n <tr>\n <td>${question}</td>\n ${this._answers.map(() => html`<td><input type=\"radio\" disabled /></td>`)}\n </tr>\n `)}\n </tbody>\n </table>\n </div>\n `\n }\n\n private _renderEdit() {\n return html`\n <div class=\"flex-items-start\">\n <div class=\"label\"><span>题目:</span></div>\n <div style=\"flex:1\">\n <div class=\"el-input\">\n <textarea\n rows=\"2\"\n .value=${this._title}\n maxlength=${this.TITLE_MAX}\n @input=${(e: Event) => this._onTitleInput(e)}\n placeholder=\"【量表题】请输入问题\"\n ></textarea>\n <span class=\"char-counter\">${this._title.length}/${this.TITLE_MAX}</span>\n </div>\n </div>\n </div>\n\n <slot name=\"business-tag\"></slot>\n\n <div class=\"flex-items-start\" style=\"margin-top:12px\">\n <div class=\"label\"><span>行标题:</span></div>\n <div class=\"flex\" style=\"flex:1\">\n <div class=\"el-input\" style=\"width:160px\">\n <textarea\n class=\"row-title-textarea\"\n .value=${this._rowTitle}\n @input=${(e: Event) => { this._rowTitle = (e.target as HTMLTextAreaElement).value }}\n @keydown=${(e: KeyboardEvent) => { e.stopPropagation() }}\n placeholder=\"请输入行标题\"\n ></textarea>\n </div>\n <div style=\"flex:1;margin-left:12px\">\n ${this._answers.map((answer, index) => html`\n <div class=\"answer-item\">\n <span class=\"label\">${String.fromCharCode(65 + index)}.</span>\n <div class=\"input\">\n <input\n type=\"text\"\n .value=${answer.title}\n maxlength=\"10\"\n @input=${(e: Event) => {\n const value = (e.target as HTMLInputElement).value\n this._answers = this._answers.map((item, currentIndex) =>\n currentIndex === index ? { ...item, title: value } : item,\n )\n }}\n placeholder=\"选项${index + 1}\"\n />\n </div>\n <span\n class=\"icon\"\n @click=${() => {\n if (this._answers.length < 5) {\n this._answers = [...this._answers, createEmptyScaleAnswer()]\n }\n }}\n >${iconPlus}</span>\n <span\n class=\"icon ${this._answers.length < 3 ? 'disabled' : ''}\"\n @click=${() => {\n if (this._answers.length > 3) {\n this._answers = this._answers.filter((_, currentIndex) => currentIndex !== index)\n }\n }}\n >${iconRemove}</span>\n </div>\n `)}\n </div>\n </div>\n </div>\n\n ${this._showRichText\n ? html`\n <div class=\"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-justify-end\" style=\"margin-top:8px\">\n <span\n class=\"el-link danger\"\n @click=${() => {\n this._showRichText = false\n this._richText = ''\n }}\n >删除富文本</span>\n </div>\n `\n : ''}\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 .show-other-option=${false}\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 @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":["createEmptyScaleAnswer","title","createDefaultScaleAnswers","Array","from","length","normalizeScaleAnswer","answer","next","String","answerId","examAnswerId","serializeScaleAnswer","index","orderIndex","isCorrect","iconPlus","html","iconRemove","QxsScale","LitElement","constructor","super","arguments","this","analysis","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_answers","_scaleQuestions","_rowTitle","_title","_showRichText","_richText","TITLE_MAX","value","isArray","slice","map","normalizeScaleAnswers","requestUpdate","item","trim","filter","Boolean","normalizeScaleQuestionList","willUpdate","changed","shouldSyncProps","has","_syncProps","join","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_onTitleInput","el","_resolvedQuestions","rowTitle","split","toJSON","row","customId","answerType","SubjectType","SCALE","answers","questions","richText","showRichText","SubjectError","i","fromCharCode","examTypeEnum","scaleQuestionList","examRichTextContent","isSetCorrectAnswer","_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","forEach","_renderPreview","colWidth","Math","floor","question","_renderEdit","stopPropagation","currentIndex","_","render","content","styles","css","__decorateClass","property","type","Number","attribute","prototype","state","safeCustomElement"],"mappings":"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"}
|