dpot-ui 0.2.9 → 0.2.11

package/dist/index.es.js

@@ -1,8 +1,8 @@
-var E = "top", T = "bottom", A = "right", D = "left", Ie = "auto", ce = [E, T, A, D], J = "start", se = "end", St = "clippingParents", dt = "viewport", oe = "popper", kt = "reference", ze = /* @__PURE__ */ ce.reduce(function(e, t) {
+var E = "top", L = "bottom", A = "right", D = "left", Ie = "auto", ce = [E, L, A, D], J = "start", se = "end", St = "clippingParents", dt = "viewport", oe = "popper", kt = "reference", ze = /* @__PURE__ */ ce.reduce(function(e, t) {
   return e.concat([t + "-" + J, t + "-" + se]);
 }, []), ut = /* @__PURE__ */ [].concat(ce, [Ie]).reduce(function(e, t) {
   return e.concat([t, t + "-" + J, t + "-" + se]);
-}, []), It = "beforeRead", Et = "read", Dt = "afterRead", jt = "beforeMain", Mt = "main", Lt = "afterMain", Tt = "beforeWrite", At = "write", Pt = "afterWrite", Bt = [It, Et, Dt, jt, Mt, Lt, Tt, At, Pt];
+}, []), It = "beforeRead", Et = "read", Dt = "afterRead", jt = "beforeMain", Mt = "main", Tt = "afterMain", Lt = "beforeWrite", At = "write", Pt = "afterWrite", Bt = [It, Et, Dt, jt, Mt, Tt, Lt, At, Pt];
 function F(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
@@ -19,7 +19,7 @@ function G(e) {
   var t = M(e).Element;
   return e instanceof t || e instanceof Element;
 }
-function L(e) {
+function T(e) {
   var t = M(e).HTMLElement;
   return e instanceof t || e instanceof HTMLElement;
 }
@@ -33,7 +33,7 @@ function Rt(e) {
   var t = e.state;
   Object.keys(t.elements).forEach(function(r) {
     var n = t.styles[r] || {}, o = t.attributes[r] || {}, i = t.elements[r];
-    !L(i) || !F(i) || (Object.assign(i.style, n), Object.keys(o).forEach(function(l) {
+    !T(i) || !F(i) || (Object.assign(i.style, n), Object.keys(o).forEach(function(l) {
       var a = o[l];
       a === !1 ? i.removeAttribute(l) : i.setAttribute(l, a === !0 ? "" : a);
     }));
@@ -57,7 +57,7 @@ function Ht(e) {
       var o = t.elements[n], i = t.attributes[n] || {}, l = Object.keys(t.styles.hasOwnProperty(n) ? t.styles[n] : r[n]), a = l.reduce(function(s, d) {
         return s[d] = "", s;
       }, {});
-      !L(o) || !F(o) || (Object.assign(o.style, a), Object.keys(i).forEach(function(s) {
+      !T(o) || !F(o) || (Object.assign(o.style, a), Object.keys(i).forEach(function(s) {
         o.removeAttribute(s);
       }));
     });
@@ -87,7 +87,7 @@ function ft() {
 function ee(e, t, r) {
   t === void 0 && (t = !1), r === void 0 && (r = !1);
   var n = e.getBoundingClientRect(), o = 1, i = 1;
-  t && L(e) && (o = e.offsetWidth > 0 && Q(n.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && Q(n.height) / e.offsetHeight || 1);
+  t && T(e) && (o = e.offsetWidth > 0 && Q(n.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && Q(n.height) / e.offsetHeight || 1);
   var l = G(e) ? M(e) : window, a = l.visualViewport, s = !ft() && r, d = (n.left + (s && a ? a.offsetLeft : 0)) / o, c = (n.top + (s && a ? a.offsetTop : 0)) / i, f = n.width / o, u = n.height / i;
   return {
     width: f,
@@ -148,18 +148,18 @@ function be(e) {
   );
 }
 function qe(e) {
-  return !L(e) || // https://github.com/popperjs/popper-core/issues/837
+  return !T(e) || // https://github.com/popperjs/popper-core/issues/837
   W(e).position === "fixed" ? null : e.offsetParent;
 }
 function Nt(e) {
   var t = /firefox/i.test(Oe()), r = /Trident/i.test(Oe());
-  if (r && L(e)) {
+  if (r && T(e)) {
     var n = W(e);
     if (n.position === "fixed")
       return null;
   }
   var o = be(e);
-  for (Ee(o) && (o = o.host); L(o) && ["html", "body"].indexOf(F(o)) < 0; ) {
+  for (Ee(o) && (o = o.host); T(o) && ["html", "body"].indexOf(F(o)) < 0; ) {
     var i = W(o);
     if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || t && i.willChange === "filter" || t && i.filter && i.filter !== "none")
       return o;
@@ -206,7 +206,7 @@ var zt = function(t, r) {
 function qt(e) {
   var t, r = e.state, n = e.name, o = e.options, i = r.elements.arrow, l = r.modifiersData.popperOffsets, a = H(r.placement), s = je(a), d = [D, A].indexOf(a) >= 0, c = d ? "height" : "width";
   if (!(!i || !l)) {
-    var f = zt(o.padding, r), u = De(i), p = s === "y" ? E : D, y = s === "y" ? T : A, _ = r.rects.reference[c] + r.rects.reference[s] - l[s] - r.rects.popper[c], v = l[s] - r.rects.reference[s], b = de(i), x = b ? s === "y" ? b.clientHeight || 0 : b.clientWidth || 0 : 0, C = _ / 2 - v / 2, h = f[p], m = x - u[c] - f[y], g = x / 2 - u[c] / 2 + C, w = ie(h, g, m), S = s;
+    var f = zt(o.padding, r), u = De(i), p = s === "y" ? E : D, y = s === "y" ? L : A, _ = r.rects.reference[c] + r.rects.reference[s] - l[s] - r.rects.popper[c], v = l[s] - r.rects.reference[s], b = de(i), x = b ? s === "y" ? b.clientHeight || 0 : b.clientWidth || 0 : 0, C = _ / 2 - v / 2, h = f[p], m = x - u[c] - f[y], g = x / 2 - u[c] / 2 + C, w = ie(h, g, m), S = s;
     r.modifiersData[n] = (t = {}, t[S] = w, t.centerOffset = w - g, t);
   }
 }
@@ -252,14 +252,14 @@ function Ke(e) {
   if (d) {
     var g = de(r), w = "clientHeight", S = "clientWidth";
     if (g === M(r) && (g = V(r), W(g).position !== "static" && a === "absolute" && (w = "scrollHeight", S = "scrollWidth")), g = g, o === E || (o === D || o === A) && i === se) {
-      h = T;
+      h = L;
       var O = f && g === m && m.visualViewport ? m.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         g[w]
       );
       _ -= O - n.height, _ *= s ? 1 : -1;
     }
-    if (o === D || (o === E || o === T) && i === se) {
+    if (o === D || (o === E || o === L) && i === se) {
       C = A;
       var $ = f && g === m && m.visualViewport ? m.visualViewport.width : (
         // $FlowFixMe[prop-missing]
@@ -362,7 +362,7 @@ function Me(e) {
     scrollTop: n
   };
 }
-function Le(e) {
+function Te(e) {
   return ee(V(e)).left + Me(e).scrollLeft;
 }
 function rr(e, t) {
@@ -375,12 +375,12 @@ function rr(e, t) {
   return {
     width: i,
     height: l,
-    x: a + Le(e),
+    x: a + Te(e),
     y: s
   };
 }
 function nr(e) {
-  var t, r = V(e), n = Me(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, i = U(r.scrollWidth, r.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), l = U(r.scrollHeight, r.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), a = -n.scrollLeft + Le(e), s = -n.scrollTop;
+  var t, r = V(e), n = Me(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, i = U(r.scrollWidth, r.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), l = U(r.scrollHeight, r.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), a = -n.scrollLeft + Te(e), s = -n.scrollTop;
   return W(o || r).direction === "rtl" && (a += U(r.clientWidth, o ? o.clientWidth : 0) - i), {
     width: i,
     height: l,
@@ -388,17 +388,17 @@ function nr(e) {
     y: s
   };
 }
-function Te(e) {
+function Le(e) {
   var t = W(e), r = t.overflow, n = t.overflowX, o = t.overflowY;
   return /auto|scroll|overlay|hidden/.test(r + o + n);
 }
 function mt(e) {
-  return ["html", "body", "#document"].indexOf(F(e)) >= 0 ? e.ownerDocument.body : L(e) && Te(e) ? e : mt(be(e));
+  return ["html", "body", "#document"].indexOf(F(e)) >= 0 ? e.ownerDocument.body : T(e) && Le(e) ? e : mt(be(e));
 }
 function ae(e, t) {
   var r;
   t === void 0 && (t = []);
-  var n = mt(e), o = n === ((r = e.ownerDocument) == null ? void 0 : r.body), i = M(n), l = o ? [i].concat(i.visualViewport || [], Te(n) ? n : []) : n, a = t.concat(l);
+  var n = mt(e), o = n === ((r = e.ownerDocument) == null ? void 0 : r.body), i = M(n), l = o ? [i].concat(i.visualViewport || [], Le(n) ? n : []) : n, a = t.concat(l);
   return o ? a : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
     a.concat(ae(be(l)))
@@ -420,7 +420,7 @@ function Xe(e, t, r) {
   return t === dt ? Se(rr(e, r)) : G(t) ? or(t, r) : Se(nr(V(e)));
 }
 function ir(e) {
-  var t = ae(be(e)), r = ["absolute", "fixed"].indexOf(W(e).position) >= 0, n = r && L(e) ? de(e) : e;
+  var t = ae(be(e)), r = ["absolute", "fixed"].indexOf(W(e).position) >= 0, n = r && T(e) ? de(e) : e;
   return G(n) ? t.filter(function(o) {
     return G(o) && pt(o, n) && F(o) !== "body";
   }) : [];
@@ -441,7 +441,7 @@ function gt(e) {
         y: t.y - r.height
       };
       break;
-    case T:
+    case L:
       s = {
         x: l,
         y: t.y + t.height
@@ -495,7 +495,7 @@ function le(e, t) {
   if (u === oe && k) {
     var P = k[o];
     Object.keys($).forEach(function(I) {
-      var z = [A, T].indexOf(I) >= 0 ? 1 : -1, q = [E, T].indexOf(I) >= 0 ? "y" : "x";
+      var z = [A, L].indexOf(I) >= 0 ? 1 : -1, q = [E, L].indexOf(I) >= 0 ? "y" : "x";
       $[I] += P[q] * z;
     });
   }
@@ -540,13 +540,13 @@ function cr(e) {
         allowedAutoPlacements: _
       }) : N);
     }, []), m = t.rects.reference, g = t.rects.popper, w = /* @__PURE__ */ new Map(), S = !0, O = h[0], $ = 0; $ < h.length; $++) {
-      var k = h[$], P = H(k), I = te(k) === J, z = [E, T].indexOf(P) >= 0, q = z ? "width" : "height", j = le(t, {
+      var k = h[$], P = H(k), I = te(k) === J, z = [E, L].indexOf(P) >= 0, q = z ? "width" : "height", j = le(t, {
         placement: k,
         boundary: c,
         rootBoundary: f,
         altBoundary: u,
         padding: d
-      }), B = z ? I ? A : D : I ? T : E;
+      }), B = z ? I ? A : D : I ? L : E;
       m[q] > g[q] && (B = me(B));
       var ue = me(B), K = [];
       if (i && K.push(j[P] <= 0), a && K.push(j[B] <= 0, j[ue] <= 0), K.every(function(Z) {
@@ -598,7 +598,7 @@ function Ue(e, t, r) {
   };
 }
 function Ge(e) {
-  return [E, A, T, D].some(function(t) {
+  return [E, A, L, D].some(function(t) {
     return e[t] >= 0;
   });
 }
@@ -689,14 +689,14 @@ function yr(e) {
   };
   if (g) {
     if (i) {
-      var I, z = h === "y" ? E : D, q = h === "y" ? T : A, j = h === "y" ? "height" : "width", B = g[h], ue = B + v[z], K = B - v[q], fe = p ? -S[j] / 2 : 0, we = x === J ? w[j] : S[j], re = x === J ? -S[j] : -w[j], pe = t.elements.arrow, Z = p && pe ? De(pe) : {
+      var I, z = h === "y" ? E : D, q = h === "y" ? L : A, j = h === "y" ? "height" : "width", B = g[h], ue = B + v[z], K = B - v[q], fe = p ? -S[j] / 2 : 0, we = x === J ? w[j] : S[j], re = x === J ? -S[j] : -w[j], pe = t.elements.arrow, Z = p && pe ? De(pe) : {
         width: 0,
         height: 0
       }, N = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ht(), ne = N[z], he = N[q], Y = ie(0, w[j], Z[j]), xe = C ? w[j] / 2 - fe - Y - ne - $.mainAxis : we - Y - ne - $.mainAxis, bt = C ? -w[j] / 2 + fe + Y + he + $.mainAxis : re + Y + he + $.mainAxis, Ce = t.elements.arrow && de(t.elements.arrow), wt = Ce ? h === "y" ? Ce.clientTop || 0 : Ce.clientLeft || 0 : 0, Ae = (I = k == null ? void 0 : k[h]) != null ? I : 0, xt = B + xe - Ae - wt, Ct = B + bt - Ae, Pe = ie(p ? ye(ue, xt) : ue, B, p ? U(K, Ct) : K);
       g[h] = Pe, P[h] = Pe - B;
     }
     if (a) {
-      var Be, $t = h === "x" ? E : D, Ot = h === "x" ? T : A, X = g[m], ve = m === "y" ? "height" : "width", Re = X + v[$t], He = X - v[Ot], $e = [E, D].indexOf(b) !== -1, Fe = (Be = k == null ? void 0 : k[m]) != null ? Be : 0, We = $e ? Re : X - w[ve] - S[ve] - Fe + $.altAxis, Ne = $e ? X + w[ve] + S[ve] - Fe - $.altAxis : He, Ve = p && $e ? Vt(We, X, Ne) : ie(p ? We : Re, X, p ? Ne : He);
+      var Be, $t = h === "x" ? E : D, Ot = h === "x" ? L : A, X = g[m], ve = m === "y" ? "height" : "width", Re = X + v[$t], He = X - v[Ot], $e = [E, D].indexOf(b) !== -1, Fe = (Be = k == null ? void 0 : k[m]) != null ? Be : 0, We = $e ? Re : X - w[ve] - S[ve] - Fe + $.altAxis, Ne = $e ? X + w[ve] + S[ve] - Fe - $.altAxis : He, Ve = p && $e ? Vt(We, X, Ne) : ie(p ? We : Re, X, p ? Ne : He);
       g[m] = Ve, P[m] = Ve - X;
     }
     t.modifiersData[n] = P;
@@ -716,7 +716,7 @@ function wr(e) {
   };
 }
 function xr(e) {
-  return e === M(e) || !L(e) ? Me(e) : wr(e);
+  return e === M(e) || !T(e) ? Me(e) : wr(e);
 }
 function Cr(e) {
   var t = e.getBoundingClientRect(), r = Q(t.width) / e.offsetWidth || 1, n = Q(t.height) / e.offsetHeight || 1;
@@ -724,7 +724,7 @@ function Cr(e) {
 }
 function $r(e, t, r) {
   r === void 0 && (r = !1);
-  var n = L(t), o = L(t) && Cr(t), i = V(t), l = ee(e, o, r), a = {
+  var n = T(t), o = T(t) && Cr(t), i = V(t), l = ee(e, o, r), a = {
     scrollLeft: 0,
     scrollTop: 0
   }, s = {
@@ -732,7 +732,7 @@ function $r(e, t, r) {
     y: 0
   };
   return (n || !n && !r) && ((F(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  Te(i)) && (a = xr(t)), L(t) ? (s = ee(t, !0), s.x += t.clientLeft, s.y += t.clientTop) : i && (s.x = Le(i))), {
+  Le(i)) && (a = xr(t)), T(t) ? (s = ee(t, !0), s.x += t.clientLeft, s.y += t.clientTop) : i && (s.x = Te(i))), {
     x: l.left + a.scrollLeft - s.x,
     y: l.top + a.scrollTop - s.y,
     width: l.width,
@@ -931,7 +931,7 @@ var Dr = [Qt, mr, Zt, Ft, vr, dr, br, Yt, fr], jr = /* @__PURE__ */ Er({
       }
     }
   }, [e._t("reference")], 2)]);
-}, Lr = [];
+}, Tr = [];
 function R(e, t, r, n, o, i, l, a) {
   var s = typeof e == "function" ? e.options : e;
   t && (s.render = t, s.staticRenderFns = r, s._compiled = !0), n && (s.functional = !0), i && (s._scopeId = "data-v-" + i);
@@ -961,7 +961,7 @@ function R(e, t, r, n, o, i, l, a) {
     options: s
   };
 }
-const Tr = {
+const Lr = {
   name: "dp-popover",
   props: {
     trigger: {
@@ -1040,9 +1040,9 @@ const Tr = {
   }
 }, Qe = {};
 var Ar = /* @__PURE__ */ R(
-  Tr,
-  Mr,
   Lr,
+  Mr,
+  Tr,
   !1,
   Pr,
   "066cbdd8",
@@ -1991,22 +1991,29 @@ const xn = {
   props: {
     data: String
   },
+  watch: {
+    data() {
+      this.computSvgDom();
+    }
+  },
   mounted() {
     this.computSvgDom();
   },
   methods: {
     computSvgDom() {
-      const e = ["width", "height"];
-      [...this.$el.querySelectorAll("img")].filter((r) => /.svg$/i.test(r.src)).forEach(async (r) => {
-        const n = await fetch(r.src).then(async (o) => await o.text());
-        if (n) {
-          const o = document.createElement("span");
-          r.replaceWith(o);
-          const i = document.createElement("span");
-          i.innerHTML = n, [...r.attributes].filter((a) => a.value && a.name !== "src").forEach((a) => {
-            e.includes(a.name) ? i.style[a.name] = a.value : i[a.name] = a.value;
-          }), i.style.display = "inline-block", i.style.fontSize = "0", i.setAttribute("part", "__svg_view__"), o.attachShadow({ mode: "open" }).append(i);
-        }
+      this.$nextTick(() => {
+        const e = ["width", "height"];
+        [...this.$el.querySelectorAll("img")].filter((r) => /.svg$/i.test(r.src)).forEach(async (r) => {
+          const n = await fetch(r.src).then(async (o) => await o.text());
+          if (n) {
+            const o = document.createElement("span");
+            r.replaceWith(o);
+            const i = document.createElement("span");
+            i.innerHTML = n, [...r.attributes].filter((a) => a.value && a.name !== "src").forEach((a) => {
+              e.includes(a.name) ? i.style[a.name] = a.value : i[a.name] = a.value;
+            }), i.style.display = "inline-block", i.style.fontSize = "0", i.setAttribute("part", "__svg_view__"), o.attachShadow({ mode: "open" }).append(i);
+          }
+        });
       });
     }
   }
@@ -2017,7 +2024,7 @@ var Cn = /* @__PURE__ */ R(
   wn,
   !1,
   $n,
-  "65587794",
+  "72932430",
   null,
   null
 );
@@ -2061,22 +2068,22 @@ const Mn = {
     }
   }
 }, st = {};
-var Ln = /* @__PURE__ */ R(
+var Tn = /* @__PURE__ */ R(
   Mn,
   Dn,
   jn,
   !1,
-  Tn,
+  Ln,
   "3766159a",
   null,
   null
 );
-function Tn(e) {
+function Ln(e) {
   for (let t in st)
     this[t] = st[t];
 }
 const An = /* @__PURE__ */ function() {
-  return Ln.exports;
+  return Tn.exports;
 }();
 var Pn = function() {
   var e = this, t = e.$createElement, r = e._self._c || t;

package/dist/style.css

@@ -1 +1 @@
-.dp-popover_box_[data-v-066cbdd8]{line-height:1;display:flex;align-items:center}.dp-popover_view_[data-v-066cbdd8]{position:absolute;min-width:100px;z-index:1000;border-radius:6px;border:1px solid #ccc;box-shadow:0 0 8px #ccc}.dp-popover_content_[data-v-066cbdd8]{padding:6px 10px;background-color:#fff;border-radius:6px;position:relative;z-index:2}.dp-popover_arrow_[data-v-066cbdd8],.dp-popover_arrow_[data-v-066cbdd8]:before{position:absolute;width:8px;visibility:hidden;height:8px;background:#fff}.dp-popover_arrow_[data-v-066cbdd8]{visibility:hidden}.dp-popover_arrow_[data-v-066cbdd8]:before{z-index:1;visibility:visible;content:"";transform:rotate(45deg);border:1px solid #ccc}.dp-popover_view_[data-popper-placement^=top]>.dp-popover_arrow_[data-v-066cbdd8]{bottom:-4px}.dp-popover_view_[data-popper-placement^=bottom]>.dp-popover_arrow_[data-v-066cbdd8]{top:-4px}.dp-popover_view_[data-popper-placement^=left]>.dp-popover_arrow_[data-v-066cbdd8]{right:-4px}.dp-popover_view_[data-popper-placement^=right]>.dp-popover_arrow_[data-v-066cbdd8]{left:-4px}.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-6106122e]{flex:1;font-size:0;max-height:100vh;overflow:auto}.dp-table_view_border_[data-v-6106122e]{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-6106122e]{position:absolute;z-index:4;left:0;bottom:0;width:100%;height:0;border-top:1px solid}.dp-table_view_right_border_[data-v-6106122e]{position:absolute;z-index:4;right:0;top:0;width:0;height:100%;border-left:1px solid}.dp-table_view_[data-v-6106122e]{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-6106122e]{display:inline-flex;flex-direction:column;box-sizing:border-box;min-height:50px;min-width:100%}.dp-table_body_view_[data-v-6106122e]:empty{display:flex;align-items:center;justify-content:center}.dp-table_body_view_[data-v-6106122e]:empty:before{content:"\6682\65e0\6570\636e";line-height:2;color:#999}.dp-table_view_>*[data-v-6106122e]{font-size:14px}.dp-table_body_item_[data-v-6106122e]{display:inline-flex}.dp-table_fixed_bg_[data-v-6106122e]{background-color:#fff}.dp-table_fixed_bg_.dp-table_fixed_shadow_[data-v-6106122e]{box-shadow:5px 0 8px -3px #e3e3e3}.dp-table_body_item_group_col_[data-v-6106122e]{display:flex;flex-direction:column;flex-shrink:0}.dp-table_body_item_group_col_>*[data-v-6106122e]{flex:1}.dp-table_body_item_child_[data-v-6106122e]{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-6106122e]{position:sticky;bottom:0;display:inline-flex;background-color:#fff;overflow:visible}.dp-table_total_border_[data-v-6106122e]{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-68ce12f8]{padding:5px}.dp-toggleraw_content_[data-v-68ce12f8]{width:240px;display:flex;align-items:center;justify-content:space-between}.dp-toggleraw_tips_[data-v-68ce12f8]{margin-right:10px}.dp-toggleraw_empty_[data-v-68ce12f8]{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}
+.dp-popover_box_[data-v-066cbdd8]{line-height:1;display:flex;align-items:center}.dp-popover_view_[data-v-066cbdd8]{position:absolute;min-width:100px;z-index:1000;border-radius:6px;border:1px solid #ccc;box-shadow:0 0 8px #ccc}.dp-popover_content_[data-v-066cbdd8]{padding:6px 10px;background-color:#fff;border-radius:6px;position:relative;z-index:2}.dp-popover_arrow_[data-v-066cbdd8],.dp-popover_arrow_[data-v-066cbdd8]:before{position:absolute;width:8px;visibility:hidden;height:8px;background:#fff}.dp-popover_arrow_[data-v-066cbdd8]{visibility:hidden}.dp-popover_arrow_[data-v-066cbdd8]:before{z-index:1;visibility:visible;content:"";transform:rotate(45deg);border:1px solid #ccc}.dp-popover_view_[data-popper-placement^=top]>.dp-popover_arrow_[data-v-066cbdd8]{bottom:-4px}.dp-popover_view_[data-popper-placement^=bottom]>.dp-popover_arrow_[data-v-066cbdd8]{top:-4px}.dp-popover_view_[data-popper-placement^=left]>.dp-popover_arrow_[data-v-066cbdd8]{right:-4px}.dp-popover_view_[data-popper-placement^=right]>.dp-popover_arrow_[data-v-066cbdd8]{left:-4px}.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-6106122e]{flex:1;font-size:0;max-height:100vh;overflow:auto}.dp-table_view_border_[data-v-6106122e]{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-6106122e]{position:absolute;z-index:4;left:0;bottom:0;width:100%;height:0;border-top:1px solid}.dp-table_view_right_border_[data-v-6106122e]{position:absolute;z-index:4;right:0;top:0;width:0;height:100%;border-left:1px solid}.dp-table_view_[data-v-6106122e]{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-6106122e]{display:inline-flex;flex-direction:column;box-sizing:border-box;min-height:50px;min-width:100%}.dp-table_body_view_[data-v-6106122e]:empty{display:flex;align-items:center;justify-content:center}.dp-table_body_view_[data-v-6106122e]:empty:before{content:"\6682\65e0\6570\636e";line-height:2;color:#999}.dp-table_view_>*[data-v-6106122e]{font-size:14px}.dp-table_body_item_[data-v-6106122e]{display:inline-flex}.dp-table_fixed_bg_[data-v-6106122e]{background-color:#fff}.dp-table_fixed_bg_.dp-table_fixed_shadow_[data-v-6106122e]{box-shadow:5px 0 8px -3px #e3e3e3}.dp-table_body_item_group_col_[data-v-6106122e]{display:flex;flex-direction:column;flex-shrink:0}.dp-table_body_item_group_col_>*[data-v-6106122e]{flex:1}.dp-table_body_item_child_[data-v-6106122e]{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-6106122e]{position:sticky;bottom:0;display:inline-flex;background-color:#fff;overflow:visible}.dp-table_total_border_[data-v-6106122e]{position:absolute;left:0;top:-1px;color:inherit;z-index:4;width:100%;border-top:1px solid}.problem-raw[data-v-72932430]: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-68ce12f8]{padding:5px}.dp-toggleraw_content_[data-v-68ce12f8]{width:240px;display:flex;align-items:center;justify-content:space-between}.dp-toggleraw_tips_[data-v-68ce12f8]{margin-right:10px}.dp-toggleraw_empty_[data-v-68ce12f8]{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.9",
+    "version": "0.2.11",
     "author": "Jeesn",
     "main": "./dist/index.es.js",
     "module": "./dist/index.es.js",