@polyv/vue-components 1.5.0 → 1.6.0

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

@@ -1,4 +1,696 @@
-export { default as PwcPopup } from './popup.vue';
-export * from './types';
-export * from './hooks/use-popup-config';
-export * from './hooks/popup-props';
+export declare const PwcPopup: import('../../vue-utils/install-utils').SFCInstall<import('vue/types/v3-component-public-instance').ComponentPublicInstanceConstructor<import('vue/types/v3-component-public-instance').Vue3Instance<{}, Readonly<import('vue').ExtractPropTypes<{
+    ignoreSkinColor: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    business: import('vue-types').VueTypeValidableDef<import('../..').BusinessType, import('vue-types/dist/types').ValidatorFunction<import('../..').BusinessType>>;
+    showConfirmButton: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    confirmButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    confirmButtonType: import('vue-types').VueTypeDef<"success" | "warning" | "primary" | "danger" | "ordinary">;
+    confirmType: import('vue-types').VueTypeValidableDef<import('../..').ConfirmType, import('vue-types/dist/types').ValidatorFunction<import('../..').ConfirmType>> & {
+        default: import('../..').ConfirmType;
+    };
+    confirmAction: import('vue-types').VueTypeValidableDef<() => Promise<void>, import('vue-types/dist/types').ValidatorFunction<() => Promise<void>>>;
+    showCancelButton: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    cancelButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    cancelButtonType: import('vue-types').VueTypeDef<"success" | "warning" | "primary" | "danger" | "ordinary">;
+    "v-model-key": import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    effect: import('vue-types').VueTypeDef<"compact" | "standard" | "custom">;
+    purpose: import('vue-types').VueTypeDef<"gray" | "marketing">;
+    title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    titleStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
+        default: () => import('vue').CSSProperties;
+    };
+    background: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    closeable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    backable: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    showHeader: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    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;
+    };
+    padding: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    openEvent: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    position: import('vue-types').VueTypeDef<"center" | "left" | "right" | "bottom">;
+    horizontalScreenPosition: import('vue-types').VueTypeDef<"center" | "left" | "right" | "bottom"> & {
+        default: "center" | "left" | "right" | "bottom";
+    };
+    horizontalScreenClassName: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    width: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    height: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    bodyMaxHeight: import('vue-types').VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    bodyHeightPercent: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    dynamicHeight: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    fillBody: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    bodyStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
+        default: () => import('vue').CSSProperties;
+    };
+    appendTo: import('vue-types').VueTypeDef<HTMLElement | undefined> & {
+        default: (() => HTMLElement) | undefined;
+    };
+    showModal: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    closeOnMask: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    popupConfig: import('vue-types').VueTypeValidableDef<import('./src/types').PopupConfig, import('vue-types/dist/types').ValidatorFunction<import('./src/types').PopupConfig>>;
+    showScrollbar: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    customClose: import('vue-types').VueTypeValidableDef<import('./src/types').CustomClosePopup, import('vue-types/dist/types').ValidatorFunction<import('./src/types').CustomClosePopup>>;
+    draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    positionComputedElem: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    bodyLocked: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    popupTransition: import('vue-types').VueTypeDef<string | boolean> & {
+        default: string | boolean;
+    };
+    insertFullscreen: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    showFooterBtn: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, Readonly<import('vue').ExtractPropTypes<{
+    ignoreSkinColor: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    business: import('vue-types').VueTypeValidableDef<import('../..').BusinessType, import('vue-types/dist/types').ValidatorFunction<import('../..').BusinessType>>;
+    showConfirmButton: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    confirmButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    confirmButtonType: import('vue-types').VueTypeDef<"success" | "warning" | "primary" | "danger" | "ordinary">;
+    confirmType: import('vue-types').VueTypeValidableDef<import('../..').ConfirmType, import('vue-types/dist/types').ValidatorFunction<import('../..').ConfirmType>> & {
+        default: import('../..').ConfirmType;
+    };
+    confirmAction: import('vue-types').VueTypeValidableDef<() => Promise<void>, import('vue-types/dist/types').ValidatorFunction<() => Promise<void>>>;
+    showCancelButton: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    cancelButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    cancelButtonType: import('vue-types').VueTypeDef<"success" | "warning" | "primary" | "danger" | "ordinary">;
+    "v-model-key": import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    effect: import('vue-types').VueTypeDef<"compact" | "standard" | "custom">;
+    purpose: import('vue-types').VueTypeDef<"gray" | "marketing">;
+    title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    titleStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
+        default: () => import('vue').CSSProperties;
+    };
+    background: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    closeable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    backable: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    showHeader: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    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;
+    };
+    padding: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    openEvent: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    position: import('vue-types').VueTypeDef<"center" | "left" | "right" | "bottom">;
+    horizontalScreenPosition: import('vue-types').VueTypeDef<"center" | "left" | "right" | "bottom"> & {
+        default: "center" | "left" | "right" | "bottom";
+    };
+    horizontalScreenClassName: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    width: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    height: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    bodyMaxHeight: import('vue-types').VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    bodyHeightPercent: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    dynamicHeight: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    fillBody: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    bodyStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
+        default: () => import('vue').CSSProperties;
+    };
+    appendTo: import('vue-types').VueTypeDef<HTMLElement | undefined> & {
+        default: (() => HTMLElement) | undefined;
+    };
+    showModal: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    closeOnMask: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    popupConfig: import('vue-types').VueTypeValidableDef<import('./src/types').PopupConfig, import('vue-types/dist/types').ValidatorFunction<import('./src/types').PopupConfig>>;
+    showScrollbar: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    customClose: import('vue-types').VueTypeValidableDef<import('./src/types').CustomClosePopup, import('vue-types/dist/types').ValidatorFunction<import('./src/types').CustomClosePopup>>;
+    draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    positionComputedElem: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    bodyLocked: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    popupTransition: import('vue-types').VueTypeDef<string | boolean> & {
+        default: string | boolean;
+    };
+    insertFullscreen: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    showFooterBtn: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {
+    close: (arg?: void | undefined) => void;
+    cancel: (arg?: void | undefined) => void;
+    scroll: (arg: Event) => void;
+    confirm: (arg?: void | undefined) => void;
+    "after-leave": (arg?: void | undefined) => void;
+    "after-enter": (arg?: void | undefined) => void;
+    "click-back": (arg?: void | undefined) => void;
+}, {
+    "v-model-key": boolean;
+    ignoreSkinColor: boolean;
+    background: string;
+    appendTo: HTMLElement | undefined;
+    showConfirmButton: boolean;
+    confirmType: import('../..').ConfirmType;
+    showCancelButton: boolean;
+    titleStyle: import('vue').CSSProperties;
+    closeable: boolean;
+    showHeader: boolean;
+    headerStyle: import('vue').CSSProperties;
+    headerClass: string;
+    padding: boolean;
+    horizontalScreenPosition: "center" | "left" | "right" | "bottom";
+    horizontalScreenClassName: string;
+    bodyMaxHeight: string | number;
+    dynamicHeight: boolean;
+    fillBody: boolean;
+    bodyStyle: import('vue').CSSProperties;
+    closeOnMask: boolean;
+    showScrollbar: boolean;
+    draggable: boolean;
+    positionComputedElem: string;
+    bodyLocked: boolean;
+    popupTransition: string | boolean;
+    insertFullscreen: boolean;
+    showFooterBtn: boolean;
+}, true, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import('vue').ExtractPropTypes<{
+    ignoreSkinColor: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    business: import('vue-types').VueTypeValidableDef<import('../..').BusinessType, import('vue-types/dist/types').ValidatorFunction<import('../..').BusinessType>>;
+    showConfirmButton: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    confirmButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    confirmButtonType: import('vue-types').VueTypeDef<"success" | "warning" | "primary" | "danger" | "ordinary">;
+    confirmType: import('vue-types').VueTypeValidableDef<import('../..').ConfirmType, import('vue-types/dist/types').ValidatorFunction<import('../..').ConfirmType>> & {
+        default: import('../..').ConfirmType;
+    };
+    confirmAction: import('vue-types').VueTypeValidableDef<() => Promise<void>, import('vue-types/dist/types').ValidatorFunction<() => Promise<void>>>;
+    showCancelButton: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    cancelButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    cancelButtonType: import('vue-types').VueTypeDef<"success" | "warning" | "primary" | "danger" | "ordinary">;
+    "v-model-key": import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    effect: import('vue-types').VueTypeDef<"compact" | "standard" | "custom">;
+    purpose: import('vue-types').VueTypeDef<"gray" | "marketing">;
+    title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    titleStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
+        default: () => import('vue').CSSProperties;
+    };
+    background: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    closeable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    backable: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    showHeader: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    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;
+    };
+    padding: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    openEvent: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    position: import('vue-types').VueTypeDef<"center" | "left" | "right" | "bottom">;
+    horizontalScreenPosition: import('vue-types').VueTypeDef<"center" | "left" | "right" | "bottom"> & {
+        default: "center" | "left" | "right" | "bottom";
+    };
+    horizontalScreenClassName: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    width: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    height: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    bodyMaxHeight: import('vue-types').VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    bodyHeightPercent: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    dynamicHeight: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    fillBody: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    bodyStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
+        default: () => import('vue').CSSProperties;
+    };
+    appendTo: import('vue-types').VueTypeDef<HTMLElement | undefined> & {
+        default: (() => HTMLElement) | undefined;
+    };
+    showModal: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    closeOnMask: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    popupConfig: import('vue-types').VueTypeValidableDef<import('./src/types').PopupConfig, import('vue-types/dist/types').ValidatorFunction<import('./src/types').PopupConfig>>;
+    showScrollbar: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    customClose: import('vue-types').VueTypeValidableDef<import('./src/types').CustomClosePopup, import('vue-types/dist/types').ValidatorFunction<import('./src/types').CustomClosePopup>>;
+    draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    positionComputedElem: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    bodyLocked: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    popupTransition: import('vue-types').VueTypeDef<string | boolean> & {
+        default: string | boolean;
+    };
+    insertFullscreen: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    showFooterBtn: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>> & import('vue').ShallowUnwrapRef<{
+    resetScroll: () => Promise<void>;
+    setupBackAction: (data?: import('./src/types').PopupBackActionData) => void;
+    getScrollElement: () => HTMLDivElement | undefined;
+}> & import('vue/types/v3-component-options').ExtractComputedReturns<{}> & import('vue').ComponentCustomProperties & Readonly<import('vue').ExtractPropTypes<{
+    ignoreSkinColor: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    business: import('vue-types').VueTypeValidableDef<import('../..').BusinessType, import('vue-types/dist/types').ValidatorFunction<import('../..').BusinessType>>;
+    showConfirmButton: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    confirmButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    confirmButtonType: import('vue-types').VueTypeDef<"success" | "warning" | "primary" | "danger" | "ordinary">;
+    confirmType: import('vue-types').VueTypeValidableDef<import('../..').ConfirmType, import('vue-types/dist/types').ValidatorFunction<import('../..').ConfirmType>> & {
+        default: import('../..').ConfirmType;
+    };
+    confirmAction: import('vue-types').VueTypeValidableDef<() => Promise<void>, import('vue-types/dist/types').ValidatorFunction<() => Promise<void>>>;
+    showCancelButton: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    cancelButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    cancelButtonType: import('vue-types').VueTypeDef<"success" | "warning" | "primary" | "danger" | "ordinary">;
+    "v-model-key": import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    effect: import('vue-types').VueTypeDef<"compact" | "standard" | "custom">;
+    purpose: import('vue-types').VueTypeDef<"gray" | "marketing">;
+    title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    titleStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
+        default: () => import('vue').CSSProperties;
+    };
+    background: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    closeable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    backable: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    showHeader: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    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;
+    };
+    padding: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    openEvent: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    position: import('vue-types').VueTypeDef<"center" | "left" | "right" | "bottom">;
+    horizontalScreenPosition: import('vue-types').VueTypeDef<"center" | "left" | "right" | "bottom"> & {
+        default: "center" | "left" | "right" | "bottom";
+    };
+    horizontalScreenClassName: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    width: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    height: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    bodyMaxHeight: import('vue-types').VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    bodyHeightPercent: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    dynamicHeight: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    fillBody: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    bodyStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
+        default: () => import('vue').CSSProperties;
+    };
+    appendTo: import('vue-types').VueTypeDef<HTMLElement | undefined> & {
+        default: (() => HTMLElement) | undefined;
+    };
+    showModal: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    closeOnMask: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    popupConfig: import('vue-types').VueTypeValidableDef<import('./src/types').PopupConfig, import('vue-types/dist/types').ValidatorFunction<import('./src/types').PopupConfig>>;
+    showScrollbar: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    customClose: import('vue-types').VueTypeValidableDef<import('./src/types').CustomClosePopup, import('vue-types/dist/types').ValidatorFunction<import('./src/types').CustomClosePopup>>;
+    draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    positionComputedElem: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    bodyLocked: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    popupTransition: import('vue-types').VueTypeDef<string | boolean> & {
+        default: string | boolean;
+    };
+    insertFullscreen: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    showFooterBtn: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>> & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    ignoreSkinColor: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    business: import('vue-types').VueTypeValidableDef<import('../..').BusinessType, import('vue-types/dist/types').ValidatorFunction<import('../..').BusinessType>>;
+    showConfirmButton: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    confirmButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    confirmButtonType: import('vue-types').VueTypeDef<"success" | "warning" | "primary" | "danger" | "ordinary">;
+    confirmType: import('vue-types').VueTypeValidableDef<import('../..').ConfirmType, import('vue-types/dist/types').ValidatorFunction<import('../..').ConfirmType>> & {
+        default: import('../..').ConfirmType;
+    };
+    confirmAction: import('vue-types').VueTypeValidableDef<() => Promise<void>, import('vue-types/dist/types').ValidatorFunction<() => Promise<void>>>;
+    showCancelButton: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    cancelButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    cancelButtonType: import('vue-types').VueTypeDef<"success" | "warning" | "primary" | "danger" | "ordinary">;
+    "v-model-key": import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    effect: import('vue-types').VueTypeDef<"compact" | "standard" | "custom">;
+    purpose: import('vue-types').VueTypeDef<"gray" | "marketing">;
+    title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    titleStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
+        default: () => import('vue').CSSProperties;
+    };
+    background: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    closeable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    backable: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    showHeader: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    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;
+    };
+    padding: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    openEvent: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    position: import('vue-types').VueTypeDef<"center" | "left" | "right" | "bottom">;
+    horizontalScreenPosition: import('vue-types').VueTypeDef<"center" | "left" | "right" | "bottom"> & {
+        default: "center" | "left" | "right" | "bottom";
+    };
+    horizontalScreenClassName: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    width: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    height: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    bodyMaxHeight: import('vue-types').VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    bodyHeightPercent: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    dynamicHeight: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    fillBody: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    bodyStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
+        default: () => import('vue').CSSProperties;
+    };
+    appendTo: import('vue-types').VueTypeDef<HTMLElement | undefined> & {
+        default: (() => HTMLElement) | undefined;
+    };
+    showModal: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    closeOnMask: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    popupConfig: import('vue-types').VueTypeValidableDef<import('./src/types').PopupConfig, import('vue-types/dist/types').ValidatorFunction<import('./src/types').PopupConfig>>;
+    showScrollbar: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    customClose: import('vue-types').VueTypeValidableDef<import('./src/types').CustomClosePopup, import('vue-types/dist/types').ValidatorFunction<import('./src/types').CustomClosePopup>>;
+    draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    positionComputedElem: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    bodyLocked: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    popupTransition: import('vue-types').VueTypeDef<string | boolean> & {
+        default: string | boolean;
+    };
+    insertFullscreen: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    showFooterBtn: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {
+    resetScroll: () => Promise<void>;
+    setupBackAction: (data?: import('./src/types').PopupBackActionData) => void;
+    getScrollElement: () => HTMLDivElement | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (arg?: void | undefined) => void;
+    cancel: (arg?: void | undefined) => void;
+    scroll: (arg: Event) => void;
+    confirm: (arg?: void | undefined) => void;
+    "after-leave": (arg?: void | undefined) => void;
+    "after-enter": (arg?: void | undefined) => void;
+    "click-back": (arg?: void | undefined) => void;
+}, string, {
+    "v-model-key": boolean;
+    ignoreSkinColor: boolean;
+    background: string;
+    appendTo: HTMLElement | undefined;
+    showConfirmButton: boolean;
+    confirmType: import('../..').ConfirmType;
+    showCancelButton: boolean;
+    titleStyle: import('vue').CSSProperties;
+    closeable: boolean;
+    showHeader: boolean;
+    headerStyle: import('vue').CSSProperties;
+    headerClass: string;
+    padding: boolean;
+    horizontalScreenPosition: "center" | "left" | "right" | "bottom";
+    horizontalScreenClassName: string;
+    bodyMaxHeight: string | number;
+    dynamicHeight: boolean;
+    fillBody: boolean;
+    bodyStyle: import('vue').CSSProperties;
+    closeOnMask: boolean;
+    showScrollbar: boolean;
+    draggable: boolean;
+    positionComputedElem: string;
+    bodyLocked: boolean;
+    popupTransition: string | boolean;
+    insertFullscreen: boolean;
+    showFooterBtn: boolean;
+}> & {
+    props: {
+        ignoreSkinColor: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        business: import('vue-types').VueTypeValidableDef<import('../..').BusinessType, import('vue-types/dist/types').ValidatorFunction<import('../..').BusinessType>>;
+        showConfirmButton: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        confirmButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        confirmButtonType: import('vue-types').VueTypeDef<"success" | "warning" | "primary" | "danger" | "ordinary">;
+        confirmType: import('vue-types').VueTypeValidableDef<import('../..').ConfirmType, import('vue-types/dist/types').ValidatorFunction<import('../..').ConfirmType>> & {
+            default: import('../..').ConfirmType;
+        };
+        confirmAction: import('vue-types').VueTypeValidableDef<() => Promise<void>, import('vue-types/dist/types').ValidatorFunction<() => Promise<void>>>;
+        showCancelButton: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        cancelButtonText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        cancelButtonType: import('vue-types').VueTypeDef<"success" | "warning" | "primary" | "danger" | "ordinary">;
+        "v-model-key": import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        effect: import('vue-types').VueTypeDef<"compact" | "standard" | "custom">;
+        purpose: import('vue-types').VueTypeDef<"gray" | "marketing">;
+        title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        titleStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
+            default: () => import('vue').CSSProperties;
+        };
+        background: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+            default: string;
+        };
+        closeable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        backable: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+        showHeader: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        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;
+        };
+        padding: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        openEvent: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        position: import('vue-types').VueTypeDef<"center" | "left" | "right" | "bottom">;
+        horizontalScreenPosition: import('vue-types').VueTypeDef<"center" | "left" | "right" | "bottom"> & {
+            default: "center" | "left" | "right" | "bottom";
+        };
+        horizontalScreenClassName: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+            default: string;
+        };
+        width: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        height: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        bodyMaxHeight: import('vue-types').VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        bodyHeightPercent: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+        dynamicHeight: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        fillBody: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        bodyStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
+            default: () => import('vue').CSSProperties;
+        };
+        appendTo: import('vue-types').VueTypeDef<HTMLElement | undefined> & {
+            default: (() => HTMLElement) | undefined;
+        };
+        showModal: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+        closeOnMask: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        popupConfig: import('vue-types').VueTypeValidableDef<import('./src/types').PopupConfig, import('vue-types/dist/types').ValidatorFunction<import('./src/types').PopupConfig>>;
+        showScrollbar: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        customClose: import('vue-types').VueTypeValidableDef<import('./src/types').CustomClosePopup, import('vue-types/dist/types').ValidatorFunction<import('./src/types').CustomClosePopup>>;
+        draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        positionComputedElem: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+            default: string;
+        };
+        bodyLocked: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        popupTransition: import('vue-types').VueTypeDef<string | boolean> & {
+            default: string | boolean;
+        };
+        insertFullscreen: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        showFooterBtn: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+    };
+} & (new () => {
+    $scopedSlots: {
+        'body-prefix'?(_: {}): any;
+        header?(_: {}): any;
+        title?(_: {}): any;
+        'header-right'?(_: {}): any;
+        'content-prefix'?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+}), import('../../vue-utils/install-utils').InstallOptions>;
+export * from './src/types';
+export * from './src/hooks/use-popup-config';
+export * from './src/hooks/popup-props';