npm - @qxs-bns/components - Versions diffs - 0.0.90 → 0.0.92 - Mend

@qxs-bns/components 0.0.90 → 0.0.92

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.

Files changed (908) hide show

package/es/subject/blank-fill.mjs ADDED Viewed

@@ -0,0 +1,385 @@
+import{html as o,css as T,LitElement as I}from"lit";import{property as r,state as p}from"lit/decorators.js";import{safeCustomElement as k}from"../base/define.mjs";import{SUB_TEXT_EDITOR_TOOLBAR as q}from"../editor/toolbar.mjs";import{emitSubjectEvent as A,emitSubjectModelValue as S,getSubjectImageResources as B,getSubjectVideoResource as C,resolveSubjectCategoryLabel as L,showSubjectToast as E,buildSubjectSortingTitle as R}from"./shared-methods.mjs";import{subjectHostStyles as O,subjectControlResetStyles as z,subjectPreviewBaseStyles as P,subjectFormBaseStyles as N,subjectTextareaStyles as D}from"./shared-styles.mjs";import{trimCommaSeparatedText as M,trimText as u,SubjectError as x}from"./subject-shared.mjs";import{sortingCardStyles as U,renderSortingCard as K}from"./sorting-card.mjs";import{resolveSubjectPrefix as F}from"./title-prefix.mjs";import{SubjectType as g,SubjectTypeLabel as X}from"./types.mjs";var V=Object.defineProperty,H=Object.getOwnPropertyDescriptor,i=(t,e,a,n)=>{for(var l=n>1?void 0:n?H(e,a):e,h=t.length-1,d;h>=0;h--)(d=t[h])&&(l=(n?d(e,a,l):d(l))||l);return n&&l&&V(e,a,l),l};const b=" ______",J=o`
+  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
+    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/>
+  </svg>`;let s=class extends I{constructor(){super(...arguments),this["order-index"]=0,this.title="",this["custom-id"]="",this["is-edit"]=!1,this["is-save"]=!1,this["is-set"]=!1,this["is-key"]=!1,this["show-action"]=!0,this["show-add"]=!0,this["hide-add-rich-text"]=!1,this["show-rich-text"]=!1,this["show-delete-action"]=!0,this["show-save-action"]=!0,this.sorting=!1,this["show-answer-setting"]=!1,this["show-analysis"]=!1,this["rich-text-content"]="",this.analysis="",this["exam-answer-relation-type"]=0,this["exam-expand"]="",this["exam-id"]=0,this["category-id"]="",this["exam-answer-setting"]={isInOrder:!1,isIgnoreCase:!0},this["upload-image"]=async t=>new Promise((e,a)=>{const n=new FileReader;n.onload=l=>e(l.target?.result),n.onerror=a,n.readAsDataURL(t)}),this["answer-list"]=[],this["tag-list"]=[],this["category-list"]=[],this["resource-list"]=[],this["show-tag"]=!1,this["show-category"]=!1,this["show-resource"]=!1,this["model-value"]="",this["use-model"]=!1,this._title="",this._analysis="",this._answers=[{title:"",tag:"",showInput:!1}],this._isInOrder=!1,this._isIgnoreCase=!0,this._showRichText=!1,this._richText="",this._selectedTagList=[],this._categoryId="",this.TITLE_MAX=400}willUpdate(t){t.has("is-edit")&&this["is-edit"]&&this._syncProps(),!this["is-edit"]&&(t.has("title")||t.has("answer-list")||t.has("analysis")||t.has("exam-answer-setting")||t.has("rich-text-content")||t.has("tag-list")||t.has("category-id"))&&this._syncProps(),t.has("model-value")&&this["use-model"]&&(this._title=this["model-value"].replaceAll(/<filter><\/filter>/g," ______")),t.has("tag-list")&&(this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(e=>({...e})):[]),t.has("category-id")&&(this._categoryId=this["category-id"]?String(this["category-id"]):"")}_normalizeAnswerTitle(t){return M(t?.title??t?.answer??"")}_blankCount(t){return(t.match(/ ______/g)||[]).length}_syncAnswersToBlankCount(t){if(t!==this._answers.length){if(t>this._answers.length){this._answers=[...this._answers,...Array.from({length:t-this._answers.length},()=>({title:"",tag:"",showInput:!1}))];return}this._answers=this._answers.slice(0,t)}}_syncProps(){if(this._title=(this.title||"").replaceAll(/<filter><\/filter>/g," ______"),this._analysis=this.analysis||"",this["answer-list"]?.length)this._answers=this["answer-list"].map(t=>({title:this._normalizeAnswerTitle(t),tag:"",showInput:!1,answerId:t?.answerId??t?.examAnswerId}));else{const t=this._blankCount(this._title);this._answers=Array.from({length:t},()=>({title:"",tag:"",showInput:!1}))}this["exam-answer-setting"]&&(this._isInOrder=!!this["exam-answer-setting"].isInOrder,this._isIgnoreCase=!!this["exam-answer-setting"].isIgnoreCase),this._richText=this["rich-text-content"]||"",this._showRichText=!!this["rich-text-content"],this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(t=>({...t})):[],this._categoryId=this["category-id"]?String(this["category-id"]):""}_emit(t,e){A(this,t,e)}_addBlank(){const t=this.shadowRoot?.querySelector(".title-textarea"),e=t?.selectionStart??this._title.length,a=t?.selectionEnd??this._title.length,n=`${this._title.slice(0,e)}${b}${this._title.slice(a)}`;n.length>this.TITLE_MAX||(this._title=n,this._syncAnswersToBlankCount(this._blankCount(this._title)),this.requestUpdate(),this._emitModelUpdate(),this.updateComplete.then(()=>{const l=this.shadowRoot?.querySelector(".title-textarea");if(!l)return;const h=e+b.length;l.focus(),l.setSelectionRange(h,h)}))}_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._syncAnswersToBlankCount(this._blankCount(this._title)),this._emitModelUpdate()}_emitModelUpdate(){if(this["use-model"]){const t=this._title.replaceAll(/ ______/g,"<filter></filter>");S(this,t)}}_handleAddTag(t){t.showInput=!1,t.tag&&(t.title=t.title?[t.title,t.tag].join(","):t.tag,t.tag=""),this.requestUpdate()}_closeTag(t,e){if(!t)return;const a=e.title.split(","),n=a.findIndex(l=>l===t);n>-1&&(a.splice(n,1),e.title=a.join(",")),this.requestUpdate()}_onCategoryChange(t){this._categoryId=t,this._emit("category-change",{value:t,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_imageResources(){return B(this["resource-list"]||[])}_videoResource(){return C(this["resource-list"]||[])}_categoryLabel(){return L(this["category-list"],this._categoryId)}_previewAnswerText(t){const e=(t?.title||"").split(",").map(a=>a.trim()).filter(Boolean);return e.length?e.join(" / "):""}_renderInlineBlankTitle(t){const e=this.title.replaceAll(/<filter><\/filter>/g," ______"),a=F(this["subject-prefix"],`${this["order-index"]+1}.`),n=e.split(" ______");return o`<span class="title preview-filled-title">${a?`${a} `:""}${n[0]??""}${n.slice(1).map((l,h)=>{const d=this._previewAnswerText(t[h]);return o`<span class="inline-blank ${d?"":"empty"}">${d||"填空"}</span>${l}`})}</span>`}async toJSON(){return new Promise((t,e)=>{const a={customId:this["custom-id"]||void 0,answerType:"blank_fill",orderIndex:this["order-index"]},n=u(this["is-edit"]?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||""),l=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(c=>({...c,title:this._normalizeAnswerTitle(c),answerId:c?.answerId??c?.examAnswerId})),h=u(this["is-edit"]?this._analysis:this.analysis||""),d=this["is-edit"]?this._isInOrder:this["exam-answer-setting"]?.isInOrder??!1,w=this["is-edit"]?this._isIgnoreCase:this["exam-answer-setting"]?.isIgnoreCase??!0,v=this["is-edit"]?this._showRichText:!!this["rich-text-content"],$=this["is-edit"]?this._richText:this["rich-text-content"]||"",f=l.filter(c=>this._normalizeAnswerTitle(c));if(!n){e(new x("题目标题不能为空!","EMPTY_TITLE","title",a));return}if(l.length<1){e(new x("至少添加一个填空符!","NO_BLANK","answers",a));return}const _={answerType:g.BLANK_FILL,examTypeEnum:g.BLANK_FILL,title:n.replaceAll(/ ______/g,"<filter></filter>"),answers:f.map((c,j)=>{const m=this._normalizeAnswerTitle(c),y={title:m,answer:m,isCorrect:!0,orderIndex:j+1};return c.answerId&&(y.answerId=c.answerId,y.examAnswerId=c.answerId),y}),analysis:h,isSetCorrectAnswer:f.length>0,isKey:this["is-key"],examAnswerSettingBO:{isIgnoreCase:w,isInOrder:d},examAnswerSettingVO:{isIgnoreCase:w,isInOrder:d},examRichTextContent:v?$:""};this["custom-id"]&&(_.customId=this["custom-id"]),t(_)})}async _save(t){t?.stopImmediatePropagation();try{const e=await this.toJSON();this._emit("save",e)}catch(e){E(e.message)}}validate(){const t=[],e={customId:this["custom-id"]||void 0,answerType:"blank_fill",orderIndex:this["order-index"]},a=u(this["is-edit"]?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||""),n=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(l=>({...l,title:this._normalizeAnswerTitle(l)}));return a||t.push(new x("题目标题不能为空!","EMPTY_TITLE","title",e)),n.length<1&&t.push(new x("至少添加一个填空符!","NO_BLANK","answers",e)),t}_renderPreview(){const t=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(e=>({...e,title:this._normalizeAnswerTitle(e)}));return o`
+      <div class="preview">
+        <div class="preview-header">
+          <div class="preview-title-row">
+            ${this._renderInlineBlankTitle(t)}
+            <span class="preview-type">填空题</span>
+          </div>
+          ${this["show-rich-text"]&&this["rich-text-content"]?o`<div class="rich-text" .innerHTML=${this["rich-text-content"]}></div>`:""}
+        </div>
+        ${this.analysis?o`<div class="preview-note">${this.analysis}</div>`:""}
+        ${this["show-category"]&&this._categoryId?o`<div class="section-row"><span class="value-text">分类：${this._categoryLabel()}</span></div>`:""}
+        ${this._renderResourceSection()}
+      </div>
+    `}_renderCategorySection(){return this["show-category"]?o`
+      <div class="flex flex-items-start section-row">
+        <div class="label"><span>分类:</span></div>
+        <div style="flex:1">
+          ${this["is-edit"]?o`
+            <select class="el-select" .value=${String(this._categoryId)}
+              @change=${t=>this._onCategoryChange(t.target.value)}>
+              <option value="">选择分类</option>
+              ${this["category-list"].map(t=>o`
+                <option value=${String(t.categoryId)} ?selected=${String(t.categoryId)===String(this._categoryId)}>${t.title||t.categoryName}</option>
+              `)}
+            </select>
+          `:o`<span class="value-text">${this._categoryLabel()}</span>`}
+        </div>
+      </div>
+    `:""}_renderResourceSection(){if(!this["show-resource"])return"";const t=this._imageResources(),e=this._videoResource();return o`
+      <div class="flex flex-items-start section-row">
+        <div class="label"><span>资源:</span></div>
+        <div style="flex:1">
+          <div class="resource-summary">图片 ${t.length} 张${e?.url?"，含视频资源":""}</div>
+          ${t.length?o`
+            <div class="resource-thumbs">
+              ${t.slice(0,4).map(a=>o`<img class="resource-thumb" src=${a} alt="resource" />`)}
+            </div>
+          `:""}
+          ${e?.url?o`<div style="margin-top:8px"><a class="el-link" href=${e.url} target="_blank" rel="noreferrer">查看视频</a></div>`:""}
+          ${!t.length&&!e?.url?o`<div class="tag-hint">暂无资源</div>`:""}
+        </div>
+      </div>
+    `}_renderSorting(){const t=u(this["is-edit"]?this._title:this.title||"")||"未命名题目",e=R(this["subject-prefix"],this["order-index"],t);return K(e,X[g.BLANK_FILL]||g.BLANK_FILL)}_renderEdit(){return o`
+      <div class="edit-form">
+        <div class="edit-row">
+          <div class="label"><span>题目:</span></div>
+          <div class="row-body">
+            <div class="el-input title-input">
+              <textarea class="title-textarea" rows="3" .value=${this._title}
+                maxlength=${this.TITLE_MAX}
+                @input=${t=>this._onTitleInput(t)}
+                placeholder="【填空题】请输入问题"></textarea>
+              <div class="title-input-actions">
+                <span class="char-counter">${this._title.length}/${this.TITLE_MAX}</span>
+                <button type="button" class="title-input-insert" @click=${()=>this._addBlank()}>插入填空符</button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="edit-row section-row">
+          <div class="label"><span>答题设置:</span></div>
+          <div class="row-body edit-inline">
+            <label class="el-checkbox">
+              <input type="checkbox" .checked=${this._isInOrder}
+                @change=${t=>{this._isInOrder=t.target.checked}} />
+              答案不分顺序
+            </label>
+            <label class="el-checkbox">
+              <input type="checkbox" .checked=${this._isIgnoreCase}
+                @change=${t=>{this._isIgnoreCase=t.target.checked}} />
+              忽略大小写
+            </label>
+          </div>
+        </div>
+        <slot name="business-tag"></slot>
+        ${this._renderCategorySection()}
+        ${this._renderResourceSection()}
+        <div class="edit-row section-row answer-section-row">
+          <div class="label"><span>参考答案:</span></div>
+          <div class="row-body">
+            <div class="answer-section">
+              <div class="edit-note">每个填空支持多个同义词，录入后会按逗号序列化。</div>
+              ${this._answers.map((t,e)=>o`
+                <div class="answer-item">
+                  <div class="answer-item-label"><span>第${e+1}空:</span></div>
+                  <div class="answer-tags">
+                    ${t.title.split(",").filter(Boolean).map(a=>o`
+                      <span class="el-tag">
+                        ${a}
+                        <span class="el-tag__close" @click=${()=>this._closeTag(a,t)}>×</span>
+                      </span>
+                    `)}
+                    ${o`
+                      ${t.showInput?o`
+                        <input type="text" class="el-input--small"
+                          @keydown=${a=>{a.key==="Enter"&&this._handleAddTag(t)}}
+                          @input=${a=>{t.tag=a.target.value}}
+                          @blur=${()=>this._handleAddTag(t)} />
+                      `:o`
+                        <span class="el-button--small" @click=${()=>{t.showInput=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.shadowRoot?.querySelector(".el-input--small")?.focus()})}}>
+                          ${J}
+                          <span>${t.title?"添加同义词":"添加答案"}</span>
+                        </span>
+                      `}
+                    `}
+                  </div>
+                </div>
+              `)}
+            </div>
+          </div>
+        </div>
+        ${this["show-rich-text"]&&this._showRichText?o`
+          <div class="edit-row section-row">
+            <div class="label"><span>副文本:</span></div>
+            <div class="row-body">
+              <slot name="sub-text">
+                <qxs-blocksuite-editor
+                  .content=${this._richText}
+                  .toolbar=${q}
+                  .upload-image=${this["upload-image"]}
+                  ?is-edit=${!0}
+                  @input=${t=>{this._richText=t.target.getContent()}}
+                ></qxs-blocksuite-editor>
+              </slot>
+              ${this["show-action"]?"":o`
+                  <div class="flex flex-justify-end" style="margin-top:8px">
+                    <span class="el-link" style="color:var(--qxs-subject-color-danger, #f56c6c)" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span>
+                  </div>
+                `}
+            </div>
+          </div>
+        `:""}
+        ${this["show-analysis"]?o`
+          <div class="edit-row section-row">
+            <div class="label"><span>解析:</span></div>
+            <div class="row-body">
+              <div class="el-input">
+                <textarea rows="2" .value=${this._analysis}
+                  @input=${t=>{this._analysis=t.target.value}}
+                  placeholder="请输入题目解析"></textarea>
+              </div>
+            </div>
+          </div>
+        `:""}
+      </div>
+    `}render(){if(this.sorting)return this._renderSorting();const t=this["is-edit"]?o`<div slot="edit">${this._renderEdit()}</div>`:o`<div slot="preview">${this._renderPreview()}</div>`;return o`
+      <qxs-subject-layout .show-edit=${this["is-edit"]}>
+        ${t}
+        ${this["show-action"]?o`
+          <qxs-subject-action
+            .is-edit=${this["is-edit"]}
+            .is-set=${this["is-set"]}
+            .show-add=${this["show-add"]}
+            .show-rich-text=${this["show-rich-text"]&&this._showRichText}
+            .hide-add-rich-text=${!this["show-rich-text"]||this["hide-add-rich-text"]}
+            .show-delete-action=${this["show-delete-action"]}
+            .show-save-action=${this["show-save-action"]}
+            exam-answer-relation-type=${this["exam-answer-relation-type"]}
+            @delete=${()=>this._emit("delete")}
+            @save=${this._save}
+            @edit=${()=>this._emit("edit")}
+            @add=${e=>this._emit("add",e.detail)}
+            @set-key=${e=>{this._emit("set-key",e.detail)}}
+            @on-show-rich-text=${()=>{this._showRichText=!this._showRichText,this._showRichText||(this._richText="")}}
+          ></qxs-subject-action>
+        `:""}
+        <slot name="action"></slot>
+      </qxs-subject-layout>
+    `}};s.styles=[U,O,z,P,N,D,T`
+    .preview-note {
+      margin-top: 18px;
+      padding-left: 10px;
+      border-left: 2px solid var(--qxs-subject-border-lighter, #e5eaf3);
+      font-size: 13px;
+      line-height: 1.8;
+      color: var(--qxs-subject-text-soft, #6b7280);
+    }
+    .preview-filled-title {
+      display: inline;
+      font-size: 16px;
+      line-height: 1.9;
+      font-weight: 600;
+      color: var(--qxs-subject-text-primary, #303133);
+    }
+    .inline-blank {
+      display: inline-flex;
+      align-items: center;
+      min-width: 64px;
+      margin: 0 4px;
+      padding: 0 4px 1px;
+      border-bottom: 1px solid var(--qxs-subject-border-strong, #d6deea);
+      font-size: 14px;
+      line-height: 1.6;
+      font-weight: 500;
+      color: var(--qxs-subject-text-muted, #8b95a7);
+      vertical-align: baseline;
+    }
+    .inline-blank.empty {
+      color: transparent;
+    }
+    .flex { display: flex; }
+    .flex-wrap { flex-wrap: wrap; }
+    .flex-items-center { display: flex; align-items: center; }
+    .flex-items-start { display: flex; align-items: flex-start; }
+    .flex-justify-end { display: flex; justify-content: flex-end; }
+    .edit-actions {
+      display: flex;
+      justify-content: flex-end;
+      padding-left: 88px;
+    }
+    .edit-inline {
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      gap: 8px 14px;
+      min-height: 32px;
+    }
+    .edit-note {
+      font-size: 12px;
+      line-height: 1.6;
+      color: var(--qxs-subject-text-secondary, #909399);
+    }
+    .el-tag {
+      display: inline-flex; align-items: center; height: 24px; padding: 0 9px;
+      font-size: 12px; line-height: 1; color: var(--qxs-subject-color-primary, #3D61E3); background: var(--qxs-subject-fill-soft-primary, #ecf5ff);
+      border: 1px solid var(--qxs-subject-fill-soft-primary-border, #d9ecff); border-radius: 4px; white-space: nowrap;
+    }
+    .el-tag .el-tag__close {
+      display: inline-flex; align-items: center; justify-content: center;
+      margin-left: 4px; width: 16px; height: 16px; border-radius: 50%;
+      font-size: 12px; color: var(--qxs-subject-text-secondary, #909399); cursor: pointer; transition: all .2s;
+    }
+    .el-tag .el-tag__close:hover { background: var(--qxs-subject-text-secondary, #909399); color: var(--qxs-subject-fill-blank, #fff); }
+    .el-button--small {
+      display: inline-flex; align-items: center; gap: 4px;
+      height: 28px; padding: 0 10px; font-size: 12px; line-height: 1;
+      border: 1px solid var(--qxs-subject-border, #dcdfe6); border-radius: 6px; background: var(--qxs-subject-fill-blank, #fff); color: var(--qxs-subject-text-regular, #606266);
+      cursor: pointer; transition: all .2s; white-space: nowrap;
+    }
+    .el-button--small:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-fill-soft-primary-border-strong, #c6e2ff); background-color: var(--qxs-subject-fill-soft-primary, #ecf5ff); }
+    .el-link { color: var(--qxs-subject-color-primary, #3D61E3); cursor: pointer; font-size: 12px; text-decoration: none; }
+    .el-link:hover { color: var(--qxs-subject-color-primary-hover, #2D4CB8); }
+    .el-link.is-disabled { color: var(--qxs-subject-text-disabled, #c0c4cc); cursor: not-allowed; }
+    .el-input--small {
+      width: 80px;
+      height: 28px;
+      padding: 0 8px;
+      font-size: 12px;
+      line-height: 24px;
+      color: var(--qxs-subject-text-regular, #606266);
+      background: var(--qxs-subject-fill-blank, #fff);
+      border: 1px solid var(--qxs-subject-border, #dcdfe6);
+      border-radius: 6px;
+      box-sizing: border-box;
+      font-family: inherit;
+    }
+    .el-input--small:focus { border-color: var(--qxs-subject-color-primary, #3D61E3); outline: none; }
+    .title-input textarea {
+      padding-bottom: 38px;
+    }
+    .title-input-actions {
+      position: absolute;
+      right: 12px;
+      bottom: 8px;
+      display: inline-flex;
+      align-items: center;
+      gap: 12px;
+    }
+    .title-input .char-counter {
+      position: static;
+      color: var(--qxs-subject-text-secondary, #909399);
+    }
+    .title-input-insert {
+      border: none;
+      background: none;
+      padding: 0;
+      margin: 0;
+      color: var(--qxs-subject-color-primary, #3D61E3);
+      cursor: pointer;
+      font-size: 12px;
+      font-family: inherit;
+      line-height: 1;
+      white-space: nowrap;
+    }
+    .title-input-insert:hover { color: var(--qxs-subject-color-primary-hover, #2D4CB8); }
+    .el-checkbox {
+      display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
+      font-size: 13px; color: var(--qxs-subject-text-regular, #606266); user-select: none; margin-right: 16px;
+    }
+    .el-checkbox input[type="checkbox"] {
+      width: 14px; height: 14px; cursor: pointer; accent-color: var(--qxs-subject-color-primary, #3D61E3);
+    }
+    .answer-item {
+      display: grid;
+      grid-template-columns: 70px minmax(0, 1fr);
+      gap: 8px 12px;
+      align-items: start;
+    }
+    .answer-item-label {
+      min-width: 0;
+      align-self: center;
+      font-size: 13px;
+      line-height: 1.5;
+      font-weight: 600;
+      color: var(--qxs-subject-text-soft, #6b7280);
+      letter-spacing: 0;
+    }
+    .answer-tags { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; flex: 1; min-height: 28px; }
+    .answer-section { display: flex; flex-direction: column; gap: 10px; }
+    .answer-section-row > .label { padding-top: 0; }
+    .value-text { font-size: 13px; color: var(--qxs-subject-text-regular, #606266); white-space: pre-wrap; }
+    .tag-list { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 32px; }
+    .tag-item {
+      display: inline-flex; align-items: center; gap: 4px;
+      padding: 4px 8px; font-size: 12px; line-height: 1;
+      color: var(--qxs-subject-color-primary, #3D61E3); background: var(--qxs-subject-fill-soft-primary, #ecf5ff); border: 1px solid var(--qxs-subject-fill-soft-primary-border, #d9ecff); border-radius: 4px;
+    }
+    .tag-item .close { cursor: pointer; color: var(--qxs-subject-text-secondary, #909399); }
+    .tag-item .close:hover { color: var(--qxs-subject-color-danger, #f56c6c); }
+    .tag-hint { font-size: 12px; color: var(--qxs-subject-text-secondary, #909399); }
+    .el-select {
+      width: 150px; height: 34px; border: 1px solid var(--qxs-subject-border, #dcdfe6); border-radius: 6px;
+      padding: 0 8px; font-size: 13px; background: var(--qxs-subject-fill-blank, #fff); appearance: none;
+      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c0c4cc' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
+      background-repeat: no-repeat; background-position: right 8px center;
+    }
+    .el-select:focus { border-color: var(--qxs-subject-color-primary, #3D61E3); outline: none; }
+    .el-select:disabled { background: var(--qxs-subject-fill-light, #f5f7fa); color: var(--qxs-subject-text-disabled, #c0c4cc); cursor: not-allowed; }
+    .resource-summary { font-size: 12px; color: var(--qxs-subject-text-regular, #606266); }
+    .resource-thumbs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
+    .resource-thumb {
+      width: 72px; height: 72px; object-fit: cover; border-radius: 6px;
+      border: 1px solid var(--qxs-subject-border-light, #e4e7ed); background: var(--qxs-subject-fill-light, #f5f7fa);
+    }
+    @media (max-width: 720px) {
+      .edit-row,
+      .section-row {
+        flex-direction: column;
+        gap: 8px;
+      }
+      .edit-row > .label,
+      .section-row > .label {
+        min-width: 0;
+        padding-top: 0;
+      }
+      .edit-actions {
+        padding-left: 0;
+        justify-content: flex-start;
+      }
+      .answer-item {
+        flex-direction: column;
+      }
+      .answer-item-label {
+        min-width: 0;
+      }
+    }
+  `];i([r({type:Number,attribute:"order-index"})],s.prototype,"order-index",2);i([r({type:String,attribute:"subject-prefix"})],s.prototype,"subject-prefix",2);i([r({type:String})],s.prototype,"title",2);i([r({type:String,attribute:"custom-id"})],s.prototype,"custom-id",2);i([r({type:Boolean,attribute:"is-edit"})],s.prototype,"is-edit",2);i([r({type:Boolean,attribute:"is-save"})],s.prototype,"is-save",2);i([r({type:Boolean,attribute:"is-set"})],s.prototype,"is-set",2);i([r({type:Boolean,attribute:"is-key"})],s.prototype,"is-key",2);i([r({type:Boolean,attribute:"show-action"})],s.prototype,"show-action",2);i([r({type:Boolean,attribute:"show-add"})],s.prototype,"show-add",2);i([r({type:Boolean,attribute:"hide-add-rich-text"})],s.prototype,"hide-add-rich-text",2);i([r({type:Boolean,attribute:"show-rich-text"})],s.prototype,"show-rich-text",2);i([r({type:Boolean,attribute:"show-delete-action"})],s.prototype,"show-delete-action",2);i([r({type:Boolean,attribute:"show-save-action"})],s.prototype,"show-save-action",2);i([r({type:Boolean,reflect:!0})],s.prototype,"sorting",2);i([r({type:Boolean,attribute:"show-answer-setting"})],s.prototype,"show-answer-setting",2);i([r({type:Boolean,attribute:"show-analysis"})],s.prototype,"show-analysis",2);i([r({type:String,attribute:"rich-text-content"})],s.prototype,"rich-text-content",2);i([r({type:String})],s.prototype,"analysis",2);i([r({type:Number,attribute:"exam-answer-relation-type"})],s.prototype,"exam-answer-relation-type",2);i([r({type:String,attribute:"exam-expand"})],s.prototype,"exam-expand",2);i([r({type:Number,attribute:"exam-id"})],s.prototype,"exam-id",2);i([r({type:String,attribute:"category-id"})],s.prototype,"category-id",2);i([r({type:Object,attribute:"exam-answer-setting"})],s.prototype,"exam-answer-setting",2);i([r({type:Object,attribute:"upload-image"})],s.prototype,"upload-image",2);i([r({type:Array,attribute:"answer-list"})],s.prototype,"answer-list",2);i([r({type:Array,attribute:"tag-list"})],s.prototype,"tag-list",2);i([r({type:Array,attribute:"category-list"})],s.prototype,"category-list",2);i([r({type:Array,attribute:"resource-list"})],s.prototype,"resource-list",2);i([r({type:Boolean,attribute:"show-tag"})],s.prototype,"show-tag",2);i([r({type:Boolean,attribute:"show-category"})],s.prototype,"show-category",2);i([r({type:Boolean,attribute:"show-resource"})],s.prototype,"show-resource",2);i([r({type:String,attribute:"model-value"})],s.prototype,"model-value",2);i([r({type:Boolean,attribute:"use-model"})],s.prototype,"use-model",2);i([p()],s.prototype,"_title",2);i([p()],s.prototype,"_analysis",2);i([p()],s.prototype,"_answers",2);i([p()],s.prototype,"_isInOrder",2);i([p()],s.prototype,"_isIgnoreCase",2);i([p()],s.prototype,"_showRichText",2);i([p()],s.prototype,"_richText",2);i([p()],s.prototype,"_selectedTagList",2);i([p()],s.prototype,"_categoryId",2);s=i([k("qxs-blank-fill")],s);export{s as QxsBlankFill};
+//# sourceMappingURL=blank-fill.mjs.map

package/es/subject/blank-fill.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"blank-fill.mjs","sources":["../../../../packages/components/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 { SUB_TEXT_EDITOR_TOOLBAR } from '../editor/toolbar'\nimport { buildSubjectSortingTitle, emitSubjectEvent, emitSubjectModelValue, getSubjectImageResources, getSubjectVideoResource, resolveSubjectCategoryLabel, showSubjectToast } from './shared-methods'\nimport { subjectControlResetStyles, subjectFormBaseStyles, subjectHostStyles, subjectPreviewBaseStyles, subjectTextareaStyles } from './shared-styles'\nimport { type Category, type Resource, SubjectError, type TagItem, trimCommaSeparatedText, trimText } from './subject-shared'\nimport { renderSortingCard, sortingCardStyles } from './sorting-card'\nimport { resolveSubjectPrefix } from './title-prefix'\nimport { SubjectType, SubjectTypeLabel } from './types'\n\ninterface BlankAnswer {\n title: string\n tag: string\n showInput: boolean\n answerId?: string | number\n}\n\nconst BLANK_TOKEN = ' ______'\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\n@safeCustomElement('qxs-blank-fill')\nexport class QxsBlankFill extends LitElement {\n static styles = [sortingCardStyles, subjectHostStyles, subjectControlResetStyles, subjectPreviewBaseStyles, subjectFormBaseStyles, subjectTextareaStyles, css`\n .preview-note {\n margin-top: 18px;\n padding-left: 10px;\n border-left: 2px solid var(--qxs-subject-border-lighter, #e5eaf3);\n font-size: 13px;\n line-height: 1.8;\n color: var(--qxs-subject-text-soft, #6b7280);\n }\n .preview-filled-title {\n display: inline;\n font-size: 16px;\n line-height: 1.9;\n font-weight: 600;\n color: var(--qxs-subject-text-primary, #303133);\n }\n .inline-blank {\n display: inline-flex;\n align-items: center;\n min-width: 64px;\n margin: 0 4px;\n padding: 0 4px 1px;\n border-bottom: 1px solid var(--qxs-subject-border-strong, #d6deea);\n font-size: 14px;\n line-height: 1.6;\n font-weight: 500;\n color: var(--qxs-subject-text-muted, #8b95a7);\n vertical-align: baseline;\n }\n .inline-blank.empty {\n color: transparent;\n }\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 .edit-actions {\n display: flex;\n justify-content: flex-end;\n padding-left: 88px;\n }\n .edit-inline {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 8px 14px;\n min-height: 32px;\n }\n .edit-note {\n font-size: 12px;\n line-height: 1.6;\n color: var(--qxs-subject-text-secondary, #909399);\n }\n\n .el-tag {\n display: inline-flex; align-items: center; height: 24px; padding: 0 9px;\n font-size: 12px; line-height: 1; color: var(--qxs-subject-color-primary, #3D61E3); background: var(--qxs-subject-fill-soft-primary, #ecf5ff);\n border: 1px solid var(--qxs-subject-fill-soft-primary-border, #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: var(--qxs-subject-text-secondary, #909399); cursor: pointer; transition: all .2s;\n }\n .el-tag .el-tag__close:hover { background: var(--qxs-subject-text-secondary, #909399); color: var(--qxs-subject-fill-blank, #fff); }\n\n .el-button--small {\n display: inline-flex; align-items: center; gap: 4px;\n height: 28px; padding: 0 10px; font-size: 12px; line-height: 1;\n border: 1px solid var(--qxs-subject-border, #dcdfe6); border-radius: 6px; background: var(--qxs-subject-fill-blank, #fff); color: var(--qxs-subject-text-regular, #606266);\n cursor: pointer; transition: all .2s; white-space: nowrap;\n }\n .el-button--small:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-fill-soft-primary-border-strong, #c6e2ff); background-color: var(--qxs-subject-fill-soft-primary, #ecf5ff); }\n\n .el-link { color: var(--qxs-subject-color-primary, #3D61E3); cursor: pointer; font-size: 12px; text-decoration: none; }\n .el-link:hover { color: var(--qxs-subject-color-primary-hover, #2D4CB8); }\n .el-link.is-disabled { color: var(--qxs-subject-text-disabled, #c0c4cc); cursor: not-allowed; }\n\n .el-input--small {\n width: 80px;\n height: 28px;\n padding: 0 8px;\n font-size: 12px;\n line-height: 24px;\n color: var(--qxs-subject-text-regular, #606266);\n background: var(--qxs-subject-fill-blank, #fff);\n border: 1px solid var(--qxs-subject-border, #dcdfe6);\n border-radius: 6px;\n box-sizing: border-box;\n font-family: inherit;\n }\n .el-input--small:focus { border-color: var(--qxs-subject-color-primary, #3D61E3); outline: none; }\n\n .title-input textarea {\n padding-bottom: 38px;\n }\n .title-input-actions {\n position: absolute;\n right: 12px;\n bottom: 8px;\n display: inline-flex;\n align-items: center;\n gap: 12px;\n }\n .title-input .char-counter {\n position: static;\n color: var(--qxs-subject-text-secondary, #909399);\n }\n .title-input-insert {\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n color: var(--qxs-subject-color-primary, #3D61E3);\n cursor: pointer;\n font-size: 12px;\n font-family: inherit;\n line-height: 1;\n white-space: nowrap;\n }\n .title-input-insert:hover { color: var(--qxs-subject-color-primary-hover, #2D4CB8); }\n\n .el-checkbox {\n display: inline-flex; align-items: center; gap: 6px; cursor: pointer;\n font-size: 13px; color: var(--qxs-subject-text-regular, #606266); user-select: none; margin-right: 16px;\n }\n .el-checkbox input[type=\"checkbox\"] {\n width: 14px; height: 14px; cursor: pointer; accent-color: var(--qxs-subject-color-primary, #3D61E3);\n }\n\n .answer-item {\n display: grid;\n grid-template-columns: 70px minmax(0, 1fr);\n gap: 8px 12px;\n align-items: start;\n }\n .answer-item-label {\n min-width: 0;\n align-self: center;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n color: var(--qxs-subject-text-soft, #6b7280);\n letter-spacing: 0;\n }\n .answer-tags { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; flex: 1; min-height: 28px; }\n .answer-section { display: flex; flex-direction: column; gap: 10px; }\n .answer-section-row > .label { padding-top: 0; }\n\n .value-text { font-size: 13px; color: var(--qxs-subject-text-regular, #606266); white-space: pre-wrap; }\n .tag-list { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 32px; }\n .tag-item {\n display: inline-flex; align-items: center; gap: 4px;\n padding: 4px 8px; font-size: 12px; line-height: 1;\n color: var(--qxs-subject-color-primary, #3D61E3); background: var(--qxs-subject-fill-soft-primary, #ecf5ff); border: 1px solid var(--qxs-subject-fill-soft-primary-border, #d9ecff); border-radius: 4px;\n }\n .tag-item .close { cursor: pointer; color: var(--qxs-subject-text-secondary, #909399); }\n .tag-item .close:hover { color: var(--qxs-subject-color-danger, #f56c6c); }\n .tag-hint { font-size: 12px; color: var(--qxs-subject-text-secondary, #909399); }\n\n .el-select {\n width: 150px; height: 34px; border: 1px solid var(--qxs-subject-border, #dcdfe6); border-radius: 6px;\n padding: 0 8px; font-size: 13px; background: var(--qxs-subject-fill-blank, #fff); appearance: none;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c0c4cc' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E\");\n background-repeat: no-repeat; background-position: right 8px center;\n }\n .el-select:focus { border-color: var(--qxs-subject-color-primary, #3D61E3); outline: none; }\n .el-select:disabled { background: var(--qxs-subject-fill-light, #f5f7fa); color: var(--qxs-subject-text-disabled, #c0c4cc); cursor: not-allowed; }\n\n .resource-summary { font-size: 12px; color: var(--qxs-subject-text-regular, #606266); }\n .resource-thumbs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }\n .resource-thumb {\n width: 72px; height: 72px; object-fit: cover; border-radius: 6px;\n border: 1px solid var(--qxs-subject-border-light, #e4e7ed); background: var(--qxs-subject-fill-light, #f5f7fa);\n }\n\n @media (max-width: 720px) {\n .edit-row,\n .section-row {\n flex-direction: column;\n gap: 8px;\n }\n\n .edit-row > .label,\n .section-row > .label {\n min-width: 0;\n padding-top: 0;\n }\n\n .edit-actions {\n padding-left: 0;\n justify-content: flex-start;\n }\n\n .answer-item {\n flex-direction: column;\n }\n\n .answer-item-label {\n min-width: 0;\n }\n }\n `]\n\n @property({ type: Number, attribute: 'order-index' }) 'order-index' = 0\n @property({ type: String, attribute: 'subject-prefix' }) 'subject-prefix'?: string\n @property({ type: String }) title = ''\n @property({ type: String, attribute: 'custom-id' }) 'custom-id' = ''\n @property({ type: Boolean, attribute: 'is-edit' }) 'is-edit' = false\n @property({ type: Boolean, attribute: 'is-save' }) 'is-save' = false\n @property({ type: Boolean, attribute: 'is-set' }) 'is-set' = false\n @property({ type: Boolean, attribute: 'is-key' }) 'is-key' = false\n @property({ type: Boolean, attribute: 'show-action' }) 'show-action' = true\n @property({ type: Boolean, attribute: 'show-add' }) 'show-add' = true\n @property({ type: Boolean, attribute: 'hide-add-rich-text' }) 'hide-add-rich-text' = false\n @property({ type: Boolean, attribute: 'show-rich-text' }) 'show-rich-text' = false\n @property({ type: Boolean, attribute: 'show-delete-action' }) 'show-delete-action' = true\n @property({ type: Boolean, attribute: 'show-save-action' }) 'show-save-action' = true\n @property({ type: Boolean, reflect: true }) sorting = false\n @property({ type: Boolean, attribute: 'show-answer-setting' }) 'show-answer-setting' = false\n @property({ type: Boolean, attribute: 'show-analysis' }) 'show-analysis' = false\n @property({ type: String, attribute: 'rich-text-content' }) 'rich-text-content' = ''\n @property({ type: String }) analysis = ''\n @property({ type: Number, attribute: 'exam-answer-relation-type' }) 'exam-answer-relation-type' = 0\n @property({ type: String, attribute: 'exam-expand' }) 'exam-expand' = ''\n @property({ type: Number, attribute: 'exam-id' }) 'exam-id' = 0\n @property({ type: String, attribute: 'category-id' }) 'category-id' = ''\n @property({ type: Object, attribute: 'exam-answer-setting' })\n 'exam-answer-setting': { isInOrder: boolean, isIgnoreCase: boolean } = { isInOrder: false, isIgnoreCase: true }\n\n @property({ type: Object, attribute: 'upload-image' })\n 'upload-image': (file: File) => Promise<string> = async (file: File) => {\n return new Promise((resolve, reject) => {\n const reader = new FileReader()\n reader.onload = e => resolve(e.target?.result as string)\n reader.onerror = reject\n reader.readAsDataURL(file)\n })\n }\n\n @property({ type: Array, attribute: 'answer-list' }) 'answer-list': any[] = []\n @property({ type: Array, attribute: 'tag-list' }) 'tag-list': TagItem[] = []\n @property({ type: Array, attribute: 'category-list' }) 'category-list': Category[] = []\n @property({ type: Array, attribute: 'resource-list' }) 'resource-list': Resource[] = []\n @property({ type: Boolean, attribute: 'show-tag' }) 'show-tag' = false\n @property({ type: Boolean, attribute: 'show-category' }) 'show-category' = false\n @property({ type: Boolean, attribute: 'show-resource' }) 'show-resource' = false\n\n @property({ type: String, attribute: 'model-value' }) 'model-value' = ''\n @property({ type: Boolean, attribute: 'use-model' }) 'use-model' = false\n\n @state() private _title = ''\n @state() private _analysis = ''\n @state() private _answers: BlankAnswer[] = [{ title: '', tag: '', showInput: false }]\n @state() private _isInOrder = false\n @state() private _isIgnoreCase = true\n @state() private _showRichText = false\n @state() private _richText = ''\n @state() private _selectedTagList: TagItem[] = []\n @state() private _categoryId = ''\n\n private readonly TITLE_MAX = 400\n\n willUpdate(changed: Map<string, unknown>) {\n if (changed.has('is-edit') && this['is-edit']) { this._syncProps() }\n if (!this['is-edit'] && (changed.has('title') || changed.has('answer-list') || changed.has('analysis') || changed.has('exam-answer-setting') || changed.has('rich-text-content') || changed.has('tag-list') || changed.has('category-id'))) {\n this._syncProps()\n }\n if (changed.has('model-value') && this['use-model']) {\n this._title = this['model-value'].replaceAll(/<filter><\\/filter>/g, ' ______')\n }\n if (changed.has('tag-list')) {\n this._selectedTagList = Array.isArray(this['tag-list']) ? this['tag-list'].map(item => ({ ...item })) : []\n }\n if (changed.has('category-id')) {\n this._categoryId = this['category-id'] ? String(this['category-id']) : ''\n }\n }\n\n private _normalizeAnswerTitle(answer: any) {\n return trimCommaSeparatedText(answer?.title ?? answer?.answer ?? '')\n }\n\n private _blankCount(value: string) {\n return (value.match(/ ______/g) || []).length\n }\n\n private _syncAnswersToBlankCount(blankCount: number) {\n if (blankCount === this._answers.length) { return }\n if (blankCount > this._answers.length) {\n this._answers = [\n ...this._answers,\n ...Array.from({ length: blankCount - this._answers.length }, () => ({ title: '', tag: '', showInput: false })),\n ]\n return\n }\n this._answers = this._answers.slice(0, blankCount)\n }\n\n private _syncProps() {\n this._title = (this.title || '').replaceAll(/<filter><\\/filter>/g, ' ______')\n this._analysis = this.analysis || ''\n if (this['answer-list']?.length) {\n this._answers = this['answer-list'].map((a: any) => ({\n title: this._normalizeAnswerTitle(a),\n tag: '',\n showInput: false,\n answerId: a?.answerId ?? a?.examAnswerId,\n }))\n }\n else {\n const blankCount = this._blankCount(this._title)\n this._answers = Array.from({ length: blankCount }, () => ({ title: '', tag: '', showInput: false }))\n }\n if (this['exam-answer-setting']) {\n this._isInOrder = !!this['exam-answer-setting'].isInOrder\n this._isIgnoreCase = !!this['exam-answer-setting'].isIgnoreCase\n }\n this._richText = this['rich-text-content'] || ''\n this._showRichText = !!this['rich-text-content']\n this._selectedTagList = Array.isArray(this['tag-list']) ? this['tag-list'].map(item => ({ ...item })) : []\n this._categoryId = this['category-id'] ? String(this['category-id']) : ''\n }\n\n private _emit(name: string, detail?: unknown) {\n emitSubjectEvent(this, name, detail)\n }\n\n private _addBlank() {\n const textarea = this.shadowRoot?.querySelector('.title-textarea') as HTMLTextAreaElement | null\n const start = textarea?.selectionStart ?? this._title.length\n const end = textarea?.selectionEnd ?? this._title.length\n const nextTitle = `${this._title.slice(0, start)}${BLANK_TOKEN}${this._title.slice(end)}`\n if (nextTitle.length > this.TITLE_MAX) { return }\n this._title = nextTitle\n this._syncAnswersToBlankCount(this._blankCount(this._title))\n this.requestUpdate()\n this._emitModelUpdate()\n this.updateComplete.then(() => {\n const nextTextarea = this.shadowRoot?.querySelector('.title-textarea') as HTMLTextAreaElement | null\n if (!nextTextarea) { return }\n const cursor = start + BLANK_TOKEN.length\n nextTextarea.focus()\n nextTextarea.setSelectionRange(cursor, cursor)\n })\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 this._syncAnswersToBlankCount(this._blankCount(this._title))\n this._emitModelUpdate()\n }\n\n private _emitModelUpdate() {\n if (this['use-model']) {\n const modelValue = this._title.replaceAll(/ ______/g, '<filter></filter>')\n emitSubjectModelValue(this, modelValue)\n }\n }\n\n private _handleAddTag(item: BlankAnswer) {\n item.showInput = false\n if (item.tag) {\n item.title = item.title ? [item.title, item.tag].join(',') : item.tag\n item.tag = ''\n }\n this.requestUpdate()\n }\n\n private _closeTag(tag: string, item: BlankAnswer) {\n if (!tag) { return }\n const tags = item.title.split(',')\n const idx = tags.findIndex((t: string) => t === tag)\n if (idx > -1) {\n tags.splice(idx, 1)\n item.title = tags.join(',')\n }\n this.requestUpdate()\n }\n\n private _onCategoryChange(value: string) {\n this._categoryId = value\n this._emit('category-change', {\n value,\n customId: this['custom-id'] || '',\n examId: this['exam-id'] || 0,\n })\n }\n\n private _imageResources() {\n return getSubjectImageResources(this['resource-list'] || [])\n }\n\n private _videoResource() {\n return getSubjectVideoResource(this['resource-list'] || [])\n }\n\n private _categoryLabel() {\n return resolveSubjectCategoryLabel(this['category-list'], this._categoryId)\n }\n\n private _previewAnswerText(answer?: BlankAnswer) {\n const values = (answer?.title || '')\n .split(',')\n .map(item => item.trim())\n .filter(Boolean)\n return values.length ? values.join(' / ') : ''\n }\n\n private _renderInlineBlankTitle(previewAnswers: BlankAnswer[]) {\n const displayTitle = this.title.replaceAll(/<filter><\\/filter>/g, ' ______')\n const prefix = resolveSubjectPrefix(this['subject-prefix'], `${this['order-index'] + 1}.`)\n const segments = displayTitle.split(' ______')\n return html`<span class=\"title preview-filled-title\">${prefix ? `${prefix} ` : ''}${segments[0] ?? ''}${segments.slice(1).map((segment, index) => {\n const answer = this._previewAnswerText(previewAnswers[index])\n return html`<span class=\"inline-blank ${answer ? '' : 'empty'}\">${answer || '填空'}</span>${segment}`\n })}</span>`\n }\n\n async toJSON(): Promise<any> {\n return new Promise((resolve, reject) => {\n const row = { customId: this['custom-id'] || undefined, answerType: 'blank_fill', orderIndex: this['order-index'] }\n\n const title = trimText(this['is-edit'] ? this._title : this.title?.replaceAll(/<filter><\\/filter>/g, ' ______') || '')\n const answers = this['is-edit']\n ? this._answers\n : (this['answer-list'] || []).map((answer: any) => ({\n ...answer,\n title: this._normalizeAnswerTitle(answer),\n answerId: answer?.answerId ?? answer?.examAnswerId,\n }))\n const analysis = trimText(this['is-edit'] ? this._analysis : this.analysis || '')\n const isInOrder = this['is-edit'] ? this._isInOrder : this['exam-answer-setting']?.isInOrder ?? false\n const isIgnoreCase = this['is-edit'] ? this._isIgnoreCase : this['exam-answer-setting']?.isIgnoreCase ?? true\n const showRichText = this['is-edit'] ? this._showRichText : !!this['rich-text-content']\n const richText = this['is-edit'] ? this._richText : this['rich-text-content'] || ''\n const filledAnswers = answers.filter((answer: any) => this._normalizeAnswerTitle(answer))\n\n if (!title) {\n reject(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n return\n }\n if (answers.length < 1) {\n reject(new SubjectError('至少添加一个填空符!', 'NO_BLANK', 'answers', row))\n return\n }\n\n const result: any = {\n answerType: SubjectType.BLANK_FILL,\n examTypeEnum: SubjectType.BLANK_FILL,\n title: title.replaceAll(/ ______/g, '<filter></filter>'),\n answers: filledAnswers.map((answer: any, index: number) => {\n const title = this._normalizeAnswerTitle(answer)\n const next: any = {\n title,\n answer: title,\n isCorrect: true,\n orderIndex: index + 1,\n }\n if (answer.answerId) {\n next.answerId = answer.answerId\n next.examAnswerId = answer.answerId\n }\n return next\n }),\n analysis,\n isSetCorrectAnswer: filledAnswers.length > 0,\n isKey: this['is-key'],\n examAnswerSettingBO: { isIgnoreCase, isInOrder },\n examAnswerSettingVO: { isIgnoreCase, isInOrder },\n examRichTextContent: showRichText ? richText : '',\n }\n if (this['custom-id']) { result.customId = this['custom-id'] }\n resolve(result)\n })\n }\n\n private async _save(e?: Event) {\n e?.stopImmediatePropagation()\n try {\n const data = await this.toJSON()\n this._emit('save', data)\n }\n catch (err: any) {\n showSubjectToast(err.message)\n }\n }\n\n validate(): SubjectError[] {\n const errors: SubjectError[] = []\n const row = { customId: this['custom-id'] || undefined, answerType: 'blank_fill', orderIndex: this['order-index'] }\n\n const title = trimText(this['is-edit'] ? this._title : this.title?.replaceAll(/<filter><\\/filter>/g, ' ______') || '')\n const answers = this['is-edit'] ? this._answers : (this['answer-list'] || []).map((answer: any) => ({ ...answer, title: this._normalizeAnswerTitle(answer) }))\n\n if (!title) {\n errors.push(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n }\n if (answers.length < 1) {\n errors.push(new SubjectError('至少添加一个填空符!', 'NO_BLANK', 'answers', row))\n }\n\n return errors\n }\n\n private _renderPreview() {\n const previewAnswers = this['is-edit'] ? this._answers : (this['answer-list'] || []).map((answer: any) => ({ ...answer, title: this._normalizeAnswerTitle(answer) }))\n return html`\n <div class=\"preview\">\n <div class=\"preview-header\">\n <div class=\"preview-title-row\">\n ${this._renderInlineBlankTitle(previewAnswers)}\n <span class=\"preview-type\">填空题</span>\n </div>\n ${this['show-rich-text'] && this['rich-text-content'] ? html`<div class=\"rich-text\" .innerHTML=${this['rich-text-content']}></div>` : ''}\n </div>\n ${this.analysis ? html`<div class=\"preview-note\">${this.analysis}</div>` : ''}\n ${this['show-category'] && this._categoryId\n ? html`<div class=\"section-row\"><span class=\"value-text\">分类：${this._categoryLabel()}</span></div>`\n : ''}\n ${this._renderResourceSection()}\n </div>\n `\n }\n\n private _renderCategorySection() {\n if (!this['show-category']) { return '' }\n return html`\n <div class=\"flex flex-items-start section-row\">\n <div class=\"label\"><span>分类:</span></div>\n <div style=\"flex:1\">\n ${this['is-edit']\n ? html`\n <select class=\"el-select\" .value=${String(this._categoryId)}\n @change=${(e: Event) => this._onCategoryChange((e.target as HTMLSelectElement).value)}>\n <option value=\"\">选择分类</option>\n ${this['category-list'].map((item: any) => html`\n <option value=${String(item.categoryId)} ?selected=${String(item.categoryId) === String(this._categoryId)}>${item.title || item.categoryName}</option>\n `)}\n </select>\n `\n : html`<span class=\"value-text\">${this._categoryLabel()}</span>`}\n </div>\n </div>\n `\n }\n\n private _renderResourceSection() {\n if (!this['show-resource']) { return '' }\n const images = this._imageResources()\n const video = this._videoResource()\n return html`\n <div class=\"flex flex-items-start section-row\">\n <div class=\"label\"><span>资源:</span></div>\n <div style=\"flex:1\">\n <div class=\"resource-summary\">图片 ${images.length} 张${video?.url ? '，含视频资源' : ''}</div>\n ${images.length\n ? html`\n <div class=\"resource-thumbs\">\n ${images.slice(0, 4).map(src => html`<img class=\"resource-thumb\" src=${src} alt=\"resource\" />`)}\n </div>\n `\n : ''}\n ${video?.url ? html`<div style=\"margin-top:8px\"><a class=\"el-link\" href=${video.url} target=\"_blank\" rel=\"noreferrer\">查看视频</a></div>` : ''}\n ${!images.length && !video?.url ? html`<div class=\"tag-hint\">暂无资源</div>` : ''}\n </div>\n </div>\n `\n }\n\n private _renderSorting() {\n const title = trimText(this['is-edit'] ? this._title : this.title || '') || '未命名题目'\n const orderText = buildSubjectSortingTitle(this['subject-prefix'], this['order-index'], title)\n return renderSortingCard(orderText, SubjectTypeLabel[SubjectType.BLANK_FILL] || SubjectType.BLANK_FILL)\n }\n\n private _renderEdit() {\n return html`\n <div class=\"edit-form\">\n <div class=\"edit-row\">\n <div class=\"label\"><span>题目:</span></div>\n <div class=\"row-body\">\n <div class=\"el-input title-input\">\n <textarea class=\"title-textarea\" rows=\"3\" .value=${this._title}\n maxlength=${this.TITLE_MAX}\n @input=${(e: Event) => this._onTitleInput(e)}\n placeholder=\"【填空题】请输入问题\"></textarea>\n <div class=\"title-input-actions\">\n <span class=\"char-counter\">${this._title.length}/${this.TITLE_MAX}</span>\n <button type=\"button\" class=\"title-input-insert\" @click=${() => this._addBlank()}>插入填空符</button>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"edit-row section-row\">\n <div class=\"label\"><span>答题设置:</span></div>\n <div class=\"row-body edit-inline\">\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 </div>\n\n <slot name=\"business-tag\"></slot>\n\n ${this._renderCategorySection()}\n\n ${this._renderResourceSection()}\n\n <div class=\"edit-row section-row answer-section-row\">\n <div class=\"label\"><span>参考答案:</span></div>\n <div class=\"row-body\">\n <div class=\"answer-section\">\n <div class=\"edit-note\">每个填空支持多个同义词，录入后会按逗号序列化。</div>\n ${this._answers.map((a, i) => html`\n <div class=\"answer-item\">\n <div class=\"answer-item-label\"><span>第${i + 1}空:</span></div>\n <div class=\"answer-tags\">\n ${a.title.split(',').filter(Boolean).map(tag => html`\n <span class=\"el-tag\">\n ${tag}\n <span class=\"el-tag__close\" @click=${() => this._closeTag(tag, a)}>×</span>\n </span>\n `)}\n ${html`\n ${a.showInput\n ? html`\n <input type=\"text\" class=\"el-input--small\"\n @keydown=${(e: KeyboardEvent) => {\n if (e.key === 'Enter') { this._handleAddTag(a) }\n }}\n @input=${(e: Event) => { a.tag = (e.target as HTMLInputElement).value }}\n @blur=${() => this._handleAddTag(a)} />\n `\n : html`\n <span class=\"el-button--small\" @click=${() => { a.showInput = true; this.requestUpdate(); this.updateComplete.then(() => { (this.shadowRoot?.querySelector('.el-input--small') as HTMLInputElement)?.focus() }) }}>\n ${iconPlus}\n <span>${a.title ? '添加同义词' : '添加答案'}</span>\n </span>\n `}\n `}\n </div>\n </div>\n `)}\n </div>\n </div>\n </div>\n\n ${this['show-rich-text'] && this._showRichText\n ? html`\n <div class=\"edit-row section-row\">\n <div class=\"label\"><span>副文本:</span></div>\n <div class=\"row-body\">\n <slot name=\"sub-text\">\n <qxs-blocksuite-editor\n .content=${this._richText}\n .toolbar=${SUB_TEXT_EDITOR_TOOLBAR}\n .upload-image=${this['upload-image']}\n ?is-edit=${true}\n @input=${(e: CustomEvent) => { this._richText = (e.target as any).getContent() }}\n ></qxs-blocksuite-editor>\n </slot>\n ${!this['show-action']\n ? html`\n <div class=\"flex flex-justify-end\" style=\"margin-top:8px\">\n <span class=\"el-link\" style=\"color:var(--qxs-subject-color-danger, #f56c6c)\" @click=${() => { this._showRichText = false; this._richText = '' }}>删除富文本</span>\n </div>\n `\n : ''}\n </div>\n </div>\n `\n : ''}\n\n ${this['show-analysis']\n ? html`\n <div class=\"edit-row section-row\">\n <div class=\"label\"><span>解析:</span></div>\n <div class=\"row-body\">\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 </div>\n `\n }\n\n render() {\n if (this.sorting) {\n return this._renderSorting()\n }\n\n const content = this['is-edit']\n ? html`<div slot=\"edit\">${this._renderEdit()}</div>`\n : html`<div slot=\"preview\">${this._renderPreview()}</div>`\n\n return html`\n <qxs-subject-layout .show-edit=${this['is-edit']}>\n ${content}\n ${this['show-action']\n ? html`\n <qxs-subject-action\n .is-edit=${this['is-edit']}\n .is-set=${this['is-set']}\n .show-add=${this['show-add']}\n .show-rich-text=${this['show-rich-text'] && this._showRichText}\n .hide-add-rich-text=${!this['show-rich-text'] || this['hide-add-rich-text']}\n .show-delete-action=${this['show-delete-action']}\n .show-save-action=${this['show-save-action']}\n exam-answer-relation-type=${this['exam-answer-relation-type']}\n @delete=${() => this._emit('delete')}\n @save=${this._save}\n @edit=${() => this._emit('edit')}\n @add=${(e: CustomEvent) => this._emit('add', e.detail)}\n @set-key=${(e: CustomEvent) => { this._emit('set-key', e.detail) }}\n @on-show-rich-text=${() => {\n this._showRichText = !this._showRichText\n if (!this._showRichText) {\n this._richText = ''\n }\n }}\n ></qxs-subject-action>\n `\n : ''}\n <slot name=\"action\"></slot>\n </qxs-subject-layout>\n `\n }\n}\n\nexport function register() {}\n"],"names":["BLANK_TOKEN","iconPlus","html","QxsBlankFill","LitElement","file","resolve","reject","reader","e","changed","item","answer","trimCommaSeparatedText","value","blankCount","a","name","detail","emitSubjectEvent","textarea","start","end","nextTitle","nextTextarea","cursor","el","modelValue","emitSubjectModelValue","tag","tags","idx","t","getSubjectImageResources","getSubjectVideoResource","resolveSubjectCategoryLabel","values","previewAnswers","displayTitle","prefix","resolveSubjectPrefix","segments","segment","index","row","title","trimText","answers","analysis","isInOrder","isIgnoreCase","showRichText","richText","filledAnswers","SubjectError","result","SubjectType","next","data","err","showSubjectToast","errors","images","video","src","orderText","buildSubjectSortingTitle","renderSortingCard","SubjectTypeLabel","i","SUB_TEXT_EDITOR_TOOLBAR","content","sortingCardStyles","subjectHostStyles","subjectControlResetStyles","subjectPreviewBaseStyles","subjectFormBaseStyles","subjectTextareaStyles","css","__decorateClass","property","state","safeCustomElement"],"mappings":"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"}

package/es/subject/draft.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{uid as s}from"../base/uid.mjs";import{SubjectType as r}from"./types.mjs";function a(e){return Array.from({length:e},()=>({title:"",isCorrect:!1}))}function i(e){return Array.from({length:e},(t,n)=>({title:"",orderIndex:n+1}))}function l(e,t={}){if(e===r.PAGE_END)return{customId:s(),answerType:r.PAGE_END};const n={customId:s(),answerType:e,title:"",analysis:"",isEdit:!0,examRichTextContent:""};return e===r.SINGLE\|\|e===r.MULTIPLE\|\|e===r.SORT?{...n,answers:a(4),...e===r.SORT?{leastAnswerCount:null,examExpand:""}:{},...t.examAnswerRelationType!=null?{examAnswerRelationType:t.examAnswerRelationType}:{}}:e===r.BLANK_FILL?{...n,answers:[],examAnswerSettingBO:{isInOrder:!1,isIgnoreCase:!0}}:e===r.TEXT_FILL?{...n,answers:[{title:"",tag:"",showInput:!1}],examAnswerSettingBO:{isInOrder:!1,isIgnoreCase:!0},examExpand:""}:e===r.SCALE?{...n,answers:i(5),scaleQuestionList:[]}:{...n,answers:[]}}export{l as createSubjectDraft};
2	+ //# sourceMappingURL=draft.mjs.map

package/es/subject/draft.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"draft.mjs","sources":["../../../../packages/components/src/subject/draft.ts"],"sourcesContent":["import { uid } from '../base/uid'\nimport { type AnswerType, type SubjectItemType, SubjectType } from './types'\n\nexport interface CreateSubjectDraftOptions {\n examAnswerRelationType?: number | null\n}\n\nfunction createChoiceAnswers(count: number) {\n return Array.from({ length: count }, () => ({ title: '', isCorrect: false }))\n}\n\nfunction createScaleAnswers(count: number) {\n return Array.from({ length: count }, (_, index) => ({ title: '', orderIndex: index + 1 }))\n}\n\nexport function createSubjectDraft(type: SubjectItemType, options: CreateSubjectDraftOptions = {}) {\n if (type === SubjectType.PAGE_END) {\n return {\n customId: uid(),\n answerType: SubjectType.PAGE_END,\n }\n }\n\n const base = {\n customId: uid(),\n answerType: type as AnswerType,\n title: '',\n analysis: '',\n isEdit: true,\n examRichTextContent: '',\n }\n\n if (type === SubjectType.SINGLE || type === SubjectType.MULTIPLE || type === SubjectType.SORT) {\n return {\n ...base,\n answers: createChoiceAnswers(4),\n ...(type === SubjectType.SORT ? { leastAnswerCount: null, examExpand: '' } : {}),\n ...(options.examAnswerRelationType != null ? { examAnswerRelationType: options.examAnswerRelationType } : {}),\n }\n }\n\n if (type === SubjectType.BLANK_FILL) {\n return {\n ...base,\n answers: [],\n examAnswerSettingBO: { isInOrder: false, isIgnoreCase: true },\n }\n }\n\n if (type === SubjectType.TEXT_FILL) {\n return {\n ...base,\n answers: [{ title: '', tag: '', showInput: false }],\n examAnswerSettingBO: { isInOrder: false, isIgnoreCase: true },\n examExpand: '',\n }\n }\n\n if (type === SubjectType.SCALE) {\n return {\n ...base,\n answers: createScaleAnswers(5),\n scaleQuestionList: [],\n }\n }\n\n return {\n ...base,\n answers: [],\n }\n}\n"],"names":["createChoiceAnswers","count","createScaleAnswers","_","index","createSubjectDraft","type","options","SubjectType","uid","base"],"mappings":"gFAOA,SAASA,EAAoBC,EAAe,CAC1C,OAAO,MAAM,KAAK,CAAE,OAAQA,CAAA,EAAS,KAAO,CAAE,MAAO,GAAI,UAAW,EAAA,EAAQ,CAC9E,CAEA,SAASC,EAAmBD,EAAe,CACzC,OAAO,MAAM,KAAK,CAAE,OAAQA,GAAS,CAACE,EAAGC,KAAW,CAAE,MAAO,GAAI,WAAYA,EAAQ,GAAI,CAC3F,CAEO,SAASC,EAAmBC,EAAuBC,EAAqC,GAAI,CACjG,GAAID,IAASE,EAAY,SACvB,MAAO,CACL,SAAUC,EAAA,EACV,WAAYD,EAAY,QAAA,EAI5B,MAAME,EAAO,CACX,SAAUD,EAAA,EACV,WAAYH,EACZ,MAAO,GACP,SAAU,GACV,OAAQ,GACR,oBAAqB,EAAA,EAGvB,OAAIA,IAASE,EAAY,QAAUF,IAASE,EAAY,UAAYF,IAASE,EAAY,KAChF,CACL,GAAGE,EACH,QAASV,EAAoB,CAAC,EAC9B,GAAIM,IAASE,EAAY,KAAO,CAAE,iBAAkB,KAAM,WAAY,EAAA,EAAO,CAAA,EAC7E,GAAID,EAAQ,wBAA0B,KAAO,CAAE,uBAAwBA,EAAQ,wBAA2B,CAAA,CAAC,EAI3GD,IAASE,EAAY,WAChB,CACL,GAAGE,EACH,QAAS,CAAA,EACT,oBAAqB,CAAE,UAAW,GAAO,aAAc,EAAA,CAAK,EAI5DJ,IAASE,EAAY,UAChB,CACL,GAAGE,EACH,QAAS,CAAC,CAAE,MAAO,GAAI,IAAK,GAAI,UAAW,GAAO,EAClD,oBAAqB,CAAE,UAAW,GAAO,aAAc,EAAA,EACvD,WAAY,EAAA,EAIZJ,IAASE,EAAY,MAChB,CACL,GAAGE,EACH,QAASR,EAAmB,CAAC,EAC7B,kBAAmB,CAAA,CAAC,EAIjB,CACL,GAAGQ,EACH,QAAS,CAAA,CAAC,CAEd"}

package/es/subject/layout.mjs ADDED Viewed

@@ -0,0 +1,21 @@
+import{css as n,LitElement as v,html as a}from"lit";import{property as u}from"lit/decorators.js";import{safeCustomElement as c}from"../base/define.mjs";var f=Object.defineProperty,m=Object.getOwnPropertyDescriptor,d=(p,e,r,s)=>{for(var t=s>1?void 0:s?m(e,r):e,i=p.length-1,l;i>=0;i--)(l=p[i])&&(t=(s?l(e,r,t):l(t))||t);return s&&t&&f(e,r,t),t};let o=class extends v{constructor(){super(...arguments),this["show-edit"]=!1}render(){return this["show-edit"]?a`
+        <div class="layout">
+          <div class="edit">
+            <slot name="edit"></slot>
+            <slot></slot>
+          </div>
+        </div>
+      `:a`
+      <div class="layout">
+        <div class="preview">
+          <slot name="preview"></slot>
+          <slot></slot>
+        </div>
+      </div>
+    `}};o.styles=n`
+    :host { display: block; width: 100%; font-family: inherit; font-size: 12px; color: #5a5a5a; }
+    .layout { }
+    .preview { padding: 12px 10px 10px; }
+    .edit { position: relative; padding: 12px 10px 10px; border-radius: 6px; }
+  `;d([u({type:Boolean,attribute:"show-edit"})],o.prototype,"show-edit",2);o=d([c("qxs-subject-layout")],o);export{o as QxsSubjectLayout};
+//# sourceMappingURL=layout.mjs.map

package/es/subject/layout.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"layout.mjs","sources":["../../../../packages/components/src/subject/layout.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\n\n@safeCustomElement('qxs-subject-layout')\nexport class QxsSubjectLayout extends LitElement {\n static styles = css`\n :host { display: block; width: 100%; font-family: inherit; font-size: 12px; color: #5a5a5a; }\n .layout { }\n .preview { padding: 12px 10px 10px; }\n .edit { position: relative; padding: 12px 10px 10px; border-radius: 6px; }\n `\n\n @property({ type: Boolean, attribute: 'show-edit' }) 'show-edit' = false\n\n render() {\n if (this['show-edit']) {\n return html`\n <div class=\"layout\">\n <div class=\"edit\">\n <slot name=\"edit\"></slot>\n <slot></slot>\n </div>\n </div>\n `\n }\n return html`\n <div class=\"layout\">\n <div class=\"preview\">\n <slot name=\"preview\"></slot>\n <slot></slot>\n </div>\n </div>\n `\n }\n}\n\nexport function register() {}\n"],"names":["QxsSubjectLayout","LitElement","html","css","__decorateClass","property","safeCustomElement"],"mappings":"wVAKO,IAAMA,EAAN,cAA+BC,CAAW,CAA1C,aAAA,CAAA,MAAA,GAAA,SAAA,EAQgD,KAAA,WAAA,EAAc,EAAA,CAEnE,QAAS,CACP,OAAI,KAAK,WAAW,EACXC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASFA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQT,CACF,EA9BaF,EACJ,OAASG;AAAA;AAAA;AAAA;AAAA;AAAA,IAOqCC,EAAA,CAApDC,EAAS,CAAE,KAAM,QAAS,UAAW,YAAa,CAAA,EARxCL,EAQ0C,UAAA,YAAA,CAAA,EAR1CA,EAANI,EAAA,CADNE,EAAkB,oBAAoB,CAAA,EAC1BN,CAAA"}

package/es/subject/page-end.mjs ADDED Viewed

@@ -0,0 +1,28 @@
+import{css as c,LitElement as h,html as l}from"lit";import{property as s}from"lit/decorators.js";import{safeCustomElement as u}from"../base/define.mjs";import{sortingCardStyles as m,renderSortingCard as g}from"./sorting-card.mjs";var f=Object.defineProperty,y=Object.getOwnPropertyDescriptor,o=(e,r,n,a)=>{for(var i=a>1?void 0:a?y(r,n):r,d=e.length-1,p;d>=0;d--)(p=e[d])&&(i=(a?p(r,n,i):p(i))||i);return a&&i&&f(r,n,i),i};let t=class extends h{constructor(){super(...arguments),this["current-page-index"]=1,this["total-page"]=1,this["show-action"]=!0,this["show-add"]=!0,this["show-delete-action"]=!0,this["custom-id"]="",this.sorting=!1}_emit(e,r){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:r??null}))}async toJSON(){const e={answerType:"page_end"};return this["custom-id"]&&(e.customId=this["custom-id"]),e}validate(){return[]}render(){return this.sorting?g("分页边界",`第${this["current-page-index"]} / ${this["total-page"]}页`):l`
+      <div class="container">
+        <div class="divider">
+          <div class="line"></div>
+          <span class="label">第${this["current-page-index"]} / ${this["total-page"]}页</span>
+          <div class="line"></div>
+        </div>
+        ${this["show-action"]?l`
+          <qxs-subject-action
+            .page-end=${!0}
+            .show-add=${this["show-add"]}
+            .show-delete-action=${this["show-delete-action"]}
+            .show-other-option=${!1}
+            .show-rich-text=${!1}
+            @delete=${()=>this._emit("delete")}
+            @add=${e=>this._emit("add",e.detail)}
+          ></qxs-subject-action>
+        `:""}
+        <slot name="action"></slot>
+      </div>
+    `}};t.styles=[m,c`
+    :host { display: block; font-family: inherit; font-size: 12px; }
+    .container { width: 100%; }
+    .divider { display: flex; align-items: center; padding: 12px 0; }
+    .line { flex: 1; height: 1px; background-color: #e4e7ed; }
+    .label { padding: 0 12px; font-size: 12px; color: #8c8c8c; }
+  `];o([s({type:Number,attribute:"current-page-index"})],t.prototype,"current-page-index",2);o([s({type:Number,attribute:"total-page"})],t.prototype,"total-page",2);o([s({type:Boolean,attribute:"show-action"})],t.prototype,"show-action",2);o([s({type:Boolean,attribute:"show-add"})],t.prototype,"show-add",2);o([s({type:Boolean,attribute:"show-delete-action"})],t.prototype,"show-delete-action",2);o([s({type:String,attribute:"custom-id"})],t.prototype,"custom-id",2);o([s({type:Boolean,reflect:!0})],t.prototype,"sorting",2);t=o([u("qxs-page-end")],t);export{t as QxsPageEnd};
+//# sourceMappingURL=page-end.mjs.map

package/es/subject/page-end.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"page-end.mjs","sources":["../../../../packages/components/src/subject/page-end.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\nimport { renderSortingCard, sortingCardStyles } from './sorting-card'\n\n@safeCustomElement('qxs-page-end')\nexport class QxsPageEnd extends LitElement {\n static styles = [sortingCardStyles, css`\n :host { display: block; font-family: inherit; font-size: 12px; }\n .container { width: 100%; }\n .divider { display: flex; align-items: center; padding: 12px 0; }\n .line { flex: 1; height: 1px; background-color: #e4e7ed; }\n .label { padding: 0 12px; font-size: 12px; color: #8c8c8c; }\n `]\n\n @property({ type: Number, attribute: 'current-page-index' }) 'current-page-index' = 1\n @property({ type: Number, attribute: 'total-page' }) 'total-page' = 1\n @property({ type: Boolean, attribute: 'show-action' }) 'show-action' = true\n @property({ type: Boolean, attribute: 'show-add' }) 'show-add' = true\n @property({ type: Boolean, attribute: 'show-delete-action' }) 'show-delete-action' = true\n @property({ type: String, attribute: 'custom-id' }) 'custom-id' = ''\n @property({ type: Boolean, reflect: true }) sorting = false\n\n private _emit(name: string, detail?: unknown) {\n this.dispatchEvent(new CustomEvent(name, { bubbles: true, composed: true, detail: detail ?? null }))\n }\n\n async toJSON(): Promise<any> {\n const result: any = {\n answerType: 'page_end',\n }\n if (this['custom-id']) {\n result.customId = this['custom-id']\n }\n return result\n }\n\n validate() {\n return []\n }\n\n render() {\n if (this.sorting) {\n return renderSortingCard('分页边界', `第${this['current-page-index']} / ${this['total-page']}页`)\n }\n\n return html`\n <div class=\"container\">\n <div class=\"divider\">\n <div class=\"line\"></div>\n <span class=\"label\">第${this['current-page-index']} / ${this['total-page']}页</span>\n <div class=\"line\"></div>\n </div>\n ${this['show-action']\n ? html`\n <qxs-subject-action\n .page-end=${true}\n .show-add=${this['show-add']}\n .show-delete-action=${this['show-delete-action']}\n .show-other-option=${false}\n .show-rich-text=${false}\n @delete=${() => this._emit('delete')}\n @add=${(e: CustomEvent) => this._emit('add', e.detail)}\n ></qxs-subject-action>\n `\n : ''}\n <slot name=\"action\"></slot>\n </div>\n `\n }\n}\n\nexport function register() {\n // auto-registered via @safeCustomElement\n}\n"],"names":["QxsPageEnd","LitElement","name","detail","result","renderSortingCard","html","sortingCardStyles","css","__decorateClass","property","safeCustomElement"],"mappings":"saAMO,IAAMA,EAAN,cAAyBC,CAAW,CAApC,aAAA,CAAA,MAAA,GAAA,SAAA,EASwD,KAAA,oBAAA,EAAuB,EAC/B,KAAA,YAAA,EAAe,EACb,KAAA,aAAA,EAAgB,GACnB,KAAA,UAAA,EAAa,GACH,KAAA,oBAAA,EAAuB,GACjC,KAAA,WAAA,EAAc,GACtB,KAAA,QAAU,EAAA,CAE9C,MAAMC,EAAcC,EAAkB,CAC5C,KAAK,cAAc,IAAI,YAAYD,EAAM,CAAE,QAAS,GAAM,SAAU,GAAM,OAAQC,GAAU,IAAA,CAAM,CAAC,CACrG,CAEA,MAAM,QAAuB,CAC3B,MAAMC,EAAc,CAClB,WAAY,UAAA,EAEd,OAAI,KAAK,WAAW,IAClBA,EAAO,SAAW,KAAK,WAAW,GAE7BA,CACT,CAEA,UAAW,CACT,MAAO,CAAA,CACT,CAEA,QAAS,CACP,OAAI,KAAK,QACAC,EAAkB,OAAQ,IAAI,KAAK,oBAAoB,CAAC,MAAM,KAAK,YAAY,CAAC,GAAG,EAGrFC;AAAA;AAAA;AAAA;AAAA,iCAIsB,KAAK,oBAAoB,CAAC,MAAM,KAAK,YAAY,CAAC;AAAA;AAAA;AAAA,UAGzE,KAAK,aAAa,EAChBA;AAAA;AAAA,wBAEY,EAAI;AAAA,wBACJ,KAAK,UAAU,CAAC;AAAA,kCACN,KAAK,oBAAoB,CAAC;AAAA,iCAC3B,EAAK;AAAA,8BACR,EAAK;AAAA,sBACb,IAAM,KAAK,MAAM,QAAQ,CAAC;AAAA,mBAC5B,GAAmB,KAAK,MAAM,MAAO,EAAE,MAAM,CAAC;AAAA;AAAA,UAGtD,EAAE;AAAA;AAAA;AAAA,KAIZ,CACF,EAhEaN,EACJ,OAAS,CAACO,EAAmBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMnC,EAE4DC,EAAA,CAA5DC,EAAS,CAAE,KAAM,OAAQ,UAAW,qBAAsB,CAAA,EAThDV,EASkD,UAAA,qBAAA,CAAA,EACRS,EAAA,CAApDC,EAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,CAAA,EAVxCV,EAU0C,UAAA,aAAA,CAAA,EACES,EAAA,CAAtDC,EAAS,CAAE,KAAM,QAAS,UAAW,cAAe,CAAA,EAX1CV,EAW4C,UAAA,cAAA,CAAA,EACHS,EAAA,CAAnDC,EAAS,CAAE,KAAM,QAAS,UAAW,WAAY,CAAA,EAZvCV,EAYyC,UAAA,WAAA,CAAA,EACUS,EAAA,CAA7DC,EAAS,CAAE,KAAM,QAAS,UAAW,qBAAsB,CAAA,EAbjDV,EAamD,UAAA,qBAAA,CAAA,EACVS,EAAA,CAAnDC,EAAS,CAAE,KAAM,OAAQ,UAAW,YAAa,CAAA,EAdvCV,EAcyC,UAAA,YAAA,CAAA,EACRS,EAAA,CAA3CC,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,CAAA,EAf/BV,EAeiC,UAAA,UAAA,CAAA,EAfjCA,EAANS,EAAA,CADNE,EAAkB,cAAc,CAAA,EACpBX,CAAA"}