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

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

@@ -0,0 +1,80 @@
+import { defineComponent, computed, createVNode } from 'vue';
+import { isArray, omit, property } from 'lodash-es';
+import CardRender$1 from '../../../../card-render/index.js';
+import { isValidJSON } from '../../utils/index.js';
+
+var CardRender = /* @__PURE__ */ defineComponent({
+  name: "CardRender",
+  inheritAttrs: false,
+  props: {
+    msgItem: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props) {
+    const {
+      settings = {},
+      data = {}
+    } = props.msgItem.content;
+    const config = computed(() => {
+      if (!isValidJSON(settings == null ? void 0 : settings.setting))
+        return null;
+      return JSON.parse(settings.setting);
+    });
+    function handleModuleClick(_module) {
+      console.log("handleModuleClick ==>", _module);
+    }
+    function handleButtonClick(buttonInfo) {
+      var _a, _b, _c;
+      if (!buttonInfo)
+        return;
+      const {
+        button,
+        config: config2,
+        data: data2,
+        fullData = data2
+      } = buttonInfo;
+      const paramsList = (_c = (_b = (_a = button == null ? void 0 : button.advancedConfig) == null ? void 0 : _a.eventConfig) == null ? void 0 : _b.params) != null ? _c : [];
+      const parsedParams = {};
+      paramsList.forEach((item) => {
+        const {
+          label,
+          value
+        } = item;
+        const valueMatched = value.match(/\${(.*?)}/);
+        if (!valueMatched) {
+          parsedParams[label] = value;
+          return;
+        }
+        const keyList = valueMatched[1].split(".").map((k) => k.trim());
+        if (keyList.length === 2 && keyList[1] === "selected") {
+          let tableData = fullData == null ? void 0 : fullData[keyList[0]];
+          if (!isArray(tableData))
+            tableData = [];
+          parsedParams[label] = tableData.reduce((res, r) => {
+            if (r == null ? void 0 : r.__checked)
+              res.push(omit(r, ["__checked"]));
+            return res;
+          }, []);
+          return;
+        }
+        parsedParams[label] = property(keyList.join("."))({
+          ...fullData,
+          row: data2
+        });
+      });
+      console.log("parsed_params=>", parsedParams);
+    }
+    return () => createVNode("div", {
+      "class": "card"
+    }, [createVNode(CardRender$1, {
+      "config": config.value,
+      "data": data,
+      "onModule-click": handleModuleClick,
+      "onButton-click": handleButtonClick
+    }, null)]);
+  }
+});
+
+export { CardRender as default };

package/es/components/ai-chat/src/components/message-render/FormRender.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;

package/es/components/ai-chat/src/components/message-render/FormRender.js

@@ -0,0 +1,173 @@
+import { defineComponent, ref, createVNode, createTextVNode } from 'vue';
+import { NButton } from 'naive-ui';
+import FormRender$1 from '../../../../form-render/index.js';
+import { isArray } from 'lodash-es';
+import { useData } from '../../hooks/useData.js';
+import '../../utils/index.js';
+
+const htmlTypeMap = {
+  input: "INPUT",
+  textarea: "TEXTAREA",
+  radio: "RADIO",
+  switch: "SWITCH",
+  checkbox: "CHECKBOX",
+  datePicker: "DATE",
+  singleSelect: "SELECT",
+  multiSelect: "SELECT"
+};
+const getOptionsUrl = "/flow/api/process/start";
+var FormRender = /* @__PURE__ */ defineComponent({
+  name: "FormRender",
+  inheritAttrs: false,
+  props: {
+    msgItem: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props, {
+    attrs,
+    slots,
+    emit
+  }) {
+    var _a;
+    const {
+      state,
+      axiosInstance,
+      toReplyAiConditions
+    } = useData();
+    const fieldList = ref([]);
+    const formRenderRef = ref();
+    const {
+      formConfig = [],
+      formContent = ""
+    } = ((_a = props.msgItem) == null ? void 0 : _a.content) || {};
+    init();
+    function init() {
+      fieldList.value = formConfig.map((form) => {
+        var _a2, _b;
+        const dataMap = form.dataMap || {
+          label: "label",
+          value: "value"
+        };
+        const item = {
+          html_type: htmlTypeMap[form.fieldInputType] || form.fieldInputType,
+          val_key: form.fieldKey,
+          name: form.fieldName,
+          elem_width: 12,
+          default_val: form.fieldDefValue,
+          lazyRequest: true,
+          requestCache: true,
+          urlConfig: {
+            nameKey: dataMap.label
+          },
+          option: form.dataList || [],
+          is_null: form.fieldRequired ? "0" : "1",
+          is_edit: props.msgItem.disabled ? "0" : "1",
+          componentProps: {
+            ...form.fieldConfig
+          },
+          multi_select: form.fieldInputType === "multiSelect" ? "0" : "1"
+        };
+        if (item.html_type === "DATE") {
+          item.date_format = form.dateFormat || "yyyy-MM-dd HH:mm:ss";
+        }
+        if (form.dataSources == 1) {
+          item.html_type === "REMOTE_SEARCH";
+          item.componentProps = {
+            fallbackOption: false
+          };
+          item.default_val = null;
+          if (form.fieldDefValue && isArray(form.dataList) && form.dataList.length > 0) {
+            const option = form.dataList.find((o) => (o == null ? void 0 : o[dataMap.value]) === form.fieldDefValue);
+            if (option) {
+              item.default_val = form.fieldDefValue;
+            }
+          }
+          Object.assign(item.urlConfig, {
+            url: getOptionsUrl,
+            method: "post",
+            nameKey: dataMap.lable,
+            valueKey: dataMap.value,
+            params: {
+              bpmnProcessId: (_a2 = form.fieldConfig) == null ? void 0 : _a2.dataSetCode,
+              isRes: 1,
+              variables: (_b = form.fieldConfig) == null ? void 0 : _b.params
+            },
+            dependKey: []
+          });
+        }
+        return item;
+      });
+    }
+    function buttonRender() {
+      async function onClick() {
+        var _a2, _b;
+        if (!formRenderRef.value)
+          return;
+        try {
+          state.loading = true;
+          const values = formRenderRef.value.getFormValues();
+          await ((_a2 = formRenderRef.value) == null ? void 0 : _a2.validate());
+          formConfig.forEach((form) => {
+            if (values[form.fieldKey]) {
+              form.fieldDefValue = values[form.fieldKey];
+            }
+          });
+          toReplyAiConditions({
+            programData: (_b = props.msgItem) == null ? void 0 : _b.__programData,
+            params: values
+          });
+          props.msgItem.disabled = true;
+        } catch (err) {
+          console.log("\u63D0\u4EA4\u8868\u5355 ===>", err);
+        } finally {
+          state.loading = false;
+        }
+      }
+      const style = {
+        width: "100%",
+        "--n-height": "36px",
+        fontSize: "15px",
+        marginTop: "10px"
+      };
+      return createVNode(NButton, {
+        "style": style,
+        "secondary": true,
+        "class": "gradient",
+        "disabled": props.msgItem.disabled || state.loading,
+        "onClick": onClick
+      }, {
+        default: () => [createTextVNode("\u63D0\u4EA4")]
+      });
+    }
+    function FormBoxRender() {
+      return createVNode("div", {
+        "class": "form-box"
+      }, [createVNode(FormRender$1, {
+        "request-instance": {
+          get: axiosInstance["get"],
+          post: axiosInstance["post"]
+        },
+        "column": 12,
+        "ref": formRenderRef,
+        "field-list": fieldList.value
+      }, null), buttonRender()]);
+    }
+    function renderList() {
+      const replacedFormContent = formContent.replace(/\\n|\n|\r\n/g, "<br>").split("<br>");
+      const renderList2 = replacedFormContent.filter((str) => !!str).map((str) => {
+        if (str.includes("{form}")) {
+          return FormBoxRender();
+        }
+        return [createVNode("p", null, [str.replace(/(&nbsp;|\s|<br>)+/g, "")])];
+      });
+      return renderList2;
+    }
+    return () => createVNode("div", {
+      "class": "card"
+    }, [renderList()]);
+  }
+});
+
+export { FormRender as default };

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

@@ -0,0 +1,36 @@
+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;
+    audioChatRef: 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>;
+    audioSdk: import("../../../..").CAudioSDK;
+    audioSdkContentRef: import("vue").Ref<string>;
+    tip: import("vue").ComputedRef<"未识别录音" | "录音已暂停" | "正在听...">;
+    stateText: import("vue").ComputedRef<"" | "已暂停">;
+    NButton: any;
+}, 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/mobile/MobileChatAudio.vue.js

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

package/es/components/ai-chat/src/components/mobile/MobileChatAudio.vue2.js

@@ -0,0 +1,96 @@
+import { defineComponent, ref, computed, withDirectives, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createBlock, withCtx, createTextVNode, createVNode, vShow } from 'vue';
+import { NButton } from 'naive-ui';
+import { useChartAudioContext } from '../../hooks/useChartAudioContext.js';
+
+const _hoisted_1 = {
+  class: "mobile-ai-chat-audio"
+};
+const _hoisted_2 = {
+  class: "mobile-ai-chat-audio--wrapper"
+};
+const _hoisted_3 = {
+  class: "mobile-ai-chat-audio--content"
+};
+const _hoisted_4 = {
+  class: "mobile-ai-chat-audio--footer"
+};
+const _hoisted_5 = {
+  class: "mobile-ai-chat-audio--operation"
+};
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("i", {
+  class: "mobile-ai-chat-audio--operationRedDot"
+}, null, -1);
+const _hoisted_7 = {
+  class: "mobile-ai-chat-audio--operationTimer"
+};
+const _hoisted_8 = {
+  class: "mobile-ai-chat-audio--operationBtns"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MobileChatAudio",
+  props: {
+    show: {
+      type: Boolean
+    }
+  },
+  emits: ["update:show"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const audioChatRef = ref();
+    const {
+      isWarning,
+      isActive,
+      handlePlay,
+      handlePause,
+      handleEnd,
+      formattedTime,
+      warnTime,
+      audioSdk
+    } = useChartAudioContext(props, emit, {
+      waveSelector: () => audioChatRef.value
+    });
+    const audioSdkContentRef = audioSdk.contentRef;
+    const tip = computed(() => isActive.value ? isWarning.value ? "\u672A\u8BC6\u522B\u5F55\u97F3" : "\u6B63\u5728\u542C..." : "\u5F55\u97F3\u5DF2\u6682\u505C");
+    const stateText = computed(() => {
+      return isActive.value ? "" : "\u5DF2\u6682\u505C";
+    });
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("section", _hoisted_1, [createElementVNode("section", _hoisted_2, [createElementVNode("section", _hoisted_3, toDisplayString(unref(audioSdkContentRef)), 1), createElementVNode("footer", _hoisted_4, [createElementVNode("div", {
+        style: {
+          "width": "300px",
+          "height": "60px"
+        },
+        ref_key: "audioChatRef",
+        ref: audioChatRef
+      }, null, 512), createElementVNode("div", null, toDisplayString(unref(tip)), 1), createElementVNode("section", _hoisted_5, [_hoisted_6, createElementVNode("div", _hoisted_7, [createElementVNode("span", null, toDisplayString(unref(formattedTime)), 1), createElementVNode("span", null, toDisplayString(unref(stateText)), 1)]), createElementVNode("div", _hoisted_8, [unref(isActive) ? (openBlock(), createBlock(unref(NButton), {
+        key: 0,
+        round: "",
+        color: "rgb(236, 96, 42)",
+        onClick: unref(handlePause)
+      }, {
+        default: withCtx(() => [createTextVNode("\u6682\u505C")]),
+        _: 1
+      }, 8, ["onClick"])) : (openBlock(), createBlock(unref(NButton), {
+        key: 1,
+        type: "warning",
+        round: "",
+        color: "rgb(236, 96, 42)",
+        onClick: unref(handlePlay)
+      }, {
+        default: withCtx(() => [createTextVNode("\u7EE7\u7EED")]),
+        _: 1
+      }, 8, ["onClick"])), createVNode(unref(NButton), {
+        text: "",
+        color: "white",
+        onClick: unref(handleEnd)
+      }, {
+        default: withCtx(() => [createTextVNode("\u5B8C\u6210")]),
+        _: 1
+      }, 8, ["onClick"])])])])])], 512)), [[vShow, __props.show]]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,105 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    state: import("../../../../../shared/types").AnyObject;
+    shortcutList: import("vue").Ref<any>;
+    getShortcutName: (item: string | import("../../../../../shared/types").AnyObject) => any;
+    isAllDisabled: import("vue").ComputedRef<any>;
+    isStreamingOutput: import("vue").Ref<any>;
+    handleShortcut: (item: string | import("../../../../../shared/types").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>;
+    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;
+    }[]>;
+    commandList: import("vue").Ref<any>;
+    clickMenu: (menu: import("../../types").CommandItem) => void;
+    handleBack: () => void;
+    AudioStateMap: {
+        INPUT: string;
+        AUDIO: string;
+        AUDIO_DOING: string;
+        AUDIO_CANCEL: string;
+    };
+    audioState: any;
+    showState: {
+        show: boolean;
+    };
+    footerRef: import("vue").Ref<HTMLDivElement | undefined>;
+    footerRect: null;
+    onBarTouchStart: () => void;
+    onFooterTouchMove: (event: TouchEvent) => void;
+    onFooterTouchEnd: () => void;
+    onFooterTouchCancel: () => 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>;
+    handleCancel: () => void;
+    formattedTime: import("vue").ComputedRef<string>;
+    warnTime: import("vue").Ref<number>;
+    audioSdk: import("../../../..").CAudioSDK;
+    ChevronBack: 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<{}>>, {}>;
+    ChevronForward: 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<{}>>, {}>;
+    NBreadcrumb: any;
+    NBreadcrumbItem: any;
+    NButton: any;
+    NIcon: any;
+    NInput: any;
+    NPopover: any;
+    MobileChatAudio: 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;
+        audioChatRef: 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>;
+        audioSdk: import("../../../..").CAudioSDK;
+        audioSdkContentRef: import("vue").Ref<string>;
+        tip: import("vue").ComputedRef<"未识别录音" | "录音已暂停" | "正在听...">;
+        stateText: import("vue").ComputedRef<"" | "已暂停">;
+        NButton: any;
+    }, 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;
+    }>;
+    AddIcon: any;
+    MicroPhone: any;
+    AudioIcon: any;
+    KeyboardIcon: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/es/components/ai-chat/src/components/mobile/MobileChatFooter.vue.js

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