@whitesev/pops 3.2.1 → 3.3.0

package/src/types/button.d.ts

@@ -1,94 +1,94 @@
-import type { PopsEventConfig, PopsHandlerEventConfig } from "./event";
-import type { PopsIconType } from "./icon";
-
-/**
- * 按钮类型
- */
-export type PopsButtonType = "close" | "ok" | "cancel" | "other";
-/**
- * 按钮样式类型
- */
-export type PopsButtonStyleType =
-  | "default"
-  | "primary"
-  | "xiaomi-primary"
-  | "success"
-  | "info"
-  | "warning"
-  | "danger"
-  | "violet";
-
-/**
- * 按钮大小
- */
-export type PopsButtonSize = "large" | "small";
-
-/**
- * 按钮配置
- */
-export interface PopsGlobalButtonConfig<T = object> {
-  /**
-   * 是否启用按钮
-   */
-  enable: boolean;
-  /**
-   * 图标按钮，如果名字为内置的，则使用内置的，否则为自定义的svg
-   */
-  icon: PopsIconType;
-  /**
-   * 图标按钮是否放在右边
-   */
-  rightIcon: boolean;
-  /**
-   * 图标按钮是否是旋转360°
-   * @default false
-   */
-  iconIsLoading: boolean;
-  /**
-   * 按钮尺寸大小
-   * @default ""
-   */
-  size: PopsButtonSize | "";
-  /**
-   * 按钮样式类型
-   * @default "default"
-   */
-  type: PopsButtonStyleType;
-  /**
-   * 按钮文字，默认为空
-   */
-  text: string;
-  /**
-   * 按钮点击的回调
-   *
-   * 如果传入该值，那么将不会自动关闭弹窗
-   */
-  callback(eventConfig: PopsHandlerEventConfig & T, event: PointerEvent | MouseEvent): void;
-}
-
-/**
- * 按钮配置（匹配任意类型）
- */
-export type PopsButtonConfigAnyType<T = object> = Omit<PopsGlobalButtonConfig<T>, "type"> & {
-  /**
-   * 按钮样式类型
-   * @default "default"
-   */
-  type: string;
-};
-
-/**
- * 顶部关闭按钮配置
- */
-export interface PopsHeaderCloseButtonConfig {
-  /**
-   * 是否启用按钮
-   */
-  enable?: boolean;
-  /**
-   * 按钮点击的回调
-   *
-   * 如果传入该值，那么将不会自动关闭弹窗
-   */
-  callback?: (eventConfig: PopsEventConfig, event: PointerEvent | MouseEvent) => void;
-}
+import type { PopsEventConfig, PopsHandlerEventConfig } from "./event";
+import type { PopsIconType } from "./icon";
+
+/**
+ * 按钮类型
+ */
+export type PopsButtonType = "close" | "ok" | "cancel" | "other";
+/**
+ * 按钮样式类型
+ */
+export type PopsButtonStyleType =
+  | "default"
+  | "primary"
+  | "xiaomi-primary"
+  | "success"
+  | "info"
+  | "warning"
+  | "danger"
+  | "violet";
+
+/**
+ * 按钮大小
+ */
+export type PopsButtonSize = "large" | "small";
+
+/**
+ * 按钮配置
+ */
+export interface PopsGlobalButtonConfig<T = object> {
+  /**
+   * 是否启用按钮
+   */
+  enable: boolean;
+  /**
+   * 图标按钮，如果名字为内置的，则使用内置的，否则为自定义的svg
+   */
+  icon: PopsIconType;
+  /**
+   * 图标按钮是否放在右边
+   */
+  rightIcon: boolean;
+  /**
+   * 图标按钮是否是旋转360°
+   * @default false
+   */
+  iconIsLoading: boolean;
+  /**
+   * 按钮尺寸大小
+   * @default ""
+   */
+  size: PopsButtonSize | "";
+  /**
+   * 按钮样式类型
+   * @default "default"
+   */
+  type: PopsButtonStyleType;
+  /**
+   * 按钮文字，默认为空
+   */
+  text: string;
+  /**
+   * 按钮点击的回调
+   *
+   * 如果传入该值，那么将不会自动关闭弹窗
+   */
+  callback(eventConfig: PopsHandlerEventConfig & T, event: PointerEvent | MouseEvent): void;
+}
+
+/**
+ * 按钮配置（匹配任意类型）
+ */
+export type PopsButtonConfigAnyType<T = object> = Omit<PopsGlobalButtonConfig<T>, "type"> & {
+  /**
+   * 按钮样式类型
+   * @default "default"
+   */
+  type: string;
+};
+
+/**
+ * 顶部关闭按钮配置
+ */
+export interface PopsHeaderCloseButtonConfig {
+  /**
+   * 是否启用按钮
+   */
+  enable?: boolean;
+  /**
+   * 按钮点击的回调
+   *
+   * 如果传入该值，那么将不会自动关闭弹窗
+   */
+  callback?: (eventConfig: PopsEventConfig, event: PointerEvent | MouseEvent) => void;
+}

package/src/types/components.d.ts

@@ -1,211 +1,211 @@
-import type { PopsAnimation } from "./animation";
-import type { PopsPosition, PopsTextAlign, PopsJustifyContent } from "./position";
-import type { PopsGlobalButtonConfig, PopsButtonConfigAnyType, PopsHeaderCloseButtonConfig } from "./button";
-import type { PopsMaskConfig } from "./mask";
-
-/**
- * 标题配置
- */
-export interface PopsTitleConfig {
-  title: {
-    /**
-     * 标题文字
-     */
-    text?: string;
-    /**
-     * 标题文字的位置
-     * @default "left"
-     */
-    position?: PopsTextAlign;
-    /**
-     * 标题文字是否是html
-     * @default false
-     */
-    html?: boolean;
-    /**
-     * 自定义CSS
-     */
-    style?: string;
-  };
-}
-
-/**
- * 内容配置
- */
-export interface PopsContentConfig {
-  content: {
-    /**
-     * 内容文字
-     */
-    text?: string;
-    /**
-     * 内容文字是否是html
-     * @default false
-     */
-    html?: boolean;
-    /**
-     * 自定义CSS
-     */
-    style?: string;
-  };
-}
-/**
- * 按钮配置
- */
-export interface PopsButtonConfig {
-  btn?: {
-    /**
-     * 按钮的位置
-     * @default "flex-end"
-     */
-    position?: PopsJustifyContent;
-    /**
-     * 右上角的关闭按钮
-     */
-    close?: PopsHeaderCloseButtonConfig;
-  };
-}
-/**
- * 按钮的其它配置
- */
-export interface PopsMoreButtonConfig<T = object> {
-  btn?: PopsButtonConfig["btn"] & {
-    /**
-     * 是否合并按钮
-     * @default false
-     */
-    merge?: boolean;
-    /**
-     * 是否对合并的按钮逆反
-     * @default false
-     */
-    mergeReverse?: boolean;
-    /**
-     * 是否逆反
-     * @default false
-     */
-    reverse?: boolean;
-    /**
-     * 确定按钮
-     */
-    ok?: Partial<PopsGlobalButtonConfig<T> | PopsButtonConfigAnyType<T>>;
-    /**
-     * 取消按钮
-     */
-    cancel?: Partial<PopsGlobalButtonConfig<T> | PopsButtonConfigAnyType<T>>;
-    /**
-     * 其他按钮
-     */
-    other?: Partial<PopsGlobalButtonConfig<T> | PopsButtonConfigAnyType<T>>;
-  };
-}
-/**
- * 拖拽(标题栏)的配置
- */
-export interface PopsDragConfig {
-  /**
-   *  是否可以按钮标题栏进行拖拽，默认false
-   * @default false
-   */
-  drag?: boolean;
-  /**
-   * 是否限制拖拽在浏览器窗口内移动，默认true
-   * @default true
-   */
-  dragLimit?: boolean;
-  /**
-   * 当启用dragLimit时，该参数为弹窗在窗口中的距离边际的距离，默认为3(px)
-   * @default 3
-   */
-  dragExtraDistance?: number;
-  /**
-   * （可选）拖动中的回调
-   * @param moveElement 当前拖动的元素
-   * @param left 当前left值
-   * @param top 当前的top值
-   */
-  dragMoveCallBack?: (moveElement: HTMLElement, left: number, top: number) => void;
-  /**
-   * （可选）拖动结束的回调
-   * @param moveElement 当前拖动的元素
-   * @param left 当前left值
-   * @param top 当前的top值
-   */
-  dragEndCallBack?: (moveElement: HTMLElement, left: number, top: number) => void;
-}
-/**
- * 通用配置
- */
-export interface PopsGeneralConfig {
-  /**
-   * 是否使用shadowRoot
-   *
-   * @default true
-   */
-  useShadowRoot?: boolean;
-  /**
-   * 自定义的className
-   *
-   * @default ""
-   */
-  class?: string;
-  /**
-   * 是否是唯一的
-   *
-   * @default false
-   */
-  only?: boolean;
-  /**
-   *  宽度
-   *
-   * @default "350px"
-   */
-  width: string;
-  /**
-   *  高度
-   *
-   * @default "200px"
-   */
-  height: string;
-  /**
-   * 位置
-   *
-   * @default "center"
-   */
-  position?: PopsPosition;
-  /**
-   * 动画
-   *
-   * @default "pops-anim-fadein-zoom"
-   */
-  animation?: PopsAnimation;
-  /**
-   * z-index显示层级
-   *
-   * @default 10000
-   */
-  zIndex?: IFunction<number>;
-  /**
-   * 遮罩层
-   */
-  mask?: PopsMaskConfig;
-  /**
-   * 是否禁用页面滚动
-   *
-   * 暂时不会生效
-   *
-   * @default false
-   */
-  forbiddenScroll?: boolean;
-  /**
-   * （可选）自定义style
-   * @default ""
-   */
-  style?: string | null;
-  /**
-   * 在元素添加到页面前的事件
-   * @param $shadowRoot 根元素
-   * @param $shadowContainer 容器
-   */
-  beforeAppendToPageCallBack?: ($shadowRoot: ShadowRoot | HTMLElement, $shadowContainer: HTMLDivElement) => void;
-}
+import type { PopsAnimation } from "./animation";
+import type { PopsPosition, PopsTextAlign, PopsJustifyContent } from "./position";
+import type { PopsGlobalButtonConfig, PopsButtonConfigAnyType, PopsHeaderCloseButtonConfig } from "./button";
+import type { PopsMaskConfig } from "./mask";
+
+/**
+ * 标题配置
+ */
+export interface PopsTitleConfig {
+  title: {
+    /**
+     * 标题文字
+     */
+    text?: string;
+    /**
+     * 标题文字的位置
+     * @default "left"
+     */
+    position?: PopsTextAlign;
+    /**
+     * 标题文字是否是html
+     * @default false
+     */
+    html?: boolean;
+    /**
+     * 自定义CSS
+     */
+    style?: string;
+  };
+}
+
+/**
+ * 内容配置
+ */
+export interface PopsContentConfig {
+  content: {
+    /**
+     * 内容文字
+     */
+    text?: string;
+    /**
+     * 内容文字是否是html
+     * @default false
+     */
+    html?: boolean;
+    /**
+     * 自定义CSS
+     */
+    style?: string;
+  };
+}
+/**
+ * 按钮配置
+ */
+export interface PopsButtonConfig {
+  btn?: {
+    /**
+     * 按钮的位置
+     * @default "flex-end"
+     */
+    position?: PopsJustifyContent;
+    /**
+     * 右上角的关闭按钮
+     */
+    close?: PopsHeaderCloseButtonConfig;
+  };
+}
+/**
+ * 按钮的其它配置
+ */
+export interface PopsMoreButtonConfig<T = object> {
+  btn?: PopsButtonConfig["btn"] & {
+    /**
+     * 是否合并按钮
+     * @default false
+     */
+    merge?: boolean;
+    /**
+     * 是否对合并的按钮逆反
+     * @default false
+     */
+    mergeReverse?: boolean;
+    /**
+     * 是否逆反
+     * @default false
+     */
+    reverse?: boolean;
+    /**
+     * 确定按钮
+     */
+    ok?: Partial<PopsGlobalButtonConfig<T> | PopsButtonConfigAnyType<T>>;
+    /**
+     * 取消按钮
+     */
+    cancel?: Partial<PopsGlobalButtonConfig<T> | PopsButtonConfigAnyType<T>>;
+    /**
+     * 其他按钮
+     */
+    other?: Partial<PopsGlobalButtonConfig<T> | PopsButtonConfigAnyType<T>>;
+  };
+}
+/**
+ * 拖拽(标题栏)的配置
+ */
+export interface PopsDragConfig {
+  /**
+   *  是否可以按钮标题栏进行拖拽，默认false
+   * @default false
+   */
+  drag?: boolean;
+  /**
+   * 是否限制拖拽在浏览器窗口内移动，默认true
+   * @default true
+   */
+  dragLimit?: boolean;
+  /**
+   * 当启用dragLimit时，该参数为弹窗在窗口中的距离边际的距离，默认为3(px)
+   * @default 3
+   */
+  dragExtraDistance?: number;
+  /**
+   * （可选）拖动中的回调
+   * @param moveElement 当前拖动的元素
+   * @param left 当前left值
+   * @param top 当前的top值
+   */
+  dragMoveCallBack?: (moveElement: HTMLElement, left: number, top: number) => void;
+  /**
+   * （可选）拖动结束的回调
+   * @param moveElement 当前拖动的元素
+   * @param left 当前left值
+   * @param top 当前的top值
+   */
+  dragEndCallBack?: (moveElement: HTMLElement, left: number, top: number) => void;
+}
+/**
+ * 通用配置
+ */
+export interface PopsGeneralConfig {
+  /**
+   * 是否使用shadowRoot
+   *
+   * @default true
+   */
+  useShadowRoot?: boolean;
+  /**
+   * 自定义的className
+   *
+   * @default ""
+   */
+  class?: string;
+  /**
+   * 是否是唯一的
+   *
+   * @default false
+   */
+  only?: boolean;
+  /**
+   *  宽度
+   *
+   * @default "350px"
+   */
+  width: string;
+  /**
+   *  高度
+   *
+   * @default "200px"
+   */
+  height: string;
+  /**
+   * 位置
+   *
+   * @default "center"
+   */
+  position?: PopsPosition;
+  /**
+   * 动画
+   *
+   * @default "pops-anim-fadein-zoom"
+   */
+  animation?: PopsAnimation;
+  /**
+   * z-index显示层级
+   *
+   * @default 10000
+   */
+  zIndex?: IFunction<number>;
+  /**
+   * 遮罩层
+   */
+  mask?: PopsMaskConfig;
+  /**
+   * 是否禁用页面滚动
+   *
+   * 暂时不会生效
+   *
+   * @default false
+   */
+  forbiddenScroll?: boolean;
+  /**
+   * （可选）自定义style
+   * @default ""
+   */
+  style?: string | null;
+  /**
+   * 在元素添加到页面前的事件
+   * @param $shadowRoot 根元素
+   * @param $shadowContainer 容器
+   */
+  beforeAppendToPageCallBack?: ($shadowRoot: ShadowRoot | HTMLElement, $shadowContainer: HTMLDivElement) => void;
+}