@whitesev/pops 1.0.1 → 1.2.0

package/dist/index.umd.js

@@ -4,6 +4,8 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.pops = factory());
 })(this, (function () { 'use strict';
 
+    const SymbolEvents = Symbol("events_" + (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1));
+
     const PopsCoreDefaultEnv = {
         document: document,
         window: window,
@@ -42,8 +44,6 @@
         },
     };
 
-    const SymbolEvents = Symbol("events_" + (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1));
-
     // @ts-nocheck
 
     const AnyTouch = function () {
@@ -1495,6 +1495,12 @@
         }
         assign(target = {}, source = {}, isAdd = false) {
             let UtilsContext = this;
+            if (source == null) {
+                return target;
+            }
+            if (target == null) {
+                target = {};
+            }
             if (Array.isArray(source)) {
                 let canTraverse = source.filter((item) => {
                     return typeof item === "object";
@@ -1508,8 +1514,9 @@
                     const targetKeyName = sourceKeyName;
                     let targetValue = target[targetKeyName];
                     let sourceValue = source[sourceKeyName];
-                    if (sourceKeyName in target &&
-                        typeof sourceValue === "object" &&
+                    if (typeof sourceValue === "object" &&
+                        sourceValue != null &&
+                        sourceKeyName in target &&
                         !UtilsContext.isDOM(sourceValue)) {
                         /* 源端的值是object类型，且不是元素节点 */
                         target[sourceKeyName] = UtilsContext.assign(targetValue, sourceValue, isAdd);
@@ -1524,6 +1531,7 @@
                         let targetValue = target[targetKeyName];
                         let sourceValue = source[targetKeyName];
                         if (typeof sourceValue === "object" &&
+                            sourceValue != null &&
                             !UtilsContext.isDOM(sourceValue) &&
                             Object.keys(sourceValue).length) {
                             /* 源端的值是object类型，且不是元素节点 */
@@ -2295,7 +2303,6 @@
             }
         }
     }
-
     class PopsDOMUtils extends PopsDOMUtilsEvent {
         /** 获取 animationend 在各个浏览器的兼容名 */
         getAnimationEndNameList() {
@@ -2945,7 +2952,7 @@
     }
     const popsDOMUtils = new PopsDOMUtils();
 
-    const PopsUIUtils = {
+    const PopsInstanceUtils = {
         /**
          * 获取所有弹窗中的最大的z-index
          * @param defaultValue
@@ -2984,10 +2991,9 @@
          * 删除配置中对应的对象
          * @param moreLayerConfigList 配置实例列表
          * @param  guid 唯一标识
-         * @param removeAll 是否全部删除
+         * @param isAll 是否全部删除
          */
-        configRemove(moreLayerConfigList, guid, removeAll = false) {
-            /** @param item */
+        removeInstance(moreLayerConfigList, guid, isAll = false) {
             function removeItem(item) {
                 item?.animElement?.remove();
                 item?.popsElement?.remove();
@@ -2998,7 +3004,7 @@
             moreLayerConfigList.forEach((layerConfigList) => {
                 //  layer[]
                 layerConfigList.forEach((layerConfigItem, index) => {
-                    if (removeAll || layerConfigItem["guid"] === guid) {
+                    if (isAll || layerConfigItem["guid"] === guid) {
                         if (pops.config.animation.hasOwnProperty(layerConfigItem.animElement.getAttribute("anim"))) {
                             layerConfigItem.animElement.style.width = "100%";
                             layerConfigItem.animElement.style.height = "100%";
@@ -3165,7 +3171,7 @@
                         return;
                     }
                     popsDOMUtils.off(popsElement, popsDOMUtils.getTransitionEndNameList(), void 0, closeCallBack);
-                    PopsUIUtils.configRemove([layerConfigList], guid);
+                    PopsInstanceUtils.removeInstance([layerConfigList], guid);
                 }
                 /* 监听过渡结束 */
                 popsDOMUtils.on(popsElement, popsDOMUtils.getTransitionEndNameList(), closeCallBack);
@@ -3196,7 +3202,7 @@
                 }, drawerConfig.closeDelay);
             }
             else {
-                PopsUIUtils.configRemove([layerConfigList], guid);
+                PopsInstanceUtils.removeInstance([layerConfigList], guid);
             }
         },
         /**
@@ -3884,11 +3890,11 @@
                 function originalRun() {
                     if (details.config.mask.clickEvent.toClose) {
                         /* 关闭 */
-                        PopsUIUtils.close(details.type, targetLayer, details.guid, details.config, details.animElement);
+                        PopsInstanceUtils.close(details.type, targetLayer, details.guid, details.config, details.animElement);
                     }
                     else if (details.config.mask.clickEvent.toHide) {
                         /* 隐藏 */
-                        PopsUIUtils.hide(details.type, targetLayer, details.guid, details.config, details.animElement, result.maskElement);
+                        PopsInstanceUtils.hide(details.type, targetLayer, details.guid, details.config, details.animElement, result.maskElement);
                     }
                 }
                 if (typeof details.config.mask.clickCallBack === "function") {
@@ -4060,13 +4066,13 @@
                 mode: mode,
                 guid: guid,
                 close() {
-                    PopsUIUtils.close(mode, pops.config.layer[mode], guid, config, animElement);
+                    PopsInstanceUtils.close(mode, pops.config.layer[mode], guid, config, animElement);
                 },
                 hide() {
-                    PopsUIUtils.hide(mode, pops.config.layer[mode], guid, config, animElement, maskElement);
+                    PopsInstanceUtils.hide(mode, pops.config.layer[mode], guid, config, animElement, maskElement);
                 },
                 show() {
-                    PopsUIUtils.show(mode, pops.config.layer[mode], guid, config, animElement, maskElement);
+                    PopsInstanceUtils.show(mode, pops.config.layer[mode], guid, config, animElement, maskElement);
                 },
             };
         },
@@ -4088,13 +4094,13 @@
                 mode: mode,
                 guid: guid,
                 close() {
-                    PopsUIUtils.close(mode, pops.config.layer[mode], guid, config, animElement);
+                    PopsInstanceUtils.close(mode, pops.config.layer[mode], guid, config, animElement);
                 },
                 hide() {
-                    PopsUIUtils.hide(mode, pops.config.layer[mode], guid, config, animElement, maskElement);
+                    PopsInstanceUtils.hide(mode, pops.config.layer[mode], guid, config, animElement, maskElement);
                 },
                 show() {
-                    PopsUIUtils.show(mode, pops.config.layer[mode], guid, config, animElement, maskElement);
+                    PopsInstanceUtils.show(mode, pops.config.layer[mode], guid, config, animElement, maskElement);
                 },
             };
         },
@@ -4194,10 +4200,10 @@
                 if (type === "loading" ||
                     type === "tooltip" ||
                     type === "rightClickMenu") {
-                    PopsUIUtils.configRemove([pops.config.layer[type]], "", true);
+                    PopsInstanceUtils.removeInstance([pops.config.layer[type]], "", true);
                 }
                 else {
-                    PopsUIUtils.configRemove([
+                    PopsInstanceUtils.removeInstance([
                         pops.config.layer.alert,
                         pops.config.layer.confirm,
                         pops.config.layer.prompt,
@@ -4210,7 +4216,7 @@
             }
             else {
                 config.zIndex =
-                    PopsUIUtils.getPopsMaxZIndex(config.zIndex)["zIndex"] * 2;
+                    PopsInstanceUtils.getPopsMaxZIndex(config.zIndex)["zIndex"] * 2;
             }
             return config;
         },
@@ -4367,7 +4373,7 @@
             });
             /* 拖拽 */
             if (config.drag) {
-                PopsUIUtils.drag($pops, {
+                PopsInstanceUtils.drag($pops, {
                     dragElement: $title,
                     limit: config.dragLimit,
                     extraDistance: config.dragExtraDistance,
@@ -4549,7 +4555,7 @@
             });
             /* 拖拽 */
             if (config.drag) {
-                PopsUIUtils.drag($pops, {
+                PopsInstanceUtils.drag($pops, {
                     dragElement: $title,
                     limit: config.dragLimit,
                     extraDistance: config.dragExtraDistance,
@@ -4744,7 +4750,7 @@
             });
             /* 拖拽 */
             if (config.drag) {
-                PopsUIUtils.drag($pops, {
+                PopsInstanceUtils.drag($pops, {
                     dragElement: $title,
                     limit: config.dragLimit,
                     extraDistance: config.dragExtraDistance,
@@ -5006,7 +5012,7 @@
             }
             /* 拖拽 */
             if (config.drag) {
-                PopsUIUtils.drag($pops, {
+                PopsInstanceUtils.drag($pops, {
                     dragElement: $title,
                     limit: config.dragLimit,
                     extraDistance: config.dragExtraDistance,
@@ -5072,7 +5078,7 @@
                         allMinElementList.push(item.popsElement);
                     }
                 });
-                allMinElementList.sort(PopsUIUtils.sortElementListByProperty((obj) => {
+                allMinElementList.sort(PopsInstanceUtils.sortElementListByProperty((obj) => {
                     return parseInt(getComputedStyle(obj).left);
                 }, (obj) => {
                     return parseInt(getComputedStyle(obj).left);
@@ -5088,7 +5094,7 @@
             });
             /* 关闭按钮点击事件 */
             popsDOMUtils.on(headerCloseBtnElement, "click", (event) => {
-                PopsUIUtils.configRemove([pops.config.layer.iframe], guid, false);
+                PopsInstanceUtils.removeInstance([pops.config.layer.iframe], guid, false);
                 setTimeout(() => {
                     let allIsMinElementList = [];
                     pops.config.layer.iframe.forEach((item) => {
@@ -5097,7 +5103,7 @@
                             allIsMinElementList.push(item.popsElement);
                         }
                     });
-                    allIsMinElementList.sort(PopsUIUtils.sortElementListByProperty((obj) => {
+                    allIsMinElementList.sort(PopsInstanceUtils.sortElementListByProperty((obj) => {
                         return parseInt(getComputedStyle(obj).left);
                     }, (obj) => {
                         return parseInt(getComputedStyle(obj).left);
@@ -6532,7 +6538,7 @@
             }
             /* 拖拽 */
             if (config.drag) {
-                PopsUIUtils.drag($pops, {
+                PopsInstanceUtils.drag($pops, {
                     dragElement: $title,
                     limit: config.dragLimit,
                     extraDistance: config.dragExtraDistance,
@@ -8766,7 +8772,7 @@
             });
             /* 拖拽 */
             if (config.drag) {
-                PopsUIUtils.drag($pops, {
+                PopsInstanceUtils.drag($pops, {
                     dragElement: $title,
                     limit: config.dragLimit,
                     extraDistance: config.dragExtraDistance,
@@ -9923,7 +9929,7 @@
         /** 配置 */
         config = {
             /** 版本号 */
-            version: "2024.7.8",
+            version: "2024.7.14",
             cssText: {
                 /** 主CSS */
                 index: indexCSS,
@@ -10013,6 +10019,10 @@
             Utils: popsUtils,
             /** pops使用的DOM工具类 */
             DOMUtils: popsDOMUtils,
+            /** pops创建的实例使用的工具类 */
+            InstanceUtils: PopsInstanceUtils,
+            /** pops处理float类型使用的工具类 */
+            MathFloatUtils: PopsMathFloatUtils,
         };
         constructor() { }
         init() {
@@ -10023,7 +10033,7 @@
                 animationStyle.innerHTML = this.config.cssText.anim;
                 popsDOMUtils.appendHead(animationStyle);
                 this.config.animation = null;
-                this.config.animation = PopsUIUtils.getKeyFrames(animationStyle.sheet);
+                this.config.animation = PopsInstanceUtils.getKeyFrames(animationStyle.sheet);
                 setTimeout(() => {
                     animationStyle.remove();
                 }, 50);