dpot-ui 0.1.3 → 0.1.4

package/dist/index.es.js

@@ -16,33 +16,33 @@ var x = function() {
     staticClass: "dp-check_name_"
   }, [e._v(e._s(e.data.name))])]);
 }, S = [];
-function h(e, o, r, t, n, s, a, l) {
-  var i = typeof e == "function" ? e.options : e;
-  o && (i.render = o, i.staticRenderFns = r, i._compiled = !0), t && (i.functional = !0), s && (i._scopeId = "data-v-" + s);
-  var d;
-  if (a ? (d = function(c) {
-    c = c || // cached call
+function h(e, o, r, t, n, l, a, i) {
+  var s = typeof e == "function" ? e.options : e;
+  o && (s.render = o, s.staticRenderFns = r, s._compiled = !0), t && (s.functional = !0), l && (s._scopeId = "data-v-" + l);
+  var c;
+  if (a ? (c = function(d) {
+    d = d || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !c && typeof __VUE_SSR_CONTEXT__ < "u" && (c = __VUE_SSR_CONTEXT__), n && n.call(this, c), c && c._registeredComponents && c._registeredComponents.add(a);
-  }, i._ssrRegister = d) : n && (d = l ? function() {
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !d && typeof __VUE_SSR_CONTEXT__ < "u" && (d = __VUE_SSR_CONTEXT__), n && n.call(this, d), d && d._registeredComponents && d._registeredComponents.add(a);
+  }, s._ssrRegister = c) : n && (c = i ? function() {
     n.call(
       this,
-      (i.functional ? this.parent : this).$root.$options.shadowRoot
+      (s.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : n), d)
-    if (i.functional) {
-      i._injectStyles = d;
-      var I = i.render;
-      i.render = function($, p) {
-        return d.call(p), I($, p);
+  } : n), c)
+    if (s.functional) {
+      s._injectStyles = c;
+      var I = s.render;
+      s.render = function($, p) {
+        return c.call(p), I($, p);
       };
     } else {
-      var f = i.beforeCreate;
-      i.beforeCreate = f ? [].concat(f, d) : [d];
+      var f = s.beforeCreate;
+      s.beforeCreate = f ? [].concat(f, c) : [c];
     }
   return {
     exports: e,
-    options: i
+    options: s
   };
 }
 const w = {
@@ -66,7 +66,7 @@ const w = {
       this.$emit("change", e, this.data.key);
     }
   }
-}, g = {};
+}, b = {};
 var k = /* @__PURE__ */ h(
   w,
   x,
@@ -78,13 +78,13 @@ var k = /* @__PURE__ */ h(
   null
 );
 function D(e) {
-  for (let o in g)
-    this[o] = g[o];
+  for (let o in b)
+    this[o] = b[o];
 }
-const H = /* @__PURE__ */ function() {
+const F = /* @__PURE__ */ function() {
   return k.exports;
 }();
-var F = function() {
+var j = function() {
   var e = this, o = e.$createElement, r = e._self._c || o;
   return r("div", {
     class: ["dp-radio_view_", e.value === e.data.code && "dp-radio_view_checked_"],
@@ -101,7 +101,7 @@ var F = function() {
   }), r("span", {
     staticClass: "dp-radio_name_"
   }, [e._v(e._s(e.data.name))])]);
-}, j = [];
+}, H = [];
 const O = {
   name: "dp-radio",
   props: {
@@ -122,23 +122,23 @@ const O = {
       this.$emit("change", this.data.code, this.data.key);
     }
   }
-}, b = {};
-var R = /* @__PURE__ */ h(
+}, g = {};
+var E = /* @__PURE__ */ h(
   O,
-  F,
   j,
+  H,
   !1,
-  E,
+  M,
   "e7bf9628",
   null,
   null
 );
-function E(e) {
-  for (let o in b)
-    this[o] = b[o];
+function M(e) {
+  for (let o in g)
+    this[o] = g[o];
 }
-const M = /* @__PURE__ */ function() {
-  return R.exports;
+const R = /* @__PURE__ */ function() {
+  return E.exports;
 }();
 var T = function() {
   var e = this, o = e.$createElement, r = e._self._c || o;
@@ -183,8 +183,8 @@ var T = function() {
 const z = {
   name: "dp-checkfilter",
   components: {
-    DpCheck: H,
-    DpRadio: M
+    DpCheck: F,
+    DpRadio: R
   },
   props: {
     title: {
@@ -213,25 +213,25 @@ const z = {
       this.$emit("change", { key: o, value: [e].flat() });
     }
   }
-}, v = {};
-var L = /* @__PURE__ */ h(
+}, y = {};
+var K = /* @__PURE__ */ h(
   z,
   T,
   W,
   !1,
-  K,
+  L,
   "20c78138",
   null,
   null
 );
-function K(e) {
-  for (let o in v)
-    this[o] = v[o];
+function L(e) {
+  for (let o in y)
+    this[o] = y[o];
 }
-const P = /* @__PURE__ */ function() {
-  return L.exports;
+const B = /* @__PURE__ */ function() {
+  return K.exports;
 }();
-var B = function() {
+var P = function() {
   var e = this, o = e.$createElement, r = e._self._c || o;
   return r("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_"],
@@ -272,11 +272,11 @@ var B = function() {
           changeSort: e.handleItemClick,
           changeFilter: e.handleChangeFilter
         },
-        scopedSlots: e._u([e._l(e.$slots, function(n, s) {
+        scopedSlots: e._u([e._l(e.$slots, function(n, l) {
           return {
-            key: s,
+            key: l,
             fn: function() {
-              return [e._t(s)];
+              return [e._t(l)];
             },
             proxy: !0
           };
@@ -305,7 +305,7 @@ var B = function() {
 const N = {
   name: "dp-table-header-item",
   components: {
-    DpCheckfilter: P
+    DpCheckfilter: B
   },
   props: {
     item: {
@@ -341,7 +341,7 @@ const N = {
       this.widthObj = { ...this.widthObj, ...e }, this.$emit("changeWidth", e);
     },
     handleItemClick(e, o) {
-      this.$emit("changeSort", { ...e }, o);
+      e.sortKey && this.$emit("changeSort", { ...e }, o);
     },
     handleChangeFilter(e) {
       this.$emit("changeFilter", { [this.fullCode.join("_")]: { target: this.fullCode, ...e, filterKey: this.item.filterKey || this.item.code, filterFn: this.item.filterFn } });
@@ -353,20 +353,20 @@ const N = {
   beforeUnMounted() {
     this.resizer && this.resizer.unobserve(this.$el);
   }
-}, y = {};
+}, v = {};
 var U = /* @__PURE__ */ h(
   N,
-  B,
+  P,
   A,
   !1,
   q,
-  "4272af7c",
+  "5cf7a766",
   null,
   null
 );
 function q(e) {
-  for (let o in y)
-    this[o] = y[o];
+  for (let o in v)
+    this[o] = v[o];
 }
 const V = /* @__PURE__ */ function() {
   return U.exports;
@@ -374,11 +374,11 @@ const V = /* @__PURE__ */ function() {
   const t = e[r];
   if (!t.isFixed || !o[t.code])
     return {};
-  const n = (a) => typeof a == "number" ? [a] : Object.values(a).map((l) => n(l)).flat();
-  return { position: "sticky", left: `${e.filter((a, l) => l < r && a.isFixed).map((a) => n(o[a.code])).reduce((a, l) => parseFloat(a) + parseFloat(l), 0)}px` };
-}, _ = (e, o) => {
-  const r = e[o[0]];
-  return o.length > 1 ? _(r, o.slice(1)) : r;
+  const n = (a) => typeof a == "number" ? [a] : Object.values(a).map((i) => n(i)).flat();
+  return { position: "sticky", left: `${e.filter((a, i) => i < r && a.isFixed).map((a) => n(o[a.code])).reduce((a, i) => parseFloat(a) + parseFloat(i), 0)}px` };
+}, _ = (e, o, r) => {
+  const t = e[o[0]];
+  return o.length > 1 ? _(t, o.slice(1)) : e[r] || t;
 };
 var X = function() {
   var e = this, o = e.$createElement, r = e._self._c || o;
@@ -406,7 +406,7 @@ var X = function() {
         changeSort: e.handleChangeSort,
         changeFilter: e.handleChangeFilter
       },
-      scopedSlots: e._u([e._l(e.$slots, function(s, a) {
+      scopedSlots: e._u([e._l(e.$slots, function(l, a) {
         return {
           key: a,
           fn: function() {
@@ -507,9 +507,7 @@ var ee = function() {
     ref: "table",
     staticClass: "dp-table_view_",
     on: {
-      "&scroll": function(t) {
-        return e.handleScroll.apply(null, arguments);
-      }
+      scroll: e.handleScroll
     }
   }, [r("dp-header", {
     ref: "header",
@@ -536,14 +534,14 @@ var ee = function() {
         proxy: !0
       };
     })], null, !0)
-  }), r("div"), r("div", {
+  }), r("div"), r("ul", {
     staticClass: "dp-table_body_view_",
     style: {
-      height: e.fullHeight + "px",
+      height: `${e.fullHeight}px`,
       paddingTop: e.beforeHeight + "px"
     }
   }, e._l(e.resultData, function(t) {
-    return r("div", {
+    return r("li", {
       key: t.__key,
       class: ["dp-table_body_item_", t.__isTotalData && "dp-table_total_view_"],
       style: Object.assign({}, t.style, e.hoverStyle, e.computEvenColor(t.__sub), {
@@ -557,12 +555,12 @@ var ee = function() {
           return e.handleChangeFlag(!1);
         }
       }
-    }, [e._l(e.deepHeadData, function(n, s) {
+    }, [e._l(e.deepHeadData, function(n, l) {
       return [t[n.code] instanceof Object ? [t[n.code].slot ? r("div", {
         class: ["dp-table_body_item_group_col_", n.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
         style: Object.assign({
           borderColor: e.borderColor
-        }, n.style, n.colStyle, e.computEvenColor(t.__sub), e.fixedStyle[s], e.computWidth(t[n.code]))
+        }, n.style, n.colStyle, e.computEvenColor(t.__sub), e.fixedStyle[l], e.computWidth(t[n.code]))
       }, e._l([t[n.code].slot].flat(), function(a) {
         return r("div", {
           key: a,
@@ -581,10 +579,10 @@ var ee = function() {
         class: ["dp-table_body_item_group_col_", n.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
         style: Object.assign({
           borderColor: e.borderColor
-        }, n.style, n.colStyle, e.computEvenColor(t.__sub), e.fixedStyle[s], e.computWidth(t[n.code]))
-      }, e._l([t[n.code].raw].flat(), function(a, l) {
+        }, n.style, n.colStyle, e.computEvenColor(t.__sub), e.fixedStyle[l], e.computWidth(t[n.code]))
+      }, e._l([t[n.code].raw].flat(), function(a, i) {
         return r("div", {
-          key: l,
+          key: i,
           staticClass: "dp-table_body_item_child_",
           style: Object.assign({
             borderColor: e.borderColor,
@@ -601,10 +599,10 @@ var ee = function() {
         class: ["dp-table_body_item_group_col_", n.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
         style: Object.assign({
           borderColor: e.borderColor
-        }, n.style, n.colStyle, e.computEvenColor(t.__sub), e.fixedStyle[s], e.computWidth(t[n.code]))
-      }, e._l([t[n.code].value].flat(), function(a, l) {
+        }, n.style, n.colStyle, e.computEvenColor(t.__sub), e.fixedStyle[l], e.computWidth(t[n.code]))
+      }, e._l([t[n.code].value].flat(), function(a, i) {
         return r("div", {
-          key: l,
+          key: i,
           staticClass: "dp-table_body_item_child_",
           style: Object.assign({
             borderColor: e.borderColor,
@@ -620,7 +618,7 @@ var ee = function() {
           borderColor: e.borderColor,
           padding: e.itemPadding,
           justifyContent: e.dir
-        }, n.style, n.colStyle, e.computEvenColor(t.__sub), e.fixedStyle[s])
+        }, n.style, n.colStyle, e.computEvenColor(t.__sub), e.fixedStyle[l])
       }, [e._v(e._s(t[n.code]))])];
     }), t.__isTotalData ? r("span", {
       staticClass: "dp-table_total_border_",
@@ -726,42 +724,29 @@ const oe = {
       return e.length ? [...this.bodyData].filter((o) => {
         let r = !0;
         return e.some((t) => {
-          if (!t.value.includes(_(o, t.target)))
+          if (!t.value.includes(_(o, t.target, t.filterKey)))
             return r = !1, !0;
         }), r;
       }) : this.bodyData;
     },
-    // 表体各行高度数据
-    fullHeightInfo() {
-      return this.filterBodyData.concat(this.totalData ? [this.totalData] : []).map((e, o) => {
-        let r = 0;
-        if (this.rowHeight)
-          r = this.rowHeight;
-        else if (this.rowItemHeight) {
-          const t = {}, n = (a, l) => {
-            l.children ? l.children.forEach((i) => n((a || {})[i.code], { ...i, code: `${l.code}_${i.code}` })) : t[l.code] = a;
-          };
-          this.headData.forEach((a) => n(e[a.code], a)), r = Math.max(...this.deepHeadData.map((a) => t[a.code] instanceof Object ? t[a.code].slot ? [t[a.code].slot].flat().length : t[a.code].raw ? [t[a.code].raw].flat().length : t[a.code].value ? [t[a.code].value].flat().length : 1 : 1)) * this.rowItemHeight;
-        }
-        return r;
-      });
+    // 表体总高度
+    fullHeight() {
+      return this.fullHeightInfo.reduce((e, o) => e + o, 0);
     },
     // 表体渲染数据
     resultData() {
       return Object.keys(this.widthInfo).length < this.headData.length || !this.headData.length ? [] : (this.sortInfo.value ? [...this.filterBodyData].sort((o, r) => {
-        const t = _(o, this.sortInfo.sortKey || this.sortInfo.target), n = _(r, this.sortInfo.sortKey || this.sortInfo.target);
+        const t = _(o, this.sortInfo.target, this.sortInfo.sortKey), n = _(r, this.sortInfo.target, this.sortInfo.sortKey);
         return this.sortInfo.value === "up" ? t - n : n - t;
       }) : this.filterBodyData).slice(this.beforeIndex, this.currentIndex).concat(this.totalData ? [{ ...this.totalData, __sub: "", __isTotalData: !0 }] : []).map((o, r) => {
-        const t = {}, n = (s, a) => {
-          a.children ? a.children.forEach((l) => n((s || {})[l.code], { ...l, code: `${a.code}_${l.code}` })) : t[a.code] = s;
-        };
-        return this.headData.filter((s) => s.children).forEach((s) => n(o[s.code], s)), Object.keys(t).forEach((s) => {
-          if (t[s] instanceof Object && (t[s].merge || 0) > 1) {
-            const a = this.deepHeadData.findIndex((i) => i.code === s), l = this.deepHeadData.slice(a, a + t[s].merge);
-            l.forEach((i) => {
-              const d = t[i.code];
-              d instanceof Object || (t[i.code] = { value: d }), t[i.code] = { ...t[i.code], isMergeIgnored: !0 };
-            }), t[s].isMerge = !0, t[s].width = l.map((i) => this.widthInfo[i.code]).reduce((i, d) => i + d, 0);
+        const t = this.handleComputItem(o);
+        return Object.keys(t).forEach((n) => {
+          if (t[n] instanceof Object && (t[n].merge || 0) > 1) {
+            const l = this.deepHeadData.findIndex((i) => i.code === n), a = this.deepHeadData.slice(l, l + t[n].merge);
+            a.forEach((i) => {
+              const s = t[i.code];
+              s instanceof Object || (t[i.code] = { value: s }), t[i.code] = { ...t[i.code], isMergeIgnored: !0 };
+            }), t[n].isMerge = !0, t[n].width = a.map((i) => this.widthInfo[i.code]).reduce((i, s) => i + s, 0);
           }
         }), {
           __sub: r + parseInt(this.basicSub) + this.beforeIndex,
@@ -779,22 +764,17 @@ const oe = {
     hoverStyle() {
       return this.headData.map((e) => this.hoverFlag ? { background: this.hoverColor } : {});
     },
-    // 表体总高度
-    fullHeight() {
-      return this.fullHeightInfo.reduce((e, o) => e + o, 0);
-    },
-    // 计算单行高度
-    resultRowHeight() {
-      return this.rowHeight || (this.rowItemHeight * (this.bodyData.length + (this.totalData ? 1 : 0)) === this.fullHeight ? this.rowItemHeight : this.rowHeight);
-    },
     // 前置填充高度
     beforeHeight() {
-      return Math.max(this.resultRowHeight ? this.beforeIndex * this.resultRowHeight : this.fullHeightInfo.slice(0, this.beforeIndex).reduce((e, o) => e + o, 0), 0);
+      return Math.max(this.rowHeight ? this.beforeIndex * this.rowHeight : this.fullHeightInfo.slice(0, this.beforeIndex).reduce((e, o) => e + o, 0), 0);
     }
   },
   watch: {
     bodyData() {
       this.$refs.table.scrollTop = 0, this.$refs.table.scrollLeft = 0, this.scrollLeft = 0, this.beforeIndex = 0, this.currentIndex = 30;
+    },
+    filterBodyData() {
+      this.handleComputItemHeight();
     }
   },
   data() {
@@ -805,6 +785,7 @@ const oe = {
       beforeIndex: 0,
       timer: null,
       hoverFlag: !1,
+      fullHeightInfo: [],
       sortInfo: {
         target: [],
         value: null
@@ -821,21 +802,45 @@ const oe = {
     computEvenColor(e) {
       return this.evenColor ? e % 2 ? {} : { background: this.evenColor } : {};
     },
+    // 计算单行高度
+    handleComputItemHeight() {
+      this.fullHeightInfo = this.filterBodyData.concat(this.totalData ? [this.totalData] : []).map((e, o) => {
+        let r = 0;
+        if (this.rowHeight)
+          r = this.rowHeight;
+        else if (this.rowItemHeight) {
+          const t = {}, n = (a, i) => {
+            i.children ? i.children.forEach((s) => n((a || {})[s.code], { ...s, code: `${i.code}_${s.code}` })) : t[i.code] = a;
+          };
+          this.headData.forEach((a) => n(e[a.code], a)), r = Math.max(...this.deepHeadData.map((a) => t[a.code] instanceof Object ? t[a.code].slot ? [t[a.code].slot].flat().length : t[a.code].raw ? [t[a.code].raw].flat().length : t[a.code].value ? [t[a.code].value].flat().length : 1 : 1)) * this.rowItemHeight;
+        }
+        return r;
+      });
+    },
     // 收集表头各单元格宽度数据
     handleSetWidthInfo(e) {
       this.widthInfo = e;
     },
+    // 递归铺开数据
+    handleComputItem(e) {
+      let o = {};
+      const r = (t, n) => {
+        n.children ? n.children.forEach((l) => r((t || {})[l.code], { ...l, code: `${n.code}_${l.code}` })) : o[n.code] = t;
+      };
+      return this.headData.filter((t) => t.children).forEach((t) => r(e[t.code], t)), o;
+    },
     // 滚动事件
     handleScroll(e) {
       this.scrollLeft = e.target.scrollLeft, clearTimeout(this.timer), this.timer = setTimeout(() => {
-        if (this.resultRowHeight)
-          this.beforeIndex = Math.max(Math.floor((e.target.scrollTop - this.$el.offsetHeight / 2) / this.resultRowHeight), 0), this.currentIndex = Math.max(this.beforeIndex + Math.ceil(this.$el.offsetHeight / this.resultRowHeight) * 2, 30);
+        const o = e.target.scrollTop - this.$el.offsetHeight / 2;
+        if (this.rowHeight)
+          this.beforeIndex = Math.max(Math.floor(o / this.rowHeight), 0), this.currentIndex = Math.max(this.beforeIndex + Math.ceil(this.$el.offsetHeight / this.rowHeight) * 2, 30);
         else {
-          let o = 0, r = 0;
+          let r = 0;
           this.beforeIndex = this.fullHeightInfo.findIndex((t) => {
-            const n = o + t >= e.target.scrollTop - this.$el.offsetHeight / 2;
-            return n || (o += t), n;
-          }), r = o, this.currentIndex = Math.max(this.beforeIndex + this.fullHeightInfo.slice(this.beforeIndex).findIndex((t) => (r += t, r >= o + this.$el.offsetHeight * 2)), 30);
+            const n = r + t >= o;
+            return n || (r += t), n;
+          }), this.currentIndex = Math.min(this.beforeIndex + 30, this.filterBodyData.length);
         }
       }, 10);
     },
@@ -864,7 +869,7 @@ var re = /* @__PURE__ */ h(
   te,
   !1,
   ne,
-  "cadbd238",
+  "1473e8c5",
   null,
   null
 );

package/dist/style.css

@@ -1 +1 @@
-.dp-check_view_[data-v-1b8ae42a]{font-size:14px;padding:5px 10px;min-width:60px;display:flex;cursor:pointer}.dp-check_view_[data-v-1b8ae42a]:hover{background-color:#e8e8e8}.dp-check_view_[disabled][data-v-1b8ae42a]{pointer-events:none}.dp-check_tag_[data-v-1b8ae42a]{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-1b8ae42a]{white-space:break-spaces}.dp-check_view_checked_ .dp-check_tag_[data-v-1b8ae42a]{border-color:#fe8227;background-color:#fe8227}.dp-check_view_checked_ .dp-check_tag_[data-v-1b8ae42a]: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-1b8ae42a]{color:#fe8227}.dp-radio_view_[data-v-e7bf9628]{font-size:14px;padding:5px 10px;min-width:60px;display:flex;cursor:pointer}.dp-radio_view_[data-v-e7bf9628]:hover{background-color:#e8e8e8}.dp-radio_view_[disabled][data-v-e7bf9628]{pointer-events:none}.dp-radio_tag_[data-v-e7bf9628]{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-e7bf9628]{white-space:break-spaces}.dp-radio_view_checked_ .dp-radio_tag_[data-v-e7bf9628]{border-color:#fe8227}.dp-radio_view_checked_ .dp-radio_tag_[data-v-e7bf9628]:before{content:"";width:10px;height:10px;border-radius:50%;background-color:#fe8227}.dp-radio_view_checked_ .dp-radio_name_[data-v-e7bf9628]{color:#fe8227}.dp-checkfilter_view_[data-v-20c78138]{display:flex;align-items:center;justify-content:center;padding:10px 0;position:relative;cursor:pointer}.dp-checkfilter_arrow_[data-v-20c78138]{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-20c78138]{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-20c78138]{color:#fe8227}.dp-checkfilter_view_:hover .dp-checkfilter_arrow_[data-v-20c78138]{transform:rotate(135deg) translate(3px,-3px)}.dp-checkfilter_view_:hover .dp-checkfilter_option_view_[data-v-20c78138]{transform:scale(1);overflow:visible;visibility:inherit}.dp-checkfilter_option_view_[data-v-20c78138]: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-20c78138]{max-height:400px;overflow:auto;border-radius:5px;background-color:#fff;position:relative;z-index:2}.dp-table_header_item_height_[data-v-4272af7c]{min-height:40px}.dp-table_header_item_[data-v-4272af7c]{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-4272af7c]{flex-direction:column;align-items:stretch}.dp-table_header_item_group_title_[data-v-4272af7c]{display:flex;align-items:center;justify-content:center}.dp-table_header_item_border_[data-v-4272af7c]{border-right:1px solid;border-bottom:1px solid;padding:3px 10px}.dp-table_header_item_child_[data-v-4272af7c]{display:flex}.dp-table_header_item_sort_[data-v-4272af7c]{display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;width:16px;height:12px}.dp-table_header_item_sort_[data-v-4272af7c]:before,.dp-table_header_item_sort_[data-v-4272af7c]:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.dp-table_header_item_sort_[data-v-4272af7c]:before{border-bottom:5px solid #999}.dp-table_header_item_sort_[data-v-4272af7c]:after{border-top:5px solid #999}.dp-table_header_item_sort_up_[data-v-4272af7c]:before{border-bottom-color:#fe8227}.dp-table_header_item_sort_down_[data-v-4272af7c]:after{border-top-color:#fe8227}.dp-table_header_item_cursor_[data-v-4272af7c]{cursor:pointer}.dp-table_header_filter_view_[data-v-4272af7c]{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_border_[data-v-cadbd238]{border:1px solid;border-top:0;display:inline-block!important;max-width:100%;font-size:0}.dp-table_view_[data-v-cadbd238]{display:inline-block;max-width:100%;overflow:auto;max-height:80vh;font-size:0;position:relative;box-sizing:border-box}.dp-table_body_view_[data-v-cadbd238]{display:inline-flex;flex-direction:column;box-sizing:border-box;min-height:50px}.dp-table_body_view_[data-v-cadbd238]:empty{display:flex;align-items:center;justify-content:center}.dp-table_body_view_[data-v-cadbd238]:empty:before{content:"\6682\65e0\6570\636e";line-height:2;color:#999}.dp-table_view_>*[data-v-cadbd238]{font-size:14px}.dp-table_body_item_[data-v-cadbd238]{display:inline-flex}.dp-table_fixed_bg_[data-v-cadbd238]{background-color:#fff}.dp-table_fixed_bg_.dp-table_fixed_shadow_[data-v-cadbd238]{box-shadow:5px 0 8px -3px #e3e3e3}.dp-table_body_item_group_col_[data-v-cadbd238]{display:flex;flex-direction:column}.dp-table_body_item_group_col_>*[data-v-cadbd238]{flex:1}.dp-table_body_item_child_[data-v-cadbd238]{flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;min-height:30px;border-right:1px solid;border-bottom:1px solid;box-sizing:border-box;overflow:hidden}.dp-table_total_view_[data-v-cadbd238]{position:sticky;bottom:0;display:inline-flex;background-color:#fff;overflow:visible}.dp-table_total_border_[data-v-cadbd238]{position:absolute;left:0;top:-1px;color:inherit;z-index:4;width:100%;border-top:1px solid}
+.dp-check_view_[data-v-1b8ae42a]{font-size:14px;padding:5px 10px;min-width:60px;display:flex;cursor:pointer}.dp-check_view_[data-v-1b8ae42a]:hover{background-color:#e8e8e8}.dp-check_view_[disabled][data-v-1b8ae42a]{pointer-events:none}.dp-check_tag_[data-v-1b8ae42a]{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-1b8ae42a]{white-space:break-spaces}.dp-check_view_checked_ .dp-check_tag_[data-v-1b8ae42a]{border-color:#fe8227;background-color:#fe8227}.dp-check_view_checked_ .dp-check_tag_[data-v-1b8ae42a]: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-1b8ae42a]{color:#fe8227}.dp-radio_view_[data-v-e7bf9628]{font-size:14px;padding:5px 10px;min-width:60px;display:flex;cursor:pointer}.dp-radio_view_[data-v-e7bf9628]:hover{background-color:#e8e8e8}.dp-radio_view_[disabled][data-v-e7bf9628]{pointer-events:none}.dp-radio_tag_[data-v-e7bf9628]{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-e7bf9628]{white-space:break-spaces}.dp-radio_view_checked_ .dp-radio_tag_[data-v-e7bf9628]{border-color:#fe8227}.dp-radio_view_checked_ .dp-radio_tag_[data-v-e7bf9628]:before{content:"";width:10px;height:10px;border-radius:50%;background-color:#fe8227}.dp-radio_view_checked_ .dp-radio_name_[data-v-e7bf9628]{color:#fe8227}.dp-checkfilter_view_[data-v-20c78138]{display:flex;align-items:center;justify-content:center;padding:10px 0;position:relative;cursor:pointer}.dp-checkfilter_arrow_[data-v-20c78138]{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-20c78138]{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-20c78138]{color:#fe8227}.dp-checkfilter_view_:hover .dp-checkfilter_arrow_[data-v-20c78138]{transform:rotate(135deg) translate(3px,-3px)}.dp-checkfilter_view_:hover .dp-checkfilter_option_view_[data-v-20c78138]{transform:scale(1);overflow:visible;visibility:inherit}.dp-checkfilter_option_view_[data-v-20c78138]: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-20c78138]{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_border_[data-v-1473e8c5]{border:1px solid;border-top:0;display:inline-block!important;max-width:100%;font-size:0}.dp-table_view_[data-v-1473e8c5]{display:inline-block;max-width:100%;overflow:auto;max-height:80vh;font-size:0;position:relative;box-sizing:border-box}.dp-table_body_view_[data-v-1473e8c5]{display:inline-flex;flex-direction:column;box-sizing:border-box;min-height:50px}.dp-table_body_view_[data-v-1473e8c5]:empty{display:flex;align-items:center;justify-content:center}.dp-table_body_view_[data-v-1473e8c5]:empty:before{content:"\6682\65e0\6570\636e";line-height:2;color:#999}.dp-table_view_>*[data-v-1473e8c5]{font-size:14px}.dp-table_body_item_[data-v-1473e8c5]{display:inline-flex}.dp-table_fixed_bg_[data-v-1473e8c5]{background-color:#fff}.dp-table_fixed_bg_.dp-table_fixed_shadow_[data-v-1473e8c5]{box-shadow:5px 0 8px -3px #e3e3e3}.dp-table_body_item_group_col_[data-v-1473e8c5]{display:flex;flex-direction:column}.dp-table_body_item_group_col_>*[data-v-1473e8c5]{flex:1}.dp-table_body_item_child_[data-v-1473e8c5]{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-1473e8c5]{position:sticky;bottom:0;display:inline-flex;background-color:#fff;overflow:visible}.dp-table_total_border_[data-v-1473e8c5]{position:absolute;left:0;top:-1px;color:inherit;z-index:4;width:100%;border-top:1px solid}

package/package.json

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