@whitesev/pops 2.0.8 → 2.0.9

package/dist/types/src/Pops.d.ts

@@ -298,6 +298,7 @@ declare class Pops {
         config: {
             target: HTMLElement;
             content: string | (() => string);
+            isDiffContent: boolean;
             position: import("./components/tooltip/indexType").PopsTooltipPosition;
             className: string;
             isFixed: boolean;

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

@@ -184,6 +184,7 @@ export declare const PopsTooltip: {
         config: {
             target: HTMLElement;
             content: string | (() => string);
+            isDiffContent: boolean;
             position: import("./indexType").PopsTooltipPosition;
             className: string;
             isFixed: boolean;

package/dist/types/src/components/tooltip/indexType.d.ts

@@ -13,6 +13,13 @@ export interface PopsToolTipDetails extends Pick<PopsCommonConfig, "useShadowRoo
      * 显示的文字
      */
     content: string | (() => string);
+    /**
+     * 是否比较获取到的content的内容是否改变
+     *
+     * 如果未改变，则在触发.show时不修改内容
+     * @default false
+     */
+    isDiffContent?: boolean;
     /**
      * 位置
      * + `follow` 跟随鼠标|触摸位置移动

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whitesev/pops",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "弹窗库",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/tooltip/config.ts

@@ -6,6 +6,7 @@ export const PopsTooltipConfig = (): DeepRequired<PopsToolTipDetails> => {
 		useShadowRoot: true,
 		target: null as any,
 		content: "默认文字",
+		isDiffContent: false,
 		position: "top",
 		className: "",
 		isFixed: false,

package/src/components/tooltip/index.ts

@@ -128,6 +128,19 @@ export class ToolTip {
 		if (text == null) {
 			text = this.getContent();
 		}
+		if (this.$data.config.isDiffContent) {
+			let contentPropKey = "data-content";
+			// @ts-ignore
+			let originContentText: string = this.$el.$content[contentPropKey];
+			if (typeof originContentText === "string") {
+				if (originContentText === text) {
+					// 内容未改变，不修改避免渲染
+					return;
+				}
+			}
+			// @ts-ignore
+			this.$el.$content[contentPropKey] = text;
+		}
 		PopsSafeUtils.setSafeHTML(this.$el.$content, text);
 	}
 	/**

package/src/components/tooltip/indexType.ts

@@ -24,6 +24,13 @@ export interface PopsToolTipDetails
 	 * 显示的文字
 	 */
 	content: string | (() => string);
+	/**
+	 * 是否比较获取到的content的内容是否改变
+	 *
+	 * 如果未改变，则在触发.show时不修改内容
+	 * @default false
+	 */
+	isDiffContent?: boolean;
 	/**
 	 * 位置
 	 * + `follow` 跟随鼠标|触摸位置移动