@qxs-bns/components-wc 0.0.22 → 0.0.24

package/es/subject/text-fill.mjs

@@ -1,7 +1,7 @@
-import{css as e,LitElement as t,html 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 r}from"../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.mjs";import{safeCustomElement as o}from"../base/define.mjs";import{SubjectError as n}from"./single.mjs";import{SubjectType as a}from"./types.mjs";var l=Object.defineProperty,d=Object.getOwnPropertyDescriptor,p=(e,t,i,s)=>{for(var r,o=s>1?void 0:s?d(t,i):t,n=e.length-1;n>=0;n--)(r=e[n])&&(o=(s?r(t,i,o):r(o))||o);return s&&o&&l(t,i,o),o};const h=[{bg:"#ecf5ff",color:"#3D61E3",border:"#d9ecff"},{bg:"#f0f9eb",color:"#67c23a",border:"#c2e7b0"},{bg:"#fdf6ec",color:"#e6a23c",border:"#faecd8"},{bg:"#fef0f0",color:"#f56c6c",border:"#fde2e2"},{bg:"#f4f4f5",color:"#909399",border:"#e9e9eb"}];let c=class extends t{constructor(){super(...arguments),this._iconPlus=i`<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>`,this._iconRemove=i`<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>`,this.orderIndex=0,this.title="",this.customId="",this.isEdit=!1,this.isSave=!1,this.isSet=!1,this.isKey=!1,this.showAction=!0,this.showAdd=!0,this.showAnswerSetting=!1,this.showAnalysis=!0,this.richTextContent="",this.analysis="",this.examAnswerRelationType=0,this.examExpand="",this.examAnswerSetting={isInOrder:!0,isIgnoreCase:!0,keywordCount:1},this.uploadImage=async e=>new Promise((t,i)=>{const s=new FileReader;s.onload=e=>t(e.target?.result),s.onerror=i,s.readAsDataURL(e)}),this.answerList=[],this.modelValue="",this.useModel=!1,this._answers=[{title:"",tag:"",showInput:!1}],this._title="",this._analysis="",this._isInOrder=!0,this._isIgnoreCase=!0,this._keywordCount=1,this._correct="",this._showRichText=!1,this._richText="",this.TITLE_MAX=200}willUpdate(e){e.has("isEdit")&&this.isEdit&&this._syncProps(),!this.isEdit&&(e.has("title")||e.has("answerList")||e.has("analysis")||e.has("examAnswerSetting")||e.has("richTextContent")||e.has("examExpand"))&&this._syncProps(),e.has("modelValue")&&this.useModel&&(this._title=this.modelValue)}_normalizeAnswerTitle(e){return String(e?.title??e?.answer??"")}_normalizedAnswerList(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return(Array.isArray(e)?e:[]).map(e=>({...e,answerId:e?.answerId??e?.examAnswerId,title:this._normalizeAnswerTitle(e)}))}_syncProps(){this._title=this.title||"",this._analysis=this.analysis||"",this.answerList?.length?this._answers=this._normalizedAnswerList(this.answerList).map(e=>({title:e.title||"",tag:"",showInput:!1,answerId:e.answerId,customAnswerId:e.customAnswerId})):this._answers=[{title:"",tag:"",showInput:!1}],this.examAnswerSetting&&(this._isInOrder=!!this.examAnswerSetting.isInOrder,this._isIgnoreCase=!!this.examAnswerSetting.isIgnoreCase,this._keywordCount=this.examAnswerSetting.keywordCount||1),this._richText=this.richTextContent||"",this._showRichText=!!this.richTextContent,this._correct=this.examExpand||""}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t??null}))}_onTitleInput(e){const t=e.target;t.value.length>this.TITLE_MAX&&(t.value=t.value.slice(0,this.TITLE_MAX)),this._title=t.value,this.useModel&&this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail:this._title}))}_addTag(e){const t={...this._answers[e]};t.tag&&(t.title=t.title?[t.title,t.tag].join(","):t.tag,t.tag=""),t.showInput=!1,this._answers=this._answers.map((i,s)=>s===e?t:i)}_closeTag(e,t){const i={...this._answers[t]};i.title=i.title.split(",").filter(t=>t!==e).join(","),this._answers=this._answers.map((e,s)=>s===t?i:e)}async toJSON(){return new Promise((e,t)=>{const i={customId:this.customId||void 0,answerType:"text_fill",orderIndex:this.orderIndex},s=this.isEdit?this._title:this.title||"",r=this.isEdit?this._answers:this._normalizedAnswerList(this.answerList||[]),o=this.isEdit?this._analysis:this.analysis||"",l=this.isEdit?this._correct:this.examExpand||"",d=this.isEdit?this._keywordCount:this.examAnswerSetting?.keywordCount||1,p=this.isEdit?this._isInOrder:this.examAnswerSetting?.isInOrder??!0,h=this.isEdit?this._isIgnoreCase:this.examAnswerSetting?.isIgnoreCase??!0,c=this.isEdit?this._showRichText:!!this.richTextContent,x=this.isEdit?this._richText:this.richTextContent||"";if(!s)return void t(new n("题目标题不能为空!","EMPTY_TITLE","title",i));if(d||l){if(!d)return void t(new n("请完善答题设置!","NO_KEYWORD_COUNT","keywordCount",i));if(!l)return void t(new n("请输入问题正确答案!","NO_CORRECT_ANSWER","correct",i));if(r.length!==d)return void t(new n("关键词个数设置有误!","KEYWORD_COUNT_MISMATCH","answers",i));const e=[];if(r.forEach((t,i)=>{this._normalizeAnswerTitle(t)||e.push(`关键词${i+1}未设置`)}),e.length)return void t(new n(e.join(","),"KEYWORD_EMPTY","answers",i))}const w={answerType:a.TEXT_FILL,title:s,answers:r.filter(e=>this._normalizeAnswerTitle(e)).map(e=>({title:this._normalizeAnswerTitle(e),...e.answerId?{answerId:e.answerId}:{},...e.customAnswerId?{customAnswerId:e.customAnswerId}:{}})),analysis:o,isSetCorrectAnswer:!!l,isKey:this.isKey,examExpand:l,examAnswerSettingBO:{isIgnoreCase:h,isInOrder:p,keywordCount:d},examRichTextContent:c?x:""};this.customId&&(w.customId=this.customId),e(w)})}_addAnswer(){this.isSave||(this._answers=[...this._answers,{title:"",tag:"",showInput:!1}])}_deleteAnswer(e){this._answers.length<2||this.isSave||(this._answers=this._answers.filter((t,i)=>i!==e))}async _save(e){e?.stopImmediatePropagation();try{const e=await this.toJSON();this._emit("save",e)}catch(e){!function(e){const t=document.createElement("div");t.textContent=e,Object.assign(t.style,{position:"fixed",top:"20px",left:"50%",transform:"translateX(-50%)",padding:"10px 20px",borderRadius:"4px",fontSize:"13px",color:"#fff",background:"#f56c6c",zIndex:"99999",boxShadow:"0 4px 12px rgba(0,0,0,.15)",transition:"opacity .3s",opacity:"1"}),document.body.appendChild(t),setTimeout(()=>{t.style.opacity="0",setTimeout(()=>t.remove(),300)},2500)}(e.message)}}validate(){const e=[],t={customId:this.customId||void 0,answerType:"text_fill",orderIndex:this.orderIndex},i=this.isEdit?this._title:this.title||"",s=this.isEdit?this._answers:this._normalizedAnswerList(this.answerList||[]),r=this.isEdit?this._correct:this.examExpand||"",o=this.isEdit?this._keywordCount:this.examAnswerSetting?.keywordCount||1;return i||e.push(new n("题目标题不能为空!","EMPTY_TITLE","title",t)),(o||r)&&(o||e.push(new n("请完善答题设置!","NO_KEYWORD_COUNT","keywordCount",t)),r||e.push(new n("请输入问题正确答案!","NO_CORRECT_ANSWER","correct",t)),s.length!==o&&e.push(new n("关键词个数设置有误!","KEYWORD_COUNT_MISMATCH","answers",t)),s.forEach((i,s)=>{this._normalizeAnswerTitle(i)||e.push(new n(`关键词${s+1}未设置`,"KEYWORD_EMPTY","answers",t))})),e}_renderPreview(){const e=this.isEdit?this._answers:this._normalizedAnswerList(this.answerList||[]),t=this.isEdit?this._correct:this.examExpand||"";return i`
+import{css as e,LitElement as t,html as i}from"lit";import{property as s,state as r}from"lit/decorators.js";import{safeCustomElement as o}from"../base/define.mjs";import{SubjectError as n}from"./single.mjs";import{SubjectType as a}from"./types.mjs";var l=Object.defineProperty,d=Object.getOwnPropertyDescriptor,p=(e,t,i,s)=>{for(var r,o=s>1?void 0:s?d(t,i):t,n=e.length-1;n>=0;n--)(r=e[n])&&(o=(s?r(t,i,o):r(o))||o);return s&&o&&l(t,i,o),o};const h=[{bg:"#ecf5ff",color:"#3D61E3",border:"#d9ecff"},{bg:"#f0f9eb",color:"#67c23a",border:"#c2e7b0"},{bg:"#fdf6ec",color:"#e6a23c",border:"#faecd8"},{bg:"#fef0f0",color:"#f56c6c",border:"#fde2e2"},{bg:"#f4f4f5",color:"#909399",border:"#e9e9eb"}];let c=class extends t{constructor(){super(...arguments),this._iconPlus=i`<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>`,this._iconRemove=i`<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>`,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["show-answer-setting"]=!1,this["show-analysis"]=!0,this["rich-text-content"]="",this.analysis="",this["exam-answer-relation-type"]=0,this["exam-expand"]="",this["exam-answer-setting"]={isInOrder:!0,isIgnoreCase:!0,keywordCount:1},this["upload-image"]=async e=>new Promise((t,i)=>{const s=new FileReader;s.onload=e=>t(e.target?.result),s.onerror=i,s.readAsDataURL(e)}),this["answer-list"]=[],this["model-value"]="",this["use-model"]=!1,this._answers=[{title:"",tag:"",showInput:!1}],this._title="",this._analysis="",this._isInOrder=!0,this._isIgnoreCase=!0,this._keywordCount=1,this._correct="",this._showRichText=!1,this._richText="",this.TITLE_MAX=200}willUpdate(e){e.has("is-edit")&&this["is-edit"]&&this._syncProps(),!this["is-edit"]&&(e.has("title")||e.has("answer-list")||e.has("analysis")||e.has("exam-answer-setting")||e.has("rich-text-content")||e.has("exam-expand"))&&this._syncProps(),e.has("model-value")&&this["use-model"]&&(this._title=this["model-value"])}_normalizeAnswerTitle(e){return String(e?.title??e?.answer??"")}_normalizedAnswerList(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return(Array.isArray(e)?e:[]).map(e=>({...e,answerId:e?.answerId??e?.examAnswerId,title:this._normalizeAnswerTitle(e)}))}_syncProps(){this._title=this.title||"",this._analysis=this.analysis||"",this["answer-list"]?.length?this._answers=this._normalizedAnswerList(this["answer-list"]).map(e=>({title:e.title||"",tag:"",showInput:!1,answerId:e.answerId,customAnswerId:e.customAnswerId})):this._answers=[{title:"",tag:"",showInput:!1}],this["exam-answer-setting"]&&(this._isInOrder=!!this["exam-answer-setting"].isInOrder,this._isIgnoreCase=!!this["exam-answer-setting"].isIgnoreCase,this._keywordCount=this["exam-answer-setting"].keywordCount||1),this._richText=this["rich-text-content"]||"",this._showRichText=!!this["rich-text-content"],this._correct=this["exam-expand"]||""}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t??null}))}_onTitleInput(e){const t=e.target;t.value.length>this.TITLE_MAX&&(t.value=t.value.slice(0,this.TITLE_MAX)),this._title=t.value,this["use-model"]&&this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail:this._title}))}_addTag(e){const t={...this._answers[e]};t.tag&&(t.title=t.title?[t.title,t.tag].join(","):t.tag,t.tag=""),t.showInput=!1,this._answers=this._answers.map((i,s)=>s===e?t:i)}_closeTag(e,t){const i={...this._answers[t]};i.title=i.title.split(",").filter(t=>t!==e).join(","),this._answers=this._answers.map((e,s)=>s===t?i:e)}async toJSON(){return new Promise((e,t)=>{const i={customId:this["custom-id"]||void 0,answerType:"text_fill",orderIndex:this["order-index"]},s=this["is-edit"]?this._title:this.title||"",r=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),o=this["is-edit"]?this._analysis:this.analysis||"",l=this["is-edit"]?this._correct:this["exam-expand"]||"",d=this["is-edit"]?this._keywordCount:this["exam-answer-setting"]?.keywordCount||1,p=this["is-edit"]?this._isInOrder:this["exam-answer-setting"]?.isInOrder??!0,h=this["is-edit"]?this._isIgnoreCase:this["exam-answer-setting"]?.isIgnoreCase??!0,c=this["is-edit"]?this._showRichText:!!this["rich-text-content"],x=this["is-edit"]?this._richText:this["rich-text-content"]||"";if(!s)return void t(new n("题目标题不能为空!","EMPTY_TITLE","title",i));if(d||l){if(!d)return void t(new n("请完善答题设置!","NO_KEYWORD_COUNT","keywordCount",i));if(!l)return void t(new n("请输入问题正确答案!","NO_CORRECT_ANSWER","correct",i));if(r.length!==d)return void t(new n("关键词个数设置有误!","KEYWORD_COUNT_MISMATCH","answers",i));const e=[];if(r.forEach((t,i)=>{this._normalizeAnswerTitle(t)||e.push(`关键词${i+1}未设置`)}),e.length)return void t(new n(e.join(","),"KEYWORD_EMPTY","answers",i))}const w={answerType:a.TEXT_FILL,title:s,answers:r.filter(e=>this._normalizeAnswerTitle(e)).map(e=>({title:this._normalizeAnswerTitle(e),...e.answerId?{answerId:e.answerId}:{},...e.customAnswerId?{customAnswerId:e.customAnswerId}:{}})),analysis:o,isSetCorrectAnswer:!!l,isKey:this["is-key"],examExpand:l,examAnswerSettingBO:{isIgnoreCase:h,isInOrder:p,keywordCount:d},examRichTextContent:c?x:""};this["custom-id"]&&(w.customId=this["custom-id"]),e(w)})}_addAnswer(){this["is-save"]||(this._answers=[...this._answers,{title:"",tag:"",showInput:!1}])}_deleteAnswer(e){this._answers.length<2||this["is-save"]||(this._answers=this._answers.filter((t,i)=>i!==e))}async _save(e){e?.stopImmediatePropagation();try{const e=await this.toJSON();this._emit("save",e)}catch(e){!function(e){const t=document.createElement("div");t.textContent=e,Object.assign(t.style,{position:"fixed",top:"20px",left:"50%",transform:"translateX(-50%)",padding:"10px 20px",borderRadius:"4px",fontSize:"13px",color:"#fff",background:"#f56c6c",zIndex:"99999",boxShadow:"0 4px 12px rgba(0,0,0,.15)",transition:"opacity .3s",opacity:"1"}),document.body.appendChild(t),setTimeout(()=>{t.style.opacity="0",setTimeout(()=>t.remove(),300)},2500)}(e.message)}}validate(){const e=[],t={customId:this["custom-id"]||void 0,answerType:"text_fill",orderIndex:this["order-index"]},i=this["is-edit"]?this._title:this.title||"",s=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),r=this["is-edit"]?this._correct:this["exam-expand"]||"",o=this["is-edit"]?this._keywordCount:this["exam-answer-setting"]?.keywordCount||1;return i||e.push(new n("题目标题不能为空!","EMPTY_TITLE","title",t)),(o||r)&&(o||e.push(new n("请完善答题设置!","NO_KEYWORD_COUNT","keywordCount",t)),r||e.push(new n("请输入问题正确答案!","NO_CORRECT_ANSWER","correct",t)),s.length!==o&&e.push(new n("关键词个数设置有误!","KEYWORD_COUNT_MISMATCH","answers",t)),s.forEach((i,s)=>{this._normalizeAnswerTitle(i)||e.push(new n(`关键词${s+1}未设置`,"KEYWORD_EMPTY","answers",t))})),e}_renderPreview(){const e=this["is-edit"]?this._answers:this._normalizedAnswerList(this["answer-list"]||[]),t=this["is-edit"]?this._correct:this["exam-expand"]||"";return i`
       <div class="preview">
-        <span class="title">${this.orderIndex+1}.${this.title}（问答题）</span>
-        ${this.richTextContent?i`<div class="rich-text" .innerHTML=${this.richTextContent}></div>`:""}
+        <span class="title">${this["order-index"]+1}.${this.title}（问答题）</span>
+        ${this["rich-text-content"]?i`<div class="rich-text" .innerHTML=${this["rich-text-content"]}></div>`:""}
         ${e.some(e=>e.title)?i`
           <div style="margin-top:8px;color:#a8abb2">
             ${e.map((e,t)=>e.title?i`
@@ -17,7 +17,7 @@ import{css as e,LitElement as t,html as i}from"lit";import{property as s}from"..
         <div class="label"><span>题目:</span></div>
         <div style="flex:1">
           <div class="el-input">
-            <textarea rows="2" .value=${this._title} ?disabled=${this.isSave}
+            <textarea rows="2" .value=${this._title} ?disabled=${this["is-save"]}
               maxlength=${this.TITLE_MAX}
               @input=${e=>this._onTitleInput(e)}
               placeholder="【问答题】请输入问题"></textarea>
@@ -26,7 +26,7 @@ import{css as e,LitElement as t,html as i}from"lit";import{property as s}from"..
         </div>
       </div>
 
-      ${this.showAnswerSetting?i`
+      ${this["show-answer-setting"]?i`
         <div class="flex-items-start" style="margin-top:12px">
           <div class="label"><span>答题设置:</span></div>
           <div style="flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:8px">
@@ -53,7 +53,7 @@ import{css as e,LitElement as t,html as i}from"lit";import{property as s}from"..
         <div class="label"><span>答案:</span></div>
         <div style="flex:1">
           <div class="el-input">
-            <textarea rows="2" .value=${this._correct} ?disabled=${this.isSave}
+            <textarea rows="2" .value=${this._correct} ?disabled=${this["is-save"]}
               maxlength="200"
               @input=${e=>{this._correct=e.target.value}}
               placeholder="请输入正确答案"></textarea>
@@ -71,10 +71,10 @@ import{css as e,LitElement as t,html as i}from"lit";import{property as s}from"..
               ${e.title.split(",").filter(Boolean).map(e=>{const s=h[t%h.length];return i`
                 <span style="display:inline-flex;align-items:center;background:${s.bg};color:${s.color};border:1px solid ${s.border};border-radius:3px;padding:2px 8px;font-size:12px;line-height:16px">
                   ${e}
-                  ${this.isSave?"":i`<span style="cursor:pointer;margin-left:4px;color:#909399" @click=${()=>this._closeTag(e,t)}>×</span>`}
+                  ${this["is-save"]?"":i`<span style="cursor:pointer;margin-left:4px;color:#909399" @click=${()=>this._closeTag(e,t)}>×</span>`}
                 </span>
               `})}
-              ${this.isSave?"":i`
+              ${this["is-save"]?"":i`
                 ${e.showInput?i`
                   <input type="text" style="width:80px;height:24px;border:1px solid #dcdfe6;border-radius:3px;padding:0 8px;font-size:12px"
                     @keydown=${e=>{"Enter"===e.key&&this._addTag(t)}}
@@ -88,8 +88,8 @@ import{css as e,LitElement as t,html as i}from"lit";import{property as s}from"..
                 `}
               `}
             </div>
-            <span class="icon ${this.isSave?"disabled":""}" @click=${()=>this._addAnswer()}>${this._iconPlus}</span>
-            <span class="icon ${this.isSave||this._answers.length<2?"disabled":""}" @click=${()=>this._deleteAnswer(t)}>${this._iconRemove}</span>
+            <span class="icon ${this["is-save"]?"disabled":""}" @click=${()=>this._addAnswer()}>${this._iconPlus}</span>
+            <span class="icon ${this["is-save"]||this._answers.length<2?"disabled":""}" @click=${()=>this._deleteAnswer(t)}>${this._iconRemove}</span>
           </div>
         `)}
       </div>
@@ -100,15 +100,15 @@ import{css as e,LitElement as t,html as i}from"lit";import{property as s}from"..
           <div style="flex:1">
             <qxs-blocksuite-editor
               .content=${this._richText}
-              .uploadImage=${this.uploadImage}
+              .upload-image=${this["upload-image"]}
               ?is-edit=${!0}
             ></qxs-blocksuite-editor>
-            ${this.showAction?"":i`<div class="flex-justify-end" style="margin-top:8px"><span class="el-link danger" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span></div>`}
+            ${this["show-action"]?"":i`<div class="flex-justify-end" style="margin-top:8px"><span class="el-link danger" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span></div>`}
           </div>
         </div>
       `:""}
 
-      ${this.showAnalysis?i`
+      ${this["show-analysis"]?i`
         <div class="flex-items-start" style="margin-top:12px">
           <div class="label"><span>解析:</span></div>
           <div style="flex:1">
@@ -121,16 +121,16 @@ import{css as e,LitElement as t,html as i}from"lit";import{property as s}from"..
         </div>
       `:""}
     `}render(){return i`
-      <qxs-subject-layout .showEdit=${this.isEdit}>
+      <qxs-subject-layout .show-edit=${this["is-edit"]}>
         <div slot="preview">${this._renderPreview()}</div>
         <div slot="edit">${this._renderEdit()}</div>
-        ${this.showAction?i`
+        ${this["show-action"]?i`
           <qxs-subject-action
-            .isEdit=${this.isEdit}
-            .isSet=${this.isSet}
-            .showAdd=${this.showAdd}
-            .showRichText=${this._showRichText}
-            exam-answer-relation-type=${this.examAnswerRelationType}
+            .is-edit=${this["is-edit"]}
+            .is-set=${this["is-set"]}
+            .show-add=${this["show-add"]}
+            .show-rich-text=${this._showRichText}
+            exam-answer-relation-type=${this["exam-answer-relation-type"]}
             @delete=${()=>this._emit("delete")}
             @save=${this._save}
             @edit=${()=>this._emit("edit")}
@@ -229,5 +229,5 @@ import{css as e,LitElement as t,html as i}from"lit";import{property as s}from"..
     .modal-footer button:hover { color: #3D61E3; border-color: #a0cfff; }
     .modal-footer button.primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }
     .modal-footer button.primary:hover { background: #2D4CB8; border-color: #2D4CB8; }
-  `,p([s({type:Number,attribute:"order-index"})],c.prototype,"orderIndex",2),p([s({type:String})],c.prototype,"title",2),p([s({type:String,attribute:"custom-id"})],c.prototype,"customId",2),p([s({type:Boolean,attribute:"is-edit"})],c.prototype,"isEdit",2),p([s({type:Boolean,attribute:"is-save"})],c.prototype,"isSave",2),p([s({type:Boolean,attribute:"is-set"})],c.prototype,"isSet",2),p([s({type:Boolean,attribute:"is-key"})],c.prototype,"isKey",2),p([s({type:Boolean,attribute:"show-action"})],c.prototype,"showAction",2),p([s({type:Boolean,attribute:"show-add"})],c.prototype,"showAdd",2),p([s({type:Boolean,attribute:"show-answer-setting"})],c.prototype,"showAnswerSetting",2),p([s({type:Boolean,attribute:"show-analysis"})],c.prototype,"showAnalysis",2),p([s({type:String,attribute:"rich-text-content"})],c.prototype,"richTextContent",2),p([s({type:String})],c.prototype,"analysis",2),p([s({type:Number,attribute:"exam-answer-relation-type"})],c.prototype,"examAnswerRelationType",2),p([s({type:String,attribute:"exam-expand"})],c.prototype,"examExpand",2),p([s({type:Object,attribute:"exam-answer-setting"})],c.prototype,"examAnswerSetting",2),p([s({type:Object})],c.prototype,"uploadImage",2),p([s({type:Array,attribute:"answer-list"})],c.prototype,"answerList",2),p([s({type:String,attribute:"model-value"})],c.prototype,"modelValue",2),p([s({type:Boolean,attribute:"use-model"})],c.prototype,"useModel",2),p([r()],c.prototype,"_answers",2),p([r()],c.prototype,"_title",2),p([r()],c.prototype,"_analysis",2),p([r()],c.prototype,"_isInOrder",2),p([r()],c.prototype,"_isIgnoreCase",2),p([r()],c.prototype,"_keywordCount",2),p([r()],c.prototype,"_correct",2),p([r()],c.prototype,"_showRichText",2),p([r()],c.prototype,"_richText",2),c=p([o("qxs-text-fill")],c);export{c as QxsTextFill};
+  `,p([s({type:Number,attribute:"order-index"})],c.prototype,"order-index",2),p([s({type:String})],c.prototype,"title",2),p([s({type:String,attribute:"custom-id"})],c.prototype,"custom-id",2),p([s({type:Boolean,attribute:"is-edit"})],c.prototype,"is-edit",2),p([s({type:Boolean,attribute:"is-save"})],c.prototype,"is-save",2),p([s({type:Boolean,attribute:"is-set"})],c.prototype,"is-set",2),p([s({type:Boolean,attribute:"is-key"})],c.prototype,"is-key",2),p([s({type:Boolean,attribute:"show-action"})],c.prototype,"show-action",2),p([s({type:Boolean,attribute:"show-add"})],c.prototype,"show-add",2),p([s({type:Boolean,attribute:"show-answer-setting"})],c.prototype,"show-answer-setting",2),p([s({type:Boolean,attribute:"show-analysis"})],c.prototype,"show-analysis",2),p([s({type:String,attribute:"rich-text-content"})],c.prototype,"rich-text-content",2),p([s({type:String})],c.prototype,"analysis",2),p([s({type:Number,attribute:"exam-answer-relation-type"})],c.prototype,"exam-answer-relation-type",2),p([s({type:String,attribute:"exam-expand"})],c.prototype,"exam-expand",2),p([s({type:Object,attribute:"exam-answer-setting"})],c.prototype,"exam-answer-setting",2),p([s({type:Object,attribute:"upload-image"})],c.prototype,"upload-image",2),p([s({type:Array,attribute:"answer-list"})],c.prototype,"answer-list",2),p([s({type:String,attribute:"model-value"})],c.prototype,"model-value",2),p([s({type:Boolean,attribute:"use-model"})],c.prototype,"use-model",2),p([r()],c.prototype,"_answers",2),p([r()],c.prototype,"_title",2),p([r()],c.prototype,"_analysis",2),p([r()],c.prototype,"_isInOrder",2),p([r()],c.prototype,"_isIgnoreCase",2),p([r()],c.prototype,"_keywordCount",2),p([r()],c.prototype,"_correct",2),p([r()],c.prototype,"_showRichText",2),p([r()],c.prototype,"_richText",2),c=p([o("qxs-text-fill")],c);export{c as QxsTextFill};
 //# sourceMappingURL=text-fill.mjs.map

package/es/subject/text-fill.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"text-fill.mjs","sources":["../../../../packages/components-wc/src/subject/text-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 TextAnswer {\n  title: string\n  tag: string\n  showInput: boolean\n  answerId?: string | number\n  customAnswerId?: string | number\n}\n\nconst TAG_COLORS = [\n  { bg: '#ecf5ff', color: '#3D61E3', border: '#d9ecff' }, // primary\n  { bg: '#f0f9eb', color: '#67c23a', border: '#c2e7b0' }, // success\n  { bg: '#fdf6ec', color: '#e6a23c', border: '#faecd8' }, // warning\n  { bg: '#fef0f0', color: '#f56c6c', border: '#fde2e2' }, // danger\n  { bg: '#f4f4f5', color: '#909399', border: '#e9e9eb' }, // info\n]\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-text-fill')\nexport class QxsTextFill extends LitElement {\n  private readonly _iconPlus = html`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></svg>`\n  private readonly _iconRemove = html`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></svg>`\n\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-answer { display: flex; flex-direction: column; margin-top: 12px; }\n    .preview-answer .radio { margin-top: 8px; padding-left: 8px; display: flex; align-items: center; gap: 6px; }\n    .preview-answer .order { color: #909399; }\n    .preview-answer .correct { color: #67c23a; }\n    .preview-answer .result-info { color: #909399; }\n\n    .flex { display: flex; }\n    .flex-items-center { display: flex; align-items: center; }\n    .flex-items-start { display: flex; align-items: flex-start; }\n    .flex-justify-end { display: flex; justify-content: flex-end; }\n    .label { min-width: 60px; font-size: 13px; color: #606266; }\n\n    textarea {\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    .answer-list { margin-top: 12px; }\n    .answer-item { display: flex; align-items: center; margin-top: 6px; border-radius: 4px; }\n    .answer-item .label { min-width: 60px; font-size: 13px; color: #909399; }\n    .answer-item .input { flex: 1; max-width: 360px; position: relative; display: block; }\n    .answer-item .input input {\n      height: 32px; padding: 0 50px 0 8px;\n      font-size: 13px; line-height: 32px;\n      border: 1px solid #dcdfe6; border-radius: 3px; width: 100%;\n      transition: border-color .2s; box-sizing: border-box;\n    }\n    .answer-item .input input:focus { border-color: #3D61E3; outline: none; }\n    .answer-item .input input:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }\n    .answer-item .input .char-counter {\n      position: absolute; right: 8px; top: 50%; transform: translateY(-50%);\n      font-size: 12px; color: #909399; line-height: 1; pointer-events: none;\n    }\n\n    .answer-item .correct { margin: 0 10px; color: #909399; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }\n    .answer-item .correct:hover { color: #3D61E3; }\n    .answer-item .correct.is-correct { color: #67c23a; }\n    .answer-item .correct input { width: 14px; height: 14px; cursor: pointer; accent-color: #3D61E3; }\n\n    .answer-item .icon {\n      margin-left: 6px; cursor: pointer; display: inline-flex;\n      align-items: center; justify-content: center;\n      width: 24px; height: 24px; border-radius: 4px;\n      border: 1px solid #dcdfe6; background: #fff; color: #909399;\n      transition: all 0.2s;\n    }\n    .answer-item .icon:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n    .answer-item .icon.disabled { color: #e4e7ed; border-color: #e4e7ed; cursor: not-allowed; }\n\n    .answer-item .link { margin-left: 8px; color: #3D61E3; cursor: pointer; font-size: 12px; white-space: nowrap; }\n    .answer-item .link:hover { color: #2D4CB8; }\n\n    .answer-item .link { color: #3D61E3; cursor: pointer; font-size: 12px; white-space: nowrap; background: none; border: none; padding: 0; margin: 0; font-family: inherit; }\n    .answer-item .link:hover { color: #2D4CB8; }\n\n    .el-link { color: #3D61E3; cursor: pointer; font-size: 12px; background: none; border: none; padding: 0; margin: 0; font-family: inherit; line-height: 1; }\n    .el-link:hover { color: #2D4CB8; }\n    .el-link.danger { color: #f56c6c; }\n\n    .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 9000; display: flex; align-items: center; justify-content: center; }\n    .modal { background: #fff; border-radius: 6px; width: 520px; max-width: 90vw; box-shadow: 0 12px 32px rgba(0,0,0,.12); display: flex; flex-direction: column; }\n    .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px 12px; border-bottom: 1px solid #e4e7ed; }\n    .modal-title { font-size: 14px; font-weight: 600; color: #303133; }\n    .modal-close { background: none; border: none; font-size: 18px; cursor: pointer; color: #909399; padding: 0; line-height: 1; }\n    .modal-close:hover { color: #3D61E3; }\n    .modal-body { padding: 20px; }\n    .modal-body textarea { min-height: 120px; }\n    .modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid #e4e7ed; }\n    .modal-footer button { padding: 6px 16px; font-size: 12px; border-radius: 3px; cursor: pointer; border: 1px solid #dcdfe6; background: #fff; color: #606266; }\n    .modal-footer button:hover { color: #3D61E3; border-color: #a0cfff; }\n    .modal-footer button.primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }\n    .modal-footer button.primary:hover { background: #2D4CB8; border-color: #2D4CB8; }\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-add' }) showAdd = true\n  @property({ type: Boolean, attribute: 'show-answer-setting' }) showAnswerSetting = false\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, keywordCount: number } = { isInOrder: true, isIgnoreCase: true, keywordCount: 1 }\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 _answers: TextAnswer[] = [{ title: '', tag: '', showInput: false }]\n  @state() private _title = ''\n  @state() private _analysis = ''\n  @state() private _isInOrder = true\n  @state() private _isIgnoreCase = true\n  @state() private _keywordCount = 1\n  @state() private _correct = ''\n  @state() private _showRichText = false\n  @state() private _richText = ''\n\n  private readonly TITLE_MAX = 200\n\n  willUpdate(changed: Map<string, unknown>) {\n    if (changed.has('isEdit') && this.isEdit) { this._syncProps() }\n    if (!this.isEdit && (changed.has('title') || changed.has('answerList') || changed.has('analysis') || changed.has('examAnswerSetting') || changed.has('richTextContent') || changed.has('examExpand'))) {\n      this._syncProps()\n    }\n    // 当外部 modelValue 变化时同步内部状态\n    if (changed.has('modelValue') && this.useModel) {\n      this._title = this.modelValue\n    }\n  }\n\n  private _normalizeAnswerTitle(answer: any) {\n    return String(answer?.title ?? answer?.answer ?? '')\n  }\n\n  private _normalizedAnswerList(source: any[] = []) {\n    return (Array.isArray(source) ? source : []).map((answer: any) => ({\n      ...answer,\n      answerId: answer?.answerId ?? answer?.examAnswerId,\n      title: this._normalizeAnswerTitle(answer),\n    }))\n  }\n\n  private _syncProps() {\n    this._title = this.title || ''\n    this._analysis = this.analysis || ''\n    if (this.answerList?.length) {\n      this._answers = this._normalizedAnswerList(this.answerList).map((a: any) => ({\n        title: a.title || '',\n        tag: '',\n        showInput: false,\n        answerId: a.answerId,\n        customAnswerId: a.customAnswerId,\n      }))\n    }\n    else {\n      this._answers = [{ title: '', tag: '', showInput: false }]\n    }\n    if (this.examAnswerSetting) {\n      this._isInOrder = !!this.examAnswerSetting.isInOrder\n      this._isIgnoreCase = !!this.examAnswerSetting.isIgnoreCase\n      this._keywordCount = this.examAnswerSetting.keywordCount || 1\n    }\n    this._richText = this.richTextContent || ''\n    this._showRichText = !!this.richTextContent\n    this._correct = this.examExpand || ''\n  }\n\n  private _emit(name: string, detail?: unknown) {\n    this.dispatchEvent(new CustomEvent(name, { bubbles: true, composed: true, detail: detail ?? null }))\n  }\n\n  private _onTitleInput(e: Event) {\n    const el = e.target as HTMLTextAreaElement\n    if (el.value.length > this.TITLE_MAX) { el.value = el.value.slice(0, this.TITLE_MAX) }\n    this._title = el.value\n    // 双向绑定：通知外部更新\n    if (this.useModel) {\n      this.dispatchEvent(new CustomEvent('update:modelValue', {\n        bubbles: true,\n        composed: true,\n        detail: this._title,\n      }))\n    }\n  }\n\n  private _addTag(i: number) {\n    const a = { ...this._answers[i] }\n    if (a.tag) {\n      a.title = a.title ? [a.title, a.tag].join(',') : a.tag\n      a.tag = ''\n    }\n    a.showInput = false\n    this._answers = this._answers.map((x, j) => j === i ? a : x)\n  }\n\n  private _closeTag(tag: string, i: number) {\n    const a = { ...this._answers[i] }\n    a.title = a.title.split(',').filter(t => t !== tag).join(',')\n    this._answers = this._answers.map((x, j) => j === i ? a : x)\n  }\n\n  async toJSON(): Promise<any> {\n    return new Promise((resolve, reject) => {\n      const row = { customId: this.customId || undefined, answerType: 'text_fill', orderIndex: this.orderIndex }\n\n      const title = this.isEdit ? this._title : this.title || ''\n      const answers = this.isEdit ? this._answers : this._normalizedAnswerList(this.answerList || [])\n      const analysis = this.isEdit ? this._analysis : this.analysis || ''\n      const correct = this.isEdit ? this._correct : (this as any).examExpand || ''\n      const keywordCount = this.isEdit ? this._keywordCount : this.examAnswerSetting?.keywordCount || 1\n      const isInOrder = this.isEdit ? this._isInOrder : this.examAnswerSetting?.isInOrder ?? true\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 (keywordCount || correct) {\n        if (!keywordCount) {\n          reject(new SubjectError('请完善答题设置!', 'NO_KEYWORD_COUNT', 'keywordCount', row))\n          return\n        }\n        if (!correct) {\n          reject(new SubjectError('请输入问题正确答案!', 'NO_CORRECT_ANSWER', 'correct', row))\n          return\n        }\n        if (answers.length !== keywordCount) {\n          reject(new SubjectError('关键词个数设置有误!', 'KEYWORD_COUNT_MISMATCH', 'answers', row))\n          return\n        }\n        const msg: string[] = []\n        answers.forEach((item: any, i: number) => {\n          if (!this._normalizeAnswerTitle(item)) { msg.push(`关键词${i + 1}未设置`) }\n        })\n        if (msg.length) {\n          reject(new SubjectError(msg.join(','), 'KEYWORD_EMPTY', 'answers', row))\n          return\n        }\n      }\n      const result: any = {\n        answerType: SubjectType.TEXT_FILL,\n        title,\n        answers: answers\n          .filter((a: any) => this._normalizeAnswerTitle(a))\n          .map((a: any) => ({\n            title: this._normalizeAnswerTitle(a),\n            ...(a.answerId ? { answerId: a.answerId } : {}),\n            ...(a.customAnswerId ? { customAnswerId: a.customAnswerId } : {}),\n          })),\n        analysis,\n        isSetCorrectAnswer: !!correct,\n        isKey: this.isKey,\n        examExpand: correct,\n        examAnswerSettingBO: { isIgnoreCase, isInOrder, keywordCount },\n        examRichTextContent: showRichText ? richText : '',\n      }\n      if (this.customId) { result.customId = this.customId }\n      resolve(result)\n    })\n  }\n\n  private _addAnswer() {\n    if (this.isSave) { return }\n    this._answers = [...this._answers, { title: '', tag: '', showInput: false }]\n  }\n\n  private _deleteAnswer(index: number) {\n    if (this._answers.length < 2 || this.isSave) { return }\n    this._answers = this._answers.filter((_, i) => i !== index)\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: 'text_fill', orderIndex: this.orderIndex }\n\n    const title = this.isEdit ? this._title : this.title || ''\n    const answers = this.isEdit ? this._answers : this._normalizedAnswerList(this.answerList || [])\n    const correct = this.isEdit ? this._correct : (this as any).examExpand || ''\n    const keywordCount = this.isEdit ? this._keywordCount : this.examAnswerSetting?.keywordCount || 1\n\n    if (!title) {\n      errors.push(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n    }\n    if (keywordCount || correct) {\n      if (!keywordCount) {\n        errors.push(new SubjectError('请完善答题设置!', 'NO_KEYWORD_COUNT', 'keywordCount', row))\n      }\n      if (!correct) {\n        errors.push(new SubjectError('请输入问题正确答案!', 'NO_CORRECT_ANSWER', 'correct', row))\n      }\n      if (answers.length !== keywordCount) {\n        errors.push(new SubjectError('关键词个数设置有误!', 'KEYWORD_COUNT_MISMATCH', 'answers', row))\n      }\n      answers.forEach((item: any, i: number) => {\n        if (!this._normalizeAnswerTitle(item)) {\n          errors.push(new SubjectError(`关键词${i + 1}未设置`, 'KEYWORD_EMPTY', 'answers', row))\n        }\n      })\n    }\n\n    return errors\n  }\n\n  private _renderPreview() {\n    const previewAnswers = this.isEdit ? this._answers : this._normalizedAnswerList(this.answerList || [])\n    const previewCorrect = this.isEdit ? this._correct : (this.examExpand || '')\n    return html`\n      <div class=\"preview\">\n        <span class=\"title\">${this.orderIndex + 1}.${this.title}（问答题）</span>\n        ${this.richTextContent ? html`<div class=\"rich-text\" .innerHTML=${this.richTextContent}></div>` : ''}\n        ${previewAnswers.some(a => a.title)\n          ? html`\n          <div style=\"margin-top:8px;color:#a8abb2\">\n            ${previewAnswers.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        ${previewCorrect ? html`<div style=\"margin-top:8px;color:#a8abb2\">正确答案：${previewCorrect}</div>` : ''}\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-items-start\">\n        <div class=\"label\"><span>题目:</span></div>\n        <div style=\"flex:1\">\n          <div class=\"el-input\">\n            <textarea rows=\"2\" .value=${this._title} ?disabled=${this.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      ${this.showAnswerSetting\n        ? html`\n        <div class=\"flex-items-start\" style=\"margin-top:12px\">\n          <div class=\"label\"><span>答题设置:</span></div>\n          <div style=\"flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:8px\">\n            <span style=\"font-size:13px;color:#606266\">共答对</span>\n            <input type=\"number\" style=\"width:60px;height:24px;border:1px solid #dcdfe6;border-radius:3px;padding:0 8px;font-size:13px\"\n              .value=${String(this._keywordCount)} min=\"1\"\n              @change=${(e: Event) => { this._keywordCount = Number((e.target as HTMLInputElement).value) }} />\n            <span style=\"font-size:13px;color:#606266\">个关键词，算是正确的</span>\n            <label style=\"display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:12px;color:#606266\">\n              <input type=\"checkbox\" .checked=${this._isInOrder}\n                @change=${(e: Event) => { this._isInOrder = (e.target as HTMLInputElement).checked }} />\n              答案不分顺序\n            </label>\n            <label style=\"display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:12px;color:#606266\">\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        : ''}\n\n      <div class=\"flex-items-start\" style=\"margin-top:12px\">\n        <div class=\"label\"><span>答案:</span></div>\n        <div style=\"flex:1\">\n          <div class=\"el-input\">\n            <textarea rows=\"2\" .value=${this._correct} ?disabled=${this.isSave}\n              maxlength=\"200\"\n              @input=${(e: Event) => { this._correct = (e.target as HTMLTextAreaElement).value }}\n              placeholder=\"请输入正确答案\"></textarea>\n            <span class=\"char-counter\">${this._correct.length}/200</span>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"answer-list\" style=\"margin-top:12px\">\n        <span style=\"padding-left:60px;font-size:12px;color:#909399\">*如遇包含特殊字符的关键词，需添加多个同义词，例：'CO₂'需添加同义词'CO2'</span>\n        ${this._answers.map((a, i) => html`\n          <div class=\"answer-item\">\n            <span class=\"label\">关键词${i + 1}:</span>\n            <div class=\"answer-tags\" style=\"display:flex;flex-wrap:wrap;gap:5px;align-items:center;flex:1;max-width:360px\">\n              ${a.title.split(',').filter(Boolean).map((tag) => {\n                const c = TAG_COLORS[i % TAG_COLORS.length]; return html`\n                <span style=\"display:inline-flex;align-items:center;background:${c.bg};color:${c.color};border:1px solid ${c.border};border-radius:3px;padding:2px 8px;font-size:12px;line-height:16px\">\n                  ${tag}\n                  ${!this.isSave ? html`<span style=\"cursor:pointer;margin-left:4px;color:#909399\" @click=${() => this._closeTag(tag, i)}>×</span>` : ''}\n                </span>\n              `\n              })}\n              ${!this.isSave\n                ? html`\n                ${a.showInput\n                  ? html`\n                  <input type=\"text\" style=\"width:80px;height:24px;border:1px solid #dcdfe6;border-radius:3px;padding:0 8px;font-size:12px\"\n                    @keydown=${(e: KeyboardEvent) => {\n                      if (e.key === 'Enter') { this._addTag(i) }\n                    }}\n                    @input=${(e: Event) => { a.tag = (e.target as HTMLInputElement).value }}\n                    @blur=${() => this._addTag(i)} />\n                  <button class=\"el-link\" @click=${() => this._addTag(i)}>确认</button>\n                `\n                  : html`\n                  <button class=\"link\" @click=${() => { this._answers = this._answers.map((x, j) => j === i ? { ...x, showInput: true } : x); this.updateComplete.then(() => { (this.shadowRoot?.querySelector(`input[style*=\"width:80px\"]`) as HTMLInputElement)?.focus() }) }}>\n                    ${a.title ? '添加同义词' : '添加关键词'}\n                  </button>\n                `}\n              `\n                : ''}\n            </div>\n            <span class=\"icon ${this.isSave ? 'disabled' : ''}\" @click=${() => this._addAnswer()}>${this._iconPlus}</span>\n            <span class=\"icon ${this.isSave || this._answers.length < 2 ? 'disabled' : ''}\" @click=${() => this._deleteAnswer(i)}>${this._iconRemove}</span>\n          </div>\n        `)}\n      </div>\n\n      ${this._showRichText\n        ? html`\n        <div class=\"flex-items-start\" style=\"margin-top:12px\">\n          <div class=\"label\"><span>富文本:</span></div>\n          <div style=\"flex:1\">\n            <qxs-blocksuite-editor\n              .content=${this._richText}\n              .uploadImage=${this.uploadImage}\n              ?is-edit=${true}\n            ></qxs-blocksuite-editor>\n            ${!this.showAction\n              ? html`<div class=\"flex-justify-end\" style=\"margin-top:8px\"><span class=\"el-link danger\" @click=${() => { this._showRichText = false; this._richText = '' }}>删除富文本</span></div>`\n              : ''}\n          </div>\n        </div>\n      `\n        : ''}\n\n      ${this.showAnalysis\n        ? html`\n        <div class=\"flex-items-start\" style=\"margin-top:12px\">\n          <div class=\"label\"><span>解析:</span></div>\n          <div style=\"flex:1\">\n            <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 .showEdit=${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            .isEdit=${this.isEdit}\n            .isSet=${this.isSet}\n            .showAdd=${this.showAdd}\n            .showRichText=${this._showRichText}\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=${() => {\n              this._showRichText = !this._showRichText\n              if (!this._showRichText) {\n                this._richText = ''\n              }\n            }}\n          ></qxs-subject-action>\n        `\n          : ''}\n      </qxs-subject-layout>\n    `\n  }\n}\n\nexport function register() {}\n"],"names":["TAG_COLORS","bg","color","border","QxsTextFill","LitElement","constructor","super","arguments","this","_iconPlus","html","_iconRemove","orderIndex","title","customId","isEdit","isSave","isSet","isKey","showAction","showAdd","showAnswerSetting","showAnalysis","richTextContent","analysis","examAnswerRelationType","examExpand","examAnswerSetting","isInOrder","isIgnoreCase","keywordCount","uploadImage","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","answerList","modelValue","useModel","_answers","tag","showInput","_title","_analysis","_isInOrder","_isIgnoreCase","_keywordCount","_correct","_showRichText","_richText","TITLE_MAX","willUpdate","changed","has","_syncProps","_normalizeAnswerTitle","answer","String","_normalizedAnswerList","source","length","undefined","Array","isArray","map","answerId","examAnswerId","a","customAnswerId","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_onTitleInput","el","value","slice","_addTag","i","join","x","j","_closeTag","split","filter","t","toJSON","row","answerType","answers","correct","showRichText","richText","SubjectError","msg","forEach","item","push","SubjectType","TEXT_FILL","isSetCorrectAnswer","examAnswerSettingBO","examRichTextContent","_addAnswer","_deleteAnswer","index","_","_save","stopImmediatePropagation","data","err","document","createElement","textContent","Object","assign","style","position","top","left","transform","padding","borderRadius","fontSize","background","zIndex","boxShadow","transition","opacity","body","appendChild","setTimeout","remove","showToast","message","validate","errors","_renderPreview","previewAnswers","previewCorrect","some","_renderEdit","Number","checked","Boolean","c","key","updateComplete","then","shadowRoot","querySelector","focus","render","styles","css","__decorateClass","property","type","attribute","prototype","state","safeCustomElement"],"mappings":"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"}
+{"version":3,"file":"text-fill.mjs","sources":["../../../../packages/components-wc/src/subject/text-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 TextAnswer {\n  title: string\n  tag: string\n  showInput: boolean\n  answerId?: string | number\n  customAnswerId?: string | number\n}\n\nconst TAG_COLORS = [\n  { bg: '#ecf5ff', color: '#3D61E3', border: '#d9ecff' }, // primary\n  { bg: '#f0f9eb', color: '#67c23a', border: '#c2e7b0' }, // success\n  { bg: '#fdf6ec', color: '#e6a23c', border: '#faecd8' }, // warning\n  { bg: '#fef0f0', color: '#f56c6c', border: '#fde2e2' }, // danger\n  { bg: '#f4f4f5', color: '#909399', border: '#e9e9eb' }, // info\n]\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-text-fill')\nexport class QxsTextFill extends LitElement {\n  private readonly _iconPlus = html`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></svg>`\n  private readonly _iconRemove = html`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></svg>`\n\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-answer { display: flex; flex-direction: column; margin-top: 12px; }\n    .preview-answer .radio { margin-top: 8px; padding-left: 8px; display: flex; align-items: center; gap: 6px; }\n    .preview-answer .order { color: #909399; }\n    .preview-answer .correct { color: #67c23a; }\n    .preview-answer .result-info { color: #909399; }\n\n    .flex { display: flex; }\n    .flex-items-center { display: flex; align-items: center; }\n    .flex-items-start { display: flex; align-items: flex-start; }\n    .flex-justify-end { display: flex; justify-content: flex-end; }\n    .label { min-width: 60px; font-size: 13px; color: #606266; }\n\n    textarea {\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    .answer-list { margin-top: 12px; }\n    .answer-item { display: flex; align-items: center; margin-top: 6px; border-radius: 4px; }\n    .answer-item .label { min-width: 60px; font-size: 13px; color: #909399; }\n    .answer-item .input { flex: 1; max-width: 360px; position: relative; display: block; }\n    .answer-item .input input {\n      height: 32px; padding: 0 50px 0 8px;\n      font-size: 13px; line-height: 32px;\n      border: 1px solid #dcdfe6; border-radius: 3px; width: 100%;\n      transition: border-color .2s; box-sizing: border-box;\n    }\n    .answer-item .input input:focus { border-color: #3D61E3; outline: none; }\n    .answer-item .input input:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }\n    .answer-item .input .char-counter {\n      position: absolute; right: 8px; top: 50%; transform: translateY(-50%);\n      font-size: 12px; color: #909399; line-height: 1; pointer-events: none;\n    }\n\n    .answer-item .correct { margin: 0 10px; color: #909399; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }\n    .answer-item .correct:hover { color: #3D61E3; }\n    .answer-item .correct.is-correct { color: #67c23a; }\n    .answer-item .correct input { width: 14px; height: 14px; cursor: pointer; accent-color: #3D61E3; }\n\n    .answer-item .icon {\n      margin-left: 6px; cursor: pointer; display: inline-flex;\n      align-items: center; justify-content: center;\n      width: 24px; height: 24px; border-radius: 4px;\n      border: 1px solid #dcdfe6; background: #fff; color: #909399;\n      transition: all 0.2s;\n    }\n    .answer-item .icon:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n    .answer-item .icon.disabled { color: #e4e7ed; border-color: #e4e7ed; cursor: not-allowed; }\n\n    .answer-item .link { margin-left: 8px; color: #3D61E3; cursor: pointer; font-size: 12px; white-space: nowrap; }\n    .answer-item .link:hover { color: #2D4CB8; }\n\n    .answer-item .link { color: #3D61E3; cursor: pointer; font-size: 12px; white-space: nowrap; background: none; border: none; padding: 0; margin: 0; font-family: inherit; }\n    .answer-item .link:hover { color: #2D4CB8; }\n\n    .el-link { color: #3D61E3; cursor: pointer; font-size: 12px; background: none; border: none; padding: 0; margin: 0; font-family: inherit; line-height: 1; }\n    .el-link:hover { color: #2D4CB8; }\n    .el-link.danger { color: #f56c6c; }\n\n    .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 9000; display: flex; align-items: center; justify-content: center; }\n    .modal { background: #fff; border-radius: 6px; width: 520px; max-width: 90vw; box-shadow: 0 12px 32px rgba(0,0,0,.12); display: flex; flex-direction: column; }\n    .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px 12px; border-bottom: 1px solid #e4e7ed; }\n    .modal-title { font-size: 14px; font-weight: 600; color: #303133; }\n    .modal-close { background: none; border: none; font-size: 18px; cursor: pointer; color: #909399; padding: 0; line-height: 1; }\n    .modal-close:hover { color: #3D61E3; }\n    .modal-body { padding: 20px; }\n    .modal-body textarea { min-height: 120px; }\n    .modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid #e4e7ed; }\n    .modal-footer button { padding: 6px 16px; font-size: 12px; border-radius: 3px; cursor: pointer; border: 1px solid #dcdfe6; background: #fff; color: #606266; }\n    .modal-footer button:hover { color: #3D61E3; border-color: #a0cfff; }\n    .modal-footer button.primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }\n    .modal-footer button.primary:hover { background: #2D4CB8; border-color: #2D4CB8; }\n  `\n\n  @property({ type: Number, attribute: 'order-index' }) 'order-index' = 0\n  @property({ type: String }) title = ''\n  @property({ type: String, attribute: 'custom-id' }) 'custom-id' = ''\n  @property({ type: Boolean, attribute: 'is-edit' }) 'is-edit' = false\n  @property({ type: Boolean, attribute: 'is-save' }) 'is-save' = false\n  @property({ type: Boolean, attribute: 'is-set' }) 'is-set' = false\n  @property({ type: Boolean, attribute: 'is-key' }) 'is-key' = false\n  @property({ type: Boolean, attribute: 'show-action' }) 'show-action' = true\n  @property({ type: Boolean, attribute: 'show-add' }) 'show-add' = true\n  @property({ type: Boolean, attribute: 'show-answer-setting' }) 'show-answer-setting' = false\n  @property({ type: Boolean, attribute: 'show-analysis' }) 'show-analysis' = true\n  @property({ type: String, attribute: 'rich-text-content' }) 'rich-text-content' = ''\n  @property({ type: String }) analysis = ''\n  @property({ type: Number, attribute: 'exam-answer-relation-type' }) 'exam-answer-relation-type' = 0\n  @property({ type: String, attribute: 'exam-expand' }) 'exam-expand' = ''\n  @property({ type: Object, attribute: 'exam-answer-setting' })\n  'exam-answer-setting': { isInOrder: boolean, isIgnoreCase: boolean, keywordCount: number } = { isInOrder: true, isIgnoreCase: true, keywordCount: 1 }\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\n  // 双向绑定支持\n  @property({ type: String, attribute: 'model-value' }) 'model-value' = ''\n  @property({ type: Boolean, attribute: 'use-model' }) 'use-model' = false\n\n  @state() private _answers: TextAnswer[] = [{ title: '', tag: '', showInput: false }]\n  @state() private _title = ''\n  @state() private _analysis = ''\n  @state() private _isInOrder = true\n  @state() private _isIgnoreCase = true\n  @state() private _keywordCount = 1\n  @state() private _correct = ''\n  @state() private _showRichText = false\n  @state() private _richText = ''\n\n  private readonly TITLE_MAX = 200\n\n  willUpdate(changed: Map<string, unknown>) {\n    if (changed.has('is-edit') && this['is-edit']) { this._syncProps() }\n    if (!this['is-edit'] && (changed.has('title') || changed.has('answer-list') || changed.has('analysis') || changed.has('exam-answer-setting') || changed.has('rich-text-content') || changed.has('exam-expand'))) {\n      this._syncProps()\n    }\n    // 当外部 modelValue 变化时同步内部状态\n    if (changed.has('model-value') && this['use-model']) {\n      this._title = this['model-value']\n    }\n  }\n\n  private _normalizeAnswerTitle(answer: any) {\n    return String(answer?.title ?? answer?.answer ?? '')\n  }\n\n  private _normalizedAnswerList(source: any[] = []) {\n    return (Array.isArray(source) ? source : []).map((answer: any) => ({\n      ...answer,\n      answerId: answer?.answerId ?? answer?.examAnswerId,\n      title: this._normalizeAnswerTitle(answer),\n    }))\n  }\n\n  private _syncProps() {\n    this._title = this.title || ''\n    this._analysis = this.analysis || ''\n    if (this['answer-list']?.length) {\n      this._answers = this._normalizedAnswerList(this['answer-list']).map((a: any) => ({\n        title: a.title || '',\n        tag: '',\n        showInput: false,\n        answerId: a.answerId,\n        customAnswerId: a.customAnswerId,\n      }))\n    }\n    else {\n      this._answers = [{ 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      this._keywordCount = this['exam-answer-setting'].keywordCount || 1\n    }\n    this._richText = this['rich-text-content'] || ''\n    this._showRichText = !!this['rich-text-content']\n    this._correct = this['exam-expand'] || ''\n  }\n\n  private _emit(name: string, detail?: unknown) {\n    this.dispatchEvent(new CustomEvent(name, { bubbles: true, composed: true, detail: detail ?? null }))\n  }\n\n  private _onTitleInput(e: Event) {\n    const el = e.target as HTMLTextAreaElement\n    if (el.value.length > this.TITLE_MAX) { el.value = el.value.slice(0, this.TITLE_MAX) }\n    this._title = el.value\n    // 双向绑定：通知外部更新\n    if (this['use-model']) {\n      this.dispatchEvent(new CustomEvent('update:modelValue', {\n        bubbles: true,\n        composed: true,\n        detail: this._title,\n      }))\n    }\n  }\n\n  private _addTag(i: number) {\n    const a = { ...this._answers[i] }\n    if (a.tag) {\n      a.title = a.title ? [a.title, a.tag].join(',') : a.tag\n      a.tag = ''\n    }\n    a.showInput = false\n    this._answers = this._answers.map((x, j) => j === i ? a : x)\n  }\n\n  private _closeTag(tag: string, i: number) {\n    const a = { ...this._answers[i] }\n    a.title = a.title.split(',').filter(t => t !== tag).join(',')\n    this._answers = this._answers.map((x, j) => j === i ? a : x)\n  }\n\n  async toJSON(): Promise<any> {\n    return new Promise((resolve, reject) => {\n      const row = { customId: this['custom-id'] || undefined, answerType: 'text_fill', orderIndex: this['order-index'] }\n\n      const title = this['is-edit'] ? this._title : this.title || ''\n      const answers = this['is-edit'] ? this._answers : this._normalizedAnswerList(this['answer-list'] || [])\n      const analysis = this['is-edit'] ? this._analysis : this.analysis || ''\n      const correct = this['is-edit'] ? this._correct : this['exam-expand'] || ''\n      const keywordCount = this['is-edit'] ? this._keywordCount : this['exam-answer-setting']?.keywordCount || 1\n      const isInOrder = this['is-edit'] ? this._isInOrder : this['exam-answer-setting']?.isInOrder ?? true\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\n      if (!title) {\n        reject(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n        return\n      }\n      if (keywordCount || correct) {\n        if (!keywordCount) {\n          reject(new SubjectError('请完善答题设置!', 'NO_KEYWORD_COUNT', 'keywordCount', row))\n          return\n        }\n        if (!correct) {\n          reject(new SubjectError('请输入问题正确答案!', 'NO_CORRECT_ANSWER', 'correct', row))\n          return\n        }\n        if (answers.length !== keywordCount) {\n          reject(new SubjectError('关键词个数设置有误!', 'KEYWORD_COUNT_MISMATCH', 'answers', row))\n          return\n        }\n        const msg: string[] = []\n        answers.forEach((item: any, i: number) => {\n          if (!this._normalizeAnswerTitle(item)) { msg.push(`关键词${i + 1}未设置`) }\n        })\n        if (msg.length) {\n          reject(new SubjectError(msg.join(','), 'KEYWORD_EMPTY', 'answers', row))\n          return\n        }\n      }\n      const result: any = {\n        answerType: SubjectType.TEXT_FILL,\n        title,\n        answers: answers\n          .filter((a: any) => this._normalizeAnswerTitle(a))\n          .map((a: any) => ({\n            title: this._normalizeAnswerTitle(a),\n            ...(a.answerId ? { answerId: a.answerId } : {}),\n            ...(a.customAnswerId ? { customAnswerId: a.customAnswerId } : {}),\n          })),\n        analysis,\n        isSetCorrectAnswer: !!correct,\n        isKey: this['is-key'],\n        examExpand: correct,\n        examAnswerSettingBO: { isIgnoreCase, isInOrder, keywordCount },\n        examRichTextContent: showRichText ? richText : '',\n      }\n      if (this['custom-id']) { result.customId = this['custom-id'] }\n      resolve(result)\n    })\n  }\n\n  private _addAnswer() {\n    if (this['is-save']) { return }\n    this._answers = [...this._answers, { title: '', tag: '', showInput: false }]\n  }\n\n  private _deleteAnswer(index: number) {\n    if (this._answers.length < 2 || this['is-save']) { return }\n    this._answers = this._answers.filter((_, i) => i !== index)\n  }\n\n  private async _save(e?: Event) {\n    e?.stopImmediatePropagation()\n    try {\n      const data = await this.toJSON()\n      this._emit('save', data)\n    }\n    catch (err: any) {\n      showToast(err.message)\n    }\n  }\n\n  validate(): SubjectError[] {\n    const errors: SubjectError[] = []\n    const row = { customId: this['custom-id'] || undefined, answerType: 'text_fill', orderIndex: this['order-index'] }\n\n    const title = this['is-edit'] ? this._title : this.title || ''\n    const answers = this['is-edit'] ? this._answers : this._normalizedAnswerList(this['answer-list'] || [])\n    const correct = this['is-edit'] ? this._correct : this['exam-expand'] || ''\n    const keywordCount = this['is-edit'] ? this._keywordCount : this['exam-answer-setting']?.keywordCount || 1\n\n    if (!title) {\n      errors.push(new SubjectError('题目标题不能为空!', 'EMPTY_TITLE', 'title', row))\n    }\n    if (keywordCount || correct) {\n      if (!keywordCount) {\n        errors.push(new SubjectError('请完善答题设置!', 'NO_KEYWORD_COUNT', 'keywordCount', row))\n      }\n      if (!correct) {\n        errors.push(new SubjectError('请输入问题正确答案!', 'NO_CORRECT_ANSWER', 'correct', row))\n      }\n      if (answers.length !== keywordCount) {\n        errors.push(new SubjectError('关键词个数设置有误!', 'KEYWORD_COUNT_MISMATCH', 'answers', row))\n      }\n      answers.forEach((item: any, i: number) => {\n        if (!this._normalizeAnswerTitle(item)) {\n          errors.push(new SubjectError(`关键词${i + 1}未设置`, 'KEYWORD_EMPTY', 'answers', row))\n        }\n      })\n    }\n\n    return errors\n  }\n\n  private _renderPreview() {\n    const previewAnswers = this['is-edit'] ? this._answers : this._normalizedAnswerList(this['answer-list'] || [])\n    const previewCorrect = this['is-edit'] ? this._correct : (this['exam-expand'] || '')\n    return html`\n      <div class=\"preview\">\n        <span class=\"title\">${this['order-index'] + 1}.${this.title}（问答题）</span>\n        ${this['rich-text-content'] ? html`<div class=\"rich-text\" .innerHTML=${this['rich-text-content']}></div>` : ''}\n        ${previewAnswers.some(a => a.title)\n          ? html`\n          <div style=\"margin-top:8px;color:#a8abb2\">\n            ${previewAnswers.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        ${previewCorrect ? html`<div style=\"margin-top:8px;color:#a8abb2\">正确答案：${previewCorrect}</div>` : ''}\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-items-start\">\n        <div class=\"label\"><span>题目:</span></div>\n        <div style=\"flex:1\">\n          <div class=\"el-input\">\n            <textarea rows=\"2\" .value=${this._title} ?disabled=${this['is-save']}\n              maxlength=${this.TITLE_MAX}\n              @input=${(e: Event) => this._onTitleInput(e)}\n              placeholder=\"【问答题】请输入问题\"></textarea>\n            <span class=\"char-counter\">${this._title.length}/${this.TITLE_MAX}</span>\n          </div>\n        </div>\n      </div>\n\n      ${this['show-answer-setting']\n        ? html`\n        <div class=\"flex-items-start\" style=\"margin-top:12px\">\n          <div class=\"label\"><span>答题设置:</span></div>\n          <div style=\"flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:8px\">\n            <span style=\"font-size:13px;color:#606266\">共答对</span>\n            <input type=\"number\" style=\"width:60px;height:24px;border:1px solid #dcdfe6;border-radius:3px;padding:0 8px;font-size:13px\"\n              .value=${String(this._keywordCount)} min=\"1\"\n              @change=${(e: Event) => { this._keywordCount = Number((e.target as HTMLInputElement).value) }} />\n            <span style=\"font-size:13px;color:#606266\">个关键词，算是正确的</span>\n            <label style=\"display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:12px;color:#606266\">\n              <input type=\"checkbox\" .checked=${this._isInOrder}\n                @change=${(e: Event) => { this._isInOrder = (e.target as HTMLInputElement).checked }} />\n              答案不分顺序\n            </label>\n            <label style=\"display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:12px;color:#606266\">\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        : ''}\n\n      <div class=\"flex-items-start\" style=\"margin-top:12px\">\n        <div class=\"label\"><span>答案:</span></div>\n        <div style=\"flex:1\">\n          <div class=\"el-input\">\n            <textarea rows=\"2\" .value=${this._correct} ?disabled=${this['is-save']}\n              maxlength=\"200\"\n              @input=${(e: Event) => { this._correct = (e.target as HTMLTextAreaElement).value }}\n              placeholder=\"请输入正确答案\"></textarea>\n            <span class=\"char-counter\">${this._correct.length}/200</span>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"answer-list\" style=\"margin-top:12px\">\n        <span style=\"padding-left:60px;font-size:12px;color:#909399\">*如遇包含特殊字符的关键词，需添加多个同义词，例：'CO₂'需添加同义词'CO2'</span>\n        ${this._answers.map((a, i) => html`\n          <div class=\"answer-item\">\n            <span class=\"label\">关键词${i + 1}:</span>\n            <div class=\"answer-tags\" style=\"display:flex;flex-wrap:wrap;gap:5px;align-items:center;flex:1;max-width:360px\">\n              ${a.title.split(',').filter(Boolean).map((tag) => {\n                const c = TAG_COLORS[i % TAG_COLORS.length]; return html`\n                <span style=\"display:inline-flex;align-items:center;background:${c.bg};color:${c.color};border:1px solid ${c.border};border-radius:3px;padding:2px 8px;font-size:12px;line-height:16px\">\n                  ${tag}\n                  ${!this['is-save'] ? html`<span style=\"cursor:pointer;margin-left:4px;color:#909399\" @click=${() => this._closeTag(tag, i)}>×</span>` : ''}\n                </span>\n              `\n              })}\n              ${!this['is-save']\n                ? html`\n                ${a.showInput\n                  ? html`\n                  <input type=\"text\" style=\"width:80px;height:24px;border:1px solid #dcdfe6;border-radius:3px;padding:0 8px;font-size:12px\"\n                    @keydown=${(e: KeyboardEvent) => {\n                      if (e.key === 'Enter') { this._addTag(i) }\n                    }}\n                    @input=${(e: Event) => { a.tag = (e.target as HTMLInputElement).value }}\n                    @blur=${() => this._addTag(i)} />\n                  <button class=\"el-link\" @click=${() => this._addTag(i)}>确认</button>\n                `\n                  : html`\n                  <button class=\"link\" @click=${() => { this._answers = this._answers.map((x, j) => j === i ? { ...x, showInput: true } : x); this.updateComplete.then(() => { (this.shadowRoot?.querySelector(`input[style*=\"width:80px\"]`) as HTMLInputElement)?.focus() }) }}>\n                    ${a.title ? '添加同义词' : '添加关键词'}\n                  </button>\n                `}\n              `\n                : ''}\n            </div>\n            <span class=\"icon ${this['is-save'] ? 'disabled' : ''}\" @click=${() => this._addAnswer()}>${this._iconPlus}</span>\n            <span class=\"icon ${this['is-save'] || this._answers.length < 2 ? 'disabled' : ''}\" @click=${() => this._deleteAnswer(i)}>${this._iconRemove}</span>\n          </div>\n        `)}\n      </div>\n\n      ${this._showRichText\n        ? html`\n        <div class=\"flex-items-start\" style=\"margin-top:12px\">\n          <div class=\"label\"><span>富文本:</span></div>\n          <div style=\"flex:1\">\n            <qxs-blocksuite-editor\n              .content=${this._richText}\n              .upload-image=${this['upload-image']}\n              ?is-edit=${true}\n            ></qxs-blocksuite-editor>\n            ${!this['show-action']\n              ? html`<div class=\"flex-justify-end\" style=\"margin-top:8px\"><span class=\"el-link danger\" @click=${() => { this._showRichText = false; this._richText = '' }}>删除富文本</span></div>`\n              : ''}\n          </div>\n        </div>\n      `\n        : ''}\n\n      ${this['show-analysis']\n        ? html`\n        <div class=\"flex-items-start\" style=\"margin-top:12px\">\n          <div class=\"label\"><span>解析:</span></div>\n          <div style=\"flex:1\">\n            <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['is-edit']}>\n        <div slot=\"preview\">${this._renderPreview()}</div>\n        <div slot=\"edit\">${this._renderEdit()}</div>\n        ${this['show-action']\n          ? html`\n          <qxs-subject-action\n            .is-edit=${this['is-edit']}\n            .is-set=${this['is-set']}\n            .show-add=${this['show-add']}\n            .show-rich-text=${this._showRichText}\n            exam-answer-relation-type=${this['exam-answer-relation-type']}\n            @delete=${() => this._emit('delete')}\n            @save=${this._save}\n            @edit=${() => this._emit('edit')}\n            @add=${(e: CustomEvent) => this._emit('add', e.detail)}\n            @set-key=${(e: CustomEvent) => { this._emit('set-key', e.detail) }}\n            @on-show-rich-text=${() => {\n              this._showRichText = !this._showRichText\n              if (!this._showRichText) {\n                this._richText = ''\n              }\n            }}\n          ></qxs-subject-action>\n        `\n          : ''}\n      </qxs-subject-layout>\n    `\n  }\n}\n\nexport function register() {}\n"],"names":["TAG_COLORS","bg","color","border","QxsTextFill","LitElement","constructor","super","arguments","this","_iconPlus","html","_iconRemove","title","analysis","isInOrder","isIgnoreCase","keywordCount","async","Promise","resolve","reject","reader","FileReader","onload","e","target","result","onerror","readAsDataURL","file","_answers","tag","showInput","_title","_analysis","_isInOrder","_isIgnoreCase","_keywordCount","_correct","_showRichText","_richText","TITLE_MAX","willUpdate","changed","has","_syncProps","_normalizeAnswerTitle","answer","String","_normalizedAnswerList","source","length","undefined","Array","isArray","map","answerId","examAnswerId","a","customAnswerId","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_onTitleInput","el","value","slice","_addTag","i","join","x","j","_closeTag","split","filter","t","toJSON","row","customId","answerType","orderIndex","answers","correct","showRichText","richText","SubjectError","msg","forEach","item","push","SubjectType","TEXT_FILL","isSetCorrectAnswer","isKey","examExpand","examAnswerSettingBO","examRichTextContent","_addAnswer","_deleteAnswer","index","_","_save","stopImmediatePropagation","data","err","document","createElement","textContent","Object","assign","style","position","top","left","transform","padding","borderRadius","fontSize","background","zIndex","boxShadow","transition","opacity","body","appendChild","setTimeout","remove","showToast","message","validate","errors","_renderPreview","previewAnswers","previewCorrect","some","_renderEdit","Number","checked","Boolean","c","key","updateComplete","then","shadowRoot","querySelector","focus","render","styles","css","__decorateClass","property","type","attribute","prototype","state","safeCustomElement"],"mappings":"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"}

package/lib/editor/blocksuite-editor.cjs

@@ -1,5 +1,5 @@
-"use strict";var e=require("@tiptap/core"),t=require("@tiptap/extension-blockquote"),i=require("@tiptap/extension-bold"),o=require("@tiptap/extension-bullet-list"),r=require("@tiptap/extension-code"),l=require("@tiptap/extension-document"),s=require("@tiptap/extension-heading"),n=require("@tiptap/extension-history"),a=require("@tiptap/extension-horizontal-rule"),d=require("@tiptap/extension-image"),c=require("@tiptap/extension-italic"),h=require("@tiptap/extension-link"),b=require("@tiptap/extension-list-item"),p=require("@tiptap/extension-ordered-list"),u=require("@tiptap/extension-paragraph"),g=require("@tiptap/extension-strike"),x=require("@tiptap/extension-table"),m=require("@tiptap/extension-table-cell"),v=require("@tiptap/extension-table-header"),y=require("@tiptap/extension-table-row"),f=require("@tiptap/extension-text"),_=require("@tiptap/extension-text-align"),w=require("@tiptap/extension-underline"),k=require("@tiptap/extension-placeholder"),C=require("lit"),M=require("../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),T=require("../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),A=require("../base/define.cjs"),$=Object.defineProperty,B=Object.getOwnPropertyDescriptor,q=(e,t,i,o)=>{for(var r,l=o>1?void 0:o?B(t,i):t,s=e.length-1;s>=0;s--)(r=e[s])&&(l=(o?r(t,i,l):r(l))||l);return o&&l&&$(t,i,l),l};exports.QxsBlocksuiteEditor=class extends C.LitElement{constructor(){super(...arguments),this.content="",this.modelValue="",this.placeholder="输入 / 唤出快捷命令",this.useModelAttr="false",this.readonlyAttr="false",this.previewAttr="false",this.customStylesAttr="",this._injectedStyleEl=null,this.uploadImage=async e=>new Promise((t,i)=>{const o=new FileReader;o.onload=e=>t(e.target?.result),o.onerror=i,o.readAsDataURL(e)}),this._editor=null,this._pendingContent=null,this._tableRows=3,this._tableCols=3,this._hoverRow=0,this._hoverCol=0,this._tableDropdownOpen=!1,this._tableCellToolbar={x:0,y:0,visible:!1,cellRow:0,cellCol:0},this._imageToolbar={x:0,y:0,visible:!1},this._imageMoreMenuVisible=!1,this._hasSlashCommand=!1,this._isUpdating=!1,this._tableEdgeDetectionSetup=!1}_injectCustomStyles(){const e=this.shadowRoot;if(!e)return;if(this._injectedStyleEl&&(this._injectedStyleEl.remove(),this._injectedStyleEl=null),!this.customStylesAttr)return;const t=document.createElement("style");t.textContent=this.customStylesAttr,e.appendChild(t),this._injectedStyleEl=t}get useModel(){return"true"===this.useModelAttr||""===this.useModelAttr||this.hasAttribute("use-model")}set useModel(e){this.useModelAttr=String(e)}get readonly(){return"false"!==this.readonlyAttr}set readonly(e){this.readonlyAttr=String(e)}get preview(){return"false"!==this.previewAttr}set preview(e){this.previewAttr=String(e)}_initEditor(){if(this._editor)return;const C=this.shadowRoot?.querySelector(".editor-content");if(!C)return void requestAnimationFrame(()=>this._initEditor());for(;C.firstChild;)C.removeChild(C.firstChild);const M=this.useModel||this.hasAttribute("use-model"),T=this.getAttribute("model-value")??this.modelValue,A=this.content,$=M?(this._pendingContent??T)||"<p></p>":(this._pendingContent??A)||"<p></p>",B=[l,u,f,i,c,w,g,r,s.configure({levels:[1,2,3]}),o,p,b,t,a,n,d.configure({inline:!1,allowBase64:!0}),h.configure({openOnClick:!1,HTMLAttributes:{rel:"noopener noreferrer"}}),_.configure({types:["heading","paragraph"]}),x.Table.configure({resizable:!0}),y.TableRow,m.TableCell,v.TableHeader,k.configure({placeholder:this.placeholder}),e.Extension.create({name:"clearMarksOnEnter",addKeyboardShortcuts(){return{Enter:()=>(this.editor.chain().focus().unsetAllMarks().clearNodes().run(),!1)}}})];this._editor=new e.Editor({element:C,extensions:B,editable:!this.readonly,content:$}),this._pendingContent=null,this._editor.on("selectionUpdate",()=>{this._updateBubbleMenuPosition(),this._editor?.isActive("table")?this._showTableCellToolbar():this._hideTableCellToolbar();const e=this._editor;if(e){const{selection:t}=e.state,{$from:i}=t;if("image"===i.node(i.depth).type.name){const t=e.view.coordsAtPos(i.start()),o=this.shadowRoot?.querySelector(".editor-wrapper")?.getBoundingClientRect();if(o){const e=t.left-o.left+(t.right-t.left)/2,i=t.top-o.top-40;this._showImageToolbar({x:e,y:i})}}else this._hideImageToolbar()}}),this._editor.on("transaction",()=>{this._editor?.isActive("table")?this._showTableCellToolbar():this._hideTableCellToolbar(),this._checkSlashCommand(),this._setupTableEdgeDetection()}),this._editor.on("update",()=>{this._emitContentChange()})}_emitContentChange(){if(!this._editor)return;const e=this._editor.getHTML();this.dispatchEvent(new CustomEvent("content-change",{detail:e,bubbles:!0,composed:!0}))}_setupTableEdgeDetection(){const e=this.shadowRoot?.querySelector(".editor-content"),t=this.shadowRoot?.querySelector(".editor-wrapper");if(!e||this._tableEdgeDetectionSetup)return;this._tableEdgeDetectionSetup=!0;const i=()=>{this._editor?.chain().focus().run()};e.addEventListener("click",i),t?.addEventListener("click",i)}_checkSlashCommand(){if(!this._editor)return;const{selection:e}=this._editor.state,t=this._editor.state.doc.textBetween(Math.max(0,e.from-10),e.from," ");this._hasSlashCommand=t.endsWith("/")}firstUpdated(){this._injectCustomStyles(),this._initEditor()}updated(e){if(e.has("customStylesAttr")&&this._injectCustomStyles(),this._editor){if(e.has("content")||e.has("modelValue")&&this.useModel){const e=this.useModel?this.modelValue:this.content;e!==this._editor.getHTML()&&this._editor.commands.setContent(e||"<p></p>")}e.has("readonly")&&this._editor.setEditable(!this.readonly)}else e.has("content")&&(this._pendingContent=this.content),e.has("modelValue")&&this.useModel&&(this._pendingContent=this.modelValue)}disconnectedCallback(){super.disconnectedCallback(),this._editor?.destroy(),this._editor=null}getContent(){return this._editor?.getHTML()??""}forceUpdate(){if(this.requestUpdate(),this._editor){const e=this.useModel?this.modelValue:this.content;e!==this._editor.getHTML()&&this._editor.commands.setContent(e||"<p></p>")}}_applyFormat(e){if(this._hasSlashCommand&&this._editor){const{selection:e}=this._editor.state;this._editor.chain().focus().deleteRange({from:e.from-1,to:e.from}).run(),this._hasSlashCommand=!1}e()}_toggleBold(){this._applyFormat(()=>this._editor?.chain().focus().toggleBold().run())}_toggleItalic(){this._applyFormat(()=>this._editor?.chain().focus().toggleItalic().run())}_toggleUnderline(){this._applyFormat(()=>this._editor?.chain().focus().toggleUnderline().run())}_toggleStrike(){this._applyFormat(()=>this._editor?.chain().focus().toggleStrike().run())}_toggleCode(){this._applyFormat(()=>this._editor?.chain().focus().toggleCode().run())}_setHeading(e){this._applyFormat(()=>this._editor?.chain().focus().toggleHeading({level:e}).run())}_setParagraph(){this._applyFormat(()=>this._editor?.chain().focus().setParagraph().run())}_toggleBulletList(){this._applyFormat(()=>this._editor?.chain().focus().toggleBulletList().run())}_toggleOrderedList(){this._applyFormat(()=>this._editor?.chain().focus().toggleOrderedList().run())}_toggleBlockquote(){this._applyFormat(()=>this._editor?.chain().focus().toggleBlockquote().run())}_setTextAlign(e){this._applyFormat(()=>this._editor?.chain().focus().setTextAlign(e).run())}_setLink(){const e=window.prompt("请输入链接地址：");e&&this._applyFormat(()=>this._editor?.chain().focus().setLink({href:e}).run())}_insertTable(e,t){this._editor?.chain().focus().insertTable({rows:e??this._tableRows,cols:t??this._tableCols,withHeaderRow:!0}).run()}async _handleImageUpload(e){const t=e.target,i=t.files?.[0];if(i)try{const e=await this.uploadImage(i);this._editor?.chain().focus().setImage({src:e}).run()}catch(e){}t.value=""}_triggerImageUpload(){const e=this.shadowRoot?.querySelector(".image-input");e?.click()}_insertTableByClick(e,t){if(this._hasSlashCommand&&this._editor){const{selection:e}=this._editor.state;this._editor.chain().focus().deleteRange({from:e.from-1,to:e.from}).run(),this._hasSlashCommand=!1}this._tableRows=e,this._tableCols=t,this._insertTable(e,t)}_showTableCellToolbar(){if(!this._editor?.isActive("table"))return;const{state:e}=this._editor,{selection:t}=e,i=this._editor.view.coordsAtPos(t.from),o=this.shadowRoot?.querySelector(".editor-wrapper");if(!o)return;const r=o.getBoundingClientRect(),l=this._getTableCellRow(),s=this._getTableCellCol();(0===l||0===s)&&requestAnimationFrame(()=>{this._tableCellToolbar={x:i.left-r.left,y:i.bottom-r.top+8,visible:!0,cellRow:l,cellCol:s}})}_getTableCellRow(){if(!this._editor)return 0;const{selection:e}=this._editor.state,t=this._editor.state.doc.resolve(e.from);for(let e=t.depth;e>0;e--){if("tableCell"===t.node(e).type.name)return t.index(e-1)}return 0}_getTableCellCol(){if(!this._editor)return 0;const{selection:e}=this._editor.state,t=this._editor.state.doc.resolve(e.from);for(let e=t.depth;e>0;e--){if("tableCell"===t.node(e).type.name)return t.index(e)}return 0}_hideTableCellToolbar(){requestAnimationFrame(()=>{this._tableCellToolbar={...this._tableCellToolbar,visible:!1}})}_addTableRowAbove(){this._editor?.chain().focus().addRowBefore().run(),this._hideTableCellToolbar()}_addTableRowBelow(){this._editor?.chain().focus().addRowAfter().run(),this._hideTableCellToolbar()}_addTableColumnLeft(){this._editor?.chain().focus().addColumnBefore().run(),this._hideTableCellToolbar()}_addTableColumnRight(){this._editor?.chain().focus().addColumnAfter().run(),this._hideTableCellToolbar()}_deleteTableRow(){this._editor?.chain().focus().deleteRow().run(),this._hideTableCellToolbar()}_deleteTableColumn(){this._editor?.chain().focus().deleteColumn().run(),this._hideTableCellToolbar()}_deleteTable(){this._editor?.chain().focus().deleteTable().run(),this._hideTableCellToolbar()}_showImageToolbar(e){requestAnimationFrame(()=>{this._imageToolbar={x:e.x,y:e.y,visible:!0},this._imageMoreMenuVisible=!1})}_hideImageToolbar(){requestAnimationFrame(()=>{this._imageToolbar={...this._imageToolbar,visible:!1},this._imageMoreMenuVisible=!1})}_toggleImageMoreMenu(){this._imageMoreMenuVisible=!this._imageMoreMenuVisible}_deleteImage(){this._editor?.chain().focus().deleteNode("image").run(),this._hideImageToolbar()}_insertImageAfter(){this._triggerImageUpload(),this._imageMoreMenuVisible=!1}_setImageAlignLeft(){const e=this._editor;if(e){const{selection:t}=e.state,i=t.from;e.chain().focus().setNodeSelection(i).run();const o=this.shadowRoot?.querySelector(".ProseMirror img.ProseMirror-selectednode");o&&(o.style.display="block",o.style.margin="0 auto 0 0")}this._imageMoreMenuVisible=!1}_setImageAlignCenter(){const e=this._editor;if(e){const{selection:t}=e.state,i=t.from;e.chain().focus().setNodeSelection(i).run();const o=this.shadowRoot?.querySelector(".ProseMirror img.ProseMirror-selectednode");o&&(o.style.display="block",o.style.margin="0 auto")}this._imageMoreMenuVisible=!1}_setImageAlignRight(){const e=this._editor;if(e){const{selection:t}=e.state,i=t.from;e.chain().focus().setNodeSelection(i).run();const o=this.shadowRoot?.querySelector(".ProseMirror img.ProseMirror-selectednode");o&&(o.style.display="block",o.style.margin="0 0 0 auto")}this._imageMoreMenuVisible=!1}_getTextLabel(){const e=this._editor;return e?e.isActive("heading",{level:1})?"标题 1":e.isActive("heading",{level:2})?"标题 2":e.isActive("heading",{level:3})?"标题 3":"正文":"正文"}_getAlignLabel(){const e=this._editor;return e?e.isActive({textAlign:"center"})?"居中":e.isActive({textAlign:"right"})?"右对齐":"左对齐":"对齐"}_updateBubbleMenuPosition(){requestAnimationFrame(()=>{const e=this.shadowRoot?.querySelector(".bubble-menu"),t=this.shadowRoot?.querySelector(".ProseMirror"),i=this.shadowRoot?.querySelector(".editor-wrapper");if(!e||!t||!i)return;const o=this._editor,r=o?.isActive("table")??!1,{selection:l}=o?.state??{selection:null};if(r&&l&&!l.empty&&o){const{from:t,to:i}=l,r=o.state.doc.resolve(t),s=o.state.doc.resolve(i);let n=!1;for(let e=r.depth;e>=0;e--)if("table"===r.node(e).type.name){n=!0;break}const a=r.node(r.depth),d=s.node(s.depth);if("table"!==a.type.name&&"table"!==d.type.name||(n=!0),n)return e.style.opacity="0",void(e.style.visibility="hidden")}if(l&&!l.empty);else if(!l||l.empty&&!this._hasSlashCommand)return e.style.opacity="0",void(e.style.visibility="hidden");const s=i.getBoundingClientRect(),n=e.getBoundingClientRect(),{from:a}=l,d=this._editor?.view.coordsAtPos(a);if(!d)return;let c=d.left-s.left,h=d.top-s.top-40;c+n.width>s.width&&(c=s.width-n.width-8),c<0&&(c=8),h<0&&(h=d.bottom-s.top+8),e.style.left=`${c}px`,e.style.top=`${h}px`,e.style.opacity="1",e.style.visibility="visible"})}render(){const e=this._editor;return C.html`
-      <div class="editor-wrapper ${e?"":"loading"} ${this.preview?"preview":""}">
+"use strict";var e=require("@tiptap/core"),t=require("@tiptap/extension-blockquote"),i=require("@tiptap/extension-bold"),o=require("@tiptap/extension-bullet-list"),r=require("@tiptap/extension-code"),l=require("@tiptap/extension-document"),s=require("@tiptap/extension-heading"),n=require("@tiptap/extension-history"),a=require("@tiptap/extension-horizontal-rule"),d=require("@tiptap/extension-image"),c=require("@tiptap/extension-italic"),h=require("@tiptap/extension-link"),b=require("@tiptap/extension-list-item"),p=require("@tiptap/extension-ordered-list"),u=require("@tiptap/extension-paragraph"),g=require("@tiptap/extension-placeholder"),x=require("@tiptap/extension-strike"),m=require("@tiptap/extension-table"),v=require("@tiptap/extension-table-cell"),y=require("@tiptap/extension-table-header"),f=require("@tiptap/extension-table-row"),_=require("@tiptap/extension-text"),w=require("@tiptap/extension-text-align"),k=require("@tiptap/extension-underline"),C=require("lit"),M=require("lit/decorators.js"),T=require("../base/define.cjs"),$=Object.defineProperty,B=Object.getOwnPropertyDescriptor,q=(e,t,i,o)=>{for(var r,l=o>1?void 0:o?B(t,i):t,s=e.length-1;s>=0;s--)(r=e[s])&&(l=(o?r(t,i,l):r(l))||l);return o&&l&&$(t,i,l),l};exports.QxsBlocksuiteEditor=class extends C.LitElement{constructor(){super(...arguments),this.content="",this["model-value"]="",this.placeholder="输入 / 唤出快捷命令",this["use-model"]="false",this.readonly="false",this.preview="false",this["custom-styles"]="",this._injectedStyleEl=null,this["upload-image"]=async e=>new Promise((t,i)=>{const o=new FileReader;o.onload=e=>t(e.target?.result),o.onerror=i,o.readAsDataURL(e)}),this._editor=null,this._pendingContent=null,this._tableRows=3,this._tableCols=3,this._hoverRow=0,this._hoverCol=0,this._tableDropdownOpen=!1,this._tableCellToolbar={x:0,y:0,visible:!1,cellRow:0,cellCol:0},this._imageToolbar={x:0,y:0,visible:!1},this._imageMoreMenuVisible=!1,this._hasSlashCommand=!1,this._isUpdating=!1,this._tableEdgeDetectionSetup=!1}_injectCustomStyles(){const e=this.shadowRoot;if(!e)return;if(this._injectedStyleEl&&(this._injectedStyleEl.remove(),this._injectedStyleEl=null),!this["custom-styles"])return;const t=document.createElement("style");t.textContent=this["custom-styles"],e.appendChild(t),this._injectedStyleEl=t}get _useModelValue(){return!0===this["use-model"]||"true"===this["use-model"]||""===this["use-model"]||this.hasAttribute("use-model")}get _readonlyValue(){return!1!==this.readonly&&"false"!==this.readonly}get _previewValue(){return!1!==this.preview&&"false"!==this.preview}_initEditor(){if(this._editor)return;const C=this.shadowRoot?.querySelector(".editor-content");if(!C)return void requestAnimationFrame(()=>this._initEditor());for(;C.firstChild;)C.removeChild(C.firstChild);const M=this._useModelValue,T=this.getAttribute("model-value")??this["model-value"],$=this.content,B=M?(this._pendingContent??T)||"<p></p>":(this._pendingContent??$)||"<p></p>",q=[l,u,_,i,c,k,x,r,s.configure({levels:[1,2,3]}),o,p,b,t,a,n,d.configure({inline:!1,allowBase64:!0}),h.configure({openOnClick:!1,HTMLAttributes:{rel:"noopener noreferrer"}}),w.configure({types:["heading","paragraph"]}),m.Table.configure({resizable:!0}),f.TableRow,v.TableCell,y.TableHeader,g.configure({placeholder:this.placeholder}),e.Extension.create({name:"clearMarksOnEnter",addKeyboardShortcuts(){return{Enter:()=>(this.editor.chain().focus().unsetAllMarks().clearNodes().run(),!1)}}})];this._editor=new e.Editor({element:C,extensions:q,editable:!this._readonlyValue,content:B}),this._pendingContent=null,this._editor.on("selectionUpdate",()=>{this._updateBubbleMenuPosition(),this._editor?.isActive("table")?this._showTableCellToolbar():this._hideTableCellToolbar();const e=this._editor;if(e){const{selection:t}=e.state,{$from:i}=t;if("image"===i.node(i.depth).type.name){const t=e.view.coordsAtPos(i.start()),o=this.shadowRoot?.querySelector(".editor-wrapper")?.getBoundingClientRect();if(o){const e=t.left-o.left+(t.right-t.left)/2,i=t.top-o.top-40;this._showImageToolbar({x:e,y:i})}}else this._hideImageToolbar()}}),this._editor.on("transaction",()=>{this._editor?.isActive("table")?this._showTableCellToolbar():this._hideTableCellToolbar(),this._checkSlashCommand(),this._setupTableEdgeDetection()}),this._editor.on("update",()=>{this._emitContentChange()})}_emitContentChange(){if(!this._editor)return;const e=this._editor.getHTML();this.dispatchEvent(new CustomEvent("content-change",{detail:e,bubbles:!0,composed:!0}))}_setupTableEdgeDetection(){const e=this.shadowRoot?.querySelector(".editor-content"),t=this.shadowRoot?.querySelector(".editor-wrapper");if(!e||this._tableEdgeDetectionSetup)return;this._tableEdgeDetectionSetup=!0;const i=()=>{this._editor?.chain().focus().run()};e.addEventListener("click",i),t?.addEventListener("click",i)}_checkSlashCommand(){if(!this._editor)return;const{selection:e}=this._editor.state,t=this._editor.state.doc.textBetween(Math.max(0,e.from-10),e.from," ");this._hasSlashCommand=t.endsWith("/")}firstUpdated(){this._injectCustomStyles(),this._initEditor()}updated(e){if(e.has("custom-styles")&&this._injectCustomStyles(),this._editor){if(e.has("content")||e.has("model-value")&&this._useModelValue){const e=this._useModelValue?this["model-value"]:this.content;e!==this._editor.getHTML()&&this._editor.commands.setContent(e||"<p></p>")}e.has("readonly")&&this._editor.setEditable(!this._readonlyValue)}else e.has("content")&&(this._pendingContent=this.content),e.has("model-value")&&this._useModelValue&&(this._pendingContent=this["model-value"])}disconnectedCallback(){super.disconnectedCallback(),this._editor?.destroy(),this._editor=null}getContent(){return this._editor?.getHTML()??""}forceUpdate(){if(this.requestUpdate(),this._editor){const e=this._useModelValue?this["model-value"]:this.content;e!==this._editor.getHTML()&&this._editor.commands.setContent(e||"<p></p>")}}_applyFormat(e){if(this._hasSlashCommand&&this._editor){const{selection:e}=this._editor.state;this._editor.chain().focus().deleteRange({from:e.from-1,to:e.from}).run(),this._hasSlashCommand=!1}e()}_toggleBold(){this._applyFormat(()=>this._editor?.chain().focus().toggleBold().run())}_toggleItalic(){this._applyFormat(()=>this._editor?.chain().focus().toggleItalic().run())}_toggleUnderline(){this._applyFormat(()=>this._editor?.chain().focus().toggleUnderline().run())}_toggleStrike(){this._applyFormat(()=>this._editor?.chain().focus().toggleStrike().run())}_toggleCode(){this._applyFormat(()=>this._editor?.chain().focus().toggleCode().run())}_setHeading(e){this._applyFormat(()=>this._editor?.chain().focus().toggleHeading({level:e}).run())}_setParagraph(){this._applyFormat(()=>this._editor?.chain().focus().setParagraph().run())}_toggleBulletList(){this._applyFormat(()=>this._editor?.chain().focus().toggleBulletList().run())}_toggleOrderedList(){this._applyFormat(()=>this._editor?.chain().focus().toggleOrderedList().run())}_toggleBlockquote(){this._applyFormat(()=>this._editor?.chain().focus().toggleBlockquote().run())}_setTextAlign(e){this._applyFormat(()=>this._editor?.chain().focus().setTextAlign(e).run())}_setLink(){const e=window.prompt("请输入链接地址：");e&&this._applyFormat(()=>this._editor?.chain().focus().setLink({href:e}).run())}_insertTable(e,t){this._editor?.chain().focus().insertTable({rows:e??this._tableRows,cols:t??this._tableCols,withHeaderRow:!0}).run()}async _handleImageUpload(e){const t=e.target,i=t.files?.[0];if(i)try{const e=await this["upload-image"](i);this._editor?.chain().focus().setImage({src:e}).run()}catch(e){}t.value=""}_triggerImageUpload(){const e=this.shadowRoot?.querySelector(".image-input");e?.click()}_insertTableByClick(e,t){if(this._hasSlashCommand&&this._editor){const{selection:e}=this._editor.state;this._editor.chain().focus().deleteRange({from:e.from-1,to:e.from}).run(),this._hasSlashCommand=!1}this._tableRows=e,this._tableCols=t,this._insertTable(e,t)}_showTableCellToolbar(){if(!this._editor?.isActive("table"))return;const{state:e}=this._editor,{selection:t}=e,i=this._editor.view.coordsAtPos(t.from),o=this.shadowRoot?.querySelector(".editor-wrapper");if(!o)return;const r=o.getBoundingClientRect(),l=this._getTableCellRow(),s=this._getTableCellCol();(0===l||0===s)&&requestAnimationFrame(()=>{this._tableCellToolbar={x:i.left-r.left,y:i.bottom-r.top+8,visible:!0,cellRow:l,cellCol:s}})}_getTableCellRow(){if(!this._editor)return 0;const{selection:e}=this._editor.state,t=this._editor.state.doc.resolve(e.from);for(let e=t.depth;e>0;e--){if("tableCell"===t.node(e).type.name)return t.index(e-1)}return 0}_getTableCellCol(){if(!this._editor)return 0;const{selection:e}=this._editor.state,t=this._editor.state.doc.resolve(e.from);for(let e=t.depth;e>0;e--){if("tableCell"===t.node(e).type.name)return t.index(e)}return 0}_hideTableCellToolbar(){requestAnimationFrame(()=>{this._tableCellToolbar={...this._tableCellToolbar,visible:!1}})}_addTableRowAbove(){this._editor?.chain().focus().addRowBefore().run(),this._hideTableCellToolbar()}_addTableRowBelow(){this._editor?.chain().focus().addRowAfter().run(),this._hideTableCellToolbar()}_addTableColumnLeft(){this._editor?.chain().focus().addColumnBefore().run(),this._hideTableCellToolbar()}_addTableColumnRight(){this._editor?.chain().focus().addColumnAfter().run(),this._hideTableCellToolbar()}_deleteTableRow(){this._editor?.chain().focus().deleteRow().run(),this._hideTableCellToolbar()}_deleteTableColumn(){this._editor?.chain().focus().deleteColumn().run(),this._hideTableCellToolbar()}_deleteTable(){this._editor?.chain().focus().deleteTable().run(),this._hideTableCellToolbar()}_showImageToolbar(e){requestAnimationFrame(()=>{this._imageToolbar={x:e.x,y:e.y,visible:!0},this._imageMoreMenuVisible=!1})}_hideImageToolbar(){requestAnimationFrame(()=>{this._imageToolbar={...this._imageToolbar,visible:!1},this._imageMoreMenuVisible=!1})}_toggleImageMoreMenu(){this._imageMoreMenuVisible=!this._imageMoreMenuVisible}_deleteImage(){this._editor?.chain().focus().deleteNode("image").run(),this._hideImageToolbar()}_insertImageAfter(){this._triggerImageUpload(),this._imageMoreMenuVisible=!1}_setImageAlignLeft(){const e=this._editor;if(e){const{selection:t}=e.state,i=t.from;e.chain().focus().setNodeSelection(i).run();const o=this.shadowRoot?.querySelector(".ProseMirror img.ProseMirror-selectednode");o&&(o.style.display="block",o.style.margin="0 auto 0 0")}this._imageMoreMenuVisible=!1}_setImageAlignCenter(){const e=this._editor;if(e){const{selection:t}=e.state,i=t.from;e.chain().focus().setNodeSelection(i).run();const o=this.shadowRoot?.querySelector(".ProseMirror img.ProseMirror-selectednode");o&&(o.style.display="block",o.style.margin="0 auto")}this._imageMoreMenuVisible=!1}_setImageAlignRight(){const e=this._editor;if(e){const{selection:t}=e.state,i=t.from;e.chain().focus().setNodeSelection(i).run();const o=this.shadowRoot?.querySelector(".ProseMirror img.ProseMirror-selectednode");o&&(o.style.display="block",o.style.margin="0 0 0 auto")}this._imageMoreMenuVisible=!1}_getTextLabel(){const e=this._editor;return e?e.isActive("heading",{level:1})?"标题 1":e.isActive("heading",{level:2})?"标题 2":e.isActive("heading",{level:3})?"标题 3":"正文":"正文"}_getAlignLabel(){const e=this._editor;return e?e.isActive({textAlign:"center"})?"居中":e.isActive({textAlign:"right"})?"右对齐":"左对齐":"对齐"}_updateBubbleMenuPosition(){requestAnimationFrame(()=>{const e=this.shadowRoot?.querySelector(".bubble-menu"),t=this.shadowRoot?.querySelector(".ProseMirror"),i=this.shadowRoot?.querySelector(".editor-wrapper");if(!e||!t||!i)return;const o=this._editor,r=o?.isActive("table")??!1,{selection:l}=o?.state??{selection:null};if(r&&l&&!l.empty&&o){const{from:t,to:i}=l,r=o.state.doc.resolve(t),s=o.state.doc.resolve(i);let n=!1;for(let e=r.depth;e>=0;e--)if("table"===r.node(e).type.name){n=!0;break}const a=r.node(r.depth),d=s.node(s.depth);if("table"!==a.type.name&&"table"!==d.type.name||(n=!0),n)return e.style.opacity="0",void(e.style.visibility="hidden")}if(l&&!l.empty);else if(!l||l.empty&&!this._hasSlashCommand)return e.style.opacity="0",void(e.style.visibility="hidden");const s=i.getBoundingClientRect(),n=e.getBoundingClientRect(),{from:a}=l,d=this._editor?.view.coordsAtPos(a);if(!d)return;let c=d.left-s.left,h=d.top-s.top-40;c+n.width>s.width&&(c=s.width-n.width-8),c<0&&(c=8),h<0&&(h=d.bottom-s.top+8),e.style.left=`${c}px`,e.style.top=`${h}px`,e.style.opacity="1",e.style.visibility="visible"})}render(){const e=this._editor;return C.html`
+      <div class="editor-wrapper ${e?"":"loading"} ${this._previewValue?"preview":""}">
         ${e?"":C.html`
           <div class="loading-placeholder">
             <div class="loading-spinner"></div>
@@ -14,7 +14,7 @@
         />
 
         <!-- Bubble Menu (悬浮操作栏) -->
-        ${this.preview?"":C.html`
+        ${this._previewValue?"":C.html`
         <div class="bubble-menu">
           <!-- 文本格式 -->
           <button
@@ -888,5 +888,5 @@
       outline: 2px solid var(--qxs-color-primary, #3D61E3);
       outline-offset: 2px;
     }
-  `,q([M.property({type:String,attribute:"content"})],exports.QxsBlocksuiteEditor.prototype,"content",2),q([M.property({type:String,attribute:"model-value"})],exports.QxsBlocksuiteEditor.prototype,"modelValue",2),q([M.property({type:String,attribute:"placeholder"})],exports.QxsBlocksuiteEditor.prototype,"placeholder",2),q([M.property({type:String,attribute:"use-model"})],exports.QxsBlocksuiteEditor.prototype,"useModelAttr",2),q([M.property({type:String,attribute:"readonly"})],exports.QxsBlocksuiteEditor.prototype,"readonlyAttr",2),q([M.property({type:String,attribute:"preview"})],exports.QxsBlocksuiteEditor.prototype,"previewAttr",2),q([M.property({type:String,attribute:"custom-styles"})],exports.QxsBlocksuiteEditor.prototype,"customStylesAttr",2),q([M.property({type:Object,attribute:"upload-image"})],exports.QxsBlocksuiteEditor.prototype,"uploadImage",2),q([T.state()],exports.QxsBlocksuiteEditor.prototype,"_editor",2),q([T.state()],exports.QxsBlocksuiteEditor.prototype,"_pendingContent",2),q([T.state()],exports.QxsBlocksuiteEditor.prototype,"_hoverRow",2),q([T.state()],exports.QxsBlocksuiteEditor.prototype,"_hoverCol",2),q([T.state()],exports.QxsBlocksuiteEditor.prototype,"_tableDropdownOpen",2),q([T.state()],exports.QxsBlocksuiteEditor.prototype,"_tableCellToolbar",2),q([T.state()],exports.QxsBlocksuiteEditor.prototype,"_imageToolbar",2),q([T.state()],exports.QxsBlocksuiteEditor.prototype,"_imageMoreMenuVisible",2),exports.QxsBlocksuiteEditor=q([A.safeCustomElement("qxs-blocksuite-editor")],exports.QxsBlocksuiteEditor);
+  `,q([M.property({type:String,attribute:"content"})],exports.QxsBlocksuiteEditor.prototype,"content",2),q([M.property({type:String,attribute:"model-value"})],exports.QxsBlocksuiteEditor.prototype,"model-value",2),q([M.property({type:String,attribute:"placeholder"})],exports.QxsBlocksuiteEditor.prototype,"placeholder",2),q([M.property({type:String,attribute:"use-model"})],exports.QxsBlocksuiteEditor.prototype,"use-model",2),q([M.property({type:String,attribute:"readonly"})],exports.QxsBlocksuiteEditor.prototype,"readonly",2),q([M.property({type:String,attribute:"preview"})],exports.QxsBlocksuiteEditor.prototype,"preview",2),q([M.property({type:String,attribute:"custom-styles"})],exports.QxsBlocksuiteEditor.prototype,"custom-styles",2),q([M.property({type:Object,attribute:"upload-image"})],exports.QxsBlocksuiteEditor.prototype,"upload-image",2),q([M.state()],exports.QxsBlocksuiteEditor.prototype,"_editor",2),q([M.state()],exports.QxsBlocksuiteEditor.prototype,"_pendingContent",2),q([M.state()],exports.QxsBlocksuiteEditor.prototype,"_hoverRow",2),q([M.state()],exports.QxsBlocksuiteEditor.prototype,"_hoverCol",2),q([M.state()],exports.QxsBlocksuiteEditor.prototype,"_tableDropdownOpen",2),q([M.state()],exports.QxsBlocksuiteEditor.prototype,"_tableCellToolbar",2),q([M.state()],exports.QxsBlocksuiteEditor.prototype,"_imageToolbar",2),q([M.state()],exports.QxsBlocksuiteEditor.prototype,"_imageMoreMenuVisible",2),exports.QxsBlocksuiteEditor=q([T.safeCustomElement("qxs-blocksuite-editor")],exports.QxsBlocksuiteEditor);
 //# sourceMappingURL=blocksuite-editor.cjs.map