@qxs-bns/components-wc 0.0.23 → 0.0.25

package/es/subject/action.mjs

@@ -1,26 +1,26 @@
-import{css as e,LitElement as t,html as o}from"lit";import{property as i,state as n}from"lit/decorators.js";import{safeCustomElement as s}from"../base/define.mjs";var a=Object.defineProperty,r=Object.getOwnPropertyDescriptor,l=(e,t,o,i)=>{for(var n,s=i>1?void 0:i?r(t,o):t,l=e.length-1;l>=0;l--)(n=e[l])&&(s=(i?n(t,o,s):n(s))||s);return i&&s&&a(t,o,s),s};const d=[{value:2,label:"必须全部都是支持选项，方可下一步"},{value:1,label:"无需判断是否是支持选项"},{value:3,label:"包含全部支持选项，即可下一步"}],c=[{type:"single",label:"单选题"},{type:"multiple",label:"多选题"},{type:"blank_fill",label:"填空题"},{type:"text_fill",label:"问答题"},{type:"scale",label:"量表题"},{type:"sort",label:"排序题"},{type:"page_end",label:"分页符"}];let p=class extends t{constructor(){super(...arguments),this.isEdit=!1,this.isSet=!1,this.isKey=!1,this.answerCheckType=1,this.showOtherOption=!1,this.showAnswerSetting=!1,this.showKey=!1,this.showRichText=!1,this.hideAddRichText=!1,this.pageEnd=!1,this.showMove=!1,this.showAdd=!0,this.showJump=!1,this.examAnswerRelationType=0,this._modalOpen=!1,this._currentCheckType=1,this._addMenuOpen=!1,this._handleDocumentClick=e=>{const t=e.composedPath(),o=this.shadowRoot?.querySelector(".add-menu-wrap");o&&!t.includes(o)&&(this._addMenuOpen=!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleDocumentClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleDocumentClick)}updated(e){e.has("answerCheckType")&&(this._currentCheckType=this.answerCheckType)}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t??null}))}get _answerText(){return d.find(e=>e.value===this.answerCheckType)?.label??""}get _showAnswerSetting(){return this.showOtherOption||this.showAnswerSetting}get _showKey(){return this.showOtherOption||this.showKey}_renderEditMode(){return o`
+import{css as e,LitElement as t,html as o}from"lit";import{property as i,state as s}from"lit/decorators.js";import{safeCustomElement as n}from"../base/define.mjs";var a=Object.defineProperty,r=Object.getOwnPropertyDescriptor,l=(e,t,o,i)=>{for(var s,n=i>1?void 0:i?r(t,o):t,l=e.length-1;l>=0;l--)(s=e[l])&&(n=(i?s(t,o,n):s(n))||n);return i&&n&&a(t,o,n),n};const d=[{value:2,label:"必须全部都是支持选项，方可下一步"},{value:1,label:"无需判断是否是支持选项"},{value:3,label:"包含全部支持选项，即可下一步"}],c=[{type:"single",label:"单选题"},{type:"multiple",label:"多选题"},{type:"blank_fill",label:"填空题"},{type:"text_fill",label:"问答题"},{type:"scale",label:"量表题"},{type:"sort",label:"排序题"},{type:"page_end",label:"分页符"}];let p=class extends t{constructor(){super(...arguments),this["is-edit"]=!1,this["is-set"]=!1,this["is-key"]=!1,this["answer-check-type"]=1,this["show-other-option"]=!1,this["show-answer-setting"]=!1,this["show-key"]=!1,this["show-rich-text"]=!1,this["hide-add-rich-text"]=!1,this["page-end"]=!1,this["show-move"]=!1,this["show-add"]=!0,this["show-jump"]=!1,this["exam-answer-relation-type"]=0,this._modalOpen=!1,this._currentCheckType=1,this._addMenuOpen=!1,this._handleDocumentClick=e=>{const t=e.composedPath(),o=this.shadowRoot?.querySelector(".add-menu-wrap");o&&!t.includes(o)&&(this._addMenuOpen=!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleDocumentClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleDocumentClick)}updated(e){e.has("answer-check-type")&&(this._currentCheckType=this["answer-check-type"])}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t??null}))}get _answerText(){return d.find(e=>e.value===this["answer-check-type"])?.label??""}get _showAnswerSetting(){return this["show-other-option"]||this["show-answer-setting"]}get _showKey(){return this["show-other-option"]||this["show-key"]}_renderEditMode(){return o`
       <div class="left">
         <span class="inline-actions">
-          ${this.showAdd?o`
+          ${this["show-add"]?o`
             <span class="add-menu-wrap">
               <span class="link-btn" @click=${()=>{this._addMenuOpen=!this._addMenuOpen}}>在此题后加入新题</span>
               ${this._renderAddMenu()}
             </span>
           `:""}
-          ${this.hideAddRichText?"":o`
+          ${this["hide-add-rich-text"]?"":o`
             <span class="link-btn" @click=${()=>this._emit("on-show-rich-text")}>
-              ${this.showRichText?"删除题目描述（图文）":"+添加题目描述（图文）"}
+              ${this["show-rich-text"]?"删除题目描述（图文）":"+添加题目描述（图文）"}
             </span>
           `}
-          ${this.showJump?o`
-            <span class="link-btn" @click=${()=>this._emit("jump")}>${this.isSet?"编辑跳题逻辑":"设置跳题逻辑"}</span>
+          ${this["show-jump"]?o`
+            <span class="link-btn" @click=${()=>this._emit("jump")}>${this["is-set"]?"编辑跳题逻辑":"设置跳题逻辑"}</span>
           `:""}
           ${this._showAnswerSetting?o`
             <span class="link-btn" @click=${()=>{this._modalOpen=!0}}>答题设置</span>
           `:""}
           ${this._showKey?o`
             <label class="checkbox-label">
-              <input type="checkbox" .checked=${this.isKey} @change=${e=>this._emit("set-key",{value:e.target.checked})} />
+              <input type="checkbox" .checked=${this["is-key"]} @change=${e=>this._emit("set-key",{value:e.target.checked})} />
               核心题
             </label>
           `:""}
@@ -35,30 +35,30 @@ import{css as e,LitElement as t,html as o}from"lit";import{property as i,state a
         <span class="inline-actions">
           ${this._showKey?o`
             <label class="checkbox-label disabled">
-              <input type="checkbox" disabled .checked=${this.isKey} /> 核心题
+              <input type="checkbox" disabled .checked=${this["is-key"]} /> 核心题
             </label>
           `:""}
           ${this._showAnswerSetting?o`
             <span class="answer-text">${this._answerText}</span>
           `:""}
-          ${this.showAdd?o`
+          ${this["show-add"]?o`
             <span class="add-menu-wrap">
               <span class="link-btn" @click=${()=>{this._addMenuOpen=!this._addMenuOpen}}>在此题后加入新题</span>
               ${this._renderAddMenu()}
             </span>
           `:""}
-          ${this.showJump?o`
-            <span class="link-btn" @click=${()=>this._emit("jump")}>${this.isSet?"编辑跳题逻辑":"设置跳题逻辑"}</span>
+          ${this["show-jump"]?o`
+            <span class="link-btn" @click=${()=>this._emit("jump")}>${this["is-set"]?"编辑跳题逻辑":"设置跳题逻辑"}</span>
           `:""}
         </span>
       </div>
       <div class="right">
-        ${!this.isSet&&this.showMove?o`
+        ${!this["is-set"]&&this["show-move"]?o`
           <button class="text-btn text-btn--default" @click=${()=>this._emit("move","up")}>上移</button>
           <button class="text-btn text-btn--default btn-margin" @click=${()=>this._emit("move","down")}>下移</button>
         `:""}
-        ${this.isSet?"":o`<button class="text-btn text-btn--danger btn-margin" @click=${()=>this._emit("delete")}>删除</button>`}
-        ${this.pageEnd||this.isSet?"":o`
+        ${this["is-set"]?"":o`<button class="text-btn text-btn--danger btn-margin" @click=${()=>this._emit("delete")}>删除</button>`}
+        ${this["page-end"]||this["is-set"]?"":o`
           <button class="text-btn text-btn--default" @click=${()=>this._emit("edit")}>编辑</button>
         `}
       </div>
@@ -92,9 +92,9 @@ import{css as e,LitElement as t,html as o}from"lit";import{property as i,state a
         `)}
       </div>
     `:""}render(){return o`
-      <div class="action ${this.isEdit?"active":""}">
-        ${this.isEdit?this._renderEditMode():this._renderViewMode()}
-        ${this.isSet?o`<div class="has-set">*此题设置了跳题逻辑</div>`:""}
+      <div class="action ${this["is-edit"]?"active":""}">
+        ${this["is-edit"]?this._renderEditMode():this._renderViewMode()}
+        ${this["is-set"]?o`<div class="has-set">*此题设置了跳题逻辑</div>`:""}
       </div>
       ${this._renderModal()}
     `}};p.styles=e`
@@ -168,5 +168,5 @@ import{css as e,LitElement as t,html as o}from"lit";import{property as i,state a
       background: #fff; color: #606266; font-size: 12px; cursor: pointer; transition: all .2s;
     }
     .add-item:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }
-  `,l([i({type:Boolean,attribute:"is-edit"})],p.prototype,"isEdit",2),l([i({type:Boolean,attribute:"is-set"})],p.prototype,"isSet",2),l([i({type:Boolean,attribute:"is-key"})],p.prototype,"isKey",2),l([i({type:Number,attribute:"answer-check-type"})],p.prototype,"answerCheckType",2),l([i({type:Boolean,attribute:"show-other-option"})],p.prototype,"showOtherOption",2),l([i({type:Boolean,attribute:"show-answer-setting"})],p.prototype,"showAnswerSetting",2),l([i({type:Boolean,attribute:"show-key"})],p.prototype,"showKey",2),l([i({type:Boolean,attribute:"show-rich-text"})],p.prototype,"showRichText",2),l([i({type:Boolean,attribute:"hide-add-rich-text"})],p.prototype,"hideAddRichText",2),l([i({type:Boolean,attribute:"page-end"})],p.prototype,"pageEnd",2),l([i({type:Boolean,attribute:"show-move"})],p.prototype,"showMove",2),l([i({type:Boolean,attribute:"show-add"})],p.prototype,"showAdd",2),l([i({type:Boolean,attribute:"show-jump"})],p.prototype,"showJump",2),l([i({type:Number,attribute:"exam-answer-relation-type"})],p.prototype,"examAnswerRelationType",2),l([n()],p.prototype,"_modalOpen",2),l([n()],p.prototype,"_currentCheckType",2),l([n()],p.prototype,"_addMenuOpen",2),p=l([s("qxs-subject-action")],p);export{p as QxsSubjectAction};
+  `,l([i({type:Boolean,attribute:"is-edit"})],p.prototype,"is-edit",2),l([i({type:Boolean,attribute:"is-set"})],p.prototype,"is-set",2),l([i({type:Boolean,attribute:"is-key"})],p.prototype,"is-key",2),l([i({type:Number,attribute:"answer-check-type"})],p.prototype,"answer-check-type",2),l([i({type:Boolean,attribute:"show-other-option"})],p.prototype,"show-other-option",2),l([i({type:Boolean,attribute:"show-answer-setting"})],p.prototype,"show-answer-setting",2),l([i({type:Boolean,attribute:"show-key"})],p.prototype,"show-key",2),l([i({type:Boolean,attribute:"show-rich-text"})],p.prototype,"show-rich-text",2),l([i({type:Boolean,attribute:"hide-add-rich-text"})],p.prototype,"hide-add-rich-text",2),l([i({type:Boolean,attribute:"page-end"})],p.prototype,"page-end",2),l([i({type:Boolean,attribute:"show-move"})],p.prototype,"show-move",2),l([i({type:Boolean,attribute:"show-add"})],p.prototype,"show-add",2),l([i({type:Boolean,attribute:"show-jump"})],p.prototype,"show-jump",2),l([i({type:Number,attribute:"exam-answer-relation-type"})],p.prototype,"exam-answer-relation-type",2),l([s()],p.prototype,"_modalOpen",2),l([s()],p.prototype,"_currentCheckType",2),l([s()],p.prototype,"_addMenuOpen",2),p=l([n("qxs-subject-action")],p);export{p as QxsSubjectAction};
 //# sourceMappingURL=action.mjs.map

package/es/subject/action.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"action.mjs","sources":["../../../../packages/components-wc/src/subject/action.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\n\nconst answerTextList = [\n  { value: 2, label: '必须全部都是支持选项，方可下一步' },\n  { value: 1, label: '无需判断是否是支持选项' },\n  { value: 3, label: '包含全部支持选项，即可下一步' },\n]\n\nconst addSubjectOptions = [\n  { type: 'single', label: '单选题' },\n  { type: 'multiple', label: '多选题' },\n  { type: 'blank_fill', label: '填空题' },\n  { type: 'text_fill', label: '问答题' },\n  { type: 'scale', label: '量表题' },\n  { type: 'sort', label: '排序题' },\n  { type: 'page_end', label: '分页符' },\n]\n\n@safeCustomElement('qxs-subject-action')\nexport class QxsSubjectAction extends LitElement {\n  static styles = css`\n    :host { display: block; font-family: system-ui, -apple-system, \"PingFang SC\", \"Microsoft YaHei\", sans-serif; font-size: 12px; }\n    *, ::before, ::after { box-sizing: border-box; }\n\n    .action { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; flex-wrap: wrap; gap: 8px; }\n    .action.active { background: transparent; }\n    .left { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n    .right { display: flex; align-items: center; gap: 4px; }\n\n    .action-icon {\n      display: inline-flex; align-items: center; justify-content: center;\n      width: 32px; height: 32px; font-size: 18px; color: #303133;\n      cursor: pointer; border-radius: 6px; border: 1px solid #dcdfe6;\n      background: #fff; transition: all 0.2s;\n    }\n    .action-icon:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n    .action-icon--danger:hover { color: #f56c6c; border-color: #f56c6c; background: #fef0f0; }\n    .action-icon:disabled { color: #c0c4cc; cursor: not-allowed; opacity: 0.6; }\n\n    .text-btn {\n      display: inline-flex; align-items: center; gap: 4px;\n      padding: 6px 12px; font-size: 12px; border-radius: 3px;\n      cursor: pointer; border: 1px solid; transition: all 0.2s;\n    }\n    .text-btn--primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }\n    .text-btn--primary:hover { background: #2D4CB8; border-color: #2D4CB8; }\n    .text-btn--default { background: #fff; border-color: #dcdfe6; color: #606266; }\n    .text-btn--default:hover { color: #3D61E3; border-color: #a0cfff; }\n    .text-btn--danger { background: #f56c6c; border-color: #f56c6c; color: #fff; }\n    .text-btn--danger:hover { background: #e05252; border-color: #e05252; }\n\n    .link-btn { background: none; border: none; color: #3D61E3; cursor: pointer; font-size: 12px; }\n    .link-btn:hover { color: #2D4CB8; }\n\n    .checkbox-label { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; color: #606266; user-select: none; font-size: 12px; }\n    .checkbox-label.disabled { cursor: not-allowed; opacity: 0.6; }\n    .has-set { display: flex; align-items: center; font-size: 12px; color: #bbb; }\n    .answer-text { font-size: 11px; color: #909399; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n\n    .btn-margin { margin-right: 10px; }\n\n    .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 2000; display: flex; align-items: center; justify-content: center; }\n    .modal { background: #fff; border-radius: 4px; min-width: 360px; max-width: 460px; box-shadow: 0 12px 32px rgba(0,0,0,.1); }\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: 16px; cursor: pointer; color: #909399; padding: 0; line-height: 1; }\n    .modal-close:hover { color: #3D61E3; }\n    .modal-body { padding: 20px; }\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    .radio-item { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; cursor: pointer; font-size: 13px; color: #606266; }\n    .radio-item:last-child { margin-bottom: 0; }\n\n    .inline-actions { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; }\n    .add-menu-wrap { position: relative; display: inline-flex; }\n    .add-menu {\n      position: absolute; top: calc(100% + 6px); left: 0; z-index: 50;\n      display: grid; grid-template-columns: repeat(2, minmax(84px, 1fr)); gap: 8px;\n      min-width: 196px; padding: 10px; background: #fff; border: 1px solid #e4e7ed;\n      border-radius: 6px; box-shadow: 0 8px 20px rgba(0,0,0,.12);\n    }\n    .add-item {\n      display: inline-flex; align-items: center; justify-content: center;\n      min-height: 30px; padding: 0 10px; border: 1px solid #dcdfe6; border-radius: 4px;\n      background: #fff; color: #606266; font-size: 12px; cursor: pointer; transition: all .2s;\n    }\n    .add-item:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n  `\n\n  @property({ type: Boolean, attribute: 'is-edit' }) isEdit = false\n  @property({ type: Boolean, attribute: 'is-set' }) isSet = false\n  @property({ type: Boolean, attribute: 'is-key' }) isKey = false\n  @property({ type: Number, attribute: 'answer-check-type' }) answerCheckType = 1\n  @property({ type: Boolean, attribute: 'show-other-option' }) showOtherOption = false\n  @property({ type: Boolean, attribute: 'show-answer-setting' }) showAnswerSetting = false\n  @property({ type: Boolean, attribute: 'show-key' }) showKey = false\n  @property({ type: Boolean, attribute: 'show-rich-text' }) showRichText = false\n  @property({ type: Boolean, attribute: 'hide-add-rich-text' }) hideAddRichText = false\n  @property({ type: Boolean, attribute: 'page-end' }) pageEnd = false\n  @property({ type: Boolean, attribute: 'show-move' }) showMove = false\n  @property({ type: Boolean, attribute: 'show-add' }) showAdd = true\n  @property({ type: Boolean, attribute: 'show-jump' }) showJump = false\n  @property({ type: Number, attribute: 'exam-answer-relation-type' }) examAnswerRelationType = 0\n\n  @state() private _modalOpen = false\n  @state() private _currentCheckType = 1\n  @state() private _addMenuOpen = false\n\n  connectedCallback() {\n    super.connectedCallback()\n    document.addEventListener('click', this._handleDocumentClick)\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    document.removeEventListener('click', this._handleDocumentClick)\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('answerCheckType')) {\n      this._currentCheckType = this.answerCheckType\n    }\n  }\n\n  private _handleDocumentClick = (e: MouseEvent) => {\n    const path = e.composedPath()\n    const wrap = this.shadowRoot?.querySelector('.add-menu-wrap')\n    if (wrap && !path.includes(wrap)) {\n      this._addMenuOpen = false\n    }\n  }\n\n  private _emit(name: string, detail?: unknown) {\n    this.dispatchEvent(new CustomEvent(name, { bubbles: true, composed: true, detail: detail ?? null }))\n  }\n\n  private get _answerText() {\n    return answerTextList.find(i => i.value === this.answerCheckType)?.label ?? ''\n  }\n\n  private get _showAnswerSetting() {\n    return this.showOtherOption || this.showAnswerSetting\n  }\n\n  private get _showKey() {\n    return this.showOtherOption || this.showKey\n  }\n\n  private _renderEditMode() {\n    return html`\n      <div class=\"left\">\n        <span class=\"inline-actions\">\n          ${this.showAdd\n            ? html`\n            <span class=\"add-menu-wrap\">\n              <span class=\"link-btn\" @click=${() => { this._addMenuOpen = !this._addMenuOpen }}>在此题后加入新题</span>\n              ${this._renderAddMenu()}\n            </span>\n          `\n            : ''}\n          ${!this.hideAddRichText\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('on-show-rich-text')}>\n              ${this.showRichText ? '删除题目描述（图文）' : '+添加题目描述（图文）'}\n            </span>\n          `\n            : ''}\n          ${this.showJump\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('jump')}>${this.isSet ? '编辑跳题逻辑' : '设置跳题逻辑'}</span>\n          `\n            : ''}\n          ${this._showAnswerSetting\n            ? html`\n            <span class=\"link-btn\" @click=${() => { this._modalOpen = true }}>答题设置</span>\n          `\n            : ''}\n          ${this._showKey\n            ? html`\n            <label class=\"checkbox-label\">\n              <input type=\"checkbox\" .checked=${this.isKey} @change=${(e: Event) => this._emit('set-key', { value: (e.target as HTMLInputElement).checked })} />\n              核心题\n            </label>\n          `\n            : ''}\n        </span>\n      </div>\n      <div class=\"right\">\n        <button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>\n        <button class=\"text-btn text-btn--primary\" @click=${() => this._emit('save')}>完成编辑</button>\n      </div>\n    `\n  }\n\n  private _renderViewMode() {\n    return html`\n      <div class=\"left\">\n        <span class=\"inline-actions\">\n          ${this._showKey\n            ? html`\n            <label class=\"checkbox-label disabled\">\n              <input type=\"checkbox\" disabled .checked=${this.isKey} /> 核心题\n            </label>\n          `\n            : ''}\n          ${this._showAnswerSetting\n            ? html`\n            <span class=\"answer-text\">${this._answerText}</span>\n          `\n            : ''}\n          ${this.showAdd\n            ? html`\n            <span class=\"add-menu-wrap\">\n              <span class=\"link-btn\" @click=${() => { this._addMenuOpen = !this._addMenuOpen }}>在此题后加入新题</span>\n              ${this._renderAddMenu()}\n            </span>\n          `\n            : ''}\n          ${this.showJump\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('jump')}>${this.isSet ? '编辑跳题逻辑' : '设置跳题逻辑'}</span>\n          `\n            : ''}\n        </span>\n      </div>\n      <div class=\"right\">\n        ${!this.isSet && this.showMove\n          ? html`\n          <button class=\"text-btn text-btn--default\" @click=${() => this._emit('move', 'up')}>上移</button>\n          <button class=\"text-btn text-btn--default btn-margin\" @click=${() => this._emit('move', 'down')}>下移</button>\n        `\n          : ''}\n        ${!this.isSet\n          ? html`<button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>`\n          : ''}\n        ${!this.pageEnd && !this.isSet\n          ? html`\n          <button class=\"text-btn text-btn--default\" @click=${() => this._emit('edit')}>编辑</button>\n        `\n          : ''}\n      </div>\n    `\n  }\n\n  private _renderModal() {\n    if (!this._modalOpen) { return '' }\n    return html`\n      <div class=\"modal-backdrop\" @click=${() => { this._modalOpen = false }}>\n        <div class=\"modal\" @click=${(e: Event) => e.stopPropagation()}>\n          <div class=\"modal-header\">\n            <span class=\"modal-title\">答题设置</span>\n            <button class=\"modal-close\" @click=${() => { this._modalOpen = false }}>&#x2715;</button>\n          </div>\n          <div class=\"modal-body\">\n            ${answerTextList.map(item => html`\n              <label class=\"radio-item\">\n                <input type=\"radio\" name=\"answer-check-type\" .value=${String(item.value)}\n                  .checked=${this._currentCheckType === item.value}\n                  @change=${() => { this._currentCheckType = item.value }} />\n                ${item.label}\n              </label>\n            `)}\n          </div>\n          <div class=\"modal-footer\">\n            <button @click=${() => { this._modalOpen = false }}>取消</button>\n            <button class=\"primary\" @click=${() => {\n              this._emit('set-answer-setting', { value: this._currentCheckType })\n              this._modalOpen = false\n            }}>保存</button>\n          </div>\n        </div>\n      </div>\n    `\n  }\n\n  private _renderAddMenu() {\n    if (!this._addMenuOpen) { return '' }\n    return html`\n      <div class=\"add-menu\">\n        ${addSubjectOptions.map(item => html`\n          <button class=\"add-item\" @click=${() => {\n            this._addMenuOpen = false\n            this._emit('add', item.type)\n          }}>${item.label}</button>\n        `)}\n      </div>\n    `\n  }\n\n  render() {\n    return html`\n      <div class=\"action ${this.isEdit ? 'active' : ''}\">\n        ${this.isEdit ? this._renderEditMode() : this._renderViewMode()}\n        ${this.isSet ? html`<div class=\"has-set\">*此题设置了跳题逻辑</div>` : ''}\n      </div>\n      ${this._renderModal()}\n    `\n  }\n}\n\nexport function register() {}\n"],"names":["answerTextList","value","label","addSubjectOptions","type","QxsSubjectAction","LitElement","constructor","super","arguments","this","isEdit","isSet","isKey","answerCheckType","showOtherOption","showAnswerSetting","showKey","showRichText","hideAddRichText","pageEnd","showMove","showAdd","showJump","examAnswerRelationType","_modalOpen","_currentCheckType","_addMenuOpen","_handleDocumentClick","e","path","composedPath","wrap","shadowRoot","querySelector","includes","connectedCallback","document","addEventListener","disconnectedCallback","removeEventListener","updated","changed","has","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_answerText","find","i","_showAnswerSetting","_showKey","_renderEditMode","html","_renderAddMenu","target","checked","_renderViewMode","_renderModal","stopPropagation","map","item","String","render","styles","css","__decorateClass","property","Boolean","attribute","prototype","Number","state","safeCustomElement"],"mappings":"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"}
+{"version":3,"file":"action.mjs","sources":["../../../../packages/components-wc/src/subject/action.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\n\nconst answerTextList = [\n  { value: 2, label: '必须全部都是支持选项，方可下一步' },\n  { value: 1, label: '无需判断是否是支持选项' },\n  { value: 3, label: '包含全部支持选项，即可下一步' },\n]\n\nconst addSubjectOptions = [\n  { type: 'single', label: '单选题' },\n  { type: 'multiple', label: '多选题' },\n  { type: 'blank_fill', label: '填空题' },\n  { type: 'text_fill', label: '问答题' },\n  { type: 'scale', label: '量表题' },\n  { type: 'sort', label: '排序题' },\n  { type: 'page_end', label: '分页符' },\n]\n\n@safeCustomElement('qxs-subject-action')\nexport class QxsSubjectAction extends LitElement {\n  static styles = css`\n    :host { display: block; font-family: system-ui, -apple-system, \"PingFang SC\", \"Microsoft YaHei\", sans-serif; font-size: 12px; }\n    *, ::before, ::after { box-sizing: border-box; }\n\n    .action { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; flex-wrap: wrap; gap: 8px; }\n    .action.active { background: transparent; }\n    .left { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n    .right { display: flex; align-items: center; gap: 4px; }\n\n    .action-icon {\n      display: inline-flex; align-items: center; justify-content: center;\n      width: 32px; height: 32px; font-size: 18px; color: #303133;\n      cursor: pointer; border-radius: 6px; border: 1px solid #dcdfe6;\n      background: #fff; transition: all 0.2s;\n    }\n    .action-icon:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n    .action-icon--danger:hover { color: #f56c6c; border-color: #f56c6c; background: #fef0f0; }\n    .action-icon:disabled { color: #c0c4cc; cursor: not-allowed; opacity: 0.6; }\n\n    .text-btn {\n      display: inline-flex; align-items: center; gap: 4px;\n      padding: 6px 12px; font-size: 12px; border-radius: 3px;\n      cursor: pointer; border: 1px solid; transition: all 0.2s;\n    }\n    .text-btn--primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }\n    .text-btn--primary:hover { background: #2D4CB8; border-color: #2D4CB8; }\n    .text-btn--default { background: #fff; border-color: #dcdfe6; color: #606266; }\n    .text-btn--default:hover { color: #3D61E3; border-color: #a0cfff; }\n    .text-btn--danger { background: #f56c6c; border-color: #f56c6c; color: #fff; }\n    .text-btn--danger:hover { background: #e05252; border-color: #e05252; }\n\n    .link-btn { background: none; border: none; color: #3D61E3; cursor: pointer; font-size: 12px; }\n    .link-btn:hover { color: #2D4CB8; }\n\n    .checkbox-label { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; color: #606266; user-select: none; font-size: 12px; }\n    .checkbox-label.disabled { cursor: not-allowed; opacity: 0.6; }\n    .has-set { display: flex; align-items: center; font-size: 12px; color: #bbb; }\n    .answer-text { font-size: 11px; color: #909399; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n\n    .btn-margin { margin-right: 10px; }\n\n    .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 2000; display: flex; align-items: center; justify-content: center; }\n    .modal { background: #fff; border-radius: 4px; min-width: 360px; max-width: 460px; box-shadow: 0 12px 32px rgba(0,0,0,.1); }\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: 16px; cursor: pointer; color: #909399; padding: 0; line-height: 1; }\n    .modal-close:hover { color: #3D61E3; }\n    .modal-body { padding: 20px; }\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    .radio-item { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; cursor: pointer; font-size: 13px; color: #606266; }\n    .radio-item:last-child { margin-bottom: 0; }\n\n    .inline-actions { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; }\n    .add-menu-wrap { position: relative; display: inline-flex; }\n    .add-menu {\n      position: absolute; top: calc(100% + 6px); left: 0; z-index: 50;\n      display: grid; grid-template-columns: repeat(2, minmax(84px, 1fr)); gap: 8px;\n      min-width: 196px; padding: 10px; background: #fff; border: 1px solid #e4e7ed;\n      border-radius: 6px; box-shadow: 0 8px 20px rgba(0,0,0,.12);\n    }\n    .add-item {\n      display: inline-flex; align-items: center; justify-content: center;\n      min-height: 30px; padding: 0 10px; border: 1px solid #dcdfe6; border-radius: 4px;\n      background: #fff; color: #606266; font-size: 12px; cursor: pointer; transition: all .2s;\n    }\n    .add-item:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n  `\n\n  @property({ type: Boolean, attribute: 'is-edit' }) 'is-edit' = false\n  @property({ type: Boolean, attribute: 'is-set' }) 'is-set' = false\n  @property({ type: Boolean, attribute: 'is-key' }) 'is-key' = false\n  @property({ type: Number, attribute: 'answer-check-type' }) 'answer-check-type' = 1\n  @property({ type: Boolean, attribute: 'show-other-option' }) 'show-other-option' = false\n  @property({ type: Boolean, attribute: 'show-answer-setting' }) 'show-answer-setting' = false\n  @property({ type: Boolean, attribute: 'show-key' }) 'show-key' = false\n  @property({ type: Boolean, attribute: 'show-rich-text' }) 'show-rich-text' = false\n  @property({ type: Boolean, attribute: 'hide-add-rich-text' }) 'hide-add-rich-text' = false\n  @property({ type: Boolean, attribute: 'page-end' }) 'page-end' = false\n  @property({ type: Boolean, attribute: 'show-move' }) 'show-move' = false\n  @property({ type: Boolean, attribute: 'show-add' }) 'show-add' = true\n  @property({ type: Boolean, attribute: 'show-jump' }) 'show-jump' = false\n  @property({ type: Number, attribute: 'exam-answer-relation-type' }) 'exam-answer-relation-type' = 0\n\n  @state() private _modalOpen = false\n  @state() private _currentCheckType = 1\n  @state() private _addMenuOpen = false\n\n  connectedCallback() {\n    super.connectedCallback()\n    document.addEventListener('click', this._handleDocumentClick)\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    document.removeEventListener('click', this._handleDocumentClick)\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('answer-check-type')) {\n      this._currentCheckType = this['answer-check-type']\n    }\n  }\n\n  private _handleDocumentClick = (e: MouseEvent) => {\n    const path = e.composedPath()\n    const wrap = this.shadowRoot?.querySelector('.add-menu-wrap')\n    if (wrap && !path.includes(wrap)) {\n      this._addMenuOpen = false\n    }\n  }\n\n  private _emit(name: string, detail?: unknown) {\n    this.dispatchEvent(new CustomEvent(name, { bubbles: true, composed: true, detail: detail ?? null }))\n  }\n\n  private get _answerText() {\n    return answerTextList.find(i => i.value === this['answer-check-type'])?.label ?? ''\n  }\n\n  private get _showAnswerSetting() {\n    return this['show-other-option'] || this['show-answer-setting']\n  }\n\n  private get _showKey() {\n    return this['show-other-option'] || this['show-key']\n  }\n\n  private _renderEditMode() {\n    return html`\n      <div class=\"left\">\n        <span class=\"inline-actions\">\n          ${this['show-add']\n            ? html`\n            <span class=\"add-menu-wrap\">\n              <span class=\"link-btn\" @click=${() => { this._addMenuOpen = !this._addMenuOpen }}>在此题后加入新题</span>\n              ${this._renderAddMenu()}\n            </span>\n          `\n            : ''}\n          ${!this['hide-add-rich-text']\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('on-show-rich-text')}>\n              ${this['show-rich-text'] ? '删除题目描述（图文）' : '+添加题目描述（图文）'}\n            </span>\n          `\n            : ''}\n          ${this['show-jump']\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('jump')}>${this['is-set'] ? '编辑跳题逻辑' : '设置跳题逻辑'}</span>\n          `\n            : ''}\n          ${this._showAnswerSetting\n            ? html`\n            <span class=\"link-btn\" @click=${() => { this._modalOpen = true }}>答题设置</span>\n          `\n            : ''}\n          ${this._showKey\n            ? html`\n            <label class=\"checkbox-label\">\n              <input type=\"checkbox\" .checked=${this['is-key']} @change=${(e: Event) => this._emit('set-key', { value: (e.target as HTMLInputElement).checked })} />\n              核心题\n            </label>\n          `\n            : ''}\n        </span>\n      </div>\n      <div class=\"right\">\n        <button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>\n        <button class=\"text-btn text-btn--primary\" @click=${() => this._emit('save')}>完成编辑</button>\n      </div>\n    `\n  }\n\n  private _renderViewMode() {\n    return html`\n      <div class=\"left\">\n        <span class=\"inline-actions\">\n          ${this._showKey\n            ? html`\n            <label class=\"checkbox-label disabled\">\n              <input type=\"checkbox\" disabled .checked=${this['is-key']} /> 核心题\n            </label>\n          `\n            : ''}\n          ${this._showAnswerSetting\n            ? html`\n            <span class=\"answer-text\">${this._answerText}</span>\n          `\n            : ''}\n          ${this['show-add']\n            ? html`\n            <span class=\"add-menu-wrap\">\n              <span class=\"link-btn\" @click=${() => { this._addMenuOpen = !this._addMenuOpen }}>在此题后加入新题</span>\n              ${this._renderAddMenu()}\n            </span>\n          `\n            : ''}\n          ${this['show-jump']\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('jump')}>${this['is-set'] ? '编辑跳题逻辑' : '设置跳题逻辑'}</span>\n          `\n            : ''}\n        </span>\n      </div>\n      <div class=\"right\">\n        ${!this['is-set'] && this['show-move']\n          ? html`\n          <button class=\"text-btn text-btn--default\" @click=${() => this._emit('move', 'up')}>上移</button>\n          <button class=\"text-btn text-btn--default btn-margin\" @click=${() => this._emit('move', 'down')}>下移</button>\n        `\n          : ''}\n        ${!this['is-set']\n          ? html`<button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>`\n          : ''}\n        ${!this['page-end'] && !this['is-set']\n          ? html`\n          <button class=\"text-btn text-btn--default\" @click=${() => this._emit('edit')}>编辑</button>\n        `\n          : ''}\n      </div>\n    `\n  }\n\n  private _renderModal() {\n    if (!this._modalOpen) { return '' }\n    return html`\n      <div class=\"modal-backdrop\" @click=${() => { this._modalOpen = false }}>\n        <div class=\"modal\" @click=${(e: Event) => e.stopPropagation()}>\n          <div class=\"modal-header\">\n            <span class=\"modal-title\">答题设置</span>\n            <button class=\"modal-close\" @click=${() => { this._modalOpen = false }}>&#x2715;</button>\n          </div>\n          <div class=\"modal-body\">\n            ${answerTextList.map(item => html`\n              <label class=\"radio-item\">\n                <input type=\"radio\" name=\"answer-check-type\" .value=${String(item.value)}\n                  .checked=${this._currentCheckType === item.value}\n                  @change=${() => { this._currentCheckType = item.value }} />\n                ${item.label}\n              </label>\n            `)}\n          </div>\n          <div class=\"modal-footer\">\n            <button @click=${() => { this._modalOpen = false }}>取消</button>\n            <button class=\"primary\" @click=${() => {\n              this._emit('set-answer-setting', { value: this._currentCheckType })\n              this._modalOpen = false\n            }}>保存</button>\n          </div>\n        </div>\n      </div>\n    `\n  }\n\n  private _renderAddMenu() {\n    if (!this._addMenuOpen) { return '' }\n    return html`\n      <div class=\"add-menu\">\n        ${addSubjectOptions.map(item => html`\n          <button class=\"add-item\" @click=${() => {\n            this._addMenuOpen = false\n            this._emit('add', item.type)\n          }}>${item.label}</button>\n        `)}\n      </div>\n    `\n  }\n\n  render() {\n    return html`\n      <div class=\"action ${this['is-edit'] ? 'active' : ''}\">\n        ${this['is-edit'] ? this._renderEditMode() : this._renderViewMode()}\n        ${this['is-set'] ? html`<div class=\"has-set\">*此题设置了跳题逻辑</div>` : ''}\n      </div>\n      ${this._renderModal()}\n    `\n  }\n}\n\nexport function register() {}\n"],"names":["answerTextList","value","label","addSubjectOptions","type","QxsSubjectAction","LitElement","constructor","super","arguments","this","_modalOpen","_currentCheckType","_addMenuOpen","_handleDocumentClick","e","path","composedPath","wrap","shadowRoot","querySelector","includes","connectedCallback","document","addEventListener","disconnectedCallback","removeEventListener","updated","changed","has","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_answerText","find","i","_showAnswerSetting","_showKey","_renderEditMode","html","_renderAddMenu","target","checked","_renderViewMode","_renderModal","stopPropagation","map","item","String","render","styles","css","__decorateClass","property","Boolean","attribute","prototype","Number","state","safeCustomElement"],"mappings":"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"}

package/es/subject/blank-fill.mjs

@@ -1,27 +1,79 @@
-import{html as t,css as e,LitElement as i}from"lit";import{property as s,state as a}from"lit/decorators.js";import{safeCustomElement as n}from"../base/define.mjs";import{SubjectError as l}from"./single.mjs";import{SubjectType as r}from"./types.mjs";var o=Object.defineProperty,h=Object.getOwnPropertyDescriptor,p=(t,e,i,s)=>{for(var a,n=s>1?void 0:s?h(e,i):e,l=t.length-1;l>=0;l--)(a=t[l])&&(n=(s?a(e,i,n):a(n))||n);return s&&n&&o(e,i,n),n};const d=t`
+import{html as t,css as e,LitElement as s}from"lit";import{property as i,state as a}from"lit/decorators.js";import{safeCustomElement as r}from"../base/define.mjs";import{SubjectError as o}from"./single.mjs";import{SubjectType as l}from"./types.mjs";var n=Object.defineProperty,h=Object.getOwnPropertyDescriptor,c=(t,e,s,i)=>{for(var a,r=i>1?void 0:i?h(e,s):e,o=t.length-1;o>=0;o--)(a=t[o])&&(r=(i?a(e,s,r):a(r))||r);return i&&r&&n(e,s,r),r};const d=t`
   <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
     <line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/>
-  </svg>`;let c=class extends i{constructor(){super(...arguments),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:!1,isIgnoreCase:!0},this.uploadImage=async t=>new Promise((e,i)=>{const s=new FileReader;s.onload=t=>e(t.target?.result),s.onerror=i,s.readAsDataURL(t)}),this.answerList=[],this.modelValue="",this.useModel=!1,this._title="",this._analysis="",this._answers=[{title:"",tag:"",showInput:!1}],this._isInOrder=!1,this._isIgnoreCase=!0,this._showRichText=!1,this._richText="",this.TITLE_MAX=400}willUpdate(t){t.has("isEdit")&&this.isEdit&&this._syncProps(),!this.isEdit&&(t.has("title")||t.has("answerList")||t.has("analysis")||t.has("examAnswerSetting")||t.has("richTextContent"))&&this._syncProps(),t.has("modelValue")&&this.useModel&&(this._title=this.modelValue.replaceAll(/<filter><\/filter>/g," ______"))}_normalizeAnswerTitle(t){return String(t?.title??t?.answer??"")}_syncProps(){if(this._title=(this.title||"").replaceAll(/<filter><\/filter>/g," ______"),this._analysis=this.analysis||"",this.answerList?.length)this._answers=this.answerList.map(t=>({title:this._normalizeAnswerTitle(t),tag:"",showInput:!1}));else{const t=(this._title.match(/ ______/g)||[]).length||1;this._answers=Array.from({length:t},()=>({title:"",tag:"",showInput:!1}))}this.examAnswerSetting&&(this._isInOrder=!!this.examAnswerSetting.isInOrder,this._isIgnoreCase=!!this.examAnswerSetting.isIgnoreCase),this._richText=this.richTextContent||"",this._showRichText=!!this.richTextContent}_emit(t,e){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:e??null}))}_addBlank(){this._title+=" ______",this._answers=[...this._answers,{title:"",tag:"",showInput:!1}],this.requestUpdate(),this._emitModelUpdate()}_onTitleInput(t){const e=t.target;e.value.length>this.TITLE_MAX&&(e.value=e.value.slice(0,this.TITLE_MAX)),this._title=e.value;const i=(this._title.match(/ ______/g)||[]).length;if(i!==this._answers.length)if(i>this._answers.length)for(let t=this._answers.length;t<i;t++)this._answers=[...this._answers,{title:"",tag:"",showInput:!1}];else this._answers=this._answers.slice(0,i);this._emitModelUpdate()}_emitModelUpdate(){if(this.useModel){const t=this._title.replaceAll(/ ______/g,"<filter></filter>");this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail:t}))}}_handleAddTag(t){t.showInput=!1,t.tag&&(t.title=t.title?[t.title,t.tag].join(","):t.tag,t.tag=""),this.requestUpdate()}_closeTag(t,e){if(t){const i=e.title.split(","),s=i.findIndex(e=>e===t);s>-1&&(i.splice(s,1),e.title=i.join(",")),this.requestUpdate()}}async toJSON(){return new Promise((t,e)=>{const i={customId:this.customId||void 0,answerType:"blank_fill",orderIndex:this.orderIndex},s=this.isEdit?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||"",a=this.isEdit?this._answers:(this.answerList||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t)})),n=this.isEdit?this._analysis:this.analysis||"",o=this.isEdit?this._isInOrder:this.examAnswerSetting?.isInOrder??!1,h=this.isEdit?this._isIgnoreCase:this.examAnswerSetting?.isIgnoreCase??!0,p=this.isEdit?this._showRichText:!!this.richTextContent,d=this.isEdit?this._richText:this.richTextContent||"";if(!s)return void e(new l("题目标题不能为空!","EMPTY_TITLE","title",i));if(a.length<1)return void e(new l("至少添加一个填空符!","NO_BLANK","answers",i));const c={answerType:r.BLANK_FILL,title:s.replaceAll(/ ______/g,"<filter></filter>"),answers:a.map(t=>({title:t.title,isCorrect:!0})),analysis:n,isSetCorrectAnswer:!0,isKey:this.isKey,examAnswerSettingBO:{isIgnoreCase:h,isInOrder:o},examRichTextContent:p?d:""};this.customId&&(c.customId=this.customId),t(c)})}async _save(t){t?.stopImmediatePropagation();try{const t=await this.toJSON();this._emit("save",t)}catch(t){!function(t){const e=document.createElement("div");e.textContent=t,Object.assign(e.style,{position:"fixed",top:"20px",left:"50%",transform:"translateX(-50%)",padding:"10px 20px",borderRadius:"4px",fontSize:"13px",color:"#fff",background:"#f56c6c",zIndex:"99999",boxShadow:"0 4px 12px rgba(0,0,0,.15)",transition:"opacity .3s",opacity:"1"}),document.body.appendChild(e),setTimeout(()=>{e.style.opacity="0",setTimeout(()=>e.remove(),300)},2500)}(t.message)}}validate(){const t=[],e={customId:this.customId||void 0,answerType:"blank_fill",orderIndex:this.orderIndex},i=this.isEdit?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||"",s=this.isEdit?this._answers:(this.answerList||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t)}));return i||t.push(new l("题目标题不能为空!","EMPTY_TITLE","title",e)),s.length<1&&t.push(new l("至少添加一个填空符!","NO_BLANK","answers",e)),t}_renderPreview(){const e=this.title.replaceAll(/<filter><\/filter>/g," ______"),i=this.isEdit?this._answers:(this.answerList||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t)}));return t`
+  </svg>`;let p=class extends s{constructor(){super(...arguments),this["order-index"]=0,this.title="",this["custom-id"]="",this["is-edit"]=!1,this["is-save"]=!1,this["is-set"]=!1,this["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-id"]=0,this["category-id"]="",this["exam-answer-setting"]={isInOrder:!1,isIgnoreCase:!0},this["upload-image"]=async t=>new Promise((e,s)=>{const i=new FileReader;i.onload=t=>e(t.target?.result),i.onerror=s,i.readAsDataURL(t)}),this["answer-list"]=[],this["tag-list"]=[],this["category-list"]=[],this["resource-list"]=[],this["show-tag"]=!1,this["show-category"]=!1,this["show-resource"]=!1,this["model-value"]="",this["use-model"]=!1,this._title="",this._analysis="",this._answers=[{title:"",tag:"",showInput:!1}],this._isInOrder=!1,this._isIgnoreCase=!0,this._showRichText=!1,this._richText="",this._selectedTagList=[],this._categoryId="",this.TITLE_MAX=400}willUpdate(t){t.has("is-edit")&&this["is-edit"]&&this._syncProps(),!this["is-edit"]&&(t.has("title")||t.has("answer-list")||t.has("analysis")||t.has("exam-answer-setting")||t.has("rich-text-content")||t.has("tag-list")||t.has("category-id"))&&this._syncProps(),t.has("model-value")&&this["use-model"]&&(this._title=this["model-value"].replaceAll(/<filter><\/filter>/g," ______")),t.has("tag-list")&&(this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(t=>({...t})):[]),t.has("category-id")&&(this._categoryId=this["category-id"]?String(this["category-id"]):"")}_normalizeAnswerTitle(t){return String(t?.title??t?.answer??"")}_syncProps(){if(this._title=(this.title||"").replaceAll(/<filter><\/filter>/g," ______"),this._analysis=this.analysis||"",this["answer-list"]?.length)this._answers=this["answer-list"].map(t=>({title:this._normalizeAnswerTitle(t),tag:"",showInput:!1,answerId:t?.answerId??t?.examAnswerId}));else{const t=(this._title.match(/ ______/g)||[]).length||1;this._answers=Array.from({length:t},()=>({title:"",tag:"",showInput:!1}))}this["exam-answer-setting"]&&(this._isInOrder=!!this["exam-answer-setting"].isInOrder,this._isIgnoreCase=!!this["exam-answer-setting"].isIgnoreCase),this._richText=this["rich-text-content"]||"",this._showRichText=!!this["rich-text-content"],this._selectedTagList=Array.isArray(this["tag-list"])?this["tag-list"].map(t=>({...t})):[],this._categoryId=this["category-id"]?String(this["category-id"]):""}_emit(t,e){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:e??null}))}_addBlank(){this._title+=" ______",this._answers=[...this._answers,{title:"",tag:"",showInput:!1}],this.requestUpdate(),this._emitModelUpdate()}_onTitleInput(t){const e=t.target;e.value.length>this.TITLE_MAX&&(e.value=e.value.slice(0,this.TITLE_MAX)),this._title=e.value;const s=(this._title.match(/ ______/g)||[]).length;if(s!==this._answers.length)if(s>this._answers.length)for(let t=this._answers.length;t<s;t++)this._answers=[...this._answers,{title:"",tag:"",showInput:!1}];else this._answers=this._answers.slice(0,s);this._emitModelUpdate()}_emitModelUpdate(){if(this["use-model"]){const t=this._title.replaceAll(/ ______/g,"<filter></filter>");this.dispatchEvent(new CustomEvent("update:modelValue",{bubbles:!0,composed:!0,detail:t}))}}_handleAddTag(t){t.showInput=!1,t.tag&&(t.title=t.title?[t.title,t.tag].join(","):t.tag,t.tag=""),this.requestUpdate()}_closeTag(t,e){if(!t)return;const s=e.title.split(","),i=s.findIndex(e=>e===t);i>-1&&(s.splice(i,1),e.title=s.join(",")),this.requestUpdate()}_removeTag(t){this._selectedTagList=this._selectedTagList.filter(e=>String(e.tagId)!==String(t)),this._emit("tag-change",{value:this._selectedTagList,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_chooseTag(){this._emit("choose-tag",{value:this._selectedTagList,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_onCategoryChange(t){this._categoryId=t,this._emit("category-change",{value:t,customId:this["custom-id"]||"",examId:this["exam-id"]||0})}_imageResources(){return(this["resource-list"]||[]).filter(t=>1===t.resourceType).map(t=>t.resource.middle||t.resource.url).filter(Boolean)}_videoResource(){return(this["resource-list"]||[]).find(t=>2===t.resourceType)?.resource||null}_categoryLabel(){const t=this["category-list"].find(t=>String(t.categoryId)===String(this._categoryId));return t?.title||t?.categoryName||this._categoryId||"未选择分类"}async toJSON(){return new Promise((t,e)=>{const s={customId:this["custom-id"]||void 0,answerType:"blank_fill",orderIndex:this["order-index"]},i=this["is-edit"]?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||"",a=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t),answerId:t?.answerId??t?.examAnswerId})),r=this["is-edit"]?this._analysis:this.analysis||"",n=this["is-edit"]?this._isInOrder:this["exam-answer-setting"]?.isInOrder??!1,h=this["is-edit"]?this._isIgnoreCase:this["exam-answer-setting"]?.isIgnoreCase??!0,c=this["is-edit"]?this._showRichText:!!this["rich-text-content"],d=this["is-edit"]?this._richText:this["rich-text-content"]||"",p=this._selectedTagList||[],g=a.filter(t=>this._normalizeAnswerTitle(t));if(!i)return void e(new o("题目标题不能为空!","EMPTY_TITLE","title",s));if(a.length<1)return void e(new o("至少添加一个填空符!","NO_BLANK","answers",s));const x={answerType:l.BLANK_FILL,title:i.replaceAll(/ ______/g,"<filter></filter>"),answers:g.map(t=>({title:this._normalizeAnswerTitle(t),isCorrect:!0,...t.answerId?{answerId:t.answerId}:{}})),analysis:r,isSetCorrectAnswer:g.length>0,isKey:this["is-key"],examAnswerSettingBO:{isIgnoreCase:h,isInOrder:n},examRichTextContent:c?d:"",categoryId:this._categoryId||"",memberTagInfo:p,tagInfos:p,resourceList:this["resource-list"]||[],examResourceBOList:this["resource-list"]||[]};this["custom-id"]&&(x.customId=this["custom-id"]),t(x)})}async _save(t){t?.stopImmediatePropagation();try{const t=await this.toJSON();this._emit("save",t)}catch(t){!function(t){const e=document.createElement("div");e.textContent=t,Object.assign(e.style,{position:"fixed",top:"20px",left:"50%",transform:"translateX(-50%)",padding:"10px 20px",borderRadius:"4px",fontSize:"13px",color:"#fff",background:"#f56c6c",zIndex:"99999",boxShadow:"0 4px 12px rgba(0,0,0,.15)",transition:"opacity .3s",opacity:"1"}),document.body.appendChild(e),setTimeout(()=>{e.style.opacity="0",setTimeout(()=>e.remove(),300)},2500)}(t.message)}}validate(){const t=[],e={customId:this["custom-id"]||void 0,answerType:"blank_fill",orderIndex:this["order-index"]},s=this["is-edit"]?this._title:this.title?.replaceAll(/<filter><\/filter>/g," ______")||"",i=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t)}));return s||t.push(new o("题目标题不能为空!","EMPTY_TITLE","title",e)),i.length<1&&t.push(new o("至少添加一个填空符!","NO_BLANK","answers",e)),t}_renderPreview(){const e=this.title.replaceAll(/<filter><\/filter>/g," ______"),s=this["is-edit"]?this._answers:(this["answer-list"]||[]).map(t=>({...t,title:this._normalizeAnswerTitle(t)}));return t`
       <div class="preview">
-        <span class="title">${this.orderIndex+1}.${e}（填空题）</span>
-        ${this.richTextContent?t`<div class="rich-text" .innerHTML=${this.richTextContent}></div>`:""}
-        ${i.some(t=>t.title)?t`
+        <span class="title">${this["order-index"]+1}.${e}（填空题）</span>
+        ${this["rich-text-content"]?t`<div class="rich-text" .innerHTML=${this["rich-text-content"]}></div>`:""}
+        ${s.some(t=>t.title)?t`
           <div class="content flex flex-wrap">
             <span>正确答案：</span>
-            ${i.map((e,i)=>e.title?t`
-              <span style="margin-right:10px">填空${i+1}: ${e.title}</span>
-            `:"")}
+            ${s.map((e,s)=>e.title?t`<span style="margin-right:10px">填空${s+1}: ${e.title}</span>`:"")}
           </div>
         `:""}
         ${this.analysis?t`<div style="color:#909399;font-size:12px;margin-top:8px">解析: ${this.analysis}</div>`:""}
+        ${this["show-category"]&&this._categoryId?t`<div class="section-row"><span class="value-text">分类：${this._categoryLabel()}</span></div>`:""}
+        ${this["show-tag"]&&this._selectedTagList.length?t`
+          <div class="section-row">
+            <span class="value-text">标签/关键信息：</span>
+            <div class="tag-list" style="margin-top:6px">
+              ${this._selectedTagList.map(e=>t`<span class="tag-item">${e.tagName}</span>`)}
+            </div>
+          </div>
+        `:""}
+        ${this._renderResourceSection()}
+      </div>
+    `}_renderTagSection(){return this["show-tag"]?t`
+      <div class="flex flex-items-start section-row">
+        <div class="label"><span>标签:</span></div>
+        <div style="flex:1">
+          <div class="tag-list">
+            ${this._selectedTagList.length?this._selectedTagList.map(e=>t`
+                <span class="tag-item">
+                  ${e.tagName}
+                  ${this["is-save"]?"":t`<span class="close" @click=${()=>this._removeTag(e.tagId)}>×</span>`}
+                </span>
+              `):t`<span class="tag-hint">暂无标签/关键信息</span>`}
+          </div>
+          ${this["is-edit"]&&!this["is-save"]?t`<div style="margin-top:8px"><span class="el-link" @click=${()=>this._chooseTag()}>选择</span></div>`:""}
+        </div>
+      </div>
+    `:""}_renderCategorySection(){return this["show-category"]?t`
+      <div class="flex flex-items-start section-row">
+        <div class="label"><span>分类:</span></div>
+        <div style="flex:1">
+          ${this["is-edit"]?t`
+            <select class="el-select" .value=${String(this._categoryId)} ?disabled=${this["is-save"]}
+              @change=${t=>this._onCategoryChange(t.target.value)}>
+              <option value="">选择分类</option>
+              ${this["category-list"].map(e=>t`
+                <option value=${String(e.categoryId)} ?selected=${String(e.categoryId)===String(this._categoryId)}>${e.title||e.categoryName}</option>
+              `)}
+            </select>
+          `:t`<span class="value-text">${this._categoryLabel()}</span>`}
+        </div>
+      </div>
+    `:""}_renderResourceSection(){if(!this["show-resource"])return"";const e=this._imageResources(),s=this._videoResource();return t`
+      <div class="flex flex-items-start section-row">
+        <div class="label"><span>资源:</span></div>
+        <div style="flex:1">
+          <div class="resource-summary">图片 ${e.length} 张${s?.url?"，含视频资源":""}</div>
+          ${e.length?t`
+            <div class="resource-thumbs">
+              ${e.slice(0,4).map(e=>t`<img class="resource-thumb" src=${e} alt="resource" />`)}
+            </div>
+          `:""}
+          ${s?.url?t`<div style="margin-top:8px"><a class="el-link" href=${s.url} target="_blank" rel="noreferrer">查看视频</a></div>`:""}
+          ${e.length||s?.url?"":t`<div class="tag-hint">暂无资源</div>`}
+        </div>
       </div>
     `}_renderEdit(){return t`
       <div class="flex flex-items-start">
         <div class="label"><span>题目:</span></div>
         <div style="flex:1">
           <div class="el-input">
-            <textarea rows="3" .value=${this._title} ?disabled=${this.isSave}
+            <textarea rows="3" .value=${this._title} ?disabled=${this["is-save"]}
               maxlength=${this.TITLE_MAX}
               @input=${t=>this._onTitleInput(t)}
               placeholder="【填空题】请输入问题"></textarea>
@@ -31,37 +83,41 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
       </div>
 
       <div class="flex flex-justify-end">
-        <span class="el-link ${this.isSave?"is-disabled":""}"
-          @click=${()=>{this.isSave||this._addBlank()}}>插入填空符</span>
+        <span class="el-link ${this["is-save"]?"is-disabled":""}"
+          @click=${()=>{this["is-save"]||this._addBlank()}}>插入填空符</span>
       </div>
 
-      ${this.showAnswerSetting?t`
-        <div class="flex flex-items-center" style="margin-top:12px">
-          <div class="label"><span>答题设置:</span></div>
-          <label class="el-checkbox">
-            <input type="checkbox" .checked=${this._isInOrder}
-              @change=${t=>{this._isInOrder=t.target.checked}} />
-            答案不分顺序
-          </label>
-          <label class="el-checkbox">
-            <input type="checkbox" .checked=${this._isIgnoreCase}
-              @change=${t=>{this._isIgnoreCase=t.target.checked}} />
-            忽略大小写
-          </label>
-        </div>
-      `:""}
+      <div class="flex flex-items-center" style="margin-top:12px">
+        <div class="label"><span>答题设置:</span></div>
+        <label class="el-checkbox">
+          <input type="checkbox" .checked=${this._isInOrder}
+            @change=${t=>{this._isInOrder=t.target.checked}} />
+          答案不分顺序
+        </label>
+        <label class="el-checkbox">
+          <input type="checkbox" .checked=${this._isIgnoreCase}
+            @change=${t=>{this._isIgnoreCase=t.target.checked}} />
+          忽略大小写
+        </label>
+      </div>
+
+      ${this._renderTagSection()}
+
+      ${this._renderCategorySection()}
+
+      ${this._renderResourceSection()}
 
-      ${this._answers.map((e,i)=>t`
+      ${this._answers.map((e,s)=>t`
         <div class="answer-item" style="margin-top:12px">
-          <div class="label"><span>第${i+1}空答案:</span></div>
+          <div class="label"><span>第${s+1}空答案:</span></div>
           <div class="answer-tags">
-            ${e.title.split(",").filter(Boolean).map(i=>t`
+            ${e.title.split(",").filter(Boolean).map(s=>t`
               <span class="el-tag">
-                ${i}
-                ${this.isSave?"":t`<span class="el-tag__close" @click=${()=>this._closeTag(i,e)}>×</span>`}
+                ${s}
+                ${this["is-save"]?"":t`<span class="el-tag__close" @click=${()=>this._closeTag(s,e)}>×</span>`}
               </span>
             `)}
-            ${this.isSave?"":t`
+            ${this["is-save"]?"":t`
               ${e.showInput?t`
                 <input type="text" class="el-input--small"
                   @keydown=${t=>{"Enter"===t.key&&this._handleAddTag(e)}}
@@ -84,10 +140,10 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
           <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?"":t`
+            ${this["show-action"]?"":t`
                 <div class="flex flex-justify-end" style="margin-top:8px">
                   <span class="el-link" style="color:#f56c6c" @click=${()=>{this._showRichText=!1,this._richText=""}}>删除富文本</span>
                 </div>
@@ -96,7 +152,7 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
         </div>
       `:""}
 
-      ${this.showAnalysis?t`
+      ${this["show-analysis"]?t`
         <div class="flex flex-items-start" style="margin-top:12px">
           <div class="label"><span>解析:</span></div>
           <div style="flex:1">
@@ -109,16 +165,16 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
         </div>
       `:""}
     `}render(){return t`
-      <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?t`
+        ${this["show-action"]?t`
           <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")}
@@ -128,7 +184,7 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
           ></qxs-subject-action>
         `:""}
       </qxs-subject-layout>
-    `}};c.styles=e`
+    `}};p.styles=e`
     :host { display: block; font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 12px; color: #5a5a5a; }
     *, ::before, ::after { box-sizing: border-box; }
 
@@ -159,7 +215,6 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
       font-size: 12px; color: #909399; line-height: 1; pointer-events: none;
     }
 
-    /* Tag style */
     .el-tag {
       display: inline-flex; align-items: center; height: 24px; padding: 0 9px;
       font-size: 12px; line-height: 1; color: #3D61E3; background: #ecf5ff;
@@ -172,7 +227,6 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
     }
     .el-tag .el-tag__close:hover { background: #909399; color: #fff; }
 
-    /* Button small style */
     .el-button--small {
       display: inline-flex; align-items: center; gap: 4px;
       height: 24px; padding: 0 10px; font-size: 12px; line-height: 1;
@@ -181,12 +235,10 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
     }
     .el-button--small:hover { color: #3D61E3; border-color: #c6e2ff; background-color: #ecf5ff; }
 
-    /* Link style */
     .el-link { color: #3D61E3; cursor: pointer; font-size: 12px; text-decoration: none; }
     .el-link:hover { color: #2D4CB8; }
     .el-link.is-disabled { color: #c0c4cc; cursor: not-allowed; }
 
-    /* Input small for tag */
     .el-input--small { width: 80px; }
     .el-input--small input {
       height: 24px; padding: 0 8px; font-size: 12px; line-height: 24px;
@@ -194,7 +246,6 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
     }
     .el-input--small input:focus { border-color: #3D61E3; outline: none; }
 
-    /* Checkbox style */
     .el-checkbox {
       display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
       font-size: 13px; color: #606266; user-select: none; margin-right: 16px;
@@ -206,5 +257,33 @@ import{html as t,css as e,LitElement as i}from"lit";import{property as s,state a
     .answer-item { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
     .answer-item .label { min-width: 70px; padding-top: 0; color: #909399; }
     .answer-tags { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; flex: 1; }
-  `,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([a()],c.prototype,"_title",2),p([a()],c.prototype,"_analysis",2),p([a()],c.prototype,"_answers",2),p([a()],c.prototype,"_isInOrder",2),p([a()],c.prototype,"_isIgnoreCase",2),p([a()],c.prototype,"_showRichText",2),p([a()],c.prototype,"_richText",2),c=p([n("qxs-blank-fill")],c);export{c as QxsBlankFill};
+
+    .section-row { margin-top: 12px; }
+    .value-text { font-size: 13px; color: #606266; white-space: pre-wrap; }
+    .tag-list { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 32px; }
+    .tag-item {
+      display: inline-flex; align-items: center; gap: 4px;
+      padding: 4px 8px; font-size: 12px; line-height: 1;
+      color: #3D61E3; background: #ecf5ff; border: 1px solid #d9ecff; border-radius: 4px;
+    }
+    .tag-item .close { cursor: pointer; color: #909399; }
+    .tag-item .close:hover { color: #f56c6c; }
+    .tag-hint { font-size: 12px; color: #909399; }
+
+    .el-select {
+      width: 150px; height: 32px; border: 1px solid #dcdfe6; border-radius: 3px;
+      padding: 0 8px; font-size: 13px; background: #fff; appearance: none;
+      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c0c4cc' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
+      background-repeat: no-repeat; background-position: right 8px center;
+    }
+    .el-select:focus { border-color: #3D61E3; outline: none; }
+    .el-select:disabled { background: #f5f7fa; color: #c0c4cc; cursor: not-allowed; }
+
+    .resource-summary { font-size: 12px; color: #606266; }
+    .resource-thumbs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
+    .resource-thumb {
+      width: 72px; height: 72px; object-fit: cover; border-radius: 6px;
+      border: 1px solid #e4e7ed; background: #f5f7fa;
+    }
+  `,c([i({type:Number,attribute:"order-index"})],p.prototype,"order-index",2),c([i({type:String})],p.prototype,"title",2),c([i({type:String,attribute:"custom-id"})],p.prototype,"custom-id",2),c([i({type:Boolean,attribute:"is-edit"})],p.prototype,"is-edit",2),c([i({type:Boolean,attribute:"is-save"})],p.prototype,"is-save",2),c([i({type:Boolean,attribute:"is-set"})],p.prototype,"is-set",2),c([i({type:Boolean,attribute:"is-key"})],p.prototype,"is-key",2),c([i({type:Boolean,attribute:"show-action"})],p.prototype,"show-action",2),c([i({type:Boolean,attribute:"show-add"})],p.prototype,"show-add",2),c([i({type:Boolean,attribute:"show-answer-setting"})],p.prototype,"show-answer-setting",2),c([i({type:Boolean,attribute:"show-analysis"})],p.prototype,"show-analysis",2),c([i({type:String,attribute:"rich-text-content"})],p.prototype,"rich-text-content",2),c([i({type:String})],p.prototype,"analysis",2),c([i({type:Number,attribute:"exam-answer-relation-type"})],p.prototype,"exam-answer-relation-type",2),c([i({type:String,attribute:"exam-expand"})],p.prototype,"exam-expand",2),c([i({type:Number,attribute:"exam-id"})],p.prototype,"exam-id",2),c([i({type:String,attribute:"category-id"})],p.prototype,"category-id",2),c([i({type:Object,attribute:"exam-answer-setting"})],p.prototype,"exam-answer-setting",2),c([i({type:Object,attribute:"upload-image"})],p.prototype,"upload-image",2),c([i({type:Array,attribute:"answer-list"})],p.prototype,"answer-list",2),c([i({type:Array,attribute:"tag-list"})],p.prototype,"tag-list",2),c([i({type:Array,attribute:"category-list"})],p.prototype,"category-list",2),c([i({type:Array,attribute:"resource-list"})],p.prototype,"resource-list",2),c([i({type:Boolean,attribute:"show-tag"})],p.prototype,"show-tag",2),c([i({type:Boolean,attribute:"show-category"})],p.prototype,"show-category",2),c([i({type:Boolean,attribute:"show-resource"})],p.prototype,"show-resource",2),c([i({type:String,attribute:"model-value"})],p.prototype,"model-value",2),c([i({type:Boolean,attribute:"use-model"})],p.prototype,"use-model",2),c([a()],p.prototype,"_title",2),c([a()],p.prototype,"_analysis",2),c([a()],p.prototype,"_answers",2),c([a()],p.prototype,"_isInOrder",2),c([a()],p.prototype,"_isIgnoreCase",2),c([a()],p.prototype,"_showRichText",2),c([a()],p.prototype,"_richText",2),c([a()],p.prototype,"_selectedTagList",2),c([a()],p.prototype,"_categoryId",2),p=c([r("qxs-blank-fill")],p);export{p as QxsBlankFill};
 //# sourceMappingURL=blank-fill.mjs.map