dpot-ui 0.1.10 → 0.2.0

package/dist/index.es.js

@@ -64,10 +64,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), x(this._popper, { position: this.state.position, top: 0 }), this.update(), this._setupEventListeners(), this;
   }
   o.prototype.destroy = function() {
-    return this._popper.removeAttribute("x-placement"), this._popper.style.left = "", this._popper.style.position = "", this._popper.style.top = "", this._popper.style[T("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[F("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(
@@ -183,16 +183,16 @@ const U = function() {
           document.documentElement.scrollTop,
           document.body.scrollTop
         ) : E.scrollTop;
-      }, x = function(E) {
+      }, $ = function(E) {
         return E == document.body ? Math.max(
           document.documentElement.scrollLeft,
           document.body.scrollLeft
         ) : E.scrollLeft;
-      }, j = t.offsets.popper.position === "fixed" ? 0 : S(m), I = t.offsets.popper.position === "fixed" ? 0 : x(m);
+      }, T = t.offsets.popper.position === "fixed" ? 0 : S(m), I = t.offsets.popper.position === "fixed" ? 0 : $(m);
       n = {
-        top: 0 - (w.top - j),
+        top: 0 - (w.top - T),
         right: e.document.documentElement.clientWidth - (w.left - I),
-        bottom: e.document.documentElement.clientHeight - (w.top - j),
+        bottom: e.document.documentElement.clientHeight - (w.top - T),
         left: 0 - (w.left - I)
       };
     } else
@@ -207,14 +207,14 @@ const U = function() {
     var n = i.slice();
     return a !== void 0 && (n = this._options.modifiers.slice(
       0,
-      h(this._options.modifiers, a)
+      c(this._options.modifiers, a)
     )), n.forEach(
       function(d) {
         y(d) && (t = d.call(this, t));
       }.bind(this)
     ), t;
   }, o.prototype.isModifierRequired = function(t, i) {
-    var a = h(this._options.modifiers, t);
+    var a = c(this._options.modifiers, t);
     return !!this._options.modifiers.slice(0, a).filter(function(n) {
       return n === i;
     }).length;
@@ -222,10 +222,10 @@ const U = function() {
     var i = {
       position: t.offsets.popper.position
     }, a = Math.round(t.offsets.popper.left), n = Math.round(t.offsets.popper.top), d;
-    return this._options.gpuAcceleration && (d = T("transform")) ? (i[d] = "translate3d(" + a + "px, " + n + "px, 0)", i.top = 0, i.left = 0) : (i.left = a, i.top = n), Object.assign(i, t.styles), $(this._popper, i), this._popper.setAttribute("x-placement", t.placement), this.isModifierRequired(
+    return this._options.gpuAcceleration && (d = F("transform")) ? (i[d] = "translate3d(" + a + "px, " + n + "px, 0)", i.top = 0, i.left = 0) : (i.left = a, i.top = n), Object.assign(i, t.styles), x(this._popper, i), this._popper.setAttribute("x-placement", t.placement), this.isModifierRequired(
       this.modifiers.applyStyle,
       this.modifiers.arrow
-    ) && t.offsets.arrow && $(t.arrowElement, t.offsets.arrow), t;
+    ) && t.offsets.arrow && x(t.arrowElement, t.offsets.arrow), t;
   }, o.prototype.modifiers.shift = function(t) {
     var i = t.placement, a = i.split("-")[0], n = i.split("-")[1];
     if (n) {
@@ -326,11 +326,11 @@ const U = function() {
       return console.warn(
         "WARNING: keepTogether modifier is required by arrow modifier in order to work, be sure to include it before arrow!"
       ), t;
-    var n = {}, d = t.placement.split("-")[0], p = f(t.offsets.popper), u = t.offsets.reference, v = ["left", "right"].indexOf(d) !== -1, g = v ? "height" : "width", m = v ? "top" : "left", w = v ? "left" : "top", S = v ? "bottom" : "right", x = s(i)[g];
-    u[S] - x < p[m] && (t.offsets.popper[m] -= p[m] - (u[S] - x)), u[m] + x > p[S] && (t.offsets.popper[m] += u[m] + x - p[S]);
-    var j = u[m] + (a || u[g] / 2 - x / 2), I = j - p[m];
+    var n = {}, d = t.placement.split("-")[0], p = f(t.offsets.popper), u = t.offsets.reference, v = ["left", "right"].indexOf(d) !== -1, g = v ? "height" : "width", m = v ? "top" : "left", w = v ? "left" : "top", S = v ? "bottom" : "right", $ = s(i)[g];
+    u[S] - $ < p[m] && (t.offsets.popper[m] -= p[m] - (u[S] - $)), u[m] + $ > p[S] && (t.offsets.popper[m] += u[m] + $ - p[S]);
+    var T = u[m] + (a || u[g] / 2 - $ / 2), I = T - p[m];
     return I = Math.max(
-      Math.min(p[g] - x - 10, I),
+      Math.min(p[g] - $ - 10, I),
       8
     ), n[m] = I, n[w] = "", t.offsets.arrow = n, t.arrowElement = i, t;
   };
@@ -358,7 +358,7 @@ const U = function() {
     var i = Object.assign({}, t);
     return i.right = i.left + i.width, i.bottom = i.top + i.height, i;
   }
-  function h(t, i) {
+  function c(t, i) {
     var a = 0, n;
     for (n in t) {
       if (t[n] === i)
@@ -367,7 +367,7 @@ const U = function() {
     }
     return null;
   }
-  function c(t, i) {
+  function h(t, i) {
     var a = e.getComputedStyle(t, null);
     return a[i];
   }
@@ -378,17 +378,17 @@ const U = function() {
   function b(t) {
     var i = t.parentNode;
     return i ? i === e.document ? e.document.body.scrollTop || e.document.body.scrollLeft ? e.document.body : e.document.documentElement : ["scroll", "auto"].indexOf(
-      c(i, "overflow")
+      h(i, "overflow")
     ) !== -1 || ["scroll", "auto"].indexOf(
-      c(i, "overflow-x")
+      h(i, "overflow-x")
     ) !== -1 || ["scroll", "auto"].indexOf(
-      c(i, "overflow-y")
+      h(i, "overflow-y")
     ) !== -1 ? i : b(t.parentNode) : t;
   }
   function k(t) {
-    return t === e.document.body ? !1 : c(t, "position") === "fixed" ? !0 : t.parentNode ? k(t.parentNode) : t;
+    return t === e.document.body ? !1 : h(t, "position") === "fixed" ? !0 : t.parentNode ? k(t.parentNode) : t;
   }
-  function $(t, i) {
+  function x(t, i) {
     function a(n) {
       return n !== "" && !isNaN(parseFloat(n)) && isFinite(n);
     }
@@ -439,7 +439,7 @@ const U = function() {
     };
     return u;
   }
-  function T(t) {
+  function F(t) {
     for (var i = ["", "ms", "webkit", "moz", "o"], a = 0; a < i.length; a++) {
       var n = i[a] ? i[a] + t.charAt(0).toUpperCase() + t.slice(1) : t;
       if (typeof e.document.body.style[n] < "u")
@@ -586,15 +586,15 @@ var Z = function() {
     }
   }, [e._t("reference")], 2)]);
 }, X = [];
-function C(e, r, o, s, l, f, h, c) {
+function C(e, r, o, s, l, f, c, h) {
   var _ = typeof e == "function" ? e.options : e;
   r && (_.render = r, _.staticRenderFns = o, _._compiled = !0), s && (_.functional = !0), f && (_._scopeId = "data-v-" + f);
   var b;
-  if (h ? (b = function(y) {
+  if (c ? (b = function(y) {
     y = y || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !y && typeof __VUE_SSR_CONTEXT__ < "u" && (y = __VUE_SSR_CONTEXT__), l && l.call(this, y), y && y._registeredComponents && y._registeredComponents.add(h);
-  }, _._ssrRegister = b) : l && (b = c ? function() {
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !y && typeof __VUE_SSR_CONTEXT__ < "u" && (y = __VUE_SSR_CONTEXT__), l && l.call(this, y), y && y._registeredComponents && y._registeredComponents.add(c);
+  }, _._ssrRegister = b) : l && (b = h ? function() {
     l.call(
       this,
       (_.functional ? this.parent : this).$root.$options.shadowRoot
@@ -607,8 +607,8 @@ function C(e, r, o, s, l, f, h, c) {
         return b.call(O), k(M, O);
       };
     } else {
-      var $ = _.beforeCreate;
-      _.beforeCreate = $ ? [].concat($, b) : [b];
+      var x = _.beforeCreate;
+      _.beforeCreate = x ? [].concat(x, b) : [b];
     }
   return {
     exports: e,
@@ -644,6 +644,11 @@ const Q = {
       }
     }
   },
+  data() {
+    return {
+      timer: null
+    };
+  },
   mounted() {
     let e = this.$refs.reference || this.$refs.trigger.children[0];
     if (!e)
@@ -661,10 +666,12 @@ const Q = {
       });
     },
     handleMouseEnter() {
-      this.isShowPopover = !0;
+      clearTimeout(this.timer), this.isShowPopover = !0;
     },
     handleMouseLeave() {
-      this.isShowPopover = !1;
+      this.timer = setTimeout(() => {
+        this.isShowPopover = !1;
+      }, 400);
     }
   },
   beforeDestroy() {
@@ -679,7 +686,7 @@ var ee = /* @__PURE__ */ C(
   X,
   !1,
   te,
-  "eea938f0",
+  "6f7c137a",
   null,
   null
 );
@@ -786,36 +793,41 @@ const pe = {
     }
   }
 }, R = {};
-var ce = /* @__PURE__ */ C(
+var he = /* @__PURE__ */ C(
   pe,
   le,
   de,
   !1,
-  he,
+  ce,
   "1d357f3a",
   null,
   null
 );
-function he(e) {
+function ce(e) {
   for (let r in R)
     this[r] = R[r];
 }
 const fe = /* @__PURE__ */ function() {
-  return ce.exports;
+  return he.exports;
 }();
 var ue = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
-  return o("div", {
-    staticClass: "dp-checkfilter_view_"
+  return o("dp-popover", {
+    ref: "popover",
+    attrs: {
+      trigger: "hover"
+    }
+  }, [o("span", {
+    staticClass: "dp-checkfilter_view_",
+    attrs: {
+      slot: "reference"
+    },
+    slot: "reference"
   }, [o("span", {
     class: [e.value.length && "dp-checkfilter_title_checked_"]
   }, [e._v(e._s(e.title))]), o("span", {
     staticClass: "dp-checkfilter_arrow_"
-  }), o("div", {
-    staticClass: "dp-checkfilter_option_view_"
-  }, [o("div", {
-    staticClass: "dp-checkfilter_option_list_"
-  }, [e.type === "check" ? e._l(e.option, function(s) {
+  })]), o("div", [e.type === "check" ? e._l(e.option, function(s) {
     return o("dp-check", {
       key: s.code,
       attrs: {
@@ -841,7 +853,7 @@ var ue = function() {
         change: e.handleChange
       }
     });
-  }) : e._e()], 2)])]);
+  }) : e._e()], 2)]);
 }, _e = [];
 const ve = {
   name: "dp-checkfilter",
@@ -874,7 +886,9 @@ const ve = {
   },
   methods: {
     handleChange(e, r) {
-      this.$emit("change", { key: r, value: [e].flat() });
+      this.$emit("change", { key: r, value: [e].flat() }), this.$nextTick(() => {
+        this.$refs.popover.updatePopper();
+      });
     }
   }
 }, N = {};
@@ -884,7 +898,7 @@ var me = /* @__PURE__ */ C(
   _e,
   !1,
   ge,
-  "bf22bd06",
+  "45a9d784",
   null,
   null
 );
@@ -913,7 +927,10 @@ var ye = function() {
       staticClass: "dp-table_header_item_border_ dp-table_header_item_group_title_ dp-table_header_item_height_",
       style: {
         borderColor: e.borderColor,
-        justifyContent: e.align
+        textAlign: e.align
+      },
+      attrs: {
+        title: e.item.name
       }
     }, [e._v(e._s(e.item.name))]), e.item.children ? o("ul", {
       staticClass: "dp-table_header_item_child_",
@@ -961,7 +978,11 @@ var ye = function() {
       on: {
         change: e.handleChangeFilter
       }
-    })] : [e._v(" " + e._s(e.item.name) + " "), e.item.sortKey ? o("span", {
+    })] : [o("span", {
+      attrs: {
+        title: e.item.name
+      }
+    }, [e._v(e._s(e.item.name))]), e.item.sortKey ? o("span", {
       class: ["dp-table_header_item_sort_", e.sortInfo.target.join("_") === e.fullCode.join("_") && e.sortInfo.value === "up" && "dp-table_header_item_sort_up_", e.sortInfo.target.join("_") === e.fullCode.join("_") && e.sortInfo.value === "down" && "dp-table_header_item_sort_down_"]
     }) : e._e()]];
   })], 2);
@@ -991,6 +1012,17 @@ const Ce = {
       type: Array
     }
   },
+  watch: {
+    item: {
+      handler() {
+        this.item && this.item.children && this.$nextTick(() => {
+          const e = this.$el.children[1].offsetWidth;
+          this.$el.style.maxWidth = `${e}px`;
+        });
+      },
+      immediate: !0
+    }
+  },
   data() {
     return {
       resizer: null,
@@ -1017,32 +1049,32 @@ const Ce = {
   beforeUnMounted() {
     this.resizer && this.resizer.unobserve(this.$el);
   }
-}, A = {};
-var xe = /* @__PURE__ */ C(
+}, B = {};
+var $e = /* @__PURE__ */ C(
   Ce,
   ye,
   we,
   !1,
-  $e,
-  "5cf7a766",
+  xe,
+  "60018e50",
   null,
   null
 );
-function $e(e) {
-  for (let r in A)
-    this[r] = A[r];
+function xe(e) {
+  for (let r in B)
+    this[r] = B[r];
 }
 const Se = /* @__PURE__ */ function() {
-  return xe.exports;
-}(), F = (e, r, o) => {
+  return $e.exports;
+}(), D = (e, r, o) => {
   const s = e[o];
   if (!s.isFixed || !r[s.code])
     return {};
-  const l = (h) => typeof h == "number" ? [h] : Object.values(h).map((c) => l(c)).flat();
-  return { position: "sticky", left: `${e.filter((h, c) => c < o && h.isFixed).map((h) => l(r[h.code])).reduce((h, c) => parseFloat(h) + parseFloat(c), 0)}px` };
-}, D = (e, r, o) => {
+  const l = (c) => typeof c == "number" ? [c] : Object.values(c).map((h) => l(h)).flat();
+  return { position: "sticky", left: `${e.filter((c, h) => h < o && c.isFixed).map((c) => l(r[c.code])).reduce((c, h) => parseFloat(c) + parseFloat(h), 0)}px` };
+}, j = (e, r, o) => {
   const s = e[r[0]];
-  return r.length > 1 ? D(s, r.slice(1)) : e[o] || s;
+  return r.length > 1 ? j(s, r.slice(1), o) : e[o] === void 0 ? s : e[o];
 };
 var Ie = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
@@ -1050,7 +1082,8 @@ var Ie = function() {
     staticClass: "dp-table_header_view_",
     style: {
       borderColor: e.borderColor,
-      backgroundColor: e.bgColor
+      backgroundColor: e.bgColor,
+      minWidth: e.isBlock ? "100%" : ""
     }
   }, e._l(e.data, function(s, l) {
     return o("dp-item", {
@@ -1070,11 +1103,11 @@ var Ie = function() {
         changeSort: e.handleChangeSort,
         changeFilter: e.handleChangeFilter
       },
-      scopedSlots: e._u([e._l(e.$slots, function(f, h) {
+      scopedSlots: e._u([e._l(e.$slots, function(f, c) {
         return {
-          key: h,
+          key: c,
           fn: function() {
-            return [e._t(h)];
+            return [e._t(c)];
           },
           proxy: !0
         };
@@ -1119,24 +1152,30 @@ const Ee = {
   },
   computed: {
     fixedStyle() {
-      return this.data.map((e, r) => ({ ...F(this.data, this.widthInfo, r), backgroundColor: this.bgColor }));
+      return this.data.map((e, r) => ({ ...D(this.data, this.widthInfo, r), backgroundColor: this.bgColor }));
+    }
+  },
+  watch: {
+    data() {
+      this.widthInfo = {};
     }
   },
   data() {
     return {
       widthInfo: {},
-      timer: null
+      timer: null,
+      isBlock: !0
     };
   },
   methods: {
-    computFixedStyle: F,
+    computFixedStyle: D,
     handleChangeWidthInfo(e) {
       this.widthInfo = { ...this.widthInfo, ...e }, clearTimeout(this.timer), this.timer = setTimeout(() => {
-        this.$emit("changeWidth", this.widthInfo);
+        this.$emit("changeWidth", this.widthInfo), this.isBlock = Object.values(this.widthInfo).reduce((r, o) => r + o, 0) > this.$el.offsetWidth - 2, this.$emit("changeBlock", this.isBlock);
       }, 300);
     },
     handleChangeSort(e, r) {
-      console.log(e, r), this.$emit("changeSort", e, r);
+      this.$emit("changeSort", e, r);
     },
     handleChangeFilter(e) {
       this.$emit("changeFilter", e);
@@ -1149,7 +1188,7 @@ var ke = /* @__PURE__ */ C(
   Oe,
   !1,
   Me,
-  "2293b374",
+  "5d3820ae",
   null,
   null
 );
@@ -1157,10 +1196,10 @@ function Me(e) {
   for (let r in W)
     this[r] = W[r];
 }
-const je = /* @__PURE__ */ function() {
+const Te = /* @__PURE__ */ function() {
   return ke.exports;
 }();
-var De = function() {
+var je = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
   return o("div", {
     staticClass: "dp-table_view_box_"
@@ -1188,6 +1227,7 @@ var De = function() {
     },
     on: {
       changeWidth: e.handleSetWidthInfo,
+      changeBlock: e.handleSetBlock,
       changeSort: e.handleChangeSort,
       changeFilter: e.handleChangeFilter
     },
@@ -1204,7 +1244,8 @@ var De = function() {
     staticClass: "dp-table_body_view_",
     style: {
       height: `${e.fullHeight}px`,
-      paddingTop: e.beforeHeight + "px"
+      paddingTop: e.beforeHeight + "px",
+      minWidth: e.isBlock ? "100%" : ""
     }
   }, e._l(e.resultData, function(s) {
     return o("li", {
@@ -1227,9 +1268,9 @@ var De = function() {
         style: Object.assign({
           borderColor: e.borderColor
         }, l.style, l.colStyle, e.computEvenColor(s.__sub), e.fixedStyle[f], e.computWidth(s[l.code]))
-      }, e._l([s[l.code].slot].flat(), function(h, c) {
+      }, e._l([s[l.code].slot].flat(), function(c, h) {
         return o("div", {
-          key: h,
+          key: c,
           staticClass: "dp-table_body_item_child_",
           style: Object.assign({
             borderColor: e.borderColor,
@@ -1238,18 +1279,18 @@ var De = function() {
           }, l.style, l.colStyle, s[l.code].style, {
             width: "100%"
           })
-        }, [e._t(h, null, {
+        }, [e._t(c, null, {
           item: s,
-          index: c
+          index: h
         })], 2);
       }), 0) : s[l.code].raw ? o("div", {
         class: ["dp-table_body_item_group_col_", l.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
         style: Object.assign({
           borderColor: e.borderColor
         }, l.style, l.colStyle, e.computEvenColor(s.__sub), e.fixedStyle[f], e.computWidth(s[l.code]))
-      }, e._l([s[l.code].raw].flat(), function(h, c) {
+      }, e._l([s[l.code].raw].flat(), function(c, h) {
         return o("div", {
-          key: c,
+          key: h,
           staticClass: "dp-table_body_item_child_",
           style: Object.assign({
             borderColor: e.borderColor,
@@ -1259,7 +1300,7 @@ var De = function() {
             width: "100%"
           }),
           domProps: {
-            innerHTML: e._s(h)
+            innerHTML: e._s(c)
           }
         });
       }), 0) : s[l.code].value ? o("div", {
@@ -1267,9 +1308,9 @@ var De = function() {
         style: Object.assign({
           borderColor: e.borderColor
         }, l.style, l.colStyle, e.computEvenColor(s.__sub), e.fixedStyle[f], e.computWidth(s[l.code]))
-      }, e._l([s[l.code].value].flat(), function(h, c) {
+      }, e._l([s[l.code].value].flat(), function(c, h) {
         return o("div", {
-          key: c,
+          key: h,
           staticClass: "dp-table_body_item_child_",
           style: Object.assign({
             borderColor: e.borderColor,
@@ -1277,15 +1318,21 @@ var De = function() {
             justifyContent: e.dir
           }, l.style, l.colStyle, s[l.code].style, {
             width: "100%"
-          })
-        }, [e._v(e._s(h))]);
+          }),
+          attrs: {
+            title: l.isShowTitle ? c : ""
+          }
+        }, [e._v(e._s(c))]);
       }), 0) : e._e()] : o("div", {
         class: ["dp-table_body_item_child_", l.isFixed && "dp-table_fixed_bg_", !!e.scrollLeft && "dp-table_fixed_shadow_"],
         style: Object.assign({
           borderColor: e.borderColor,
           padding: e.itemPadding,
           justifyContent: e.dir
-        }, l.style, l.colStyle, e.computEvenColor(s.__sub), e.fixedStyle[f])
+        }, l.style, l.colStyle, e.computEvenColor(s.__sub), e.fixedStyle[f]),
+        attrs: {
+          title: l.isShowTitle ? s[l.code] : ""
+        }
       }, [e._v(e._s(s[l.code]))])];
     }), s.__isTotalData ? o("span", {
       staticClass: "dp-table_total_border_",
@@ -1304,11 +1351,11 @@ var De = function() {
       borderColor: e.borderColor
     }
   })])]);
-}, Fe = [];
-const Te = {
+}, De = [];
+const Fe = {
   name: "dp-table",
   components: {
-    DpHeader: je
+    DpHeader: Te
   },
   props: {
     // 边框颜色
@@ -1401,7 +1448,7 @@ const Te = {
       return e.length ? [...this.bodyData].filter((r) => {
         let o = !0;
         return e.some((s) => {
-          if (!s.value.includes(D(r, s.target, s.filterKey)))
+          if (!s.value.includes(j(r, s.target, s.filterKey)))
             return o = !1, !0;
         }), o;
       }) : this.bodyData;
@@ -1413,17 +1460,17 @@ const Te = {
     // 表体渲染数据
     resultData() {
       return Object.keys(this.widthInfo).length < this.headData.length || !this.headData.length ? [] : (this.sortInfo.value ? [...this.filterBodyData].sort((r, o) => {
-        const s = D(r, this.sortInfo.target, this.sortInfo.sortKey), l = D(o, this.sortInfo.target, this.sortInfo.sortKey);
+        const s = j(r, this.sortInfo.target, this.sortInfo.sortKey), l = j(o, this.sortInfo.target, this.sortInfo.sortKey);
         return this.sortInfo.value === "up" ? s - l : l - s;
       }) : this.filterBodyData).slice(this.beforeIndex, this.currentIndex).concat(this.totalData ? [{ ...this.totalData, __sub: "", __isTotalData: !0 }] : []).map((r, o) => {
         const s = this.handleComputItem(r);
         return Object.keys(s).forEach((l) => {
           if (s[l] instanceof Object && (s[l].merge || 0) > 1) {
-            const f = this.deepHeadData.findIndex((c) => c.code === l), h = this.deepHeadData.slice(f, f + s[l].merge);
-            h.forEach((c) => {
-              const _ = s[c.code];
-              _ instanceof Object || (s[c.code] = { value: _ }), s[c.code] = { ...s[c.code], isMergeIgnored: !0 };
-            }), s[l].isMerge = !0, s[l].width = h.map((c) => this.widthInfo[c.code]).reduce((c, _) => c + _, 0);
+            const f = this.deepHeadData.findIndex((h) => h.code === l), c = this.deepHeadData.slice(f, f + s[l].merge);
+            c.forEach((h) => {
+              const _ = s[h.code];
+              _ instanceof Object || (s[h.code] = { value: _ }), s[h.code] = { ...s[h.code], isMergeIgnored: !0 };
+            }), s[l].isMerge = !0, s[l].width = c.map((h) => this.widthInfo[h.code]).reduce((h, _) => h + _, 0);
           }
         }), {
           __sub: o + parseInt(this.basicSub) + this.beforeIndex,
@@ -1435,7 +1482,7 @@ const Te = {
     },
     // 冻结列样式
     fixedStyle() {
-      return this.headData.map((e, r) => F(this.resultHeadData, this.widthInfo, r));
+      return this.headData.map((e, r) => D(this.resultHeadData, this.widthInfo, r));
     },
     // 行hover样式
     hoverStyle() {
@@ -1448,7 +1495,7 @@ const Te = {
   },
   watch: {
     bodyData() {
-      this.$refs.table.scrollTop = 0, this.$refs.table.scrollLeft = 0, this.scrollLeft = 0, this.beforeIndex = 0, this.currentIndex = 50;
+      this.$refs.table.scrollTop = 0, this.beforeIndex = 0, this.currentIndex = 50;
     },
     filterBodyData() {
       this.handleComputItemHeight();
@@ -1467,7 +1514,8 @@ const Te = {
         target: [],
         value: null
       },
-      filterInfo: {}
+      filterInfo: {},
+      isBlock: !0
     };
   },
   mounted() {
@@ -1489,7 +1537,7 @@ const Te = {
         if (this.rowHeight)
           o = this.rowHeight;
         else if (this.rowItemHeight) {
-          const s = this.handleComputItem(e, !0), l = this.deepHeadData.map((h) => s[h.code] instanceof Object ? s[h.code].slot ? [s[h.code].slot].flat().length : s[h.code].raw ? [s[h.code].raw].flat().length : s[h.code].value ? [s[h.code].value].flat().length : 1 : 1);
+          const s = this.handleComputItem(e, !0), l = this.deepHeadData.map((c) => s[c.code] instanceof Object ? s[c.code].slot ? [s[c.code].slot].flat().length : s[c.code].raw ? [s[c.code].raw].flat().length : s[c.code].value ? [s[c.code].value].flat().length : 1 : 1);
           o = Math.max(...l) * this.rowItemHeight;
         }
         return o;
@@ -1499,11 +1547,15 @@ const Te = {
     handleSetWidthInfo(e) {
       this.widthInfo = e;
     },
+    // 设置表格块模式
+    handleSetBlock(e) {
+      this.isBlock = e;
+    },
     // 递归铺开数据
     handleComputItem(e, r) {
       let o = {};
       const s = (l, f) => {
-        f.children ? f.children.forEach((h) => s((l || {})[h.code], { ...h, code: `${f.code}_${h.code}` })) : o[f.code] = l;
+        f.children ? f.children.forEach((c) => s((l || {})[c.code], { ...c, code: `${f.code}_${c.code}` })) : o[f.code] = l;
       };
       return this.headData.filter((l) => r || l.children).forEach((l) => s(e[l.code], l)), o;
     },
@@ -1540,20 +1592,20 @@ const Te = {
       this.filterInfo = { ...this.filterInfo, ...e }, this.beforeIndex = 0, this.currentIndex = 50, this.$refs.table.scrollTop = 0, this.$emit("changeFilter", Object.values(this.filterInfo).map((r) => ({ key: r.key, value: r.value })));
     }
   }
-}, B = {};
+}, A = {};
 var Le = /* @__PURE__ */ C(
-  Te,
-  De,
   Fe,
+  je,
+  De,
   !1,
   He,
-  "123ce300",
+  "07f8d2be",
   null,
   null
 );
 function He(e) {
-  for (let r in B)
-    this[r] = B[r];
+  for (let r in A)
+    this[r] = A[r];
 }
 const Pe = /* @__PURE__ */ function() {
   return Le.exports;
@@ -1567,7 +1619,7 @@ var Re = function() {
     }
   });
 }, Ne = [];
-const Ae = {
+const Be = {
   name: "dp-raw",
   props: {
     data: String
@@ -1584,8 +1636,8 @@ const Ae = {
           const l = document.createElement("span");
           o.replaceWith(l);
           const f = document.createElement("span");
-          f.innerHTML = s, [...o.attributes].filter((c) => c.value && c.name !== "src").forEach((c) => {
-            e.includes(c.name) ? f.style[c.name] = c.value : f[c.name] = c.value;
+          f.innerHTML = s, [...o.attributes].filter((h) => h.value && h.name !== "src").forEach((h) => {
+            e.includes(h.name) ? f.style[h.name] = h.value : f[h.name] = h.value;
           }), f.style.display = "inline-block", f.style.fontSize = "0", f.setAttribute("part", "__svg_view__"), l.attachShadow({ mode: "open" }).append(f);
         }
       });
@@ -1593,16 +1645,16 @@ const Ae = {
   }
 }, z = {};
 var We = /* @__PURE__ */ C(
-  Ae,
+  Be,
   Re,
   Ne,
   !1,
-  Be,
+  Ae,
   "65587794",
   null,
   null
 );
-function Be(e) {
+function Ae(e) {
   for (let r in z)
     this[r] = z[r];
 }
@@ -1610,8 +1662,8 @@ const ze = /* @__PURE__ */ function() {
   return We.exports;
 }();
 var qe = { choice: 'span.__MC41aTVhZDc3NDdnMzM2__[data-t="MC4wNHY2eGVwODFmMXg"]', decide: 'span.__MC5jY2ZpMWU5NzYyamo__[data-t="MC5hMDFjMGM5NGNmZmFl"]', fill: 'span.__MC50aXB0OGc2Y2tqbw__[data-t="MC5mM2VtbTVkcDJm"]', scoreline: 'span.__MC5sOG52dGVycnI5Zw__[data-t="MC42NG83Z2Y1Y2w3bw"]' }, Je = (e) => {
-  let { el: r, isShow: o, type: s } = e, l = Object.keys(qe), f = o ? l.filter((c) => !(s || l).includes(c)) : s || l, h = l.filter((c) => !f.includes(c));
-  r.classList.add(...f.map((c) => `__toggleraw_${c}_hidden`)), r.classList.remove(...h.map((c) => `__toggleraw_${c}_hidden`));
+  let { el: r, isShow: o, type: s } = e, l = Object.keys(qe), f = o ? l.filter((h) => !(s || l).includes(h)) : s || l, c = l.filter((h) => !f.includes(h));
+  r.classList.add(...f.map((h) => `__toggleraw_${h}_hidden`)), r.classList.remove(...c.map((h) => `__toggleraw_${h}_hidden`));
 }, Ve = Je, Ge = { ToggleRaw: Ve }, Ke = function() {
   var e = this, r = e.$createElement, o = e._self._c || r;
   return o("svg", {
@@ -1825,20 +1877,20 @@ function pt(e) {
   for (let r in V)
     this[r] = V[r];
 }
-const ct = /* @__PURE__ */ function() {
+const ht = /* @__PURE__ */ function() {
   return dt.exports;
-}(), ht = [
+}(), ct = [
   Pe,
   ze,
-  ct
+  ht
 ], ft = {
   install: (e) => {
-    ht.forEach((r) => e.component(r.name, r));
+    ct.forEach((r) => e.component(r.name, r));
   }
 };
 export {
   ze as Raw,
   Pe as Table,
-  ct as ToggleRaw,
+  ht as ToggleRaw,
   ft as default
 };

package/dist/style.css

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

package/package.json

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