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

package/es/components/ai-chat/src/hooks/useData.d.ts

@@ -0,0 +1,77 @@
+import { InjectionKey } from 'vue';
+import { AnyObject } from '../../../../shared/types';
+export declare const InjectionAIChatData: InjectionKey<ReturnType<typeof initData>>;
+export declare function initData(props: AnyObject, emit: (event: 'button-click' | 'program', ...args: any[]) => void): {
+    chatMainRef: import("vue").Ref<any>;
+    patientInfo: import("vue").Ref<any>;
+    configs: import("vue").Ref<any>;
+    queryPrompt: import("vue").Ref<any>;
+    queryData: import("vue").Ref<any>;
+    queryRecord: import("vue").Ref<any>;
+    defaultShortcutList: import("vue").Ref<any>;
+    hideInput: import("vue").Ref<any>;
+    shortcutList: import("vue").Ref<any>;
+    audioTimed: import("vue").Ref<any>;
+    commandList: import("vue").Ref<any>;
+    appId: import("vue").Ref<any>;
+    immediatelyRecording: import("vue").Ref<any>;
+    isStreamingOutput: import("vue").Ref<any>;
+    showLBtn: import("vue").Ref<any>;
+    disabled: import("vue").Ref<any>;
+    appCode: import("vue").Ref<any>;
+    prologue: import("vue").Ref<any>;
+    mobile: import("vue").Ref<any>;
+    bpmnProcessIdAndStartToken: import("vue").Ref<any>;
+    cssVars: import("vue").ComputedRef<AnyObject>;
+    state: AnyObject;
+    isSmall: import("vue").ComputedRef<boolean>;
+    isDefault: import("vue").ComputedRef<boolean>;
+    vaa07: import("vue").ComputedRef<any>;
+    sessionId: import("vue").ComputedRef<any>;
+    axiosInstance: import("axios").AxiosInstance;
+    $dialog: import("naive-ui").DialogApi;
+    emit: (event: 'button-click' | 'program', ...args: any[]) => void;
+    appendMessage: (item: AnyObject) => Promise<void>;
+    sendMessage: (params?: AnyObject) => Promise<void>;
+    toFinishProgram: (bpmnProcessId: string) => void;
+    toNext: (bpmnProcessId?: string | undefined, variables?: any) => void;
+    toReplyAiConditions: (params?: AnyObject | undefined) => void;
+    formatProcessInfo: (result: string) => void;
+};
+export declare const useData: () => {
+    chatMainRef: import("vue").Ref<any>;
+    patientInfo: import("vue").Ref<any>;
+    configs: import("vue").Ref<any>;
+    queryPrompt: import("vue").Ref<any>;
+    queryData: import("vue").Ref<any>;
+    queryRecord: import("vue").Ref<any>;
+    defaultShortcutList: import("vue").Ref<any>;
+    hideInput: import("vue").Ref<any>;
+    shortcutList: import("vue").Ref<any>;
+    audioTimed: import("vue").Ref<any>;
+    commandList: import("vue").Ref<any>;
+    appId: import("vue").Ref<any>;
+    immediatelyRecording: import("vue").Ref<any>;
+    isStreamingOutput: import("vue").Ref<any>;
+    showLBtn: import("vue").Ref<any>;
+    disabled: import("vue").Ref<any>;
+    appCode: import("vue").Ref<any>;
+    prologue: import("vue").Ref<any>;
+    mobile: import("vue").Ref<any>;
+    bpmnProcessIdAndStartToken: import("vue").Ref<any>;
+    cssVars: import("vue").ComputedRef<AnyObject>;
+    state: AnyObject;
+    isSmall: import("vue").ComputedRef<boolean>;
+    isDefault: import("vue").ComputedRef<boolean>;
+    vaa07: import("vue").ComputedRef<any>;
+    sessionId: import("vue").ComputedRef<any>;
+    axiosInstance: import("axios").AxiosInstance;
+    $dialog: import("naive-ui").DialogApi;
+    emit: (event: 'button-click' | 'program', ...args: any[]) => void;
+    appendMessage: (item: AnyObject) => Promise<void>;
+    sendMessage: (params?: AnyObject) => Promise<void>;
+    toFinishProgram: (bpmnProcessId: string) => void;
+    toNext: (bpmnProcessId?: string | undefined, variables?: any) => void;
+    toReplyAiConditions: (params?: AnyObject | undefined) => void;
+    formatProcessInfo: (result: string) => void;
+};

package/es/components/ai-chat/src/hooks/useData.js

@@ -0,0 +1,289 @@
+import { ref, reactive, computed, watch, nextTick, toRef, inject } from 'vue';
+import { useDialog } from 'naive-ui';
+import { useTheme } from '../../../../shared/hooks/useTheme.js';
+import '@vueuse/core';
+import 'date-fns';
+import { isArray, cloneDeep } from 'lodash-es';
+import '@vue/shared';
+import { uuidGenerator } from '../../../../shared/utils/index.js';
+import '@vueuse/shared';
+import '../../../../shared/hooks/selectHooks/useSearchContent.js';
+import '@vicons/ionicons5';
+import '../../../../shared/hooks/useScrollLoading.js';
+import { axiosInstance, conversationApi } from '../api/index.js';
+import { useSSE } from './useSSE.js';
+import { useProgram } from './useProgram.js';
+import { isValidJSON } from '../utils/index.js';
+
+const InjectionAIChatData = Symbol("InjectionAIChatData");
+function isMe({
+  role = ""
+}) {
+  return role === "user";
+}
+function initData(props, emit) {
+  axiosInstance.defaults.headers["Authorization"] = "bearer " + props.token;
+  const $dialog = useDialog();
+  const chatMainRef = ref();
+  const state = reactive({
+    id: "ai-chat-" + uuidGenerator(),
+    loading: false,
+    sending: false,
+    sendContent: "",
+    selectedCommand: null,
+    selectedPrompt: null,
+    externalData: null,
+    selectedPatient: null,
+    selectedPatientLabel: "",
+    selectedPatientForm: null,
+    showPatient: false,
+    showRight: false,
+    showRightSlot: false,
+    switchFlag: true,
+    record: [],
+    bpmnProcessId: "",
+    bpmnProcessDoing: false,
+    startToken: "",
+    inquiryStr: "",
+    needSubmitMsg: null
+  });
+  const {
+    toNext,
+    toBindAiConditions,
+    toReplyAiConditions,
+    toFinishProgram
+  } = useProgram({
+    props,
+    state,
+    appendMessage,
+    emit,
+    chatMainRef
+  });
+  const cssVars = useTheme();
+  const isSmall = computed(() => props.uiStyle === "small");
+  const isDefault = computed(() => props.uiStyle === "default");
+  const vaa07 = computed(() => {
+    var _a;
+    return (_a = props.configs) == null ? void 0 : _a.vaa07;
+  });
+  const sessionId = computed(() => props.sessionId || vaa07.value);
+  watch(() => state.startToken, (startToken) => {
+    if (startToken && state.bpmnProcessId) {
+      toBindAiConditions();
+      toNext();
+    }
+  });
+  watch(() => state.bpmnProcessId, async (value, old) => {
+    if (value) {
+      if (old) {
+        toFinishProgram(old);
+      }
+    }
+  });
+  async function appendMessage(item) {
+    if (isArray(item.contents)) {
+      state.record.unshift(item);
+      await nextTick();
+      if (chatMainRef.value) {
+        chatMainRef.value.scrollTop = 0;
+      }
+    }
+  }
+  function sendMessageSSE(params = {}) {
+    appendMessage({
+      fromMe: true,
+      msgId: uuidGenerator(),
+      contents: [{
+        role: "user",
+        content: state.sendContent
+      }]
+    });
+    const {
+      opType
+    } = params;
+    const _params = {
+      ...params
+    };
+    if (opType && ["recommend_treatment_plan", "recommend_diagnosis", "recommend_examination"].includes(opType)) {
+      Object.assign(_params, {
+        contents: [{
+          role: "user",
+          content: state.sendContent,
+          contentType: "text"
+        }]
+      });
+    }
+    useSSE({
+      state,
+      props,
+      appendMessage,
+      params: _params,
+      emit,
+      formatProcessInfo
+    });
+  }
+  async function sendMessage(params = {}) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    if (props.isStreamingOutput) {
+      sendMessageSSE(params);
+      return;
+    }
+    state.loading = true;
+    const {
+      opType
+    } = params;
+    const _params = {
+      ...params
+    };
+    if (!opType && state.sendContent) {
+      state.record.unshift({
+        msgId: uuidGenerator(),
+        contents: [{
+          role: "user",
+          content: state.sendContent
+        }]
+      });
+    }
+    if (chatMainRef.value) {
+      chatMainRef.value.scrollTop = 0;
+    }
+    if (opType && ["recommend_treatment_plan", "recommend_diagnosis", "recommend_examination"].includes(opType)) {
+      if (state.record.length > 0) {
+        const newItem = state.record.find((item) => {
+          var _a2;
+          return !isMe((_a2 = item == null ? void 0 : item.contents) == null ? void 0 : _a2[0]);
+        });
+        if (newItem) {
+          Object.assign(_params, cloneDeep(newItem));
+        }
+      }
+      Object.assign(_params, {
+        contents: [{
+          role: "user",
+          content: "",
+          contentType: "text"
+        }]
+      });
+    }
+    try {
+      const data = await conversationApi({
+        contents: [{
+          role: "user",
+          content: state.sendContent,
+          contentType: "text"
+        }],
+        platform: "web",
+        sessionType: "text_chat",
+        source: "global",
+        configs: props.configs,
+        switchFlag: state.switchFlag ? 1 : 0,
+        ..._params
+      });
+      if (["diagnosis", "medical_order"].includes(opType)) {
+        if (state.showRightSlot) {
+          let key = "cliRefreshDiagnosis";
+          if (opType === "medical_order") {
+            key = "cliRefreshMedical";
+          }
+          emit("program", {
+            key,
+            type: "refresh",
+            params: {}
+          });
+        }
+      }
+      if (isArray(data.contents) && data.contents.length > 1)
+        data.contents.reverse();
+      appendMessage(data);
+      if (opType && ["create_inquiry", "create_medical"].includes(opType)) {
+        if (opType === "create_inquiry") {
+          if (((_b = (_a = data == null ? void 0 : data.contents) == null ? void 0 : _a[0]) == null ? void 0 : _b.messageType) !== "retry_inquiry") {
+            if ((_f = (_e = (_d = (_c = data == null ? void 0 : data.contents) == null ? void 0 : _c[0]) == null ? void 0 : _d.content) == null ? void 0 : _e.details) == null ? void 0 : _f.autoBackFillData) {
+              state.consultationContent = data;
+              state.showRight = true;
+            }
+          }
+        } else {
+          emit("program", {
+            key: "medical",
+            params: {
+              vac01: (_g = props.configs) == null ? void 0 : _g.vac01,
+              type: 1
+            }
+          });
+        }
+      }
+      if (!opType || opType === "create_inquiry") {
+        state.sendContent = "";
+      }
+    } catch (error) {
+      console.log("error ==>", error);
+      if (error.message) {
+        $dialog.error({
+          title: "\u9519\u8BEF\u63D0\u793A",
+          maskClosable: false,
+          content: ((_h = error.message) == null ? void 0 : _h.includes("Network Error")) ? "\u7F51\u7EDC\u8FDE\u63A5\u5931\u8D25" : "\u5BF9\u8BDD\u8FDE\u63A5\u5931\u8D25",
+          positiveText: ((_i = window.getLanguageByCode) == null ? void 0 : _i.call(window, "10010.1.27")) || "\u786E\u5B9A"
+        });
+      }
+    } finally {
+      state.loading = false;
+      state.loadingText = "";
+    }
+  }
+  function formatProcessInfo(result) {
+    if (isValidJSON(result)) {
+      const res = JSON.parse(result);
+      const {
+        bpmnProcessId,
+        startToken
+      } = res;
+      if (bpmnProcessId) {
+        state.bpmnProcessId = bpmnProcessId;
+      }
+      if (startToken) {
+        state.startToken = startToken;
+      }
+    }
+  }
+  return {
+    chatMainRef,
+    patientInfo: toRef(props, "patientInfo"),
+    configs: toRef(props, "configs"),
+    queryPrompt: toRef(props, "queryPrompt"),
+    queryData: toRef(props, "queryData"),
+    queryRecord: toRef(props, "queryRecord"),
+    defaultShortcutList: toRef(props, "defaultShortcutList"),
+    hideInput: toRef(props, "hideInput"),
+    shortcutList: toRef(props, "shortcutList"),
+    audioTimed: toRef(props, "audioTimed"),
+    commandList: toRef(props, "commandList"),
+    appId: toRef(props, "appId"),
+    immediatelyRecording: toRef(props, "immediatelyRecording"),
+    isStreamingOutput: toRef(props, "isStreamingOutput"),
+    showLBtn: toRef(props, "showLBtn"),
+    disabled: toRef(props, "disabled"),
+    appCode: toRef(props, "appCode"),
+    prologue: toRef(props, "prologue"),
+    mobile: toRef(props, "mobile"),
+    bpmnProcessIdAndStartToken: toRef(props, "bpmnProcessIdAndStartToken"),
+    cssVars,
+    state,
+    isSmall,
+    isDefault,
+    vaa07,
+    sessionId,
+    axiosInstance,
+    $dialog,
+    emit,
+    appendMessage,
+    sendMessage,
+    toFinishProgram,
+    toNext,
+    toReplyAiConditions,
+    formatProcessInfo
+  };
+}
+const useData = () => inject(InjectionAIChatData);
+
+export { InjectionAIChatData, initData, useData };

package/es/components/ai-chat/src/hooks/useFooterContext.d.ts

@@ -0,0 +1,38 @@
+import { AnyObject } from '../../../../shared/types';
+import { CommandItem } from '../../../../components/ai-chat/src/types';
+export declare function useFooterContext(): {
+    state: AnyObject;
+    shortcutList: import("vue").Ref<any>;
+    getShortcutName: (item: string | AnyObject) => any;
+    isAllDisabled: import("vue").ComputedRef<any>;
+    isStreamingOutput: import("vue").Ref<any>;
+    handleShortcut: (item: string | AnyObject) => void;
+    showPopover: import("vue").Ref<boolean>;
+    handleKeyDown: (event: KeyboardEvent) => void;
+    handleInput: (value: string) => void;
+    btnDisabled: import("vue").ComputedRef<any>;
+    showAudio: import("vue").Ref<boolean>;
+    handleSend: () => void;
+    breadcrumb: import("vue").Ref<{
+        [x: string]: any;
+        shortcutTitle: string;
+        shortcutId: string;
+        shortcutDescription?: string | undefined;
+        children?: any[] | undefined;
+    }[]>;
+    currentShortcutId: import("vue").Ref<string>;
+    currentCommand: import("vue").Ref<{
+        [x: string]: any;
+        shortcutTitle: string;
+        shortcutId: string;
+        shortcutDescription?: string | undefined;
+        children?: any[] | undefined;
+    }[]>;
+    clickMenu: (menu: CommandItem) => void;
+    audioTimed: import("vue").Ref<any>;
+    showLBtn: import("vue").Ref<any>;
+    isDefault: import("vue").ComputedRef<boolean>;
+    commandList: import("vue").Ref<any>;
+    isSmall: import("vue").ComputedRef<boolean>;
+    cssVars: import("vue").ComputedRef<AnyObject>;
+};

package/es/components/ai-chat/src/hooks/useFooterContext.js

@@ -0,0 +1,218 @@
+import { uuidGenerator } from '../../../../shared/utils/index.js';
+import { cloneDeep, isString } from 'lodash-es';
+import { ref, computed, onBeforeUnmount } from 'vue';
+import { callbackApi } from '../api/index.js';
+import { useData } from './useData.js';
+import '../../../audio-sdk/index.js';
+import AudioSDK from '../../../audio-sdk/src/audioSDK.js';
+
+function useFooterContext() {
+  const {
+    shortcutList,
+    state,
+    isSmall,
+    audioTimed,
+    commandList,
+    isDefault,
+    showLBtn,
+    disabled,
+    isStreamingOutput,
+    emit,
+    sendMessage,
+    toReplyAiConditions,
+    appendMessage,
+    cssVars
+  } = useData();
+  const showPopover = ref(false);
+  const breadcrumb = ref([]);
+  const currentCommand = ref(cloneDeep(commandList.value || []));
+  const currentShortcutId = ref("");
+  const showAudio = ref(false);
+  const isAllDisabled = computed(() => isDefault.value && disabled.value);
+  const btnDisabled = computed(() => isAllDisabled.value || state.loading || !state.sendContent.replace(/(&nbsp;|\s|<br>)+/g, ""));
+  function getShortcutName(item) {
+    var _a;
+    if (isString(item))
+      return item;
+    if (isDefault.value)
+      return item.value;
+    const {
+      content: c
+    } = ((_a = item == null ? void 0 : item.contents) == null ? void 0 : _a[0]) || {};
+    return c == null ? void 0 : c.instructionName;
+  }
+  function handleShortcut(item) {
+    var _a;
+    if (isString(item))
+      return handleStringShortcut(item);
+    if (isStreamingOutput.value)
+      return handleObjectStreamShortcut(item);
+    if (isDefault.value && item.key)
+      return handleDefaultModeShortcut(item);
+    const msgItem = (_a = item == null ? void 0 : item.contents) == null ? void 0 : _a[0];
+    emit("button-click", {
+      msgItem,
+      item
+    });
+  }
+  function handleStringShortcut(shortcut) {
+    state.sendContent = shortcut;
+  }
+  function handleObjectStreamShortcut(shortcut) {
+    state.loadingText = "";
+    state.sendContent = shortcut.value;
+    sendMessage({
+      opType: shortcut.key
+    });
+  }
+  function handleDefaultModeShortcut(shortcut) {
+    const keyMap = {
+      recommend_treatment_plan: "\u53C2\u8003\u8BCA\u65AD\u7ED3\u679C\u4E0E\u60A3\u8005\u4E2A\u4F53\u4FE1\u606F\uFF0C\u6B63\u5168\u9762\u68B3\u7406\u77E5\u8BC6\u5E93\u548C\u4E34\u5E8A\u6307\u5357\uFF0C\u7EFC\u5408\u8003\u91CF\u4E3A\u60A8\u5339\u914D\u6700\u9002\u5B9C\u7684\u8BCA\u7597\u65B9\u6848\u63A8\u8350",
+      recommend_examination: "\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",
+      recommend_diagnosis: "\u7CFB\u7EDF\u6B63\u5728\u5BF9\u60A8\u7684\u5BF9\u8BDD\u5185\u5BB9\u8FDB\u884C\u68B3\u7406\u6574\u5408\uFF0C\u8F6C\u5316\u4E3A\u89C4\u8303\u7684\u7ED3\u6784\u5316\u95EE\u8BCA\u8BB0\u5F55"
+    };
+    const loadingText = keyMap[shortcut.key];
+    if (!loadingText)
+      return emit("program", {
+        key: shortcut.key
+      });
+    state.loadingText = loadingText;
+    sendMessage({
+      opType: shortcut.key
+    });
+  }
+  function resetCurrentCommand() {
+    var _a;
+    showPopover.value = false;
+    currentCommand.value = cloneDeep(commandList.value || []);
+    breadcrumb.value = [];
+    if ((_a = commandList.value) == null ? void 0 : _a.length) {
+      showPopover.value = true;
+      currentShortcutId.value = currentCommand.value[0].shortcutId;
+    }
+  }
+  function handleKeyDown(event) {
+    if (isDefault.value) {
+      if (event.key === "Enter" && !isWrap(event)) {
+        event.preventDefault();
+        handleSend();
+      }
+      return;
+    }
+    if (["Slash", "NumpadDivide"].includes(event.code) && !state.selectedCommand && !state.sendContent) {
+      resetCurrentCommand();
+    } else if (event.key === "Backspace") {
+      showPopover.value = false;
+      if ((state.sendContent.startsWith("/") || state.sendContent.startsWith("\u3001")) && state.sendContent.length === 2 && !state.selectedCommand) {
+        resetCurrentCommand();
+      } else if (!state.sendContent && state.selectedCommand) {
+        event.preventDefault();
+        state.selectedCommand = null;
+        state.sendContent = "/";
+        resetCurrentCommand();
+      }
+    } else if (showPopover.value && ["ArrowUp", "ArrowDown"].includes(event.key)) {
+      const currentIndex = currentCommand.value.findIndex((item) => item.shortcutId === currentShortcutId.value);
+      if (event.key === "ArrowUp") {
+        const previousIndex = currentIndex > 0 ? currentIndex - 1 : currentCommand.value.length - 1;
+        currentShortcutId.value = currentCommand.value[previousIndex].shortcutId;
+      } else if (event.key === "ArrowDown") {
+        const nextIndex = currentIndex < currentCommand.value.length - 1 ? currentIndex + 1 : 0;
+        currentShortcutId.value = currentCommand.value[nextIndex].shortcutId;
+      }
+    } else if (["Enter"].includes(event.key)) {
+      if (!isWrap(event)) {
+        event.preventDefault();
+        if (showPopover.value) {
+          const menu = currentCommand.value.find((item) => item.shortcutId === currentShortcutId.value);
+          clickMenu(menu);
+        } else {
+          handleSend();
+        }
+      }
+    } else {
+      showPopover.value = false;
+    }
+  }
+  function isWrap(event) {
+    return event.altKey || event.ctrlKey || event.metaKey || event.shiftKey;
+  }
+  function handleInput(value) {
+    if (!value && state.selectedPrompt) {
+      state.selectedPrompt = null;
+    }
+  }
+  function handleSend() {
+    var _a;
+    if (btnDisabled.value)
+      return;
+    if (isDefault.value) {
+      if ((_a = state.needSubmitMsg) == null ? void 0 : _a.programData) {
+        toReplyAiConditions({
+          programData: state.needSubmitMsg.programData,
+          params: {
+            data: state.sendContent
+          }
+        });
+        state.needSubmitMsg.programData = null;
+        const messageItem = {
+          fromMe: true,
+          msgId: uuidGenerator(),
+          contents: [{
+            role: "user",
+            content: state.sendContent
+          }]
+        };
+        appendMessage(messageItem);
+        callbackApi(messageItem);
+        return;
+      }
+      sendMessage();
+      return;
+    }
+    state.sending = true;
+    state.loading = true;
+  }
+  function clickMenu(menu) {
+    var _a;
+    currentShortcutId.value = menu.shortcutId;
+    if ((_a = menu.children) == null ? void 0 : _a.length) {
+      currentCommand.value = menu.children;
+      currentShortcutId.value = currentCommand.value[0].shortcutId;
+      breadcrumb.value.push(menu);
+    } else {
+      state.selectedCommand = menu || {};
+      showPopover.value = false;
+      state.sendContent = "";
+    }
+  }
+  onBeforeUnmount(() => {
+    AudioSDK.destroy();
+  });
+  return {
+    state,
+    shortcutList,
+    getShortcutName,
+    isAllDisabled,
+    isStreamingOutput,
+    handleShortcut,
+    showPopover,
+    handleKeyDown,
+    handleInput,
+    btnDisabled,
+    showAudio,
+    handleSend,
+    breadcrumb,
+    currentShortcutId,
+    currentCommand,
+    clickMenu,
+    audioTimed,
+    showLBtn,
+    isDefault,
+    commandList,
+    isSmall,
+    cssVars
+  };
+}
+
+export { useFooterContext };

package/es/components/ai-chat/src/hooks/useProgram.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'vue';
+import { AnyObject } from '../../../../shared/types';
+export declare function useProgram({ props, state, appendMessage, emit, chatMainRef }: {
+    props: AnyObject;
+    state: AnyObject;
+    appendMessage: Function;
+    emit: (event: 'button-click' | 'program', ...args: any[]) => void;
+    chatMainRef: Ref<Element | undefined>;
+}): {
+    toNext: (bpmnProcessId?: string, variables?: any) => void;
+    toBindAiConditions: () => void;
+    toReplyAiConditions: (params?: AnyObject) => void;
+    toFinishProgram: (bpmnProcessId: string) => void;
+};