@polyv/watch-identify-sdk-ui-default 0.1.0-rc.1

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@polyv/watch-identify-sdk-ui-default",
+  "version": "0.1.0-rc.1",
+  "description": "观看端用户系统认证-默认场景",
+  "keywords": [
+    "polyv",
+    "watch",
+    "identify",
+    "watch-identify-sdk"
+  ],
+  "author": "polyv",
+  "main": "./lib/polyv-watch-identify-sdk-ui-default.common.js",
+  "peerDependencies": {
+    "vue": "~2.7.14"
+  },
+  "peerDependenciesMeta": {
+    "@polyv/watch-identify-sdk-core": {
+      "optional": true
+    }
+  },
+  "browser": "./lib/polyv-watch-identify-sdk-ui-default.common.js",
+  "typings": "./types/exports/index.d.ts"
+}

package/types/assets/lang/i18ns/china.d.ts

@@ -0,0 +1,124 @@
+/**
+ * 中文语言配置
+ */
+export declare const chinaLang: {
+    'identifyCore.error.uploadImage': string;
+    'base.back': string;
+    'base.error.unknown': string;
+    'base.error.iarSetup': string;
+    'base.agree': string;
+    'base.disagree': string;
+    'base.sendSmsFail': string;
+    'base.unSetSmsPlatformFail': string;
+    'base.region': string;
+    'base.ok': string;
+    'base.backTop': string;
+    'base.people': string;
+    'base.error.payFail': string;
+    'base.confirm': string;
+    'base.cancel': string;
+    'base.ignore': string;
+    'base.refresh': string;
+    'base.reload': string;
+    'base.warmTips': string;
+    'base.enterLive': string;
+    'base.tips': string;
+    'base.you': string;
+    'base.me': string;
+    'base.more': string;
+    'base.changeLang': string;
+    'base.message': string;
+    'base.packUp': string;
+    'base.spreadOut': string;
+    'base.copy': string;
+    'base.fullText': string;
+    'base.translate': string;
+    'base.translateFinish': string;
+    'base.camera': string;
+    'base.popup.supportDragUp': string;
+    'base.popup.understood': string;
+    'base.enabled.on': string;
+    'base.enabled.off': string;
+    'base.notVisibleDialog': string;
+    'base.pip.show': string;
+    'base.pip.close': string;
+    'base.searchKeyword': string;
+    'base.emptyOptions': string;
+    'base.noMore': string;
+    'base.sendSuccess': string;
+    'base.deleteSuccess': string;
+    'base.system.version.deprecated': string;
+    'base.submit': string;
+    'base.submitSuccess': string;
+    'base.submitFail': string;
+    'base.smsCodeError': string;
+    'base.noData': string;
+    'base.reSendWhenIsShield': string;
+    'base.needCheck': string;
+    'copy.link': string;
+    'copy.success': string;
+    'copy.linkSuccess': string;
+    'form.name.phoneNumber': string;
+    'form.name.verifyCode': string;
+    'form.placeholder.phoneInput': string;
+    'form.placeholder.smsVerify': string;
+    'form.placeholder.imageVerify': string;
+    'form.placeholder.enterCountry': string;
+    'form.placeholder.contacts': string;
+    'form.placeholder.address': string;
+    'form.placeholder.corpName': string;
+    'form.placeholder.position': string;
+    'form.placeholder.email': string;
+    'form.error.phoneNumberRequired': string;
+    'form.error.phoneNumberError': string;
+    'form.error.smsVerifyRequired': string;
+    'form.error.imageCaptchaError': string;
+    'form.error.emailRequired': string;
+    'form.error.emailError': string;
+    'form.error.onlyCnAnEn': string;
+    'form.error.areaError': string;
+    'form.error.improveInfo': string;
+    'form.getSmsVerify': string;
+    'form.resend': string;
+    'form.radio': string;
+    'form.checkbox': string;
+    'form.select.multiPrefix': string;
+    'form.select.multiSuffix': string;
+    'form.uploadImage.prefixTips': string;
+    'form.uploadImage.suffixTips': string;
+    'unit.day': string;
+    'unit.dayTitle': string;
+    'unit.hour': string;
+    'unit.hourTitle': string;
+    'unit.minute': string;
+    'unit.minuteTitle': string;
+    'unit.second': string;
+    'unit.secondTitle': string;
+    'identify.login.confirm': string;
+    'identify.login.tips1': string;
+    'identify.login.tips2': string;
+    'weixin.scanToPay': string;
+    'weixin.pay.success': string;
+    'weixin.error.payTimeout': string;
+    'weixin.error.toWechatPay': string;
+    'weixin.error.openInClient': string;
+    'weixin.snapshot.tips': string;
+    'wxAuth.dialog.title': string;
+    'wxAuth.qrcode.tips': string;
+    'wxAuth.qrcode.tips2': string;
+    'wxAuth.copy': string;
+    'wxAuth.btn.text': string;
+    'wxAuth.protocol.tips': string;
+    'identityInfo.bindMobile': string;
+    'login.method.tips': string;
+    'login.method.tips.onlyWeixin': string;
+    'login.method.tips.onlyPhone': string;
+    'scan.login.tips.scanned': string;
+    'scan.login.tips.scanned2': string;
+    'scan.login.tips.success': string;
+    'scan.login.tips.fail': string;
+    'scan.login.tips.expired': string;
+    'scan.login.result.success': string;
+    'scan.login.result.fail': string;
+    'scan.login.result.expired': string;
+};

package/types/assets/lang/i18ns/english.d.ts

@@ -0,0 +1,5 @@
+import { LangConfig } from '../types';
+/**
+ * 英文语言配置
+ */
+export declare const englishLang: LangConfig;

package/types/assets/lang/i18ns/index.d.ts

@@ -0,0 +1,3 @@
+import { LangI18nData } from '../types';
+export declare const i18nData: LangI18nData;
+export default i18nData;

package/types/assets/lang/index.d.ts

@@ -0,0 +1,8 @@
+import { LangType } from './lang-enum';
+import { LangKey, LangLocaleFn } from './types';
+/** 转换多语言 */
+export declare function translate(key: LangKey, options?: UniversalParams<string>): string;
+export type LangInstallOptions = {
+    locale: LangType | LangLocaleFn;
+};
+export declare const changeLocale: (options: LangInstallOptions) => void;

package/types/assets/lang/lang-enum.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @file 多语言相关枚举
+ */
+/**
+ * 语言类型枚举
+ */
+export { LangType } from '@polyv/watch-identify-sdk-core';

package/types/assets/lang/types.d.ts

@@ -0,0 +1,8 @@
+import { LangType } from './lang-enum';
+import { chinaLang } from './i18ns/china';
+/** 某个多语言配置 */
+export type LangConfig = typeof chinaLang;
+export type LangKey = keyof LangConfig;
+/** 多语言匹配类型 */
+export type LangI18nData = Record<LangType, LangConfig>;
+export type LangLocaleFn = () => LangType;

package/types/assets/utils/browser.d.ts

@@ -0,0 +1,6 @@
+/** 是否移动端 */
+export declare const isMobile: boolean;
+/** 是否微信（非企业微信） */
+export declare const isWeixin: boolean;
+/** 是否为 MAC */
+export declare const isMac: boolean;

package/types/assets/utils/copy.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 复制文本
+ * @param text 复制内容
+ */
+export declare function copyText(text: string): Promise<unknown>;
+export declare const useCopyText: () => {
+    copyText: typeof copyText;
+    toastCopySuccess: () => void;
+};

package/types/assets/utils/dom.d.ts

@@ -0,0 +1,11 @@
+export declare function getElement(selector: string | HTMLElement): HTMLElement | null;
+/**
+ * 格式化样式数值
+ * @param size 数值或数值字符串
+ */
+export declare function formatStyleSize(size?: string | number): string | undefined;
+/**
+ * 判断是否已滚动接近底部
+ * @param $el Dom节点
+ */
+export declare function isScrollNearBottom($el?: HTMLElement | null): boolean;

package/types/assets/utils/utils.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 等待一段时间
+ * @param time 等待时间
+ */
+export declare function wait(time?: number): Promise<void>;

package/types/assets/utils/validate.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @file 验证相关的工具函数
+ */
+/**
+ * 根据区号验证手机号是否正确
+ * @param phoneNumber 手机号
+ * @param areaCode 区号，默认：+86
+ * @returns 正确的手机号返回 true
+ */
+export declare function validatePhoneNumber(phoneNumber: string, areaCode?: string): boolean;
+/**
+ * 验证图片验证码
+ * @param imageCaptcha 图片验证码
+ * @param imageId 图片验证码 id
+ * @returns 正确的验证码返回 true
+ */
+export declare function validateImageCaptcha(imageCaptcha: string, imageId: string): boolean;
+/**
+ * 文本是否包含特殊字符
+ * @param text 目标文本
+ * @returns 如果存在特殊字符则返回 true
+ */
+export declare function validateSpecialString(text: string): boolean;
+/**
+ * 检测文本中是否仅包含中英文和空格
+ * @param text 目标文本
+ * @returns 如果存在其他字符则返回 false
+ */
+export declare function validateCnAndEn(text: string): boolean;
+/**
+ * 检测文本是否符合"用户名称"规则
+ * @param userName 用户名称
+ * @returns 如果存在其他字符则返回 false
+ */
+export declare function validateUserName(userName: string): boolean;

package/types/assets/utils/vue-utils/emit-utils.d.ts

@@ -0,0 +1,10 @@
+import { EmitFn, ObjectEmitsOptions } from 'vue/types/v3-setup-context';
+type EmitFuncType<P = void> = (arg: P) => void;
+/**
+ * 创建 emit 配置的空函数
+ */
+export declare const emitFunc: <P = void>() => EmitFuncType<P>;
+export type VueEmit<F extends () => ObjectEmitsOptions> = EmitFn<ReturnType<F>>;
+type UpdateEmitReturn<K extends string, P = void> = Record<`update:${K}`, EmitFuncType<P>>;
+export declare function updateModelEmit<K extends string, P>(field: K): UpdateEmitReturn<K, P>;
+export {};

package/types/assets/utils/vue-utils/index.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+export type SimilarResponsive<T = unknown> = T | Ref<T>;
+/**
+ * 获取 ref 响应式对象中的 dom 节点，如果不是则返回 undefined
+ * @param targetRef 响应式对象
+ */
+export declare const getRefElem: <E extends HTMLElement>(targetRef: Ref | HTMLElement) => E | undefined;

package/types/assets/utils/vue-utils/props-utils.d.ts

@@ -0,0 +1,53 @@
+/**
+ * @file Vue 的 props 工具
+ */
+import { IconComponentOption } from '@polyv/icons-vue/icon-builder';
+import { ComputedRef, ExtractPropTypes } from 'vue';
+import { oneOf as _oneOf, oneOfType as _oneOfType, VueTypeValidableDef } from 'vue-types';
+/** Vue prop 配置工具 */
+export declare class PropUtils {
+    /** String 类型，默认：'' */
+    static get string(): VueTypeValidableDef<string> & {
+        default: string;
+    };
+    /** String 类型，默认：undefined */
+    static get looseString(): VueTypeValidableDef<string>;
+    /** Number 类型，默认：0 */
+    static get number(): VueTypeValidableDef<number> & {
+        default: number;
+    };
+    /** Number 类型，默认：undefined */
+    static get looseNumber(): VueTypeValidableDef<number>;
+    /** Boolean 类型，默认：true */
+    static get bool(): VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    static readonly objectType: <T extends {
+        [key: string]: any;
+    }>() => VueTypeValidableDef<T>;
+    /** Array 类型，默认：[] */
+    static readonly array: <T = unknown>() => VueTypeValidableDef<T[]> & {
+        default: () => T[];
+    };
+    /** Object 类型 */
+    static readonly object: <T extends {
+        [key: string]: any;
+    }>() => VueTypeValidableDef<T>;
+    /** Function 类型 */
+    static readonly func: <T extends (...args: any[]) => any>() => VueTypeValidableDef<T>;
+    /** 指定为数组中的值 */
+    static readonly oneOf: typeof _oneOf;
+    /** 自定义类型 */
+    static readonly oneOfType: typeof _oneOfType;
+    /** 枚举类型 */
+    static readonly enum: <T extends string = string>() => VueTypeValidableDef<T>;
+    /** 图标组件类型 */
+    static readonly icon: () => VueTypeValidableDef<IconComponentOption>;
+}
+export type VueProps<FN extends () => UniversalParams> = Readonly<ExtractPropTypes<ReturnType<FN>>>;
+export type FormatProps<FN extends () => UniversalParams> = Partial<ExtractPropTypes<ReturnType<FN>>>;
+export type PropComputedRefs<P extends object> = {
+    [K in keyof P]: ComputedRef<P[K]>;
+};
+/** 结构 props，将 props 转成 computed */
+export declare const useProps: <P extends object>(props: P) => PropComputedRefs<P>;

package/types/components/bind-identity-info/mobile-bind-identity-info.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/types/components/bind-identity-info/pc-bind-identity-info.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/types/components/bind-identity-info/use-bind-identity-info.d.ts

@@ -0,0 +1,14 @@
+export declare const useBindIdentityInfo: () => {
+    visible: import("vue").Ref<boolean>;
+    formData: {
+        phoneNumber: string;
+        areaCode: string;
+        smsCode: string;
+        protocolChecked: boolean;
+    };
+    formRules: import("vue").ComputedRef<import("async-validator").Rules>;
+    UserAgreementConfig: import("vue").Ref<import("@polyv/watch-identify-sdk-core").UserAgreementConfig | undefined>;
+    protocolContent: import("vue").ComputedRef<string>;
+    onSubmit: () => Promise<void>;
+    closeDialog: () => void;
+};

package/types/components/bind-identity-info/use-identity-info-input.d.ts

@@ -0,0 +1,26 @@
+import { ValidatorRules } from '../../plugins/async-validator';
+export declare enum IdentityInfoScene {
+    /** 登录 */
+    Login = "login",
+    /** 绑定 */
+    Bind = "bind"
+}
+/**
+ * 用户信息输入
+ * @hook
+ */
+export declare const useIdentityInfoInput: (options: {
+    scene: IdentityInfoScene;
+    loginSuccessCb?: () => void;
+}) => {
+    formData: {
+        phoneNumber: string;
+        areaCode: string;
+        smsCode: string;
+        protocolChecked: boolean;
+    };
+    formRules: import("vue").ComputedRef<ValidatorRules>;
+    UserAgreementConfig: import("vue").Ref<import("@polyv/watch-identify-sdk-core").UserAgreementConfig | undefined>;
+    protocolContent: import("vue").ComputedRef<string>;
+    submitForm: () => Promise<void>;
+};

package/types/components/common-base/dialog/mobile-dialog/index.d.ts

@@ -0,0 +1,2 @@
+import MobileDialog from './mobile-dialog.vue';
+export default MobileDialog;

package/types/components/common-base/dialog/mobile-dialog/mobile-dialog.vue.d.ts

@@ -0,0 +1,100 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    showHeader: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    showFooter: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    contentStyle: import("vue-types").VueTypeValidableDef<{
+        [key: string]: any;
+    }> & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+    bodyLocked: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    closeOnClickMask: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    maskOpacity: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    appendToBody: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    closable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    close: (arg?: void | undefined) => void;
+    "update:visible": (arg: boolean) => void;
+    open: (arg?: void | undefined) => void;
+    opened: (arg?: void | undefined) => void;
+    closed: (arg?: void | undefined) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
+    showHeader: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    showFooter: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    contentStyle: import("vue-types").VueTypeValidableDef<{
+        [key: string]: any;
+    }> & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+    bodyLocked: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    closeOnClickMask: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    maskOpacity: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    appendToBody: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    closable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+}>>, {
+    title: string;
+    visible: boolean;
+    showHeader: boolean;
+    appendToBody: boolean;
+    closable: boolean;
+    closeOnClickMask: boolean;
+    maskOpacity: number;
+    contentStyle: {
+        [key: string]: any;
+    };
+    bodyLocked: boolean;
+    showFooter: boolean;
+}>, {
+    title?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};

package/types/components/common-base/dialog/pc-dialog/index.d.ts

@@ -0,0 +1,3 @@
+import PcDialog from './pc-dialog.vue';
+export * from './types';
+export default PcDialog;

package/types/components/common-base/dialog/pc-dialog/pc-dialog.vue.d.ts

@@ -0,0 +1,113 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    hideHeaderBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    mask: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    bodyLocked: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    width: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    height: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    closeOnClickMask: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    positionComputedElem: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    mountEl: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    appendToBody: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    closable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+}, {
+    resetPosition(): void;
+    setMountEl(): void;
+    handleDocumentEventToReset(): void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    close: (arg?: void | undefined) => void;
+    "update:visible": (arg: boolean) => void;
+    open: (arg?: void | undefined) => void;
+    opened: (arg?: void | undefined) => void;
+    closed: (arg?: void | undefined) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
+    hideHeaderBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    mask: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    bodyLocked: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    width: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    height: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    closeOnClickMask: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    positionComputedElem: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    mountEl: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    appendToBody: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    closable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+}>>, {
+    title: string;
+    mask: boolean;
+    width: number;
+    height: number;
+    visible: boolean;
+    appendToBody: boolean;
+    closable: boolean;
+    closeOnClickMask: boolean;
+    hideHeaderBorder: boolean;
+    draggable: boolean;
+    mountEl: string;
+    bodyLocked: boolean;
+    positionComputedElem: string;
+}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};

package/types/components/common-base/dialog/pc-dialog/types.d.ts

@@ -0,0 +1,6 @@
+export interface DialogInstance {
+    /** 重置位置 */
+    resetPosition(): void;
+    setMountEl(): void;
+    handleDocumentEventToReset(): void;
+}

package/types/components/common-base/dialog/use-dialog-tips.d.ts

@@ -0,0 +1,20 @@
+import { InjectionKey } from 'vue';
+export interface DialogTipsInstance {
+    /** 显示弹层的提示 */
+    showDialogTips: (tips: string) => void;
+}
+export declare const DIALOG_TIPS_PROVIDE_KEY: InjectionKey<DialogTipsInstance>;
+/**
+ * 弹层提示 hooks（用于弹层中）
+ */
+export declare const useDialogTips: () => {
+    dialogTips: import("vue").Ref<string | undefined>;
+    showDialogTips: (tips: string) => void;
+    dialogTipsInstance: DialogTipsInstance;
+};
+/**
+ * 弹层提示 hook
+ */
+export declare const useDialogTipsUtils: () => {
+    showDialogTips: (tips: string) => void;
+};