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

package/es/components/ai-chat/src/Index.vue2.js

@@ -1 +1,175 @@
-import{defineComponent as e,reactive as t,provide as o,toRefs as r,computed as s,openBlock as a,createElementBlock as i,normalizeClass as n,normalizeStyle as u,unref as l,createVNode as p,withCtx as d,createBlock as m,createCommentVNode as c}from"vue";import{NMessageProvider as h}from"naive-ui";import y from"./components/ChatMain.js";import f from"./components/ChatFooter.vue.js";import{useTheme as v}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import"lodash-es";import"@vue/shared";import{uuidGenerator as S}from"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import"../../../shared/hooks/useScrollLoading.js";import{InjectionAIChat as x,InjectionAIChatEmits as g}from"./types/index.js";import j from"axios";const k=["id"];var P=e({__name:"Index",props:{token:{type:String,required:!0},userAvatar:{type:String},defaultShortcutList:{type:Array},shortcutList:{type:Array},queryData:{type:Function,reuired:!0},queryRecord:{type:Function,reuired:!0},hideInput:{type:Boolean},uiStyle:{type:String},audioTimed:{type:Number,default:10},commandList:{type:Array},queryPrompt:{type:Function},patientInfo:{type:Object},appId:{type:String}},emits:["button-click"],setup(e,{expose:P,emit:I}){const b=e,A=v(),C=j.create({headers:{Authorization:"bearer "+b.token}});C.interceptors.response.use((e=>{var t;return(null==(t=e.data)?void 0:t.success)?e.data:{success:!1,data:[]}}));const F=t({id:"ai-chat-"+S(),loading:!1,sending:!1,sendContent:"",selectedCommand:null,selectedPrompt:null,externalData:null,selectedPatient:null,selectedPatientLabel:"",selectedPatientForm:null,showPatient:!1});return o(x,{...r(b),state:F,isSmall:s((()=>"small"===b.uiStyle)),axiosInstance:C}),o(g,I),P({pushMessage:e=>{F.externalData=e},updatePatientInfo:e=>{F.selectedPatient=e}}),(t,o)=>(a(),i("div",{id:F.id,class:n(["ai-chat","small"===e.uiStyle?"ai-chat--small":""]),style:u(l(A))},[p(l(h),null,{default:d((()=>[p(l(y)),e.hideInput?c("v-if",!0):(a(),m(f,{key:0}))])),_:1})],14,k))}});export{P as default};
+import { defineComponent, provide, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, createElementVNode, createBlock, Fragment, createCommentVNode, withDirectives, vShow, renderSlot } from 'vue';
+import { NDialogProvider, NButton, NIcon } from 'naive-ui';
+import ChatMain from './components/ChatMain.js';
+import ChatFooter from './components/ChatFooter.vue.js';
+import ChatRight from './components/ChatRight.vue.js';
+import ChatMainDefault from './components/ChatMainDefault.js';
+import { CloseOutline } from '@vicons/ionicons5';
+import { initData, InjectionAIChatData } from './hooks/useData.js';
+import { useWebsocket } from './hooks/useWebsocket.js';
+import MobileChatFooter from './components/mobile/MobileChatFooter.vue.js';
+
+const _hoisted_1 = ["id"];
+const _hoisted_2 = {
+  class: "chat-right-wrapper"
+};
+const _hoisted_3 = {
+  class: "header"
+};
+const _hoisted_4 = {
+  class: "content"
+};
+const _hoisted_5 = {
+  class: "slot-wrapper"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Index",
+  props: {
+    token: {
+      type: String,
+      required: true
+    },
+    userAvatar: {
+      type: String
+    },
+    defaultShortcutList: {
+      type: Array
+    },
+    shortcutList: {
+      type: Array
+    },
+    queryData: {
+      type: Function
+    },
+    queryRecord: {
+      type: Function
+    },
+    hideInput: {
+      type: Boolean
+    },
+    uiStyle: {
+      type: String,
+      default: "default"
+    },
+    audioTimed: {
+      type: Number,
+      default: 10
+    },
+    commandList: {
+      type: Array
+    },
+    queryPrompt: {
+      type: Function
+    },
+    patientInfo: {
+      type: Object
+    },
+    appId: {
+      type: String
+    },
+    immediatelyRecording: {
+      type: Boolean,
+      default: false
+    },
+    isStreamingOutput: {
+      type: Boolean,
+      default: false
+    },
+    showLBtn: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    appCode: {
+      type: String
+    },
+    sessionId: {
+      type: String
+    },
+    prologue: {
+      type: String
+    },
+    configs: {
+      type: Object
+    },
+    bpmnProcessIdAndStartToken: {
+      type: String
+    },
+    mobile: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["button-click", "program"],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    const data = initData(props, emit);
+    provide(InjectionAIChatData, data);
+    const {
+      cssVars,
+      state,
+      chatMainRef,
+      sessionId
+    } = data;
+    if (props.uiStyle === "default") {
+      useWebsocket(props, data, sessionId);
+    }
+    function onClose() {
+      state.showRight = false;
+      state.showRightSlot = false;
+    }
+    expose({
+      pushMessage: (data2) => {
+        state.externalData = data2;
+      },
+      updatePatientInfo: (info) => {
+        state.selectedPatient = info;
+      },
+      showRight(show) {
+        state.showRight = false;
+        state.showRightSlot = show;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle(unref(cssVars)),
+        class: normalizeClass(["ai-chat", __props.uiStyle === "small" ? "ai-chat--small" : ""])
+      }, [createVNode(unref(NDialogProvider), null, {
+        default: withCtx(() => [createElementVNode("div", {
+          id: unref(state).id,
+          class: "chat-left-wrapper"
+        }, [__props.uiStyle === "default" ? (openBlock(), createBlock(unref(ChatMainDefault), {
+          key: 0,
+          ref_key: "chatMainRef",
+          ref: chatMainRef
+        }, null, 512)) : (openBlock(), createBlock(unref(ChatMain), {
+          key: 1
+        })), !__props.hideInput ? (openBlock(), createElementBlock(Fragment, {
+          key: 2
+        }, [__props.mobile ? (openBlock(), createBlock(MobileChatFooter, {
+          key: 0
+        })) : (openBlock(), createBlock(ChatFooter, {
+          key: 1
+        }))], 64)) : createCommentVNode("v-if", true)], 8, _hoisted_1), withDirectives(createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [withDirectives(createElementVNode("h4", null, "\u95EE\u8BCA\u8BB0\u5F55", 512), [[vShow, unref(state).showRight]]), createVNode(unref(NButton), {
+          quaternary: "",
+          onClick: onClose
+        }, {
+          icon: withCtx(() => [createVNode(unref(NIcon), {
+            size: "20",
+            component: unref(CloseOutline)
+          }, null, 8, ["component"])]),
+          _: 1
+        })]), createElementVNode("div", _hoisted_4, [withDirectives(createVNode(ChatRight, null, null, 512), [[vShow, unref(state).showRight]]), withDirectives(createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "chat-right")], 512), [[vShow, unref(state).showRightSlot]])])], 512), [[vShow, unref(state).showRight || unref(state).showRightSlot]])]),
+        _: 3
+      })], 6);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/ai-chat/src/api/index.d.ts

@@ -0,0 +1,8 @@
+import { AnyObject } from '../../../../shared/types';
+export declare const axiosInstance: import("axios").AxiosInstance;
+export declare function conversationApi(params: AnyObject): import("axios").AxiosPromise<any>;
+export declare function deleteApi(params: AnyObject): import("axios").AxiosPromise<any>;
+export declare function getHistoryRecordApi(params: AnyObject): import("axios").AxiosPromise<any>;
+export declare function conversationStreamApi(params: AnyObject): import("axios").AxiosPromise<any>;
+export declare function getSessionMsgApi(params: AnyObject): import("axios").AxiosPromise<any>;
+export declare function callbackApi(params: AnyObject): import("axios").AxiosPromise<any>;

package/es/components/ai-chat/src/api/index.js

@@ -0,0 +1,87 @@
+import axios from 'axios';
+import { $message } from '../utils/index.js';
+
+const axiosInstance = axios.create({
+  withCredentials: true,
+  timeout: 5e3
+});
+axiosInstance.interceptors.request.use((config) => {
+  var _a;
+  if ((_a = config.url) == null ? void 0 : _a.includes("/conversation")) {
+    const cloneConfig = {
+      ...config
+    };
+    delete cloneConfig.timeout;
+    return cloneConfig;
+  }
+  return config;
+});
+axiosInstance.interceptors.response.use((res) => {
+  var _a, _b, _c, _d, _e, _f;
+  if (((_a = res.config.url) == null ? void 0 : _a.includes("/options")) || ((_b = res.config.url) == null ? void 0 : _b.includes("process/start"))) {
+    if ((_c = res.data) == null ? void 0 : _c.success) {
+      return res.data;
+    } else {
+      return {
+        success: false,
+        data: []
+      };
+    }
+  } else {
+    if ((_d = res.data) == null ? void 0 : _d.success) {
+      return (_e = res.data) == null ? void 0 : _e.data;
+    } else {
+      if (!((_f = res.data) == null ? void 0 : _f.success) && res.data.msg) {
+        $message.error(res.data.msg);
+      } else {
+        console.log("\u8BF7\u6C42\u9519\u8BEF");
+      }
+    }
+  }
+});
+function conversationApi(params) {
+  return axiosInstance({
+    method: "post",
+    url: "/flow/api/opd/conversation",
+    data: params
+  });
+}
+function deleteApi(params) {
+  return axiosInstance({
+    method: "delete",
+    url: `/flow/api/opd/message/${params.messageId}`
+  });
+}
+function getHistoryRecordApi(params) {
+  return axiosInstance({
+    method: "get",
+    url: `/flow/api/dialog/${params.sessionId}/messages`,
+    params: {
+      page: params.page || 1,
+      pageSize: params.pageSize || 20
+    }
+  });
+}
+function conversationStreamApi(params) {
+  return axiosInstance({
+    method: "post",
+    url: "/flow/ai/api/conversation",
+    data: params
+  });
+}
+function getSessionMsgApi(params) {
+  return axiosInstance({
+    method: "get",
+    url: "/flow/ai/api/sessionMsg",
+    params
+  });
+}
+function callbackApi(params) {
+  return axiosInstance({
+    method: "post",
+    url: "/flow/ai/api/callback",
+    data: params
+  });
+}
+
+export { axiosInstance, callbackApi, conversationApi, conversationStreamApi, deleteApi, getHistoryRecordApi, getSessionMsgApi };

package/es/components/ai-chat/src/components/ChatAudio.vue.d.ts

@@ -0,0 +1,38 @@
+declare const _default: import("vue").DefineComponent<{
+    show: {
+        type: BooleanConstructor;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        show: {
+            type: BooleanConstructor;
+        };
+    }>> & {
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "update:show", ...args: any[]) => void;
+    audioChartRef: import("vue").Ref<HTMLDivElement | undefined>;
+    isWarning: import("vue").Ref<boolean>;
+    isActive: import("vue").Ref<boolean>;
+    handlePlay: () => void;
+    handlePause: () => void;
+    handleEnd: (trigger?: string | undefined) => Promise<void>;
+    formattedTime: import("vue").ComputedRef<string>;
+    warnTime: import("vue").Ref<number>;
+    tip: import("vue").ComputedRef<"未识别录音" | "正在录音中..." | "录音已暂停">;
+    NSpace: any;
+    NButton: any;
+    NIcon: any;
+    StopCircleOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    MicOff: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    AlertCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: {
+        type: BooleanConstructor;
+    };
+}>> & {
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    show: boolean;
+}>;
+export default _default;

package/es/components/ai-chat/src/components/ChatAudio.vue.js

@@ -0,0 +1,6 @@
+import _sfc_main from './ChatAudio.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var ChatAudio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "ChatAudio.vue"]]);
+
+export { ChatAudio as default };

package/es/components/ai-chat/src/components/ChatAudio.vue2.js

@@ -0,0 +1,103 @@
+import { defineComponent, ref, computed, withDirectives, openBlock, createElementBlock, normalizeClass, unref, createVNode, createElementVNode, toDisplayString, createCommentVNode, createBlock, vShow, normalizeStyle, withCtx, createTextVNode } from 'vue';
+import { NIcon, NSpace, NButton } from 'naive-ui';
+import { AlertCircle, MicOff, StopCircleOutline } from '@vicons/ionicons5';
+import { useChartAudioContext } from '../hooks/useChartAudioContext.js';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "warn-top"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("p", null, "\u5F53\u524D\u672A\u53D1\u73B0\u8BED\u97F3\u5F55\u5165\uFF0C\u8BF7\u786E\u8BA4\u662F\u5426\u6B63\u5728\u5F55\u97F3\uFF01", -1);
+const _hoisted_3 = {
+  class: "tip"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChatAudio",
+  props: {
+    show: {
+      type: Boolean
+    }
+  },
+  emits: ["update:show"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const audioChartRef = ref();
+    const {
+      isWarning,
+      isActive,
+      handlePlay,
+      handlePause,
+      handleEnd,
+      formattedTime,
+      warnTime
+    } = useChartAudioContext(props, emit, {
+      waveSelector: () => audioChartRef.value
+    });
+    const tip = computed(() => isActive.value ? isWarning.value ? "\u672A\u8BC6\u522B\u5F55\u97F3" : "\u6B63\u5728\u5F55\u97F3\u4E2D..." : "\u5F55\u97F3\u5DF2\u6682\u505C");
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ai-chat-audio", {
+          ["audio--warn"]: unref(isWarning)
+        }])
+      }, [unref(isWarning) ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(NIcon), {
+        size: "24",
+        color: "#FF1818",
+        component: unref(AlertCircle)
+      }, null, 8, ["component"]), _hoisted_2, createElementVNode("span", null, "\uFF08" + toDisplayString(unref(warnTime)) + "s\uFF09", 1)])) : createCommentVNode("v-if", true), withDirectives(createElementVNode("div", null, [unref(isWarning) ? (openBlock(), createBlock(unref(NIcon), {
+        key: 0,
+        size: "75",
+        color: "#FF1818",
+        component: unref(MicOff)
+      }, null, 8, ["component"])) : createCommentVNode("v-if", true), withDirectives(createElementVNode("div", {
+        ref_key: "audioChartRef",
+        ref: audioChartRef,
+        style: {
+          "width": "300px",
+          "height": "80px"
+        }
+      }, null, 512), [[vShow, !unref(isWarning)]])], 512), [[vShow, unref(isActive)]]), !unref(isActive) ? (openBlock(), createBlock(unref(NIcon), {
+        key: 1,
+        size: "75",
+        color: "#FF1818",
+        component: unref(StopCircleOutline)
+      }, null, 8, ["component"])) : createCommentVNode("v-if", true), createElementVNode("p", _hoisted_3, toDisplayString(unref(tip)), 1), createElementVNode("h3", {
+        style: normalizeStyle(!unref(isActive) ? "color: #FF1818" : "")
+      }, toDisplayString(unref(formattedTime)), 5), createVNode(unref(NSpace), {
+        "wrap-item": false,
+        size: 15
+      }, {
+        default: withCtx(() => [withDirectives(createVNode(unref(NButton), {
+          size: "large",
+          round: "",
+          onClick: unref(handlePause)
+        }, {
+          default: withCtx(() => [createTextVNode("\u6682\u505C")]),
+          _: 1
+        }, 8, ["onClick"]), [[vShow, unref(isActive)]]), withDirectives(createVNode(unref(NButton), {
+          size: "large",
+          round: "",
+          onClick: unref(handlePlay)
+        }, {
+          default: withCtx(() => [createTextVNode("\u7EE7\u7EED")]),
+          _: 1
+        }, 8, ["onClick"]), [[vShow, !unref(isActive)]]), createVNode(unref(NButton), {
+          size: "large",
+          round: "",
+          color: "#FF1818",
+          onClick: _cache[0] || (_cache[0] = () => unref(handleEnd)("click"))
+        }, {
+          default: withCtx(() => {
+            var _a;
+            return [createTextVNode(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.77")) || "\u7ED3\u675F")];
+          }),
+          _: 1
+        })]),
+        _: 1
+      })], 2)), [[vShow, __props.show]]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/ai-chat/src/components/ChatBI.vue.d.ts

@@ -18,9 +18,9 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {
         "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     }>>;
-    emit: (event: string, ...args: any[]) => void;
     _emit: (event: "update:show", ...args: any[]) => void;
-    state: any;
+    state: AnyObject;
+    emit: (event: "button-click" | "program", ...args: any[]) => void;
     templateProps: import("vue").ComputedRef<{
         config: any;
         data: any;

package/es/components/ai-chat/src/components/ChatBI.vue.js

@@ -1 +1,6 @@
-import e from"./ChatBI.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var t=r(e,[["__file","ChatBI.vue"]]);export{t as default};
+import _sfc_main from './ChatBI.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var ChatBI = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "ChatBI.vue"]]);
+
+export { ChatBI as default };

package/es/components/ai-chat/src/components/ChatBI.vue2.js

@@ -1 +1,73 @@
-import{defineComponent as t,inject as e,computed as o,openBlock as n,createBlock as a,unref as s,withCtx as i,createVNode as d,mergeProps as r,createCommentVNode as u}from"vue";import{NDrawer as l,NDrawerContent as m}from"naive-ui";import{InjectionAIChatEmits as p,InjectionAIChat as c}from"../types/index.js";import"../../../index.js";import{isValidJSON as f}from"../utils/index.js";import h from"../../../card-render/index.js";var v=t({__name:"ChatBI",props:{show:{type:Boolean},data:{type:Object}},emits:["update:show"],setup(t,{emit:v}){const g=t,w=e(p),{state:j}=e(c),k=o((()=>{var t,e,o;const{content:n={}}=(null==(t=g.data)?void 0:t.msgItem)||{};return{config:f(null==(e=n.settings)?void 0:e.setting)?JSON.parse(null==(o=n.settings)?void 0:o.setting):null,data:n.data}}));function x(t){const{eventName:e,data:o}=t;v("update:show",!1),e&&w("button-click",{buttonInfo:o,isBI:!0,...g.data})}return(e,o)=>(n(),a(s(l),{placement:"bottom",height:"80%","trap-focus":!1,to:"#"+s(j).id,show:t.show,onMaskClick:o[0]||(o[0]=()=>v("update:show",!1))},{default:i((()=>[d(s(m),null,{default:i((()=>[t.data?(n(),a(s(h),r({key:0},s(k),{onModuleClick:x}),null,16)):u("v-if",!0)])),_:1})])),_:1},8,["to","show"]))}});export{v as default};
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, createCommentVNode } from 'vue';
+import { NDrawer, NDrawerContent } from 'naive-ui';
+import CardRender from '../../../card-render/index.js';
+import { isValidJSON } from '../utils/index.js';
+import { useData } from '../hooks/useData.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChatBI",
+  props: {
+    show: {
+      type: Boolean
+    },
+    data: {
+      type: Object
+    }
+  },
+  emits: ["update:show"],
+  setup(__props, {
+    emit: _emit
+  }) {
+    const props = __props;
+    const {
+      state,
+      emit
+    } = useData();
+    const templateProps = computed(() => {
+      var _a, _b, _c;
+      const {
+        content = {}
+      } = ((_a = props.data) == null ? void 0 : _a.msgItem) || {};
+      return {
+        config: isValidJSON((_b = content.settings) == null ? void 0 : _b.setting) ? JSON.parse((_c = content.settings) == null ? void 0 : _c.setting) : null,
+        data: content.data
+      };
+    });
+    function handleModuleClick(param) {
+      const {
+        eventName,
+        data
+      } = param;
+      _emit("update:show", false);
+      if (eventName) {
+        emit("button-click", {
+          buttonInfo: data,
+          isBI: true,
+          ...props.data
+        });
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NDrawer), {
+        placement: "bottom",
+        height: "80%",
+        "trap-focus": false,
+        to: "#" + unref(state).id,
+        show: __props.show,
+        onMaskClick: _cache[0] || (_cache[0] = () => _emit("update:show", false))
+      }, {
+        default: withCtx(() => [createVNode(unref(NDrawerContent), null, {
+          default: withCtx(() => [__props.data ? (openBlock(), createBlock(unref(CardRender), mergeProps({
+            key: 0
+          }, unref(templateProps), {
+            onModuleClick: handleModuleClick
+          }), null, 16)) : createCommentVNode("v-if", true)]),
+          _: 1
+        })]),
+        _: 1
+      }, 8, ["to", "show"]);
+    };
+  }
+});
+
+export { _sfc_main as default };