@qxs-bns/components 0.0.15 → 0.0.16

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

@@ -1,8 +1,481 @@
-import o from "./subject-blank-fill.vue2.js";
-/* empty css                        */
-import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f286b71b"]]);
-export {
-  m as default
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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');
+
+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 = useAttrs();
+    const answers = ref([]);
+    const title = ref("");
+    const analysis = ref("");
+    const showRichText = ref(false);
+    const richText = ref("");
+    const checkList = [
+      {
+        label: "\u7B54\u6848\u4E0D\u5206\u987A\u5E8F",
+        value: "isInOrder"
+      },
+      {
+        label: "\u5FFD\u7565\u5927\u5C0F\u5199",
+        value: "isIgnoreCase"
+      }
+    ];
+    const isCheckList = 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;
+      }
+    }
+    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);
+      }
+    });
+    onMounted(init);
+    const ns = hooks.useNamespace("subject-blank-fill");
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_link = vue.resolveComponent("el-link");
+      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+      const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
+      const _component_el_tag = vue.resolveComponent("el-tag");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_button = vue.resolveComponent("el-button");
+      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;
 //# 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":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"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":["ElMessage","useNamespace"],"mappings":"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"}