dpot-ui 0.2.4 → 0.2.6

package/dist/index.es.js

@@ -1,46 +1,14 @@
-/**
- * @fileOverview Kickass library to create and place poppers near their reference elements.
- * @version {{version}}
- * @license
- * Copyright (c) 2016 Federico Zivolo and contributors
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
 const U = function() {
   var e = window, r = {
-    // placement of the popper
     placement: "bottom",
     gpuAcceleration: !0,
-    // shift popper from its origin by the given amount of pixels (can be negative)
     offset: 0,
-    // the element which will act as boundary of the popper
     boundariesElement: "viewport",
-    // amount of pixel used to define a minimum distance between the boundaries and the popper
     boundariesPadding: 5,
-    // popper will try to prevent overflow following this order,
-    // by default, then, it could overflow on the left and on top of the boundariesElement
     preventOverflowOrder: ["left", "right", "top", "bottom"],
-    // the behavior used by flip to change the placement of the popper
     flipBehavior: "flip",
     arrowElement: "[x-arrow]",
     arrowOffset: 0,
-    // list of functions used to modify the offsets before they are applied to the popper
     modifiers: [
       "shift",
       "offset",
@@ -64,10 +32,10 @@ const U = function() {
             this._options.placement
           ), 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), b(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;
+    return this._popper.removeAttribute("x-placement"), this._popper.style.left = "", this._popper.style.position = "", this._popper.style.top = "", this._popper.style[D("transform")] = "", this._removeEventListeners(), this._options.removeOnDestroy && this._popper.remove(), this;
   }, o.prototype.update = function() {
     var t = { instance: this, styles: {} };
     t.placement = this._options.placement, t._originalPlacement = this._options.placement, t.offsets = this._getOffsets(
@@ -97,11 +65,11 @@ const U = function() {
     };
     t = Object.assign({}, i, t);
     var l = e.document, s = l.createElement(t.tagName);
-    if (u(s, t.classNames), m(s, t.attributes), t.contentType === "node" ? s.appendChild(
+    if (u(s, t.classNames), v(s, t.attributes), t.contentType === "node" ? s.appendChild(
       t.content.jquery ? t.content[0] : t.content
     ) : 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);
+      u(d, t.arrowClassNames), v(d, t.arrowAttributes), s.appendChild(d);
     }
     var p = t.parent.jquery ? t.parent[0] : t.parent;
     if (typeof p == "string") {
@@ -114,31 +82,31 @@ 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(s), s;
-    function u(g, v) {
-      v.forEach(function(w) {
-        g.classList.add(w);
+    function u(w, y) {
+      y.forEach(function(C) {
+        w.classList.add(C);
       });
     }
-    function m(g, v) {
-      v.forEach(function(w) {
-        g.setAttribute(
-          w.split(":")[0],
-          w.split(":")[1] || ""
+    function v(w, y) {
+      y.forEach(function(C) {
+        w.setAttribute(
+          C.split(":")[0],
+          C.split(":")[1] || ""
         );
       });
     }
   }, o.prototype._getPosition = function(t, i) {
-    if (_(i), this._options.forceAbsolute)
+    if (m(i), this._options.forceAbsolute)
       return "absolute";
-    var l = E(i);
+    var l = S(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(
+    var d = s.position === "fixed", p = V(
       i,
-      _(t),
+      m(t),
       d
     ), 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, {
@@ -147,7 +115,7 @@ const U = function() {
     };
   }, o.prototype._setupEventListeners = function() {
     if (this.state.updateBound = this.update.bind(this), e.addEventListener("resize", this.state.updateBound), this._options.boundariesElement !== "window") {
-      var t = b(this._reference);
+      var t = g(this._reference);
       (t === e.document.body || t === e.document.documentElement) && (t = e), t.addEventListener("scroll", this.state.updateBound), this.state.scrollTarget = t;
     }
   }, o.prototype._removeEventListeners = function() {
@@ -158,19 +126,19 @@ const U = function() {
   }, o.prototype._getBoundaries = function(t, i, l) {
     var s = {}, d, p;
     if (l === "window") {
-      var u = e.document.body, m = e.document.documentElement;
+      var u = e.document.body, v = e.document.documentElement;
       p = Math.max(
         u.scrollHeight,
         u.offsetHeight,
-        m.clientHeight,
-        m.scrollHeight,
-        m.offsetHeight
+        v.clientHeight,
+        v.scrollHeight,
+        v.offsetHeight
       ), d = Math.max(
         u.scrollWidth,
         u.offsetWidth,
-        m.clientWidth,
-        m.scrollWidth,
-        m.offsetWidth
+        v.clientWidth,
+        v.scrollWidth,
+        v.offsetWidth
       ), s = {
         top: 0,
         right: d,
@@ -178,25 +146,25 @@ const U = function() {
         left: 0
       };
     } else if (l === "viewport") {
-      var g = _(this._popper), v = b(this._popper), w = M(g), S = function(k) {
+      var w = m(this._popper), y = g(this._popper), C = M(w), I = function(k) {
         return k == document.body ? Math.max(
           document.documentElement.scrollTop,
           document.body.scrollTop
         ) : k.scrollTop;
-      }, x = function(k) {
+      }, $ = function(k) {
         return k == document.body ? Math.max(
           document.documentElement.scrollLeft,
           document.body.scrollLeft
         ) : k.scrollLeft;
-      }, T = t.offsets.popper.position === "fixed" ? 0 : S(v), I = t.offsets.popper.position === "fixed" ? 0 : x(v);
+      }, T = t.offsets.popper.position === "fixed" ? 0 : I(y), O = t.offsets.popper.position === "fixed" ? 0 : $(y);
       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)
+        top: 0 - (C.top - T),
+        right: e.document.documentElement.clientWidth - (C.left - O),
+        bottom: e.document.documentElement.clientHeight - (C.top - T),
+        left: 0 - (C.left - O)
       };
     } else
-      _(this._popper) === l ? s = {
+      m(this._popper) === l ? s = {
         top: 0,
         left: 0,
         right: l.clientWidth,
@@ -210,7 +178,7 @@ const U = function() {
       c(this._options.modifiers, l)
     )), s.forEach(
       function(d) {
-        y(d) && (t = d.call(this, t));
+        _(d) && (t = d.call(this, t));
       }.bind(this)
     ), t;
   }, o.prototype.isModifierRequired = function(t, i) {
@@ -222,10 +190,10 @@ const U = function() {
     var i = {
       position: t.offsets.popper.position
     }, 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(
+    return this._options.gpuAcceleration && (d = D("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), b(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 && b(t.arrowElement, t.offsets.arrow), t;
   }, o.prototype.modifiers.shift = function(t) {
     var i = t.placement, l = i.split("-")[0], s = i.split("-")[1];
     if (s) {
@@ -242,10 +210,10 @@ const U = function() {
             left: d.left + d.width - p.width
           }
         }
-      }, m = ["bottom", "top"].indexOf(l) !== -1 ? "x" : "y";
+      }, v = ["bottom", "top"].indexOf(l) !== -1 ? "x" : "y";
       t.offsets.popper = Object.assign(
         p,
-        u[m][s]
+        u[v][s]
       );
     }
     return t;
@@ -295,8 +263,8 @@ const U = function() {
       function(p, u) {
         if (!(i !== p || d.length === u + 1)) {
           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(
+          var v = f(t.offsets.popper), w = ["right", "bottom"].indexOf(i) !== -1;
+          (w && Math.floor(t.offsets.reference[i]) > Math.floor(v[l]) || !w && Math.floor(t.offsets.reference[i]) < Math.floor(v[l])) && (t.flipped = !0, t.placement = d[u + 1], s && (t.placement += "-" + s), t.offsets.popper = this._getOffsets(
             this._popper,
             this._reference,
             t.placement
@@ -326,13 +294,13 @@ 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 = {}, 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] - x - 10, I),
+    var s = {}, d = t.placement.split("-")[0], p = f(t.offsets.popper), u = t.offsets.reference, v = ["left", "right"].indexOf(d) !== -1, w = v ? "height" : "width", y = v ? "top" : "left", C = v ? "left" : "top", I = v ? "bottom" : "right", $ = n(i)[w];
+    u[I] - $ < p[y] && (t.offsets.popper[y] -= p[y] - (u[I] - $)), u[y] + $ > p[I] && (t.offsets.popper[y] += u[y] + $ - p[I]);
+    var T = u[y] + (l || u[w] / 2 - $ / 2), O = T - p[y];
+    return O = Math.max(
+      Math.min(p[w] - $ - 10, O),
       8
-    ), s[v] = I, s[w] = "", t.offsets.arrow = s, t.arrowElement = i, t;
+    ), s[y] = O, s[C] = "", t.offsets.arrow = s, t.arrowElement = i, t;
   };
   function n(t) {
     var i = t.style.display, l = t.style.visibility;
@@ -371,11 +339,11 @@ const U = function() {
     var l = e.getComputedStyle(t, null);
     return l[i];
   }
-  function _(t) {
+  function m(t) {
     var i = t.offsetParent;
     return i === e.document.body || !i ? e.document.documentElement : i;
   }
-  function b(t) {
+  function g(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(
       h(i, "overflow")
@@ -383,12 +351,12 @@ const U = function() {
       h(i, "overflow-x")
     ) !== -1 || ["scroll", "auto"].indexOf(
       h(i, "overflow-y")
-    ) !== -1 ? i : b(t.parentNode) : t;
+    ) !== -1 ? i : g(t.parentNode) : t;
   }
-  function E(t) {
-    return t === e.document.body ? !1 : h(t, "position") === "fixed" ? !0 : t.parentNode ? E(t.parentNode) : t;
+  function S(t) {
+    return t === e.document.body ? !1 : h(t, "position") === "fixed" ? !0 : t.parentNode ? S(t.parentNode) : t;
   }
-  function $(t, i) {
+  function b(t, i) {
     function l(s) {
       return s !== "" && !isNaN(parseFloat(s)) && isFinite(s);
     }
@@ -399,7 +367,7 @@ const U = function() {
       ) !== -1 && l(i[s]) && (d = "px"), t.style[s] = i[s] + d;
     });
   }
-  function y(t) {
+  function _(t) {
     var i = {};
     return t && i.toString.call(t) === "[object Function]";
   }
@@ -412,7 +380,7 @@ const U = function() {
     };
     return i.right = i.left + i.width, i.bottom = i.top + i.height, i;
   }
-  function O(t) {
+  function E(t) {
     var i = t.getBoundingClientRect(), l = navigator.userAgent.indexOf("MSIE") != -1, s = l && t.tagName === "HTML" ? -t.scrollTop : i.top;
     return {
       left: i.left,
@@ -423,10 +391,10 @@ const U = function() {
       height: i.bottom - s
     };
   }
-  function G(t, i, l) {
-    var s = O(t), d = O(i);
+  function V(t, i, l) {
+    var s = E(t), d = E(i);
     if (l) {
-      var p = b(i);
+      var p = g(i);
       d.top += p.scrollTop, d.bottom += p.scrollTop, d.left += p.scrollLeft, d.right += p.scrollLeft;
     }
     var u = {
@@ -439,7 +407,7 @@ const U = function() {
     };
     return u;
   }
-  function F(t) {
+  function D(t) {
     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")
@@ -461,18 +429,18 @@ const U = function() {
         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(
+            var v = d[p], w = Object.getOwnPropertyDescriptor(
               s,
-              m
+              v
             );
-            g !== void 0 && g.enumerable && (i[m] = s[m]);
+            w !== void 0 && w.enumerable && (i[v] = s[v]);
           }
         }
       }
       return i;
     }
   }), o;
-}(), L = (e) => e.stopPropagation(), Y = {
+}(), F = (e) => e.stopPropagation(), Y = {
   props: {
     placement: {
       type: String,
@@ -490,7 +458,7 @@ const U = function() {
     },
     arrowOffset: {
       type: Number,
-      default: 35
+      default: 0
     },
     appendToBody: {
       type: Boolean,
@@ -519,7 +487,7 @@ const U = function() {
       }
     },
     isShowPopover(e) {
-      this.disabled || e && this.updatePopper();
+      this.disabled || e && this.$nextTick(this.updatePopper);
     }
   },
   methods: {
@@ -532,7 +500,7 @@ const U = function() {
       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) => {
         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));
+      }), typeof e.onUpdate == "function" && this.popperJS.onUpdate(e.onUpdate), this.popperJS._popper.style.zIndex = 1e3, this.popperElm.addEventListener("click", F));
     },
     updatePopper() {
       const e = this.popperJS;
@@ -556,7 +524,7 @@ const U = function() {
     }
   },
   beforeDestroy() {
-    this.doDestroy(!0), this.popperElm && this.popperElm.parentNode === document.body && (this.popperElm.removeEventListener("click", L), document.body.removeChild(this.popperElm));
+    this.doDestroy(!0), this.popperElm && this.popperElm.parentNode === document.body && (this.popperElm.removeEventListener("click", F), document.body.removeChild(this.popperElm));
   },
   // call destroy in keep-alive mode
   deactivated() {
@@ -565,7 +533,9 @@ const U = function() {
 };
 var Z = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
-  return o("span", [o("div", {
+  return o("span", {
+    staticClass: "dp-popover_box_"
+  }, [o("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -581,38 +551,41 @@ var Z = function() {
     return [e._v(e._s(e.content))];
   })], 2), o("span", {
     ref: "trigger",
+    staticClass: "dp-popover_ref_",
     on: {
-      click: e.handleToggleShow
+      click: function(n) {
+        return n.stopPropagation(), e.handleToggleShow.apply(null, arguments);
+      }
     }
   }, [e._t("reference")], 2)]);
 }, X = [];
-function C(e, r, o, n, a, 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);
-  var b;
-  if (c ? (b = function(y) {
-    y = y || // cached call
+function x(e, r, o, n, a, f, c, h) {
+  var m = typeof e == "function" ? e.options : e;
+  r && (m.render = r, m.staticRenderFns = o, m._compiled = !0), n && (m.functional = !0), f && (m._scopeId = "data-v-" + f);
+  var g;
+  if (c ? (g = function(_) {
+    _ = _ || // 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__), a && a.call(this, y), y && y._registeredComponents && y._registeredComponents.add(c);
-  }, _._ssrRegister = b) : a && (b = h ? function() {
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !_ && typeof __VUE_SSR_CONTEXT__ < "u" && (_ = __VUE_SSR_CONTEXT__), a && a.call(this, _), _ && _._registeredComponents && _._registeredComponents.add(c);
+  }, m._ssrRegister = g) : a && (g = h ? function() {
     a.call(
       this,
-      (_.functional ? this.parent : this).$root.$options.shadowRoot
+      (m.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : a), b)
-    if (_.functional) {
-      _._injectStyles = b;
-      var E = _.render;
-      _.render = function(M, O) {
-        return b.call(O), E(M, O);
+  } : a), g)
+    if (m.functional) {
+      m._injectStyles = g;
+      var S = m.render;
+      m.render = function(M, E) {
+        return g.call(E), S(M, E);
       };
     } else {
-      var $ = _.beforeCreate;
-      _.beforeCreate = $ ? [].concat($, b) : [b];
+      var b = m.beforeCreate;
+      m.beforeCreate = b ? [].concat(b, g) : [g];
     }
   return {
     exports: e,
-    options: _
+    options: m
   };
 }
 const Q = {
@@ -680,13 +653,13 @@ const Q = {
     e && (e.removeEventListener("mouseenter", this.handleMouseEnter), e.removeEventListener("mouseleave", this.handleMouseLeave), r.removeEventListener("mouseenter", this.handleMouseEnter), r.removeEventListener("mouseleave", this.handleMouseLeave));
   }
 }, H = {};
-var ee = /* @__PURE__ */ C(
+var ee = /* @__PURE__ */ x(
   Q,
   Z,
   X,
   !1,
   te,
-  "6f7c137a",
+  "b930cdc4",
   null,
   null
 );
@@ -694,7 +667,7 @@ function te(e) {
   for (let r in H)
     this[r] = H[r];
 }
-const V = /* @__PURE__ */ function() {
+const G = /* @__PURE__ */ function() {
   return ee.exports;
 }();
 var oe = function() {
@@ -736,8 +709,8 @@ const ie = {
       this.$emit("change", e, this.data.key);
     }
   }
-}, P = {};
-var ne = /* @__PURE__ */ C(
+}, B = {};
+var ne = /* @__PURE__ */ x(
   ie,
   oe,
   re,
@@ -748,8 +721,8 @@ var ne = /* @__PURE__ */ C(
   null
 );
 function se(e) {
-  for (let r in P)
-    this[r] = P[r];
+  for (let r in B)
+    this[r] = B[r];
 }
 const ae = /* @__PURE__ */ function() {
   return ne.exports;
@@ -792,23 +765,23 @@ const pe = {
       this.$emit("change", this.data.code, this.data.key);
     }
   }
-}, B = {};
-var he = /* @__PURE__ */ C(
+}, P = {};
+var ce = /* @__PURE__ */ x(
   pe,
   le,
   de,
   !1,
-  ce,
+  he,
   "1d357f3a",
   null,
   null
 );
-function ce(e) {
-  for (let r in B)
-    this[r] = B[r];
+function he(e) {
+  for (let r in P)
+    this[r] = P[r];
 }
 const fe = /* @__PURE__ */ function() {
-  return he.exports;
+  return ce.exports;
 }();
 var ue = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
@@ -858,7 +831,7 @@ var ue = function() {
 const me = {
   name: "dp-checkfilter",
   components: {
-    DpPopover: V,
+    DpPopover: G,
     DpCheck: ae,
     DpRadio: fe
   },
@@ -892,7 +865,7 @@ const me = {
     }
   }
 }, N = {};
-var ve = /* @__PURE__ */ C(
+var ve = /* @__PURE__ */ x(
   me,
   ue,
   _e,
@@ -906,10 +879,10 @@ function ge(e) {
   for (let r in N)
     this[r] = N[r];
 }
-const be = /* @__PURE__ */ function() {
+const ye = /* @__PURE__ */ function() {
   return ve.exports;
 }();
-var ye = function() {
+var be = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
   return o("li", {
     class: ["dp-table_header_item_ dp-table_header_item_height_", e.item.children ? "dp-table_header_item_group_" : "dp-table_header_item_border_", e.item.sortKey && "dp-table_header_item_cursor_"],
@@ -990,7 +963,7 @@ var ye = function() {
 const Ce = {
   name: "dp-table-header-item",
   components: {
-    DpCheckfilter: be
+    DpCheckfilter: ye
   },
   props: {
     item: {
@@ -1046,9 +1019,9 @@ const Ce = {
     this.item.children || this.$nextTick(this.handleResize);
   }
 }, R = {};
-var xe = /* @__PURE__ */ C(
+var xe = /* @__PURE__ */ x(
   Ce,
-  ye,
+  be,
   we,
   !1,
   $e,
@@ -1062,7 +1035,7 @@ function $e(e) {
 }
 const Se = /* @__PURE__ */ function() {
   return xe.exports;
-}(), D = (e, r, o) => {
+}(), L = (e, r, o) => {
   const n = e[o];
   if (!n.isFixed || !r[n.code])
     return {};
@@ -1112,7 +1085,7 @@ var Ie = function() {
     });
   }), 1);
 }, Oe = [];
-const ke = {
+const Ee = {
   name: "dp-table-header",
   components: {
     DpItem: Se
@@ -1149,7 +1122,7 @@ const ke = {
   },
   computed: {
     fixedStyle() {
-      return this.data.map((e, r) => ({ ...D(this.data, this.widthInfo, r), backgroundColor: this.bgColor }));
+      return this.data.map((e, r) => ({ ...L(this.data, this.widthInfo, r), backgroundColor: this.bgColor }));
     }
   },
   watch: {
@@ -1173,7 +1146,7 @@ const ke = {
     window.removeEventListener("resize", this.handleChangeKey);
   },
   methods: {
-    computFixedStyle: D,
+    computFixedStyle: L,
     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);
@@ -1190,8 +1163,8 @@ const ke = {
     }
   }
 }, W = {};
-var Ee = /* @__PURE__ */ C(
-  ke,
+var ke = /* @__PURE__ */ x(
+  Ee,
   Ie,
   Oe,
   !1,
@@ -1205,7 +1178,7 @@ function Me(e) {
     this[r] = W[r];
 }
 const Te = /* @__PURE__ */ function() {
-  return Ee.exports;
+  return ke.exports;
 }();
 var je = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
@@ -1359,8 +1332,8 @@ var je = function() {
       borderColor: e.borderColor
     }
   })])]);
-}, De = [];
-const Fe = {
+}, Le = [];
+const De = {
   name: "dp-table",
   components: {
     DpHeader: Te
@@ -1476,9 +1449,9 @@ const Fe = {
           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 _ = 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);
+              const m = n[h.code];
+              m instanceof Object || (n[h.code] = { value: m }), 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, m) => h + m, 0);
           }
         }), {
           __sub: o + parseInt(this.basicSub) + this.beforeIndex,
@@ -1490,7 +1463,7 @@ const Fe = {
     },
     // 冻结列样式
     fixedStyle() {
-      return this.headData.map((e, r) => D(this.resultHeadData, this.widthInfo, r));
+      return this.headData.map((e, r) => L(this.resultHeadData, this.widthInfo, r));
     },
     // 行hover样式
     hoverStyle() {
@@ -1601,10 +1574,10 @@ const Fe = {
     }
   }
 }, A = {};
-var Le = /* @__PURE__ */ C(
-  Fe,
-  je,
+var Fe = /* @__PURE__ */ x(
   De,
+  je,
+  Le,
   !1,
   He,
   "4f3eefb0",
@@ -1615,10 +1588,10 @@ function He(e) {
   for (let r in A)
     this[r] = A[r];
 }
-const Pe = /* @__PURE__ */ function() {
-  return Le.exports;
+const Be = /* @__PURE__ */ function() {
+  return Fe.exports;
 }();
-var Be = function() {
+var Pe = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
   return o("div", {
     staticClass: "problem-raw",
@@ -1652,9 +1625,9 @@ const Re = {
     }
   }
 }, z = {};
-var We = /* @__PURE__ */ C(
+var We = /* @__PURE__ */ x(
   Re,
-  Be,
+  Pe,
   Ne,
   !1,
   Ae,
@@ -1672,7 +1645,7 @@ const ze = /* @__PURE__ */ function() {
 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`));
-}, Je = Ke, Ve = { ToggleRaw: Je }, Ge = function() {
+}, Je = Ke, Ge = { ToggleRaw: Je }, Ve = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
   return o("svg", {
     staticClass: "icon",
@@ -1702,9 +1675,9 @@ const Ye = {
     }
   }
 }, q = {};
-var Ze = /* @__PURE__ */ C(
+var Ze = /* @__PURE__ */ x(
   Ye,
-  Ge,
+  Ve,
   Ue,
   !1,
   Xe,
@@ -1739,7 +1712,7 @@ var et = function() {
       },
       on: {
         click: function(f) {
-          return e.handleChange(n.code);
+          return f.stopPropagation(), e.handleChange(n.code);
         }
       }
     }, [e._v(e._s(n.name))]);
@@ -1788,13 +1761,13 @@ const ot = {
     }
   }
 }, K = {};
-var rt = /* @__PURE__ */ C(
+var rt = /* @__PURE__ */ x(
   ot,
   et,
   tt,
   !1,
   it,
-  "8d631704",
+  "729c1722",
   null,
   null
 );
@@ -1807,9 +1780,9 @@ const nt = /* @__PURE__ */ function() {
 }();
 var st = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
-  return o("dp-popover", {
+  return e.isShowTool ? o("dp-popover", {
     attrs: {
-      width: "240px"
+      width: "260px"
     }
   }, [o("dp-icon", {
     staticClass: "dp-toggleraw_icon_",
@@ -1817,15 +1790,12 @@ var st = function() {
       slot: "reference",
       name: "set"
     },
-    nativeOn: {
-      click: function(n) {
-        return e.handleChange(e.isShow);
-      }
-    },
     slot: "reference"
   }), o("div", {
     staticClass: "dp-toggleraw_content_"
-  }, [o("span", [e._v("题型控件显隐控制")]), o("dp-capsule", {
+  }, [o("span", {
+    staticClass: "dp-toggleraw_tips_"
+  }, [e._v("题型控件显隐控制")]), o("dp-capsule", {
     attrs: {
       value: e.isShow,
       option: e.option
@@ -1833,26 +1803,31 @@ var st = function() {
     on: {
       change: e.handleChange
     }
-  })], 1)], 1);
+  })], 1)], 1) : o("span", {
+    staticClass: "dp-toggleraw_empty_"
+  });
 }, at = [];
 const lt = {
   name: "dp-toggleraw",
   components: {
     DpIcon: Qe,
-    DpPopover: V,
+    DpPopover: G,
     DpCapsule: nt
   },
   props: {
-    initVal: {
+    value: {
       type: Boolean,
       default: !1
     },
+    isShowTool: {
+      type: Boolean
+    },
     selectorList: {
       type: Array
     }
   },
   mounted() {
-    this.isShow = this.initVal, this.handleChange(this.isShow);
+    this.isShow = this.value, this.handleChange(this.isShow);
   },
   data() {
     return {
@@ -1865,19 +1840,19 @@ const lt = {
   },
   methods: {
     handleChange(e) {
-      this.isShow = e, this.selectorList.map((o) => document.querySelector(o)).filter((o) => o).forEach((o) => {
-        Ve.ToggleRaw({ el: o, isShow: this.isShow });
+      this.isShow = e, this.selectorList.map((o) => document.body.querySelector(o)).filter((o) => o).forEach((o) => {
+        Ge.ToggleRaw({ el: o, isShow: this.isShow });
       }), this.$emit("change", this.isShow);
     }
   }
 }, J = {};
-var dt = /* @__PURE__ */ C(
+var dt = /* @__PURE__ */ x(
   lt,
   st,
   at,
   !1,
   pt,
-  "41c0d3a5",
+  "7dec0afb",
   null,
   null
 );
@@ -1885,20 +1860,56 @@ function pt(e) {
   for (let r in J)
     this[r] = J[r];
 }
-const ht = /* @__PURE__ */ function() {
+const ct = /* @__PURE__ */ function() {
   return dt.exports;
-}(), ct = [
-  Pe,
+}();
+window._iconfont_svg_string_3979503 = '<svg><symbol id="dp-set" viewBox="0 0 1024 1024"><path d="M1020.2 442.2c-4-22.2-25.4-44.8-47.6-49.8l-16.6-3.8c-39-11.8-73.6-37.6-95.6-75.6-22-38.2-27.2-81.6-17.6-121.4L848 176c6.6-21.6-2-51.4-19.4-66.2 0 0-15.6-13.2-59.6-38.6C725 46 706 39 706 39c-21.4-7.8-51.4-0.4-67 16.2l-11.6 12.4c-29.6 28-69.4 45-113.4 45s-84.2-17.2-113.8-45.4l-11.2-12c-15.4-16.6-45.6-24-67-16.2 0 0-19.2 7-63.2 32.2-44 25.6-59.4 38.8-59.4 38.8-17.4 14.6-26 44.2-19.4 66l4.8 15.8c9.4 39.8 4.4 83-17.6 121.2s-57 64.2-96.2 75.8l-16 3.6c-22 5-43.6 27.4-47.6 49.8 0 0-3.6 20-3.6 70.8s3.6 70.8 3.6 70.8c4 22.4 25.4 44.8 47.6 49.8l15.6 3.6c39.2 11.6 74.4 37.6 96.4 76 22 38.2 27.2 81.6 17.6 121.4L180 850c-6.6 21.6 2 51.4 19.4 66.2 0 0 15.6 13.2 59.6 38.6 44 25.4 63 32.2 63 32.2 21.4 7.8 51.4 0.4 67-16.2l11-11.8c29.8-28.2 69.8-45.4 114-45.4s84.4 17.4 114 45.6l11 11.8c15.4 16.6 45.6 24 67 16.2 0 0 19.2-7 63.2-32.2 44-25.4 59.4-38.6 59.4-38.6 17.4-14.6 26-44.4 19.4-66.2l-4.8-16c-9.4-39.6-4.4-82.8 17.6-120.8 22-38.2 57.2-64.4 96.4-76l15.6-3.6c22-5 43.6-27.4 47.6-49.8 0 0 3.6-20 3.6-70.8-0.2-51-3.8-71-3.8-71zM514 716.4c-112.2 0-203.4-91-203.4-203.4 0-112.2 91-203.2 203.4-203.2 112.2 0 203.4 91 203.4 203.4-0.2 112.2-91.2 203.2-203.4 203.2z m0 0" fill="#333333" ></path></symbol></svg>', function(e) {
+  var o = (o = document.getElementsByTagName("script"))[o.length - 1], r = o.getAttribute("data-injectcss"), o = o.getAttribute("data-disable-injectsvg");
+  if (!o) {
+    var n, a, f, c, h, m = function(b, _) {
+      _.parentNode.insertBefore(b, _);
+    };
+    if (r && !e.__iconfont__svg__cssinject__) {
+      e.__iconfont__svg__cssinject__ = !0;
+      try {
+        document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>");
+      } catch (b) {
+        console && console.log(b);
+      }
+    }
+    n = function() {
+      var b, _ = document.createElement("div");
+      _.innerHTML = e._iconfont_svg_string_3979503, (_ = _.getElementsByTagName("svg")[0]) && (_.setAttribute("aria-hidden", "true"), _.style.position = "absolute", _.style.width = 0, _.style.height = 0, _.style.overflow = "hidden", _ = _, (b = document.body).firstChild ? m(_, b.firstChild) : b.appendChild(_));
+    }, document.addEventListener ? ~["complete", "loaded", "interactive"].indexOf(document.readyState) ? setTimeout(n, 0) : (a = function() {
+      document.removeEventListener("DOMContentLoaded", a, !1), n();
+    }, document.addEventListener("DOMContentLoaded", a, !1)) : document.attachEvent && (f = n, c = e.document, h = !1, S(), c.onreadystatechange = function() {
+      c.readyState == "complete" && (c.onreadystatechange = null, g());
+    });
+  }
+  function g() {
+    h || (h = !0, f());
+  }
+  function S() {
+    try {
+      c.documentElement.doScroll("left");
+    } catch {
+      return void setTimeout(S, 50);
+    }
+    g();
+  }
+}(window);
+const ht = [
+  Be,
   ze,
-  ht
+  ct
 ], ft = {
   install: (e) => {
-    ct.forEach((r) => e.component(r.name, r));
+    ht.forEach((r) => e.component(r.name, r));
   }
 };
 export {
   ze as Raw,
-  Pe as Table,
-  ht as ToggleRaw,
+  Be as Table,
+  ct 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-5685df36]{min-height:40px}.dp-table_header_item_[data-v-5685df36]{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-5685df36]{flex-direction:column;align-items:start}.dp-table_header_item_group_title_[data-v-5685df36]{align-self:stretch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp-table_header_item_group_title_[data-v-5685df36]:before{content:" ";display:inline-block;height:100%;vertical-align:middle}.dp-table_header_item_border_[data-v-5685df36]{border-right:1px solid;border-bottom:1px solid;padding:3px 10px}.dp-table_header_item_child_[data-v-5685df36]{display:flex}.dp-table_header_item_sort_[data-v-5685df36]{display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;width:16px;height:12px}.dp-table_header_item_sort_[data-v-5685df36]:before,.dp-table_header_item_sort_[data-v-5685df36]:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.dp-table_header_item_sort_[data-v-5685df36]:before{border-bottom:5px solid #999}.dp-table_header_item_sort_[data-v-5685df36]:after{border-top:5px solid #999}.dp-table_header_item_sort_up_[data-v-5685df36]:before{border-bottom-color:#fe8227}.dp-table_header_item_sort_down_[data-v-5685df36]:after{border-top-color:#fe8227}.dp-table_header_item_cursor_[data-v-5685df36]{cursor:pointer}.dp-table_header_filter_view_[data-v-5685df36]{flex:1}.dp-table_header_view_[data-v-093a0750]{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-093a0750]{background-color:#fff}.dp-table_fixed_bg_.dp-table_fixed_shadow_[data-v-093a0750]{box-shadow:5px 0 8px -3px #e3e3e3}.dp-table_view_box_[data-v-4f3eefb0]{flex:1;font-size:0;max-height:100vh;overflow:auto}.dp-table_view_border_[data-v-4f3eefb0]{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-4f3eefb0]{position:absolute;z-index:4;left:0;bottom:0;width:100%;height:0;border-top:1px solid}.dp-table_view_right_border_[data-v-4f3eefb0]{position:absolute;z-index:4;right:0;top:0;width:0;height:100%;border-left:1px solid}.dp-table_view_[data-v-4f3eefb0]{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-4f3eefb0]{display:inline-flex;flex-direction:column;box-sizing:border-box;min-height:50px;min-width:100%}.dp-table_body_view_[data-v-4f3eefb0]:empty{display:flex;align-items:center;justify-content:center}.dp-table_body_view_[data-v-4f3eefb0]:empty:before{content:"\6682\65e0\6570\636e";line-height:2;color:#999}.dp-table_view_>*[data-v-4f3eefb0]{font-size:14px}.dp-table_body_item_[data-v-4f3eefb0]{display:inline-flex}.dp-table_fixed_bg_[data-v-4f3eefb0]{background-color:#fff}.dp-table_fixed_bg_.dp-table_fixed_shadow_[data-v-4f3eefb0]{box-shadow:5px 0 8px -3px #e3e3e3}.dp-table_body_item_group_col_[data-v-4f3eefb0]{display:flex;flex-direction:column;flex-shrink:0}.dp-table_body_item_group_col_>*[data-v-4f3eefb0]{flex:1}.dp-table_body_item_child_[data-v-4f3eefb0]{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-4f3eefb0]{position:sticky;bottom:0;display:inline-flex;background-color:#fff;overflow:visible}.dp-table_total_border_[data-v-4f3eefb0]{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_box_[data-v-b930cdc4]{line-height:1;display:flex;align-items:center}.dp-popover_view_[data-v-b930cdc4]{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-b930cdc4]{margin-bottom:14px}.dp-popover_view_[x-placement^=top] .dp-popover_arrow_[data-v-b930cdc4]{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-b930cdc4]:after{bottom:1px;margin-left:-8px;border-top-color:#fff;border-bottom-width:0}.dp-popover_view_[x-placement^=bottom][data-v-b930cdc4]{margin-top:14px}.dp-popover_view_[x-placement^=bottom] .dp-popover_arrow_[data-v-b930cdc4]{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-b930cdc4]:after{top:1px;margin-left:-8px;border-top-width:0;border-bottom-color:#fff}.dp-popover_view_[x-placement^=right][data-v-b930cdc4]{margin-left:14px}.dp-popover_view_[x-placement^=right] .dp-popover_arrow_[data-v-b930cdc4]{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-b930cdc4]:after{bottom:-8px;left:1px;border-right-color:#fff;border-left-width:0}.dp-popover_view_[x-placement^=left][data-v-b930cdc4]{margin-right:14px}.dp-popover_view_[x-placement^=left] .dp-popover_arrow_[data-v-b930cdc4]{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-b930cdc4]:after{right:1px;bottom:-8px;margin-left:-8px;border-left-color:#fff;border-right-width:0}.dp-popover_ref_[data-v-b930cdc4]{font-size:0}.dp-popover_arrow_[data-v-b930cdc4],.dp-popover_arrow_[data-v-b930cdc4]:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.dp-popover_arrow_[data-v-b930cdc4]{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-b930cdc4]: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-5685df36]{min-height:40px}.dp-table_header_item_[data-v-5685df36]{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-5685df36]{flex-direction:column;align-items:start}.dp-table_header_item_group_title_[data-v-5685df36]{align-self:stretch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp-table_header_item_group_title_[data-v-5685df36]:before{content:" ";display:inline-block;height:100%;vertical-align:middle}.dp-table_header_item_border_[data-v-5685df36]{border-right:1px solid;border-bottom:1px solid;padding:3px 10px}.dp-table_header_item_child_[data-v-5685df36]{display:flex}.dp-table_header_item_sort_[data-v-5685df36]{display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;width:16px;height:12px}.dp-table_header_item_sort_[data-v-5685df36]:before,.dp-table_header_item_sort_[data-v-5685df36]:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.dp-table_header_item_sort_[data-v-5685df36]:before{border-bottom:5px solid #999}.dp-table_header_item_sort_[data-v-5685df36]:after{border-top:5px solid #999}.dp-table_header_item_sort_up_[data-v-5685df36]:before{border-bottom-color:#fe8227}.dp-table_header_item_sort_down_[data-v-5685df36]:after{border-top-color:#fe8227}.dp-table_header_item_cursor_[data-v-5685df36]{cursor:pointer}.dp-table_header_filter_view_[data-v-5685df36]{flex:1}.dp-table_header_view_[data-v-093a0750]{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-093a0750]{background-color:#fff}.dp-table_fixed_bg_.dp-table_fixed_shadow_[data-v-093a0750]{box-shadow:5px 0 8px -3px #e3e3e3}.dp-table_view_box_[data-v-4f3eefb0]{flex:1;font-size:0;max-height:100vh;overflow:auto}.dp-table_view_border_[data-v-4f3eefb0]{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-4f3eefb0]{position:absolute;z-index:4;left:0;bottom:0;width:100%;height:0;border-top:1px solid}.dp-table_view_right_border_[data-v-4f3eefb0]{position:absolute;z-index:4;right:0;top:0;width:0;height:100%;border-left:1px solid}.dp-table_view_[data-v-4f3eefb0]{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-4f3eefb0]{display:inline-flex;flex-direction:column;box-sizing:border-box;min-height:50px;min-width:100%}.dp-table_body_view_[data-v-4f3eefb0]:empty{display:flex;align-items:center;justify-content:center}.dp-table_body_view_[data-v-4f3eefb0]:empty:before{content:"\6682\65e0\6570\636e";line-height:2;color:#999}.dp-table_view_>*[data-v-4f3eefb0]{font-size:14px}.dp-table_body_item_[data-v-4f3eefb0]{display:inline-flex}.dp-table_fixed_bg_[data-v-4f3eefb0]{background-color:#fff}.dp-table_fixed_bg_.dp-table_fixed_shadow_[data-v-4f3eefb0]{box-shadow:5px 0 8px -3px #e3e3e3}.dp-table_body_item_group_col_[data-v-4f3eefb0]{display:flex;flex-direction:column;flex-shrink:0}.dp-table_body_item_group_col_>*[data-v-4f3eefb0]{flex:1}.dp-table_body_item_child_[data-v-4f3eefb0]{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-4f3eefb0]{position:sticky;bottom:0;display:inline-flex;background-color:#fff;overflow:visible}.dp-table_total_border_[data-v-4f3eefb0]{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-729c1722]{display:inline-flex;position:relative;flex-shrink:0;margin:2px}.dp-capsule_view_[data-v-729c1722]:before{content:"";position:absolute;left:-2px;top:-2px;right:-2px;bottom:-2px;border:1px solid #4386f5;border-radius:200px}.pointer[data-v-729c1722]{cursor:pointer}.dp-capsule_view_active_[data-v-729c1722]{position:absolute;transition:left .1s;top:0;border-radius:200px;height:100%}.dp-capsule_view_item_[data-v-729c1722]{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-7dec0afb]{padding:5px}.dp-toggleraw_content_[data-v-7dec0afb]{display:flex;align-items:center;justify-content:space-between}.dp-toggleraw_tips_[data-v-7dec0afb]{margin-right:10px}.dp-toggleraw_empty_[data-v-7dec0afb]{width:26px}html{font-size:14px}p,ul{margin:0;margin-block-start:0;margin-block-end:0}li{list-style:none}ul,ol{padding:0}

package/package.json

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