dfish-widget 1.0.119 → 1.0.121

package/lib/index.esm.js

@@ -3567,7 +3567,8 @@ const O = {},
         animateState: null,
         isDeactivated: false,
         _pos: null,
-        snapStyle: null
+        snapStyle: null,
+        unique: false,
       }
     },
     activated() {
@@ -3714,10 +3715,11 @@ const O = {},
       setListenHide(a) {
         let d = this.x.hoverShowDrop;
         let n = a ? 'addEventListener' : 'removeEventListener';
-        let evs = $$1.br.mobile ? ['touchend'] : ['mousedown', $$1.br.firefox ? 'DOMMouseScroll' : 'mousewheel'];
+        let wl = $$1.br.firefox ? 'DOMMouseScroll' : 'mousewheel';
+        let evs = $$1.br.mobile ? ['touchend'] : ['mousedown', wl];
         evs.forEach(v => document[n](v, this.bind('listenHideClose', (e) => {
           let c;
-          if (this.x.visible !== false && (e.target.classList.contains('w-dialog-cover') || !(this.hasBubble(e.target) || (!this.x.independent && ((c = this.getCommander()).isWidget ? c.hasBubble(e.target) : c.contains(e.target)))))) {
+          if (this.x.visible !== false && (e.target.classList.contains('w-dialog-cover') || e.type === wl || !(this.hasBubble(e.target) || (!this.x.independent && ((c = this.getCommander()).isWidget ? c.hasBubble(e.target) : c.contains(e.target)))))) {
             if (e.target.id == this.id + 'cvr') e.stopPropagation();
             this.close();
           }
@@ -4358,7 +4360,8 @@ script$16.__file = "src/template/TemplateTip.vue";
 
 let inst$1 = null;
   let tipCache = {
-    time: new Date().getTime()
+    time: new Date().getTime(),
+    list: []
   };
   
   var script$15 = {
@@ -4381,7 +4384,17 @@ let inst$1 = null;
       },
       html_slots_default() {
         return h(script$16, {text: this.x.text, escape: this.x.escape}, this.$slots)
-      }
+      },
+      // implement
+      setVisibleSub(a) {
+        if (a) {
+          for (let uid of tipCache.list) {
+            if (uid != this.uid) {
+              $$1.close(uid);
+            }
+          }
+        }
+      },
     },
     computed: {
      slotTarget() {
@@ -4399,9 +4412,14 @@ let inst$1 = null;
       tipCache.time = new Date().getTime();
       inst$1 && $$1.close(inst$1);
       inst$1 = this.uid;
+      tipCache.list.push(this.uid);
     },
     unmounted() {
       inst$1 = null;
+      let i = tipCache.list.indexOf(this.uid);
+      if (i > -1) {
+        tipCache.list.splice(i, 1);
+      }
     }
   };
 
@@ -9357,93 +9375,96 @@ var script$r = {
     methods: {
       indent() {
         let len = this.$refs.wrap.querySelectorAll(':scope>.w-timeline-half>.w-timeline-item').length;
-        if (len <= 1) return
-        let vt = this.x.vertical;
-        let size = vt ? 'width' : 'height';
-        let prevWidth = 0;
-        let nextWidth = 0;
-        for (let i = 0; i < len; i++) {
-          let prev = this.$refs.wrap.querySelector(`:scope>.w-timeline-half>.w-timeline-item[w-index="${i}"]`);
-          let next = i < len - 1 && this.$refs.wrap.querySelector(`:scope>.w-timeline-half>.w-timeline-item[w-index="${i+1}"]`);
-          let prevBcr = $$1.bcr(prev.querySelector(':scope>.w-timeline-item-icon>.w-timeline-item-icon-img'));
-          if (prev.parentNode == this.$refs.prev) {
-            prevWidth = Math.max(prevWidth, prevBcr[size]);
-          } else {
-            nextWidth = Math.max(nextWidth, prevBcr[size]);
-          }
-          if (next && prev.parentNode != next.parentNode) {
-            let nextBcr = $$1.bcr(next.querySelector(':scope>.w-timeline-item-icon>.w-timeline-item-icon-img'));
-            if (vt && prevBcr.bottom + 25 > nextBcr.top) {
-              $$1.q(next).css({
-                marginTop: prevBcr.bottom + 25 - nextBcr.top
-              });
-            } else if (!vt && prevBcr.right + 50 > nextBcr.left) {
-              $$1.q(next).css({
-                marginLeft: prevBcr.right + 50 - nextBcr.left
-              });
+        if (len > 0) {
+          let vt = this.x.vertical;
+          let size = vt ? 'width' : 'height';
+          let prevWidth = 0;
+          let nextWidth = 0;
+          for (let i = 0; i < len; i++) {
+            let prev = this.$refs.wrap.querySelector(`:scope>.w-timeline-half>.w-timeline-item[w-index="${i}"]`);
+            let next = i < len - 1 && this.$refs.wrap.querySelector(`:scope>.w-timeline-half>.w-timeline-item[w-index="${i+1}"]`);
+            let prevBcr = $$1.bcr(prev.querySelector(':scope>.w-timeline-item-icon>.w-timeline-item-icon-img'));
+            if (prev.parentNode == this.$refs.prev) {
+              prevWidth = Math.max(prevWidth, prevBcr[size]);
+            } else {
+              nextWidth = Math.max(nextWidth, prevBcr[size]);
+            }
+            if (next && prev.parentNode != next.parentNode) {
+              let nextBcr = $$1.bcr(next.querySelector(':scope>.w-timeline-item-icon>.w-timeline-item-icon-img'));
+              if (vt && prevBcr.bottom + 25 > nextBcr.top) {
+                $$1.q(next).css({
+                  marginTop: prevBcr.bottom + 25 - nextBcr.top
+                });
+              } else if (!vt && prevBcr.right + 50 > nextBcr.left) {
+                $$1.q(next).css({
+                  marginLeft: prevBcr.right + 50 - nextBcr.left
+                });
+              }
             }
           }
-        }
-        let prevItems = $$1.q('>.w-timeline-item', this.$refs.prev);
-        prevItems.each((i, v) => {
-          let icon = $$1.q('>.w-timeline-item-icon', v);
-          let bcr = $$1.bcr(icon[0]);
-          icon.css({
-            [vt ? 'marginRight' : 'marginBottom']: (prevWidth - bcr[size]) / 2
+          let prevItems = $$1.q('>.w-timeline-item', this.$refs.prev);
+          prevItems.each((i, v) => {
+            let icon = $$1.q('>.w-timeline-item-icon', v);
+            let bcr = $$1.bcr(icon[0]);
+            icon.css({
+              [vt ? 'marginRight' : 'marginBottom']: (prevWidth - bcr[size]) / 2
+            });
           });
-        });
-        $$1.q('>.w-timeline-item', this.$refs.next).each((i, v) => {
-          let icon = $$1.q('>.w-timeline-item-icon', v);
-          let bcr = $$1.bcr(icon[0]);
-          icon.css({
-            [vt ? 'marginLeft' : 'marginTop']: (nextWidth - bcr[size]) / 2
+          $$1.q('>.w-timeline-item', this.$refs.next).each((i, v) => {
+            let icon = $$1.q('>.w-timeline-item-icon', v);
+            let bcr = $$1.bcr(icon[0]);
+            icon.css({
+              [vt ? 'marginLeft' : 'marginTop']: (nextWidth - bcr[size]) / 2
+            });
           });
-        });
-        prevItems.length && $$1.q(this.$refs.next).css({
-          [vt ? 'marginLeft' : 'marginTop']: `-${nextWidth/2 + prevWidth/2}px`
-        });
-        
-        const wrapBcr = $$1.bcr(this.$refs.wrap);
-        const center = [];
-        let bg = [];
-        let linePos = 0;
-        let lineColor = '#ddd';
-        for (let i = 0; i < len; i++) {
-          let el = $$1.q(`>.w-timeline-half>.w-timeline-item[w-index="${i}"]`, this.$refs.wrap);
-          let b = $$1.bcr(el.find('>.w-timeline-item-icon>.w-timeline-item-icon-img')[0]);
-          let c = {x: b.left + (b.width / 2), y: b.top + (b.height / 2), color: el.attr('w-line-color')};
-          center.push(c);
-        }
-        center.sort((n, m) => this.x.vertical ? (n.y < m.y ? -1 : 0) : (n.x < m.x ? -1 : 0));
-        for (let i = 0; i < len; i++) {
-          const c = center[i];
-          if (i > 0) {
-            const prev = center[0];
-            linePos = this.x.vertical ? c.y - prev.y : c.x - prev.x;
-            bg.push(`${lineColor} ${linePos}px`);
-          }
-          if (c.color) lineColor = c.color;
-          if (i > 0) {
-            bg.push(`${lineColor} ${linePos}px`);
-          }
-        }
-        if (this.x.vertical) {
-          $$1.q(this.$refs.line).css({
-            width: 2,
-            height: center[len-1].y - center[0].y,
-            top: center[0].y - wrapBcr.top,
-            left: center[0].x - wrapBcr.left - 1,
+          prevItems.length && $$1.q(this.$refs.next).css({
+            [vt ? 'marginLeft' : 'marginTop']: `-${nextWidth/2 + prevWidth/2}px`
           });
+        }
+        if (len == 0) {
+          $$1.q(this.$refs.line).css({width: 0, height: 0});
         } else {
-          $$1.q(this.$refs.line).css({
-            width: center[len-1].x - center[0].x,
-            height: 2,
-            top: center[0].y - wrapBcr.top - 1,
-            left: center[0].x - wrapBcr.left,
-            background: `linear-gradient(to right, ${bg.join()})`
-          });
+          const wrapBcr = $$1.bcr(this.$refs.wrap);
+          const center = [];
+          let bg = [];
+          let linePos = 0;
+          let lineColor = '#ddd';
+          for (let i = 0; i < len; i++) {
+            let el = $$1.q(`>.w-timeline-half>.w-timeline-item[w-index="${i}"]`, this.$refs.wrap);
+            let b = $$1.bcr(el.find('>.w-timeline-item-icon>.w-timeline-item-icon-img')[0]);
+            let c = {x: b.left + (b.width / 2), y: b.top + (b.height / 2), color: el.attr('w-line-color')};
+            center.push(c);
+          }
+          center.sort((n, m) => this.x.vertical ? (n.y < m.y ? -1 : 0) : (n.x < m.x ? -1 : 0));
+          for (let i = 0; i < len; i++) {
+            const c = center[i];
+            if (i > 0) {
+              const prev = center[0];
+              linePos = this.x.vertical ? c.y - prev.y : c.x - prev.x;
+              bg.push(`${lineColor} ${linePos}px`);
+            }
+            if (c.color) lineColor = c.color;
+            if (i > 0) {
+              bg.push(`${lineColor} ${linePos}px`);
+            }
+          }
+          if (this.x.vertical) {
+            $$1.q(this.$refs.line).css({
+              width: 2,
+              height: center[len-1].y - center[0].y,
+              top: center[0].y - wrapBcr.top,
+              left: center[0].x - wrapBcr.left - 1,
+            });
+          } else {
+            $$1.q(this.$refs.line).css({
+              width: center[len-1].x - center[0].x,
+              height: 2,
+              top: center[0].y - wrapBcr.top - 1,
+              left: center[0].x - wrapBcr.left,
+              background: `linear-gradient(to right, ${bg.join()})`
+            });
+          }
         }
-
       },
       html_slots() {
         let prevSlots = [];