dpot-ui 0.2.0 → 0.2.4

package/dist/index.es.js

@@ -53,10 +53,10 @@ const U = function() {
     modifiersIgnored: [],
     forceAbsolute: !1
   };
-  function o(t, i, a) {
+  function o(t, i, l) {
     this._reference = t.jquery ? t[0] : t, this.state = {};
-    var n = typeof i > "u" || i === null, d = i && Object.prototype.toString.call(i) === "[object Object]";
-    return n || d ? this._popper = this.parse(d ? i : {}) : this._popper = i.jquery ? i[0] : i, this._options = Object.assign({}, r, a), this._options.modifiers = this._options.modifiers.map(
+    var s = typeof i > "u" || i === null, d = i && Object.prototype.toString.call(i) === "[object Object]";
+    return s || d ? this._popper = this.parse(d ? i : {}) : this._popper = i.jquery ? i[0] : i, this._options = Object.assign({}, r, l), this._options.modifiers = this._options.modifiers.map(
       function(p) {
         if (this._options.modifiersIgnored.indexOf(p) === -1)
           return p === "applyStyle" && this._popper.setAttribute(
@@ -64,7 +64,7 @@ const U = function() {
             this._options.placement
           ), this.modifiers[p] || p;
       }.bind(this)
-    ), this.state.position = this._getPosition(this._popper, this._reference), x(this._popper, { position: this.state.position, top: 0 }), this.update(), this._setupEventListeners(), this;
+    ), this.state.position = this._getPosition(this._popper, this._reference), $(this._popper, { position: this.state.position, top: 0 }), this.update(), this._setupEventListeners(), this;
   }
   o.prototype.destroy = function() {
     return this._popper.removeAttribute("x-placement"), this._popper.style.left = "", this._popper.style.position = "", this._popper.style.top = "", this._popper.style[F("transform")] = "", this._removeEventListeners(), this._options.removeOnDestroy && this._popper.remove(), this;
@@ -96,16 +96,16 @@ const U = function() {
       arrowAttributes: ["x-arrow"]
     };
     t = Object.assign({}, i, t);
-    var a = e.document, n = a.createElement(t.tagName);
-    if (u(n, t.classNames), v(n, t.attributes), t.contentType === "node" ? n.appendChild(
+    var l = e.document, s = l.createElement(t.tagName);
+    if (u(s, t.classNames), m(s, t.attributes), t.contentType === "node" ? s.appendChild(
       t.content.jquery ? t.content[0] : t.content
-    ) : t.contentType === "html" ? n.innerHTML = t.content : n.textContent = t.content, t.arrowTagName) {
-      var d = a.createElement(t.arrowTagName);
-      u(d, t.arrowClassNames), v(d, t.arrowAttributes), n.appendChild(d);
+    ) : t.contentType === "html" ? s.innerHTML = t.content : s.textContent = t.content, t.arrowTagName) {
+      var d = l.createElement(t.arrowTagName);
+      u(d, t.arrowClassNames), m(d, t.arrowAttributes), s.appendChild(d);
     }
     var p = t.parent.jquery ? t.parent[0] : t.parent;
     if (typeof p == "string") {
-      if (p = a.querySelectorAll(t.parent), p.length > 1 && console.warn(
+      if (p = l.querySelectorAll(t.parent), p.length > 1 && console.warn(
         "WARNING: the given `parent` query(" + t.parent + ") matched more than one element, the first one will be used"
       ), p.length === 0)
         throw "ERROR: the given `parent` doesn't exists!";
@@ -113,14 +113,14 @@ const U = function() {
     }
     return p.length > 1 && !(p instanceof Element) && (console.warn(
       "WARNING: you have passed as parent a list of elements, the first one will be used"
-    ), p = p[0]), p.appendChild(n), n;
-    function u(g, m) {
-      m.forEach(function(w) {
+    ), p = p[0]), p.appendChild(s), s;
+    function u(g, v) {
+      v.forEach(function(w) {
         g.classList.add(w);
       });
     }
-    function v(g, m) {
-      m.forEach(function(w) {
+    function m(g, v) {
+      v.forEach(function(w) {
         g.setAttribute(
           w.split(":")[0],
           w.split(":")[1] || ""
@@ -130,19 +130,19 @@ const U = function() {
   }, o.prototype._getPosition = function(t, i) {
     if (_(i), this._options.forceAbsolute)
       return "absolute";
-    var a = k(i);
-    return a ? "fixed" : "absolute";
-  }, o.prototype._getOffsets = function(t, i, a) {
-    a = a.split("-")[0];
-    var n = {};
-    n.position = this.state.position;
-    var d = n.position === "fixed", p = K(
+    var l = E(i);
+    return l ? "fixed" : "absolute";
+  }, o.prototype._getOffsets = function(t, i, l) {
+    l = l.split("-")[0];
+    var s = {};
+    s.position = this.state.position;
+    var d = s.position === "fixed", p = G(
       i,
       _(t),
       d
-    ), u = s(t);
-    return ["right", "left"].indexOf(a) !== -1 ? (n.top = p.top + p.height / 2 - u.height / 2, a === "left" ? n.left = p.left - u.width : n.left = p.right) : (n.left = p.left + p.width / 2 - u.width / 2, a === "top" ? n.top = p.top - u.height : n.top = p.bottom), n.width = u.width, n.height = u.height, {
-      popper: n,
+    ), u = n(t);
+    return ["right", "left"].indexOf(l) !== -1 ? (s.top = p.top + p.height / 2 - u.height / 2, l === "left" ? s.left = p.left - u.width : s.left = p.right) : (s.left = p.left + p.width / 2 - u.width / 2, l === "top" ? s.top = p.top - u.height : s.top = p.bottom), s.width = u.width, s.height = u.height, {
+      popper: s,
       reference: p
     };
   }, o.prototype._setupEventListeners = function() {
@@ -155,80 +155,80 @@ const U = function() {
       "scroll",
       this.state.updateBound
     ), this.state.scrollTarget = null), this.state.updateBound = null;
-  }, o.prototype._getBoundaries = function(t, i, a) {
-    var n = {}, d, p;
-    if (a === "window") {
-      var u = e.document.body, v = e.document.documentElement;
+  }, o.prototype._getBoundaries = function(t, i, l) {
+    var s = {}, d, p;
+    if (l === "window") {
+      var u = e.document.body, m = e.document.documentElement;
       p = Math.max(
         u.scrollHeight,
         u.offsetHeight,
-        v.clientHeight,
-        v.scrollHeight,
-        v.offsetHeight
+        m.clientHeight,
+        m.scrollHeight,
+        m.offsetHeight
       ), d = Math.max(
         u.scrollWidth,
         u.offsetWidth,
-        v.clientWidth,
-        v.scrollWidth,
-        v.offsetWidth
-      ), n = {
+        m.clientWidth,
+        m.scrollWidth,
+        m.offsetWidth
+      ), s = {
         top: 0,
         right: d,
         bottom: p,
         left: 0
       };
-    } else if (a === "viewport") {
-      var g = _(this._popper), m = b(this._popper), w = M(g), S = function(E) {
-        return E == document.body ? Math.max(
+    } else if (l === "viewport") {
+      var g = _(this._popper), v = b(this._popper), w = M(g), S = function(k) {
+        return k == document.body ? Math.max(
           document.documentElement.scrollTop,
           document.body.scrollTop
-        ) : E.scrollTop;
-      }, $ = function(E) {
-        return E == document.body ? Math.max(
+        ) : k.scrollTop;
+      }, x = function(k) {
+        return k == document.body ? Math.max(
           document.documentElement.scrollLeft,
           document.body.scrollLeft
-        ) : E.scrollLeft;
-      }, T = t.offsets.popper.position === "fixed" ? 0 : S(m), I = t.offsets.popper.position === "fixed" ? 0 : $(m);
-      n = {
+        ) : k.scrollLeft;
+      }, T = t.offsets.popper.position === "fixed" ? 0 : S(v), I = t.offsets.popper.position === "fixed" ? 0 : x(v);
+      s = {
         top: 0 - (w.top - T),
         right: e.document.documentElement.clientWidth - (w.left - I),
         bottom: e.document.documentElement.clientHeight - (w.top - T),
         left: 0 - (w.left - I)
       };
     } else
-      _(this._popper) === a ? n = {
+      _(this._popper) === l ? s = {
         top: 0,
         left: 0,
-        right: a.clientWidth,
-        bottom: a.clientHeight
-      } : n = M(a);
-    return n.left += i, n.right -= i, n.top = n.top + i, n.bottom = n.bottom - i, n;
-  }, o.prototype.runModifiers = function(t, i, a) {
-    var n = i.slice();
-    return a !== void 0 && (n = this._options.modifiers.slice(
+        right: l.clientWidth,
+        bottom: l.clientHeight
+      } : s = M(l);
+    return s.left += i, s.right -= i, s.top = s.top + i, s.bottom = s.bottom - i, s;
+  }, o.prototype.runModifiers = function(t, i, l) {
+    var s = i.slice();
+    return l !== void 0 && (s = this._options.modifiers.slice(
       0,
-      c(this._options.modifiers, a)
-    )), n.forEach(
+      c(this._options.modifiers, l)
+    )), s.forEach(
       function(d) {
         y(d) && (t = d.call(this, t));
       }.bind(this)
     ), t;
   }, o.prototype.isModifierRequired = function(t, i) {
-    var a = c(this._options.modifiers, t);
-    return !!this._options.modifiers.slice(0, a).filter(function(n) {
-      return n === i;
+    var l = c(this._options.modifiers, t);
+    return !!this._options.modifiers.slice(0, l).filter(function(s) {
+      return s === i;
     }).length;
   }, o.prototype.modifiers = {}, o.prototype.modifiers.applyStyle = function(t) {
     var i = {
       position: t.offsets.popper.position
-    }, a = Math.round(t.offsets.popper.left), n = Math.round(t.offsets.popper.top), d;
-    return this._options.gpuAcceleration && (d = F("transform")) ? (i[d] = "translate3d(" + a + "px, " + n + "px, 0)", i.top = 0, i.left = 0) : (i.left = a, i.top = n), Object.assign(i, t.styles), x(this._popper, i), this._popper.setAttribute("x-placement", t.placement), this.isModifierRequired(
+    }, l = Math.round(t.offsets.popper.left), s = Math.round(t.offsets.popper.top), d;
+    return this._options.gpuAcceleration && (d = F("transform")) ? (i[d] = "translate3d(" + l + "px, " + s + "px, 0)", i.top = 0, i.left = 0) : (i.left = l, i.top = s), Object.assign(i, t.styles), $(this._popper, i), this._popper.setAttribute("x-placement", t.placement), this.isModifierRequired(
       this.modifiers.applyStyle,
       this.modifiers.arrow
-    ) && t.offsets.arrow && x(t.arrowElement, t.offsets.arrow), t;
+    ) && t.offsets.arrow && $(t.arrowElement, t.offsets.arrow), t;
   }, o.prototype.modifiers.shift = function(t) {
-    var i = t.placement, a = i.split("-")[0], n = i.split("-")[1];
-    if (n) {
+    var i = t.placement, l = i.split("-")[0], s = i.split("-")[1];
+    if (s) {
       var d = t.offsets.reference, p = f(t.offsets.popper), u = {
         y: {
           start: { top: d.top },
@@ -242,44 +242,44 @@ const U = function() {
             left: d.left + d.width - p.width
           }
         }
-      }, v = ["bottom", "top"].indexOf(a) !== -1 ? "x" : "y";
+      }, m = ["bottom", "top"].indexOf(l) !== -1 ? "x" : "y";
       t.offsets.popper = Object.assign(
         p,
-        u[v][n]
+        u[m][s]
       );
     }
     return t;
   }, o.prototype.modifiers.preventOverflow = function(t) {
-    var i = this._options.preventOverflowOrder, a = f(t.offsets.popper), n = {
+    var i = this._options.preventOverflowOrder, l = f(t.offsets.popper), s = {
       left: function() {
-        var d = a.left;
-        return a.left < t.boundaries.left && (d = Math.max(a.left, t.boundaries.left)), { left: d };
+        var d = l.left;
+        return l.left < t.boundaries.left && (d = Math.max(l.left, t.boundaries.left)), { left: d };
       },
       right: function() {
-        var d = a.left;
-        return a.right > t.boundaries.right && (d = Math.min(
-          a.left,
-          t.boundaries.right - a.width
+        var d = l.left;
+        return l.right > t.boundaries.right && (d = Math.min(
+          l.left,
+          t.boundaries.right - l.width
         )), { left: d };
       },
       top: function() {
-        var d = a.top;
-        return a.top < t.boundaries.top && (d = Math.max(a.top, t.boundaries.top)), { top: d };
+        var d = l.top;
+        return l.top < t.boundaries.top && (d = Math.max(l.top, t.boundaries.top)), { top: d };
       },
       bottom: function() {
-        var d = a.top;
-        return a.bottom > t.boundaries.bottom && (d = Math.min(
-          a.top,
-          t.boundaries.bottom - a.height
+        var d = l.top;
+        return l.bottom > t.boundaries.bottom && (d = Math.min(
+          l.top,
+          t.boundaries.bottom - l.height
         )), { top: d };
       }
     };
     return i.forEach(function(d) {
-      t.offsets.popper = Object.assign(a, n[d]());
+      t.offsets.popper = Object.assign(l, s[d]());
     }), t;
   }, o.prototype.modifiers.keepTogether = function(t) {
-    var i = f(t.offsets.popper), a = t.offsets.reference, n = Math.floor;
-    return i.right < n(a.left) && (t.offsets.popper.left = n(a.left) - i.width), i.left > n(a.right) && (t.offsets.popper.left = n(a.right)), i.bottom < n(a.top) && (t.offsets.popper.top = n(a.top) - i.height), i.top > n(a.bottom) && (t.offsets.popper.top = n(a.bottom)), t;
+    var i = f(t.offsets.popper), l = t.offsets.reference, s = Math.floor;
+    return i.right < s(l.left) && (t.offsets.popper.left = s(l.left) - i.width), i.left > s(l.right) && (t.offsets.popper.left = s(l.right)), i.bottom < s(l.top) && (t.offsets.popper.top = s(l.top) - i.height), i.top > s(l.bottom) && (t.offsets.popper.top = s(l.bottom)), t;
   }, o.prototype.modifiers.flip = function(t) {
     if (!this.isModifierRequired(
       this.modifiers.flip,
@@ -290,13 +290,13 @@ const U = function() {
       ), t;
     if (t.flipped && t.placement === t._originalPlacement)
       return t;
-    var i = t.placement.split("-")[0], a = l(i), n = t.placement.split("-")[1] || "", d = [];
-    return this._options.flipBehavior === "flip" ? d = [i, a] : d = this._options.flipBehavior, d.forEach(
+    var i = t.placement.split("-")[0], l = a(i), s = t.placement.split("-")[1] || "", d = [];
+    return this._options.flipBehavior === "flip" ? d = [i, l] : d = this._options.flipBehavior, d.forEach(
       function(p, u) {
         if (!(i !== p || d.length === u + 1)) {
-          i = t.placement.split("-")[0], a = l(i);
-          var v = f(t.offsets.popper), g = ["right", "bottom"].indexOf(i) !== -1;
-          (g && Math.floor(t.offsets.reference[i]) > Math.floor(v[a]) || !g && Math.floor(t.offsets.reference[i]) < Math.floor(v[a])) && (t.flipped = !0, t.placement = d[u + 1], n && (t.placement += "-" + n), t.offsets.popper = this._getOffsets(
+          i = t.placement.split("-")[0], l = a(i);
+          var m = f(t.offsets.popper), g = ["right", "bottom"].indexOf(i) !== -1;
+          (g && Math.floor(t.offsets.reference[i]) > Math.floor(m[l]) || !g && Math.floor(t.offsets.reference[i]) < Math.floor(m[l])) && (t.flipped = !0, t.placement = d[u + 1], s && (t.placement += "-" + s), t.offsets.popper = this._getOffsets(
             this._popper,
             this._reference,
             t.placement
@@ -309,10 +309,10 @@ const U = function() {
       }.bind(this)
     ), t;
   }, o.prototype.modifiers.offset = function(t) {
-    var i = this._options.offset, a = t.offsets.popper;
-    return t.placement.indexOf("left") !== -1 ? a.top -= i : t.placement.indexOf("right") !== -1 ? a.top += i : t.placement.indexOf("top") !== -1 ? a.left -= i : t.placement.indexOf("bottom") !== -1 && (a.left += i), t;
+    var i = this._options.offset, l = t.offsets.popper;
+    return t.placement.indexOf("left") !== -1 ? l.top -= i : t.placement.indexOf("right") !== -1 ? l.top += i : t.placement.indexOf("top") !== -1 ? l.left -= i : t.placement.indexOf("bottom") !== -1 && (l.left += i), t;
   }, o.prototype.modifiers.arrow = function(t) {
-    var i = this._options.arrowElement, a = this._options.arrowOffset;
+    var i = this._options.arrowElement, l = this._options.arrowOffset;
     if (typeof i == "string" && (i = this._popper.querySelector(i)), !i)
       return t;
     if (!this._popper.contains(i))
@@ -326,32 +326,32 @@ const U = function() {
       return console.warn(
         "WARNING: keepTogether modifier is required by arrow modifier in order to work, be sure to include it before arrow!"
       ), t;
-    var n = {}, d = t.placement.split("-")[0], p = f(t.offsets.popper), u = t.offsets.reference, v = ["left", "right"].indexOf(d) !== -1, g = v ? "height" : "width", m = v ? "top" : "left", w = v ? "left" : "top", S = v ? "bottom" : "right", $ = s(i)[g];
-    u[S] - $ < p[m] && (t.offsets.popper[m] -= p[m] - (u[S] - $)), u[m] + $ > p[S] && (t.offsets.popper[m] += u[m] + $ - p[S]);
-    var T = u[m] + (a || u[g] / 2 - $ / 2), I = T - p[m];
+    var s = {}, d = t.placement.split("-")[0], p = f(t.offsets.popper), u = t.offsets.reference, m = ["left", "right"].indexOf(d) !== -1, g = m ? "height" : "width", v = m ? "top" : "left", w = m ? "left" : "top", S = m ? "bottom" : "right", x = n(i)[g];
+    u[S] - x < p[v] && (t.offsets.popper[v] -= p[v] - (u[S] - x)), u[v] + x > p[S] && (t.offsets.popper[v] += u[v] + x - p[S]);
+    var T = u[v] + (l || u[g] / 2 - x / 2), I = T - p[v];
     return I = Math.max(
-      Math.min(p[g] - $ - 10, I),
+      Math.min(p[g] - x - 10, I),
       8
-    ), n[m] = I, n[w] = "", t.offsets.arrow = n, t.arrowElement = i, t;
+    ), s[v] = I, s[w] = "", t.offsets.arrow = s, t.arrowElement = i, t;
   };
-  function s(t) {
-    var i = t.style.display, a = t.style.visibility;
+  function n(t) {
+    var i = t.style.display, l = t.style.visibility;
     t.style.display = "block", t.style.visibility = "hidden", t.offsetWidth;
-    var n = e.getComputedStyle(t), d = parseFloat(n.marginTop) + parseFloat(n.marginBottom), p = parseFloat(n.marginLeft) + parseFloat(n.marginRight), u = {
+    var s = e.getComputedStyle(t), d = parseFloat(s.marginTop) + parseFloat(s.marginBottom), p = parseFloat(s.marginLeft) + parseFloat(s.marginRight), u = {
       width: t.offsetWidth + p,
       height: t.offsetHeight + d
     };
-    return t.style.display = i, t.style.visibility = a, u;
+    return t.style.display = i, t.style.visibility = l, u;
   }
-  function l(t) {
+  function a(t) {
     var i = {
       left: "right",
       right: "left",
       bottom: "top",
       top: "bottom"
     };
-    return t.replace(/left|right|bottom|top/g, function(a) {
-      return i[a];
+    return t.replace(/left|right|bottom|top/g, function(l) {
+      return i[l];
     });
   }
   function f(t) {
@@ -359,17 +359,17 @@ const U = function() {
     return i.right = i.left + i.width, i.bottom = i.top + i.height, i;
   }
   function c(t, i) {
-    var a = 0, n;
-    for (n in t) {
-      if (t[n] === i)
-        return a;
-      a++;
+    var l = 0, s;
+    for (s in t) {
+      if (t[s] === i)
+        return l;
+      l++;
     }
     return null;
   }
   function h(t, i) {
-    var a = e.getComputedStyle(t, null);
-    return a[i];
+    var l = e.getComputedStyle(t, null);
+    return l[i];
   }
   function _(t) {
     var i = t.offsetParent;
@@ -385,18 +385,18 @@ const U = function() {
       h(i, "overflow-y")
     ) !== -1 ? i : b(t.parentNode) : t;
   }
-  function k(t) {
-    return t === e.document.body ? !1 : h(t, "position") === "fixed" ? !0 : t.parentNode ? k(t.parentNode) : t;
+  function E(t) {
+    return t === e.document.body ? !1 : h(t, "position") === "fixed" ? !0 : t.parentNode ? E(t.parentNode) : t;
   }
-  function x(t, i) {
-    function a(n) {
-      return n !== "" && !isNaN(parseFloat(n)) && isFinite(n);
+  function $(t, i) {
+    function l(s) {
+      return s !== "" && !isNaN(parseFloat(s)) && isFinite(s);
     }
-    Object.keys(i).forEach(function(n) {
+    Object.keys(i).forEach(function(s) {
       var d = "";
       ["width", "height", "top", "right", "bottom", "left"].indexOf(
-        n
-      ) !== -1 && a(i[n]) && (d = "px"), t.style[n] = i[n] + d;
+        s
+      ) !== -1 && l(i[s]) && (d = "px"), t.style[s] = i[s] + d;
     });
   }
   function y(t) {
@@ -413,37 +413,37 @@ const U = function() {
     return i.right = i.left + i.width, i.bottom = i.top + i.height, i;
   }
   function O(t) {
-    var i = t.getBoundingClientRect(), a = navigator.userAgent.indexOf("MSIE") != -1, n = a && t.tagName === "HTML" ? -t.scrollTop : i.top;
+    var i = t.getBoundingClientRect(), l = navigator.userAgent.indexOf("MSIE") != -1, s = l && t.tagName === "HTML" ? -t.scrollTop : i.top;
     return {
       left: i.left,
-      top: n,
+      top: s,
       right: i.right,
       bottom: i.bottom,
       width: i.right - i.left,
-      height: i.bottom - n
+      height: i.bottom - s
     };
   }
-  function K(t, i, a) {
-    var n = O(t), d = O(i);
-    if (a) {
+  function G(t, i, l) {
+    var s = O(t), d = O(i);
+    if (l) {
       var p = b(i);
       d.top += p.scrollTop, d.bottom += p.scrollTop, d.left += p.scrollLeft, d.right += p.scrollLeft;
     }
     var u = {
-      top: n.top - d.top,
-      left: n.left - d.left,
-      bottom: n.top - d.top + n.height,
-      right: n.left - d.left + n.width,
-      width: n.width,
-      height: n.height
+      top: s.top - d.top,
+      left: s.left - d.left,
+      bottom: s.top - d.top + s.height,
+      right: s.left - d.left + s.width,
+      width: s.width,
+      height: s.height
     };
     return u;
   }
   function F(t) {
-    for (var i = ["", "ms", "webkit", "moz", "o"], a = 0; a < i.length; a++) {
-      var n = i[a] ? i[a] + t.charAt(0).toUpperCase() + t.slice(1) : t;
-      if (typeof e.document.body.style[n] < "u")
-        return n;
+    for (var i = ["", "ms", "webkit", "moz", "o"], l = 0; l < i.length; l++) {
+      var s = i[l] ? i[l] + t.charAt(0).toUpperCase() + t.slice(1) : t;
+      if (typeof e.document.body.style[s] < "u")
+        return s;
     }
     return null;
   }
@@ -456,16 +456,16 @@ const U = function() {
         throw new TypeError(
           "Cannot convert first argument to object"
         );
-      for (var i = Object(t), a = 1; a < arguments.length; a++) {
-        var n = arguments[a];
-        if (n != null) {
-          n = Object(n);
-          for (var d = Object.keys(n), p = 0, u = d.length; p < u; p++) {
-            var v = d[p], g = Object.getOwnPropertyDescriptor(
-              n,
-              v
+      for (var i = Object(t), l = 1; l < arguments.length; l++) {
+        var s = arguments[l];
+        if (s != null) {
+          s = Object(s);
+          for (var d = Object.keys(s), p = 0, u = d.length; p < u; p++) {
+            var m = d[p], g = Object.getOwnPropertyDescriptor(
+              s,
+              m
             );
-            g !== void 0 && g.enumerable && (i[v] = n[v]);
+            g !== void 0 && g.enumerable && (i[m] = s[m]);
           }
         }
       }
@@ -530,7 +530,7 @@ const U = function() {
         return;
       const e = this.popperOptions, r = this.popperElm = this.popperElm || this.popper || this.$refs.popover;
       let o = this.referenceElm = this.referenceElm || this.reference || this.$refs.reference;
-      !o && this.$slots.reference && this.$slots.reference[0] && (o = this.referenceElm = this.$slots.reference[0].elm), !(!r || !o) && (this.visibleArrow && this.appendArrow(r), this.appendToBody && document.body.appendChild(this.popperElm), this.popperJS && this.popperJS.destroy && this.popperJS.destroy(), e.placement = this.currentPlacement, e.offset = this.offset, e.arrowOffset = this.arrowOffset, this.popperJS = new U(o, r, e), this.popperJS.onCreate((s) => {
+      !o && this.$slots.reference && this.$slots.reference[0] && (o = this.referenceElm = this.$slots.reference[0].elm), !(!r || !o) && (this.visibleArrow && this.appendArrow(r), this.appendToBody && document.body.appendChild(this.popperElm), this.popperJS && this.popperJS.destroy && this.popperJS.destroy(), e.placement = this.currentPlacement, e.offset = this.offset, e.arrowOffset = this.arrowOffset, this.popperJS = new U(o, r, e), this.popperJS.onCreate((n) => {
         this.$emit("created", this), this.$nextTick(this.updatePopper);
       }), typeof e.onUpdate == "function" && this.popperJS.onUpdate(e.onUpdate), this.popperJS._popper.style.zIndex = 1e3, this.popperElm.addEventListener("click", L));
     },
@@ -546,9 +546,9 @@ const U = function() {
       if (this.appended)
         return;
       this.appended = !0;
-      for (let s in e.attributes)
-        if (/^_v-/.test(e.attributes[s].name)) {
-          r = e.attributes[s].name;
+      for (let n in e.attributes)
+        if (/^_v-/.test(e.attributes[n].name)) {
+          r = e.attributes[n].name;
           break;
         }
       const o = document.createElement("div");
@@ -586,29 +586,29 @@ var Z = function() {
     }
   }, [e._t("reference")], 2)]);
 }, X = [];
-function C(e, r, o, s, l, f, c, h) {
+function C(e, r, o, n, a, f, c, h) {
   var _ = typeof e == "function" ? e.options : e;
-  r && (_.render = r, _.staticRenderFns = o, _._compiled = !0), s && (_.functional = !0), f && (_._scopeId = "data-v-" + f);
+  r && (_.render = r, _.staticRenderFns = o, _._compiled = !0), n && (_.functional = !0), f && (_._scopeId = "data-v-" + f);
   var b;
   if (c ? (b = function(y) {
     y = y || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !y && typeof __VUE_SSR_CONTEXT__ < "u" && (y = __VUE_SSR_CONTEXT__), l && l.call(this, y), y && y._registeredComponents && y._registeredComponents.add(c);
-  }, _._ssrRegister = b) : l && (b = h ? function() {
-    l.call(
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !y && typeof __VUE_SSR_CONTEXT__ < "u" && (y = __VUE_SSR_CONTEXT__), a && a.call(this, y), y && y._registeredComponents && y._registeredComponents.add(c);
+  }, _._ssrRegister = b) : a && (b = h ? function() {
+    a.call(
       this,
       (_.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : l), b)
+  } : a), b)
     if (_.functional) {
       _._injectStyles = b;
-      var k = _.render;
+      var E = _.render;
       _.render = function(M, O) {
-        return b.call(O), k(M, O);
+        return b.call(O), E(M, O);
       };
     } else {
-      var x = _.beforeCreate;
-      _.beforeCreate = x ? [].concat(x, b) : [b];
+      var $ = _.beforeCreate;
+      _.beforeCreate = $ ? [].concat($, b) : [b];
     }
   return {
     exports: e,
@@ -694,7 +694,7 @@ function te(e) {
   for (let r in H)
     this[r] = H[r];
 }
-const G = /* @__PURE__ */ function() {
+const V = /* @__PURE__ */ function() {
   return ee.exports;
 }();
 var oe = function() {
@@ -705,8 +705,8 @@ var oe = function() {
       disabled: e.disabled
     },
     on: {
-      click: function(s) {
-        return s.stopPropagation(), e.handleChange.apply(null, arguments);
+      click: function(n) {
+        return n.stopPropagation(), e.handleChange.apply(null, arguments);
       }
     }
   }, [o("span", {
@@ -737,22 +737,22 @@ const ie = {
     }
   }
 }, P = {};
-var se = /* @__PURE__ */ C(
+var ne = /* @__PURE__ */ C(
   ie,
   oe,
   re,
   !1,
-  ne,
+  se,
   "1bea0315",
   null,
   null
 );
-function ne(e) {
+function se(e) {
   for (let r in P)
     this[r] = P[r];
 }
 const ae = /* @__PURE__ */ function() {
-  return se.exports;
+  return ne.exports;
 }();
 var le = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
@@ -762,8 +762,8 @@ var le = function() {
       disabled: e.disabled
     },
     on: {
-      click: function(s) {
-        return s.stopPropagation(), e.handleChange.apply(null, arguments);
+      click: function(n) {
+        return n.stopPropagation(), e.handleChange.apply(null, arguments);
       }
     }
   }, [o("span", {
@@ -792,7 +792,7 @@ const pe = {
       this.$emit("change", this.data.code, this.data.key);
     }
   }
-}, R = {};
+}, B = {};
 var he = /* @__PURE__ */ C(
   pe,
   le,
@@ -804,8 +804,8 @@ var he = /* @__PURE__ */ C(
   null
 );
 function ce(e) {
-  for (let r in R)
-    this[r] = R[r];
+  for (let r in B)
+    this[r] = B[r];
 }
 const fe = /* @__PURE__ */ function() {
   return he.exports;
@@ -827,11 +827,11 @@ var ue = function() {
     class: [e.value.length && "dp-checkfilter_title_checked_"]
   }, [e._v(e._s(e.title))]), o("span", {
     staticClass: "dp-checkfilter_arrow_"
-  })]), o("div", [e.type === "check" ? e._l(e.option, function(s) {
+  })]), o("div", [e.type === "check" ? e._l(e.option, function(n) {
     return o("dp-check", {
-      key: s.code,
+      key: n.code,
       attrs: {
-        data: Object.assign({}, s, {
+        data: Object.assign({}, n, {
           key: e.code
         }),
         value: e.value
@@ -840,11 +840,11 @@ var ue = function() {
         change: e.handleChange
       }
     });
-  }) : e.type === "radio" ? e._l(e.option, function(s) {
+  }) : e.type === "radio" ? e._l(e.option, function(n) {
     return o("dp-radio", {
-      key: s.code,
+      key: n.code,
       attrs: {
-        data: Object.assign({}, s, {
+        data: Object.assign({}, n, {
           key: e.code
         }),
         value: e.value[0]
@@ -855,10 +855,10 @@ var ue = function() {
     });
   }) : e._e()], 2)]);
 }, _e = [];
-const ve = {
+const me = {
   name: "dp-checkfilter",
   components: {
-    DpPopover: G,
+    DpPopover: V,
     DpCheck: ae,
     DpRadio: fe
   },
@@ -892,8 +892,8 @@ const ve = {
     }
   }
 }, N = {};
-var me = /* @__PURE__ */ C(
-  ve,
+var ve = /* @__PURE__ */ C(
+  me,
   ue,
   _e,
   !1,
@@ -907,7 +907,7 @@ function ge(e) {
     this[r] = N[r];
 }
 const be = /* @__PURE__ */ function() {
-  return me.exports;
+  return ve.exports;
 }();
 var ye = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
@@ -918,8 +918,8 @@ var ye = function() {
       justifyContent: e.align
     }, e.item.style, e.item.privateStyle),
     on: {
-      click: function(s) {
-        return s.stopPropagation(), e.handleItemClick(e.item, e.fullCode);
+      click: function(n) {
+        return n.stopPropagation(), e.handleItemClick(e.item, e.fullCode);
       }
     }
   }, [e._t(e.item.slot || e.item.code, function() {
@@ -937,13 +937,13 @@ var ye = function() {
       style: {
         borderColor: e.borderColor
       }
-    }, e._l(e.item.children, function(s) {
+    }, e._l(e.item.children, function(n) {
       return o("dp-table-header-item", {
-        key: s.code,
+        key: n.code,
         attrs: {
           align: e.align,
-          fullCode: [].concat(e.fullCode, [s.code]),
-          item: s,
+          fullCode: [].concat(e.fullCode, [n.code]),
+          item: n,
           borderColor: e.borderColor,
           sortInfo: e.sortInfo,
           filterInfo: e.filterInfo
@@ -953,7 +953,7 @@ var ye = function() {
           changeSort: e.handleItemClick,
           changeFilter: e.handleChangeFilter
         },
-        scopedSlots: e._u([e._l(e.$slots, function(l, f) {
+        scopedSlots: e._u([e._l(e.$slots, function(a, f) {
           return {
             key: f,
             fn: function() {
@@ -1025,7 +1025,6 @@ const Ce = {
   },
   data() {
     return {
-      resizer: null,
       widthObj: {}
     };
   },
@@ -1044,56 +1043,54 @@ const Ce = {
     }
   },
   mounted() {
-    this.item.children || (this.resizer = new ResizeObserver(this.handleResize), this.resizer.observe(this.$el));
-  },
-  beforeUnMounted() {
-    this.resizer && this.resizer.unobserve(this.$el);
+    this.item.children || this.$nextTick(this.handleResize);
   }
-}, B = {};
-var $e = /* @__PURE__ */ C(
+}, R = {};
+var xe = /* @__PURE__ */ C(
   Ce,
   ye,
   we,
   !1,
-  xe,
-  "60018e50",
+  $e,
+  "5685df36",
   null,
   null
 );
-function xe(e) {
-  for (let r in B)
-    this[r] = B[r];
+function $e(e) {
+  for (let r in R)
+    this[r] = R[r];
 }
 const Se = /* @__PURE__ */ function() {
-  return $e.exports;
+  return xe.exports;
 }(), D = (e, r, o) => {
-  const s = e[o];
-  if (!s.isFixed || !r[s.code])
+  const n = e[o];
+  if (!n.isFixed || !r[n.code])
     return {};
-  const l = (c) => typeof c == "number" ? [c] : Object.values(c).map((h) => l(h)).flat();
-  return { position: "sticky", left: `${e.filter((c, h) => h < o && c.isFixed).map((c) => l(r[c.code])).reduce((c, h) => parseFloat(c) + parseFloat(h), 0)}px` };
+  const a = (c) => typeof c == "number" ? [c] : (Object.values(c) || []).map((h) => a(h)).flat();
+  return { position: "sticky", left: `${e.filter((c, h) => h < o && c.isFixed).map((c) => a(r[c.code])).reduce((c, h) => parseFloat(c) + parseFloat(h), 0)}px` };
 }, j = (e, r, o) => {
-  const s = e[r[0]];
-  return r.length > 1 ? j(s, r.slice(1), o) : e[o] === void 0 ? s : e[o];
+  const n = e[r[0]];
+  return r.length > 1 ? j(n, r.slice(1), o) : e[o] === void 0 ? n : e[o];
 };
 var Ie = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
   return o("ul", {
+    key: e.key,
     staticClass: "dp-table_header_view_",
     style: {
       borderColor: e.borderColor,
       backgroundColor: e.bgColor,
       minWidth: e.isBlock ? "100%" : ""
     }
-  }, e._l(e.data, function(s, l) {
+  }, e._l(e.data, function(n, a) {
     return o("dp-item", {
-      key: s.code,
-      class: [s.isFixed && "dp-table_fixed_bg_", e.isLeftScroll && "dp-table_fixed_shadow_"],
-      style: Object.assign({}, e.fixedStyle[l]),
+      key: n.code,
+      class: [n.isFixed && "dp-table_fixed_bg_", e.isLeftScroll && "dp-table_fixed_shadow_"],
+      style: Object.assign({}, e.fixedStyle[a]),
       attrs: {
-        item: s,
+        item: n,
         align: e.align,
-        fullCode: [s.code],
+        fullCode: [n.code],
         borderColor: e.borderColor,
         sortInfo: e.sortInfo,
         filterInfo: e.filterInfo
@@ -1115,7 +1112,7 @@ var Ie = function() {
     });
   }), 1);
 }, Oe = [];
-const Ee = {
+const ke = {
   name: "dp-table-header",
   components: {
     DpItem: Se
@@ -1157,38 +1154,49 @@ const Ee = {
   },
   watch: {
     data() {
-      this.widthInfo = {};
+      this.handleChangeKey();
     }
   },
   data() {
     return {
       widthInfo: {},
       timer: null,
-      isBlock: !0
+      isBlock: !0,
+      key: 0,
+      resizer: null
     };
   },
+  mounted() {
+    window.addEventListener("resize", this.handleChangeKey);
+  },
+  beforeDestroy() {
+    window.removeEventListener("resize", this.handleChangeKey);
+  },
   methods: {
     computFixedStyle: D,
     handleChangeWidthInfo(e) {
       this.widthInfo = { ...this.widthInfo, ...e }, clearTimeout(this.timer), this.timer = setTimeout(() => {
         this.$emit("changeWidth", this.widthInfo), this.isBlock = Object.values(this.widthInfo).reduce((r, o) => r + o, 0) > this.$el.offsetWidth - 2, this.$emit("changeBlock", this.isBlock);
-      }, 300);
+      }, 100);
     },
     handleChangeSort(e, r) {
       this.$emit("changeSort", e, r);
     },
     handleChangeFilter(e) {
       this.$emit("changeFilter", e);
+    },
+    handleChangeKey() {
+      this.key++, this.widthInfo = {}, this.$emit("changeBlock", this.isBlock);
     }
   }
 }, W = {};
-var ke = /* @__PURE__ */ C(
-  Ee,
+var Ee = /* @__PURE__ */ C(
+  ke,
   Ie,
   Oe,
   !1,
   Me,
-  "5d3820ae",
+  "093a0750",
   null,
   null
 );
@@ -1197,7 +1205,7 @@ function Me(e) {
     this[r] = W[r];
 }
 const Te = /* @__PURE__ */ function() {
-  return ke.exports;
+  return Ee.exports;
 }();
 var je = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
@@ -1206,7 +1214,8 @@ var je = function() {
   }, [o("div", {
     staticClass: "dp-table_view_border_",
     style: {
-      borderColor: e.borderColor
+      borderColor: e.borderColor,
+      minWidth: e.isBlock ? "100%" : ""
     }
   }, [o("div", {
     ref: "table",
@@ -1231,11 +1240,11 @@ var je = function() {
       changeSort: e.handleChangeSort,
       changeFilter: e.handleChangeFilter
     },
-    scopedSlots: e._u([e._l(e.$slots, function(s, l) {
+    scopedSlots: e._u([e._l(e.$slots, function(n, a) {
       return {
-        key: l,
+        key: a,
         fn: function() {
-          return [e._t(l)];
+          return [e._t(a)];
         },
         proxy: !0
       };
@@ -1244,31 +1253,30 @@ var je = function() {
     staticClass: "dp-table_body_view_",
     style: {
       height: `${e.fullHeight}px`,
-      paddingTop: e.beforeHeight + "px",
-      minWidth: e.isBlock ? "100%" : ""
+      paddingTop: e.beforeHeight + "px"
     }
-  }, e._l(e.resultData, function(s) {
+  }, e._l(e.resultData, function(n) {
     return o("li", {
-      key: s.__key,
-      class: ["dp-table_body_item_", s.__isTotalData && "dp-table_total_view_"],
-      style: Object.assign({}, s.style, e.hoverStyle, e.computEvenColor(s.__sub), {
-        height: `${e.fullHeightInfo[s.__key]}px`
+      key: n.__key,
+      class: ["dp-table_body_item_", n.__isTotalData && "dp-table_total_view_"],
+      style: Object.assign({}, n.style, e.hoverStyle, e.computEvenColor(n.__sub), {
+        height: `${e.fullHeightInfo[n.__key]}px`
       }),
       on: {
-        mouseenter: function(l) {
+        mouseenter: function(a) {
           return e.handleChangeFlag(!0);
         },
-        mouseleave: function(l) {
+        mouseleave: function(a) {
           return e.handleChangeFlag(!1);
         }
       }
-    }, [e._l(e.deepHeadData, function(l, f) {
-      return [s[l.code] instanceof Object ? [s[l.code].slot ? o("div", {
-        class: ["dp-table_body_item_group_col_", l.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
+    }, [e._l(e.deepHeadData, function(a, f) {
+      return [n[a.code] instanceof Object ? [n[a.code].slot ? o("div", {
+        class: ["dp-table_body_item_group_col_", a.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
         style: Object.assign({
           borderColor: e.borderColor
-        }, l.style, l.colStyle, e.computEvenColor(s.__sub), e.fixedStyle[f], e.computWidth(s[l.code]))
-      }, e._l([s[l.code].slot].flat(), function(c, h) {
+        }, a.style, a.colStyle, e.computEvenColor(n.__sub), e.fixedStyle[f], e.computWidth(n[a.code], a.code))
+      }, e._l([n[a.code].slot].flat(), function(c, h) {
         return o("div", {
           key: c,
           staticClass: "dp-table_body_item_child_",
@@ -1276,19 +1284,19 @@ var je = function() {
             borderColor: e.borderColor,
             padding: e.itemPadding,
             justifyContent: e.dir
-          }, l.style, l.colStyle, s[l.code].style, {
+          }, a.style, a.colStyle, n[a.code].style, {
             width: "100%"
           })
         }, [e._t(c, null, {
-          item: s,
+          item: n,
           index: h
         })], 2);
-      }), 0) : s[l.code].raw ? o("div", {
-        class: ["dp-table_body_item_group_col_", l.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
+      }), 0) : n[a.code].raw ? o("div", {
+        class: ["dp-table_body_item_group_col_", a.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
         style: Object.assign({
           borderColor: e.borderColor
-        }, l.style, l.colStyle, e.computEvenColor(s.__sub), e.fixedStyle[f], e.computWidth(s[l.code]))
-      }, e._l([s[l.code].raw].flat(), function(c, h) {
+        }, a.style, a.colStyle, e.computEvenColor(n.__sub), e.fixedStyle[f], e.computWidth(n[a.code], a.code))
+      }, e._l([n[a.code].raw].flat(), function(c, h) {
         return o("div", {
           key: h,
           staticClass: "dp-table_body_item_child_",
@@ -1296,19 +1304,19 @@ var je = function() {
             borderColor: e.borderColor,
             padding: e.itemPadding,
             justifyContent: e.dir
-          }, l.style, l.colStyle, s[l.code].style, {
+          }, a.style, a.colStyle, n[a.code].style, {
             width: "100%"
           }),
           domProps: {
             innerHTML: e._s(c)
           }
         });
-      }), 0) : s[l.code].value ? o("div", {
-        class: ["dp-table_body_item_group_col_", l.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
+      }), 0) : n[a.code].value ? o("div", {
+        class: ["dp-table_body_item_group_col_", a.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
         style: Object.assign({
           borderColor: e.borderColor
-        }, l.style, l.colStyle, e.computEvenColor(s.__sub), e.fixedStyle[f], e.computWidth(s[l.code]))
-      }, e._l([s[l.code].value].flat(), function(c, h) {
+        }, a.style, a.colStyle, e.computEvenColor(n.__sub), e.fixedStyle[f], e.computWidth(n[a.code], a.code))
+      }, e._l([n[a.code].value].flat(), function(c, h) {
         return o("div", {
           key: h,
           staticClass: "dp-table_body_item_child_",
@@ -1316,25 +1324,25 @@ var je = function() {
             borderColor: e.borderColor,
             padding: e.itemPadding,
             justifyContent: e.dir
-          }, l.style, l.colStyle, s[l.code].style, {
+          }, a.style, a.colStyle, n[a.code].style, {
             width: "100%"
           }),
           attrs: {
-            title: l.isShowTitle ? c : ""
+            title: a.isShowTitle ? c : ""
           }
         }, [e._v(e._s(c))]);
       }), 0) : e._e()] : o("div", {
-        class: ["dp-table_body_item_child_", l.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
+        class: ["dp-table_body_item_child_", a.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
         style: Object.assign({
           borderColor: e.borderColor,
           padding: e.itemPadding,
           justifyContent: e.dir
-        }, l.style, l.colStyle, e.computEvenColor(s.__sub), e.fixedStyle[f]),
+        }, a.style, a.colStyle, e.computEvenColor(n.__sub), e.fixedStyle[f]),
         attrs: {
-          title: l.isShowTitle ? s[l.code] : ""
+          title: a.isShowTitle ? n[a.code] : ""
         }
-      }, [e._v(e._s(s[l.code]))])];
-    }), s.__isTotalData ? o("span", {
+      }, [e._v(e._s(n[a.code]))])];
+    }), n.__isTotalData ? o("span", {
       staticClass: "dp-table_total_border_",
       style: {
         borderColor: e.borderColor
@@ -1438,7 +1446,7 @@ const Fe = {
     // 平铺表头
     deepHeadData() {
       const e = [], r = (o) => {
-        o.children ? o.children.forEach((s) => r({ ...s, code: `${o.code}_${s.code}` })) : e.push(o);
+        o.children ? o.children.forEach((n) => r({ ...n, code: `${o.code}_${n.code}` })) : e.push(o);
       };
       return this.resultHeadData.forEach((o) => r(o)), e;
     },
@@ -1447,8 +1455,8 @@ const Fe = {
       const e = Object.values(this.filterInfo).filter((r) => r.value.length);
       return e.length ? [...this.bodyData].filter((r) => {
         let o = !0;
-        return e.some((s) => {
-          if (!s.value.includes(j(r, s.target, s.filterKey)))
+        return e.some((n) => {
+          if (!n.value.includes(j(r, n.target, n.filterKey)))
             return o = !1, !0;
         }), o;
       }) : this.bodyData;
@@ -1460,22 +1468,22 @@ const Fe = {
     // 表体渲染数据
     resultData() {
       return Object.keys(this.widthInfo).length < this.headData.length || !this.headData.length ? [] : (this.sortInfo.value ? [...this.filterBodyData].sort((r, o) => {
-        const s = j(r, this.sortInfo.target, this.sortInfo.sortKey), l = j(o, this.sortInfo.target, this.sortInfo.sortKey);
-        return this.sortInfo.value === "up" ? s - l : l - s;
+        const n = j(r, this.sortInfo.target, this.sortInfo.sortKey), a = j(o, this.sortInfo.target, this.sortInfo.sortKey);
+        return this.sortInfo.value === "up" ? n - a : a - n;
       }) : this.filterBodyData).slice(this.beforeIndex, this.currentIndex).concat(this.totalData ? [{ ...this.totalData, __sub: "", __isTotalData: !0 }] : []).map((r, o) => {
-        const s = this.handleComputItem(r);
-        return Object.keys(s).forEach((l) => {
-          if (s[l] instanceof Object && (s[l].merge || 0) > 1) {
-            const f = this.deepHeadData.findIndex((h) => h.code === l), c = this.deepHeadData.slice(f, f + s[l].merge);
+        const n = this.handleComputItem(r, !0);
+        return Object.keys(n).forEach((a) => {
+          if (n[a] instanceof Object && (n[a].merge || 0) > 1) {
+            const f = this.deepHeadData.findIndex((h) => h.code === a), c = this.deepHeadData.slice(f, f + n[a].merge);
             c.forEach((h) => {
-              const _ = s[h.code];
-              _ instanceof Object || (s[h.code] = { value: _ }), s[h.code] = { ...s[h.code], isMergeIgnored: !0 };
-            }), s[l].isMerge = !0, s[l].width = c.map((h) => this.widthInfo[h.code]).reduce((h, _) => h + _, 0);
+              const _ = n[h.code];
+              _ instanceof Object || (n[h.code] = { value: _ }), n[h.code] = { ...n[h.code], isMergeIgnored: !0 };
+            }), n[a].isMerge = !0, n[a].width = c.map((h) => this.widthInfo[h.code] || 0).reduce((h, _) => h + _, 0);
           }
         }), {
           __sub: o + parseInt(this.basicSub) + this.beforeIndex,
           ...r,
-          ...s,
+          ...n,
           __key: o + this.beforeIndex
         };
       });
@@ -1523,8 +1531,8 @@ const Fe = {
   },
   methods: {
     // 计算合并单元格的宽度
-    computWidth(e) {
-      return e instanceof Object && e.isMerge ? { width: `${e.width}px` } : {};
+    computWidth(e, r) {
+      return e instanceof Object && e.isMerge ? { width: `${e.width}px` } : { maxWidth: `${this.widthInfo[r]}px` };
     },
     // 计算隔行变色
     computEvenColor(e) {
@@ -1537,8 +1545,8 @@ const Fe = {
         if (this.rowHeight)
           o = this.rowHeight;
         else if (this.rowItemHeight) {
-          const s = this.handleComputItem(e, !0), l = this.deepHeadData.map((c) => s[c.code] instanceof Object ? s[c.code].slot ? [s[c.code].slot].flat().length : s[c.code].raw ? [s[c.code].raw].flat().length : s[c.code].value ? [s[c.code].value].flat().length : 1 : 1);
-          o = Math.max(...l) * this.rowItemHeight;
+          const n = this.handleComputItem(e, !0), a = this.deepHeadData.map((c) => n[c.code] instanceof Object ? n[c.code].slot ? [n[c.code].slot].flat().length : n[c.code].raw ? [n[c.code].raw].flat().length : n[c.code].value ? [n[c.code].value].flat().length : 1 : 1);
+          o = Math.max(...a) * this.rowItemHeight;
         }
         return o;
       });
@@ -1554,10 +1562,10 @@ const Fe = {
     // 递归铺开数据
     handleComputItem(e, r) {
       let o = {};
-      const s = (l, f) => {
-        f.children ? f.children.forEach((c) => s((l || {})[c.code], { ...c, code: `${f.code}_${c.code}` })) : o[f.code] = l;
+      const n = (a, f) => {
+        f.children ? f.children.forEach((c) => n((a || {})[c.code], { ...c, code: `${f.code}_${c.code}` })) : o[f.code] = a;
       };
-      return this.headData.filter((l) => r || l.children).forEach((l) => s(e[l.code], l)), o;
+      return this.headData.filter((a) => r || a.children).forEach((a) => n(e[a.code], a)), o;
     },
     // 滚动事件
     handleScroll(e) {
@@ -1567,9 +1575,9 @@ const Fe = {
           this.beforeIndex = Math.max(Math.floor(r / this.rowHeight), 0), this.currentIndex = Math.max(this.beforeIndex + Math.ceil(this.$el.offsetHeight / this.rowHeight) * 3, 50);
         else {
           let o = 0;
-          this.beforeIndex = this.fullHeightInfo.findIndex((s) => {
-            const l = o + s >= r;
-            return l || (o += s), l;
+          this.beforeIndex = this.fullHeightInfo.findIndex((n) => {
+            const a = o + n >= r;
+            return a || (o += n), a;
           }), this.currentIndex = Math.min(this.beforeIndex + 50, this.filterBodyData.length);
         }
       }, 10);
@@ -1582,7 +1590,7 @@ const Fe = {
     handleChangeSort(e, r) {
       if (this.sortInfo.target.join("_") === r.join("_")) {
         const o = ["up", "down", null];
-        this.sortInfo.value = o[(o.findIndex((s) => s === (this.sortInfo.value || null)) + 1) % o.length];
+        this.sortInfo.value = o[(o.findIndex((n) => n === (this.sortInfo.value || null)) + 1) % o.length];
       } else
         this.sortInfo = { target: r, value: "up", sortKey: e.sortKey, sortFn: e.sortFn || null };
       this.$emit("changeSort", { key: e.sortKey, value: this.sortInfo.value });
@@ -1599,7 +1607,7 @@ var Le = /* @__PURE__ */ C(
   De,
   !1,
   He,
-  "07f8d2be",
+  "4f3eefb0",
   null,
   null
 );
@@ -1610,7 +1618,7 @@ function He(e) {
 const Pe = /* @__PURE__ */ function() {
   return Le.exports;
 }();
-var Re = function() {
+var Be = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
   return o("div", {
     staticClass: "problem-raw",
@@ -1619,7 +1627,7 @@ var Re = function() {
     }
   });
 }, Ne = [];
-const Be = {
+const Re = {
   name: "dp-raw",
   props: {
     data: String
@@ -1631,22 +1639,22 @@ const Be = {
     computSvgDom() {
       const e = ["width", "height"];
       [...this.$el.querySelectorAll("img")].filter((o) => /.svg$/i.test(o.src)).forEach(async (o) => {
-        const s = await fetch(o.src).then(async (l) => await l.text());
-        if (s) {
-          const l = document.createElement("span");
-          o.replaceWith(l);
+        const n = await fetch(o.src).then(async (a) => await a.text());
+        if (n) {
+          const a = document.createElement("span");
+          o.replaceWith(a);
           const f = document.createElement("span");
-          f.innerHTML = s, [...o.attributes].filter((h) => h.value && h.name !== "src").forEach((h) => {
+          f.innerHTML = n, [...o.attributes].filter((h) => h.value && h.name !== "src").forEach((h) => {
             e.includes(h.name) ? f.style[h.name] = h.value : f[h.name] = h.value;
-          }), f.style.display = "inline-block", f.style.fontSize = "0", f.setAttribute("part", "__svg_view__"), l.attachShadow({ mode: "open" }).append(f);
+          }), f.style.display = "inline-block", f.style.fontSize = "0", f.setAttribute("part", "__svg_view__"), a.attachShadow({ mode: "open" }).append(f);
         }
       });
     }
   }
 }, z = {};
 var We = /* @__PURE__ */ C(
-  Be,
   Re,
+  Be,
   Ne,
   !1,
   Ae,
@@ -1661,10 +1669,10 @@ function Ae(e) {
 const ze = /* @__PURE__ */ function() {
   return We.exports;
 }();
-var qe = { choice: 'span.__MC41aTVhZDc3NDdnMzM2__[data-t="MC4wNHY2eGVwODFmMXg"]', decide: 'span.__MC5jY2ZpMWU5NzYyamo__[data-t="MC5hMDFjMGM5NGNmZmFl"]', fill: 'span.__MC50aXB0OGc2Y2tqbw__[data-t="MC5mM2VtbTVkcDJm"]', scoreline: 'span.__MC5sOG52dGVycnI5Zw__[data-t="MC42NG83Z2Y1Y2w3bw"]' }, Je = (e) => {
-  let { el: r, isShow: o, type: s } = e, l = Object.keys(qe), f = o ? l.filter((h) => !(s || l).includes(h)) : s || l, c = l.filter((h) => !f.includes(h));
+var qe = { choice: 'span.__MC41aTVhZDc3NDdnMzM2__[data-t="MC4wNHY2eGVwODFmMXg"]', decide: 'span.__MC5jY2ZpMWU5NzYyamo__[data-t="MC5hMDFjMGM5NGNmZmFl"]', fill: 'span.__MC50aXB0OGc2Y2tqbw__[data-t="MC5mM2VtbTVkcDJm"]', scoreline: 'span.__MC5sOG52dGVycnI5Zw__[data-t="MC42NG83Z2Y1Y2w3bw"]' }, Ke = (e) => {
+  let { el: r, isShow: o, type: n } = e, a = Object.keys(qe), f = o ? a.filter((h) => !(n || a).includes(h)) : n || a, c = a.filter((h) => !f.includes(h));
   r.classList.add(...f.map((h) => `__toggleraw_${h}_hidden`)), r.classList.remove(...c.map((h) => `__toggleraw_${h}_hidden`));
-}, Ve = Je, Ge = { ToggleRaw: Ve }, Ke = function() {
+}, Je = Ke, Ve = { ToggleRaw: Je }, Ge = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
   return o("svg", {
     staticClass: "icon",
@@ -1696,7 +1704,7 @@ const Ye = {
 }, q = {};
 var Ze = /* @__PURE__ */ C(
   Ye,
-  Ke,
+  Ge,
   Ue,
   !1,
   Xe,
@@ -1722,19 +1730,19 @@ var et = function() {
       left: `${e.index * e.itemW}%`,
       background: e.activeColor
     }
-  }), e._l(e.option, function(s, l) {
+  }), e._l(e.option, function(n, a) {
     return o("div", {
       staticClass: "dp-capsule_view_item_",
       style: {
         width: `${e.itemW}%`,
-        color: l === e.index ? e.activeTextColor : "inherit"
+        color: a === e.index ? e.activeTextColor : "inherit"
       },
       on: {
         click: function(f) {
-          return e.handleChange(s.code);
+          return e.handleChange(n.code);
         }
       }
-    }, [e._v(e._s(s.name))]);
+    }, [e._v(e._s(n.name))]);
   })], 2);
 }, tt = [];
 const ot = {
@@ -1779,7 +1787,7 @@ const ot = {
       this.disabled || this.$emit("change", e, this.name);
     }
   }
-}, J = {};
+}, K = {};
 var rt = /* @__PURE__ */ C(
   ot,
   et,
@@ -1791,13 +1799,13 @@ var rt = /* @__PURE__ */ C(
   null
 );
 function it(e) {
-  for (let r in J)
-    this[r] = J[r];
+  for (let r in K)
+    this[r] = K[r];
 }
-const st = /* @__PURE__ */ function() {
+const nt = /* @__PURE__ */ function() {
   return rt.exports;
 }();
-var nt = function() {
+var st = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
   return o("dp-popover", {
     attrs: {
@@ -1810,7 +1818,7 @@ var nt = function() {
       name: "set"
     },
     nativeOn: {
-      click: function(s) {
+      click: function(n) {
         return e.handleChange(e.isShow);
       }
     },
@@ -1831,8 +1839,8 @@ const lt = {
   name: "dp-toggleraw",
   components: {
     DpIcon: Qe,
-    DpPopover: G,
-    DpCapsule: st
+    DpPopover: V,
+    DpCapsule: nt
   },
   props: {
     initVal: {
@@ -1858,14 +1866,14 @@ const lt = {
   methods: {
     handleChange(e) {
       this.isShow = e, this.selectorList.map((o) => document.querySelector(o)).filter((o) => o).forEach((o) => {
-        Ge.ToggleRaw({ el: o, isShow: this.isShow });
+        Ve.ToggleRaw({ el: o, isShow: this.isShow });
       }), this.$emit("change", this.isShow);
     }
   }
-}, V = {};
+}, J = {};
 var dt = /* @__PURE__ */ C(
   lt,
-  nt,
+  st,
   at,
   !1,
   pt,
@@ -1874,8 +1882,8 @@ var dt = /* @__PURE__ */ C(
   null
 );
 function pt(e) {
-  for (let r in V)
-    this[r] = V[r];
+  for (let r in J)
+    this[r] = J[r];
 }
 const ht = /* @__PURE__ */ function() {
   return dt.exports;