nv-basic-bw 1.0.4 → 1.0.5

package/index.js

@@ -527,13 +527,13 @@ const _attr          = require("./attr");
 const _wait          = require("./wait");
 const _ele_getter    = require("./ele-getter");
 const _cls_accessor  = require("./cls-accessor");
-const _ui   = require("./ui");
+const _ui_util       = require("./ui-util");
 
-visit._attr = _attr;
-visit._wait = _wait;
+visit._attr         = _attr;
+visit._wait         = _wait;
 visit._ele_getter   = _ele_getter;
 visit._cls_accessor = _cls_accessor;
-visit._ui   = _ui;
+visit._ui           = _ui;
 
 const _nvison = require("nvison");
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nv-basic-bw",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/ui.js

@@ -1,18 +1,19 @@
-const popmsg = (message, type = 'error', delay = 1000) => {
-    const ALERT_COLORS = {
-        success: '#38a169',
-        error: '#e53e3e',
-        warning: '#d69e2e',
-        loading: '#3182ce',
-        info: '#667eea'
-    };
-    const crest_simple_alert_css = (type) => `
+const SIMPLE_ALERT_COLORS = {
+    success: '#38a169',
+    error: '#e53e3e',
+    warning: '#d69e2e',
+    loading: '#3182ce',
+    info: '#667eea'
+};
+
+
+const crest_simple_alert_css = (type) => `
     position: fixed;
     top: 50%;
     left: 50%;
     width: 300px;
     height:80px;
-    background: ${ALERT_COLORS[type] || ALERT_COLORS.info};
+    background: ${SIMPLE_ALERT_COLORS[type] || SIMPLE_ALERT_COLORS.info};
     color: white;
     padding: 12px 20px;
     border-radius: 8px;
@@ -25,18 +26,55 @@ const popmsg = (message, type = 'error', delay = 1000) => {
     justify-content: center;
     font-size: r0px; /* 字体变大 */
 `;
+
+const creat_simple_alert_ele = (type, message) => {
     const alertDiv = document.createElement('div');
     alertDiv.style.cssText = crest_simple_alert_css(type);
     alertDiv.textContent = message;
     document.body.appendChild(alertDiv);
-    setTimeout(() => {
-        if (document.body.contains(alertDiv)) {
-            document.body.removeChild(alertDiv);
-        }
-    }, delay);
+    return alertDiv;
 }
 
+class SimpleAlert {
+    tasks = {};
+    del(src) {
+        let d = this.tasks[src];
+        if (!d) return;
+        let {
+            init_timer,
+            duration_timer,
+            ele
+        } = d;
+        clearTimeout(init_timer);
+        clearTimeout(duration_timer);
+        if (ele && document.body.contains(ele)) {
+            document.body.removeChild(ele);
+        }
+        delete this.tasks[src];
+    }
+    add(src, message, type='error', duration = 1000, init_delay=100) {
+        this.del(src);
+        let d = {};
+        this.tasks[src] = d;
+        d.init_timer = setTimeout(() => {
+            d.ele = creat_simple_alert_ele(type, message);
+            d.duration_timer = setTimeout(() => {this.del(src);}, duration);
+        }, init_delay);
+    }
+}
+const create_simple_alert  = () => new SimpleAlert();
+const simple_alert_g       = create_simple_alert();
+const simple_alert = (src,message, type = 'error', duration = 1000,init_delay=100) => {
+    simple_alert_g.add(src,message, type, duration,init_delay);
+}
+const cancel_simple_alert = (src) =>{
+    simple_alert_g.del(src);
+}
 
 module.exports = {
-    popmsg,
-}
+    SimpleAlert,
+    create_simple_alert,
+    simple_alert,
+    cancel_simple_alert
+};
+