dpot-ui 0.1.3 → 0.1.5

package/dist/font.css

@@ -0,0 +1,141 @@
+/* Euclid */
+@font-face {
+    font-family: "Euclid";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/euclid.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: "Euclid";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/euclidi.ttf") format("truetype");
+    font-style: italic;
+
+}
+
+@font-face {
+    font-family: "Euclid";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/euclidb.ttf") format("truetype");
+    font-weight: bold;
+}
+
+@font-face {
+    font-family: "Euclid";
+    font-style: italic;
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/euclidbi.ttf") format("truetype");
+    font-weight: bold;
+}
+
+/* Euclid Symbol */
+@font-face {
+    font-family: "Euclid Symbol";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/eucsym.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: "Euclid Symbol";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/eucsymi.ttf") format("truetype");
+    font-style: italic;
+
+}
+
+@font-face {
+    font-family: "Euclid Symbol";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/eucsymb.ttf") format("truetype");
+    font-weight: bold;
+}
+
+@font-face {
+    font-family: "Euclid Symbol";
+    font-style: italic;
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/eucsymbi.ttf") format("truetype");
+    font-weight: bold;
+}
+
+/* Euclid Extra */
+@font-face {
+    font-family: "Euclid Extra";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/euextra.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: "Euclid Extra";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/euextrab.ttf") format("truetype");
+    font-weight: bold;
+}
+
+/* Euclid Fraktur */
+@font-face {
+    font-family: "Euclid Fraktur";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/eufrak.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: "Euclid Fraktur";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/eufrakb.ttf") format("truetype");
+    font-weight: bold;
+}
+
+/* Euclid Math One */
+@font-face {
+    font-family: "Euclid Math One";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/eumat1.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: "Euclid Math One";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/eumat1b.ttf") format("truetype");
+    font-weight: bold;
+}
+
+/* Euclid Math Two */
+@font-face {
+    font-family: "Euclid Math Two";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/eumat2.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: "Euclid Math Two";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/eumat2b.ttf") format("truetype");
+    font-weight: bold;
+}
+
+/* Fences */
+@font-face {
+    font-family: "Fences";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/fences.ttf") format("truetype");
+}
+
+/* MT Extra Tiger */
+@font-face {
+    font-family: "MT Extra Tiger";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/Mt%20Extra%20Tiger.ttf") format("truetype");
+}
+
+/* MT Extra */
+@font-face {
+    font-family: "MT Extra";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/mtextra.ttf") format("truetype");
+}
+
+/* Symbol Tiger Expert */
+@font-face {
+    font-family: "Symbol Tiger Expert";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/Symbol%20Tiger%20Expert.ttf") format("truetype");
+}
+
+/* Symbol Tiger */
+@font-face {
+    font-family: "Symbol Tiger";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/Symbol%20Tiger.ttf") format("truetype");
+}
+
+/* Tiger Expert */
+@font-face {
+    font-family: "Tiger Expert";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/Tiger%20Expert.ttf") format("truetype");
+}
+
+/* Tiger */
+@font-face {
+    font-family: "Tiger";
+    src: url("https://rainbow-pro-open.oss-cn-beijing.aliyuncs.com/static/fonts/mt/Tiger.ttf") format("truetype");
+}

package/dist/index.es.js

@@ -1,4 +1,4 @@
-var x = function() {
+var S = function() {
   var e = this, o = e.$createElement, r = e._self._c || o;
   return r("div", {
     class: ["dp-check_view_", e.value.includes(e.data.code) && "dp-check_view_checked_"],
@@ -15,37 +15,37 @@ var x = function() {
   }), r("span", {
     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
+}, w = [];
+function _(e, o, r, t, n, i, a, s) {
+  var l = typeof e == "function" ? e.options : e;
+  o && (l.render = o, l.staticRenderFns = r, l._compiled = !0), t && (l.functional = !0), i && (l._scopeId = "data-v-" + i);
+  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);
+  }, l._ssrRegister = c) : n && (c = s ? function() {
     n.call(
       this,
-      (i.functional ? this.parent : this).$root.$options.shadowRoot
+      (l.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 (l.functional) {
+      l._injectStyles = c;
+      var $ = l.render;
+      l.render = function(x, p) {
+        return c.call(p), $(x, p);
       };
     } else {
-      var f = i.beforeCreate;
-      i.beforeCreate = f ? [].concat(f, d) : [d];
+      var f = l.beforeCreate;
+      l.beforeCreate = f ? [].concat(f, c) : [c];
     }
   return {
     exports: e,
-    options: i
+    options: l
   };
 }
-const w = {
+const k = {
   name: "dp-check",
   props: {
     data: {
@@ -67,24 +67,24 @@ const w = {
     }
   }
 }, g = {};
-var k = /* @__PURE__ */ h(
-  w,
-  x,
+var D = /* @__PURE__ */ _(
+  k,
   S,
+  w,
   !1,
-  D,
+  F,
   "1b8ae42a",
   null,
   null
 );
-function D(e) {
+function F(e) {
   for (let o in g)
     this[o] = g[o];
 }
 const H = /* @__PURE__ */ function() {
-  return k.exports;
+  return D.exports;
 }();
-var F = function() {
+var O = 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_"],
@@ -102,7 +102,7 @@ var F = function() {
     staticClass: "dp-radio_name_"
   }, [e._v(e._s(e.data.name))])]);
 }, j = [];
-const O = {
+const E = {
   name: "dp-radio",
   props: {
     data: {
@@ -123,24 +123,24 @@ const O = {
     }
   }
 }, b = {};
-var R = /* @__PURE__ */ h(
+var M = /* @__PURE__ */ _(
+  E,
   O,
-  F,
   j,
   !1,
-  E,
+  R,
   "e7bf9628",
   null,
   null
 );
-function E(e) {
+function R(e) {
   for (let o in b)
     this[o] = b[o];
 }
-const M = /* @__PURE__ */ function() {
-  return R.exports;
+const T = /* @__PURE__ */ function() {
+  return M.exports;
 }();
-var T = function() {
+var L = function() {
   var e = this, o = e.$createElement, r = e._self._c || o;
   return r("div", {
     staticClass: "dp-checkfilter_view_"
@@ -184,7 +184,7 @@ const z = {
   name: "dp-checkfilter",
   components: {
     DpCheck: H,
-    DpRadio: M
+    DpRadio: T
   },
   props: {
     title: {
@@ -214,24 +214,24 @@ const z = {
     }
   }
 }, v = {};
-var L = /* @__PURE__ */ h(
+var K = /* @__PURE__ */ _(
   z,
-  T,
+  L,
   W,
   !1,
-  K,
+  B,
   "20c78138",
   null,
   null
 );
-function K(e) {
+function B(e) {
   for (let o in v)
     this[o] = v[o];
 }
 const P = /* @__PURE__ */ function() {
-  return L.exports;
+  return K.exports;
 }();
-var B = function() {
+var A = 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, i) {
           return {
-            key: s,
+            key: i,
             fn: function() {
-              return [e._t(s)];
+              return [e._t(i)];
             },
             proxy: !0
           };
@@ -301,8 +301,8 @@ var B = function() {
       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);
-}, A = [];
-const N = {
+}, N = [];
+const q = {
   name: "dp-table-header-item",
   components: {
     DpCheckfilter: P
@@ -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 } });
@@ -354,33 +354,33 @@ const N = {
     this.resizer && this.resizer.unobserve(this.$el);
   }
 }, y = {};
-var U = /* @__PURE__ */ h(
-  N,
-  B,
+var U = /* @__PURE__ */ _(
+  q,
   A,
+  N,
   !1,
-  q,
-  "4272af7c",
+  V,
+  "5cf7a766",
   null,
   null
 );
-function q(e) {
+function V(e) {
   for (let o in y)
     this[o] = y[o];
 }
-const V = /* @__PURE__ */ function() {
+const X = /* @__PURE__ */ function() {
   return U.exports;
 }(), u = (e, o, r) => {
   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((s) => n(s)).flat();
+  return { position: "sticky", left: `${e.filter((a, s) => s < r && a.isFixed).map((a) => n(o[a.code])).reduce((a, s) => parseFloat(a) + parseFloat(s), 0)}px` };
+}, h = (e, o, r) => {
+  const t = e[o[0]];
+  return o.length > 1 ? h(t, o.slice(1)) : e[r] || t;
 };
-var X = function() {
+var G = function() {
   var e = this, o = e.$createElement, r = e._self._c || o;
   return r("ul", {
     staticClass: "dp-table_header_view_",
@@ -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(i, a) {
         return {
           key: a,
           fn: function() {
@@ -417,11 +417,11 @@ var X = function() {
       })], null, !0)
     });
   }), 1);
-}, G = [];
-const J = {
+}, J = [];
+const Q = {
   name: "dp-table-header",
   components: {
-    DpItem: V
+    DpItem: X
   },
   props: {
     // 表头数据
@@ -479,24 +479,24 @@ const J = {
     }
   }
 }, m = {};
-var Q = /* @__PURE__ */ h(
-  J,
-  X,
+var Y = /* @__PURE__ */ _(
+  Q,
   G,
+  J,
   !1,
-  Y,
+  Z,
   "2293b374",
   null,
   null
 );
-function Y(e) {
+function Z(e) {
   for (let o in m)
     this[o] = m[o];
 }
-const Z = /* @__PURE__ */ function() {
-  return Q.exports;
+const ee = /* @__PURE__ */ function() {
+  return Y.exports;
 }();
-var ee = function() {
+var te = function() {
   var e = this, o = e.$createElement, r = e._self._c || o;
   return r("div", {
     staticClass: "dp-table_view_border_",
@@ -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, i) {
       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[i], 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[i], e.computWidth(t[n.code]))
+      }, e._l([t[n.code].raw].flat(), function(a, s) {
         return r("div", {
-          key: l,
+          key: s,
           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[i], e.computWidth(t[n.code]))
+      }, e._l([t[n.code].value].flat(), function(a, s) {
         return r("div", {
-          key: l,
+          key: s,
           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[i])
       }, [e._v(e._s(t[n.code]))])];
     }), t.__isTotalData ? r("span", {
       staticClass: "dp-table_total_border_",
@@ -629,11 +627,11 @@ var ee = function() {
       }
     }) : e._e()], 2);
   }), 0)], 1)]);
-}, te = [];
-const oe = {
+}, oe = [];
+const re = {
   name: "dp-table",
   components: {
-    DpHeader: Z
+    DpHeader: ee
   },
   props: {
     // 边框颜色
@@ -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(h(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 = h(o, this.sortInfo.target, this.sortInfo.sortKey), n = h(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 i = this.deepHeadData.findIndex((s) => s.code === n), a = this.deepHeadData.slice(i, i + t[n].merge);
+            a.forEach((s) => {
+              const l = t[s.code];
+              l instanceof Object || (t[s.code] = { value: l }), t[s.code] = { ...t[s.code], isMergeIgnored: !0 };
+            }), t[n].isMerge = !0, t[n].width = a.map((s) => this.widthInfo[s.code]).reduce((s, l) => s + l, 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, s) => {
+            s.children ? s.children.forEach((l) => n((a || {})[l.code], { ...l, code: `${s.code}_${l.code}` })) : t[s.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((i) => r((t || {})[i.code], { ...i, code: `${n.code}_${i.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);
     },
@@ -858,30 +863,83 @@ const oe = {
     }
   }
 }, C = {};
-var re = /* @__PURE__ */ h(
-  oe,
-  ee,
+var ne = /* @__PURE__ */ _(
+  re,
   te,
+  oe,
   !1,
-  ne,
-  "cadbd238",
+  ae,
+  "1473e8c5",
   null,
   null
 );
-function ne(e) {
+function ae(e) {
   for (let o in C)
     this[o] = C[o];
 }
-const ae = /* @__PURE__ */ function() {
-  return re.exports;
-}(), ie = [
-  ae
-], se = {
+const se = /* @__PURE__ */ function() {
+  return ne.exports;
+}();
+var ie = function() {
+  var e = this, o = e.$createElement, r = e._self._c || o;
+  return r("div", {
+    staticClass: "problem-raw",
+    domProps: {
+      innerHTML: e._s(e.data)
+    }
+  });
+}, le = [];
+const de = {
+  name: "dp-raw",
+  props: {
+    data: String
+  },
+  mounted() {
+    this.computSvgDom();
+  },
+  methods: {
+    computSvgDom() {
+      const e = ["width", "height"];
+      [...this.$el.querySelectorAll("img")].filter((r) => /.svg$/i.test(r.src)).forEach(async (r) => {
+        const t = await fetch(r.src).then(async (n) => await n.text());
+        if (t) {
+          const n = document.createElement("span");
+          r.replaceWith(n);
+          const i = document.createElement("span");
+          i.innerHTML = t, [...r.attributes].filter((s) => s.value && s.name !== "src").forEach((s) => {
+            e.includes(s.name) ? i.style[s.name] = s.value : i[s.name] = s.value;
+          }), i.style.display = "inline-block", i.style.fontSize = "0", i.setAttribute("part", "__svg_view__"), n.attachShadow({ mode: "open" }).append(i);
+        }
+      });
+    }
+  }
+}, I = {};
+var ce = /* @__PURE__ */ _(
+  de,
+  ie,
+  le,
+  !1,
+  _e,
+  "65587794",
+  null,
+  null
+);
+function _e(e) {
+  for (let o in I)
+    this[o] = I[o];
+}
+const he = /* @__PURE__ */ function() {
+  return ce.exports;
+}(), ue = [
+  se,
+  he
+], fe = {
   install: (e) => {
-    ie.forEach((o) => e.component(o.name, o));
+    ue.forEach((o) => e.component(o.name, o));
   }
 };
 export {
-  ae as Table,
-  se as default
+  he as Raw,
+  se as Table,
+  fe as default
 };

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}.problem-raw[data-v-65587794]:after{content:"";display:block;clear:both}

package/package.json

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