dpot-ui 0.1.11 → 0.2.0

package/dist/index.es.js

@@ -55,16 +55,16 @@ const U = function() {
   };
   function o(t, i, a) {
     this._reference = t.jquery ? t[0] : t, this.state = {};
-    var s = typeof i > "u" || i === null, p = i && Object.prototype.toString.call(i) === "[object Object]";
-    return s || p ? this._popper = this.parse(p ? i : {}) : this._popper = i.jquery ? i[0] : i, this._options = Object.assign({}, r, a), this._options.modifiers = this._options.modifiers.map(
-      function(d) {
-        if (this._options.modifiersIgnored.indexOf(d) === -1)
-          return d === "applyStyle" && this._popper.setAttribute(
+    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(
+      function(p) {
+        if (this._options.modifiersIgnored.indexOf(p) === -1)
+          return p === "applyStyle" && this._popper.setAttribute(
             "x-placement",
             this._options.placement
-          ), this.modifiers[d] || d;
+          ), this.modifiers[p] || p;
       }.bind(this)
-    ), this.state.position = this._getPosition(this._popper, this._reference), $(this._popper, { position: this.state.position, top: 0 }), this.update(), this._setupEventListeners(), this;
+    ), this.state.position = this._getPosition(this._popper, this._reference), x(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,24 +96,24 @@ const U = function() {
       arrowAttributes: ["x-arrow"]
     };
     t = Object.assign({}, i, t);
-    var a = e.document, s = a.createElement(t.tagName);
-    if (u(s, t.classNames), v(s, t.attributes), t.contentType === "node" ? s.appendChild(
+    var a = e.document, n = a.createElement(t.tagName);
+    if (u(n, t.classNames), v(n, t.attributes), t.contentType === "node" ? n.appendChild(
       t.content.jquery ? t.content[0] : t.content
-    ) : t.contentType === "html" ? s.innerHTML = t.content : s.textContent = t.content, t.arrowTagName) {
-      var p = a.createElement(t.arrowTagName);
-      u(p, t.arrowClassNames), v(p, t.arrowAttributes), s.appendChild(p);
+    ) : 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);
     }
-    var d = t.parent.jquery ? t.parent[0] : t.parent;
-    if (typeof d == "string") {
-      if (d = a.querySelectorAll(t.parent), d.length > 1 && console.warn(
+    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(
         "WARNING: the given `parent` query(" + t.parent + ") matched more than one element, the first one will be used"
-      ), d.length === 0)
+      ), p.length === 0)
         throw "ERROR: the given `parent` doesn't exists!";
-      d = d[0];
+      p = p[0];
     }
-    return d.length > 1 && !(d instanceof Element) && (console.warn(
+    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"
-    ), d = d[0]), d.appendChild(s), s;
+    ), p = p[0]), p.appendChild(n), n;
     function u(g, m) {
       m.forEach(function(w) {
         g.classList.add(w);
@@ -134,16 +134,16 @@ const U = function() {
     return a ? "fixed" : "absolute";
   }, o.prototype._getOffsets = function(t, i, a) {
     a = a.split("-")[0];
-    var s = {};
-    s.position = this.state.position;
-    var p = s.position === "fixed", d = K(
+    var n = {};
+    n.position = this.state.position;
+    var d = n.position === "fixed", p = K(
       i,
       _(t),
-      p
-    ), u = n(t);
-    return ["right", "left"].indexOf(a) !== -1 ? (s.top = d.top + d.height / 2 - u.height / 2, a === "left" ? s.left = d.left - u.width : s.left = d.right) : (s.left = d.left + d.width / 2 - u.width / 2, a === "top" ? s.top = d.top - u.height : s.top = d.bottom), s.width = u.width, s.height = u.height, {
-      popper: s,
-      reference: d
+      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,
+      reference: p
     };
   }, o.prototype._setupEventListeners = function() {
     if (this.state.updateBound = this.update.bind(this), e.addEventListener("resize", this.state.updateBound), this._options.boundariesElement !== "window") {
@@ -156,25 +156,25 @@ const U = function() {
       this.state.updateBound
     ), this.state.scrollTarget = null), this.state.updateBound = null;
   }, o.prototype._getBoundaries = function(t, i, a) {
-    var s = {}, p, d;
+    var n = {}, d, p;
     if (a === "window") {
       var u = e.document.body, v = e.document.documentElement;
-      d = Math.max(
+      p = Math.max(
         u.scrollHeight,
         u.offsetHeight,
         v.clientHeight,
         v.scrollHeight,
         v.offsetHeight
-      ), p = Math.max(
+      ), d = Math.max(
         u.scrollWidth,
         u.offsetWidth,
         v.clientWidth,
         v.scrollWidth,
         v.offsetWidth
-      ), s = {
+      ), n = {
         top: 0,
-        right: p,
-        bottom: d,
+        right: d,
+        bottom: p,
         left: 0
       };
     } else if (a === "viewport") {
@@ -183,103 +183,103 @@ const U = function() {
           document.documentElement.scrollTop,
           document.body.scrollTop
         ) : E.scrollTop;
-      }, x = function(E) {
+      }, $ = function(E) {
         return E == document.body ? Math.max(
           document.documentElement.scrollLeft,
           document.body.scrollLeft
         ) : E.scrollLeft;
-      }, j = t.offsets.popper.position === "fixed" ? 0 : S(m), I = t.offsets.popper.position === "fixed" ? 0 : x(m);
-      s = {
-        top: 0 - (w.top - j),
+      }, T = t.offsets.popper.position === "fixed" ? 0 : S(m), I = t.offsets.popper.position === "fixed" ? 0 : $(m);
+      n = {
+        top: 0 - (w.top - T),
         right: e.document.documentElement.clientWidth - (w.left - I),
-        bottom: e.document.documentElement.clientHeight - (w.top - j),
+        bottom: e.document.documentElement.clientHeight - (w.top - T),
         left: 0 - (w.left - I)
       };
     } else
-      _(this._popper) === a ? s = {
+      _(this._popper) === a ? n = {
         top: 0,
         left: 0,
         right: a.clientWidth,
         bottom: a.clientHeight
-      } : s = M(a);
-    return s.left += i, s.right -= i, s.top = s.top + i, s.bottom = s.bottom - i, s;
+      } : 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 s = i.slice();
-    return a !== void 0 && (s = this._options.modifiers.slice(
+    var n = i.slice();
+    return a !== void 0 && (n = this._options.modifiers.slice(
       0,
-      h(this._options.modifiers, a)
-    )), s.forEach(
-      function(p) {
-        y(p) && (t = p.call(this, t));
+      c(this._options.modifiers, a)
+    )), n.forEach(
+      function(d) {
+        y(d) && (t = d.call(this, t));
       }.bind(this)
     ), t;
   }, o.prototype.isModifierRequired = function(t, i) {
-    var a = h(this._options.modifiers, t);
-    return !!this._options.modifiers.slice(0, a).filter(function(s) {
-      return s === i;
+    var a = c(this._options.modifiers, t);
+    return !!this._options.modifiers.slice(0, a).filter(function(n) {
+      return n === 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), s = Math.round(t.offsets.popper.top), p;
-    return this._options.gpuAcceleration && (p = F("transform")) ? (i[p] = "translate3d(" + a + "px, " + s + "px, 0)", i.top = 0, i.left = 0) : (i.left = a, i.top = s), Object.assign(i, t.styles), $(this._popper, i), this._popper.setAttribute("x-placement", t.placement), this.isModifierRequired(
+    }, 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(
       this.modifiers.applyStyle,
       this.modifiers.arrow
-    ) && t.offsets.arrow && $(t.arrowElement, t.offsets.arrow), t;
+    ) && t.offsets.arrow && x(t.arrowElement, t.offsets.arrow), t;
   }, o.prototype.modifiers.shift = function(t) {
-    var i = t.placement, a = i.split("-")[0], s = i.split("-")[1];
-    if (s) {
-      var p = t.offsets.reference, d = f(t.offsets.popper), u = {
+    var i = t.placement, a = i.split("-")[0], n = i.split("-")[1];
+    if (n) {
+      var d = t.offsets.reference, p = f(t.offsets.popper), u = {
         y: {
-          start: { top: p.top },
+          start: { top: d.top },
           end: {
-            top: p.top + p.height - d.height
+            top: d.top + d.height - p.height
           }
         },
         x: {
-          start: { left: p.left },
+          start: { left: d.left },
           end: {
-            left: p.left + p.width - d.width
+            left: d.left + d.width - p.width
           }
         }
       }, v = ["bottom", "top"].indexOf(a) !== -1 ? "x" : "y";
       t.offsets.popper = Object.assign(
-        d,
-        u[v][s]
+        p,
+        u[v][n]
       );
     }
     return t;
   }, o.prototype.modifiers.preventOverflow = function(t) {
-    var i = this._options.preventOverflowOrder, a = f(t.offsets.popper), s = {
+    var i = this._options.preventOverflowOrder, a = f(t.offsets.popper), n = {
       left: function() {
-        var p = a.left;
-        return a.left < t.boundaries.left && (p = Math.max(a.left, t.boundaries.left)), { left: p };
+        var d = a.left;
+        return a.left < t.boundaries.left && (d = Math.max(a.left, t.boundaries.left)), { left: d };
       },
       right: function() {
-        var p = a.left;
-        return a.right > t.boundaries.right && (p = Math.min(
+        var d = a.left;
+        return a.right > t.boundaries.right && (d = Math.min(
           a.left,
           t.boundaries.right - a.width
-        )), { left: p };
+        )), { left: d };
       },
       top: function() {
-        var p = a.top;
-        return a.top < t.boundaries.top && (p = Math.max(a.top, t.boundaries.top)), { top: p };
+        var d = a.top;
+        return a.top < t.boundaries.top && (d = Math.max(a.top, t.boundaries.top)), { top: d };
       },
       bottom: function() {
-        var p = a.top;
-        return a.bottom > t.boundaries.bottom && (p = Math.min(
+        var d = a.top;
+        return a.bottom > t.boundaries.bottom && (d = Math.min(
           a.top,
           t.boundaries.bottom - a.height
-        )), { top: p };
+        )), { top: d };
       }
     };
-    return i.forEach(function(p) {
-      t.offsets.popper = Object.assign(a, s[p]());
+    return i.forEach(function(d) {
+      t.offsets.popper = Object.assign(a, n[d]());
     }), t;
   }, o.prototype.modifiers.keepTogether = function(t) {
-    var i = f(t.offsets.popper), a = t.offsets.reference, s = Math.floor;
-    return i.right < s(a.left) && (t.offsets.popper.left = s(a.left) - i.width), i.left > s(a.right) && (t.offsets.popper.left = s(a.right)), i.bottom < s(a.top) && (t.offsets.popper.top = s(a.top) - i.height), i.top > s(a.bottom) && (t.offsets.popper.top = s(a.bottom)), 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;
   }, 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), s = t.placement.split("-")[1] || "", p = [];
-    return this._options.flipBehavior === "flip" ? p = [i, a] : p = this._options.flipBehavior, p.forEach(
-      function(d, u) {
-        if (!(i !== d || p.length === u + 1)) {
+    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(
+      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 = p[u + 1], s && (t.placement += "-" + s), t.offsets.popper = this._getOffsets(
+          (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(
             this._popper,
             this._reference,
             t.placement
@@ -326,20 +326,20 @@ 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 s = {}, p = t.placement.split("-")[0], d = f(t.offsets.popper), u = t.offsets.reference, v = ["left", "right"].indexOf(p) !== -1, g = v ? "height" : "width", m = v ? "top" : "left", w = v ? "left" : "top", S = v ? "bottom" : "right", x = n(i)[g];
-    u[S] - x < d[m] && (t.offsets.popper[m] -= d[m] - (u[S] - x)), u[m] + x > d[S] && (t.offsets.popper[m] += u[m] + x - d[S]);
-    var j = u[m] + (a || u[g] / 2 - x / 2), I = j - d[m];
+    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];
     return I = Math.max(
-      Math.min(d[g] - x - 10, I),
+      Math.min(p[g] - $ - 10, I),
       8
-    ), s[m] = I, s[w] = "", t.offsets.arrow = s, t.arrowElement = i, t;
+    ), n[m] = I, n[w] = "", t.offsets.arrow = n, t.arrowElement = i, t;
   };
-  function n(t) {
+  function s(t) {
     var i = t.style.display, a = t.style.visibility;
     t.style.display = "block", t.style.visibility = "hidden", t.offsetWidth;
-    var s = e.getComputedStyle(t), p = parseFloat(s.marginTop) + parseFloat(s.marginBottom), d = parseFloat(s.marginLeft) + parseFloat(s.marginRight), u = {
-      width: t.offsetWidth + d,
-      height: t.offsetHeight + p
+    var n = e.getComputedStyle(t), d = parseFloat(n.marginTop) + parseFloat(n.marginBottom), p = parseFloat(n.marginLeft) + parseFloat(n.marginRight), u = {
+      width: t.offsetWidth + p,
+      height: t.offsetHeight + d
     };
     return t.style.display = i, t.style.visibility = a, u;
   }
@@ -358,16 +358,16 @@ const U = function() {
     var i = Object.assign({}, t);
     return i.right = i.left + i.width, i.bottom = i.top + i.height, i;
   }
-  function h(t, i) {
-    var a = 0, s;
-    for (s in t) {
-      if (t[s] === i)
+  function c(t, i) {
+    var a = 0, n;
+    for (n in t) {
+      if (t[n] === i)
         return a;
       a++;
     }
     return null;
   }
-  function c(t, i) {
+  function h(t, i) {
     var a = e.getComputedStyle(t, null);
     return a[i];
   }
@@ -378,25 +378,25 @@ const U = function() {
   function b(t) {
     var i = t.parentNode;
     return i ? i === e.document ? e.document.body.scrollTop || e.document.body.scrollLeft ? e.document.body : e.document.documentElement : ["scroll", "auto"].indexOf(
-      c(i, "overflow")
+      h(i, "overflow")
     ) !== -1 || ["scroll", "auto"].indexOf(
-      c(i, "overflow-x")
+      h(i, "overflow-x")
     ) !== -1 || ["scroll", "auto"].indexOf(
-      c(i, "overflow-y")
+      h(i, "overflow-y")
     ) !== -1 ? i : b(t.parentNode) : t;
   }
   function k(t) {
-    return t === e.document.body ? !1 : c(t, "position") === "fixed" ? !0 : t.parentNode ? k(t.parentNode) : t;
+    return t === e.document.body ? !1 : h(t, "position") === "fixed" ? !0 : t.parentNode ? k(t.parentNode) : t;
   }
-  function $(t, i) {
-    function a(s) {
-      return s !== "" && !isNaN(parseFloat(s)) && isFinite(s);
+  function x(t, i) {
+    function a(n) {
+      return n !== "" && !isNaN(parseFloat(n)) && isFinite(n);
     }
-    Object.keys(i).forEach(function(s) {
-      var p = "";
+    Object.keys(i).forEach(function(n) {
+      var d = "";
       ["width", "height", "top", "right", "bottom", "left"].indexOf(
-        s
-      ) !== -1 && a(i[s]) && (p = "px"), t.style[s] = i[s] + p;
+        n
+      ) !== -1 && a(i[n]) && (d = "px"), t.style[n] = i[n] + 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, s = a && t.tagName === "HTML" ? -t.scrollTop : i.top;
+    var i = t.getBoundingClientRect(), a = navigator.userAgent.indexOf("MSIE") != -1, n = a && t.tagName === "HTML" ? -t.scrollTop : i.top;
     return {
       left: i.left,
-      top: s,
+      top: n,
       right: i.right,
       bottom: i.bottom,
       width: i.right - i.left,
-      height: i.bottom - s
+      height: i.bottom - n
     };
   }
   function K(t, i, a) {
-    var s = O(t), p = O(i);
+    var n = O(t), d = O(i);
     if (a) {
-      var d = b(i);
-      p.top += d.scrollTop, p.bottom += d.scrollTop, p.left += d.scrollLeft, p.right += d.scrollLeft;
+      var p = b(i);
+      d.top += p.scrollTop, d.bottom += p.scrollTop, d.left += p.scrollLeft, d.right += p.scrollLeft;
     }
     var u = {
-      top: s.top - p.top,
-      left: s.left - p.left,
-      bottom: s.top - p.top + s.height,
-      right: s.left - p.left + s.width,
-      width: s.width,
-      height: s.height
+      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
     };
     return u;
   }
   function F(t) {
     for (var i = ["", "ms", "webkit", "moz", "o"], a = 0; a < i.length; a++) {
-      var s = i[a] ? i[a] + t.charAt(0).toUpperCase() + t.slice(1) : t;
-      if (typeof e.document.body.style[s] < "u")
-        return s;
+      var n = i[a] ? i[a] + t.charAt(0).toUpperCase() + t.slice(1) : t;
+      if (typeof e.document.body.style[n] < "u")
+        return n;
     }
     return null;
   }
@@ -457,15 +457,15 @@ const U = function() {
           "Cannot convert first argument to object"
         );
       for (var i = Object(t), a = 1; a < arguments.length; a++) {
-        var s = arguments[a];
-        if (s != null) {
-          s = Object(s);
-          for (var p = Object.keys(s), d = 0, u = p.length; d < u; d++) {
-            var v = p[d], g = Object.getOwnPropertyDescriptor(
-              s,
+        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
             );
-            g !== void 0 && g.enumerable && (i[v] = s[v]);
+            g !== void 0 && g.enumerable && (i[v] = n[v]);
           }
         }
       }
@@ -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((n) => {
+      !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) => {
         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 n in e.attributes)
-        if (/^_v-/.test(e.attributes[n].name)) {
-          r = e.attributes[n].name;
+      for (let s in e.attributes)
+        if (/^_v-/.test(e.attributes[s].name)) {
+          r = e.attributes[s].name;
           break;
         }
       const o = document.createElement("div");
@@ -586,15 +586,15 @@ var Z = function() {
     }
   }, [e._t("reference")], 2)]);
 }, X = [];
-function C(e, r, o, n, l, f, h, c) {
+function C(e, r, o, s, l, f, c, h) {
   var _ = typeof e == "function" ? e.options : e;
-  r && (_.render = r, _.staticRenderFns = o, _._compiled = !0), n && (_.functional = !0), f && (_._scopeId = "data-v-" + f);
+  r && (_.render = r, _.staticRenderFns = o, _._compiled = !0), s && (_.functional = !0), f && (_._scopeId = "data-v-" + f);
   var b;
-  if (h ? (b = function(y) {
+  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(h);
-  }, _._ssrRegister = b) : l && (b = c ? function() {
+    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,
       (_.functional ? this.parent : this).$root.$options.shadowRoot
@@ -607,8 +607,8 @@ function C(e, r, o, n, l, f, h, c) {
         return b.call(O), k(M, O);
       };
     } else {
-      var $ = _.beforeCreate;
-      _.beforeCreate = $ ? [].concat($, b) : [b];
+      var x = _.beforeCreate;
+      _.beforeCreate = x ? [].concat(x, b) : [b];
     }
   return {
     exports: e,
@@ -705,8 +705,8 @@ var oe = function() {
       disabled: e.disabled
     },
     on: {
-      click: function(n) {
-        return n.stopPropagation(), e.handleChange.apply(null, arguments);
+      click: function(s) {
+        return s.stopPropagation(), e.handleChange.apply(null, arguments);
       }
     }
   }, [o("span", {
@@ -737,22 +737,22 @@ const ie = {
     }
   }
 }, P = {};
-var ne = /* @__PURE__ */ C(
+var se = /* @__PURE__ */ C(
   ie,
   oe,
   re,
   !1,
-  se,
+  ne,
   "1bea0315",
   null,
   null
 );
-function se(e) {
+function ne(e) {
   for (let r in P)
     this[r] = P[r];
 }
 const ae = /* @__PURE__ */ function() {
-  return ne.exports;
+  return se.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(n) {
-        return n.stopPropagation(), e.handleChange.apply(null, arguments);
+      click: function(s) {
+        return s.stopPropagation(), e.handleChange.apply(null, arguments);
       }
     }
   }, [o("span", {
@@ -771,8 +771,8 @@ var le = function() {
   }), o("span", {
     staticClass: "dp-radio_name_"
   }, [e._v(e._s(e.data.name))])]);
-}, pe = [];
-const de = {
+}, de = [];
+const pe = {
   name: "dp-radio",
   props: {
     data: {
@@ -793,22 +793,22 @@ const de = {
     }
   }
 }, R = {};
-var ce = /* @__PURE__ */ C(
-  de,
-  le,
+var he = /* @__PURE__ */ C(
   pe,
+  le,
+  de,
   !1,
-  he,
+  ce,
   "1d357f3a",
   null,
   null
 );
-function he(e) {
+function ce(e) {
   for (let r in R)
     this[r] = R[r];
 }
 const fe = /* @__PURE__ */ function() {
-  return ce.exports;
+  return he.exports;
 }();
 var ue = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
@@ -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(n) {
+  })]), o("div", [e.type === "check" ? e._l(e.option, function(s) {
     return o("dp-check", {
-      key: n.code,
+      key: s.code,
       attrs: {
-        data: Object.assign({}, n, {
+        data: Object.assign({}, s, {
           key: e.code
         }),
         value: e.value
@@ -840,11 +840,11 @@ var ue = function() {
         change: e.handleChange
       }
     });
-  }) : e.type === "radio" ? e._l(e.option, function(n) {
+  }) : e.type === "radio" ? e._l(e.option, function(s) {
     return o("dp-radio", {
-      key: n.code,
+      key: s.code,
       attrs: {
-        data: Object.assign({}, n, {
+        data: Object.assign({}, s, {
           key: e.code
         }),
         value: e.value[0]
@@ -918,8 +918,8 @@ var ye = function() {
       justifyContent: e.align
     }, e.item.style, e.item.privateStyle),
     on: {
-      click: function(n) {
-        return n.stopPropagation(), e.handleItemClick(e.item, e.fullCode);
+      click: function(s) {
+        return s.stopPropagation(), e.handleItemClick(e.item, e.fullCode);
       }
     }
   }, [e._t(e.item.slot || e.item.code, function() {
@@ -927,20 +927,23 @@ var ye = function() {
       staticClass: "dp-table_header_item_border_ dp-table_header_item_group_title_ dp-table_header_item_height_",
       style: {
         borderColor: e.borderColor,
-        justifyContent: e.align
+        textAlign: e.align
+      },
+      attrs: {
+        title: e.item.name
       }
     }, [e._v(e._s(e.item.name))]), e.item.children ? o("ul", {
       staticClass: "dp-table_header_item_child_",
       style: {
         borderColor: e.borderColor
       }
-    }, e._l(e.item.children, function(n) {
+    }, e._l(e.item.children, function(s) {
       return o("dp-table-header-item", {
-        key: n.code,
+        key: s.code,
         attrs: {
           align: e.align,
-          fullCode: [].concat(e.fullCode, [n.code]),
-          item: n,
+          fullCode: [].concat(e.fullCode, [s.code]),
+          item: s,
           borderColor: e.borderColor,
           sortInfo: e.sortInfo,
           filterInfo: e.filterInfo
@@ -975,7 +978,11 @@ var ye = function() {
       on: {
         change: e.handleChangeFilter
       }
-    })] : [e._v(" " + e._s(e.item.name) + " "), e.item.sortKey ? o("span", {
+    })] : [o("span", {
+      attrs: {
+        title: e.item.name
+      }
+    }, [e._v(e._s(e.item.name))]), e.item.sortKey ? o("span", {
       class: ["dp-table_header_item_sort_", e.sortInfo.target.join("_") === e.fullCode.join("_") && e.sortInfo.value === "up" && "dp-table_header_item_sort_up_", e.sortInfo.target.join("_") === e.fullCode.join("_") && e.sortInfo.value === "down" && "dp-table_header_item_sort_down_"]
     }) : e._e()]];
   })], 2);
@@ -1005,6 +1012,17 @@ const Ce = {
       type: Array
     }
   },
+  watch: {
+    item: {
+      handler() {
+        this.item && this.item.children && this.$nextTick(() => {
+          const e = this.$el.children[1].offsetWidth;
+          this.$el.style.maxWidth = `${e}px`;
+        });
+      },
+      immediate: !0
+    }
+  },
   data() {
     return {
       resizer: null,
@@ -1031,32 +1049,32 @@ const Ce = {
   beforeUnMounted() {
     this.resizer && this.resizer.unobserve(this.$el);
   }
-}, A = {};
-var xe = /* @__PURE__ */ C(
+}, B = {};
+var $e = /* @__PURE__ */ C(
   Ce,
   ye,
   we,
   !1,
-  $e,
-  "5cf7a766",
+  xe,
+  "60018e50",
   null,
   null
 );
-function $e(e) {
-  for (let r in A)
-    this[r] = A[r];
+function xe(e) {
+  for (let r in B)
+    this[r] = B[r];
 }
 const Se = /* @__PURE__ */ function() {
-  return xe.exports;
+  return $e.exports;
 }(), D = (e, r, o) => {
-  const n = e[o];
-  if (!n.isFixed || !r[n.code])
+  const s = e[o];
+  if (!s.isFixed || !r[s.code])
     return {};
-  const l = (h) => typeof h == "number" ? [h] : Object.values(h).map((c) => l(c)).flat();
-  return { position: "sticky", left: `${e.filter((h, c) => c < o && h.isFixed).map((h) => l(r[h.code])).reduce((h, c) => parseFloat(h) + parseFloat(c), 0)}px` };
-}, T = (e, r, o) => {
-  const n = e[r[0]];
-  return r.length > 1 ? T(n, r.slice(1)) : e[o] || n;
+  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` };
+}, 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];
 };
 var Ie = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
@@ -1064,17 +1082,18 @@ var Ie = function() {
     staticClass: "dp-table_header_view_",
     style: {
       borderColor: e.borderColor,
-      backgroundColor: e.bgColor
+      backgroundColor: e.bgColor,
+      minWidth: e.isBlock ? "100%" : ""
     }
-  }, e._l(e.data, function(n, l) {
+  }, e._l(e.data, function(s, l) {
     return o("dp-item", {
-      key: n.code,
-      class: [n.isFixed && "dp-table_fixed_bg_", e.isLeftScroll && "dp-table_fixed_shadow_"],
+      key: s.code,
+      class: [s.isFixed && "dp-table_fixed_bg_", e.isLeftScroll && "dp-table_fixed_shadow_"],
       style: Object.assign({}, e.fixedStyle[l]),
       attrs: {
-        item: n,
+        item: s,
         align: e.align,
-        fullCode: [n.code],
+        fullCode: [s.code],
         borderColor: e.borderColor,
         sortInfo: e.sortInfo,
         filterInfo: e.filterInfo
@@ -1084,11 +1103,11 @@ var Ie = function() {
         changeSort: e.handleChangeSort,
         changeFilter: e.handleChangeFilter
       },
-      scopedSlots: e._u([e._l(e.$slots, function(f, h) {
+      scopedSlots: e._u([e._l(e.$slots, function(f, c) {
         return {
-          key: h,
+          key: c,
           fn: function() {
-            return [e._t(h)];
+            return [e._t(c)];
           },
           proxy: !0
         };
@@ -1136,21 +1155,27 @@ const Ee = {
       return this.data.map((e, r) => ({ ...D(this.data, this.widthInfo, r), backgroundColor: this.bgColor }));
     }
   },
+  watch: {
+    data() {
+      this.widthInfo = {};
+    }
+  },
   data() {
     return {
       widthInfo: {},
-      timer: null
+      timer: null,
+      isBlock: !0
     };
   },
   methods: {
     computFixedStyle: D,
     handleChangeWidthInfo(e) {
       this.widthInfo = { ...this.widthInfo, ...e }, clearTimeout(this.timer), this.timer = setTimeout(() => {
-        this.$emit("changeWidth", this.widthInfo);
+        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);
     },
     handleChangeSort(e, r) {
-      console.log(e, r), this.$emit("changeSort", e, r);
+      this.$emit("changeSort", e, r);
     },
     handleChangeFilter(e) {
       this.$emit("changeFilter", e);
@@ -1163,7 +1188,7 @@ var ke = /* @__PURE__ */ C(
   Oe,
   !1,
   Me,
-  "2293b374",
+  "5d3820ae",
   null,
   null
 );
@@ -1171,10 +1196,10 @@ function Me(e) {
   for (let r in W)
     this[r] = W[r];
 }
-const je = /* @__PURE__ */ function() {
+const Te = /* @__PURE__ */ function() {
   return ke.exports;
 }();
-var Te = function() {
+var je = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
   return o("div", {
     staticClass: "dp-table_view_box_"
@@ -1202,10 +1227,11 @@ var Te = function() {
     },
     on: {
       changeWidth: e.handleSetWidthInfo,
+      changeBlock: e.handleSetBlock,
       changeSort: e.handleChangeSort,
       changeFilter: e.handleChangeFilter
     },
-    scopedSlots: e._u([e._l(e.$slots, function(n, l) {
+    scopedSlots: e._u([e._l(e.$slots, function(s, l) {
       return {
         key: l,
         fn: function() {
@@ -1218,14 +1244,15 @@ var Te = function() {
     staticClass: "dp-table_body_view_",
     style: {
       height: `${e.fullHeight}px`,
-      paddingTop: e.beforeHeight + "px"
+      paddingTop: e.beforeHeight + "px",
+      minWidth: e.isBlock ? "100%" : ""
     }
-  }, e._l(e.resultData, function(n) {
+  }, e._l(e.resultData, function(s) {
     return o("li", {
-      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`
+      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`
       }),
       on: {
         mouseenter: function(l) {
@@ -1236,72 +1263,78 @@ var Te = function() {
         }
       }
     }, [e._l(e.deepHeadData, function(l, f) {
-      return [n[l.code] instanceof Object ? [n[l.code].slot ? o("div", {
+      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_"],
         style: Object.assign({
           borderColor: e.borderColor
-        }, l.style, l.colStyle, e.computEvenColor(n.__sub), e.fixedStyle[f], e.computWidth(n[l.code]))
-      }, e._l([n[l.code].slot].flat(), function(h, c) {
+        }, 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) {
         return o("div", {
-          key: h,
+          key: c,
           staticClass: "dp-table_body_item_child_",
           style: Object.assign({
             borderColor: e.borderColor,
             padding: e.itemPadding,
             justifyContent: e.dir
-          }, l.style, l.colStyle, n[l.code].style, {
+          }, l.style, l.colStyle, s[l.code].style, {
             width: "100%"
           })
-        }, [e._t(h, null, {
-          item: n,
-          index: c
+        }, [e._t(c, null, {
+          item: s,
+          index: h
         })], 2);
-      }), 0) : n[l.code].raw ? o("div", {
+      }), 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_"],
         style: Object.assign({
           borderColor: e.borderColor
-        }, l.style, l.colStyle, e.computEvenColor(n.__sub), e.fixedStyle[f], e.computWidth(n[l.code]))
-      }, e._l([n[l.code].raw].flat(), function(h, c) {
+        }, 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) {
         return o("div", {
-          key: c,
+          key: h,
           staticClass: "dp-table_body_item_child_",
           style: Object.assign({
             borderColor: e.borderColor,
             padding: e.itemPadding,
             justifyContent: e.dir
-          }, l.style, l.colStyle, n[l.code].style, {
+          }, l.style, l.colStyle, s[l.code].style, {
             width: "100%"
           }),
           domProps: {
-            innerHTML: e._s(h)
+            innerHTML: e._s(c)
           }
         });
-      }), 0) : n[l.code].value ? o("div", {
+      }), 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_"],
         style: Object.assign({
           borderColor: e.borderColor
-        }, l.style, l.colStyle, e.computEvenColor(n.__sub), e.fixedStyle[f], e.computWidth(n[l.code]))
-      }, e._l([n[l.code].value].flat(), function(h, c) {
+        }, 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) {
         return o("div", {
-          key: c,
+          key: h,
           staticClass: "dp-table_body_item_child_",
           style: Object.assign({
             borderColor: e.borderColor,
             padding: e.itemPadding,
             justifyContent: e.dir
-          }, l.style, l.colStyle, n[l.code].style, {
+          }, l.style, l.colStyle, s[l.code].style, {
             width: "100%"
-          })
-        }, [e._v(e._s(h))]);
+          }),
+          attrs: {
+            title: l.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_"],
         style: Object.assign({
           borderColor: e.borderColor,
           padding: e.itemPadding,
           justifyContent: e.dir
-        }, l.style, l.colStyle, e.computEvenColor(n.__sub), e.fixedStyle[f])
-      }, [e._v(e._s(n[l.code]))])];
-    }), n.__isTotalData ? o("span", {
+        }, l.style, l.colStyle, e.computEvenColor(s.__sub), e.fixedStyle[f]),
+        attrs: {
+          title: l.isShowTitle ? s[l.code] : ""
+        }
+      }, [e._v(e._s(s[l.code]))])];
+    }), s.__isTotalData ? o("span", {
       staticClass: "dp-table_total_border_",
       style: {
         borderColor: e.borderColor
@@ -1322,7 +1355,7 @@ var Te = function() {
 const Fe = {
   name: "dp-table",
   components: {
-    DpHeader: je
+    DpHeader: Te
   },
   props: {
     // 边框颜色
@@ -1405,7 +1438,7 @@ const Fe = {
     // 平铺表头
     deepHeadData() {
       const e = [], r = (o) => {
-        o.children ? o.children.forEach((n) => r({ ...n, code: `${o.code}_${n.code}` })) : e.push(o);
+        o.children ? o.children.forEach((s) => r({ ...s, code: `${o.code}_${s.code}` })) : e.push(o);
       };
       return this.resultHeadData.forEach((o) => r(o)), e;
     },
@@ -1414,8 +1447,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((n) => {
-          if (!n.value.includes(T(r, n.target, n.filterKey)))
+        return e.some((s) => {
+          if (!s.value.includes(j(r, s.target, s.filterKey)))
             return o = !1, !0;
         }), o;
       }) : this.bodyData;
@@ -1427,22 +1460,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 n = T(r, this.sortInfo.target, this.sortInfo.sortKey), l = T(o, this.sortInfo.target, this.sortInfo.sortKey);
-        return this.sortInfo.value === "up" ? n - l : l - n;
+        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;
       }) : this.filterBodyData).slice(this.beforeIndex, this.currentIndex).concat(this.totalData ? [{ ...this.totalData, __sub: "", __isTotalData: !0 }] : []).map((r, o) => {
-        const n = this.handleComputItem(r);
-        return Object.keys(n).forEach((l) => {
-          if (n[l] instanceof Object && (n[l].merge || 0) > 1) {
-            const f = this.deepHeadData.findIndex((c) => c.code === l), h = this.deepHeadData.slice(f, f + n[l].merge);
-            h.forEach((c) => {
-              const _ = n[c.code];
-              _ instanceof Object || (n[c.code] = { value: _ }), n[c.code] = { ...n[c.code], isMergeIgnored: !0 };
-            }), n[l].isMerge = !0, n[l].width = h.map((c) => this.widthInfo[c.code]).reduce((c, _) => c + _, 0);
+        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);
+            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);
           }
         }), {
           __sub: o + parseInt(this.basicSub) + this.beforeIndex,
           ...r,
-          ...n,
+          ...s,
           __key: o + this.beforeIndex
         };
       });
@@ -1481,7 +1514,8 @@ const Fe = {
         target: [],
         value: null
       },
-      filterInfo: {}
+      filterInfo: {},
+      isBlock: !0
     };
   },
   mounted() {
@@ -1503,7 +1537,7 @@ const Fe = {
         if (this.rowHeight)
           o = this.rowHeight;
         else if (this.rowItemHeight) {
-          const n = this.handleComputItem(e, !0), l = this.deepHeadData.map((h) => n[h.code] instanceof Object ? n[h.code].slot ? [n[h.code].slot].flat().length : n[h.code].raw ? [n[h.code].raw].flat().length : n[h.code].value ? [n[h.code].value].flat().length : 1 : 1);
+          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;
         }
         return o;
@@ -1513,13 +1547,17 @@ const Fe = {
     handleSetWidthInfo(e) {
       this.widthInfo = e;
     },
+    // 设置表格块模式
+    handleSetBlock(e) {
+      this.isBlock = e;
+    },
     // 递归铺开数据
     handleComputItem(e, r) {
       let o = {};
-      const n = (l, f) => {
-        f.children ? f.children.forEach((h) => n((l || {})[h.code], { ...h, code: `${f.code}_${h.code}` })) : o[f.code] = l;
+      const s = (l, f) => {
+        f.children ? f.children.forEach((c) => s((l || {})[c.code], { ...c, code: `${f.code}_${c.code}` })) : o[f.code] = l;
       };
-      return this.headData.filter((l) => r || l.children).forEach((l) => n(e[l.code], l)), o;
+      return this.headData.filter((l) => r || l.children).forEach((l) => s(e[l.code], l)), o;
     },
     // 滚动事件
     handleScroll(e) {
@@ -1529,9 +1567,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((n) => {
-            const l = o + n >= r;
-            return l || (o += n), l;
+          this.beforeIndex = this.fullHeightInfo.findIndex((s) => {
+            const l = o + s >= r;
+            return l || (o += s), l;
           }), this.currentIndex = Math.min(this.beforeIndex + 50, this.filterBodyData.length);
         }
       }, 10);
@@ -1544,7 +1582,7 @@ const Fe = {
     handleChangeSort(e, r) {
       if (this.sortInfo.target.join("_") === r.join("_")) {
         const o = ["up", "down", null];
-        this.sortInfo.value = o[(o.findIndex((n) => n === (this.sortInfo.value || null)) + 1) % o.length];
+        this.sortInfo.value = o[(o.findIndex((s) => s === (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 });
@@ -1554,20 +1592,20 @@ const Fe = {
       this.filterInfo = { ...this.filterInfo, ...e }, this.beforeIndex = 0, this.currentIndex = 50, this.$refs.table.scrollTop = 0, this.$emit("changeFilter", Object.values(this.filterInfo).map((r) => ({ key: r.key, value: r.value })));
     }
   }
-}, B = {};
+}, A = {};
 var Le = /* @__PURE__ */ C(
   Fe,
-  Te,
+  je,
   De,
   !1,
   He,
-  "42fb40b0",
+  "07f8d2be",
   null,
   null
 );
 function He(e) {
-  for (let r in B)
-    this[r] = B[r];
+  for (let r in A)
+    this[r] = A[r];
 }
 const Pe = /* @__PURE__ */ function() {
   return Le.exports;
@@ -1581,7 +1619,7 @@ var Re = function() {
     }
   });
 }, Ne = [];
-const Ae = {
+const Be = {
   name: "dp-raw",
   props: {
     data: String
@@ -1593,13 +1631,13 @@ const Ae = {
     computSvgDom() {
       const e = ["width", "height"];
       [...this.$el.querySelectorAll("img")].filter((o) => /.svg$/i.test(o.src)).forEach(async (o) => {
-        const n = await fetch(o.src).then(async (l) => await l.text());
-        if (n) {
+        const s = await fetch(o.src).then(async (l) => await l.text());
+        if (s) {
           const l = document.createElement("span");
           o.replaceWith(l);
           const f = document.createElement("span");
-          f.innerHTML = n, [...o.attributes].filter((c) => c.value && c.name !== "src").forEach((c) => {
-            e.includes(c.name) ? f.style[c.name] = c.value : f[c.name] = c.value;
+          f.innerHTML = s, [...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);
         }
       });
@@ -1607,16 +1645,16 @@ const Ae = {
   }
 }, z = {};
 var We = /* @__PURE__ */ C(
-  Ae,
+  Be,
   Re,
   Ne,
   !1,
-  Be,
+  Ae,
   "65587794",
   null,
   null
 );
-function Be(e) {
+function Ae(e) {
   for (let r in z)
     this[r] = z[r];
 }
@@ -1624,8 +1662,8 @@ 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: n } = e, l = Object.keys(qe), f = o ? l.filter((c) => !(n || l).includes(c)) : n || l, h = l.filter((c) => !f.includes(c));
-  r.classList.add(...f.map((c) => `__toggleraw_${c}_hidden`)), r.classList.remove(...h.map((c) => `__toggleraw_${c}_hidden`));
+  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));
+  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() {
   var e = this, r = e.$createElement, o = e._self._c || r;
   return o("svg", {
@@ -1684,7 +1722,7 @@ var et = function() {
       left: `${e.index * e.itemW}%`,
       background: e.activeColor
     }
-  }), e._l(e.option, function(n, l) {
+  }), e._l(e.option, function(s, l) {
     return o("div", {
       staticClass: "dp-capsule_view_item_",
       style: {
@@ -1693,10 +1731,10 @@ var et = function() {
       },
       on: {
         click: function(f) {
-          return e.handleChange(n.code);
+          return e.handleChange(s.code);
         }
       }
-    }, [e._v(e._s(n.name))]);
+    }, [e._v(e._s(s.name))]);
   })], 2);
 }, tt = [];
 const ot = {
@@ -1756,10 +1794,10 @@ function it(e) {
   for (let r in J)
     this[r] = J[r];
 }
-const nt = /* @__PURE__ */ function() {
+const st = /* @__PURE__ */ function() {
   return rt.exports;
 }();
-var st = function() {
+var nt = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
   return o("dp-popover", {
     attrs: {
@@ -1772,7 +1810,7 @@ var st = function() {
       name: "set"
     },
     nativeOn: {
-      click: function(n) {
+      click: function(s) {
         return e.handleChange(e.isShow);
       }
     },
@@ -1794,7 +1832,7 @@ const lt = {
   components: {
     DpIcon: Qe,
     DpPopover: G,
-    DpCapsule: nt
+    DpCapsule: st
   },
   props: {
     initVal: {
@@ -1825,34 +1863,34 @@ const lt = {
     }
   }
 }, V = {};
-var pt = /* @__PURE__ */ C(
+var dt = /* @__PURE__ */ C(
   lt,
-  st,
+  nt,
   at,
   !1,
-  dt,
+  pt,
   "41c0d3a5",
   null,
   null
 );
-function dt(e) {
+function pt(e) {
   for (let r in V)
     this[r] = V[r];
 }
-const ct = /* @__PURE__ */ function() {
-  return pt.exports;
-}(), ht = [
+const ht = /* @__PURE__ */ function() {
+  return dt.exports;
+}(), ct = [
   Pe,
   ze,
-  ct
+  ht
 ], ft = {
   install: (e) => {
-    ht.forEach((r) => e.component(r.name, r));
+    ct.forEach((r) => e.component(r.name, r));
   }
 };
 export {
   ze as Raw,
   Pe as Table,
-  ct as ToggleRaw,
+  ht as ToggleRaw,
   ft as default
 };

package/dist/style.css

@@ -1 +1 @@
-.dp-popover_view_[data-v-6f7c137a]{position:absolute;background-color:#fff;min-width:100px;z-index:1000;border-radius:6px;border:1px solid #ccc;padding:6px 10px;box-shadow:0 0 8px #ccc}.dp-popover_view_[x-placement^=top][data-v-6f7c137a]{margin-bottom:14px}.dp-popover_view_[x-placement^=top] .dp-popover_arrow_[data-v-6f7c137a]{bottom:-8px;left:50%;margin-right:3px;border-top-color:#ccc;border-bottom-width:0}.dp-popover_view_[x-placement^=top] .dp-popover_arrow_[data-v-6f7c137a]:after{bottom:1px;margin-left:-8px;border-top-color:#fff;border-bottom-width:0}.dp-popover_view_[x-placement^=bottom][data-v-6f7c137a]{margin-top:14px}.dp-popover_view_[x-placement^=bottom] .dp-popover_arrow_[data-v-6f7c137a]{top:-8px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ccc}.dp-popover_view_[x-placement^=bottom] .dp-popover_arrow_[data-v-6f7c137a]:after{top:1px;margin-left:-8px;border-top-width:0;border-bottom-color:#fff}.dp-popover_view_[x-placement^=right][data-v-6f7c137a]{margin-left:14px}.dp-popover_view_[x-placement^=right] .dp-popover_arrow_[data-v-6f7c137a]{top:50%;left:-8px;margin-bottom:3px;border-right-color:#ccc;border-left-width:0}.dp-popover_view_[x-placement^=right] .dp-popover_arrow_[data-v-6f7c137a]:after{bottom:-8px;left:1px;border-right-color:#fff;border-left-width:0}.dp-popover_view_[x-placement^=left][data-v-6f7c137a]{margin-right:14px}.dp-popover_view_[x-placement^=left] .dp-popover_arrow_[data-v-6f7c137a]{top:50%;right:-8px;margin-bottom:3px;border-right-width:0;border-left-color:#ccc}.dp-popover_view_[x-placement^=left] .dp-popover_arrow_[data-v-6f7c137a]:after{right:1px;bottom:-8px;margin-left:-8px;border-left-color:#fff;border-right-width:0}.dp-popover_arrow_[data-v-6f7c137a],.dp-popover_arrow_[data-v-6f7c137a]:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.dp-popover_arrow_[data-v-6f7c137a]{border-width:8px;-webkit-filter:drop-shadow(0 2px 12px rgba(0,0,0,.03));filter:drop-shadow(0 2px 12px rgba(0,0,0,.03))}.dp-popover_arrow_[data-v-6f7c137a]:after{content:" ";border-width:8px}.dp-check_view_[data-v-1bea0315]{font-size:14px;padding:5px 10px;min-width:60px;display:flex;cursor:pointer}.dp-check_view_[data-v-1bea0315]:hover{background-color:#e8e8e8}.dp-check_view_[disabled][data-v-1bea0315]{pointer-events:none}.dp-check_tag_[data-v-1bea0315]{width:14px;height:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #999;margin-right:10px;transform:translateY(1px)}.dp-check_name_[data-v-1bea0315]{white-space:break-spaces}.dp-check_view_checked_ .dp-check_tag_[data-v-1bea0315]{border-color:#4386f5;background-color:#4386f5}.dp-check_view_checked_ .dp-check_tag_[data-v-1bea0315]:before{content:"";width:9px;height:5px;border-bottom:1px solid #fff;border-left:1px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.dp-check_view_checked_ .dp-check_name_[data-v-1bea0315]{color:#4386f5}.dp-radio_view_[data-v-1d357f3a]{font-size:14px;padding:5px 10px;min-width:60px;display:flex;cursor:pointer}.dp-radio_view_[data-v-1d357f3a]:hover{background-color:#e8e8e8}.dp-radio_view_[disabled][data-v-1d357f3a]{pointer-events:none}.dp-radio_tag_[data-v-1d357f3a]{width:14px;height:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #999;margin-right:10px;transform:translateY(1px)}.dp-radio_name_[data-v-1d357f3a]{white-space:break-spaces}.dp-radio_view_checked_ .dp-radio_tag_[data-v-1d357f3a]{border-color:#4386f5}.dp-radio_view_checked_ .dp-radio_tag_[data-v-1d357f3a]:before{content:"";width:10px;height:10px;border-radius:50%;background-color:#4386f5}.dp-radio_view_checked_ .dp-radio_name_[data-v-1d357f3a]{color:#4386f5}.dp-checkfilter_view_[data-v-45a9d784]{display:flex;align-items:center;justify-content:center;padding:10px 0;position:relative;cursor:pointer}.dp-checkfilter_arrow_[data-v-45a9d784]{position:relative;width:6px;height:6px;margin:0 10px;border-bottom:2px solid #999;border-left:2px solid #999;transform:rotate(-45deg) translateY(-2px);transition:all .1s}.dp-checkfilter_option_view_[data-v-45a9d784]{overflow:hidden;visibility:hidden;position:absolute;z-index:1000;left:0;top:100%;width:100%;border-radius:5px;box-shadow:3px 3px 10px #c3c3c3;transform:scaleY(0);transform-origin:top;transition:all .1s}.dp-checkfilter_title_checked_[data-v-45a9d784]{color:#fe8227}.dp-checkfilter_view_:hover .dp-checkfilter_arrow_[data-v-45a9d784]{transform:rotate(135deg) translate(3px,-3px)}.dp-checkfilter_view_:hover .dp-checkfilter_option_view_[data-v-45a9d784]{transform:scale(1);overflow:visible;visibility:inherit}.dp-checkfilter_option_view_[data-v-45a9d784]:before{content:"";position:absolute;left:calc(50% - 4px);top:-4px;width:8px;height:8px;background-color:#fff;box-shadow:3px 3px 10px #c3c3c3;transform:rotate(45deg)}.dp-checkfilter_option_list_[data-v-45a9d784]{max-height:400px;overflow:auto;border-radius:5px;background-color:#fff;position:relative;z-index:2}.dp-table_header_item_height_[data-v-5cf7a766]{min-height:40px}.dp-table_header_item_[data-v-5cf7a766]{white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;flex-shrink:0}.dp-table_header_item_group_[data-v-5cf7a766]{flex-direction:column;align-items:stretch}.dp-table_header_item_group_title_[data-v-5cf7a766]{display:flex;align-items:center;justify-content:center}.dp-table_header_item_border_[data-v-5cf7a766]{border-right:1px solid;border-bottom:1px solid;padding:3px 10px}.dp-table_header_item_child_[data-v-5cf7a766]{display:flex}.dp-table_header_item_sort_[data-v-5cf7a766]{display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;width:16px;height:12px}.dp-table_header_item_sort_[data-v-5cf7a766]:before,.dp-table_header_item_sort_[data-v-5cf7a766]:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.dp-table_header_item_sort_[data-v-5cf7a766]:before{border-bottom:5px solid #999}.dp-table_header_item_sort_[data-v-5cf7a766]:after{border-top:5px solid #999}.dp-table_header_item_sort_up_[data-v-5cf7a766]:before{border-bottom-color:#fe8227}.dp-table_header_item_sort_down_[data-v-5cf7a766]:after{border-top-color:#fe8227}.dp-table_header_item_cursor_[data-v-5cf7a766]{cursor:pointer}.dp-table_header_filter_view_[data-v-5cf7a766]{flex:1}.dp-table_header_view_[data-v-2293b374]{flex-shrink:0;display:inline-flex;border-top:1px solid;position:sticky;z-index:3;top:0;user-select:none}.dp-table_fixed_bg_[data-v-2293b374]{background-color:#fff}.dp-table_fixed_bg_.dp-table_fixed_shadow_[data-v-2293b374]{box-shadow:5px 0 8px -3px #e3e3e3}.dp-table_view_box_[data-v-42fb40b0]{font-size:0}.dp-table_view_border_[data-v-42fb40b0]{border-left:1px solid;display:inline-block!important;max-width:100%;position:relative}.dp-table_view_bottom_border_[data-v-42fb40b0]{position:absolute;z-index:4;left:0;bottom:0;width:100%;height:0;border-top:1px solid}.dp-table_view_right_border_[data-v-42fb40b0]{position:absolute;z-index:4;right:0;top:0;width:0;height:100%;border-left:1px solid}.dp-table_view_[data-v-42fb40b0]{display:inline-block;max-width:100%;overflow:auto;max-height:100vh;font-size:0;position:relative;box-sizing:border-box}.dp-table_body_view_[data-v-42fb40b0]{display:inline-flex;flex-direction:column;box-sizing:border-box;min-height:50px}.dp-table_body_view_[data-v-42fb40b0]:empty{display:flex;align-items:center;justify-content:center}.dp-table_body_view_[data-v-42fb40b0]:empty:before{content:"\6682\65e0\6570\636e";line-height:2;color:#999}.dp-table_view_>*[data-v-42fb40b0]{font-size:14px}.dp-table_body_item_[data-v-42fb40b0]{display:inline-flex}.dp-table_fixed_bg_[data-v-42fb40b0]{background-color:#fff}.dp-table_fixed_bg_.dp-table_fixed_shadow_[data-v-42fb40b0]{box-shadow:5px 0 8px -3px #e3e3e3}.dp-table_body_item_group_col_[data-v-42fb40b0]{display:flex;flex-direction:column}.dp-table_body_item_group_col_>*[data-v-42fb40b0]{flex:1}.dp-table_body_item_child_[data-v-42fb40b0]{flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid;border-bottom:1px solid;box-sizing:border-box;overflow:hidden}.dp-table_total_view_[data-v-42fb40b0]{position:sticky;bottom:0;display:inline-flex;background-color:#fff;overflow:visible}.dp-table_total_border_[data-v-42fb40b0]{position:absolute;left:0;top:-1px;color:inherit;z-index:4;width:100%;border-top:1px solid}.problem-raw[data-v-65587794]:after{content:"";display:block;clear:both}.icon[data-v-3766159a]{vertical-align:-.15em;fill:currentColor;overflow:hidden;font-size:0}.dp-capsule_view_[data-v-8d631704]{display:inline-flex;position:relative;flex-shrink:0;margin:2px}.dp-capsule_view_[data-v-8d631704]:before{content:"";position:absolute;left:-2px;top:-2px;right:-2px;bottom:-2px;border:1px solid #4386f5;border-radius:200px}.pointer[data-v-8d631704]{cursor:pointer}.dp-capsule_view_active_[data-v-8d631704]{position:absolute;transition:left .1s;top:0;border-radius:200px;height:100%}.dp-capsule_view_item_[data-v-8d631704]{flex:1;position:relative;z-index:2;padding:0 10px;text-align:center;line-height:1.8;white-space:nowrap}.dp-toggleraw_icon_[data-v-41c0d3a5]{padding:5px}.dp-toggleraw_content_[data-v-41c0d3a5]{display:flex;align-items:center;justify-content:space-between}
+.dp-popover_view_[data-v-6f7c137a]{position:absolute;background-color:#fff;min-width:100px;z-index:1000;border-radius:6px;border:1px solid #ccc;padding:6px 10px;box-shadow:0 0 8px #ccc}.dp-popover_view_[x-placement^=top][data-v-6f7c137a]{margin-bottom:14px}.dp-popover_view_[x-placement^=top] .dp-popover_arrow_[data-v-6f7c137a]{bottom:-8px;left:50%;margin-right:3px;border-top-color:#ccc;border-bottom-width:0}.dp-popover_view_[x-placement^=top] .dp-popover_arrow_[data-v-6f7c137a]:after{bottom:1px;margin-left:-8px;border-top-color:#fff;border-bottom-width:0}.dp-popover_view_[x-placement^=bottom][data-v-6f7c137a]{margin-top:14px}.dp-popover_view_[x-placement^=bottom] .dp-popover_arrow_[data-v-6f7c137a]{top:-8px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ccc}.dp-popover_view_[x-placement^=bottom] .dp-popover_arrow_[data-v-6f7c137a]:after{top:1px;margin-left:-8px;border-top-width:0;border-bottom-color:#fff}.dp-popover_view_[x-placement^=right][data-v-6f7c137a]{margin-left:14px}.dp-popover_view_[x-placement^=right] .dp-popover_arrow_[data-v-6f7c137a]{top:50%;left:-8px;margin-bottom:3px;border-right-color:#ccc;border-left-width:0}.dp-popover_view_[x-placement^=right] .dp-popover_arrow_[data-v-6f7c137a]:after{bottom:-8px;left:1px;border-right-color:#fff;border-left-width:0}.dp-popover_view_[x-placement^=left][data-v-6f7c137a]{margin-right:14px}.dp-popover_view_[x-placement^=left] .dp-popover_arrow_[data-v-6f7c137a]{top:50%;right:-8px;margin-bottom:3px;border-right-width:0;border-left-color:#ccc}.dp-popover_view_[x-placement^=left] .dp-popover_arrow_[data-v-6f7c137a]:after{right:1px;bottom:-8px;margin-left:-8px;border-left-color:#fff;border-right-width:0}.dp-popover_arrow_[data-v-6f7c137a],.dp-popover_arrow_[data-v-6f7c137a]:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.dp-popover_arrow_[data-v-6f7c137a]{border-width:8px;-webkit-filter:drop-shadow(0 2px 12px rgba(0,0,0,.03));filter:drop-shadow(0 2px 12px rgba(0,0,0,.03))}.dp-popover_arrow_[data-v-6f7c137a]:after{content:" ";border-width:8px}.dp-check_view_[data-v-1bea0315]{font-size:14px;padding:5px 10px;min-width:60px;display:flex;cursor:pointer}.dp-check_view_[data-v-1bea0315]:hover{background-color:#e8e8e8}.dp-check_view_[disabled][data-v-1bea0315]{pointer-events:none}.dp-check_tag_[data-v-1bea0315]{width:14px;height:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #999;margin-right:10px;transform:translateY(1px)}.dp-check_name_[data-v-1bea0315]{white-space:break-spaces}.dp-check_view_checked_ .dp-check_tag_[data-v-1bea0315]{border-color:#4386f5;background-color:#4386f5}.dp-check_view_checked_ .dp-check_tag_[data-v-1bea0315]:before{content:"";width:9px;height:5px;border-bottom:1px solid #fff;border-left:1px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.dp-check_view_checked_ .dp-check_name_[data-v-1bea0315]{color:#4386f5}.dp-radio_view_[data-v-1d357f3a]{font-size:14px;padding:5px 10px;min-width:60px;display:flex;cursor:pointer}.dp-radio_view_[data-v-1d357f3a]:hover{background-color:#e8e8e8}.dp-radio_view_[disabled][data-v-1d357f3a]{pointer-events:none}.dp-radio_tag_[data-v-1d357f3a]{width:14px;height:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #999;margin-right:10px;transform:translateY(1px)}.dp-radio_name_[data-v-1d357f3a]{white-space:break-spaces}.dp-radio_view_checked_ .dp-radio_tag_[data-v-1d357f3a]{border-color:#4386f5}.dp-radio_view_checked_ .dp-radio_tag_[data-v-1d357f3a]:before{content:"";width:10px;height:10px;border-radius:50%;background-color:#4386f5}.dp-radio_view_checked_ .dp-radio_name_[data-v-1d357f3a]{color:#4386f5}.dp-checkfilter_view_[data-v-45a9d784]{display:flex;align-items:center;justify-content:center;padding:10px 0;position:relative;cursor:pointer}.dp-checkfilter_arrow_[data-v-45a9d784]{position:relative;width:6px;height:6px;margin:0 10px;border-bottom:2px solid #999;border-left:2px solid #999;transform:rotate(-45deg) translateY(-2px);transition:all .1s}.dp-checkfilter_option_view_[data-v-45a9d784]{overflow:hidden;visibility:hidden;position:absolute;z-index:1000;left:0;top:100%;width:100%;border-radius:5px;box-shadow:3px 3px 10px #c3c3c3;transform:scaleY(0);transform-origin:top;transition:all .1s}.dp-checkfilter_title_checked_[data-v-45a9d784]{color:#fe8227}.dp-checkfilter_view_:hover .dp-checkfilter_arrow_[data-v-45a9d784]{transform:rotate(135deg) translate(3px,-3px)}.dp-checkfilter_view_:hover .dp-checkfilter_option_view_[data-v-45a9d784]{transform:scale(1);overflow:visible;visibility:inherit}.dp-checkfilter_option_view_[data-v-45a9d784]:before{content:"";position:absolute;left:calc(50% - 4px);top:-4px;width:8px;height:8px;background-color:#fff;box-shadow:3px 3px 10px #c3c3c3;transform:rotate(45deg)}.dp-checkfilter_option_list_[data-v-45a9d784]{max-height:400px;overflow:auto;border-radius:5px;background-color:#fff;position:relative;z-index:2}.dp-table_header_item_height_[data-v-60018e50]{min-height:40px}.dp-table_header_item_[data-v-60018e50]{white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;flex-shrink:0}.dp-table_header_item_group_[data-v-60018e50]{flex-direction:column;align-items:start}.dp-table_header_item_group_title_[data-v-60018e50]{align-self:stretch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp-table_header_item_group_title_[data-v-60018e50]:before{content:" ";display:inline-block;height:100%;vertical-align:middle}.dp-table_header_item_border_[data-v-60018e50]{border-right:1px solid;border-bottom:1px solid;padding:3px 10px}.dp-table_header_item_child_[data-v-60018e50]{display:flex}.dp-table_header_item_sort_[data-v-60018e50]{display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;width:16px;height:12px}.dp-table_header_item_sort_[data-v-60018e50]:before,.dp-table_header_item_sort_[data-v-60018e50]:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.dp-table_header_item_sort_[data-v-60018e50]:before{border-bottom:5px solid #999}.dp-table_header_item_sort_[data-v-60018e50]:after{border-top:5px solid #999}.dp-table_header_item_sort_up_[data-v-60018e50]:before{border-bottom-color:#fe8227}.dp-table_header_item_sort_down_[data-v-60018e50]:after{border-top-color:#fe8227}.dp-table_header_item_cursor_[data-v-60018e50]{cursor:pointer}.dp-table_header_filter_view_[data-v-60018e50]{flex:1}.dp-table_header_view_[data-v-5d3820ae]{flex-shrink:0;display:inline-flex;border-top:1px solid;position:sticky;z-index:3;top:0;user-select:none}.dp-table_fixed_bg_[data-v-5d3820ae]{background-color:#fff}.dp-table_fixed_bg_.dp-table_fixed_shadow_[data-v-5d3820ae]{box-shadow:5px 0 8px -3px #e3e3e3}.dp-table_view_box_[data-v-07f8d2be]{flex:1;font-size:0;max-height:100vh;overflow:auto}.dp-table_view_border_[data-v-07f8d2be]{border-left:1px solid;display:inline-flex!important;flex-direction:column;max-width:100%;max-height:100%;box-sizing:border-box;overflow:auto;position:relative}.dp-table_view_bottom_border_[data-v-07f8d2be]{position:absolute;z-index:4;left:0;bottom:0;width:100%;height:0;border-top:1px solid}.dp-table_view_right_border_[data-v-07f8d2be]{position:absolute;z-index:4;right:0;top:0;width:0;height:100%;border-left:1px solid}.dp-table_view_[data-v-07f8d2be]{flex:1;display:inline-block;width:100%;max-height:100%;font-size:0;position:relative;box-sizing:border-box;overflow:auto}.dp-table_body_view_[data-v-07f8d2be]{display:inline-flex;flex-direction:column;box-sizing:border-box;min-height:50px}.dp-table_body_view_[data-v-07f8d2be]:empty{display:flex;align-items:center;justify-content:center}.dp-table_body_view_[data-v-07f8d2be]:empty:before{content:"\6682\65e0\6570\636e";line-height:2;color:#999}.dp-table_view_>*[data-v-07f8d2be]{font-size:14px}.dp-table_body_item_[data-v-07f8d2be]{display:inline-flex}.dp-table_fixed_bg_[data-v-07f8d2be]{background-color:#fff}.dp-table_fixed_bg_.dp-table_fixed_shadow_[data-v-07f8d2be]{box-shadow:5px 0 8px -3px #e3e3e3}.dp-table_body_item_group_col_[data-v-07f8d2be]{display:flex;flex-direction:column;flex-shrink:0}.dp-table_body_item_group_col_>*[data-v-07f8d2be]{flex:1}.dp-table_body_item_child_[data-v-07f8d2be]{flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid;border-bottom:1px solid;box-sizing:border-box;overflow:hidden}.dp-table_total_view_[data-v-07f8d2be]{position:sticky;bottom:0;display:inline-flex;background-color:#fff;overflow:visible}.dp-table_total_border_[data-v-07f8d2be]{position:absolute;left:0;top:-1px;color:inherit;z-index:4;width:100%;border-top:1px solid}.problem-raw[data-v-65587794]:after{content:"";display:block;clear:both}.icon[data-v-3766159a]{vertical-align:-.15em;fill:currentColor;overflow:hidden;font-size:0}.dp-capsule_view_[data-v-8d631704]{display:inline-flex;position:relative;flex-shrink:0;margin:2px}.dp-capsule_view_[data-v-8d631704]:before{content:"";position:absolute;left:-2px;top:-2px;right:-2px;bottom:-2px;border:1px solid #4386f5;border-radius:200px}.pointer[data-v-8d631704]{cursor:pointer}.dp-capsule_view_active_[data-v-8d631704]{position:absolute;transition:left .1s;top:0;border-radius:200px;height:100%}.dp-capsule_view_item_[data-v-8d631704]{flex:1;position:relative;z-index:2;padding:0 10px;text-align:center;line-height:1.8;white-space:nowrap}.dp-toggleraw_icon_[data-v-41c0d3a5]{padding:5px}.dp-toggleraw_content_[data-v-41c0d3a5]{display:flex;align-items:center;justify-content:space-between}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "dpot-ui",
     "private": false,
-    "version": "0.1.11",
+    "version": "0.2.0",
     "author": "Jeesn",
     "main": "./dist/index.es.js",
     "module": "./dist/index.es.js",