@qxs-bns/components-wc 0.0.11 → 0.0.13
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 +1 -1
- package/es/subject/blank-fill.mjs.map +1 -1
- package/es/subject/list.mjs +54 -67
- package/es/subject/list.mjs.map +1 -1
- package/es/subject/scale.mjs +1 -1
- package/es/subject/scale.mjs.map +1 -1
- package/es/subject/single.mjs +6 -6
- package/es/subject/single.mjs.map +1 -1
- package/es/subject/text-fill.mjs +1 -1
- package/es/subject/text-fill.mjs.map +1 -1
- package/es/subject/type.mjs +4 -12
- package/es/subject/type.mjs.map +1 -1
- package/es/subject/types.mjs +1 -1
- package/es/subject/types.mjs.map +1 -1
- package/lib/subject/blank-fill.cjs +1 -1
- package/lib/subject/blank-fill.cjs.map +1 -1
- package/lib/subject/list.cjs +10 -23
- package/lib/subject/list.cjs.map +1 -1
- package/lib/subject/scale.cjs +1 -1
- package/lib/subject/scale.cjs.map +1 -1
- package/lib/subject/single.cjs +5 -5
- package/lib/subject/single.cjs.map +1 -1
- package/lib/subject/text-fill.cjs +1 -1
- package/lib/subject/text-fill.cjs.map +1 -1
- package/lib/subject/type.cjs +3 -11
- package/lib/subject/type.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,4 +1,4 @@
|
|
|
1
|
-
import{html as t,css as e,LitElement as i}from"lit";import{property as s}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.mjs";import{state as a}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.mjs";import{safeCustomElement as l}from"../base/define.mjs";import{SubjectError as n}from"./single.mjs";import{
|
|
1
|
+
import{html as t,css as e,LitElement as i}from"lit";import{property as s}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.mjs";import{state as a}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.mjs";import{safeCustomElement as l}from"../base/define.mjs";import{SubjectError as n}from"./single.mjs";import{SubjectType as o}from"./types.mjs";var r=Object.defineProperty,p=Object.getOwnPropertyDescriptor,d=(t,e,i,s)=>{for(var a,l=s>1?void 0:s?p(e,i):e,n=t.length-1;n>=0;n--)(a=t[n])&&(l=(s?a(e,i,l):a(l))||l);return s&&l&&r(e,i,l),l};const h=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"/>
|
|
@@ -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 { SubjectError } from './single'\nimport { ExamType } from './types'\n\ninterface BlankAnswer { title: string, tag: string, showInput: boolean }\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 /* Tag style */\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 /* Button small style */\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 /* Link style */\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 /* Input small for tag */\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 /* Checkbox style */\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\n @property({ type: Number, attribute: 'order-index' }) orderIndex = 0\n @property({ type: String }) title = ''\n @property({ type: String, attribute: 'custom-id' }) customId = ''\n @property({ type: Boolean, attribute: 'is-edit' }) isEdit = false\n @property({ type: Boolean, attribute: 'is-save' }) isSave = false\n @property({ type: Boolean, attribute: 'is-set' }) isSet = false\n @property({ type: Boolean, attribute: 'is-key' }) isKey = false\n @property({ type: Boolean, attribute: 'show-action' }) showAction = true\n @property({ type: Boolean, attribute: 'show-analysis' }) showAnalysis = true\n @property({ type: String, attribute: 'rich-text-content' }) richTextContent = ''\n @property({ type: String }) analysis = ''\n @property({ type: Number, attribute: 'exam-answer-relation-type' }) examAnswerRelationType = 0\n @property({ type: String, attribute: 'exam-expand' }) examExpand = ''\n @property({ type: Object, attribute: 'exam-answer-setting' })\n examAnswerSetting: { isInOrder: boolean, isIgnoreCase: boolean } = { isInOrder: false, isIgnoreCase: true }\n @property({ type: Object })\n uploadImage: (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' }) answerList: any[] = []\n\n // 双向绑定支持\n @property({ type: String, attribute: 'model-value' }) modelValue = ''\n @property({ type: Boolean, attribute: 'use-model' }) useModel = 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\n private readonly TITLE_MAX = 400\n\n willUpdate(changed: Map<string, unknown>) {\n if (changed.has('isEdit') && this.isEdit) { this._syncProps() }\n // 当外部 modelValue 变化时同步内部状态\n if (changed.has('modelValue') && this.useModel) {\n this._title = this.modelValue.replaceAll(/<filter><\\/filter>/g, ' ______')\n }\n }\n\n private _syncProps() {\n this._title = (this.title || '').replaceAll(/<filter><\\/filter>/g, ' ______')\n this._analysis = this.analysis || ''\n if (this.answerList?.length) {\n this._answers = this.answerList.map((a: any) => ({ title: a.title || '', tag: '', showInput: false }))\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.examAnswerSetting) {\n this._isInOrder = !!this.examAnswerSetting.isInOrder\n this._isIgnoreCase = !!this.examAnswerSetting.isIgnoreCase\n }\n if (this.richTextContent) { this._richText = this.richTextContent; this._showRichText = true }\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 // 双向绑定:通知外部更新\n private _emitModelUpdate() {\n if (this.useModel) {\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) {\n const tags = item.title.split(',')\n const idx = tags.findIndex((t: string) => t === tag)\n if (idx > -1) { tags.splice(idx, 1); item.title = tags.join(',') }\n this.requestUpdate()\n }\n }\n\n async toJSON(): Promise<any> {\n return new Promise((resolve, reject) => {\n const row = { customId: this.customId || undefined, answerType: 'blank_fill', orderIndex: this.orderIndex }\n\n const title = this.isEdit ? this._title : this.title?.replaceAll(/<filter><\\/filter>/g, ' ______') || ''\n const answers = this.isEdit ? this._answers : (this.answerList || [])\n const analysis = this.isEdit ? this._analysis : this.analysis || ''\n const isInOrder = this.isEdit ? this._isInOrder : this.examAnswerSetting?.isInOrder ?? false\n const isIgnoreCase = this.isEdit ? this._isIgnoreCase : this.examAnswerSetting?.isIgnoreCase ?? true\n const showRichText = this.isEdit ? this._showRichText : !!this.richTextContent\n const richText = this.isEdit ? this._richText : this.richTextContent || ''\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 const result: any = {\n answerType: ExamType.BLANK_FILL,\n title: title.replaceAll(/ ______/g, '<filter></filter>'),\n answers: answers.map((a: any) => ({ title: a.title, isCorrect: true })),\n analysis,\n isSetCorrectAnswer: true,\n isKey: this.isKey,\n examAnswerSettingBO: { isIgnoreCase, isInOrder },\n examRichTextContent: showRichText ? richText : '',\n }\n if (this.customId) { result.customId = this.customId }\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.customId || undefined, answerType: 'blank_fill', orderIndex: this.orderIndex }\n\n const title = this.isEdit ? this._title : this.title?.replaceAll(/<filter><\\/filter>/g, ' ______') || ''\n const answers = this.isEdit ? this._answers : (this.answerList || [])\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 return html`\n <div class=\"preview\">\n <span class=\"title\">${this.orderIndex + 1}.${displayTitle}(填空题)</span>\n ${this.richTextContent ? html`<div class=\"rich-text\" .innerHTML=${this.richTextContent}></div>` : ''}\n ${this._answers.some(a => a.title)\n ? html`\n <div class=\"content flex flex-wrap\">\n <span>正确答案:</span>\n ${this._answers.map((a, i) => a.title\n ? html`\n <span style=\"margin-right:10px\">填空${i + 1}: ${a.title}</span>\n `\n : '')}\n </div>\n `\n : ''}\n ${this.analysis ? html`<div style=\"color:#909399;font-size:12px;margin-top:8px\">解析: ${this.analysis}</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} ?disabled=${this.isSave}\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 ${this.isSave ? 'is-disabled' : ''}\"\n @click=${() => {\n if (!this.isSave) { this._addBlank() }\n }}>插入填空符</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 ${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 ${!this.isSave ? html`<span class=\"el-tag__close\" @click=${() => this._closeTag(tag, a)}>×</span>` : ''}\n </span>\n `)}\n ${!this.isSave\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 : ''}\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 .uploadImage=${this.uploadImage}\n ?is-edit=${true}\n ></qxs-blocksuite-editor>\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 </div>\n </div>\n `\n : ''}\n\n ${this.showAnalysis\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 return html`\n <qxs-subject-layout ?show-edit=${this.isEdit}>\n <div slot=\"preview\">${this._renderPreview()}</div>\n <div slot=\"edit\">${this._renderEdit()}</div>\n ${this.showAction\n ? html`\n <qxs-subject-action\n ?is-edit=${this.isEdit}\n ?is-set=${this.isSet}\n ?show-other-option=${false}\n exam-answer-relation-type=${this.examAnswerRelationType}\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=${() => { this._showRichText = true }}\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","orderIndex","title","customId","isEdit","isSave","isSet","isKey","showAction","showAnalysis","richTextContent","analysis","examAnswerRelationType","examExpand","examAnswerSetting","isInOrder","isIgnoreCase","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","answerList","modelValue","useModel","_title","_analysis","_answers","tag","showInput","_isInOrder","_isIgnoreCase","_showRichText","_richText","TITLE_MAX","willUpdate","changed","has","_syncProps","replaceAll","length","map","a","blankCount","match","Array","from","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_addBlank","requestUpdate","_emitModelUpdate","_onTitleInput","el","value","slice","i","_handleAddTag","item","join","_closeTag","tags","split","idx","findIndex","t","splice","toJSON","row","answerType","answers","showRichText","richText","SubjectError","ExamType","BLANK_FILL","isCorrect","isSetCorrectAnswer","examAnswerSettingBO","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","some","_renderEdit","checked","filter","Boolean","key","updateComplete","then","shadowRoot","querySelector","focus","render","styles","css","__decorateClass","property","type","Number","attribute","prototype","String","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 { SubjectError } from './single'\nimport { SubjectType } from './types'\n\ninterface BlankAnswer { title: string, tag: string, showInput: boolean }\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 /* Tag style */\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 /* Button small style */\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 /* Link style */\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 /* Input small for tag */\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 /* Checkbox style */\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\n @property({ type: Number, attribute: 'order-index' }) orderIndex = 0\n @property({ type: String }) title = ''\n @property({ type: String, attribute: 'custom-id' }) customId = ''\n @property({ type: Boolean, attribute: 'is-edit' }) isEdit = false\n @property({ type: Boolean, attribute: 'is-save' }) isSave = false\n @property({ type: Boolean, attribute: 'is-set' }) isSet = false\n @property({ type: Boolean, attribute: 'is-key' }) isKey = false\n @property({ type: Boolean, attribute: 'show-action' }) showAction = true\n @property({ type: Boolean, attribute: 'show-analysis' }) showAnalysis = true\n @property({ type: String, attribute: 'rich-text-content' }) richTextContent = ''\n @property({ type: String }) analysis = ''\n @property({ type: Number, attribute: 'exam-answer-relation-type' }) examAnswerRelationType = 0\n @property({ type: String, attribute: 'exam-expand' }) examExpand = ''\n @property({ type: Object, attribute: 'exam-answer-setting' })\n examAnswerSetting: { isInOrder: boolean, isIgnoreCase: boolean } = { isInOrder: false, isIgnoreCase: true }\n @property({ type: Object })\n uploadImage: (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' }) answerList: any[] = []\n\n // 双向绑定支持\n @property({ type: String, attribute: 'model-value' }) modelValue = ''\n @property({ type: Boolean, attribute: 'use-model' }) useModel = 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\n private readonly TITLE_MAX = 400\n\n willUpdate(changed: Map<string, unknown>) {\n if (changed.has('isEdit') && this.isEdit) { this._syncProps() }\n // 当外部 modelValue 变化时同步内部状态\n if (changed.has('modelValue') && this.useModel) {\n this._title = this.modelValue.replaceAll(/<filter><\\/filter>/g, ' ______')\n }\n }\n\n private _syncProps() {\n this._title = (this.title || '').replaceAll(/<filter><\\/filter>/g, ' ______')\n this._analysis = this.analysis || ''\n if (this.answerList?.length) {\n this._answers = this.answerList.map((a: any) => ({ title: a.title || '', tag: '', showInput: false }))\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.examAnswerSetting) {\n this._isInOrder = !!this.examAnswerSetting.isInOrder\n this._isIgnoreCase = !!this.examAnswerSetting.isIgnoreCase\n }\n if (this.richTextContent) { this._richText = this.richTextContent; this._showRichText = true }\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 // 双向绑定:通知外部更新\n private _emitModelUpdate() {\n if (this.useModel) {\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) {\n const tags = item.title.split(',')\n const idx = tags.findIndex((t: string) => t === tag)\n if (idx > -1) { tags.splice(idx, 1); item.title = tags.join(',') }\n this.requestUpdate()\n }\n }\n\n async toJSON(): Promise<any> {\n return new Promise((resolve, reject) => {\n const row = { customId: this.customId || undefined, answerType: 'blank_fill', orderIndex: this.orderIndex }\n\n const title = this.isEdit ? this._title : this.title?.replaceAll(/<filter><\\/filter>/g, ' ______') || ''\n const answers = this.isEdit ? this._answers : (this.answerList || [])\n const analysis = this.isEdit ? this._analysis : this.analysis || ''\n const isInOrder = this.isEdit ? this._isInOrder : this.examAnswerSetting?.isInOrder ?? false\n const isIgnoreCase = this.isEdit ? this._isIgnoreCase : this.examAnswerSetting?.isIgnoreCase ?? true\n const showRichText = this.isEdit ? this._showRichText : !!this.richTextContent\n const richText = this.isEdit ? this._richText : this.richTextContent || ''\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 const result: any = {\n answerType: SubjectType.BLANK_FILL,\n title: title.replaceAll(/ ______/g, '<filter></filter>'),\n answers: answers.map((a: any) => ({ title: a.title, isCorrect: true })),\n analysis,\n isSetCorrectAnswer: true,\n isKey: this.isKey,\n examAnswerSettingBO: { isIgnoreCase, isInOrder },\n examRichTextContent: showRichText ? richText : '',\n }\n if (this.customId) { result.customId = this.customId }\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.customId || undefined, answerType: 'blank_fill', orderIndex: this.orderIndex }\n\n const title = this.isEdit ? this._title : this.title?.replaceAll(/<filter><\\/filter>/g, ' ______') || ''\n const answers = this.isEdit ? this._answers : (this.answerList || [])\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 return html`\n <div class=\"preview\">\n <span class=\"title\">${this.orderIndex + 1}.${displayTitle}(填空题)</span>\n ${this.richTextContent ? html`<div class=\"rich-text\" .innerHTML=${this.richTextContent}></div>` : ''}\n ${this._answers.some(a => a.title)\n ? html`\n <div class=\"content flex flex-wrap\">\n <span>正确答案:</span>\n ${this._answers.map((a, i) => a.title\n ? html`\n <span style=\"margin-right:10px\">填空${i + 1}: ${a.title}</span>\n `\n : '')}\n </div>\n `\n : ''}\n ${this.analysis ? html`<div style=\"color:#909399;font-size:12px;margin-top:8px\">解析: ${this.analysis}</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} ?disabled=${this.isSave}\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 ${this.isSave ? 'is-disabled' : ''}\"\n @click=${() => {\n if (!this.isSave) { this._addBlank() }\n }}>插入填空符</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 ${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 ${!this.isSave ? html`<span class=\"el-tag__close\" @click=${() => this._closeTag(tag, a)}>×</span>` : ''}\n </span>\n `)}\n ${!this.isSave\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 : ''}\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 .uploadImage=${this.uploadImage}\n ?is-edit=${true}\n ></qxs-blocksuite-editor>\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 </div>\n </div>\n `\n : ''}\n\n ${this.showAnalysis\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 return html`\n <qxs-subject-layout ?show-edit=${this.isEdit}>\n <div slot=\"preview\">${this._renderPreview()}</div>\n <div slot=\"edit\">${this._renderEdit()}</div>\n ${this.showAction\n ? html`\n <qxs-subject-action\n ?is-edit=${this.isEdit}\n ?is-set=${this.isSet}\n ?show-other-option=${false}\n exam-answer-relation-type=${this.examAnswerRelationType}\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=${() => { this._showRichText = true }}\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","orderIndex","title","customId","isEdit","isSave","isSet","isKey","showAction","showAnalysis","richTextContent","analysis","examAnswerRelationType","examExpand","examAnswerSetting","isInOrder","isIgnoreCase","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","answerList","modelValue","useModel","_title","_analysis","_answers","tag","showInput","_isInOrder","_isIgnoreCase","_showRichText","_richText","TITLE_MAX","willUpdate","changed","has","_syncProps","replaceAll","length","map","a","blankCount","match","Array","from","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_addBlank","requestUpdate","_emitModelUpdate","_onTitleInput","el","value","slice","i","_handleAddTag","item","join","_closeTag","tags","split","idx","findIndex","t","splice","toJSON","row","answerType","answers","showRichText","richText","SubjectError","SubjectType","BLANK_FILL","isCorrect","isSetCorrectAnswer","examAnswerSettingBO","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","some","_renderEdit","checked","filter","Boolean","key","updateComplete","then","shadowRoot","querySelector","focus","render","styles","css","__decorateClass","property","type","Number","attribute","prototype","String","state","safeCustomElement"],"mappings":"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"}
|
package/es/subject/list.mjs
CHANGED
|
@@ -1,80 +1,67 @@
|
|
|
1
|
-
import{css as
|
|
2
|
-
.title=${
|
|
3
|
-
.answerList=${
|
|
1
|
+
import{css as t,LitElement as e,html as s}from"lit";import{property as i}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.mjs";import{state as r}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.mjs";import a from"sortablejs";import{safeCustomElement as o}from"../base/define.mjs";import{uid as n}from"../base/uid.mjs";import{SubjectError as l}from"./single.mjs";import{SubjectType as d}from"./types.mjs";import"./action.mjs";import"./blank-fill.mjs";import"./layout.mjs";import"./text-fill.mjs";import"./scale.mjs";import"./page-end.mjs";import"./rich-text.mjs";import"./type.mjs";var c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,p=(t,e,s,i)=>{for(var r,a=i>1?void 0:i?h(e,s):e,o=t.length-1;o>=0;o--)(r=t[o])&&(a=(i?r(e,s,a):r(a))||a);return i&&a&&c(e,s,a),a};d.SINGLE,d.MULTIPLE,d.SORT,d.BLANK_FILL,d.TEXT_FILL,d.SCALE;let m=class extends e{constructor(){super(...arguments),this.isPreview=!1,this.uploadImage=async t=>new Promise((e,s)=>{const i=new FileReader;i.onload=t=>e(t.target?.result),i.onerror=s,i.readAsDataURL(t)}),this._list=[],this._sortMode=!1,this._sortable=null,this._initialDataProcessed=!1}get subjectList(){return this._list}set subjectList(t){if(t){if("string"==typeof t)try{t=JSON.parse(t)}catch{return this._list=[],void this.requestUpdate()}if(!Array.isArray(t))return this._list=[],void this.requestUpdate();this._list=t.map(t=>({...t,customId:t.customId||n()})),this.requestUpdate()}else this._list=[]}attributeChangedCallback(t,e,s){if(super.attributeChangedCallback(t,e,s),"subject-list"===t&&s&&!this._list.length){if(s.includes("[object Object]"))return;try{const t=JSON.parse(s);Array.isArray(t)&&(this._list=t.map(t=>({...t,customId:t.customId||n()})),this.requestUpdate())}catch{}}}get _isPreviewValue(){const t=this.isPreview;return"string"==typeof t?"false"!==t:!!t}connectedCallback(){super.connectedCallback(),this._initialDataProcessed||(this._initialDataProcessed=!0,Promise.resolve().then(()=>{0===this._list.length&&this._processAttributeList()}))}_processAttributeList(){const t=this.getAttribute("subject-list");if(t&&"[]"!==t&&!t.includes("[object Object]"))try{const e=JSON.parse(t);Array.isArray(e)&&e.length>0&&(this._list=e.map(t=>({...t,customId:t.customId||n()})),this.requestUpdate())}catch{}}firstUpdated(){this.updateComplete.then(()=>this._initSortable())}updated(t){t.has("_sortMode")&&(this._sortable?.destroy(),this._sortable=null,this.updateComplete.then(()=>this._initSortable())),t.has("_list")&&this._sortMode&&setTimeout(()=>{this._sortable&&(this._sortable.destroy(),this._sortable=null),this._initSortable()},50)}disconnectedCallback(){super.disconnectedCallback(),this._sortable?.destroy(),this._sortable=null}_initSortable(){if(!this._sortMode)return;this.querySelector(".sort-list")&&(this._sortable&&(this._sortable.destroy(),this._sortable=null),requestAnimationFrame(()=>{const t=this.querySelector(".sort-list");t&&!this._sortable&&(this._sortable=a.create(t,{handle:".sort-handle",animation:200,ghostClass:"sort-ghost",chosenClass:"sort-chosen",onEnd:t=>{const{oldIndex:e,newIndex:s}=t;if(void 0===e||void 0===s||e===s)return;const i=[...this._list],[r]=i.splice(e,1);i.splice(s,0,r),this._list=i,this._emit("change",this._list)}}))}))}_emit(t,e){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:e??null}))}async toJSON(){const t=this.querySelectorAll("qxs-subject-single, qxs-blank-fill, qxs-text-fill, qxs-scale, qxs-subject-rich-text");if(!t||0===t.length)return[];const e=[],s=[];for(const i of t)if("function"==typeof i.toJSON)try{const t=await i.toJSON();e.push(t)}catch(t){t instanceof l?s.push(t):s.push(new l(t.message||"未知错误","UNKNOWN","unknown"))}if(s.length>0)throw s;return e}async validate(){const t=this.querySelectorAll("qxs-subject-single, qxs-blank-fill, qxs-text-fill, qxs-scale, qxs-subject-rich-text");if(!t||0===t.length)return{valid:!0,errors:[]};const e=[];for(const s of t)if("function"==typeof s.validate){const t=s.validate();t?.length&&e.push(...t)}return{valid:0===e.length,errors:e}}get currentList(){return this._list}addSubject(t,e){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;const i={customId:n(),answerType:t,title:"",answers:[],analysis:"",scaleQuestionList:[],isEdit:!0,isSave:!1,isRealCanDel:!0,hasSet:!1,isKey:!1,answerCheckType:1,examAnswerRelationType:s??0},r=[...this._list];"number"==typeof e&&e>=0?r.splice(e+1,0,i):r.push(i),this._list=r,this.requestUpdate(),this._emit("change",this._list)}addExam(t){const e=[];t.forEach(t=>{const s={...t,customId:t.customId||n(),answers:t.answers?.map(t=>({...t,title:t.answer,answerId:t.examAnswerId,isCorrect:t.isCorrect}))||[],isEdit:!0,isSave:!1,isRealCanDel:!0,hasSet:!1};t.richTextContent||(s.answerType=t.examTypeEnum),e.push(s)}),this._list=[...this._list,...e],this._emit("change",this._list)}uploadExcel(t){this._list=[...this._list,...t.map(t=>({...t,customId:t.customId||n(),isRealCanDel:!0}))],this._emit("change",this._list)}setAnswerRelation(t,e,s){const i=this._list.find(t=>t.customId===e);if(i){const e=i.answers?.find(t=>t.customAnswerId===s);e&&(e.answerRelations=t)}this.requestUpdate(),this._emit("change",this._list)}_orderIndex(t){let e=0,s=0;return this._list.forEach(i=>{e++,i.customId===t&&(s=e)}),s-1}_move(t,e){const s=[...this._list];"up"===e&&t>0?[s[t-1],s[t]]=[s[t],s[t-1]]:"down"===e&&t<s.length-1&&([s[t],s[t+1]]=[s[t+1],s[t]]),this._list=s,this._emit("change",this._list)}_save(t,e){this._list=this._list.map((s,i)=>i===t?{...s,...e.detail,isEdit:!1,isSave:!0}:s),this._emit("change",this._list)}_deleteByCustomId(t){this._list=this._list.filter(e=>e.customId!==t),this._emit("change",this._list)}_delete(t){const e=[...this._list];e.splice(t,1),this._list=e,this._emit("change",this._list)}_setEdit(t,e){this._list=this._list.map((s,i)=>i===t?{...s,isEdit:e}:s)}_renderItem(t,e){const i=this._orderIndex(t.customId),r=(t.isEdit,t.hasSet,t.isRealCanDel,this._isPreviewValue,t.examAnswerRelationType,t=>this._move(e,t.detail)),a=()=>this._deleteByCustomId(t.customId),o=t=>this._save(e,t),n=()=>this._setEdit(e,!0),l=t=>this.addSubject(t.detail?.type??t.detail,e);return[d.SINGLE,d.MULTIPLE,d.SORT].includes(t.answerType)?s`<qxs-subject-single
|
|
2
|
+
.title=${t.title||""}
|
|
3
|
+
.answerList=${t.answers||[]}
|
|
4
4
|
.uploadImage=${this.uploadImage}
|
|
5
5
|
order-index=${i}
|
|
6
|
-
?is-edit=${
|
|
7
|
-
?is-set=${
|
|
8
|
-
?is-save=${!
|
|
6
|
+
?is-edit=${t.isEdit}
|
|
7
|
+
?is-set=${t.hasSet}
|
|
8
|
+
?is-save=${!t.isRealCanDel}
|
|
9
9
|
?show-action=${!this._isPreviewValue}
|
|
10
|
-
?is-key=${
|
|
11
|
-
type=${
|
|
12
|
-
answer-check-type=${
|
|
13
|
-
exam-answer-relation-type=${
|
|
14
|
-
rich-text-content=${
|
|
15
|
-
analysis=${
|
|
16
|
-
least-answer-count=${
|
|
17
|
-
exam-expand=${
|
|
18
|
-
custom-id=${
|
|
19
|
-
exam-id=${
|
|
20
|
-
@move=${
|
|
21
|
-
@set-relation=${
|
|
22
|
-
></qxs-subject-single>`:
|
|
23
|
-
.title=${
|
|
24
|
-
.answerList=${
|
|
25
|
-
.examAnswerSetting=${
|
|
10
|
+
?is-key=${t.isKey}
|
|
11
|
+
type=${t.answerType}
|
|
12
|
+
answer-check-type=${t.answerCheckType??1}
|
|
13
|
+
exam-answer-relation-type=${t.examAnswerRelationType??0}
|
|
14
|
+
rich-text-content=${t.examRichTextContent||""}
|
|
15
|
+
analysis=${t.analysis||""}
|
|
16
|
+
least-answer-count=${t.leastAnswerCount??2}
|
|
17
|
+
exam-expand=${t.examExpand||""}
|
|
18
|
+
custom-id=${t.customId||""}
|
|
19
|
+
exam-id=${t.examId??0}
|
|
20
|
+
@move=${r} @delete=${a} @save=${o} @edit=${n} @add=${l}
|
|
21
|
+
@set-relation=${t=>this._emit("set-relation",t.detail)}
|
|
22
|
+
></qxs-subject-single>`:t.answerType===d.BLANK_FILL?s`<qxs-blank-fill
|
|
23
|
+
.title=${t.title||""}
|
|
24
|
+
.answerList=${t.answers||[]}
|
|
25
|
+
.examAnswerSetting=${t.examAnswerSettingVO||{}}
|
|
26
26
|
.uploadImage=${this.uploadImage}
|
|
27
27
|
order-index=${i}
|
|
28
|
-
?is-edit=${
|
|
29
|
-
exam-answer-relation-type=${
|
|
30
|
-
exam-expand=${
|
|
31
|
-
rich-text-content=${
|
|
32
|
-
analysis=${
|
|
33
|
-
custom-id=${
|
|
34
|
-
@move=${
|
|
35
|
-
></qxs-blank-fill>`:
|
|
36
|
-
.title=${
|
|
37
|
-
.answerList=${
|
|
38
|
-
.examAnswerSetting=${
|
|
28
|
+
?is-edit=${t.isEdit} ?is-set=${t.hasSet} ?is-save=${!t.isRealCanDel} ?show-action=${!this._isPreviewValue}
|
|
29
|
+
exam-answer-relation-type=${t.examAnswerRelationType??0}
|
|
30
|
+
exam-expand=${t.examExpand||""}
|
|
31
|
+
rich-text-content=${t.examRichTextContent||""}
|
|
32
|
+
analysis=${t.analysis||""}
|
|
33
|
+
custom-id=${t.customId||""}
|
|
34
|
+
@move=${r} @delete=${a} @save=${o} @edit=${n} @add=${l}
|
|
35
|
+
></qxs-blank-fill>`:t.answerType===d.TEXT_FILL?s`<qxs-text-fill
|
|
36
|
+
.title=${t.title||""}
|
|
37
|
+
.answerList=${t.answers||[]}
|
|
38
|
+
.examAnswerSetting=${t.examAnswerSettingVO||{}}
|
|
39
39
|
.uploadImage=${this.uploadImage}
|
|
40
40
|
order-index=${i}
|
|
41
|
-
?is-edit=${
|
|
42
|
-
exam-answer-relation-type=${
|
|
43
|
-
exam-expand=${
|
|
44
|
-
rich-text-content=${
|
|
45
|
-
analysis=${
|
|
46
|
-
custom-id=${
|
|
47
|
-
@move=${
|
|
48
|
-
></qxs-text-fill>`:
|
|
49
|
-
.title=${
|
|
50
|
-
.answerList=${
|
|
51
|
-
.scaleQuestions=${
|
|
41
|
+
?is-edit=${t.isEdit} ?is-set=${t.hasSet} ?is-save=${!t.isRealCanDel} ?show-action=${!this._isPreviewValue}
|
|
42
|
+
exam-answer-relation-type=${t.examAnswerRelationType??0}
|
|
43
|
+
exam-expand=${t.examExpand||""}
|
|
44
|
+
rich-text-content=${t.examRichTextContent||""}
|
|
45
|
+
analysis=${t.analysis||""}
|
|
46
|
+
custom-id=${t.customId||""}
|
|
47
|
+
@move=${r} @delete=${a} @save=${o} @edit=${n} @add=${l}
|
|
48
|
+
></qxs-text-fill>`:t.answerType===d.SCALE?s`<qxs-scale
|
|
49
|
+
.title=${t.title||""}
|
|
50
|
+
.answerList=${t.answers||[]}
|
|
51
|
+
.scaleQuestions=${t.scaleQuestionList||[]}
|
|
52
52
|
.uploadImage=${this.uploadImage}
|
|
53
53
|
order-index=${i}
|
|
54
|
-
?is-edit=${
|
|
55
|
-
exam-answer-relation-type=${
|
|
56
|
-
rich-text-content=${
|
|
57
|
-
analysis=${
|
|
58
|
-
custom-id=${
|
|
59
|
-
@move=${
|
|
60
|
-
></qxs-scale>`:"
|
|
61
|
-
.uploadImage=${this.uploadImage}
|
|
62
|
-
order-index=${i}
|
|
63
|
-
?is-edit=${e.isEdit} ?is-set=${e.hasSet} ?is-save=${!e.isRealCanDel} ?show-action=${!this._isPreviewValue}
|
|
64
|
-
exam-answer-relation-type=${e.examAnswerRelationType??0}
|
|
65
|
-
rich-text-content=${e.richTextContent||e.examRichTextContent||""}
|
|
66
|
-
custom-id=${e.customId||""}
|
|
67
|
-
@move=${a} @delete=${r} @save=${o} @edit=${n} @add=${l}
|
|
68
|
-
></qxs-subject-rich-text>`:"page_end"===e.answerType?s`<qxs-page-end
|
|
69
|
-
current-page-index=${this._pageIndex(e.customId)}
|
|
70
|
-
total-page=${this._totalPages()}
|
|
71
|
-
?show-action=${!this._isPreviewValue}
|
|
72
|
-
@move=${a} @delete=${r} @add=${l}
|
|
73
|
-
></qxs-page-end>`:s`<div style="color:#909399;padding:8px">未知题型: ${e.answerType}</div>`}render(){return s`
|
|
54
|
+
?is-edit=${t.isEdit} ?is-set=${t.hasSet} ?is-save=${!t.isRealCanDel} ?show-action=${!this._isPreviewValue}
|
|
55
|
+
exam-answer-relation-type=${t.examAnswerRelationType??0}
|
|
56
|
+
rich-text-content=${t.examRichTextContent||""}
|
|
57
|
+
analysis=${t.analysis||""}
|
|
58
|
+
custom-id=${t.customId||""}
|
|
59
|
+
@move=${r} @delete=${a} @save=${o} @edit=${n} @add=${l}
|
|
60
|
+
></qxs-scale>`:s`<div style="color:#909399;padding:8px">未知题型: ${t.answerType}</div>`}render(){return s`
|
|
74
61
|
<div class="subject-list">
|
|
75
|
-
${this._list.map((e
|
|
62
|
+
${this._list.map((t,e)=>this._renderItem(t,e))}
|
|
76
63
|
</div>
|
|
77
|
-
`}};m.styles=
|
|
64
|
+
`}};m.styles=t`
|
|
78
65
|
:host { display: block; font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 13px; }
|
|
79
66
|
*, ::before, ::after { box-sizing: border-box; }
|
|
80
67
|
.sort-mode-toggle { display: flex; justify-content: flex-end; margin-bottom: 12px; }
|
|
@@ -96,5 +83,5 @@ import{css as e,LitElement as t,html as s}from"lit";import{property as i}from"..
|
|
|
96
83
|
.sort-index { font-size: 13px; color: #606266; font-weight: 500; margin-right: 8px; min-width: 24px; flex-shrink: 0; }
|
|
97
84
|
.sort-title { flex: 1; font-size: 14px; color: #303133; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
98
85
|
.sort-type { font-size: 12px; color: #909399; margin-left: 12px; padding: 2px 8px; background: #f0f0f0; border-radius: 4px; flex-shrink: 0; }
|
|
99
|
-
`,p([i({attribute:"is-preview"})],m.prototype,"isPreview",2),p([i({type:Object})],m.prototype,"uploadImage",2),p([i({type:Array})],m.prototype,"subjectList",1),p([
|
|
86
|
+
`,p([i({attribute:"is-preview"})],m.prototype,"isPreview",2),p([i({type:Object})],m.prototype,"uploadImage",2),p([i({type:Array})],m.prototype,"subjectList",1),p([r()],m.prototype,"_list",2),p([r()],m.prototype,"_sortMode",2),m=p([o("qxs-subject-list")],m);export{m as QxsSubjectList};
|
|
100
87
|
//# sourceMappingURL=list.mjs.map
|
package/es/subject/list.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.mjs","sources":["../../../../packages/components-wc/src/subject/list.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport Sortable from 'sortablejs'\nimport { safeCustomElement } from '../base/define'\nimport { uid } from '../base/uid'\nimport { SubjectError } from './single'\nimport { getSubjectType } from './types'\n\n// 导入子组件以确保它们被注册为 Custom Elements\nimport './action'\nimport './blank-fill'\nimport './layout'\nimport './single'\nimport './text-fill'\nimport './scale'\nimport './page-end'\nimport './rich-text'\nimport './type'\n\nconst TYPE_LABEL: Record<string, string> = {\n single: '单选题', multiple: '多选题', sort: '排序题',\n blank_fill: '填空题', text_fill: '问答题', scale: '量表题',\n rich_text: '富文本', page_end: '分页符',\n}\n\n@safeCustomElement('qxs-subject-list')\nexport class QxsSubjectList extends LitElement {\n static styles = css`\n :host { display: block; font-family: system-ui, -apple-system, \"PingFang SC\", \"Microsoft YaHei\", sans-serif; font-size: 13px; }\n *, ::before, ::after { box-sizing: border-box; }\n .sort-mode-toggle { display: flex; justify-content: flex-end; margin-bottom: 12px; }\n .btn { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 12px; font-size: 12px; border: 1px solid #dcdfe6; border-radius: 3px; background: #fff; color: #606266; cursor: pointer; transition: all 0.2s; }\n .btn:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n .btn.primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }\n .btn.primary:hover { background: #3D61E3; border-color: #3D61E3; }\n .subject-list { display: flex; flex-direction: column; }\n .subject-content { flex: 1; min-width: 0; }\n .ghost { opacity: 0.5; background: #ecf5ff; }\n .chosen { box-shadow: 0 4px 16px rgba(64,158,255,.3); }\n .sort-list { display: flex; flex-direction: column; gap: 8px; }\n .sort-item { display: flex; align-items: center; padding: 12px 16px; background: #f8f9fa; border: 1px solid #e4e7ed; border-radius: 6px; cursor: grab; transition: all 0.3s ease; }\n .sort-item:hover { background: #ecf5ff; border-color: #c6e2ff; }\n .sort-item:active { cursor: grabbing; }\n .sort-item.sort-ghost { opacity: 0.5; background: #ecf5ff; border: 2px dashed #409eff; }\n .sort-item.sort-chosen { background: #ecf5ff; border-color: #409eff; box-shadow: 0 4px 16px rgba(64,158,255,.3); transform: scale(1.02); }\n .sort-handle { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 12px; color: #909399; flex-shrink: 0; }\n .sort-index { font-size: 13px; color: #606266; font-weight: 500; margin-right: 8px; min-width: 24px; flex-shrink: 0; }\n .sort-title { flex: 1; font-size: 14px; color: #303133; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n .sort-type { font-size: 12px; color: #909399; margin-left: 12px; padding: 2px 8px; background: #f0f0f0; border-radius: 4px; flex-shrink: 0; }\n `\n\n\n\n @property({ attribute: 'is-preview' }) isPreview = false\n\n @property({ type: Object })\n uploadImage: (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 })\n get subjectList() { return this._list }\n\n set subjectList(v: any) {\n if (!v) {\n this._list = []\n return\n }\n if (typeof v === 'string') {\n try {\n v = JSON.parse(v)\n }\n catch {\n this._list = []\n this.requestUpdate()\n return\n }\n }\n if (!Array.isArray(v)) {\n this._list = []\n this.requestUpdate()\n return\n }\n this._list = v.map((i: any) => ({ ...i, customId: i.customId || uid() }))\n this.requestUpdate()\n }\n\n attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null) {\n super.attributeChangedCallback(name, oldVal, newVal)\n if (name === 'subject-list' && newVal && !this._list.length) {\n if (newVal.includes('[object Object]')) {\n return\n }\n try {\n const parsed = JSON.parse(newVal)\n if (Array.isArray(parsed)) {\n this._list = parsed.map((i: any) => ({ ...i, customId: i.customId || uid() }))\n this.requestUpdate()\n }\n }\n catch {\n // Not valid JSON, ignore\n }\n }\n }\n\n @state() private _list: any[] = []\n @state() private _sortMode = false\n private _sortable: Sortable | null = null\n\n private get _isPreviewValue(): boolean {\n const val = (this as any).isPreview\n return typeof val === 'string' ? val !== 'false' : !!val\n }\n\n private _initialDataProcessed = false\n\n connectedCallback() {\n super.connectedCallback()\n if (!this._initialDataProcessed) {\n this._initialDataProcessed = true\n Promise.resolve().then(() => {\n if (this._list.length === 0) {\n this._processAttributeList()\n }\n })\n }\n }\n\n private _processAttributeList() {\n const attr = this.getAttribute('subject-list')\n if (!attr || attr === '[]') { return }\n if (attr.includes('[object Object]')) {\n return\n }\n try {\n const parsed = JSON.parse(attr)\n if (Array.isArray(parsed) && parsed.length > 0) {\n this._list = parsed.map((i: any) => ({ ...i, customId: i.customId || uid() }))\n this.requestUpdate()\n }\n }\n catch {\n // Not valid JSON, ignore\n }\n }\n\n firstUpdated() {\n this.updateComplete.then(() => this._initSortable())\n }\n\n updated(changed: Map<string, unknown>) {\n if (changed.has('_sortMode')) {\n this._sortable?.destroy()\n this._sortable = null\n this.updateComplete.then(() => this._initSortable())\n }\n // Reinitialize Sortable when list changes in sort mode\n if (changed.has('_list') && this._sortMode) {\n // Small delay to let Lit finish DOM updates\n setTimeout(() => {\n if (this._sortable) {\n this._sortable.destroy()\n this._sortable = null\n }\n this._initSortable()\n }, 50)\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback()\n this._sortable?.destroy()\n this._sortable = null\n }\n\n private _initSortable() {\n if (!this._sortMode) { return }\n const el = this.querySelector<HTMLElement>('.sort-list')\n if (!el) { return }\n\n // Destroy existing instance first\n if (this._sortable) {\n this._sortable.destroy()\n this._sortable = null\n }\n\n // Small delay to ensure DOM is ready after previous destroy\n requestAnimationFrame(() => {\n const currentEl = this.querySelector<HTMLElement>('.sort-list')\n if (!currentEl || this._sortable) { return }\n\n this._sortable = Sortable.create(currentEl, {\n handle: '.sort-handle',\n animation: 200,\n ghostClass: 'sort-ghost',\n chosenClass: 'sort-chosen',\n onEnd: (evt) => {\n const { oldIndex, newIndex } = evt\n if (oldIndex === undefined || newIndex === undefined || oldIndex === newIndex) { return }\n const arr = [...this._list]\n const [item] = arr.splice(oldIndex, 1)\n arr.splice(newIndex, 0, item)\n this._list = arr\n this._emit('change', this._list)\n },\n })\n })\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 async toJSON(): Promise<any[]> {\n const subjectEls = this.querySelectorAll<any>(\n 'qxs-subject-single, qxs-blank-fill, qxs-text-fill, qxs-scale, qxs-subject-rich-text',\n )\n if (!subjectEls || subjectEls.length === 0) {\n return []\n }\n\n const results: any[] = []\n const errors: SubjectError[] = []\n\n for (const el of subjectEls) {\n if (typeof el.toJSON === 'function') {\n try {\n const data = await el.toJSON()\n results.push(data)\n }\n catch (err: any) {\n if (err instanceof SubjectError) {\n errors.push(err)\n }\n else {\n errors.push(new SubjectError(err.message || '未知错误', 'UNKNOWN', 'unknown'))\n }\n }\n }\n }\n\n if (errors.length > 0) {\n throw errors\n }\n\n return results\n }\n\n async validate(): Promise<{ valid: boolean, errors: SubjectError[] }> {\n const subjectEls = this.querySelectorAll<any>(\n 'qxs-subject-single, qxs-blank-fill, qxs-text-fill, qxs-scale, qxs-subject-rich-text',\n )\n if (!subjectEls || subjectEls.length === 0) {\n return { valid: true, errors: [] }\n }\n\n const errors: SubjectError[] = []\n\n for (const el of subjectEls) {\n if (typeof el.validate === 'function') {\n const errs = el.validate()\n if (errs?.length) {\n errors.push(...errs)\n }\n }\n }\n\n return {\n valid: errors.length === 0,\n errors,\n }\n }\n\n // ── public API ────────────────────────────────────────────────\n get currentList() { return this._list }\n\n addSubject(type: string, index?: number, examAnswerRelationType: number | null = null) {\n const item = {\n customId: uid(), answerType: type, title: '',\n answers: [], analysis: '', scaleQuestionList: [],\n isEdit: true, isSave: false, isRealCanDel: true, hasSet: false,\n isKey: false, answerCheckType: 1,\n examAnswerRelationType: examAnswerRelationType ?? 0,\n }\n const arr = [...this._list]\n if (typeof index === 'number' && index >= 0) {\n arr.splice(index + 1, 0, item)\n }\n else { arr.push(item) }\n this._list = arr\n this.requestUpdate()\n this._emit('change', this._list)\n }\n\n addExam(items: any[]) {\n let pageIdx = 1\n const newItems: any[] = []\n items.forEach((v: any) => {\n const item: any = {\n ...v,\n customId: v.customId || uid(),\n answers: v.answers?.map((c: any) => ({ ...c, title: c.answer, answerId: c.examAnswerId, isCorrect: c.isCorrect })) || [],\n isEdit: true, isSave: false, isRealCanDel: true, hasSet: false,\n }\n if (!v.richTextContent) {\n item.answerType = getSubjectType(v.examTypeEnum)\n }\n if (item.pageIndex > pageIdx) {\n newItems.push({ customId: uid(), answerType: 'page_end', analysis: '', scaleQuestionList: [], isEdit: true, isSave: false, isRealCanDel: true, hasSet: false, examAnswerRelationType: 0 })\n pageIdx = item.pageIndex\n }\n newItems.push(item)\n })\n this._list = [...this._list, ...newItems]\n this._emit('change', this._list)\n }\n\n uploadExcel(list: any[]) {\n this._list = [...this._list, ...list.map((i: any) => ({ ...i, customId: i.customId || uid(), isRealCanDel: true }))]\n this._emit('change', this._list)\n }\n\n setAnswerRelation(answerRelations: any, customId: string, customAnswerId: string) {\n const item = this._list.find((v: any) => v.customId === customId)\n if (item) {\n const ans = item.answers?.find((c: any) => c.customAnswerId === customAnswerId)\n if (ans) { ans.answerRelations = answerRelations }\n }\n this.requestUpdate()\n this._emit('change', this._list)\n }\n\n // ── private helpers ───────────────────────────────────────────\n private _orderIndex(customId: string) {\n let n = 0; let out = 0\n this._list.forEach((v: any) => {\n if (v.answerType !== 'page_end') {\n n++; if (v.customId === customId) { out = n }\n }\n })\n return out - 1\n }\n\n private _pageIndex(customId: string) {\n const pages = this._list.filter((v: any) => v.answerType === 'page_end')\n const idx = pages.findIndex((v: any) => v.customId === customId)\n return idx + 1\n }\n\n private _totalPages() {\n return this._list.filter((v: any) => v.answerType === 'page_end').length\n }\n\n private _move(index: number, dir: 'up' | 'down') {\n const arr = [...this._list]\n if (dir === 'up' && index > 0) { [arr[index - 1], arr[index]] = [arr[index], arr[index - 1]] }\n else if (dir === 'down' && index < arr.length - 1) { [arr[index], arr[index + 1]] = [arr[index + 1], arr[index]] }\n this._list = arr\n this._emit('change', this._list)\n }\n\n private _save(index: number, e: CustomEvent) {\n this._list = this._list.map((item, i) =>\n i === index ? { ...item, ...e.detail, isEdit: false, isSave: true } : item,\n )\n this._emit('change', this._list)\n }\n\n private _deleteByCustomId(customId: string) {\n this._list = this._list.filter(item => item.customId !== customId)\n this._emit('change', this._list)\n }\n\n private _delete(index: number) {\n const arr = [...this._list]\n arr.splice(index, 1)\n this._list = arr\n this._emit('change', this._list)\n }\n\n private _setEdit(index: number, val: boolean) {\n this._list = this._list.map((item, i) => i === index ? { ...item, isEdit: val } : item)\n }\n\n private _renderItem(item: any, index: number) {\n const common = {\n 'order-index': this._orderIndex(item.customId),\n '?is-edit': item.isEdit || false,\n '?is-set': item.hasSet || false,\n '?is-save': !item.isRealCanDel,\n '?show-action': !this._isPreviewValue,\n 'exam-answer-relation-type': item.examAnswerRelationType ?? 0,\n }\n const onMove = (e: CustomEvent) => this._move(index, e.detail as 'up' | 'down')\n const onDelete = () => this._deleteByCustomId(item.customId)\n const onSave = (e: CustomEvent) => this._save(index, e)\n const onEdit = () => this._setEdit(index, true)\n const onAdd = (e: CustomEvent) => this.addSubject(e.detail?.type ?? e.detail, index)\n\n if (['single', 'multiple', 'sort'].includes(item.answerType)) {\n return html`<qxs-subject-single\n .title=${item.title || ''}\n .answerList=${item.answers || []}\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit}\n ?is-set=${item.hasSet}\n ?is-save=${!item.isRealCanDel}\n ?show-action=${!this._isPreviewValue}\n ?is-key=${item.isKey}\n type=${item.answerType}\n answer-check-type=${item.answerCheckType ?? 1}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n rich-text-content=${item.examRichTextContent || ''}\n analysis=${item.analysis || ''}\n least-answer-count=${item.leastAnswerCount ?? 2}\n exam-expand=${item.examExpand || ''}\n custom-id=${item.customId || ''}\n exam-id=${item.examId ?? 0}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n @set-relation=${(e: CustomEvent) => this._emit('set-relation', e.detail)}\n ></qxs-subject-single>`\n }\n if (item.answerType === 'blank_fill') {\n return html`<qxs-blank-fill\n .title=${item.title || ''}\n .answerList=${item.answers || []}\n .examAnswerSetting=${item.examAnswerSettingVO || {}}\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit} ?is-set=${item.hasSet} ?is-save=${!item.isRealCanDel} ?show-action=${!this._isPreviewValue}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n exam-expand=${item.examExpand || ''}\n rich-text-content=${item.examRichTextContent || ''}\n analysis=${item.analysis || ''}\n custom-id=${item.customId || ''}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n ></qxs-blank-fill>`\n }\n if (item.answerType === 'text_fill') {\n return html`<qxs-text-fill\n .title=${item.title || ''}\n .answerList=${item.answers || []}\n .examAnswerSetting=${item.examAnswerSettingVO || {}}\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit} ?is-set=${item.hasSet} ?is-save=${!item.isRealCanDel} ?show-action=${!this._isPreviewValue}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n exam-expand=${item.examExpand || ''}\n rich-text-content=${item.examRichTextContent || ''}\n analysis=${item.analysis || ''}\n custom-id=${item.customId || ''}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n ></qxs-text-fill>`\n }\n if (item.answerType === 'scale') {\n return html`<qxs-scale\n .title=${item.title || ''}\n .answerList=${item.answers || []}\n .scaleQuestions=${item.scaleQuestionList || []}\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit} ?is-set=${item.hasSet} ?is-save=${!item.isRealCanDel} ?show-action=${!this._isPreviewValue}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n rich-text-content=${item.examRichTextContent || ''}\n analysis=${item.analysis || ''}\n custom-id=${item.customId || ''}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n ></qxs-scale>`\n }\n if (item.answerType === 'rich_text') {\n return html`<qxs-subject-rich-text\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit} ?is-set=${item.hasSet} ?is-save=${!item.isRealCanDel} ?show-action=${!this._isPreviewValue}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n rich-text-content=${item.richTextContent || item.examRichTextContent || ''}\n custom-id=${item.customId || ''}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n ></qxs-subject-rich-text>`\n }\n if (item.answerType === 'page_end') {\n return html`<qxs-page-end\n current-page-index=${this._pageIndex(item.customId)}\n total-page=${this._totalPages()}\n ?show-action=${!this._isPreviewValue}\n @move=${onMove} @delete=${onDelete} @add=${onAdd}\n ></qxs-page-end>`\n }\n return html`<div style=\"color:#909399;padding:8px\">未知题型: ${item.answerType}</div>`\n }\n\n render() {\n return html`\n <div class=\"subject-list\">\n ${this._list.map((item, index) => this._renderItem(item, index))}\n </div>\n `\n }\n}\n\nexport function register() {}\n"],"names":["QxsSubjectList","LitElement","constructor","super","arguments","this","isPreview","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_list","_sortMode","_sortable","_initialDataProcessed","subjectList","v","JSON","parse","requestUpdate","Array","isArray","map","i","customId","uid","attributeChangedCallback","name","oldVal","newVal","length","includes","parsed","_isPreviewValue","val","connectedCallback","then","_processAttributeList","attr","getAttribute","firstUpdated","updateComplete","_initSortable","updated","changed","has","destroy","setTimeout","disconnectedCallback","querySelector","requestAnimationFrame","currentEl","Sortable","create","handle","animation","ghostClass","chosenClass","onEnd","evt","oldIndex","newIndex","arr","item","splice","_emit","detail","dispatchEvent","CustomEvent","bubbles","composed","toJSON","subjectEls","querySelectorAll","results","errors","el","data","push","err","SubjectError","message","validate","valid","errs","currentList","addSubject","type","index","examAnswerRelationType","undefined","answerType","title","answers","analysis","scaleQuestionList","isEdit","isSave","isRealCanDel","hasSet","isKey","answerCheckType","addExam","items","pageIdx","newItems","forEach","c","answer","answerId","examAnswerId","isCorrect","richTextContent","getSubjectType","examTypeEnum","pageIndex","uploadExcel","list","setAnswerRelation","answerRelations","customAnswerId","find","ans","_orderIndex","n","out","_pageIndex","filter","findIndex","_totalPages","_move","dir","_save","_deleteByCustomId","_delete","_setEdit","_renderItem","common","onMove","onDelete","onSave","onEdit","onAdd","html","examRichTextContent","leastAnswerCount","examExpand","examId","examAnswerSettingVO","render","styles","css","__decorateClass","property","attribute","prototype","Object","state","safeCustomElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"list.mjs","sources":["../../../../packages/components-wc/src/subject/list.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport Sortable from 'sortablejs'\nimport { safeCustomElement } from '../base/define'\nimport { uid } from '../base/uid'\nimport { SubjectError } from './single'\nimport { SubjectType } from './types'\n\n// 导入子组件以确保它们被注册为 Custom Elements\nimport './action'\nimport './blank-fill'\nimport './layout'\nimport './single'\nimport './text-fill'\nimport './scale'\nimport './page-end'\nimport './rich-text'\nimport './type'\n\nconst TYPE_LABEL: Record<string, string> = {\n [SubjectType.SINGLE]: '单选题', [SubjectType.MULTIPLE]: '多选题', [SubjectType.SORT]: '排序题',\n [SubjectType.BLANK_FILL]: '填空题', [SubjectType.TEXT_FILL]: '问答题', [SubjectType.SCALE]: '量表题',\n}\n\n@safeCustomElement('qxs-subject-list')\nexport class QxsSubjectList extends LitElement {\n static styles = css`\n :host { display: block; font-family: system-ui, -apple-system, \"PingFang SC\", \"Microsoft YaHei\", sans-serif; font-size: 13px; }\n *, ::before, ::after { box-sizing: border-box; }\n .sort-mode-toggle { display: flex; justify-content: flex-end; margin-bottom: 12px; }\n .btn { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 12px; font-size: 12px; border: 1px solid #dcdfe6; border-radius: 3px; background: #fff; color: #606266; cursor: pointer; transition: all 0.2s; }\n .btn:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n .btn.primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }\n .btn.primary:hover { background: #3D61E3; border-color: #3D61E3; }\n .subject-list { display: flex; flex-direction: column; }\n .subject-content { flex: 1; min-width: 0; }\n .ghost { opacity: 0.5; background: #ecf5ff; }\n .chosen { box-shadow: 0 4px 16px rgba(64,158,255,.3); }\n .sort-list { display: flex; flex-direction: column; gap: 8px; }\n .sort-item { display: flex; align-items: center; padding: 12px 16px; background: #f8f9fa; border: 1px solid #e4e7ed; border-radius: 6px; cursor: grab; transition: all 0.3s ease; }\n .sort-item:hover { background: #ecf5ff; border-color: #c6e2ff; }\n .sort-item:active { cursor: grabbing; }\n .sort-item.sort-ghost { opacity: 0.5; background: #ecf5ff; border: 2px dashed #409eff; }\n .sort-item.sort-chosen { background: #ecf5ff; border-color: #409eff; box-shadow: 0 4px 16px rgba(64,158,255,.3); transform: scale(1.02); }\n .sort-handle { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 12px; color: #909399; flex-shrink: 0; }\n .sort-index { font-size: 13px; color: #606266; font-weight: 500; margin-right: 8px; min-width: 24px; flex-shrink: 0; }\n .sort-title { flex: 1; font-size: 14px; color: #303133; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n .sort-type { font-size: 12px; color: #909399; margin-left: 12px; padding: 2px 8px; background: #f0f0f0; border-radius: 4px; flex-shrink: 0; }\n `\n\n\n\n @property({ attribute: 'is-preview' }) isPreview = false\n\n @property({ type: Object })\n uploadImage: (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 })\n get subjectList() { return this._list }\n\n set subjectList(v: any) {\n if (!v) {\n this._list = []\n return\n }\n if (typeof v === 'string') {\n try {\n v = JSON.parse(v)\n }\n catch {\n this._list = []\n this.requestUpdate()\n return\n }\n }\n if (!Array.isArray(v)) {\n this._list = []\n this.requestUpdate()\n return\n }\n this._list = v.map((i: any) => ({ ...i, customId: i.customId || uid() }))\n this.requestUpdate()\n }\n\n attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null) {\n super.attributeChangedCallback(name, oldVal, newVal)\n if (name === 'subject-list' && newVal && !this._list.length) {\n if (newVal.includes('[object Object]')) {\n return\n }\n try {\n const parsed = JSON.parse(newVal)\n if (Array.isArray(parsed)) {\n this._list = parsed.map((i: any) => ({ ...i, customId: i.customId || uid() }))\n this.requestUpdate()\n }\n }\n catch {\n // Not valid JSON, ignore\n }\n }\n }\n\n @state() private _list: any[] = []\n @state() private _sortMode = false\n private _sortable: Sortable | null = null\n\n private get _isPreviewValue(): boolean {\n const val = (this as any).isPreview\n return typeof val === 'string' ? val !== 'false' : !!val\n }\n\n private _initialDataProcessed = false\n\n connectedCallback() {\n super.connectedCallback()\n if (!this._initialDataProcessed) {\n this._initialDataProcessed = true\n Promise.resolve().then(() => {\n if (this._list.length === 0) {\n this._processAttributeList()\n }\n })\n }\n }\n\n private _processAttributeList() {\n const attr = this.getAttribute('subject-list')\n if (!attr || attr === '[]') { return }\n if (attr.includes('[object Object]')) {\n return\n }\n try {\n const parsed = JSON.parse(attr)\n if (Array.isArray(parsed) && parsed.length > 0) {\n this._list = parsed.map((i: any) => ({ ...i, customId: i.customId || uid() }))\n this.requestUpdate()\n }\n }\n catch {\n // Not valid JSON, ignore\n }\n }\n\n firstUpdated() {\n this.updateComplete.then(() => this._initSortable())\n }\n\n updated(changed: Map<string, unknown>) {\n if (changed.has('_sortMode')) {\n this._sortable?.destroy()\n this._sortable = null\n this.updateComplete.then(() => this._initSortable())\n }\n // Reinitialize Sortable when list changes in sort mode\n if (changed.has('_list') && this._sortMode) {\n // Small delay to let Lit finish DOM updates\n setTimeout(() => {\n if (this._sortable) {\n this._sortable.destroy()\n this._sortable = null\n }\n this._initSortable()\n }, 50)\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback()\n this._sortable?.destroy()\n this._sortable = null\n }\n\n private _initSortable() {\n if (!this._sortMode) { return }\n const el = this.querySelector<HTMLElement>('.sort-list')\n if (!el) { return }\n\n // Destroy existing instance first\n if (this._sortable) {\n this._sortable.destroy()\n this._sortable = null\n }\n\n // Small delay to ensure DOM is ready after previous destroy\n requestAnimationFrame(() => {\n const currentEl = this.querySelector<HTMLElement>('.sort-list')\n if (!currentEl || this._sortable) { return }\n\n this._sortable = Sortable.create(currentEl, {\n handle: '.sort-handle',\n animation: 200,\n ghostClass: 'sort-ghost',\n chosenClass: 'sort-chosen',\n onEnd: (evt) => {\n const { oldIndex, newIndex } = evt\n if (oldIndex === undefined || newIndex === undefined || oldIndex === newIndex) { return }\n const arr = [...this._list]\n const [item] = arr.splice(oldIndex, 1)\n arr.splice(newIndex, 0, item)\n this._list = arr\n this._emit('change', this._list)\n },\n })\n })\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 async toJSON(): Promise<any[]> {\n const subjectEls = this.querySelectorAll<any>(\n 'qxs-subject-single, qxs-blank-fill, qxs-text-fill, qxs-scale, qxs-subject-rich-text',\n )\n if (!subjectEls || subjectEls.length === 0) {\n return []\n }\n\n const results: any[] = []\n const errors: SubjectError[] = []\n\n for (const el of subjectEls) {\n if (typeof el.toJSON === 'function') {\n try {\n const data = await el.toJSON()\n results.push(data)\n }\n catch (err: any) {\n if (err instanceof SubjectError) {\n errors.push(err)\n }\n else {\n errors.push(new SubjectError(err.message || '未知错误', 'UNKNOWN', 'unknown'))\n }\n }\n }\n }\n\n if (errors.length > 0) {\n throw errors\n }\n\n return results\n }\n\n async validate(): Promise<{ valid: boolean, errors: SubjectError[] }> {\n const subjectEls = this.querySelectorAll<any>(\n 'qxs-subject-single, qxs-blank-fill, qxs-text-fill, qxs-scale, qxs-subject-rich-text',\n )\n if (!subjectEls || subjectEls.length === 0) {\n return { valid: true, errors: [] }\n }\n\n const errors: SubjectError[] = []\n\n for (const el of subjectEls) {\n if (typeof el.validate === 'function') {\n const errs = el.validate()\n if (errs?.length) {\n errors.push(...errs)\n }\n }\n }\n\n return {\n valid: errors.length === 0,\n errors,\n }\n }\n\n // ── public API ────────────────────────────────────────────────\n get currentList() { return this._list }\n\n addSubject(type: string, index?: number, examAnswerRelationType: number | null = null) {\n const item = {\n customId: uid(), answerType: type, title: '',\n answers: [], analysis: '', scaleQuestionList: [],\n isEdit: true, isSave: false, isRealCanDel: true, hasSet: false,\n isKey: false, answerCheckType: 1,\n examAnswerRelationType: examAnswerRelationType ?? 0,\n }\n const arr = [...this._list]\n if (typeof index === 'number' && index >= 0) {\n arr.splice(index + 1, 0, item)\n }\n else { arr.push(item) }\n this._list = arr\n this.requestUpdate()\n this._emit('change', this._list)\n }\n\n addExam(items: any[]) {\n const newItems: any[] = []\n items.forEach((v: any) => {\n const item: any = {\n ...v,\n customId: v.customId || uid(),\n answers: v.answers?.map((c: any) => ({ ...c, title: c.answer, answerId: c.examAnswerId, isCorrect: c.isCorrect })) || [],\n isEdit: true, isSave: false, isRealCanDel: true, hasSet: false,\n }\n if (!v.richTextContent) {\n item.answerType = v.examTypeEnum\n }\n newItems.push(item)\n })\n this._list = [...this._list, ...newItems]\n this._emit('change', this._list)\n }\n\n uploadExcel(list: any[]) {\n this._list = [...this._list, ...list.map((i: any) => ({ ...i, customId: i.customId || uid(), isRealCanDel: true }))]\n this._emit('change', this._list)\n }\n\n setAnswerRelation(answerRelations: any, customId: string, customAnswerId: string) {\n const item = this._list.find((v: any) => v.customId === customId)\n if (item) {\n const ans = item.answers?.find((c: any) => c.customAnswerId === customAnswerId)\n if (ans) { ans.answerRelations = answerRelations }\n }\n this.requestUpdate()\n this._emit('change', this._list)\n }\n\n // ── private helpers ───────────────────────────────────────────\n private _orderIndex(customId: string) {\n let n = 0; let out = 0\n this._list.forEach((v: any) => {\n n++; if (v.customId === customId) { out = n }\n })\n return out - 1\n }\n\n private _move(index: number, dir: 'up' | 'down') {\n const arr = [...this._list]\n if (dir === 'up' && index > 0) { [arr[index - 1], arr[index]] = [arr[index], arr[index - 1]] }\n else if (dir === 'down' && index < arr.length - 1) { [arr[index], arr[index + 1]] = [arr[index + 1], arr[index]] }\n this._list = arr\n this._emit('change', this._list)\n }\n\n private _save(index: number, e: CustomEvent) {\n this._list = this._list.map((item, i) =>\n i === index ? { ...item, ...e.detail, isEdit: false, isSave: true } : item,\n )\n this._emit('change', this._list)\n }\n\n private _deleteByCustomId(customId: string) {\n this._list = this._list.filter(item => item.customId !== customId)\n this._emit('change', this._list)\n }\n\n private _delete(index: number) {\n const arr = [...this._list]\n arr.splice(index, 1)\n this._list = arr\n this._emit('change', this._list)\n }\n\n private _setEdit(index: number, val: boolean) {\n this._list = this._list.map((item, i) => i === index ? { ...item, isEdit: val } : item)\n }\n\n private _renderItem(item: any, index: number) {\n const common = {\n 'order-index': this._orderIndex(item.customId),\n '?is-edit': item.isEdit || false,\n '?is-set': item.hasSet || false,\n '?is-save': !item.isRealCanDel,\n '?show-action': !this._isPreviewValue,\n 'exam-answer-relation-type': item.examAnswerRelationType ?? 0,\n }\n const onMove = (e: CustomEvent) => this._move(index, e.detail as 'up' | 'down')\n const onDelete = () => this._deleteByCustomId(item.customId)\n const onSave = (e: CustomEvent) => this._save(index, e)\n const onEdit = () => this._setEdit(index, true)\n const onAdd = (e: CustomEvent) => this.addSubject(e.detail?.type ?? e.detail, index)\n\n if ([SubjectType.SINGLE, SubjectType.MULTIPLE, SubjectType.SORT].includes(item.answerType)) {\n return html`<qxs-subject-single\n .title=${item.title || ''}\n .answerList=${item.answers || []}\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit}\n ?is-set=${item.hasSet}\n ?is-save=${!item.isRealCanDel}\n ?show-action=${!this._isPreviewValue}\n ?is-key=${item.isKey}\n type=${item.answerType}\n answer-check-type=${item.answerCheckType ?? 1}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n rich-text-content=${item.examRichTextContent || ''}\n analysis=${item.analysis || ''}\n least-answer-count=${item.leastAnswerCount ?? 2}\n exam-expand=${item.examExpand || ''}\n custom-id=${item.customId || ''}\n exam-id=${item.examId ?? 0}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n @set-relation=${(e: CustomEvent) => this._emit('set-relation', e.detail)}\n ></qxs-subject-single>`\n }\n if (item.answerType === SubjectType.BLANK_FILL) {\n return html`<qxs-blank-fill\n .title=${item.title || ''}\n .answerList=${item.answers || []}\n .examAnswerSetting=${item.examAnswerSettingVO || {}}\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit} ?is-set=${item.hasSet} ?is-save=${!item.isRealCanDel} ?show-action=${!this._isPreviewValue}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n exam-expand=${item.examExpand || ''}\n rich-text-content=${item.examRichTextContent || ''}\n analysis=${item.analysis || ''}\n custom-id=${item.customId || ''}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n ></qxs-blank-fill>`\n }\n if (item.answerType === SubjectType.TEXT_FILL) {\n return html`<qxs-text-fill\n .title=${item.title || ''}\n .answerList=${item.answers || []}\n .examAnswerSetting=${item.examAnswerSettingVO || {}}\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit} ?is-set=${item.hasSet} ?is-save=${!item.isRealCanDel} ?show-action=${!this._isPreviewValue}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n exam-expand=${item.examExpand || ''}\n rich-text-content=${item.examRichTextContent || ''}\n analysis=${item.analysis || ''}\n custom-id=${item.customId || ''}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n ></qxs-text-fill>`\n }\n if (item.answerType === SubjectType.SCALE) {\n return html`<qxs-scale\n .title=${item.title || ''}\n .answerList=${item.answers || []}\n .scaleQuestions=${item.scaleQuestionList || []}\n .uploadImage=${this.uploadImage}\n order-index=${common['order-index']}\n ?is-edit=${item.isEdit} ?is-set=${item.hasSet} ?is-save=${!item.isRealCanDel} ?show-action=${!this._isPreviewValue}\n exam-answer-relation-type=${item.examAnswerRelationType ?? 0}\n rich-text-content=${item.examRichTextContent || ''}\n analysis=${item.analysis || ''}\n custom-id=${item.customId || ''}\n @move=${onMove} @delete=${onDelete} @save=${onSave} @edit=${onEdit} @add=${onAdd}\n ></qxs-scale>`\n }\n return html`<div style=\"color:#909399;padding:8px\">未知题型: ${item.answerType}</div>`\n }\n\n render() {\n return html`\n <div class=\"subject-list\">\n ${this._list.map((item, index) => this._renderItem(item, index))}\n </div>\n `\n }\n}\n\nexport function register() {}\n"],"names":["SubjectType","SINGLE","MULTIPLE","SORT","BLANK_FILL","TEXT_FILL","SCALE","QxsSubjectList","LitElement","constructor","super","arguments","this","isPreview","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_list","_sortMode","_sortable","_initialDataProcessed","subjectList","v","JSON","parse","requestUpdate","Array","isArray","map","i","customId","uid","attributeChangedCallback","name","oldVal","newVal","length","includes","parsed","_isPreviewValue","val","connectedCallback","then","_processAttributeList","attr","getAttribute","firstUpdated","updateComplete","_initSortable","updated","changed","has","destroy","setTimeout","disconnectedCallback","querySelector","requestAnimationFrame","currentEl","Sortable","create","handle","animation","ghostClass","chosenClass","onEnd","evt","oldIndex","newIndex","arr","item","splice","_emit","detail","dispatchEvent","CustomEvent","bubbles","composed","toJSON","subjectEls","querySelectorAll","results","errors","el","data","push","err","SubjectError","message","validate","valid","errs","currentList","addSubject","type","index","examAnswerRelationType","undefined","answerType","title","answers","analysis","scaleQuestionList","isEdit","isSave","isRealCanDel","hasSet","isKey","answerCheckType","addExam","items","newItems","forEach","c","answer","answerId","examAnswerId","isCorrect","richTextContent","examTypeEnum","uploadExcel","list","setAnswerRelation","answerRelations","customAnswerId","find","ans","_orderIndex","n","out","_move","dir","_save","_deleteByCustomId","filter","_delete","_setEdit","_renderItem","common","onMove","onDelete","onSave","onEdit","onAdd","html","examRichTextContent","leastAnswerCount","examExpand","examId","examAnswerSettingVO","render","styles","css","__decorateClass","property","attribute","prototype","Object","state","safeCustomElement"],"mappings":"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"}
|
package/es/subject/scale.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{html as t,css as e,LitElement as i}from"lit";import{property as s}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.mjs";import{state as o}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.mjs";import{safeCustomElement as r}from"../base/define.mjs";import{SubjectError as a}from"./single.mjs";import{
|
|
1
|
+
import{html as t,css as e,LitElement as i}from"lit";import{property as s}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.mjs";import{state as o}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.mjs";import{safeCustomElement as r}from"../base/define.mjs";import{SubjectError as a}from"./single.mjs";import{SubjectType as n}from"./types.mjs";var l=Object.defineProperty,d=Object.getOwnPropertyDescriptor,p=(t,e,i,s)=>{for(var o,r=s>1?void 0:s?d(e,i):e,a=t.length-1;a>=0;a--)(o=t[a])&&(r=(s?o(e,i,r):o(r))||r);return s&&r&&l(e,i,r),r};const h=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>`,c=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 x=class extends i{constructor(){super(...arguments),this.orderIndex=0,this.title="",this.customId="",this.isEdit=!1,this.isSave=!1,this.isSet=!1,this.showAction=!0,this.showAnalysis=!0,this.analysis="",this.richTextContent="",this.examAnswerRelationType=0,this.uploadImage=async t=>new Promise((e,i)=>{const s=new FileReader;s.onload=t=>e(t.target?.result),s.onerror=i,s.readAsDataURL(t)}),this._answers=[{title:""},{title:""},{title:""},{title:""},{title:""}],this._scaleQuestions=["问题1"],this._rowTitle="",this._title="",this._analysis="",this._showRichText=!1,this._richText="",this.modelValue="",this.useModel=!1,this.TITLE_MAX=200}get answerList(){return this._answers}set answerList(t){const e=Array.isArray(t)?t:[];this._answers=e.length?e.slice(0,5):[{title:""},{title:""},{title:""},{title:""},{title:""}],this.requestUpdate("answerList")}get scaleQuestions(){return this._scaleQuestions}set scaleQuestions(t){this._scaleQuestions=Array.isArray(t)&&t.length?t:["问题1"],this.requestUpdate("scaleQuestions")}willUpdate(t){t.has("isEdit")&&this.isEdit&&this._syncProps(),t.has("modelValue")&&this.useModel&&(this._title=this.modelValue)}_syncProps(){this._title=this.title||"",this._analysis=this.analysis||"",this._rowTitle=this._scaleQuestions.join("\n"),this.richTextContent&&(this._richText=this.richTextContent,this._showRichText=!0)}async toJSON(){return new Promise((t,e)=>{const i={customId:this.customId||void 0,answerType:"scale",orderIndex:this.orderIndex},s=this.isEdit?this._title:this.title||"",o=this.isEdit?this._answers:this.answerList||[],r=this.isEdit?this._analysis:this.analysis||"",l=this.isEdit?this._rowTitle:this.scaleQuestions?.join("\n")||"",d=this.isEdit?this._showRichText:!!this.richTextContent,p=this.isEdit?this._richText:this.richTextContent||"";if(!s)return void e(new a("题目标题不能为空!","EMPTY_TITLE","title",i));for(let t=0;t<o.length;t++)if(!o[t].title)return void e(new a(`选项${String.fromCharCode(65+t)}未填写。`,"ANSWER_EMPTY","answers",i));if(!l)return void e(new a("行标题不能为空!","EMPTY_ROW_TITLE","rowTitle",i));const h=l.split("\n").filter(t=>t.trim());if(0===h.length)return void e(new a("行标题不能为空!","EMPTY_ROW_TITLE","rowTitle",i));const c={answerType:n.SCALE,title:s,analysis:r,answers:o,scaleQuestionList:h,examRichTextContent:d?p:"",examAnswerRelationType:this.examAnswerRelationType};this.customId&&(c.customId=this.customId),t(c)})}_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.useModel&&this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail:this._title}))}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.customId||void 0,answerType:"scale",orderIndex:this.orderIndex},i=this.isEdit?this._title:this.title||"",s=this.isEdit?this._answers:this.answerList||[],o=this.isEdit?this._rowTitle:this.scaleQuestions?.join("\n")||"";if(i||t.push(new a("题目标题不能为空!","EMPTY_TITLE","title",e)),s.forEach((i,s)=>{i.title||t.push(new a(`选项${String.fromCharCode(65+s)}未填写`,"ANSWER_EMPTY","answers",e))}),o){0===o.split("\n").filter(t=>t.trim()).length&&t.push(new a("行标题不能为空!","EMPTY_ROW_TITLE","rowTitle",e))}else t.push(new a("行标题不能为空!","EMPTY_ROW_TITLE","rowTitle",e));return t}_renderPreview(){const e=Math.floor(100/(this._answers.length+1));return t`
|
|
2
2
|
<div class="preview">
|
|
3
3
|
<span class="title">${this.orderIndex+1}.${this.title}(量表题)</span>
|
|
4
4
|
${this.richTextContent?t`<div style="margin-top:8px" .innerHTML=${this.richTextContent}></div>`:""}
|