@polyv/vue-components 1.5.0 → 1.6.0

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

@@ -1,32 +1,55 @@
 import { PopupConfig, CustomClosePopup } from '../types';
+/** 弹层主题，compact 紧凑型，standard 标准型，custom 自定义 */
+export declare const popupEffects: readonly ["compact", "standard", "custom"];
+export type PopupEffect = typeof popupEffects[number];
+/** 弹层用途，gray 灰色，marketing 营销 */
+export declare const popupPurpose: readonly ["gray", "marketing"];
+export type PopupPurpose = typeof popupPurpose[number];
 export declare const popupProps: () => {
     ignoreSkinColor: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    business: import('vue-types').VueTypeValidableDef<import('../../../../hooks/business/use-business-type').BusinessType, import('vue-types/dist/types').ValidatorFunction<import('../../../../hooks/business/use-business-type').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('../../../../hooks/components/use-confirm-cancel').ConfirmType, import('vue-types/dist/types').ValidatorFunction<import('../../../../hooks/components/use-confirm-cancel').ConfirmType>> & {
+        default: import('../../../../hooks/components/use-confirm-cancel').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
      */
     "v-model-key": import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    /**
+     * 弹层主题
+     * @propType PopupEffect
+     */
+    effect: import('vue-types').VueTypeDef<"compact" | "standard" | "custom">;
+    /**
+     * 弹层用途
+     * @propType PopupPurpose
+     */
+    purpose: import('vue-types').VueTypeDef<"gray" | "marketing">;
     /**
      * 标题
-     * @default ''
      */
-    title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
-        default: string;
-    };
+    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;
     };
-    /**
-     * 背景模式
-     * @internal
-     */
-    backgroundMode: import('vue-types').VueTypeDef<"bg1">;
     /**
      * 背景
      */
@@ -63,6 +86,13 @@ export declare const popupProps: () => {
     headerClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
     };
+    /**
+     * 是否显示内边距
+     * @default true
+     */
+    padding: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
     /**
      * 打开事件
      */
@@ -71,14 +101,14 @@ export declare const popupProps: () => {
      * 弹层位置，会根据设备类型自动选择位置
      * @propType PopupPosition
      */
-    position: import('vue-types').VueTypeDef<"left" | "right" | "center" | "bottom">;
+    position: import('vue-types').VueTypeDef<"center" | "left" | "right" | "bottom">;
     /**
      * 在屏幕横屏时，强制使用的位置
      * @propType PopupPosition
      * @default 'right'
      */
-    horizontalScreenPosition: import('vue-types').VueTypeDef<"left" | "right" | "center" | "bottom"> & {
-        default: "left" | "right" | "center" | "bottom";
+    horizontalScreenPosition: import('vue-types').VueTypeDef<"center" | "left" | "right" | "bottom"> & {
+        default: "center" | "left" | "right" | "bottom";
     };
     /**
      * 在屏幕横屏时，弹层 className
@@ -179,13 +209,6 @@ export declare const popupProps: () => {
     bodyLocked: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    /**
-     * 隐藏弹层阴影
-     * @default false
-     */
-    hiddenShadow: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
-        default: boolean;
-    };
     /**
      * 弹层动画
      * @default true
@@ -201,20 +224,37 @@ export declare const popupProps: () => {
     insertFullscreen: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    /**
+     * 是否显示底部按钮
+     * @default false
+     */
+    showFooterBtn: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
 };
 export declare const popupEmits: () => {
     /**
      * 弹层动画离开之后
      */
-    'after-leave': import('../../../vue-utils').EmitFuncType<void>;
+    'after-leave': import('../../../../vue-utils').EmitFuncType<void>;
     /**
      * 弹层动画进入之后
      */
-    'after-enter': import('../../../vue-utils').EmitFuncType<void>;
+    'after-enter': import('../../../../vue-utils').EmitFuncType<void>;
     /**
      * 点击返回
      */
-    'click-back': import('../../../vue-utils').EmitFuncType<void>;
+    'click-back': import('../../../../vue-utils').EmitFuncType<void>;
+    /**
+     * 关闭
+     */
+    close: import('../../../../vue-utils').EmitFuncType<void>;
+    /**
+     * 滚动事件
+     */
+    scroll: import('../../../../vue-utils').EmitFuncType<Event>;
+    confirm: import('../../../../vue-utils').EmitFuncType<void>;
+    cancel: import('../../../../vue-utils').EmitFuncType<void>;
 };
 export interface PopupSlots {
     /**
@@ -229,14 +269,18 @@ export interface PopupSlots {
      * 标题插槽
      */
     title: void;
+    /**
+     * 主体前缀插槽
+     */
+    'body-prefix': void;
     /**
      * 内容前缀插槽
      */
-    'content-suffix': void;
+    'content-prefix': void;
     /**
      * 内容插槽
      */
-    '-': void;
+    default: void;
     /**
      * 脚步插槽
      */

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

@@ -1,4 +1,4 @@
-import { VueProps } from '../../../vue-utils';
+import { VueProps } from '../../../../vue-utils';
 import { Ref } from 'vue';
 import { popupProps } from './popup-props';
 /**

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

@@ -1,4 +1,4 @@
-import { VueEmit, VueProps } from '../../../vue-utils';
+import { VueEmit, VueProps } from '../../../../vue-utils';
 import { popupEmits, popupProps } from './popup-props';
 import { PopupBackActionData } from '../types';
 export declare const usePopupBack: (options: {

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

@@ -1,4 +1,4 @@
-import { VueProps } from '../../../vue-utils';
+import { VueProps } from '../../../../vue-utils';
 import { ComputedRef } from 'vue';
 import { PopupConfig } from '../types';
 export declare const popupConfigProps: () => {

package/vue3/src/components/popup/{hooks → src/hooks}/use-popup-draggable.d.ts

@@ -1,4 +1,4 @@
-import { VueProps } from '../../../vue-utils';
+import { VueProps } from '../../../../vue-utils';
 import { ComputedRef, Ref } from 'vue';
 import { PopupPosition } from '../types';
 import { popupProps } from './popup-props';

package/vue3/src/components/popup/src/hooks/use-popup-effect.d.ts

@@ -0,0 +1,7 @@
+import { VueProps } from '../../../../vue-utils';
+import { popupProps } from './popup-props';
+export declare const usePopupEffect: (options: {
+    props: VueProps<typeof popupProps>;
+}) => {
+    popupEffect: import('vue').ComputedRef<"compact" | "standard" | "custom">;
+};

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

@@ -1,12 +1,14 @@
-import { VueProps } from '../../../vue-utils';
+import { PwcScrollbar } from '../../../scrollbar';
+import { ComponentInstance, VueProps } from '../../../../vue-utils';
 import { ComputedRef, Ref } from 'vue';
 import { PopupPosition } from '../types';
 import { popupProps } from './popup-props';
 export declare const usePopupDynamicHeight: (options: {
     props: VueProps<typeof popupProps>;
-    scrollRef: Ref<HTMLDivElement | undefined>;
+    scrollBarRef: Ref<ComponentInstance<typeof PwcScrollbar> | undefined>;
     popupPosition: ComputedRef<PopupPosition>;
     wrapVisible: Ref<boolean>;
+    currentScrollTop: Ref<number>;
 }) => {
     canDynamicHeight: ComputedRef<boolean | 0 | undefined>;
     dynamicBodyHeightPercent: ComputedRef<number>;
@@ -17,9 +19,10 @@ export declare const usePopupDynamicHeight: (options: {
  */
 export declare const usePopupHeight: (options: {
     props: VueProps<typeof popupProps>;
-    scrollRef: Ref<HTMLDivElement | undefined>;
+    scrollBarRef: Ref<ComponentInstance<typeof PwcScrollbar> | undefined>;
     popupPosition: ComputedRef<PopupPosition>;
     wrapVisible: Ref<boolean>;
+    currentScrollTop: Ref<number>;
 }) => {
     bodyHeightStyle: ComputedRef<Record<string, string>>;
 };

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

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

package/vue3/src/components/popup/src/hooks/use-popup-scroll.d.ts

@@ -0,0 +1,149 @@
+import { VueEmit, VueProps } from '../../../../vue-utils';
+import { popupEmits, popupProps } from './popup-props';
+export declare const usePopupScroll: (options: {
+    props: VueProps<typeof popupProps>;
+    emit: VueEmit<typeof popupEmits>;
+}) => {
+    scrollBarRef: import('vue').Ref<(import('vue/types/v3-component-public-instance').Vue3Instance<{}, Readonly<import('vue').ExtractPropTypes<{
+        maxHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+        wrapClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        viewClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        always: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        scrollX: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        scrollY: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        size: import('vue-types').VueTypeDef<"default" | "small"> & {
+            default: "default" | "small";
+        };
+        verticalBarClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        horizontalBarClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        thumbMinSize: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+            default: number;
+        };
+        thumbColor: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        thumbColorHover: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        thumbColorActive: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        distance: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+            default: number;
+        };
+    }>>, Readonly<import('vue').ExtractPropTypes<{
+        maxHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+        wrapClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        viewClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        always: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        scrollX: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        scrollY: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        size: import('vue-types').VueTypeDef<"default" | "small"> & {
+            default: "default" | "small";
+        };
+        verticalBarClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        horizontalBarClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        thumbMinSize: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+            default: number;
+        };
+        thumbColor: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        thumbColorHover: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        thumbColorActive: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        distance: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+            default: number;
+        };
+    }>>, {
+        scroll: (arg: {
+            scrollTop: number;
+            scrollLeft: number;
+            event: Event;
+        }) => void;
+        "end-reached": (arg?: void | undefined) => void;
+    }, {
+        size: "default" | "small";
+        always: boolean;
+        scrollX: boolean;
+        scrollY: boolean;
+        thumbMinSize: number;
+        distance: number;
+    }, true, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import('vue').ExtractPropTypes<{
+        maxHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+        wrapClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        viewClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        always: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        scrollX: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        scrollY: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        size: import('vue-types').VueTypeDef<"default" | "small"> & {
+            default: "default" | "small";
+        };
+        verticalBarClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        horizontalBarClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        thumbMinSize: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+            default: number;
+        };
+        thumbColor: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        thumbColorHover: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        thumbColorActive: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        distance: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+            default: number;
+        };
+    }>>> & import('vue').ShallowUnwrapRef<{
+        scrollToTop: () => void;
+        scrollToBottom: () => void;
+        scrollTo: (options: {
+            top?: number;
+            left?: number;
+        }) => void;
+        getScrollElem: () => HTMLDivElement | undefined;
+    }> & import('vue/types/v3-component-options').ExtractComputedReturns<{}> & import('vue').ComponentCustomProperties & Readonly<import('vue').ExtractPropTypes<{
+        maxHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+        wrapClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        viewClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        always: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        scrollX: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        scrollY: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+            default: boolean;
+        };
+        size: import('vue-types').VueTypeDef<"default" | "small"> & {
+            default: "default" | "small";
+        };
+        verticalBarClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        horizontalBarClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        thumbMinSize: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+            default: number;
+        };
+        thumbColor: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        thumbColorHover: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        thumbColorActive: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+        distance: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+            default: number;
+        };
+    }>> & {
+        $scopedSlots: {
+            default?(_: {}): any;
+        };
+    }) | undefined>;
+    currentScrollTop: import('vue').Ref<number>;
+    resetScroll: () => Promise<void>;
+    onScrollEvents: (data: {
+        scrollTop: number;
+        event: Event;
+    }) => void;
+    getScrollElement: () => HTMLDivElement | undefined;
+};

package/vue3/src/components/popup/{hooks → src/hooks}/use-popup-visible.d.ts

@@ -1,4 +1,4 @@
-import { VueEmit, VueProps } from '../../../vue-utils';
+import { VueEmit, VueProps } from '../../../../vue-utils';
 import { popupEmits, popupProps } from './popup-props';
 export declare const usePopupVisible: (options: {
     props: VueProps<typeof popupProps>;

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

@@ -1,9 +1,10 @@
-import { VueProps } from '../../../vue-utils';
-import { popupProps } from './popup-props';
+import { VueProps } from '../../../../vue-utils';
+import { PopupEffect, popupProps } from './popup-props';
 import { PopupPosition } from '../types';
 import { ComputedRef } from 'vue';
 export declare const usePopupWidth: (options: {
     props: VueProps<typeof popupProps>;
+    popupEffect: ComputedRef<PopupEffect>;
     popupPosition: ComputedRef<PopupPosition>;
 }) => {
     bodyWidthStyle: ComputedRef<Record<string, string>>;