@qxs-bns/components 0.0.19 → 0.0.20

package/es/src/subject-list/src/components/subject-single.vue.js

@@ -0,0 +1,733 @@
+import { defineComponent, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createVNode, createSlots, withCtx, createBlock, createCommentVNode, createElementVNode, createTextVNode, toDisplayString, Fragment, renderList, isRef, mergeProps } from 'vue';
+import { CirclePlus, Remove } from '@element-plus/icons-vue';
+import { useNamespace } from '@qxs-bns/hooks';
+import _sfc_main$2 from '../../../subject-action/src/subject-action.vue.js';
+import _sfc_main$1 from '../../../subject-layout/src/subject-layout.vue.js';
+import _sfc_main$3 from '../../../tiny-mce-editor/src/tiny-mce-editor.vue.js';
+
+const _hoisted_1 = { class: "preview" };
+const _hoisted_2 = { class: "title" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = ["innerHTML"];
+const _hoisted_7 = { class: "preview-answer" };
+const _hoisted_8 = { class: "order" };
+const _hoisted_9 = { class: "order" };
+const _hoisted_10 = { style: { "flex": "1" } };
+const _hoisted_11 = { class: "margin-bottom flex flex-items-center" };
+const _hoisted_12 = { class: "margin-bottom answer-list" };
+const _hoisted_13 = { class: "order" };
+const _hoisted_14 = {
+  key: 0,
+  class: "margin-bottom flex flex-items-center"
+};
+const _hoisted_15 = { style: { "flex": "1" } };
+const _hoisted_16 = {
+  key: 1,
+  class: "flex"
+};
+const _hoisted_17 = { style: { "flex": "1" } };
+const _hoisted_18 = {
+  key: 2,
+  class: "margin-bottom flex"
+};
+const _hoisted_19 = { style: { "flex": "1" } };
+const _hoisted_20 = { class: "flex flex-justify-end" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "QxsSubjectSingle"
+  },
+  __name: "subject-single",
+  props: {
+    orderIndex: { type: Number, required: true },
+    title: { type: String, required: false },
+    isSave: { type: Boolean, required: true },
+    showAction: { type: Boolean, required: false },
+    type: { type: String, required: true },
+    isEdit: { type: Boolean, required: true },
+    isSet: { type: Boolean, required: true },
+    answerList: { type: null, required: false },
+    leastAnswerCount: { type: Number, required: false },
+    analysis: { type: String, required: false },
+    examExpand: { type: String, required: false },
+    examRichTextContent: { type: String, required: false },
+    showAnalysis: { type: Boolean, required: false },
+    examAnswerRelationType: { type: Number, required: false },
+    id: { type: String, required: false }
+  },
+  emits: ["move", "save", "delete", "edit", "add", "setRelation"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const attrs = useAttrs();
+    const answersIndex = ref(0);
+    const isKey = ref(false);
+    const answerCheckType = ref(2);
+    const answers = ref([{
+      title: "",
+      isCorrect: false
+    }, {
+      title: "",
+      isCorrect: false
+    }, {
+      title: "",
+      isCorrect: false
+    }, {
+      title: "",
+      isCorrect: false
+    }]);
+    const leastAnswerCount = ref();
+    const title = ref("");
+    const analysis = ref("");
+    const showRichText = ref(false);
+    const richText = ref("");
+    const startTime = ref(0);
+    const showRichContent = ref(false);
+    const resultItem = ref("");
+    const titlePlaceholder = computed(() => {
+      if (props.type === "single") {
+        return "\u5355\u9009\u9898";
+      } else if (props.type === "multiple") {
+        return "\u591A\u9009\u9898";
+      } else {
+        return "\u6392\u5E8F\u9898";
+      }
+    });
+    const orderList = ref([]);
+    const leastAnswerOptions = computed(() => {
+      const items = [];
+      const length = answers.value.length;
+      for (let count = length; count > 1; count--) {
+        items.push({
+          label: `\u81F3\u5C11\u9009\u62E9${count}\u9879`,
+          value: count
+        });
+      }
+      return items.reverse();
+    });
+    function addAnswer() {
+      if (props.isSave) {
+        return;
+      }
+      answers.value.push({
+        title: "",
+        isCorrect: false
+      });
+    }
+    function deleteAnswer(index) {
+      if (answers.value.length < 3 || props.isSave) {
+        return;
+      }
+      answers.value.splice(index, 1);
+    }
+    function setCorrect(it, event) {
+      if (props.type === "single") {
+        if (event) {
+          answers.value.forEach((answer) => {
+            if (answer !== it) {
+              answer.isCorrect = false;
+            }
+          });
+        }
+        it.isCorrect = event;
+      } else if (props.type === "multiple") {
+        it.isCorrect = event;
+      }
+    }
+    function setRelation(item) {
+      emits("setRelation", props.id, item);
+    }
+    function deleteRichText() {
+      showRichText.value = false;
+      richText.value = "";
+    }
+    function save() {
+      if (!title.value) {
+        ElMessage.error("\u9898\u76EE\u6807\u9898\u4E0D\u80FD\u4E3A\u7A7A!");
+        return;
+      }
+      let msg = "";
+      let isSetCorrectAnswer = false;
+      let examAnswerRelationType = null;
+      let correctAnswerCount = 0;
+      if (props.type === "multiple" || props.type === "single") {
+        answers.value.forEach((v, i) => {
+          if (!v.title) {
+            msg += `\u9009\u9879${String.fromCharCode(65 + i)}\u672A\u586B\u5199\u3002`;
+          }
+          if (v.isCorrect) {
+            isSetCorrectAnswer = true;
+            correctAnswerCount++;
+          }
+          if (v.resultItem) {
+            examAnswerRelationType = 1;
+          }
+          if (v.answerRelations?.length) {
+            examAnswerRelationType = 2;
+          }
+        });
+      } else if (props.type === "sort") {
+        if (orderList.value.length) {
+          isSetCorrectAnswer = true;
+        }
+      }
+      if (msg) {
+        ElMessage.error(msg);
+        return;
+      }
+      const uniqueAnswer = new Set(answers.value.map((item) => item.title));
+      if (uniqueAnswer.size !== answers.value.length) {
+        ElMessage.error("\u9009\u9879\u4E0D\u80FD\u91CD\u590D");
+        return;
+      }
+      if (props.type === "multiple") {
+        if (correctAnswerCount === 1) {
+          ElMessage.error("\u8BF7\u81F3\u5C11\u8BBE\u7F6E\u4E24\u4E2A\u6B63\u786E\u7B54\u6848");
+          return;
+        }
+        if (isSetCorrectAnswer && correctAnswerCount < leastAnswerCount.value) {
+          ElMessage.error("\u81F3\u5C11\u9009\u51E0\u9879\u4E0E\u6B63\u786E\u7B54\u6848\u6570\u4E0D\u7B26");
+          return;
+        }
+      }
+      emits("save", {
+        title: title.value,
+        answers: answers.value.map((item, index) => {
+          return { ...item, orderIndex: index + 1 };
+        }),
+        examExpand: orderList.value.map((i) => i.charCodeAt(0) - 65 + 1).join(","),
+        analysis: analysis.value,
+        isSetCorrectAnswer,
+        leastAnswerCount: leastAnswerCount.value,
+        examRichTextContent: showRichText.value ? richText.value : "",
+        examAnswerRelationType,
+        isKey: isKey.value,
+        answerCheckType: answerCheckType.value
+      });
+    }
+    function init() {
+      if (props.title) {
+        title.value = props.title;
+      }
+      if (props.answerList && props.answerList.length) {
+        answers.value = props.answerList;
+      }
+      if (props.leastAnswerCount) {
+        leastAnswerCount.value = props.leastAnswerCount;
+      }
+      if (props.examExpand) {
+        if (props.examExpand) {
+          const correctAnswerIdList = props.examExpand.split(",");
+          orderList.value = correctAnswerIdList.map((id) => {
+            const answer = props.answerList.find((item) => item.answerId?.toString() === id);
+            return answer ? String.fromCharCode(65 + answer.orderIndex - 1) : id;
+          }).filter(Boolean);
+        }
+      }
+      if (props.analysis) {
+        analysis.value = props.analysis;
+      }
+      if (props.examRichTextContent) {
+        richText.value = props.examRichTextContent;
+        showRichText.value = true;
+      }
+    }
+    function onCloseResult() {
+      showRichContent.value = false;
+      resultItem.value = "";
+    }
+    function onOpenResult(i) {
+      answersIndex.value = i;
+      console.log(answers.value[i].resultItem, 1);
+      resultItem.value = answers.value[i].resultItem || "";
+      showRichContent.value = true;
+    }
+    function onSaveResult(i) {
+      answers.value[i].resultItem = resultItem.value || "";
+      showRichContent.value = false;
+    }
+    function setKey(key) {
+      isKey.value = key;
+    }
+    function setAnswerSetting(type) {
+      answerCheckType.value = type;
+    }
+    function add(type, canSet) {
+      emits("add", type, canSet ? props.examAnswerRelationType : null);
+    }
+    watch(() => props.isEdit, () => {
+      if (props.isEdit) {
+        startTime.value = (/* @__PURE__ */ new Date()).getTime();
+      }
+    });
+    const ns = useNamespace("subject-single");
+    onMounted(init);
+    return (_ctx, _cache) => {
+      const _component_el_checkbox = resolveComponent("el-checkbox");
+      const _component_el_radio = resolveComponent("el-radio");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_link = resolveComponent("el-link");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(ns).e("single-exam"))
+        },
+        [
+          createVNode(_sfc_main$1, { "show-edit": _ctx.isEdit }, createSlots({
+            preview: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                createElementVNode("div", null, [
+                  createElementVNode("span", _hoisted_2, [
+                    createTextVNode(
+                      toDisplayString(_ctx.orderIndex + 1) + "." + toDisplayString(unref(title)) + " ",
+                      1
+                      /* TEXT */
+                    ),
+                    _ctx.type === "single" ? (openBlock(), createElementBlock("span", _hoisted_3, "\uFF08\u5355\u9009\u9898\uFF09")) : ["multiple", "sort"].includes(_ctx.type) ? (openBlock(), createElementBlock(
+                      "span",
+                      _hoisted_4,
+                      "\uFF08" + toDisplayString(unref(titlePlaceholder)) + toDisplayString(unref(leastAnswerCount) ? `\u81F3\u5C11\u9009${unref(leastAnswerCount)}\u9879${_ctx.type === "sort" ? "\u5E76\u6392\u5E8F" : ""}` : "") + "\uFF09",
+                      1
+                      /* TEXT */
+                    )) : createCommentVNode("v-if", true)
+                  ])
+                ]),
+                unref(showRichText) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                  createElementVNode("div", { innerHTML: unref(richText) }, null, 8, _hoisted_6)
+                ])) : createCommentVNode("v-if", true),
+                createElementVNode("div", _hoisted_7, [
+                  _ctx.type === "sort" ? (openBlock(true), createElementBlock(
+                    Fragment,
+                    { key: 0 },
+                    renderList(unref(answers), (item, index) => {
+                      return openBlock(), createBlock(
+                        _component_el_checkbox,
+                        {
+                          key: index,
+                          class: "radio",
+                          disabled: true
+                        },
+                        {
+                          default: withCtx(() => [
+                            createElementVNode(
+                              "span",
+                              _hoisted_8,
+                              toDisplayString(String.fromCharCode(65 + index)) + ". ",
+                              1
+                              /* TEXT */
+                            ),
+                            createTextVNode(
+                              " " + toDisplayString(item.title),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        },
+                        1024
+                        /* DYNAMIC_SLOTS */
+                      );
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  )) : (openBlock(true), createElementBlock(
+                    Fragment,
+                    { key: 1 },
+                    renderList(unref(answers), (item, index) => {
+                      return openBlock(), createBlock(
+                        _component_el_radio,
+                        {
+                          key: index,
+                          class: "radio",
+                          value: "disabled",
+                          disabled: ""
+                        },
+                        {
+                          default: withCtx(() => [
+                            createElementVNode(
+                              "span",
+                              _hoisted_9,
+                              toDisplayString(String.fromCharCode(65 + index)) + ". ",
+                              1
+                              /* TEXT */
+                            ),
+                            createTextVNode(
+                              " " + toDisplayString(item.title),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        },
+                        1024
+                        /* DYNAMIC_SLOTS */
+                      );
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])
+              ])
+            ]),
+            default: withCtx(() => [
+              _ctx.showAction ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 0,
+                "is-edit": _ctx.isEdit,
+                "is-set": _ctx.isSet,
+                isKey: unref(isKey),
+                examAnswerRelationType: props.examAnswerRelationType,
+                answerCheckType: unref(answerCheckType),
+                onMoveUp: _cache[5] || (_cache[5] = ($event) => emits("move", "up")),
+                onMoveDown: _cache[6] || (_cache[6] = ($event) => emits("move", "down")),
+                onDelete: _cache[7] || (_cache[7] = ($event) => emits("delete")),
+                onSave: save,
+                onEdit: _cache[8] || (_cache[8] = ($event) => emits("edit")),
+                onAdd: add,
+                onOnShowRichText: _cache[9] || (_cache[9] = ($event) => showRichText.value = true),
+                onSetKey: setKey,
+                onSetAnswerSetting: setAnswerSetting
+              }, null, 8, ["is-edit", "is-set", "isKey", "examAnswerRelationType", "answerCheckType"])) : createCommentVNode("v-if", true)
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, [
+            _ctx.isEdit ? {
+              name: "edit",
+              fn: withCtx(() => [
+                createElementVNode(
+                  "div",
+                  {
+                    class: normalizeClass(["flex", [{ "margin-bottom": unref(showRichText) }]])
+                  },
+                  [
+                    _cache[13] || (_cache[13] = createElementVNode(
+                      "div",
+                      { class: "label flex flex-justify-center" },
+                      [
+                        createElementVNode("span", null, "\u9898\u76EE:")
+                      ],
+                      -1
+                      /* HOISTED */
+                    )),
+                    createElementVNode("div", _hoisted_10, [
+                      createVNode(_component_el_input, {
+                        modelValue: unref(title),
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(title) ? title.value = $event : null),
+                        type: "textarea",
+                        rows: 2,
+                        placeholder: `\u3010${unref(titlePlaceholder)}\u3011\u8BF7\u8F93\u5165\u95EE\u9898`,
+                        disabled: _ctx.isSave,
+                        "show-word-limit": "",
+                        maxlength: "200",
+                        class: "margin-bottom"
+                      }, null, 8, ["modelValue", "placeholder", "disabled"])
+                    ])
+                  ],
+                  2
+                  /* CLASS */
+                ),
+                createElementVNode("div", _hoisted_11, [
+                  _cache[14] || (_cache[14] = createElementVNode(
+                    "div",
+                    { class: "label flex flex-justify-center" },
+                    [
+                      createElementVNode("span", null, "\u8BBE\u7F6E:")
+                    ],
+                    -1
+                    /* HOISTED */
+                  )),
+                  ["multiple", "sort"].includes(_ctx.type) ? (openBlock(), createBlock(_component_el_select, {
+                    key: 0,
+                    modelValue: unref(leastAnswerCount),
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(leastAnswerCount) ? leastAnswerCount.value = $event : null),
+                    style: { "width": "120px" },
+                    placeholder: "\u81F3\u5C11\u9009\u62E9\u51E0\u9879",
+                    disabled: _ctx.isSave
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(
+                        Fragment,
+                        null,
+                        renderList(unref(leastAnswerOptions), (item) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: item.value,
+                            value: item.value
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(
+                                toDisplayString(item.label),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["value"]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["modelValue", "disabled"])) : createCommentVNode("v-if", true)
+                ]),
+                createElementVNode("div", _hoisted_12, [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(unref(answers), (item, index) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: index,
+                        class: "answer-item flex flex-items-center"
+                      }, [
+                        createElementVNode(
+                          "span",
+                          _hoisted_13,
+                          toDisplayString(String.fromCharCode(65 + index)) + ".",
+                          1
+                          /* TEXT */
+                        ),
+                        createVNode(_component_el_input, {
+                          modelValue: item.title,
+                          "onUpdate:modelValue": ($event) => item.title = $event,
+                          class: "input",
+                          "show-word-limit": "",
+                          maxlength: "100",
+                          placeholder: `\u9009\u9879${String.fromCharCode(65 + index)}`,
+                          disabled: _ctx.isSave
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled"]),
+                        ["single", "multiple"].includes(_ctx.type) ? (openBlock(), createBlock(_component_el_checkbox, {
+                          key: 0,
+                          value: item.isCorrect,
+                          class: normalizeClass([{ "is-correct": item.isCorrect }]),
+                          disabled: _ctx.isSave,
+                          style: { "margin-left": "10px" },
+                          onChange: (event) => setCorrect(item, event)
+                        }, {
+                          default: withCtx(() => [..._cache[15] || (_cache[15] = [
+                            createTextVNode(" \u652F\u6301\u9009\u9879 ")
+                          ])]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["value", "class", "disabled", "onChange"])) : createCommentVNode("v-if", true),
+                        createVNode(_component_el_icon, { class: "icon" }, {
+                          default: withCtx(() => [
+                            createVNode(unref(CirclePlus), {
+                              class: normalizeClass([{ disabled: _ctx.isSave }]),
+                              onClick: addAnswer
+                            }, null, 8, ["class"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }),
+                        createVNode(
+                          _component_el_icon,
+                          { class: "icon" },
+                          {
+                            default: withCtx(() => [
+                              createVNode(unref(Remove), {
+                                class: normalizeClass([{ disabled: unref(answers).length < 3 || _ctx.isSave }]),
+                                onClick: ($event) => deleteAnswer(index)
+                              }, null, 8, ["class", "onClick"])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1024
+                          /* DYNAMIC_SLOTS */
+                        ),
+                        _ctx.examAnswerRelationType === 1 ? (openBlock(), createBlock(_component_el_link, {
+                          key: 1,
+                          type: "primary",
+                          class: "margin-left-10",
+                          onClick: ($event) => onOpenResult(index)
+                        }, {
+                          default: withCtx(() => [
+                            createElementVNode(
+                              "span",
+                              null,
+                              toDisplayString(item.resultItem ? "\u7F16\u8F91\u7ED3\u679C" : "\u6DFB\u52A0\u7ED3\u679C"),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["onClick"])) : createCommentVNode("v-if", true),
+                        _ctx.examAnswerRelationType === 2 ? (openBlock(), createBlock(_component_el_link, {
+                          key: 2,
+                          type: "primary",
+                          class: "margin-left-10",
+                          onClick: ($event) => setRelation(item)
+                        }, {
+                          default: withCtx(() => [
+                            createElementVNode(
+                              "span",
+                              null,
+                              toDisplayString(item.answerRelations?.length ? `\u5173\u8054\u4E86${item.answerRelations?.length}\u9879` : "\u5173\u8054\u68C0\u67E5"),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["onClick"])) : createCommentVNode("v-if", true)
+                      ]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                _ctx.type === "sort" ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                  _cache[16] || (_cache[16] = createElementVNode(
+                    "div",
+                    { class: "label flex flex-justify-end" },
+                    [
+                      createElementVNode("span", null, "\u6392\u5E8F\u7B54\u6848:")
+                    ],
+                    -1
+                    /* HOISTED */
+                  )),
+                  createElementVNode("div", _hoisted_15, [
+                    createVNode(_component_el_select, {
+                      modelValue: unref(orderList),
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(orderList) ? orderList.value = $event : null),
+                      mode: "multiple",
+                      style: { "width": "360px" },
+                      placeholder: "\u8BF7\u6309\u987A\u5E8F\u9009\u62E9\u6392\u5E8F\u7B54\u6848",
+                      "show-arrow": true
+                    }, {
+                      default: withCtx(() => [
+                        createCommentVNode(' :options="[...Array(answers.length)].map((_, i) => ({ value: String.fromCharCode(65 + i) }))" '),
+                        (openBlock(true), createElementBlock(
+                          Fragment,
+                          null,
+                          renderList(unref(answers), (item, index) => {
+                            return openBlock(), createBlock(_component_el_option, {
+                              key: index,
+                              label: item.title,
+                              value: String.fromCharCode(65 + index)
+                            }, null, 8, ["label", "value"]);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["modelValue"])
+                  ])
+                ])) : createCommentVNode("v-if", true),
+                _ctx.showAnalysis ? (openBlock(), createElementBlock("div", _hoisted_16, [
+                  _cache[17] || (_cache[17] = createElementVNode(
+                    "div",
+                    { class: "label flex flex-justify-center" },
+                    [
+                      createElementVNode("span", null, "\u89E3\u6790:")
+                    ],
+                    -1
+                    /* HOISTED */
+                  )),
+                  createElementVNode("div", _hoisted_17, [
+                    createVNode(_component_el_input, {
+                      modelValue: unref(analysis),
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(analysis) ? analysis.value = $event : null),
+                      type: "textarea",
+                      rows: 2,
+                      placeholder: "\u8BF7\u8F93\u5165\u9898\u76EE\u89E3\u6790"
+                    }, null, 8, ["modelValue"])
+                  ])
+                ])) : createCommentVNode("v-if", true),
+                unref(showRichText) ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                  _cache[19] || (_cache[19] = createElementVNode(
+                    "div",
+                    { class: "label flex flex-justify-center" },
+                    [
+                      createElementVNode("span", null, "\u5BCC\u6587\u672C:")
+                    ],
+                    -1
+                    /* HOISTED */
+                  )),
+                  createElementVNode("div", _hoisted_19, [
+                    createVNode(_sfc_main$3, mergeProps({
+                      "model-value": unref(richText),
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(richText) ? richText.value = $event : null)
+                    }, unref(attrs), { style: { "width": "100%" } }), null, 16, ["model-value"]),
+                    createElementVNode("div", _hoisted_20, [
+                      createVNode(_component_el_link, {
+                        type: "danger",
+                        onClick: deleteRichText
+                      }, {
+                        default: withCtx(() => _cache[18] || (_cache[18] = [
+                          createTextVNode(" \u5220\u9664\u5BCC\u6587\u672C ")
+                        ])),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ])
+                  ])
+                ])) : createCommentVNode("v-if", true)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["show-edit"]),
+          createVNode(_component_el_dialog, {
+            modelValue: unref(showRichContent),
+            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => isRef(showRichContent) ? showRichContent.value = $event : null),
+            title: "\u6DFB\u52A0\u7ED3\u679C",
+            class: "customize-dialog"
+          }, {
+            footer: withCtx(() => [
+              createVNode(_component_el_button, {
+                class: "customize-button",
+                type: "primary",
+                plain: "",
+                onClick: onCloseResult
+              }, {
+                default: withCtx(() => _cache[20] || (_cache[20] = [
+                  createTextVNode(" \u53D6\u6D88 ")
+                ])),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode(_component_el_button, {
+                class: "customize-button",
+                type: "primary",
+                plain: "",
+                onClick: _cache[11] || (_cache[11] = ($event) => onSaveResult(unref(answersIndex)))
+              }, {
+                default: withCtx(() => _cache[21] || (_cache[21] = [
+                  createTextVNode(" \u4FDD\u5B58 ")
+                ])),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            default: withCtx(() => [
+              createVNode(_sfc_main$3, mergeProps({
+                "model-value": unref(resultItem),
+                "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => isRef(resultItem) ? resultItem.value = $event : null)
+              }, unref(attrs), { style: { "width": "100%" } }), null, 16, ["model-value"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["modelValue"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=subject-single.vue.js.map