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

package/types/components/common-base/form/hooks/use-form-item.d.ts

@@ -0,0 +1,57 @@
+import { VueProps } from '../../../../assets/utils/vue-utils/props-utils';
+import { InjectionKey } from 'vue';
+import { FormItemInstance, FormValidateOptions } from '../types/form-types';
+export declare const formItemProps: () => {
+    /** 该节点属于表单数据中的哪个字段 */
+    formField: import("vue-types").VueTypeValidableDef<string>;
+    /** 节点标签 */
+    label: import("vue-types").VueTypeValidableDef<string>;
+    /** 表单标题宽度 */
+    labelWidth: import("vue-types").VueTypeValidableDef<number>;
+    /** 表单标题高度 */
+    labelHeight: import("vue-types").VueTypeValidableDef<number>;
+    /** 表单输入框内容宽度 */
+    contentWidth: import("vue-types").VueTypeValidableDef<number>;
+    /** 是否显示异常信息 */
+    showErrorMessage: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    /** 节点异常信息 */
+    errorMessage: import("vue-types").VueTypeValidableDef<string>;
+    /** label 模式 */
+    labelModel: import("vue-types").VueTypeDef<"header" | "inline">;
+    /** 是否显示必填星号 */
+    required: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+};
+/** <form-item> 组件名 */
+export declare const FORM_ITEM_COMPONENT_NAME = "form-item";
+/**
+ * 判断 vue 实例是否为 <form-item>
+ * @param instance 实例
+ */
+export declare const isFormItemInstance: (instance: unknown) => instance is FormItemInstance;
+export declare const FORM_ITEM_PROVIDE_KEY: InjectionKey<FormItemInstance>;
+export declare const useFormItemInject: () => FormItemInstance | undefined;
+export declare const useFormItem: (options: {
+    props: VueProps<typeof formItemProps>;
+}) => {
+    required: import("vue").ComputedRef<boolean>;
+    labelText: import("vue").ComputedRef<string | undefined>;
+    labelModel: import("vue").ComputedRef<"header" | "inline">;
+    labelStyle: import("vue").ComputedRef<{
+        width?: undefined;
+        height?: undefined;
+    } | {
+        width: string | undefined;
+        height: string | undefined;
+    }>;
+    contentWidthStyle: import("vue").ComputedRef<string | undefined>;
+    itemErrorMessage: import("vue").Ref<string | undefined>;
+    formItemIsError: import("vue").ComputedRef<boolean>;
+    removeErrorMessage: () => void;
+    validateFormItem: (validateOptions?: FormValidateOptions) => Promise<void>;
+    formItemInstance: FormItemInstance;
+    isMobile: boolean;
+};

package/types/components/common-base/form/hooks/use-form-submit-button.d.ts

@@ -0,0 +1,41 @@
+import { VueProps } from '../../../../assets/utils/vue-utils/props-utils';
+export declare const formSubmitButtonProps: () => {
+    /** 防抖提交，默认：false */
+    debounceSubmit: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    text: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    nativeType: import("vue-types").VueTypeValidableDef<import("../../normal-button").ButtonNativeType> & {
+        default: import("../../normal-button").ButtonNativeType;
+    };
+    /** 防抖提交，默认：false */
+    type: import("vue-types").VueTypeValidableDef<import("../../normal-button").ButtonType> & {
+        default: import("../../normal-button").ButtonType;
+    };
+    size: import("vue-types").VueTypeValidableDef<import("../../normal-button").ButtonSize> & {
+        default: import("../../normal-button").ButtonSize;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    block: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    icon: import("vue-types").VueTypeValidableDef<import("@polyv/icons-vue/icon-builder").IconComponentOption>;
+    /** 检查按钮是否需要禁用 */
+    iconClass: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    allowDisabledClick: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+};
+export declare const useFormSubmitButton: (options: {
+    props: VueProps<typeof formSubmitButtonProps>;
+}) => {
+    buttonIsDisabled: import("vue").ComputedRef<boolean>;
+    checkDisabled: () => Promise<void>;
+    onButtonClick: () => void;
+};

package/types/components/common-base/form/hooks/use-form.d.ts

@@ -0,0 +1,69 @@
+import { VueEmit } from '../../../../assets/utils/vue-utils/emit-utils';
+import { VueProps } from '../../../../assets/utils/vue-utils/props-utils';
+import { ValidatorRules } from '../../../../plugins/async-validator';
+import { ComputedRef, InjectionKey, Ref } from 'vue';
+import { FormTheme } from '../types/enums';
+import { FormValidateOptions } from '../types/form-types';
+export declare const formWrapProps: () => {
+    /** 绑定的表单对象 */
+    formData: import("vue-types").VueTypeValidableDef<{
+        [key: string]: any;
+    }> & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+    /** 验证规则 */
+    formRules: import("vue-types").VueTypeValidableDef<ValidatorRules> & {
+        default: () => ValidatorRules;
+    };
+    /** 表单标题宽度 */
+    labelWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    /** 表单标题高度 */
+    labelHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    /** 表单输入框内容宽度 */
+    contentWidth: import("vue-types").VueTypeValidableDef<number>;
+    /** 表单提交方法 */
+    submitAction: import("vue-types").VueTypeValidableDef<(...args: any[]) => any>;
+    /** 表单主题，dark-黑暗 */
+    theme: import("vue-types").VueTypeValidableDef<FormTheme>;
+    /** label 模式，默认：inline */
+    labelModel: import("vue-types").VueTypeDef<"header" | "inline"> & {
+        default: "header" | "inline";
+    };
+    /** 是否开启 debug 打印，默认：false */
+    debug: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+};
+export declare const formWrapEmits: () => {
+    'submit-form': (arg: UniversalParams<unknown>) => void;
+};
+export type FormWrapProps = VueProps<typeof formWrapProps>;
+/** <form-wrap> 注入类型 */
+export interface FormWrapInjectData {
+    /** 是否正在提交 */
+    isSubmiting: Ref<boolean>;
+    /** debug */
+    debug: ComputedRef<boolean>;
+    /** 验证当前表单 */
+    validateCurrentForm(validateOptions?: FormValidateOptions): Promise<void>;
+    /** 提交当前表单 */
+    submitForm(validateOptions?: FormValidateOptions): Promise<void>;
+}
+export declare const FORM_WRAP_PROPS_PROVIDE_KEY: InjectionKey<FormWrapProps>;
+export declare const useFormWrapPropsInject: () => FormWrapProps | undefined;
+export declare const FORM_WRAP_PROVIDE_KEY: InjectionKey<FormWrapInjectData>;
+export declare const useFormWrapInject: () => FormWrapInjectData | undefined;
+export declare const useFormWrap: (options: {
+    props: VueProps<typeof formWrapProps>;
+    emit: VueEmit<typeof formWrapEmits>;
+}) => {
+    isSubmiting: Ref<boolean>;
+    validateCurrentForm: (validateOptions?: FormValidateOptions) => Promise<void>;
+    submitForm: (validateOptions: FormValidateOptions) => Promise<void>;
+};

package/types/components/common-base/form/types/enums.d.ts

@@ -0,0 +1,18 @@
+/** 表单尺寸 */
+export declare enum FormSize {
+    /** 默认 - 48px */
+    Default = "default",
+    /** 中 - 40px */
+    Medium = "medium",
+    /** 小 - 32px */
+    Small = "small"
+}
+/** 表单主题 */
+export declare enum FormTheme {
+    /** 默认 */
+    Default = "default",
+    /** 黑暗 */
+    Dark = "dark",
+    /** 简约 */
+    Simplicity = "simplicity"
+}

package/types/components/common-base/form/types/form-types.d.ts

@@ -0,0 +1,25 @@
+import { ComputedRef } from 'vue';
+/**
+ * 表单验证选项
+ */
+export interface FormValidateOptions {
+    /** 是否显示异常消息 */
+    showErrorMessage?: boolean;
+}
+/**
+ * 表单节点对象
+ */
+export interface FormItemInstance {
+    isFormItem: true;
+    /** 表单节点是否验证异常 */
+    formItemIsError: ComputedRef<boolean>;
+    /** 设置异常提示 */
+    setErrorMessage(message: string | undefined): void;
+    /** 移除异常提示 */
+    removeErrorMessage(): void;
+    /** 验证表单节点 */
+    validateFormItem(validateOptions?: FormValidateOptions): Promise<void>;
+}
+export declare const formItemLabelModels: ["inline", "header"];
+/** 表单节点 label 样式，inline-行内，header-头部 */
+export type FormItemLabelModel = typeof formItemLabelModels[number];

package/types/components/common-base/loading/loading-animation.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/common-base/message-box/index.d.ts

@@ -0,0 +1,7 @@
+import { VueProps } from '../../../assets/utils/vue-utils/props-utils';
+import MobileMessageBox from './mobile-message-box.vue';
+import PcMessageBox from './pc-message-box.vue';
+import { messageBoxCommonProps, MessageBoxInstance } from './use-message-box';
+export declare const messageBox: (props: Partial<VueProps<typeof messageBoxCommonProps>>) => MessageBoxInstance;
+export { PcMessageBox, MobileMessageBox };
+export * from './use-message-box';

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

@@ -0,0 +1,78 @@
+declare const _default: import("vue").DefineComponent<{
+    isRotate: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    appendToBody: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    contentCenter: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    type: import("vue-types").VueTypeValidableDef<import("./use-message-box").MessageBoxType> & {
+        default: import("./use-message-box").MessageBoxType;
+    };
+    content: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    cancelButtonText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    confirmButtonText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+}, {
+    $open: () => void;
+    $close: () => void;
+    $confirm: () => Promise<boolean>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    cancel: (arg?: void | undefined) => void;
+    "after-enter": (arg?: void | undefined) => void;
+    "after-leave": (arg?: void | undefined) => void;
+    confirm: (arg?: void | undefined) => void;
+    "click-link": (arg: HTMLAnchorElement) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
+    isRotate: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    appendToBody: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    contentCenter: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    type: import("vue-types").VueTypeValidableDef<import("./use-message-box").MessageBoxType> & {
+        default: import("./use-message-box").MessageBoxType;
+    };
+    content: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    cancelButtonText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    confirmButtonText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+}>>, {
+    type: import("./use-message-box").MessageBoxType;
+    title: string;
+    visible: boolean;
+    appendToBody: boolean;
+    content: string;
+    contentCenter: boolean;
+    cancelButtonText: string;
+    confirmButtonText: string;
+    isRotate: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,141 @@
+declare const _default: import("vue").DefineComponent<{
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    appendToBody: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    contentCenter: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    type: import("vue-types").VueTypeValidableDef<import("./use-message-box").MessageBoxType> & {
+        default: import("./use-message-box").MessageBoxType;
+    };
+    content: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    cancelButtonText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    confirmButtonText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    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;
+    };
+    closable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+}, {
+    $open: () => void;
+    $close: () => void;
+    $confirm: () => Promise<boolean>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    cancel: (arg?: void | undefined) => void;
+    "after-enter": (arg?: void | undefined) => void;
+    "after-leave": (arg?: void | undefined) => void;
+    confirm: (arg?: void | undefined) => void;
+    "click-link": (arg: HTMLAnchorElement) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    appendToBody: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    contentCenter: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    type: import("vue-types").VueTypeValidableDef<import("./use-message-box").MessageBoxType> & {
+        default: import("./use-message-box").MessageBoxType;
+    };
+    content: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    cancelButtonText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    confirmButtonText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    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;
+    };
+    closable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+}>>, {
+    type: import("./use-message-box").MessageBoxType;
+    title: string;
+    mask: boolean;
+    width: number;
+    height: number;
+    visible: boolean;
+    appendToBody: boolean;
+    closable: boolean;
+    closeOnClickMask: boolean;
+    hideHeaderBorder: boolean;
+    draggable: boolean;
+    mountEl: string;
+    content: string;
+    contentCenter: boolean;
+    cancelButtonText: string;
+    confirmButtonText: string;
+    bodyLocked: boolean;
+    positionComputedElem: string;
+}>;
+export default _default;

package/types/components/common-base/message-box/use-message-box.d.ts

@@ -0,0 +1,174 @@
+import { VueEmit } from '../../../assets/utils/vue-utils/emit-utils';
+import { VueProps } from '../../../assets/utils/vue-utils/props-utils';
+export interface MessageBoxInstance {
+    /** 手动显示确认框 */
+    $open: () => void;
+    /** 手动关闭确认框 */
+    $close: () => void;
+    /** 显示确认框，并获取确认结果 */
+    $confirm: () => Promise<boolean>;
+}
+export declare enum MessageBoxType {
+    Confirm = "Confirm"
+}
+export declare const messageBoxCommonProps: () => {
+    /** 组件内部不会使用这个 props，只允许通过 $confirm 之类的实例方法来打开 */
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    /** 弹层标题 */
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    /** 是否插入到 body 中，默认：true */
+    appendToBody: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    /** 内容居中 */
+    contentCenter: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    /** 消息框框类型 */
+    type: import("vue-types").VueTypeValidableDef<MessageBoxType> & {
+        default: MessageBoxType;
+    };
+    /** 消息内容 */
+    content: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    /** 取消按钮文本 */
+    cancelButtonText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    /** 确认按钮文本 */
+    confirmButtonText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+};
+export declare const messageBoxPcProps: () => {
+    /** 组件内部不会使用这个 props，只允许通过 $confirm 之类的实例方法来打开 */
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    /** 弹层标题 */
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    /** 是否插入到 body 中，默认：true */
+    appendToBody: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    /** 内容居中 */
+    contentCenter: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    /** 消息框框类型 */
+    type: import("vue-types").VueTypeValidableDef<MessageBoxType> & {
+        default: MessageBoxType;
+    };
+    /** 消息内容 */
+    content: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    /** 取消按钮文本 */
+    cancelButtonText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    /** 确认按钮文本 */
+    confirmButtonText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    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;
+    };
+    closable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+};
+export declare const messageBoxMobileProps: () => {
+    /** 是否旋转 */
+    isRotate: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    /** 组件内部不会使用这个 props，只允许通过 $confirm 之类的实例方法来打开 */
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    /** 弹层标题 */
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    /** 是否插入到 body 中，默认：true */
+    appendToBody: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    /** 内容居中 */
+    contentCenter: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    /** 消息框框类型 */
+    type: import("vue-types").VueTypeValidableDef<MessageBoxType> & {
+        default: MessageBoxType;
+    };
+    /** 消息内容 */
+    content: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    /** 取消按钮文本 */
+    cancelButtonText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    /** 确认按钮文本 */
+    confirmButtonText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+};
+export declare const messageBoxEmits: () => {
+    /** 取消回调 */
+    cancel: (arg: void) => void;
+    /** 确认回调 */
+    confirm: (arg: void) => void;
+    /** 进入之后 */
+    'after-enter': (arg: void) => void;
+    /** 离开之后 */
+    'after-leave': (arg: void) => void;
+    /** 点击链接 */
+    'click-link': (arg: HTMLAnchorElement) => void;
+};
+export declare const useMessageBox: (options: {
+    props: VueProps<typeof messageBoxCommonProps>;
+    emit: VueEmit<typeof messageBoxEmits>;
+}) => {
+    innerVisible: import("vue").Ref<boolean>;
+    messageBoxInstance: MessageBoxInstance;
+    messageBoxRef: import("vue").Ref<any>;
+    messageBoxContentRef: import("vue").Ref<HTMLElement | undefined>;
+    onAfterEnter: () => void;
+    onAfterLeave: () => void;
+    onCancel: () => void;
+    onConfirm: () => void;
+};

package/types/components/common-base/normal-button/index.d.ts

@@ -0,0 +1,3 @@
+import NormalButton from './normal-button.vue';
+export default NormalButton;
+export * from './types';