@polyv/vue-components 1.0.2 → 1.1.0

package/src/components/normal-pendant/use-normal-pendant.d.ts

@@ -0,0 +1,36 @@
+export declare const normalPendantProps: () => {
+    /**
+     * 挂件图标
+     */
+    iconUrl: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    /**
+     * 挂件文案
+     */
+    text: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    /**
+     * 倒计时秒数
+     */
+    countdownSecond: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    /**
+     * 倒计时时间戳
+     */
+    countdownTimestamp: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+};
+export declare const normalPendantEmit: () => {
+    /**
+     * 点击挂件
+     */
+    'click-pendant': import('../../vue-utils').EmitFuncType<void>;
+    /**
+     * 倒计时结束
+     */
+    'countdown-finish': import('../../vue-utils').EmitFuncType<void>;
+};

package/src/components/popup/hooks/popup-props.d.ts

@@ -1,114 +1,206 @@
 import { PopupConfig, CustomClosePopup } from '../types';
 export declare const popupProps: () => {
+    /**
+     * 是否显示，支持 v-model
+     */
     value: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    /** 标题 */
+    /**
+     * 标题
+     * @default ''
+     */
     title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: 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">;
-    /** 背景 */
+    /**
+     * 背景
+     */
     background: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
     };
-    /** 是否可以关闭 */
+    /**
+     * 是否可以关闭
+     * @default true
+     */
     closeable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    /** 是否显示返回按钮 */
-    backable: import('vue-types').VueTypeDef<boolean | undefined> & {
-        default: boolean | undefined;
-    };
-    /** 是否显示头部 */
+    /**
+     * 是否显示返回按钮
+     * @propType boolean
+     */
+    backable: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    /**
+     * 是否显示头部
+     * @default true
+     */
     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;
     };
-    /** 打开事件 */
+    /**
+     * 打开事件
+     */
     openEvent: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
-    /** 位置 */
+    /**
+     * 弹层位置，会根据设备类型自动选择位置
+     * @propType PopupPosition
+     */
     position: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "center">;
-    /** 在屏幕横屏时，强制使用的位置 */
+    /**
+     * 在屏幕横屏时，强制使用的位置
+     * @propType PopupPosition
+     * @default 'right'
+     */
     horizontalScreenPosition: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "center"> & {
         default: "bottom" | "left" | "right" | "center";
     };
-    /** 在屏幕横屏时，弹层 className */
+    /**
+     * 在屏幕横屏时，弹层 className
+     */
     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>>;
-    /** 主体最大高度 */
+    /**
+     * 主体最大高度
+     * @propType number | string
+     * @default 0.85
+     */
     bodyMaxHeight: import('vue-types').VueTypeDef<string | number> & {
         default: string | number;
     };
-    /** 主体高度百分比 */
+    /**
+     * 主体高度百分比
+     */
     bodyHeightPercent: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
     /**
-     * 是否使用动态高度
-     * 需要传入 bodyHeightPercent 后才生效
-     * 需要传入 bodyMaxHeight 且为 0～1 的数字后才生效
+     * 是否使用滚动条动态高度，需要传入 bodyHeightPercent 后才生效，需要传入 bodyMaxHeight 且为 0～1 的数字后才生效
+     * @default false
      */
     dynamicHeight: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    /** 填充 */
+    /**
+     * 是否填充主体
+     * @default false
+     */
     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;
     };
-    /** 插入到的节点 */
+    /**
+     * 插入到的节点
+     * @propType HTMLElement
+     */
     appendTo: import('vue-types').VueTypeDef<HTMLElement | undefined> & {
         default: (() => HTMLElement) | undefined;
     };
-    /** 是否显示遮罩层，开启 draggable 时，强制关闭 */
-    showModal: import('vue-types').VueTypeDef<boolean | undefined> & {
-        default: boolean | undefined;
-    };
-    /** 点击遮罩是否关闭 */
+    /**
+     * 是否显示遮罩层，开启 draggable 时，强制关闭
+     * @propType boolean
+     */
+    showModal: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    /**
+     * 点击遮罩是否关闭
+     * @default true
+     */
     closeOnMask: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    /** 配置 */
+    /**
+     * 弹层配置
+     */
     popupConfig: import('vue-types').VueTypeValidableDef<PopupConfig, import('vue-types/dist/types').ValidatorFunction<PopupConfig>>;
-    /** 是否显示滚动条 */
+    /**
+     * 是否显示滚动条
+     * @default true
+     */
     showScrollbar: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    /** 自定义关闭弹层 */
+    /**
+     * 自定义关闭弹层
+     */
     customClose: import('vue-types').VueTypeValidableDef<CustomClosePopup, import('vue-types/dist/types').ValidatorFunction<CustomClosePopup>>;
-    /** 窗口是否可以拖拽，仅 PC 端在 position 为 center 时有效 */
+    /**
+     * 窗口是否可以拖拽
+     * @description 仅 PC 端在 position 为 center 时有效
+     * @default false
+     */
     draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    /** 用于计算定位的元素 */
+    /**
+     * 用于计算定位的元素
+     * @default ''
+     */
     positionComputedElem: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
     };
-    /** 禁止 body 滚动 */
+    /**
+     * 打开后禁止 body 滚动
+     * @default false
+     */
     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;
     };
+    /**
+     * 弹层动画
+     * @propType string | boolean
+     * @default true
+     */
+    popupTransition: import('vue-types').VueTypeDef<string | boolean> & {
+        default: string | boolean;
+    };
 };
 export declare const popupEmits: () => {
+    /**
+     * 弹层动画离开之后
+     */
     'after-leave': import('../../../vue-utils').EmitFuncType<void>;
+    /**
+     * 弹层动画进入之后
+     */
+    'after-enter': import('../../../vue-utils').EmitFuncType<void>;
+    /**
+     * 点击返回
+     */
     'click-back': import('../../../vue-utils').EmitFuncType<void>;
 };

package/src/components/popup/hooks/use-popup-back.d.ts

@@ -8,6 +8,6 @@ export declare const usePopupBack: (options: {
     callbackCloseBody: () => void;
 }) => {
     onClickBack: () => void;
-    showBack: import('vue').ComputedRef<boolean>;
+    showBack: import('vue').ComputedRef<boolean | undefined>;
     setupBackAction: (data?: PopupBackActionData) => void;
 };

package/src/components/popup/hooks/use-popup-config.d.ts

@@ -2,6 +2,9 @@ import { VueProps } from '../../../vue-utils';
 import { ComputedRef } from 'vue';
 import { PopupConfig } from '../types';
 export declare const popupConfigProps: () => {
+    /**
+     * 弹层配置
+     */
     popupConfig: import('vue-types').VueTypeValidableDef<PopupConfig, import('vue-types/dist/types').ValidatorFunction<PopupConfig>>;
 };
 export interface PopupConfigInjectData {

package/src/components/popup/hooks/use-popup-height.d.ts

@@ -1,7 +1,7 @@
 import { VueProps } from '../../../vue-utils';
-import { popupProps } from './popup-props';
 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>;

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

@@ -4,5 +4,6 @@ export declare const usePopupScroll: (options: {
     props: VueProps<typeof popupProps>;
 }) => {
     scrollRef: import('vue').Ref<HTMLDivElement | undefined>;
+    currentScrollTop: import('vue').Ref<number>;
     resetScroll: () => Promise<void>;
 };

package/src/components/popup/hooks/use-popup-visible.d.ts

@@ -7,6 +7,7 @@ export declare const usePopupVisible: (options: {
     wrapVisible: import('vue').Ref<boolean>;
     bodyVisible: import('vue').Ref<boolean>;
     onAfterLeave: () => void;
+    onAfterEnter: () => void;
     openPopup: () => void;
     closePopup: () => void;
     closeBody: () => void;

package/src/components/popup/popup.vue.d.ts

@@ -17,6 +17,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 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>> & {
         default: boolean;
     };
@@ -33,9 +36,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     closeable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    backable: import('vue-types').VueTypeDef<boolean | undefined> & {
-        default: boolean | undefined;
-    };
+    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;
     };
@@ -68,9 +69,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     appendTo: import('vue-types').VueTypeDef<HTMLElement | undefined> & {
         default: (() => HTMLElement) | undefined;
     };
-    showModal: import('vue-types').VueTypeDef<boolean | undefined> & {
-        default: boolean | 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;
     };
@@ -91,13 +90,20 @@ declare const __VLS_component: import('vue').DefineComponent<{
     hiddenShadow: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    popupTransition: import('vue-types').VueTypeDef<string | boolean> & {
+        default: string | boolean;
+    };
 }, {
     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;
     "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>> & {
         default: boolean;
     };
@@ -114,9 +120,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     closeable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    backable: import('vue-types').VueTypeDef<boolean | undefined> & {
-        default: boolean | undefined;
-    };
+    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;
     };
@@ -149,9 +153,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     appendTo: import('vue-types').VueTypeDef<HTMLElement | undefined> & {
         default: (() => HTMLElement) | undefined;
     };
-    showModal: import('vue-types').VueTypeDef<boolean | undefined> & {
-        default: boolean | 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;
     };
@@ -172,13 +174,16 @@ declare const __VLS_component: import('vue').DefineComponent<{
     hiddenShadow: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    popupTransition: import('vue-types').VueTypeDef<string | boolean> & {
+        default: string | boolean;
+    };
 }>>, {
     value: boolean;
     title: string;
-    titleStyle: import('vue').CSSProperties;
     background: string;
+    ignoreSkinColor: boolean;
+    titleStyle: import('vue').CSSProperties;
     closeable: boolean;
-    backable: boolean | undefined;
     showHeader: boolean;
     headerStyle: import('vue').CSSProperties;
     horizontalScreenPosition: "bottom" | "left" | "right" | "center";
@@ -188,13 +193,13 @@ declare const __VLS_component: import('vue').DefineComponent<{
     fillBody: boolean;
     bodyStyle: import('vue').CSSProperties;
     appendTo: HTMLElement | undefined;
-    showModal: boolean | undefined;
     closeOnMask: boolean;
     showScrollbar: boolean;
     draggable: boolean;
     positionComputedElem: string;
     bodyLocked: boolean;
     hiddenShadow: boolean;
+    popupTransition: string | boolean;
 }>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/src/components/resize-box/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PwcResizeBox } from './resize-box.vue';
+export * from './use-resize-box';
+export * from './type';

package/src/components/resize-box/resize-box.vue.d.ts

@@ -0,0 +1,97 @@
+import { ResizeDirection } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    width: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    height: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    minWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    minHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    maxWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    maxHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    handleSize: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    showHandles: import('vue-types').VueTypeDef<boolean | ResizeDirection[]> & {
+        default: boolean | (() => ResizeDirection[]);
+    };
+    storageKey: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    resize: (arg: import('./type').ResizeEventData) => void;
+    "resize-start": (arg: import('./type').ResizeEventData) => void;
+    "resize-end": (arg: import('./type').ResizeEventData) => void;
+}, string, Readonly<import('vue').ExtractPropTypes<{
+    width: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    height: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    minWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    minHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    maxWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    maxHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    handleSize: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    showHandles: import('vue-types').VueTypeDef<boolean | ResizeDirection[]> & {
+        default: boolean | (() => ResizeDirection[]);
+    };
+    storageKey: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+}>>, {
+    disabled: boolean;
+    height: number;
+    maxHeight: number;
+    maxWidth: number;
+    minHeight: number;
+    minWidth: number;
+    width: number;
+    handleSize: number;
+    showHandles: boolean | ResizeDirection[];
+    storageKey: string;
+}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};

package/src/components/resize-box/type.d.ts

@@ -0,0 +1,34 @@
+/**
+ * 拖拽方向
+ */
+export declare enum ResizeDirection {
+    /** 上 */
+    Top = "top",
+    /** 右 */
+    Right = "right",
+    /** 下 */
+    Bottom = "bottom",
+    /** 左 */
+    Left = "left",
+    /** 左上 */
+    TopLeft = "top-left",
+    /** 右上 */
+    TopRight = "top-right",
+    /** 左下 */
+    BottomLeft = "bottom-left",
+    /** 右下 */
+    BottomRight = "bottom-right"
+}
+/**
+ * 尺寸变化事件数据
+ */
+export interface ResizeEventData {
+    /** 宽度 */
+    width: number;
+    /** 高度 */
+    height: number;
+    /** 拖拽方向 */
+    direction: ResizeDirection;
+    /** 原始事件 */
+    event: MouseEvent;
+}