@qxs-bns/components 0.0.21 → 0.0.23

package/lib/src/subject-list/src/components/subject-blank-fill.vue.js

@@ -1,494 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/base.scss.js');
-require('../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/button.scss.js');
-require('../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/tag.scss.js');
-require('../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/checkbox-group.scss.js');
-require('../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/checkbox.scss.js');
-require('../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/link.scss.js');
-require('../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/theme-chalk/src/input.scss.js');
-var vue = require('vue');
-var iconsVue = require('@element-plus/icons-vue');
-var hooks = require('@qxs-bns/hooks');
-var elementPlus = require('element-plus');
-var subjectAction_vue_vue_type_script_setup_true_lang = require('../../../subject-action/src/subject-action.vue.js');
-var subjectLayout_vue_vue_type_script_setup_true_lang = require('../../../subject-layout/src/subject-layout.vue.js');
-var tinyMceEditor_vue_vue_type_script_setup_true_lang = require('../../../tiny-mce-editor/src/tiny-mce-editor.vue.js');
-var index = require('../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/input/index.js');
-var index$1 = require('../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/link/index.js');
-var index$2 = require('../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/checkbox/index.js');
-var index$3 = require('../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/tag/index.js');
-var index$4 = require('../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/button/index.js');
-var index$5 = require('../../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/icon/index.js');
-
-const _hoisted_1 = { class: "preview" };
-const _hoisted_2 = { class: "content" };
-const _hoisted_3 = { class: "title" };
-const _hoisted_4 = { key: 0 };
-const _hoisted_5 = ["innerHTML"];
-const _hoisted_6 = {
-  key: 1,
-  class: "flex flex-wrap",
-  style: { "margin-top": "10px", "color": "#a8abb2" }
-};
-const _hoisted_7 = { class: "flex" };
-const _hoisted_8 = { style: { "flex": "1" } };
-const _hoisted_9 = { class: "flex flex-justify-end" };
-const _hoisted_10 = { class: "margin-bottom flex flex-items-center" };
-const _hoisted_11 = { class: "margin-bottom answer-list" };
-const _hoisted_12 = { class: "label flex flex-justify-end" };
-const _hoisted_13 = { class: "answer-tags" };
-const _hoisted_14 = {
-  key: 0,
-  class: "margin-bottom flex"
-};
-const _hoisted_15 = { style: { "flex": "1" } };
-const _hoisted_16 = {
-  key: 1,
-  class: "margin-bottom flex"
-};
-const _hoisted_17 = { style: { "flex": "1" } };
-const _hoisted_18 = { class: "flex flex-justify-end" };
-var _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "subject-blank-fill",
-  props: {
-    orderIndex: { type: Number, required: true },
-    title: { type: String, required: false },
-    isSave: { type: Boolean, required: true },
-    showAction: { type: Boolean, required: false },
-    answerList: { type: null, required: false },
-    analysis: { type: String, required: false },
-    isEdit: { type: Boolean, required: true },
-    isSet: { type: Boolean, required: true },
-    examAnswerSettingVO: { type: Object, required: false },
-    examRichTextContent: { type: String, required: false },
-    showAnalysis: { type: Boolean, required: false },
-    examAnswerRelationType: { type: Number, required: false }
-  },
-  emits: ["move", "save", "delete", "edit", "add"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const attrs = vue.useAttrs();
-    const answers = vue.ref([]);
-    const title = vue.ref("");
-    const analysis = vue.ref("");
-    const showRichText = vue.ref(false);
-    const richText = vue.ref("");
-    const checkList = [
-      {
-        label: "\u7B54\u6848\u4E0D\u5206\u987A\u5E8F",
-        value: "isInOrder"
-      },
-      {
-        label: "\u5FFD\u7565\u5927\u5C0F\u5199",
-        value: "isIgnoreCase"
-      }
-    ];
-    const isCheckList = vue.ref(["isIgnoreCase"]);
-    function handleAddTag(item) {
-      item.showInput = false;
-      if (item.tag) {
-        item.title = item.title ? [item.title, item.tag].join(",") : item.tag;
-        item.tag = "";
-      }
-    }
-    function closeTag(tag, item) {
-      if (tag) {
-        const tags = item.title.split(",");
-        const index = tags.findIndex((i) => i === tag);
-        if (index > -1) {
-          tags.splice(index, 1);
-          item.title = tags.join(",");
-        }
-      }
-    }
-    function addBlank() {
-      title.value += " ______";
-      answers.value.push({
-        title: "",
-        tag: "",
-        showInput: false
-      });
-    }
-    function deleteRichText() {
-      showRichText.value = false;
-      richText.value = "";
-    }
-    function save() {
-      if (!title.value) {
-        elementPlus.ElMessage.error("\u9898\u76EE\u6807\u9898\u4E0D\u80FD\u4E3A\u7A7A!");
-        return;
-      }
-      if (answers.value.length < 1) {
-        elementPlus.ElMessage.error("\u81F3\u5C11\u6DFB\u52A0\u4E00\u4E2A\u586B\u7A7A\u7B26!");
-        return;
-      }
-      emits("save", {
-        title: title.value.replaceAll(/ ______/g, "<filter></filter>"),
-        answers: answers.value.map((item) => {
-          return { title: item.title, isCorrect: true };
-        }),
-        analysis: analysis.value,
-        isSetCorrectAnswer: true,
-        examAnswerSettingVO: {
-          isIgnoreCase: isCheckList.value?.includes("isIgnoreCase"),
-          isInOrder: isCheckList.value?.includes("isInOrder")
-        },
-        examRichTextContent: showRichText.value ? richText.value : ""
-      });
-    }
-    function init() {
-      if (props.title) {
-        title.value = props.title.replaceAll(/<filter><\/filter>/g, " ______");
-      }
-      if (props.answerList && props.answerList.length) {
-        answers.value = props.answerList;
-      }
-      if (props.examAnswerSettingVO) {
-        isCheckList.value = isCheckList.value.filter(
-          (item) => item === "isIgnoreCase" && props.examAnswerSettingVO?.isIgnoreCase || item === "isInOrder" && props.examAnswerSettingVO?.isInOrder
-        );
-      }
-      if (props.analysis) {
-        analysis.value = props.analysis;
-      }
-      if (props.examRichTextContent) {
-        richText.value = props.examRichTextContent;
-        showRichText.value = true;
-      }
-    }
-    vue.watch(() => title.value, () => {
-      const [...matchs] = title.value.matchAll(/ ______/g);
-      if (matchs.length !== answers.value.length) {
-        const differ = answers.value.length - matchs.length;
-        answers.value.splice(answers.value.length - differ, differ);
-      }
-    });
-    vue.onMounted(init);
-    const ns = hooks.useNamespace("subject-blank-fill");
-    return (_ctx, _cache) => {
-      const _component_el_input = index.ElInput;
-      const _component_el_link = index$1.ElLink;
-      const _component_el_checkbox = index$2.ElCheckbox;
-      const _component_el_checkbox_group = index$2.ElCheckboxGroup;
-      const _component_el_tag = index$3.ElTag;
-      const _component_el_icon = index$5.ElIcon;
-      const _component_el_button = index$4.ElButton;
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass(vue.unref(ns).e("blank-fill-exam"))
-        },
-        [
-          vue.createVNode(subjectLayout_vue_vue_type_script_setup_true_lang.default, { "show-edit": _ctx.isEdit }, {
-            preview: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_1, [
-                vue.createElementVNode("div", _hoisted_2, [
-                  vue.createElementVNode(
-                    "span",
-                    _hoisted_3,
-                    vue.toDisplayString(_ctx.orderIndex + 1) + "." + vue.toDisplayString(vue.unref(title)) + "\uFF08\u586B\u7A7A\u9898\uFF09",
-                    1
-                    /* TEXT */
-                  ),
-                  vue.unref(showRichText) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-                    vue.createElementVNode("div", { innerHTML: vue.unref(richText) }, null, 8, _hoisted_5)
-                  ])) : vue.createCommentVNode("v-if", true),
-                  vue.unref(answers).some((item) => item.title) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-                    _cache[10] || (_cache[10] = vue.createElementVNode(
-                      "span",
-                      { class: "title" },
-                      "\u6B63\u786E\u7B54\u6848\uFF1A",
-                      -1
-                      /* HOISTED */
-                    )),
-                    (vue.openBlock(true), vue.createElementBlock(
-                      vue.Fragment,
-                      null,
-                      vue.renderList(vue.unref(answers), (item, index) => {
-                        return vue.openBlock(), vue.createElementBlock("div", {
-                          key: index,
-                          class: "flex flex-wrap flex-items-center",
-                          style: { "margin-right": "10px" }
-                        }, [
-                          vue.createElementVNode(
-                            "span",
-                            null,
-                            "\u586B\u7A7A" + vue.toDisplayString(index + 1) + ":",
-                            1
-                            /* TEXT */
-                          ),
-                          vue.createElementVNode(
-                            "span",
-                            null,
-                            vue.toDisplayString(item.title),
-                            1
-                            /* TEXT */
-                          )
-                        ]);
-                      }),
-                      128
-                      /* KEYED_FRAGMENT */
-                    ))
-                  ])) : vue.createCommentVNode("v-if", true)
-                ])
-              ])
-            ]),
-            edit: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_7, [
-                _cache[11] || (_cache[11] = vue.createElementVNode(
-                  "div",
-                  { class: "label flex flex-justify-end" },
-                  [
-                    vue.createElementVNode("span", null, "\u9898\u76EE:")
-                  ],
-                  -1
-                  /* HOISTED */
-                )),
-                vue.createElementVNode("div", _hoisted_8, [
-                  vue.createVNode(_component_el_input, {
-                    modelValue: vue.unref(title),
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(title) ? title.value = $event : null),
-                    type: "textarea",
-                    rows: 7,
-                    "show-word-limit": "",
-                    maxlength: "400",
-                    placeholder: "\u3010\u586B\u7A7A\u9898\u3011\u8BF7\u8F93\u5165\u95EE\u9898",
-                    disabled: _ctx.isSave
-                  }, null, 8, ["modelValue", "disabled"])
-                ])
-              ]),
-              vue.createElementVNode("div", _hoisted_9, [
-                vue.createCommentVNode(' <el-link\n            v-if="!showRichText"\n            type="primary"\n            @click="showRichText = true"\n          >\n            \u6DFB\u52A0\u5BCC\u6587\u672C\n          </el-link> '),
-                vue.createVNode(_component_el_link, {
-                  class: "margin-left-10",
-                  type: "primary",
-                  disabled: _ctx.isSave,
-                  onClick: addBlank
-                }, {
-                  default: vue.withCtx(() => _cache[12] || (_cache[12] = [
-                    vue.createTextVNode(" \u63D2\u5165\u586B\u7A7A\u7B26 ")
-                  ])),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled"])
-              ]),
-              vue.createElementVNode("div", _hoisted_10, [
-                _cache[13] || (_cache[13] = vue.createElementVNode(
-                  "div",
-                  { class: "label flex flex-justify-end" },
-                  [
-                    vue.createElementVNode("span", null, "\u7B54\u9898\u8BBE\u7F6E:")
-                  ],
-                  -1
-                  /* HOISTED */
-                )),
-                (vue.openBlock(), vue.createElementBlock(
-                  vue.Fragment,
-                  null,
-                  vue.renderList(checkList, (item) => {
-                    return vue.createVNode(_component_el_checkbox_group, {
-                      key: item.value,
-                      modelValue: vue.unref(isCheckList),
-                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(isCheckList) ? isCheckList.value = $event : null)
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(_component_el_checkbox, {
-                          value: item.value,
-                          class: "margin-left-10"
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode(
-                              vue.toDisplayString(item.label),
-                              1
-                              /* TEXT */
-                            )
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        }, 1032, ["value"])
-                      ]),
-                      _: 2
-                      /* DYNAMIC */
-                    }, 1032, ["modelValue"]);
-                  }),
-                  64
-                  /* STABLE_FRAGMENT */
-                ))
-              ]),
-              vue.createElementVNode("div", _hoisted_11, [
-                (vue.openBlock(true), vue.createElementBlock(
-                  vue.Fragment,
-                  null,
-                  vue.renderList(vue.unref(answers), (item, index) => {
-                    return vue.openBlock(), vue.createElementBlock("div", {
-                      key: index,
-                      class: "answer-item flex flex-items-center"
-                    }, [
-                      vue.createElementVNode("div", _hoisted_12, [
-                        vue.createElementVNode(
-                          "span",
-                          null,
-                          "\u7B2C" + vue.toDisplayString(index + 1) + "\u7A7A\u7B54\u6848:",
-                          1
-                          /* TEXT */
-                        )
-                      ]),
-                      vue.createElementVNode("div", _hoisted_13, [
-                        (vue.openBlock(true), vue.createElementBlock(
-                          vue.Fragment,
-                          null,
-                          vue.renderList(item.title.split(","), (i) => {
-                            return vue.openBlock(), vue.createElementBlock(
-                              vue.Fragment,
-                              { key: i },
-                              [
-                                i ? (vue.openBlock(), vue.createBlock(_component_el_tag, {
-                                  key: 0,
-                                  closable: "",
-                                  onClose: ($event) => closeTag(i, item)
-                                }, {
-                                  default: vue.withCtx(() => [
-                                    vue.createTextVNode(
-                                      vue.toDisplayString(i),
-                                      1
-                                      /* TEXT */
-                                    )
-                                  ]),
-                                  _: 2
-                                  /* DYNAMIC */
-                                }, 1032, ["onClose"])) : vue.createCommentVNode("v-if", true)
-                              ],
-                              64
-                              /* STABLE_FRAGMENT */
-                            );
-                          }),
-                          128
-                          /* KEYED_FRAGMENT */
-                        )),
-                        !_ctx.isSave ? (vue.openBlock(), vue.createElementBlock(
-                          vue.Fragment,
-                          { key: 0 },
-                          [
-                            item.showInput ? (vue.openBlock(), vue.createBlock(_component_el_input, {
-                              key: 0,
-                              modelValue: item.tag,
-                              "onUpdate:modelValue": ($event) => item.tag = $event,
-                              style: { "width": "80px" },
-                              onBlur: () => handleAddTag(item)
-                            }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur"])) : (vue.openBlock(), vue.createBlock(_component_el_button, {
-                              key: 1,
-                              size: "small",
-                              onClick: ($event) => item.showInput = true
-                            }, {
-                              default: vue.withCtx(() => [
-                                vue.createVNode(_component_el_icon, null, {
-                                  default: vue.withCtx(() => [
-                                    vue.createVNode(vue.unref(iconsVue.Plus))
-                                  ]),
-                                  _: 1
-                                  /* STABLE */
-                                }),
-                                vue.createElementVNode(
-                                  "span",
-                                  null,
-                                  vue.toDisplayString(item.title ? "\u6DFB\u52A0\u540C\u4E49\u8BCD" : "\u6DFB\u52A0\u7B54\u6848"),
-                                  1
-                                  /* TEXT */
-                                )
-                              ]),
-                              _: 2
-                              /* DYNAMIC */
-                            }, 1032, ["onClick"]))
-                          ],
-                          64
-                          /* STABLE_FRAGMENT */
-                        )) : vue.createCommentVNode("v-if", true)
-                      ])
-                    ]);
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ]),
-              _ctx.showAnalysis ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
-                _cache[14] || (_cache[14] = vue.createElementVNode(
-                  "div",
-                  { class: "label flex flex-justify-end" },
-                  [
-                    vue.createElementVNode("span", null, "\u89E3\u6790:")
-                  ],
-                  -1
-                  /* HOISTED */
-                )),
-                vue.createElementVNode("div", _hoisted_15, [
-                  vue.createVNode(_component_el_input, {
-                    modelValue: vue.unref(analysis),
-                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(analysis) ? analysis.value = $event : null),
-                    type: "textarea",
-                    rows: 2,
-                    placeholder: "\u8BF7\u8F93\u5165\u9898\u76EE\u89E3\u6790"
-                  }, null, 8, ["modelValue"])
-                ])
-              ])) : vue.createCommentVNode("v-if", true),
-              vue.unref(showRichText) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, [
-                _cache[16] || (_cache[16] = vue.createElementVNode(
-                  "div",
-                  { class: "label flex flex-justify-center" },
-                  [
-                    vue.createElementVNode("span", null, "\u5BCC\u6587\u672C:")
-                  ],
-                  -1
-                  /* HOISTED */
-                )),
-                vue.createElementVNode("div", _hoisted_17, [
-                  vue.createVNode(tinyMceEditor_vue_vue_type_script_setup_true_lang.default, vue.mergeProps({
-                    "model-value": vue.unref(richText),
-                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(richText) ? richText.value = $event : null)
-                  }, vue.unref(attrs), { style: { "width": "100%" } }), null, 16, ["model-value"]),
-                  vue.createElementVNode("div", _hoisted_18, [
-                    vue.createVNode(_component_el_link, {
-                      type: "danger",
-                      onClick: deleteRichText
-                    }, {
-                      default: vue.withCtx(() => _cache[15] || (_cache[15] = [
-                        vue.createTextVNode(" \u5220\u9664\u5BCC\u6587\u672C ")
-                      ])),
-                      _: 1
-                      /* STABLE */
-                    })
-                  ])
-                ])
-              ])) : vue.createCommentVNode("v-if", true)
-            ]),
-            default: vue.withCtx(() => [
-              _ctx.showAction ? (vue.openBlock(), vue.createBlock(subjectAction_vue_vue_type_script_setup_true_lang.default, {
-                key: 0,
-                "is-edit": _ctx.isEdit,
-                "is-set": _ctx.isSet,
-                examAnswerRelationType: props.examAnswerRelationType,
-                onMoveUp: _cache[4] || (_cache[4] = ($event) => emits("move", "up")),
-                onMoveDown: _cache[5] || (_cache[5] = ($event) => emits("move", "down")),
-                onDelete: _cache[6] || (_cache[6] = ($event) => emits("delete")),
-                onSave: save,
-                onEdit: _cache[7] || (_cache[7] = ($event) => emits("edit")),
-                onAdd: _cache[8] || (_cache[8] = (type) => emits("add", type)),
-                onOnShowRichText: _cache[9] || (_cache[9] = ($event) => showRichText.value = true)
-              }, null, 8, ["is-edit", "is-set", "examAnswerRelationType"])) : vue.createCommentVNode("v-if", true)
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["show-edit"])
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-
-exports.default = _sfc_main;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("element-plus/es"),t=require("vue"),l=require("@element-plus/icons-vue"),n=require("@qxs-bns/hooks"),a=require("element-plus"),o=require("../../../subject-action/src/subject-action.vue.js"),r=require("../../../subject-layout/src/subject-layout.vue.js"),i=require("../../../tiny-mce-editor/src/tiny-mce-editor.vue.js");const s={class:"preview"},c={class:"content"},d={class:"title"},u={key:0},m=["innerHTML"],p={key:1,class:"flex flex-wrap",style:{"margin-top":"10px",color:"#a8abb2"}},f={class:"flex"},v={style:{flex:"1"}},x={class:"flex flex-justify-end"},y={class:"margin-bottom flex flex-items-center"},V={class:"margin-bottom answer-list"},g={class:"label flex flex-justify-end"},k={class:"answer-tags"},w={key:0,class:"margin-bottom flex"},E={style:{flex:"1"}},h={key:1,class:"margin-bottom flex"},N={style:{flex:"1"}},B={class:"flex flex-justify-end"};var C=t.defineComponent({__name:"subject-blank-fill",props:{orderIndex:{type:Number,required:!0},title:{type:String,required:!1},isSave:{type:Boolean,required:!0},showAction:{type:Boolean,required:!1},answerList:{type:null,required:!1},analysis:{type:String,required:!1},isEdit:{type:Boolean,required:!0},isSet:{type:Boolean,required:!0},examAnswerSettingVO:{type:Object,required:!1},examRichTextContent:{type:String,required:!1},showAnalysis:{type:Boolean,required:!1},examAnswerRelationType:{type:Number,required:!1}},emits:["move","save","delete","edit","add"],setup(C,{emit:_}){const b=C,S=_,q=t.useAttrs(),j=t.ref([]),I=t.ref(""),A=t.ref(""),T=t.ref(!1),O=t.ref(""),R=[{label:"答案不分顺序",value:"isInOrder"},{label:"忽略大小写",value:"isIgnoreCase"}],L=t.ref(["isIgnoreCase"]);function D(){I.value+=" ______",j.value.push({title:"",tag:"",showInput:!1})}function M(){T.value=!1,O.value=""}function U(){I.value?j.value.length<1?a.ElMessage.error("至少添加一个填空符!"):S("save",{title:I.value.replaceAll(/ ______/g,"<filter></filter>"),answers:j.value.map((e=>({title:e.title,isCorrect:!0}))),analysis:A.value,isSetCorrectAnswer:!0,examAnswerSettingBO:{isIgnoreCase:L.value?.includes("isIgnoreCase"),isInOrder:L.value?.includes("isInOrder")},examRichTextContent:T.value?O.value:""}):a.ElMessage.error("题目标题不能为空!")}t.watch((()=>I.value),(()=>{const[...e]=I.value.matchAll(/ ______/g);if(e.length!==j.value.length){const t=j.value.length-e.length;j.value.splice(j.value.length-t,t)}})),t.onMounted((function(){b.title&&(I.value=b.title.replaceAll(/<filter><\/filter>/g," ______")),b.answerList&&b.answerList.length&&(j.value=b.answerList),b.examAnswerSettingVO&&(L.value=L.value.filter((e=>"isIgnoreCase"===e&&b.examAnswerSettingVO?.isIgnoreCase||"isInOrder"===e&&b.examAnswerSettingVO?.isInOrder))),b.analysis&&(A.value=b.analysis),b.examRichTextContent&&(O.value=b.examRichTextContent,T.value=!0)}));const F=n.useNamespace("subject-blank-fill");return(n,a)=>{const C=e.ElInput,_=e.ElLink,P=e.ElCheckbox,z=e.ElCheckboxGroup,H=e.ElTag,G=e.ElIcon,J=e.ElButton;return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(F).e("blank-fill-exam"))},[t.createVNode(r.default,{"show-edit":n.isEdit},{preview:t.withCtx((()=>[t.createElementVNode("div",s,[t.createElementVNode("div",c,[t.createElementVNode("span",d,t.toDisplayString(n.orderIndex+1)+"."+t.toDisplayString(t.unref(I))+"（填空题）",1),t.unref(T)?(t.openBlock(),t.createElementBlock("div",u,[t.createElementVNode("div",{innerHTML:t.unref(O)},null,8,m)])):t.createCommentVNode("v-if",!0),t.unref(j).some((e=>e.title))?(t.openBlock(),t.createElementBlock("div",p,[a[10]||(a[10]=t.createElementVNode("span",{class:"title"},"正确答案：",-1)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(j),((e,l)=>(t.openBlock(),t.createElementBlock("div",{key:l,class:"flex flex-wrap flex-items-center",style:{"margin-right":"10px"}},[t.createElementVNode("span",null,"填空"+t.toDisplayString(l+1)+":",1),t.createElementVNode("span",null,t.toDisplayString(e.title),1)])))),128))])):t.createCommentVNode("v-if",!0)])])])),edit:t.withCtx((()=>[t.createElementVNode("div",f,[a[11]||(a[11]=t.createElementVNode("div",{class:"label flex flex-justify-end"},[t.createElementVNode("span",null,"题目:")],-1)),t.createElementVNode("div",v,[t.createVNode(C,{modelValue:t.unref(I),"onUpdate:modelValue":a[0]||(a[0]=e=>t.isRef(I)?I.value=e:null),type:"textarea",rows:7,"show-word-limit":"",maxlength:"400",placeholder:"【填空题】请输入问题",disabled:n.isSave},null,8,["modelValue","disabled"])])]),t.createElementVNode("div",x,[t.createCommentVNode(' <el-link\n            v-if="!showRichText"\n            type="primary"\n            @click="showRichText = true"\n          >\n            添加富文本\n          </el-link> '),t.createVNode(_,{class:"margin-left-10",type:"primary",disabled:n.isSave,onClick:D},{default:t.withCtx((()=>a[12]||(a[12]=[t.createTextVNode(" 插入填空符 ")]))),_:1},8,["disabled"])]),t.createElementVNode("div",y,[a[13]||(a[13]=t.createElementVNode("div",{class:"label flex flex-justify-end"},[t.createElementVNode("span",null,"答题设置:")],-1)),(t.openBlock(),t.createElementBlock(t.Fragment,null,t.renderList(R,(e=>t.createVNode(z,{key:e.value,modelValue:t.unref(L),"onUpdate:modelValue":a[1]||(a[1]=e=>t.isRef(L)?L.value=e:null)},{default:t.withCtx((()=>[t.createVNode(P,{value:e.value,class:"margin-left-10"},{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(e.label),1)])),_:2},1032,["value"])])),_:2},1032,["modelValue"]))),64))]),t.createElementVNode("div",V,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(j),((e,a)=>(t.openBlock(),t.createElementBlock("div",{key:a,class:"answer-item flex flex-items-center"},[t.createElementVNode("div",g,[t.createElementVNode("span",null,"第"+t.toDisplayString(a+1)+"空答案:",1)]),t.createElementVNode("div",k,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.title.split(","),(l=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:l},[l?(t.openBlock(),t.createBlock(H,{key:0,closable:"",onClose:t=>function(e,t){if(e){const l=t.title.split(","),n=l.findIndex((t=>t===e));n>-1&&(l.splice(n,1),t.title=l.join(","))}}(l,e)},{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(l),1)])),_:2},1032,["onClose"])):t.createCommentVNode("v-if",!0)],64)))),128)),n.isSave?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[e.showInput?(t.openBlock(),t.createBlock(C,{key:0,modelValue:e.tag,"onUpdate:modelValue":t=>e.tag=t,style:{width:"80px"},onBlur:()=>function(e){e.showInput=!1,e.tag&&(e.title=e.title?[e.title,e.tag].join(","):e.tag,e.tag="")}(e)},null,8,["modelValue","onUpdate:modelValue","onBlur"])):(t.openBlock(),t.createBlock(J,{key:1,size:"small",onClick:t=>e.showInput=!0},{default:t.withCtx((()=>[t.createVNode(G,null,{default:t.withCtx((()=>[t.createVNode(t.unref(l.Plus))])),_:1}),t.createElementVNode("span",null,t.toDisplayString(e.title?"添加同义词":"添加答案"),1)])),_:2},1032,["onClick"]))],64))])])))),128))]),n.showAnalysis?(t.openBlock(),t.createElementBlock("div",w,[a[14]||(a[14]=t.createElementVNode("div",{class:"label flex flex-justify-end"},[t.createElementVNode("span",null,"解析:")],-1)),t.createElementVNode("div",E,[t.createVNode(C,{modelValue:t.unref(A),"onUpdate:modelValue":a[2]||(a[2]=e=>t.isRef(A)?A.value=e:null),type:"textarea",rows:2,placeholder:"请输入题目解析"},null,8,["modelValue"])])])):t.createCommentVNode("v-if",!0),t.unref(T)?(t.openBlock(),t.createElementBlock("div",h,[a[16]||(a[16]=t.createElementVNode("div",{class:"label flex flex-justify-center"},[t.createElementVNode("span",null,"富文本:")],-1)),t.createElementVNode("div",N,[t.createVNode(i.default,t.mergeProps({"model-value":t.unref(O),"onUpdate:modelValue":a[3]||(a[3]=e=>t.isRef(O)?O.value=e:null)},t.unref(q),{style:{width:"100%"}}),null,16,["model-value"]),t.createElementVNode("div",B,[t.createVNode(_,{type:"danger",onClick:M},{default:t.withCtx((()=>a[15]||(a[15]=[t.createTextVNode(" 删除富文本 ")]))),_:1})])])])):t.createCommentVNode("v-if",!0)])),default:t.withCtx((()=>[n.showAction?(t.openBlock(),t.createBlock(o.default,{key:0,"is-edit":n.isEdit,"is-set":n.isSet,showOtherOption:!1,examAnswerRelationType:b.examAnswerRelationType,onMoveUp:a[4]||(a[4]=e=>S("move","up")),onMoveDown:a[5]||(a[5]=e=>S("move","down")),onDelete:a[6]||(a[6]=e=>S("delete")),onSave:U,onEdit:a[7]||(a[7]=e=>S("edit")),onAdd:a[8]||(a[8]=e=>S("add",e)),onOnShowRichText:a[9]||(a[9]=e=>T.value=!0)},null,8,["is-edit","is-set","examAnswerRelationType"])):t.createCommentVNode("v-if",!0)])),_:1},8,["show-edit"])],2)}}});exports.default=C;
 //# sourceMappingURL=subject-blank-fill.vue.js.map

package/lib/src/subject-list/src/components/subject-blank-fill.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"subject-blank-fill.vue.js","sources":["../../../../../../../packages/components/src/subject-list/src/components/subject-blank-fill.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Plus } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { ElMessage } from 'element-plus'\nimport SubjectAction from '../../../subject-action/src/subject-action.vue'\nimport SubjectLayout from '../../../subject-layout/src/subject-layout.vue'\nimport TinyMceEditor from '../../../tiny-mce-editor/src/tiny-mce-editor.vue'\n\nconst props = defineProps<{\n  orderIndex: number\n  title?: string\n  isSave: boolean\n  showAction?: boolean\n  answerList?: any\n  analysis?: string\n  isEdit: boolean\n  isSet: boolean\n  examAnswerSettingVO?: {\n    isInOrder: boolean\n    isIgnoreCase: boolean\n  }\n  examRichTextContent?: string\n  showAnalysis?: boolean\n  examAnswerRelationType?: number\n}>()\nconst emits = defineEmits(['move', 'save', 'delete', 'edit', 'add'])\n\nconst attrs = useAttrs()\n\nconst answers = ref<{\n  title: string\n  tag: string\n  showInput: boolean\n}[]>([])\n\nconst title = ref('')\nconst analysis = ref('')\nconst showRichText = ref(false)\nconst richText = ref('')\n\nconst checkList = [\n  {\n    label: '答案不分顺序',\n    value: 'isInOrder',\n  },\n  {\n    label: '忽略大小写',\n    value: 'isIgnoreCase',\n  },\n]\n\nconst isCheckList = ref(['isIgnoreCase'])\n\nfunction handleAddTag(item: any) {\n  item.showInput = false\n  if (item.tag) {\n    item.title = item.title ? [item.title, item.tag].join(',') : item.tag\n    item.tag = ''\n  }\n}\n\nfunction closeTag(tag: string, item: any) {\n  if (tag) {\n    const tags = item.title.split(',')\n    const index = tags.findIndex((i: string) => i === tag)\n    if (index > -1) {\n      tags.splice(index, 1)\n      item.title = tags.join(',')\n    }\n  }\n}\n\nfunction addBlank() {\n  title.value += ' ______'\n  answers.value.push({\n    title: '',\n    tag: '',\n    showInput: false,\n  })\n}\n\nfunction deleteRichText() {\n  showRichText.value = false\n  richText.value = ''\n}\n\nfunction save() {\n  if (!title.value) {\n    ElMessage.error('题目标题不能为空!')\n    return\n  }\n\n  if (answers.value.length < 1) {\n    ElMessage.error('至少添加一个填空符!')\n    return\n  }\n\n  emits('save', {\n    title: title.value.replaceAll(/ ______/g, '<filter></filter>'),\n    answers: answers.value.map((item: any) => {\n      return { title: item.title, isCorrect: true }\n    }),\n    analysis: analysis.value,\n    isSetCorrectAnswer: true,\n    examAnswerSettingVO: {\n      isIgnoreCase: isCheckList.value?.includes('isIgnoreCase'),\n      isInOrder: isCheckList.value?.includes('isInOrder'),\n    },\n    examRichTextContent: showRichText.value ? richText.value : '',\n  })\n}\n\nfunction init() {\n  if (props.title) {\n    title.value = props.title.replaceAll(/<filter><\\/filter>/g, ' ______')\n  }\n\n  if (props.answerList && props.answerList.length) {\n    answers.value = props.answerList\n  }\n\n  if (props.examAnswerSettingVO) {\n  // 仅保留与设置匹配的选项\n    isCheckList.value = isCheckList.value.filter((item: any) =>\n      (item === 'isIgnoreCase' && props.examAnswerSettingVO?.isIgnoreCase)\n      || (item === 'isInOrder' && props.examAnswerSettingVO?.isInOrder),\n    )\n  }\n\n  if (props.analysis) {\n    analysis.value = props.analysis\n  }\n\n  if (props.examRichTextContent) {\n    richText.value = props.examRichTextContent\n    showRichText.value = true\n  }\n}\n\nwatch(() => title.value, () => {\n  const [...matchs] = title.value.matchAll(/ ______/g)\n  if (matchs.length !== answers.value.length) {\n    const differ = answers.value.length - matchs.length\n    answers.value.splice(answers.value.length - differ, differ)\n  }\n})\n\nonMounted(init)\nconst ns = useNamespace('subject-blank-fill')\n</script>\n\n<template>\n  <div :class=\"ns.e('blank-fill-exam')\">\n    <SubjectLayout :show-edit=\"isEdit\">\n      <template #preview>\n        <div class=\"preview\">\n          <div class=\"content\">\n            <span class=\"title\">{{ orderIndex + 1 }}.{{ title }}（填空题）</span>\n            <div v-if=\"showRichText\">\n              <div v-html=\"richText\" />\n            </div>\n            <div\n              v-if=\"answers.some((item) => item.title)\"\n              class=\"flex flex-wrap\"\n              style=\"margin-top: 10px;color: #a8abb2;\"\n            >\n              <span class=\"title\">正确答案：</span>\n              <div\n                v-for=\"(item, index) in answers\"\n                :key=\"index\"\n                class=\"flex flex-wrap flex-items-center\"\n                style=\"margin-right: 10px;\"\n              >\n                <span>填空{{ index + 1 }}:</span>\n                <span>{{ item.title }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </template>\n      <template #edit>\n        <div class=\"flex\">\n          <div class=\"label flex flex-justify-end\">\n            <span>题目:</span>\n          </div>\n          <div style=\"flex: 1;\">\n            <el-input\n              v-model=\"title\"\n              type=\"textarea\"\n              :rows=\"7\"\n              show-word-limit\n              maxlength=\"400\"\n              placeholder=\"【填空题】请输入问题\"\n              :disabled=\"isSave\"\n            />\n          </div>\n        </div>\n        <div class=\"flex flex-justify-end\">\n          <!-- <el-link\n            v-if=\"!showRichText\"\n            type=\"primary\"\n            @click=\"showRichText = true\"\n          >\n            添加富文本\n          </el-link> -->\n          <el-link\n            class=\"margin-left-10\"\n            type=\"primary\"\n            :disabled=\"isSave\"\n            @click=\"addBlank\"\n          >\n            插入填空符\n          </el-link>\n        </div>\n        <div class=\"margin-bottom flex flex-items-center\">\n          <div class=\"label flex flex-justify-end\">\n            <span>答题设置:</span>\n          </div>\n\n          <el-checkbox-group\n            v-for=\"item in checkList\"\n            :key=\"item.value\"\n            v-model=\"isCheckList\"\n          >\n            <el-checkbox :value=\"item.value\" class=\"margin-left-10\">\n              {{ item.label }}\n            </el-checkbox>\n          </el-checkbox-group>\n        </div>\n        <div class=\"margin-bottom answer-list\">\n          <div\n            v-for=\"(item, index) in answers\"\n            :key=\"index\"\n            class=\"answer-item flex flex-items-center\"\n          >\n            <div class=\"label flex flex-justify-end\">\n              <span>第{{ index + 1 }}空答案:</span>\n            </div>\n\n            <div class=\"answer-tags\">\n              <template\n                v-for=\"i in item.title.split(',')\"\n                :key=\"i\"\n              >\n                <el-tag\n                  v-if=\"i\"\n                  closable\n                  @close=\"closeTag(i, item)\"\n                >\n                  {{ i }}\n                </el-tag>\n              </template>\n              <template v-if=\"!isSave\">\n                <el-input\n                  v-if=\"item.showInput\"\n                  v-model=\"item.tag\"\n                  style=\"width: 80px;\"\n                  @blur=\"() => handleAddTag(item)\"\n                />\n                <el-button\n                  v-else\n                  size=\"small\"\n                  @click=\"item.showInput = true\"\n                >\n                  <el-icon><Plus /></el-icon>\n                  <span>{{ item.title ? '添加同义词' : '添加答案' }}</span>\n                </el-button>\n              </template>\n            </div>\n          </div>\n        </div>\n        <div v-if=\"showAnalysis\" class=\"margin-bottom flex\">\n          <div class=\"label flex flex-justify-end\">\n            <span>解析:</span>\n          </div>\n          <div style=\"flex: 1;\">\n            <el-input\n              v-model=\"analysis\"\n              type=\"textarea\"\n              :rows=\"2\"\n              placeholder=\"请输入题目解析\"\n            />\n          </div>\n        </div>\n        <div v-if=\"showRichText\" class=\"margin-bottom flex\">\n          <div class=\"label flex flex-justify-center\">\n            <span>富文本:</span>\n          </div>\n          <div style=\"flex: 1;\">\n            <TinyMceEditor v-model:model-value=\"richText\" v-bind=\"attrs\" style=\"width: 100%;\" />\n            <div class=\"flex flex-justify-end\">\n              <el-link\n                type=\"danger\"\n                @click=\"deleteRichText\"\n              >\n                删除富文本\n              </el-link>\n            </div>\n          </div>\n        </div>\n      </template>\n      <SubjectAction\n        v-if=\"showAction\"\n        :is-edit=\"isEdit\"\n        :is-set=\"isSet\"\n        :examAnswerRelationType=\"props.examAnswerRelationType\"\n        @move-up=\"emits('move', 'up')\"\n        @move-down=\"emits('move', 'down')\"\n        @delete=\"emits('delete')\"\n        @save=\"save\"\n        @edit=\"emits('edit')\"\n        @add=\"type => emits('add', type)\"\n        @onShowRichText=\"showRichText = true\"\n      />\n    </SubjectLayout>\n  </div>\n</template>\n"],"names":["useAttrs","ref","ElMessage","watch","onMounted","useNamespace"],"mappings":"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"}
+{"version":3,"file":"subject-blank-fill.vue.js","sources":["../../../../../../../packages/components/src/subject-list/src/components/subject-blank-fill.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Plus } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { ElMessage } from 'element-plus'\nimport SubjectAction from '../../../subject-action/src/subject-action.vue'\nimport SubjectLayout from '../../../subject-layout/src/subject-layout.vue'\nimport TinyMceEditor from '../../../tiny-mce-editor/src/tiny-mce-editor.vue'\n\nconst props = defineProps<{\n  orderIndex: number\n  title?: string\n  isSave: boolean\n  showAction?: boolean\n  answerList?: any\n  analysis?: string\n  isEdit: boolean\n  isSet: boolean\n  examAnswerSettingVO?: {\n    isInOrder: boolean\n    isIgnoreCase: boolean\n  }\n  examRichTextContent?: string\n  showAnalysis?: boolean\n  examAnswerRelationType?: number\n}>()\nconst emits = defineEmits(['move', 'save', 'delete', 'edit', 'add'])\n\nconst attrs = useAttrs()\n\nconst answers = ref<{\n  title: string\n  tag: string\n  showInput: boolean\n}[]>([])\n\nconst title = ref('')\nconst analysis = ref('')\nconst showRichText = ref(false)\nconst richText = ref('')\n\nconst checkList = [\n  {\n    label: '答案不分顺序',\n    value: 'isInOrder',\n  },\n  {\n    label: '忽略大小写',\n    value: 'isIgnoreCase',\n  },\n]\n\nconst isCheckList = ref(['isIgnoreCase'])\n\nfunction handleAddTag(item: any) {\n  item.showInput = false\n  if (item.tag) {\n    item.title = item.title ? [item.title, item.tag].join(',') : item.tag\n    item.tag = ''\n  }\n}\n\nfunction closeTag(tag: string, item: any) {\n  if (tag) {\n    const tags = item.title.split(',')\n    const index = tags.findIndex((i: string) => i === tag)\n    if (index > -1) {\n      tags.splice(index, 1)\n      item.title = tags.join(',')\n    }\n  }\n}\n\nfunction addBlank() {\n  title.value += ' ______'\n  answers.value.push({\n    title: '',\n    tag: '',\n    showInput: false,\n  })\n}\n\nfunction deleteRichText() {\n  showRichText.value = false\n  richText.value = ''\n}\n\nfunction save() {\n  if (!title.value) {\n    ElMessage.error('题目标题不能为空!')\n    return\n  }\n\n  if (answers.value.length < 1) {\n    ElMessage.error('至少添加一个填空符!')\n    return\n  }\n\n  emits('save', {\n    title: title.value.replaceAll(/ ______/g, '<filter></filter>'),\n    answers: answers.value.map((item: any) => {\n      return { title: item.title, isCorrect: true }\n    }),\n    analysis: analysis.value,\n    isSetCorrectAnswer: true,\n    examAnswerSettingBO: {\n      isIgnoreCase: isCheckList.value?.includes('isIgnoreCase'),\n      isInOrder: isCheckList.value?.includes('isInOrder'),\n    },\n    examRichTextContent: showRichText.value ? richText.value : '',\n  })\n}\n\nfunction init() {\n  if (props.title) {\n    title.value = props.title.replaceAll(/<filter><\\/filter>/g, ' ______')\n  }\n\n  if (props.answerList && props.answerList.length) {\n    answers.value = props.answerList\n  }\n\n  if (props.examAnswerSettingVO) {\n  // 仅保留与设置匹配的选项\n    isCheckList.value = isCheckList.value.filter((item: any) =>\n      (item === 'isIgnoreCase' && props.examAnswerSettingVO?.isIgnoreCase)\n      || (item === 'isInOrder' && props.examAnswerSettingVO?.isInOrder),\n    )\n  }\n\n  if (props.analysis) {\n    analysis.value = props.analysis\n  }\n\n  if (props.examRichTextContent) {\n    richText.value = props.examRichTextContent\n    showRichText.value = true\n  }\n}\n\nwatch(() => title.value, () => {\n  const [...matchs] = title.value.matchAll(/ ______/g)\n  if (matchs.length !== answers.value.length) {\n    const differ = answers.value.length - matchs.length\n    answers.value.splice(answers.value.length - differ, differ)\n  }\n})\n\nonMounted(init)\nconst ns = useNamespace('subject-blank-fill')\n</script>\n\n<template>\n  <div :class=\"ns.e('blank-fill-exam')\">\n    <SubjectLayout :show-edit=\"isEdit\">\n      <template #preview>\n        <div class=\"preview\">\n          <div class=\"content\">\n            <span class=\"title\">{{ orderIndex + 1 }}.{{ title }}（填空题）</span>\n            <div v-if=\"showRichText\">\n              <div v-html=\"richText\" />\n            </div>\n            <div\n              v-if=\"answers.some((item) => item.title)\"\n              class=\"flex flex-wrap\"\n              style=\"margin-top: 10px;color: #a8abb2;\"\n            >\n              <span class=\"title\">正确答案：</span>\n              <div\n                v-for=\"(item, index) in answers\"\n                :key=\"index\"\n                class=\"flex flex-wrap flex-items-center\"\n                style=\"margin-right: 10px;\"\n              >\n                <span>填空{{ index + 1 }}:</span>\n                <span>{{ item.title }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </template>\n      <template #edit>\n        <div class=\"flex\">\n          <div class=\"label flex flex-justify-end\">\n            <span>题目:</span>\n          </div>\n          <div style=\"flex: 1;\">\n            <el-input\n              v-model=\"title\"\n              type=\"textarea\"\n              :rows=\"7\"\n              show-word-limit\n              maxlength=\"400\"\n              placeholder=\"【填空题】请输入问题\"\n              :disabled=\"isSave\"\n            />\n          </div>\n        </div>\n        <div class=\"flex flex-justify-end\">\n          <!-- <el-link\n            v-if=\"!showRichText\"\n            type=\"primary\"\n            @click=\"showRichText = true\"\n          >\n            添加富文本\n          </el-link> -->\n          <el-link\n            class=\"margin-left-10\"\n            type=\"primary\"\n            :disabled=\"isSave\"\n            @click=\"addBlank\"\n          >\n            插入填空符\n          </el-link>\n        </div>\n        <div class=\"margin-bottom flex flex-items-center\">\n          <div class=\"label flex flex-justify-end\">\n            <span>答题设置:</span>\n          </div>\n\n          <el-checkbox-group\n            v-for=\"item in checkList\"\n            :key=\"item.value\"\n            v-model=\"isCheckList\"\n          >\n            <el-checkbox :value=\"item.value\" class=\"margin-left-10\">\n              {{ item.label }}\n            </el-checkbox>\n          </el-checkbox-group>\n        </div>\n        <div class=\"margin-bottom answer-list\">\n          <div\n            v-for=\"(item, index) in answers\"\n            :key=\"index\"\n            class=\"answer-item flex flex-items-center\"\n          >\n            <div class=\"label flex flex-justify-end\">\n              <span>第{{ index + 1 }}空答案:</span>\n            </div>\n\n            <div class=\"answer-tags\">\n              <template\n                v-for=\"i in item.title.split(',')\"\n                :key=\"i\"\n              >\n                <el-tag\n                  v-if=\"i\"\n                  closable\n                  @close=\"closeTag(i, item)\"\n                >\n                  {{ i }}\n                </el-tag>\n              </template>\n              <template v-if=\"!isSave\">\n                <el-input\n                  v-if=\"item.showInput\"\n                  v-model=\"item.tag\"\n                  style=\"width: 80px;\"\n                  @blur=\"() => handleAddTag(item)\"\n                />\n                <el-button\n                  v-else\n                  size=\"small\"\n                  @click=\"item.showInput = true\"\n                >\n                  <el-icon><Plus /></el-icon>\n                  <span>{{ item.title ? '添加同义词' : '添加答案' }}</span>\n                </el-button>\n              </template>\n            </div>\n          </div>\n        </div>\n        <div v-if=\"showAnalysis\" class=\"margin-bottom flex\">\n          <div class=\"label flex flex-justify-end\">\n            <span>解析:</span>\n          </div>\n          <div style=\"flex: 1;\">\n            <el-input\n              v-model=\"analysis\"\n              type=\"textarea\"\n              :rows=\"2\"\n              placeholder=\"请输入题目解析\"\n            />\n          </div>\n        </div>\n        <div v-if=\"showRichText\" class=\"margin-bottom flex\">\n          <div class=\"label flex flex-justify-center\">\n            <span>富文本:</span>\n          </div>\n          <div style=\"flex: 1;\">\n            <TinyMceEditor v-model:model-value=\"richText\" v-bind=\"attrs\" style=\"width: 100%;\" />\n            <div class=\"flex flex-justify-end\">\n              <el-link\n                type=\"danger\"\n                @click=\"deleteRichText\"\n              >\n                删除富文本\n              </el-link>\n            </div>\n          </div>\n        </div>\n      </template>\n      <SubjectAction\n        v-if=\"showAction\"\n        :is-edit=\"isEdit\"\n        :is-set=\"isSet\"\n        :showOtherOption=\"false\"\n        :examAnswerRelationType=\"props.examAnswerRelationType\"\n        @move-up=\"emits('move', 'up')\"\n        @move-down=\"emits('move', 'down')\"\n        @delete=\"emits('delete')\"\n        @save=\"save\"\n        @edit=\"emits('edit')\"\n        @add=\"type => emits('add', type)\"\n        @onShowRichText=\"showRichText = true\"\n      />\n    </SubjectLayout>\n  </div>\n</template>\n"],"names":["props","__props","emits","__emit","attrs","useAttrs","answers","ref","title","analysis","showRichText","richText","checkList","label","value","isCheckList","addBlank","push","tag","showInput","deleteRichText","save","length","ElMessage","error","replaceAll","map","item","isCorrect","isSetCorrectAnswer","examAnswerSettingBO","isIgnoreCase","includes","isInOrder","examRichTextContent","watch","matchs","matchAll","differ","splice","onMounted","answerList","examAnswerSettingVO","filter","ns","useNamespace","tags","split","index","findIndex","i","join"],"mappings":"k/CAQA,MAAMA,EAAQC,EAiBRC,EAAQC,EAERC,EAAQC,EAAAA,WAERC,EAAUC,EAIXA,IAAA,IAECC,EAAQD,MAAI,IACZE,EAAWF,MAAI,IACfG,EAAeH,OAAI,GACnBI,EAAWJ,MAAI,IAEfK,EAAY,CAChB,CACEC,MAAO,SACPC,MAAO,aAET,CACED,MAAO,QACPC,MAAO,iBAILC,EAAcR,EAAAA,IAAI,CAAC,iBAqBzB,SAASS,IACPR,EAAMM,OAAS,UACfR,EAAQQ,MAAMG,KAAK,CACjBT,MAAO,GACPU,IAAK,GACLC,WAAW,GACZ,CAGH,SAASC,IACPV,EAAaI,OAAQ,EACrBH,EAASG,MAAQ,EAAA,CAGnB,SAASO,IACFb,EAAMM,MAKPR,EAAQQ,MAAMQ,OAAS,EACzBC,EAAAA,UAAUC,MAAM,cAIlBtB,EAAM,OAAQ,CACZM,MAAOA,EAAMM,MAAMW,WAAW,WAAY,qBAC1CnB,QAASA,EAAQQ,MAAMY,KAAKC,IACnB,CAAEnB,MAAOmB,EAAKnB,MAAOoB,WAAW,MAEzCnB,SAAUA,EAASK,MACnBe,oBAAoB,EACpBC,oBAAqB,CACnBC,aAAchB,EAAYD,OAAOkB,SAAS,gBAC1CC,UAAWlB,EAAYD,OAAOkB,SAAS,cAEzCE,oBAAqBxB,EAAaI,MAAQH,EAASG,MAAQ,KApB3DS,EAAAA,UAAUC,MAAM,YAqBjB,CA8BGW,SAAA,IAAM3B,EAAMM,QAAO,KACvB,SAAUsB,GAAU5B,EAAMM,MAAMuB,SAAS,YACzC,GAAID,EAAOd,SAAWhB,EAAQQ,MAAMQ,OAAQ,CAC1C,MAAMgB,EAAShC,EAAQQ,MAAMQ,OAASc,EAAOd,OAC7ChB,EAAQQ,MAAMyB,OAAOjC,EAAQQ,MAAMQ,OAASgB,EAAQA,EAAM,KAI9DE,EAAAA,WAnCA,WACMxC,EAAMQ,QACRA,EAAMM,MAAQd,EAAMQ,MAAMiB,WAAW,sBAAuB,YAG1DzB,EAAMyC,YAAczC,EAAMyC,WAAWnB,SACvChB,EAAQQ,MAAQd,EAAMyC,YAGpBzC,EAAM0C,sBAEI3B,EAAAD,MAAQC,EAAYD,MAAM6B,QAAQhB,GAClC,iBAATA,GAA2B3B,EAAM0C,qBAAqBX,cAC1C,cAATJ,GAAwB3B,EAAM0C,qBAAqBT,aAIvDjC,EAAMS,WACRA,EAASK,MAAQd,EAAMS,UAGrBT,EAAMkC,sBACRvB,EAASG,MAAQd,EAAMkC,oBACvBxB,EAAaI,OAAQ,EACvB,IAYI,MAAA8B,EAAKC,eAAa,gkGAvFf,SAAS3B,EAAaS,GAC7B,GAAIT,EAAK,CACP,MAAM4B,EAAOnB,EAAKnB,MAAMuC,MAAM,KACxBC,EAAQF,EAAKG,WAAWC,GAAcA,IAAMhC,IAC9C8B,GAAQ,IACLF,EAAAP,OAAOS,EAAO,GACdrB,EAAAnB,MAAQsC,EAAKK,KAAK,KACzB,CACF,yXAhBF,SAAsBxB,GACpBA,EAAKR,WAAY,EACbQ,EAAKT,MACPS,EAAKnB,MAAQmB,EAAKnB,MAAQ,CAACmB,EAAKnB,MAAOmB,EAAKT,KAAKiC,KAAK,KAAOxB,EAAKT,IAClES,EAAKT,IAAM,GACb"}

package/lib/src/subject-list/src/components/subject-blank-fill.vue2.js

@@ -1,10 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var subjectBlankFill_vue_vue_type_script_setup_true_lang = require('./subject-blank-fill.vue.js');
-
-
-
-exports.default = subjectBlankFill_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./subject-blank-fill.vue.js");exports.default=e.default;
 //# sourceMappingURL=subject-blank-fill.vue2.js.map

package/lib/src/subject-list/src/components/subject-blank-fill.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"subject-blank-fill.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"subject-blank-fill.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}