@polyv/vue-components 1.1.1 → 1.2.0

package/{src/hooks/components/use-message-box → vue2/src/components/message-box}/_component/message-box-element.vue.d.ts

@@ -11,8 +11,8 @@ declare const _default: import('vue').DefineComponent<{
     showConfirmButton: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    cancelButtonType: import('vue-types').VueTypeValidableDef<import('../../../../components/button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../../../components/button').ButtonType>> & {
-        default: import('../../../../components/button').ButtonType;
+    cancelButtonType: import('vue-types').VueTypeValidableDef<import('../../button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../button').ButtonType>> & {
+        default: import('../../button').ButtonType;
     };
     cancelButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
@@ -20,8 +20,8 @@ declare const _default: import('vue').DefineComponent<{
     confirmButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
     };
-    confirmButtonType: import('vue-types').VueTypeValidableDef<import('../../../../components/button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../../../components/button').ButtonType>> & {
-        default: import('../../../../components/button').ButtonType;
+    confirmButtonType: import('vue-types').VueTypeValidableDef<import('../../button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../button').ButtonType>> & {
+        default: import('../../button').ButtonType;
     };
     showInput: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
@@ -54,8 +54,8 @@ declare const _default: import('vue').DefineComponent<{
     showConfirmButton: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    cancelButtonType: import('vue-types').VueTypeValidableDef<import('../../../../components/button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../../../components/button').ButtonType>> & {
-        default: import('../../../../components/button').ButtonType;
+    cancelButtonType: import('vue-types').VueTypeValidableDef<import('../../button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../button').ButtonType>> & {
+        default: import('../../button').ButtonType;
     };
     cancelButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
@@ -63,8 +63,8 @@ declare const _default: import('vue').DefineComponent<{
     confirmButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
     };
-    confirmButtonType: import('vue-types').VueTypeValidableDef<import('../../../../components/button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../../../components/button').ButtonType>> & {
-        default: import('../../../../components/button').ButtonType;
+    confirmButtonType: import('vue-types').VueTypeValidableDef<import('../../button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../button').ButtonType>> & {
+        default: import('../../button').ButtonType;
     };
     showInput: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
@@ -88,10 +88,10 @@ declare const _default: import('vue').DefineComponent<{
     placeholder: string;
     showCancelButton: boolean;
     showConfirmButton: boolean;
-    cancelButtonType: import('../../../../components/button').ButtonType;
+    cancelButtonType: import('../../button').ButtonType;
     cancelButtonText: string;
     confirmButtonText: string;
-    confirmButtonType: import('../../../../components/button').ButtonType;
+    confirmButtonType: import('../../button').ButtonType;
     showInput: boolean;
     defaultValue: string;
     requireMessage: string;

package/{src/hooks/components/use-message-box → vue2/src/components/message-box}/_component/use-message-box-element.d.ts

@@ -1,6 +1,6 @@
-import { ButtonType } from '../../../../components/button';
-import { FormatEmit, FormatProps, VueEmit, VueProps } from '../../../../vue-utils';
-import { ValidatorRules } from '../../../../plugins/async-validator';
+import { ButtonType } from '../../button';
+import { ValidatorRules } from '../../../plugins/async-validator';
+import { FormatEmit, FormatProps, VueEmit, VueProps } from '../../../vue-utils';
 export declare const messageBoxElementProps: () => {
     message: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
@@ -43,8 +43,8 @@ export declare const messageBoxElementProps: () => {
     };
 };
 export declare const messageBoxElementEmits: () => {
-    confirm: import('../../../../vue-utils').EmitFuncType<string | void>;
-    cancel: import('../../../../vue-utils').EmitFuncType<void>;
+    confirm: import('../../../vue-utils').EmitFuncType<string | void>;
+    cancel: import('../../../vue-utils').EmitFuncType<void>;
 };
 export type MessageBoxPropsType = FormatProps<typeof messageBoxElementProps>;
 export type MessageBoxElementEmitCallback = FormatEmit<typeof messageBoxElementEmits>;
@@ -61,14 +61,8 @@ export declare const useMessageBoxElement: (options: {
     }>;
     formRules: import('vue').ComputedRef<ValidatorRules>;
     formRef: import('vue').Ref<(import('vue/types/v3-component-public-instance').Vue3Instance<{}, Readonly<import('vue').ExtractPropTypes<{
-        formData: import('vue-types').VueTypeValidableDef<{
-            [key: string]: any;
-        }, import('vue-types/dist/types').ValidatorFunction<{
-            [key: string]: any;
-        }>> & {
-            default: () => {
-                [key: string]: any;
-            };
+        formData: import('vue-types').VueTypeValidableDef<import('../../..').UniversalParams, import('vue-types/dist/types').ValidatorFunction<import('../../..').UniversalParams>> & {
+            default: () => import('../../..').UniversalParams;
         };
         formRules: import('vue-types').VueTypeValidableDef<ValidatorRules, import('vue-types/dist/types').ValidatorFunction<ValidatorRules>> & {
             default: () => ValidatorRules;
@@ -76,23 +70,17 @@ export declare const useMessageBoxElement: (options: {
         labelWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
         labelHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
         contentWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
-        submitAction: import('vue-types').VueTypeValidableDef<(...args: any[]) => any, import('vue-types/dist/types').ValidatorFunction<(...args: any[]) => any>>;
+        submitAction: import('vue-types').VueTypeValidableDef<import('../../form').FormSubmitAction, import('vue-types/dist/types').ValidatorFunction<import('../../form').FormSubmitAction>>;
         labelModel: import('vue-types').VueTypeDef<"header" | "inline"> & {
             default: "header" | "inline";
         };
         debug: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
             default: boolean;
         };
-        size: import('vue-types').VueTypeValidableDef<import('../../../../components/form').FormSize, import('vue-types/dist/types').ValidatorFunction<import('../../../../components/form').FormSize>>;
+        size: import('vue-types').VueTypeValidableDef<import('../../form').FormSize, import('vue-types/dist/types').ValidatorFunction<import('../../form').FormSize>>;
     }>>, Readonly<import('vue').ExtractPropTypes<{
-        formData: import('vue-types').VueTypeValidableDef<{
-            [key: string]: any;
-        }, import('vue-types/dist/types').ValidatorFunction<{
-            [key: string]: any;
-        }>> & {
-            default: () => {
-                [key: string]: any;
-            };
+        formData: import('vue-types').VueTypeValidableDef<import('../../..').UniversalParams, import('vue-types/dist/types').ValidatorFunction<import('../../..').UniversalParams>> & {
+            default: () => import('../../..').UniversalParams;
         };
         formRules: import('vue-types').VueTypeValidableDef<ValidatorRules, import('vue-types/dist/types').ValidatorFunction<ValidatorRules>> & {
             default: () => ValidatorRules;
@@ -100,32 +88,24 @@ export declare const useMessageBoxElement: (options: {
         labelWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
         labelHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
         contentWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
-        submitAction: import('vue-types').VueTypeValidableDef<(...args: any[]) => any, import('vue-types/dist/types').ValidatorFunction<(...args: any[]) => any>>;
+        submitAction: import('vue-types').VueTypeValidableDef<import('../../form').FormSubmitAction, import('vue-types/dist/types').ValidatorFunction<import('../../form').FormSubmitAction>>;
         labelModel: import('vue-types').VueTypeDef<"header" | "inline"> & {
             default: "header" | "inline";
         };
         debug: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
             default: boolean;
         };
-        size: import('vue-types').VueTypeValidableDef<import('../../../../components/form').FormSize, import('vue-types/dist/types').ValidatorFunction<import('../../../../components/form').FormSize>>;
+        size: import('vue-types').VueTypeValidableDef<import('../../form').FormSize, import('vue-types/dist/types').ValidatorFunction<import('../../form').FormSize>>;
     }>>, {
-        "submit-form": (arg: import('../../../..').UniversalParams) => void;
+        "submit-form": (arg: import('../../..').UniversalParams) => void;
     }, {
-        formData: {
-            [key: string]: any;
-        };
+        formData: import('../../..').UniversalParams;
         formRules: ValidatorRules;
         labelModel: "header" | "inline";
         debug: boolean;
     }, true, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import('vue').ExtractPropTypes<{
-        formData: import('vue-types').VueTypeValidableDef<{
-            [key: string]: any;
-        }, import('vue-types/dist/types').ValidatorFunction<{
-            [key: string]: any;
-        }>> & {
-            default: () => {
-                [key: string]: any;
-            };
+        formData: import('vue-types').VueTypeValidableDef<import('../../..').UniversalParams, import('vue-types/dist/types').ValidatorFunction<import('../../..').UniversalParams>> & {
+            default: () => import('../../..').UniversalParams;
         };
         formRules: import('vue-types').VueTypeValidableDef<ValidatorRules, import('vue-types/dist/types').ValidatorFunction<ValidatorRules>> & {
             default: () => ValidatorRules;
@@ -133,25 +113,19 @@ export declare const useMessageBoxElement: (options: {
         labelWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
         labelHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
         contentWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
-        submitAction: import('vue-types').VueTypeValidableDef<(...args: any[]) => any, import('vue-types/dist/types').ValidatorFunction<(...args: any[]) => any>>;
+        submitAction: import('vue-types').VueTypeValidableDef<import('../../form').FormSubmitAction, import('vue-types/dist/types').ValidatorFunction<import('../../form').FormSubmitAction>>;
         labelModel: import('vue-types').VueTypeDef<"header" | "inline"> & {
             default: "header" | "inline";
         };
         debug: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
             default: boolean;
         };
-        size: import('vue-types').VueTypeValidableDef<import('../../../../components/form').FormSize, import('vue-types/dist/types').ValidatorFunction<import('../../../../components/form').FormSize>>;
+        size: import('vue-types').VueTypeValidableDef<import('../../form').FormSize, import('vue-types/dist/types').ValidatorFunction<import('../../form').FormSize>>;
     }>>> & import('vue').ShallowUnwrapRef<{
-        validateCurrentForm: (validateOptions?: import('../../../../components/form').FormValidateOptions) => Promise<void>;
+        validateCurrentForm: (validateOptions?: import('../../form').FormValidateOptions) => Promise<void>;
     }> & import('vue/types/v3-component-options').ExtractComputedReturns<{}> & import('vue').ComponentCustomProperties & Readonly<import('vue').ExtractPropTypes<{
-        formData: import('vue-types').VueTypeValidableDef<{
-            [key: string]: any;
-        }, import('vue-types/dist/types').ValidatorFunction<{
-            [key: string]: any;
-        }>> & {
-            default: () => {
-                [key: string]: any;
-            };
+        formData: import('vue-types').VueTypeValidableDef<import('../../..').UniversalParams, import('vue-types/dist/types').ValidatorFunction<import('../../..').UniversalParams>> & {
+            default: () => import('../../..').UniversalParams;
         };
         formRules: import('vue-types').VueTypeValidableDef<ValidatorRules, import('vue-types/dist/types').ValidatorFunction<ValidatorRules>> & {
             default: () => ValidatorRules;
@@ -159,20 +133,19 @@ export declare const useMessageBoxElement: (options: {
         labelWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
         labelHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
         contentWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
-        submitAction: import('vue-types').VueTypeValidableDef<(...args: any[]) => any, import('vue-types/dist/types').ValidatorFunction<(...args: any[]) => any>>;
+        submitAction: import('vue-types').VueTypeValidableDef<import('../../form').FormSubmitAction, import('vue-types/dist/types').ValidatorFunction<import('../../form').FormSubmitAction>>;
         labelModel: import('vue-types').VueTypeDef<"header" | "inline"> & {
             default: "header" | "inline";
         };
         debug: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
             default: boolean;
         };
-        size: import('vue-types').VueTypeValidableDef<import('../../../../components/form').FormSize, import('vue-types/dist/types').ValidatorFunction<import('../../../../components/form').FormSize>>;
+        size: import('vue-types').VueTypeValidableDef<import('../../form').FormSize, import('vue-types/dist/types').ValidatorFunction<import('../../form').FormSize>>;
     }>> & {
         $scopedSlots: {
             default?(_: {}): any;
         };
     }) | undefined>;
-    onAfterLeave: () => void;
     onClickConfirm: () => Promise<void>;
     onClickCancel: () => void;
 };

package/{src/hooks/components/use-message-box → vue2/src/components/message-box}/types.d.ts

@@ -1,4 +1,4 @@
-import { ButtonType } from '../../../components/button';
+import { ButtonType } from '../button';
 /**
  * 消息弹窗选项
  */
@@ -36,23 +36,23 @@ export interface MessageBoxOptions {
      */
     confirmButtonType?: ButtonType;
     /**
-     * 二次确认类型，仅 $confirm 有效
+     * 二次确认类型，仅 `$confirm` 有效
      */
     confirmType?: ConfirmType;
     /**
-     * 输入框默认值，仅 $prompt 有效
+     * 输入框默认值，仅 `$prompt` 有效
      */
     defaultValue?: string;
     /**
-     * 输入框占位文字，仅 $prompt 有效
+     * 输入框占位文字，仅 `$prompt` 有效
      */
     placeholder?: string;
     /**
-     * 输入框类型，仅 $prompt 有效
+     * 输入框类型，仅 `$prompt` 有效
      */
     type?: string;
     /**
-     * 输入框必填提示，仅 $prompt 有效
+     * 输入框必填提示，仅 `$prompt` 有效
      */
     requireMessage?: string;
 }
@@ -61,6 +61,8 @@ export declare enum ConfirmType {
     Normal = "normal",
     /** 删除确认 */
     Delete = "delete",
+    /** 清空确认 */
+    Clear = "clear",
     /** 提交确认 */
     Submit = "submit"
 }

package/vue2/src/components/popper/hooks.d.ts

@@ -0,0 +1,7 @@
+import { InjectionKey, Ref } from 'vue';
+export interface PopperInject {
+    referenceRef: Ref<any>;
+    popperRef: Ref<any>;
+    popperVisible: Ref<boolean>;
+}
+export declare const popperInjectKey: InjectionKey<PopperInject>;

package/vue2/src/components/popper/index.d.ts

@@ -0,0 +1,4 @@
+export { default as PwcPopper } from './popper.vue';
+export { default as PwcPopperReference } from './popper-reference.vue';
+export { default as PwcPopperContent } from './popper-content.vue';
+export * from './props-define';

package/vue2/src/components/popper/popper-content.vue.d.ts

@@ -0,0 +1,19 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        popperRef: HTMLDivElement;
+    };
+    rootEl: Element;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};

package/vue2/src/components/popper/popper-reference.vue.d.ts

@@ -0,0 +1,19 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        referenceRef: (import('vue/types/v3-component-public-instance').Vue3Instance<{}, Readonly<import('vue').ExtractPropTypes<{}>>, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}, true, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import('vue').ExtractPropTypes<{}>>> & import('vue').ShallowUnwrapRef<() => import('vue').VNode[] | undefined> & import('vue/types/v3-component-options').ExtractComputedReturns<{}> & import('vue').ComponentCustomProperties & Readonly<import('vue').ExtractPropTypes<{}>>) | null;
+    };
+    rootEl: Element;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};

package/vue2/src/components/popper/popper.vue.d.ts

@@ -0,0 +1,58 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        popperWrapRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    trigger: import('vue-types').VueTypeDef<"click" | "hover" | "focus" | "long-press" | "custom"> & {
+        default: "click" | "hover" | "focus" | "long-press" | "custom";
+    };
+    placement: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    };
+    arrow: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    offset: import('vue-types').VueTypeDef<import('../../hooks/components/use-popper').PopperOffset>;
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    beforeShowPopper: import('vue-types').VueTypeValidableDef<import('../../hooks/components/use-popper').BeforeShowPopper, import('vue-types/dist/types').ValidatorFunction<import('../../hooks/components/use-popper').BeforeShowPopper>>;
+}, {
+    referenceRef: import('vue').Ref<any>;
+    popperRef: import('vue').Ref<any>;
+    popperVisible: import('vue').Ref<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    trigger: import('vue-types').VueTypeDef<"click" | "hover" | "focus" | "long-press" | "custom"> & {
+        default: "click" | "hover" | "focus" | "long-press" | "custom";
+    };
+    placement: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    };
+    arrow: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    offset: import('vue-types').VueTypeDef<import('../../hooks/components/use-popper').PopperOffset>;
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    beforeShowPopper: import('vue-types').VueTypeValidableDef<import('../../hooks/components/use-popper').BeforeShowPopper, import('vue-types/dist/types').ValidatorFunction<import('../../hooks/components/use-popper').BeforeShowPopper>>;
+}>>, {
+    trigger: "click" | "hover" | "focus" | "long-press" | "custom";
+    placement: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    arrow: boolean;
+    disabled: boolean;
+}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};

package/vue2/src/components/popper/props-define.d.ts

@@ -0,0 +1,39 @@
+import { BeforeShowPopper, PopperOffset } from '../../hooks/components/use-popper';
+export declare const popperProps: () => {
+    /**
+     * 触发方式
+     * @default click
+     */
+    trigger: import('vue-types').VueTypeDef<"click" | "hover" | "focus" | "long-press" | "custom"> & {
+        default: "click" | "hover" | "focus" | "long-press" | "custom";
+    };
+    /**
+     * 弹层位置
+     * @default bottom
+     */
+    placement: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end"> & {
+        default: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    };
+    /**
+     * 是否显示箭头
+     * @default false
+     */
+    arrow: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 偏移量
+     */
+    offset: import('vue-types').VueTypeDef<PopperOffset>;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 显示弹层前回调
+     */
+    beforeShowPopper: import('vue-types').VueTypeValidableDef<BeforeShowPopper, import('vue-types/dist/types').ValidatorFunction<BeforeShowPopper>>;
+};

package/{src → vue2/src}/components/popup/hooks/popup-props.d.ts

@@ -3,7 +3,7 @@ export declare const popupProps: () => {
     /**
      * 是否显示，支持 v-model
      */
-    value: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+    "v-model-key": import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
     /**
@@ -39,7 +39,6 @@ export declare const popupProps: () => {
     };
     /**
      * 是否显示返回按钮
-     * @propType boolean
      */
     backable: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
     /**
@@ -55,6 +54,12 @@ export declare const popupProps: () => {
     headerStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
         default: () => import('vue').CSSProperties;
     };
+    /**
+     * 头部 className
+     */
+    headerClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
     /**
      * 打开事件
      */
@@ -63,14 +68,14 @@ export declare const popupProps: () => {
      * 弹层位置，会根据设备类型自动选择位置
      * @propType PopupPosition
      */
-    position: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "center">;
+    position: import('vue-types').VueTypeDef<"center" | "bottom" | "left" | "right">;
     /**
      * 在屏幕横屏时，强制使用的位置
      * @propType PopupPosition
      * @default 'right'
      */
-    horizontalScreenPosition: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "center"> & {
-        default: "bottom" | "left" | "right" | "center";
+    horizontalScreenPosition: import('vue-types').VueTypeDef<"center" | "bottom" | "left" | "right"> & {
+        default: "center" | "bottom" | "left" | "right";
     };
     /**
      * 在屏幕横屏时，弹层 className
@@ -88,7 +93,6 @@ export declare const popupProps: () => {
     height: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
     /**
      * 主体最大高度
-     * @propType number | string
      * @default 0.85
      */
     bodyMaxHeight: import('vue-types').VueTypeDef<string | number> & {
@@ -120,14 +124,12 @@ export declare const popupProps: () => {
     };
     /**
      * 插入到的节点
-     * @propType HTMLElement
      */
     appendTo: import('vue-types').VueTypeDef<HTMLElement | undefined> & {
         default: (() => HTMLElement) | undefined;
     };
     /**
      * 是否显示遮罩层，开启 draggable 时，强制关闭
-     * @propType boolean
      */
     showModal: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
     /**
@@ -183,7 +185,6 @@ export declare const popupProps: () => {
     };
     /**
      * 弹层动画
-     * @propType string | boolean
      * @default true
      */
     popupTransition: import('vue-types').VueTypeDef<string | boolean> & {
@@ -204,3 +205,29 @@ export declare const popupEmits: () => {
      */
     'click-back': import('../../../vue-utils').EmitFuncType<void>;
 };
+export interface PopupSlots {
+    /**
+     * 头部插槽
+     */
+    header: void;
+    /**
+     * 头部右侧插槽
+     */
+    'header-right': void;
+    /**
+     * 标题插槽
+     */
+    title: void;
+    /**
+     * 内容前缀插槽
+     */
+    'content-suffix': void;
+    /**
+     * 内容插槽
+     */
+    '-': void;
+    /**
+     * 脚步插槽
+     */
+    footer: void;
+}

package/{src → vue2/src}/components/popup/hooks/use-popup-position.d.ts

@@ -6,6 +6,6 @@ import { popupProps } from './popup-props';
 export declare const usePopupPosition: (options: {
     props: VueProps<typeof popupProps>;
 }) => {
-    popupPosition: import('vue').ComputedRef<"bottom" | "left" | "right" | "center">;
+    popupPosition: import('vue').ComputedRef<"center" | "bottom" | "left" | "right">;
     positionClass: import('vue').ComputedRef<string>;
 };

package/{src → vue2/src}/components/popup/popup.vue.d.ts

@@ -2,6 +2,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         header?(_: {}): any;
+        title?(_: {}): any;
         'header-right'?(_: {}): any;
         'content-suffix'?(_: {}): any;
         default?(_: {}): any;
@@ -20,7 +21,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     ignoreSkinColor: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    value: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+    "v-model-key": import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
     title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
@@ -43,10 +44,13 @@ declare const __VLS_component: import('vue').DefineComponent<{
     headerStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
         default: () => import('vue').CSSProperties;
     };
+    headerClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
     openEvent: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
-    position: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "center">;
-    horizontalScreenPosition: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "center"> & {
-        default: "bottom" | "left" | "right" | "center";
+    position: import('vue-types').VueTypeDef<"center" | "bottom" | "left" | "right">;
+    horizontalScreenPosition: import('vue-types').VueTypeDef<"center" | "bottom" | "left" | "right"> & {
+        default: "center" | "bottom" | "left" | "right";
     };
     horizontalScreenClassName: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
@@ -97,14 +101,14 @@ declare const __VLS_component: import('vue').DefineComponent<{
     resetScroll: () => Promise<void>;
     setupBackAction: (data?: import('./types').PopupBackActionData) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "after-leave": (arg?: void | undefined) => void;
     "after-enter": (arg?: void | undefined) => void;
+    "after-leave": (arg?: void | undefined) => void;
     "click-back": (arg?: void | undefined) => void;
 }, string, Readonly<import('vue').ExtractPropTypes<{
     ignoreSkinColor: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    value: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+    "v-model-key": import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
     title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
@@ -127,10 +131,13 @@ declare const __VLS_component: import('vue').DefineComponent<{
     headerStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
         default: () => import('vue').CSSProperties;
     };
+    headerClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
     openEvent: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
-    position: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "center">;
-    horizontalScreenPosition: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "center"> & {
-        default: "bottom" | "left" | "right" | "center";
+    position: import('vue-types').VueTypeDef<"center" | "bottom" | "left" | "right">;
+    horizontalScreenPosition: import('vue-types').VueTypeDef<"center" | "bottom" | "left" | "right"> & {
+        default: "center" | "bottom" | "left" | "right";
     };
     horizontalScreenClassName: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
@@ -178,21 +185,22 @@ declare const __VLS_component: import('vue').DefineComponent<{
         default: string | boolean;
     };
 }>>, {
-    value: boolean;
     title: string;
-    background: string;
+    "v-model-key": boolean;
     ignoreSkinColor: boolean;
+    background: string;
+    appendTo: HTMLElement | undefined;
     titleStyle: import('vue').CSSProperties;
     closeable: boolean;
     showHeader: boolean;
     headerStyle: import('vue').CSSProperties;
-    horizontalScreenPosition: "bottom" | "left" | "right" | "center";
+    headerClass: string;
+    horizontalScreenPosition: "center" | "bottom" | "left" | "right";
     horizontalScreenClassName: string;
     bodyMaxHeight: string | number;
     dynamicHeight: boolean;
     fillBody: boolean;
     bodyStyle: import('vue').CSSProperties;
-    appendTo: HTMLElement | undefined;
     closeOnMask: boolean;
     showScrollbar: boolean;
     draggable: boolean;