@whitesev/pops 2.2.8 → 2.2.9

package/src/components/tooltip/types/index.ts

@@ -1,125 +0,0 @@
-import type { PopsCommonConfig } from "../../../types/components";
-
-/** tooltip的出现位置 */
-export type PopsTooltipPosition =
-	| "top"
-	| "right"
-	| "bottom"
-	| "left"
-	| "follow";
-
-/**
- * pops.tooltip
- */
-export interface PopsToolTipDetails
-	extends Pick<
-		PopsCommonConfig,
-		"useShadowRoot" | "only" | "zIndex" | "style" | "beforeAppendToPageCallBack"
-	> {
-	/**
-	 * 目标元素
-	 */
-	target: HTMLElement;
-	/**
-	 * 显示的文字
-	 */
-	content: string | (() => string);
-	/**
-	 * 是否比较获取到的content的内容是否改变
-	 *
-	 * 如果未改变，则在触发.show时不修改内容
-	 * @default false
-	 */
-	isDiffContent?: boolean;
-	/**
-	 * 位置
-	 * + `follow` 跟随鼠标|触摸位置移动
-	 * @default "top"
-	 */
-	position?: PopsTooltipPosition;
-	/**
-	 * 自定义className
-	 *
-	 * + `github-tooltip` github的样式
-	 * @default ""
-	 */
-	className?: string;
-	/**
-	 * 是否使用fixed定位，false则是absolute定位
-	 *
-	 * @default false
-	 */
-	isFixed?: boolean;
-	/**
-	 * 是否总是显示，默认为false
-	 * + true 设置的triggerShowEventName、triggerCloseEventName将无效
-	 *        返回提供show和close函数，取消on和off
-	 * + false 事件触发才显示
-	 */
-	alwaysShow?: boolean;
-	/**
-	 * 延迟xxms关闭tooltip
-	 * @default 100
-	 */
-	delayCloseTime?: number;
-	/**
-	 * 触发显示事件的名称，默认mouseenter touchstart，如果是多个事件，按空格分割
-	 * @default  "mouseenter touchstart"
-	 */
-	triggerShowEventName?: string;
-	/**
-	 * 触发关闭事件的名称，默认mouseleave touchend，如果是多个事件，按空格分割
-	 * @default  "mouseleave touchend"
-	 */
-	triggerCloseEventName?: string;
-	/**
-	 * 监听的事件配置
-	 */
-	eventOption?: {
-		[P in keyof AddEventListenerOptions]: AddEventListenerOptions[P];
-	};
-	/**
-	 * 触发显示前的回调
-	 * @returns
-	 * + false 可阻止显示
-	 */
-	showBeforeCallBack?: ($toolTip: HTMLElement) => false | void;
-	/**
-	 * 触发显示后的回调
-	 */
-	showAfterCallBack?: ($toolTip: HTMLElement) => void;
-	/**
-	 * 触发关闭前的回调
-	 */
-	closeBeforeCallBack?: (
-		/**
-		 *
-		 * @returns
-		 * + false 可阻止关闭
-		 */
-		$toolTip: HTMLElement
-	) => false | void;
-	/**
-	 * 触发关闭后的回调
-	 */
-	closeAfterCallBack?: ($toolTip: HTMLElement) => void;
-	/**
-	 * 是否显示箭头
-	 * @default true
-	 */
-	showArrow?: boolean;
-	/**
-	 * 箭头与目标的的距离(px)
-	 *
-	 * @default 12.5
-	 */
-	arrowDistance?: number;
-	/**
-	 * 其它的距离(px)
-	 * + 当position为left或者right，这个距离是上、下距离
-	 * + 当position为top或者bottom，这个距离是左、右距离
-	 * + 当position为follow，这个距离是上、左距离
-	 * @default 0
-	 */
-	otherDistance?: number;
-}

package/src/config/CommonCSSClassName.ts

@@ -1,17 +0,0 @@
-/**
- * 通用的CSS类名
- */
-export const PopsCommonCSSClassName = {
-	flexCenter: "pops-flex-items-center",
-	flexYCenter: "pops-flex-y-center",
-	flexXCenter: "pops-flex-x-center",
-	hide: "pops-hide",
-	hideImportant: "pops-hide-important",
-	noBorder: "pops-no-border",
-	noBorderImportant: "pops-no-border-important",
-	userSelectNone: "pops-user-select-none",
-	lineHeightCenter: "pops-line-height-center",
-	widthFill: "pops-width-fill",
-	textIsDisabled: "pops-text-is-disabled",
-	textIsDisabledImportant: "pops-text-is-disabled-important",
-};

package/src/config/GlobalConfig.ts

@@ -1,80 +0,0 @@
-import type { PopsCommonConfig, PopsDragConfig } from "../types/components";
-
-type EnterReturnType<T> = null | T | (() => T);
-
-type GlobalConfigOption = {
-	style?: EnterReturnType<string>;
-	zIndex?: EnterReturnType<number> | EnterReturnType<string>;
-} & Partial<PopsCommonConfig> &
-	Partial<PopsDragConfig>;
-
-type ResultGlobalConfigOption<T> = T extends null | undefined
-	? never
-	: T extends (...args: any) => infer R
-	? R
-	: T;
-
-export const GlobalConfig = {
-	config: {} as GlobalConfigOption,
-	/**
-	 * 为所有弹窗设置全局属性
-	 */
-	setGlobalConfig(config: GlobalConfigOption) {
-		Reflect.ownKeys(config).forEach((keyName) => {
-			Reflect.set(GlobalConfig.config, keyName, Reflect.get(config, keyName));
-		});
-	},
-	/**
-	 * 获取全局配置
-	 */
-	getGlobalConfig() {
-		let result: {
-			[P in keyof GlobalConfigOption]: ResultGlobalConfigOption<
-				GlobalConfigOption[P]
-			>;
-		} = {};
-		Object.keys(GlobalConfig.config).forEach((keyName) => {
-			let configValue = Reflect.get(GlobalConfig.config, keyName);
-			if (keyName === "style") {
-				// 设置style属性
-				let style =
-					configValue == null
-						? ""
-						: typeof configValue === "function"
-						? configValue()
-						: configValue;
-
-				if (typeof style === "string") {
-					result.style = style;
-				}
-			} else if (keyName === "zIndex") {
-				// 设置zIndex属性
-				let zIndex =
-					configValue == null
-						? ""
-						: typeof configValue === "function"
-						? configValue()
-						: configValue;
-				if (typeof zIndex === "string") {
-					let newIndex = (zIndex = Number(zIndex));
-					if (!isNaN(newIndex)) {
-						result.zIndex = newIndex;
-					}
-				} else {
-					if (!isNaN(zIndex)) {
-						result.zIndex = zIndex;
-					}
-				}
-			} else if (keyName === "mask") {
-				let mask =
-					GlobalConfig.config.mask == null ? {} : GlobalConfig.config.mask;
-				if (typeof mask === "object" && mask != null) {
-					result.mask = mask;
-				}
-			} else {
-				Reflect.set(result, keyName, configValue);
-			}
-		});
-		return result;
-	},
-};