cnhis-design-vue 3.3.3-beta.46 → 3.3.3-beta.52

package/es/components/vertify/src/components/IdentityVerification.vue2.js

@@ -0,0 +1,213 @@
+import { defineComponent, reactive, ref, watch, openBlock, createBlock, unref, normalizeStyle, withCtx, createElementVNode, createVNode, withKeys, createTextVNode } from 'vue';
+import axios from 'axios';
+import { createDiscreteApi, NModal, NForm, NFormItem, NInput, NSpace, NButton } from 'naive-ui';
+
+const _hoisted_1 = {
+  class: "content"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IdentityVerification",
+  props: {
+    verifyUser: {
+      type: Function,
+      default: () => Promise.resolve()
+    },
+    identityVerificationTitle: {
+      default: "\u8DE8\u8D26\u53F7\u64CD\u4F5C"
+    },
+    token: {
+      default: ""
+    },
+    modelValue: {
+      type: Boolean
+    }
+  },
+  emits: ["update:modelValue", "success", "close", "afterLeaveComponent"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const loginCheckUrl = "/user-center/user/manage/checkBusPasswordByAuthEmp";
+    const DEFAULT_FORM = {
+      account: "",
+      password: ""
+    };
+    const {
+      message
+    } = createDiscreteApi(["message"]);
+    let form = reactive({
+      ...DEFAULT_FORM
+    });
+    const rules = {
+      account: {
+        required: true,
+        message: "\u8BF7\u8F93\u5165\u5DE5\u53F7"
+      },
+      password: {
+        required: true,
+        message: function() {
+          var _a, _b, _c;
+          try {
+            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.469")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.469")) || "\u8BF7\u8F93\u5165\u5BC6\u7801";
+          } catch (e) {
+            return "\u8BF7\u8F93\u5165\u5BC6\u7801";
+          }
+        }()
+      }
+    };
+    const style = {
+      width: "416px"
+    };
+    const formRef = ref(null);
+    const loading = ref(false);
+    const handleClickClose = () => {
+      emit("update:modelValue", false);
+      emit("close");
+    };
+    const handleAfterLeave = () => {
+      emit("afterLeaveComponent");
+    };
+    const submitLoginData = async () => {
+      try {
+        loading.value = true;
+        const {
+          data = {}
+        } = await axios({
+          method: "get",
+          url: loginCheckUrl,
+          headers: {
+            Authorization: "bearer " + props.token
+          },
+          params: {
+            empNo: form.account,
+            busPassword: form.password
+          }
+        }) || {};
+        if (data.result !== "SUCCESS") {
+          message.warning((data == null ? void 0 : data.msg) || (data == null ? void 0 : data.message));
+          return false;
+        }
+        emit("success", form);
+      } catch (error) {
+        message.warning((error == null ? void 0 : error.message) || "\u6821\u9A8C\u4E1A\u52A1\u5BC6\u7801\u63A5\u53E3\u8BF7\u6C42\u5931\u8D25");
+      } finally {
+        loading.value = false;
+      }
+    };
+    const handleValidate = () => {
+      var _a;
+      (_a = formRef.value) == null ? void 0 : _a.validate((errors) => {
+        if (!errors) {
+          submitLoginData();
+        } else {
+          console.log(errors);
+          return false;
+        }
+      });
+    };
+    watch(() => props.modelValue, (val) => {
+      if (val)
+        return;
+      Object.assign(form, DEFAULT_FORM);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NModal), {
+        class: "c-identity-verification-modal",
+        preset: "dialog",
+        title: __props.identityVerificationTitle,
+        show: __props.modelValue,
+        "close-on-esc": false,
+        "show-icon": false,
+        style: normalizeStyle({
+          width: style.width,
+          overflowY: "auto"
+        }),
+        onClose: handleClickClose,
+        onNegativeClick: handleClickClose,
+        onPositiveClick: handleValidate,
+        onAfterLeave: handleAfterLeave
+      }, {
+        default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(NForm), {
+          ref_key: "formRef",
+          ref: formRef,
+          model: unref(form),
+          rules,
+          "label-placement": "left",
+          "label-width": "auto",
+          "require-mark-placement": "right-hanging"
+        }, {
+          default: withCtx(() => [createVNode(unref(NFormItem), {
+            label: function() {
+              var _a, _b, _c;
+              try {
+                return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.121")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.121")) || "\u5DE5\u53F7";
+              } catch (e) {
+                return "\u5DE5\u53F7";
+              }
+            }(),
+            path: "account"
+          }, {
+            default: withCtx(() => [createVNode(unref(NInput), {
+              value: unref(form).account,
+              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => unref(form).account = $event),
+              placeholder: "\u8BF7\u8F93\u5165\u5DE5\u53F7",
+              onKeyup: withKeys(handleValidate, ["enter"])
+            }, null, 8, ["value", "onKeyup"])]),
+            _: 1
+          }), createVNode(unref(NFormItem), {
+            label: "\u4E1A\u52A1\u5BC6\u7801",
+            path: "password"
+          }, {
+            default: withCtx(() => [createVNode(unref(NInput), {
+              type: "password",
+              "input-props": {
+                autocomplete: "on",
+                name: "password"
+              },
+              value: unref(form).password,
+              "onUpdate:value": _cache[1] || (_cache[1] = ($event) => unref(form).password = $event),
+              placeholder: function() {
+                var _a, _b, _c;
+                try {
+                  return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.469")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.469")) || "\u8BF7\u8F93\u5165\u5BC6\u7801";
+                } catch (e) {
+                  return "\u8BF7\u8F93\u5165\u5BC6\u7801";
+                }
+              }(),
+              onKeyup: withKeys(handleValidate, ["enter"])
+            }, null, 8, ["value", "onKeyup"])]),
+            _: 1
+          })]),
+          _: 1
+        }, 8, ["model"]), createVNode(unref(NSpace), {
+          reverse: ""
+        }, {
+          default: withCtx(() => [createVNode(unref(NButton), {
+            loading: loading.value,
+            type: "info",
+            onClick: handleValidate
+          }, {
+            default: withCtx(() => [createTextVNode("\u9A8C\u8BC1")]),
+            _: 1
+          }, 8, ["loading"]), createVNode(unref(NButton), {
+            onClick: handleClickClose
+          }, {
+            default: withCtx(() => [createTextVNode(function() {
+              var _a, _b, _c;
+              try {
+                return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.28")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.28")) || "\u53D6\u6D88";
+              } catch (e) {
+                return "\u53D6\u6D88";
+              }
+            }())]),
+            _: 1
+          })]),
+          _: 1
+        })])]),
+        _: 1
+      }, 8, ["title", "show", "style"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/vertify/src/utils/dialog.d.ts

@@ -0,0 +1,7 @@
+import { AnyObject } from '../../../../shared/types';
+import { ComponentInternalInstance } from 'vue';
+export declare class RoleDialog {
+    rendered: boolean;
+    static createMsg(message: string): string;
+    show(instance: ComponentInternalInstance, data: AnyObject): Promise<AnyObject>;
+}

package/es/components/vertify/src/utils/dialog.js

@@ -0,0 +1,73 @@
+import { ref, render, createVNode, withCtx, nextTick } from 'vue';
+import { createProviderWrapper } from '../../../../shared/utils/index.js';
+import IdentityVerification from '../components/IdentityVerification.vue.js';
+
+class RoleDialog {
+  constructor() {
+    this.rendered = false;
+  }
+  static createMsg(message) {
+    return `[RoleDialog] ${message}`;
+  }
+  show(instance, data) {
+    if (this.rendered)
+      return Promise.reject(RoleDialog.createMsg(function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.491")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.491")) || "\u8BF7\u52FF\u91CD\u590D\u6253\u5F00\u5F39\u7A97";
+        } catch (e) {
+          return "\u8BF7\u52FF\u91CD\u590D\u6253\u5F00\u5F39\u7A97";
+        }
+      }()));
+    return new Promise((resolve, reject) => {
+      this.rendered = true;
+      const container = document.createElement("div");
+      const visible = ref(false);
+      const ProviderWrapper = createProviderWrapper(instance);
+      const {
+        title = "",
+        token = ""
+      } = data;
+      const that = this;
+      render(createVNode(ProviderWrapper, null, {
+        default: withCtx(() => createVNode(IdentityVerification, {
+          "to": container,
+          "modelValue": visible.value,
+          "onUpdate:modelValue": ($event) => visible.value = $event,
+          "identityVerificationTitle": title,
+          "token": token,
+          "onClose": onClose,
+          "onAfterLeaveComponent": () => unmount(container),
+          "onSuccess": onSuccess
+        }, null), instance)
+      }), container);
+      mount(container);
+      nextTick(() => visible.value = true);
+      function onClose() {
+        reject(RoleDialog.createMsg(function() {
+          var _a, _b, _c;
+          try {
+            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.492")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.492")) || "\u5F39\u7A97\u5173\u95ED";
+          } catch (e) {
+            return "\u5F39\u7A97\u5173\u95ED";
+          }
+        }()));
+      }
+      function onSuccess(result) {
+        resolve(result);
+        visible.value = false;
+      }
+      function mount(target) {
+        document.body.appendChild(target);
+      }
+      function unmount(target) {
+        if (!target.parentElement)
+          return;
+        that.rendered = false;
+        target.parentElement.removeChild(target);
+      }
+    });
+  }
+}
+
+export { RoleDialog };

package/es/components/vertify/src/utils/index.d.ts

@@ -0,0 +1,11 @@
+import { AnyObject } from '../../../../shared/types';
+declare class Vertify {
+    private static instance;
+    private dialog;
+    private instance;
+    constructor();
+    static getInstance(): Vertify;
+    show(data: AnyObject): Promise<AnyObject>;
+}
+export declare const vertify: Vertify;
+export {};

package/es/components/vertify/src/utils/index.js

@@ -0,0 +1,24 @@
+import { getCurrentInstance } from 'vue';
+import { RoleDialog } from './dialog.js';
+
+class Vertify {
+  constructor() {
+    this.dialog = new RoleDialog();
+    this.instance = null;
+    this.instance = getCurrentInstance();
+  }
+  static getInstance() {
+    if (!Vertify.instance) {
+      Vertify.instance = new Vertify();
+    }
+    return Vertify.instance;
+  }
+  show(data) {
+    if (!this.instance)
+      this.instance = getCurrentInstance();
+    return this.dialog.show(this.instance, data);
+  }
+}
+const vertify = Vertify.getInstance();
+
+export { vertify };

package/es/components/vertify/style/index.css

@@ -0,0 +1 @@
+.c-identity-verification-modal .n-dialog__close{display:none}.c-identity-verification-modal .n-dialog__content{margin-top:20px}

package/es/components/vod-chunk-upload/index.d.ts

@@ -21,6 +21,10 @@ declare const VodChunkUpload: SFCWithInstall<import("vue").DefineComponent<{
         type: FunctionConstructor;
         default: () => Promise<{}>;
     };
+    chunkUploadApiConfig: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
 }, {
     VodState: {
         videoVisible: boolean;
@@ -85,6 +89,10 @@ declare const VodChunkUpload: SFCWithInstall<import("vue").DefineComponent<{
             type: FunctionConstructor;
             default: () => Promise<{}>;
         };
+        chunkUploadApiConfig: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
     }>> & {
         onVodFileList?: ((...args: any[]) => any) | undefined;
     }>>;
@@ -294,12 +302,17 @@ declare const VodChunkUpload: SFCWithInstall<import("vue").DefineComponent<{
         type: FunctionConstructor;
         default: () => Promise<{}>;
     };
+    chunkUploadApiConfig: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
 }>> & {
     onVodFileList?: ((...args: any[]) => any) | undefined;
 }, {
     isDetail: boolean;
     isLock: boolean;
     getChunkUploadConfig: Function;
+    chunkUploadApiConfig: Record<string, any>;
     formData: Record<string, any>;
     limitNum: number;
     defFileList: string;

package/es/components/vod-chunk-upload/src/chunk-upload-new.vue.d.ts

@@ -27,6 +27,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    chunkUploadApiConfig: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
 }, {
     UploadState: {
         spinning: boolean;
@@ -91,6 +95,10 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        chunkUploadApiConfig: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
     }>> & {
         onGetSumbitList?: ((...args: any[]) => any) | undefined;
         onCloseUpload?: ((...args: any[]) => any) | undefined;
@@ -98,6 +106,7 @@ declare const _default: import("vue").DefineComponent<{
     emit: (event: "getSumbitList" | "closeUpload", ...args: any[]) => void;
     message: import("naive-ui").MessageApi;
     initState: () => void;
+    isChunkNew: import("vue").ComputedRef<any>;
     uploadArguments: import("vue").ComputedRef<{
         type: any;
         channel: any;
@@ -115,10 +124,13 @@ declare const _default: import("vue").DefineComponent<{
     checkMaxLength: () => boolean;
     computeMD5: (file: any) => void;
     onFileAdded: (file: any) => void;
-    verifyUpload: (fileName: any, fileHash: any, file: any) => Promise<unknown>;
+    checkFileMd5ExistOld: (obj: any, file: any) => Promise<any>;
+    verifyUpload: (fileName: any, fileHash: any, file: any) => Promise<any>;
     computeMD5Success: (md5: any, file: any) => Promise<void>;
     onFileProgress: () => void;
-    mergeRequest: (data: any, file: any) => Promise<unknown>;
+    handleMergeFile: (data: any, file: any) => void;
+    partFileMergeOld: (obj: any) => Promise<any>;
+    mergeRequest: (data: any, file: any) => Promise<void>;
     onFileSuccess: (rootFile: any, file: any, response: any) => void;
     hanldeDraggerBtnClick: () => void;
     getUploadShowStatus: (file: any, key?: string) => any;
@@ -167,12 +179,17 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    chunkUploadApiConfig: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
 }>> & {
     onGetSumbitList?: ((...args: any[]) => any) | undefined;
     onCloseUpload?: ((...args: any[]) => any) | undefined;
 }, {
     defaultList: unknown[];
     getChunkUploadConfig: Function;
+    chunkUploadApiConfig: Record<string, any>;
     source: string;
     max_size: string | number;
     propsCategoryMap: string;

package/es/components/vod-chunk-upload/src/chunk-upload-new.vue2.js

@@ -80,6 +80,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const message = useMessage();
     const {
       initState,
+      isChunkNew,
       uploadArguments,
       autoStart,
       btnAttrs
@@ -94,9 +95,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const init = () => {
       try {
-        console.log(props.getChunkUploadConfig);
+        if (isChunkNew.value)
+          return;
         props.getChunkUploadConfig().then((res) => {
-          console.log(res);
           state.uploadConfig = {
             ...res
           };
@@ -268,41 +269,58 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         computeMD5(file);
       }
     };
-    const verifyUpload = (fileName, fileHash, file) => {
+    const checkFileMd5ExistOld = (obj, file) => {
       let url = state.uploadConfig.checkFileMd5Exist;
-      return new Promise((resolve, reject) => {
+      return instance.get(url, {
+        params: obj
+      }).then((res) => {
+        let verifyData = res.data || {};
+        if (verifyData.code == "00000")
+          return verifyData.data || {};
+      }).catch((err) => {
+        statusSet(file, "failed");
+        console.log("verifyUpload-old -> err", err);
+      });
+    };
+    const verifyUpload = async (fileName, fileHash, file) => {
+      var _a;
+      try {
         const obj = {
           md5: fileHash,
           fileName,
           ...uploadArguments.value
         };
-        instance.get(url, {
-          params: obj
-        }).then((res) => {
-          resolve(res.data);
-        }).catch((err) => {
-          statusSet(file, "failed");
-          console.log("verifyUpload -> err", err);
-        });
-      });
+        if (isChunkNew.value) {
+          Object.assign(obj, {
+            up2saas: (_a = props.chunkUploadApiConfig) == null ? void 0 : _a.up2saas
+          });
+        }
+        return isChunkNew.value ? await props.chunkUploadApiConfig.checkFileMd5Exist(obj) : checkFileMd5ExistOld(obj, file);
+      } catch (err) {
+        console.log("verifyUpload -> err", err);
+      }
     };
     const computeMD5Success = async (md5, file) => {
       try {
-        const verifyData = await verifyUpload(file.name, md5, file);
-        if (verifyData.code == "00000") {
-          const {
-            data
-          } = verifyData || {};
-          if (data.presence) {
-            statusSet(file, "complete");
-            file.crm_chkuns_complete_status = "complete";
-            file.crm_uploade_resInfo = {
-              url: data.path,
-              name: file.name,
-              size: file.size
-            };
-            return;
-          }
+        const data = await verifyUpload(file.name, md5, file);
+        if (data == null ? void 0 : data.path) {
+          statusSet(file, "complete");
+          file.crm_chkuns_complete_status = "complete";
+          file.crm_uploade_resInfo = {
+            url: data.path,
+            name: file.name,
+            size: file.size
+          };
+          return;
+        }
+        if (file.completed) {
+          const successObj = isChunkNew.value ? {
+            result: "SUCCESS"
+          } : {
+            success: true
+          };
+          onFileSuccess({}, file, JSON.stringify(successObj));
+          return;
         }
         file.uniqueIdentifier = md5;
         statusSet(file, "uploading");
@@ -313,56 +331,69 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const onFileProgress = () => {
     };
-    const mergeRequest = (data, file) => {
-      return new Promise((resolve, reject) => {
-        const obj = {
-          ...data,
-          ...uploadArguments.value,
-          size: file.size
-        };
-        instance.post(state.uploadConfig.partFileMerge, obj, {
-          timeout: 0
-        }).then(({
-          data: data2
-        }) => {
-          if (data2.code === "00000") {
-            statusSet(file, "complete");
-            if (uploaderDom.value) {
-              let resData = (data2 == null ? void 0 : data2.data) || {};
-              let fileList = uploaderDom.value.fileList;
-              fileList.forEach((v) => {
-                if (v.uniqueIdentifier == file.uniqueIdentifier) {
-                  v.crm_chkuns_complete_status = "complete";
-                  v.crm_uploade_resInfo = {
-                    url: resData.path || resData.url,
-                    name: file.name,
-                    size: file.size,
-                    ...resData
-                  };
-                }
-              });
-            }
-            resolve();
-          } else {
-            message.error(function() {
-              var _a, _b, _c;
-              try {
-                return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.641")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.641")) || "\u4E0A\u4F20\u5931\u8D25";
-              } catch (e) {
-                return "\u4E0A\u4F20\u5931\u8D25";
-              }
-            }());
-            resolve();
+    const handleMergeFile = (data, file) => {
+      statusSet(file, "complete");
+      if (uploaderDom.value) {
+        let resData = (data == null ? void 0 : data.data) || (data == null ? void 0 : data.obj) || {};
+        let fileList = uploaderDom.value.fileList;
+        fileList.forEach((v) => {
+          if (v.uniqueIdentifier == file.uniqueIdentifier) {
+            v.crm_chkuns_complete_status = "complete";
+            v.crm_uploade_resInfo = {
+              url: resData.path || resData.url,
+              name: file.name,
+              size: file.size,
+              ...resData
+            };
           }
-        }).catch((err) => {
-          console.log("mergeRequest -> err", err);
-          reject();
         });
-      });
+      }
+    };
+    const partFileMergeOld = (obj) => {
+      return instance.post(state.uploadConfig.partFileMerge, obj, {
+        timeout: 0
+      }).then(({
+        data
+      }) => data);
+    };
+    const mergeRequest = async (data, file) => {
+      var _a, _b;
+      const obj = {
+        ...data,
+        ...uploadArguments.value,
+        size: file.size
+      };
+      if (isChunkNew.value) {
+        Object.assign(obj, {
+          up2saas: (_b = (_a = props.chunkUploadApiConfig) == null ? void 0 : _a.up2saas) != null ? _b : false
+        });
+      }
+      try {
+        let resData = isChunkNew.value ? await props.chunkUploadApiConfig.partFileMerge(obj) : await partFileMergeOld(obj);
+        let isFailure = isChunkNew.value ? resData.result !== "SUCCESS" : resData.code !== "00000";
+        if (isFailure) {
+          message.error(function() {
+            var _a2, _b2, _c;
+            try {
+              return ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.641")) || ((_c = (_b2 = window.top) == null ? void 0 : _b2.getLanguageByCode) == null ? void 0 : _c.call(_b2, "10010.1.641")) || "\u4E0A\u4F20\u5931\u8D25";
+            } catch (e) {
+              return "\u4E0A\u4F20\u5931\u8D25";
+            }
+          }());
+          statusSet(file, "failed");
+          return;
+        }
+        handleMergeFile(resData, file);
+      } catch (err) {
+        console.log("mergeRequest -> err", err);
+        statusSet(file, "failed");
+        throw err;
+      }
     };
     const onFileSuccess = (rootFile, file, response) => {
       let res = JSON.parse(response);
-      if (!res.success) {
+      let isFailure = isChunkNew.value ? res.result !== "SUCCESS" : !res.success;
+      if (isFailure) {
         statusSet(file, "failed");
         return;
       }
@@ -446,7 +477,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       emit("getSumbitList", list);
     };
     const confirm = () => {
-      console.log("ininini");
       const {
         configList
       } = state;
@@ -478,7 +508,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       cancel();
     };
     const cancel = () => {
-      console.log("cancelcancelcancel");
       close();
       state.configList = [];
       emit("closeUpload", false);

package/es/components/vod-chunk-upload/src/hooks/upload-computed.d.ts

@@ -1,5 +1,6 @@
 export declare const UploadComputed: (props: any, state: any, config: any) => {
     initState: () => void;
+    isChunkNew: import("vue").ComputedRef<any>;
     uploadArguments: import("vue").ComputedRef<{
         type: any;
         channel: any;