cnhis-design-vue 3.3.1-beta.7 → 3.3.1-release.4

package/es/components/ai-chat/src/components/card/JsonCard.d.ts

@@ -0,0 +1,25 @@
+import { PropType } from 'vue';
+import { AnyObject } from '../../../../../shared/types';
+declare const _default: import("vue").DefineComponent<{
+    item: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
+    messageItem: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
+    messageItem: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
+}>> & {}, {
+    item: AnyObject;
+    messageItem: AnyObject;
+}>;
+export default _default;

package/es/components/ai-chat/src/components/card/JsonCard.js

@@ -0,0 +1,574 @@
+import { defineComponent, ref, computed, createVNode, resolveComponent, createTextVNode } from 'vue';
+import { NButton } from 'naive-ui';
+import fileIcon from '../../../../../shared/assets/img/file.png.js';
+import fileEmrIcon from '../../../../../shared/assets/img/file-emr.png.js';
+import useIcon from '../../../../../shared/assets/img/use.png.js';
+import { CheckmarkCircle } from '@vicons/ionicons5';
+import { isArray, isString } from 'lodash-es';
+import { useData } from '../../hooks/useData.js';
+import '../../utils/index.js';
+
+var JsonCard = /* @__PURE__ */ defineComponent({
+  name: "ChatJsonCard",
+  inheritAttrs: false,
+  props: {
+    item: {
+      type: Object,
+      default: () => ({})
+    },
+    messageItem: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: [],
+  setup(props, {
+    attrs,
+    slots,
+    emit: _emit
+  }) {
+    const {
+      state,
+      isStreamingOutput,
+      configs,
+      emit,
+      sendMessage,
+      toNext,
+      $dialog
+    } = useData();
+    const {
+      messageType,
+      content = {}
+    } = props.messageItem;
+    const recommendedChecked = ref([]);
+    const selectedList = ref([]);
+    const vac01 = computed(() => {
+      var _a, _b;
+      return (_b = (_a = configs.value) == null ? void 0 : _a.vac01) != null ? _b : "";
+    });
+    const vac06 = computed(() => {
+      var _a, _b;
+      return (_b = (_a = configs.value) == null ? void 0 : _a.vac06) != null ? _b : "";
+    });
+    const diagnosis = computed(() => {
+      return content == null ? void 0 : content.diagnosis;
+    });
+    const diagnosisHasHeader = computed(() => {
+      var _a;
+      return messageType === "diagnosis_added" && ((_a = diagnosis.value) == null ? void 0 : _a.length);
+    });
+    const hasHeader = computed(() => {
+      return diagnosisHasHeader.value || messageType === "medical_added";
+    });
+    const hasFooter = computed(() => {
+      return messageType && ["diagnosis", "diagnosis_added", "treatment_plan"].includes(messageType);
+    });
+    const innerData = computed(() => {
+      var _a, _b;
+      if (messageType === "diagnosis_added") {
+        return ((_a = content.recommendedExaminations) == null ? void 0 : _a.filter((i) => i.type !== "outer")) || [];
+      } else if (messageType === "treatment_plan") {
+        return ((_b = content.medications) == null ? void 0 : _b.filter((i) => i.type !== "outer")) || [];
+      }
+      return [];
+    });
+    const outerData = computed(() => {
+      var _a, _b, _c;
+      if (messageType === "diagnosis_added") {
+        return ((_b = (_a = content.recommendedExaminations) == null ? void 0 : _a.filter) == null ? void 0 : _b.call(_a, (i) => i.type === "outer")) || [];
+      } else if (messageType === "treatment_plan") {
+        return ((_c = content.medications) == null ? void 0 : _c.filter((i) => i.type === "outer")) || [];
+      }
+      return [];
+    });
+    const init = () => {
+      var _a, _b;
+      if (messageType === "diagnosis_added") {
+        recommendedChecked.value = (_b = (_a = innerData.value) == null ? void 0 : _a.map) == null ? void 0 : _b.call(_a, (item) => item.name);
+      }
+    };
+    init();
+    const selectItem = (item, key = "name") => {
+      if (selectedList.value.includes(item[key])) {
+        selectedList.value = selectedList.value.filter((v) => v !== item[key]);
+      } else {
+        selectedList.value.push(item[key]);
+      }
+    };
+    const recommendedTagClick = (item) => {
+      var _a;
+      if (recommendedChecked.value.includes(item.name)) {
+        recommendedChecked.value = (_a = recommendedChecked.value) == null ? void 0 : _a.filter((name) => name !== item.name);
+      } else {
+        recommendedChecked.value.push(item.name);
+      }
+    };
+    function possibleConditionClick(e, item) {
+      var _a, _b, _c;
+      (_a = e == null ? void 0 : e.preventDefault) == null ? void 0 : _a.call(e);
+      (_b = e == null ? void 0 : e.stopPropagation) == null ? void 0 : _b.call(e);
+      if (state.loading)
+        return;
+      let arr = item ? [item] : [];
+      if (!arguments.length) {
+        arr = (_c = content.possibleConditions) == null ? void 0 : _c.filter((conditions) => selectedList.value.includes(conditions.code));
+      }
+      if (!arr.length)
+        return;
+      if (!isStreamingOutput.value) {
+        state.loadingText = "\u4F9D\u636E\u5F53\u524D\u8BCA\u65AD\u4E0E\u75C5\u5386\u5185\u5BB9\u5206\u6790\uFF0C\u6B63\u5728\u7B5B\u4E3A\u60A8\u7B5B\u9009\u548C\u5339\u914D\u6700\u9002\u5408\u7684\u68C0\u9A8C\u68C0\u67E5\u9879\u76EE";
+      }
+      const flowResult = "\u5F15\u7528\u8BCA\u65AD####" + JSON.stringify({
+        vaa07: vac01.value,
+        vac06: vac06.value,
+        possibleConditions: arr
+      });
+      sendMessage({
+        ...props.item,
+        opType: "diagnosis",
+        contents: [{
+          role: "user",
+          content: "",
+          contentType: "text"
+        }],
+        possibleConditions: arr,
+        flowResult
+      });
+    }
+    async function inspectionItemMethod(e, item) {
+      var _a, _b, _c;
+      if (!isString(e)) {
+        (_a = e == null ? void 0 : e.preventDefault) == null ? void 0 : _a.call(e);
+        (_b = e == null ? void 0 : e.stopPropagation) == null ? void 0 : _b.call(e);
+      }
+      if (state.loading)
+        return;
+      if (e === "edit") {
+        const bbx05List = item ? recommendedChecked.value.includes(item.name) ? [item.name] : [] : [...recommendedChecked.value];
+        emit("program", {
+          key: "medical_order",
+          params: {
+            bbx05List: JSON.stringify(bbx05List),
+            vac01: vac01.value,
+            type: 3
+          }
+        });
+      } else {
+        let arr = item ? [item] : [];
+        if (!item) {
+          arr = (_c = innerData.value) == null ? void 0 : _c.filter((recommendedExamination) => recommendedChecked.value.includes(recommendedExamination.name));
+        }
+        const flowResult = "\u5F15\u7528\u533B\u5631####" + JSON.stringify({
+          vaa07: vac01.value,
+          vac06: vac06.value,
+          recommendedExaminations: arr
+        });
+        sendMessage({
+          ...props.item,
+          opType: "medical_order",
+          contents: [{
+            role: "user",
+            content: "",
+            contentType: "text"
+          }],
+          recommendedExaminations: arr,
+          flowResult
+        });
+      }
+    }
+    const openReportDetail = async () => {
+      var _a;
+      const _content = ((_a = content.reports) == null ? void 0 : _a[0]) || {};
+      emit("program", {
+        key: "report",
+        params: {
+          vaa07: vac01.value,
+          reportType: _content.reportType,
+          reportId: _content.reportId
+        }
+      });
+    };
+    const treatmentPlan = async (e, item) => {
+      var _a, _b, _c, _d, _e;
+      (_a = e == null ? void 0 : e.preventDefault) == null ? void 0 : _a.call(e);
+      (_b = e == null ? void 0 : e.stopPropagation) == null ? void 0 : _b.call(e);
+      if (state.loading)
+        return;
+      const drugNameList = item ? [item.name] : selectedList.value;
+      const params = {
+        drugNameList: JSON.stringify(drugNameList),
+        vac01: vac01.value,
+        type: 3
+      };
+      if (!isStreamingOutput.value) {
+        emit("program", {
+          key: "recommend_treatment_plan",
+          params
+        });
+        return;
+      }
+      const arr = (_c = innerData.value) == null ? void 0 : _c.filter((medications) => drugNameList.includes(medications.name));
+      const _hasInventory = arr.some((v) => !hasInventory(v.inventory));
+      function toDo() {
+        const flowResult = "\u5F15\u7528\u6CBB\u7597\u65B9\u6848####" + JSON.stringify(params);
+        sendMessage({
+          ...props.item,
+          contents: [{
+            role: "user",
+            content: "",
+            contentType: "text"
+          }],
+          flowResult
+        });
+      }
+      if (_hasInventory) {
+        $dialog.warning({
+          title: "\u63D0\u793A",
+          maskClosable: false,
+          content: "\u5B58\u5728\u5E93\u5B58\u544A\u6025\u7684\u836F\u7269\uFF0C\u8BF7\u8C28\u614E\u5F00\u65B9",
+          positiveText: ((_d = window.getLanguageByCode) == null ? void 0 : _d.call(window, "10010.1.27")) || "\u786E\u5B9A",
+          negativeText: ((_e = window.getLanguageByCode) == null ? void 0 : _e.call(window, "10010.1.28")) || "\u53D6\u6D88",
+          onPositiveClick: () => {
+            toDo();
+          }
+        });
+        return;
+      }
+      toDo();
+    };
+    const footerClick = (type) => {
+      const disabled = messageType === "diagnosis_added" ? !recommendedChecked.value.length : !selectedList.value.length;
+      if (disabled)
+        return;
+      if (messageType === "diagnosis")
+        return possibleConditionClick();
+      if (messageType === "diagnosis_added")
+        return inspectionItemMethod(type);
+      if (messageType === "treatment_plan")
+        return treatmentPlan();
+    };
+    async function openRight() {
+      var _a;
+      if (messageType === "medical") {
+        emit("program", {
+          key: "medical",
+          params: {
+            vac01: (_a = configs.value) == null ? void 0 : _a.vac01,
+            type: 1
+          }
+        });
+      } else {
+        if (isStreamingOutput.value) {
+          state.consultationContent = state.record.find((item) => item.contents[0].messageType === messageType);
+        } else {
+          state.consultationContent = props.item;
+        }
+        state.showRight = true;
+      }
+    }
+    const renderInquiryAndMedical = () => {
+      var _a, _b;
+      const isInquiry = messageType === "inquiry";
+      const isLink = messageType === "link";
+      const {
+        linkType,
+        linkURL,
+        linkProcess,
+        linkParams
+      } = content || {};
+      function onClick() {
+        if (isLink) {
+          if (linkType == 0) {
+            window.open(linkURL, "_blank");
+          } else if (linkType == 1) {
+            if (state.bpmnProcessDoing)
+              return;
+            state.bpmnProcessId = linkProcess;
+            toNext(linkProcess, linkParams);
+          }
+          return;
+        }
+        openRight();
+      }
+      const disabled = isLink && linkType == 1 && state.bpmnProcessDoing;
+      return createVNode("div", {
+        "class": ["inquiry_medical-box", {
+          disabled
+        }],
+        "onClick": () => onClick()
+      }, [createVNode("div", {
+        "class": "left-img"
+      }, [createVNode("img", {
+        "src": isInquiry || isLink ? fileIcon : fileEmrIcon
+      }, null)]), createVNode("div", {
+        "class": "right-text"
+      }, [createVNode("p", {
+        "class": "top-info"
+      }, [isInquiry ? (_a = content.summary) == null ? void 0 : _a.inquiryStr : content.info]), createVNode("p", {
+        "class": "sum-time"
+      }, [createTextVNode("\u521B\u5EFA\u65F6\u95F4\uFF1A"), ((_b = content.summary) == null ? void 0 : _b.creationTime) || content.creationTime])])]);
+    };
+    const renderDiagnosis = () => {
+      var _a;
+      return createVNode("div", {
+        "class": "diagnosis-box"
+      }, [createVNode("div", {
+        "class": "title"
+      }, [createTextVNode("\u8BCA\u65AD\u8F85\u52A9")]), createVNode("div", {
+        "class": "desc"
+      }, [content.patientHistory]), (_a = content.possibleConditions) == null ? void 0 : _a.map((item) => {
+        return createVNode("div", {
+          "class": ["con-item", {
+            active: selectedList.value.includes(item.code)
+          }],
+          "onClick": () => selectItem(item, "code")
+        }, [createVNode("div", {
+          "class": "item-left"
+        }, [createVNode("div", {
+          "class": "item-top"
+        }, [createVNode("a", {
+          "href": item.link,
+          "target": "_blank"
+        }, [createTextVNode("\u3010"), item.condition, createTextVNode("\u3011")]), item.code, createTextVNode("("), item.probability, createTextVNode(")")]), createVNode("div", {
+          "class": "btm-desc"
+        }, [item.description])]), createVNode("img", {
+          "class": "right-icon",
+          "src": useIcon,
+          "onClick": (e) => possibleConditionClick(e, item)
+        }, null)]);
+      })]);
+    };
+    const renderDiagnosisAdded = () => {
+      var _a, _b;
+      return createVNode("div", {
+        "class": "diagnosis-added-box"
+      }, [createVNode("div", {
+        "class": "recommended-wrap"
+      }, [createVNode("div", {
+        "class": "title"
+      }, [createTextVNode("\u68C0\u9A8C\u68C0\u67E5\u63A8\u8350")]), (_a = innerData.value) == null ? void 0 : _a.map((item) => {
+        return createVNode("div", {
+          "class": ["con-item", {
+            active: recommendedChecked.value.includes(item.name)
+          }],
+          "onClick": () => recommendedTagClick(item)
+        }, [createVNode("div", {
+          "class": "item-left"
+        }, [createVNode("p", {
+          "class": "name"
+        }, [item.name]), createVNode("div", {
+          "class": "desc"
+        }, [item.description])]), createVNode("img", {
+          "class": "right-icon",
+          "src": useIcon,
+          "onClick": (e) => inspectionItemMethod(e, item)
+        }, null)]);
+      })]), ((_b = outerData.value) == null ? void 0 : _b.length) ? createVNode("div", {
+        "class": "recommended-wrap outer-wrap"
+      }, [createVNode("div", {
+        "class": "title"
+      }, [createTextVNode("\u5176\u4ED6\u68C0\u9A8C\u68C0\u67E5\u63A8\u8350")]), outerData.value.map((item) => {
+        return createVNode("div", {
+          "class": "con-item outer-item"
+        }, [createVNode("div", {
+          "class": "item-left"
+        }, [createVNode("p", {
+          "class": "name"
+        }, [item.name]), createVNode("div", {
+          "class": "desc"
+        }, [item.description])])]);
+      })]) : null]);
+    };
+    const renderReport = () => {
+      var _a;
+      const _content = content || {};
+      const reportInterpretationList = ((_a = _content.reportInterpretation) == null ? void 0 : _a.replace(/\\n|\n|\r/g, "<br>").split("<br>")) || [""];
+      const reportInterpretation = reportInterpretationList.map((str, idx) => [str, idx === reportInterpretationList.length - 1 ? null : createVNode("br", null, null)]);
+      return createVNode("div", {
+        "class": "report-message-box"
+      }, [createVNode("div", {
+        "class": "top-title"
+      }, [createVNode("div", {
+        "class": "left-title"
+      }, [createVNode(resolveComponent("n-icon"), {
+        "component": CheckmarkCircle
+      }, null), _content.reportName]), createVNode("div", {
+        "class": "right-detail"
+      }, [createVNode(NButton, {
+        "text": true,
+        "onClick": openReportDetail
+      }, {
+        default: () => [createTextVNode("\u62A5\u544A\u8BE6\u60C5")]
+      }), createVNode(NButton, {
+        "text": true
+      }, {
+        default: () => [createTextVNode("\u63A8\u8350\u65B9\u6848")]
+      })])]), createVNode("div", {
+        "class": "center-img"
+      }, [_content.images.map((v) => v.imageType === "pdf" ? createVNode("embed", {
+        "class": "pdf-embed",
+        "src": v.image,
+        "type": "application/pdf"
+      }, null) : createVNode(resolveComponent("n-image"), {
+        "src": v.image
+      }, null))]), createVNode("div", {
+        "class": "bottom-interpretation"
+      }, [reportInterpretation, createVNode("div", {
+        "class": "desc-tip"
+      }, [createTextVNode("\u8BF7\u6CE8\u610F\uFF0C\u8F85\u52A9\u8BCA\u65AD\u7531AI\u63A8\u8350\uFF0C\u7ED3\u679C\u4EC5\u4F9B\u4E34\u5E8A\u53C2\u8003\u3002")])])]);
+    };
+    const hasInventory = (inventory) => inventory && +inventory > 10;
+    const renderTreatmentPlan = () => {
+      var _a, _b, _c;
+      return createVNode("div", {
+        "class": "treatment-plan-box"
+      }, [createVNode("div", {
+        "class": "top-div"
+      }, [createVNode("div", {
+        "class": "title"
+      }, [content.title])]), createVNode("div", {
+        "class": "desc"
+      }, [content.description]), createVNode("div", {
+        "class": "medication-wrap"
+      }, [createVNode("div", {
+        "class": "title"
+      }, [createTextVNode("\u836F\u7269")]), innerData.value.map((item) => {
+        return createVNode("div", {
+          "class": ["con-item", {
+            active: selectedList.value.includes(item.name)
+          }],
+          "onClick": () => selectItem(item)
+        }, [!hasInventory(item.inventory) ? createVNode("span", {
+          "class": "inventory-tag"
+        }, [createVNode("span", null, [createTextVNode("\u5E93\u5B58\u544A\u6025\u3010"), item.inventory, createTextVNode("\u3011")])]) : null, createVNode("div", {
+          "class": "item-left"
+        }, [createVNode("p", {
+          "class": "name"
+        }, [item.name]), createVNode("ul", null, [createVNode("li", null, [createTextVNode("\u7528\u91CF: "), item.dosage, item.purpose]), createVNode("li", null, [createTextVNode("\u7528\u6CD5: "), item.usageInstructions]), item.bby06 ? createVNode("li", null, [createTextVNode("\u89C4\u683C\uFF1A"), item.bby06]) : null])]), createVNode("img", {
+          "class": "right-icon",
+          "src": useIcon,
+          "onClick": (e) => treatmentPlan(e, item)
+        }, null)]);
+      })]), ((_a = content.precautions) == null ? void 0 : _a.length) ? createVNode("div", {
+        "class": "precaution-wrap"
+      }, [createVNode("div", {
+        "class": "title"
+      }, [createTextVNode("\u6CE8\u610F\u4E8B\u9879")]), createVNode("div", {
+        "class": "precaution-div"
+      }, [(_b = content.precautions) == null ? void 0 : _b.map((p, index) => {
+        return createVNode("div", {
+          "class": "treatment-item"
+        }, [index + 1, createTextVNode(". "), p]);
+      })])]) : null, ((_c = outerData.value) == null ? void 0 : _c.length) ? createVNode("div", {
+        "class": "medication-wrap"
+      }, [createVNode("div", {
+        "class": "title"
+      }, [createTextVNode("\u5176\u4ED6\u6CBB\u7597\u65B9\u6848\u63A8\u8350")]), outerData.value.map((item) => {
+        return createVNode("div", {
+          "class": "con-item outer-item"
+        }, [createVNode("div", {
+          "class": "item-left"
+        }, [createVNode("p", {
+          "class": "name"
+        }, [item.name]), createVNode("ul", null, [createVNode("li", null, [createTextVNode("\u7528\u91CF: "), item.dosage, item.purpose]), createVNode("li", null, [createTextVNode("\u7528\u6CD5: "), item.usageInstructions]), item.bby06 ? createVNode("li", null, [createTextVNode("\u89C4\u683C\uFF1A"), item.bby06]) : null])])]);
+      })]) : null]);
+    };
+    function renderMedicalAdded() {
+      if (!isArray(content))
+        return null;
+      const itemRender = content.map((medicalAdviceDetailItem) => {
+        const {
+          itemName,
+          sample,
+          execDeptName
+        } = medicalAdviceDetailItem || {};
+        let str = "";
+        if (itemName) {
+          str += itemName;
+        }
+        const getPrefix = () => !str || str.endsWith("/") ? "" : "/";
+        if (sample) {
+          str += getPrefix() + sample;
+        }
+        if (execDeptName) {
+          str += getPrefix() + execDeptName;
+        }
+        return createVNode("div", {
+          "class": "item"
+        }, [createVNode("span", null, [str]), createVNode("span", {
+          "class": "time"
+        }, [medicalAdviceDetailItem.beginExecTime])]);
+      });
+      return createVNode("div", {
+        "class": "medical-added-box"
+      }, [itemRender]);
+    }
+    const renderHeader = () => {
+      if (!hasHeader.value)
+        return null;
+      const list = messageType === "medical_added" ? [{}] : diagnosis.value;
+      return list.map((diagnosisItem) => {
+        return createVNode("div", {
+          "class": "card-header"
+        }, [createVNode("span", {
+          "class": "left-title"
+        }, [createVNode(resolveComponent("n-icon"), {
+          "component": CheckmarkCircle
+        }, null), messageType === "medical_added" ? "\u5DF2\u5B8C\u6210\u7533\u8BF7\u5355\u5F00\u7ACB" : `\u5DF2\u6DFB\u52A0\u8BCA\u65AD\uFF1A${diagnosisItem.name}`]), messageType === "medical_added" ? null : createVNode("span", {
+          "class": "right-desc"
+        }, [createTextVNode("\u521B\u5EFA\u65F6\u95F4: "), diagnosisItem.createdTime])]);
+      });
+    };
+    const renderFooter = () => {
+      var _a;
+      if (!hasFooter.value)
+        return null;
+      const disabled = state.loading || (messageType === "diagnosis_added" ? !((_a = recommendedChecked.value) == null ? void 0 : _a.length) : !selectedList.value.length);
+      return createVNode("div", {
+        "class": "card-footer"
+      }, [createVNode("span", {
+        "class": "left-desc"
+      }, [createTextVNode("\u8BF7\u6CE8\u610F\uFF0C\u63A8\u8350\u4FE1\u606F\u7531AI\u751F\u6210\uFF0C\u7ED3\u679C\u4EC5\u4F9B\u4E34\u5E8A\u53C2\u8003")]), createVNode("div", {
+        "class": "right-btns"
+      }, [messageType && ["diagnosis_added", "treatment_plan"].includes(messageType) ? createVNode(NButton, {
+        "size": "large",
+        "disabled": disabled,
+        "onClick": () => footerClick("edit")
+      }, {
+        default: () => [createTextVNode("\u7F16\u8F91\u6240\u9009")]
+      }) : null, createVNode("span", {
+        "class": ["right-btn", {
+          disabled
+        }],
+        "onClick": () => footerClick()
+      }, [createTextVNode("\u5F15\u7528\u6240\u9009")])])]);
+    };
+    const renderContent = () => {
+      if (messageType && ["inquiry", "medical", "link"].includes(messageType))
+        return renderInquiryAndMedical();
+      if (messageType == "diagnosis")
+        return renderDiagnosis();
+      if (messageType == "diagnosis_added")
+        return renderDiagnosisAdded();
+      if (messageType == "treatment_plan")
+        return renderTreatmentPlan();
+      if (messageType == "report_message")
+        return renderReport();
+      if (messageType == "medical_added")
+        return renderMedicalAdded();
+      return "\u9ED8\u8BA4json\u5185\u5BB9";
+    };
+    const renderVM = () => {
+      return createVNode("section", {
+        "class": "json-card_section"
+      }, [renderHeader(), createVNode("div", {
+        "class": "card-content"
+      }, [renderContent()]), renderFooter()]);
+    };
+    return () => {
+      return renderVM();
+    };
+  }
+});
+
+export { JsonCard as default };

package/es/components/ai-chat/src/components/message-render/CardRender.d.ts

@@ -0,0 +1,16 @@
+import { PropType } from 'vue';
+import { MessageItem } from '../../types';
+declare const _default: import("vue").DefineComponent<{
+    msgItem: {
+        type: PropType<MessageItem>;
+        default: () => {};
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    msgItem: {
+        type: PropType<MessageItem>;
+        default: () => {};
+    };
+}>>, {
+    msgItem: MessageItem;
+}>;
+export default _default;