dpot-ui 0.1.4 → 0.1.6

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, 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);
+}, 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, !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() {
+  }, l._ssrRegister = c) : n && (c = s ? function() {
     n.call(
       this,
-      (s.functional ? this.parent : this).$root.$options.shadowRoot
+      (l.functional ? this.parent : this).$root.$options.shadowRoot
     );
   } : n), c)
-    if (s.functional) {
-      s._injectStyles = c;
-      var I = s.render;
-      s.render = function($, p) {
-        return c.call(p), I($, p);
+    if (l.functional) {
+      l._injectStyles = c;
+      var $ = l.render;
+      l.render = function(x, p) {
+        return c.call(p), $(x, p);
       };
     } else {
-      var f = s.beforeCreate;
-      s.beforeCreate = f ? [].concat(f, c) : [c];
+      var f = l.beforeCreate;
+      l.beforeCreate = f ? [].concat(f, c) : [c];
     }
   return {
     exports: e,
-    options: s
+    options: l
   };
 }
-const w = {
+const k = {
   name: "dp-check",
   props: {
     data: {
@@ -66,25 +66,25 @@ const w = {
       this.$emit("change", e, this.data.key);
     }
   }
-}, b = {};
-var k = /* @__PURE__ */ h(
-  w,
-  x,
+}, g = {};
+var D = /* @__PURE__ */ _(
+  k,
   S,
+  w,
   !1,
-  D,
+  F,
   "1b8ae42a",
   null,
   null
 );
-function D(e) {
-  for (let o in b)
-    this[o] = b[o];
+function F(e) {
+  for (let o in g)
+    this[o] = g[o];
 }
-const F = /* @__PURE__ */ function() {
-  return k.exports;
+const H = /* @__PURE__ */ function() {
+  return D.exports;
 }();
-var j = 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_"],
@@ -101,8 +101,8 @@ var j = function() {
   }), r("span", {
     staticClass: "dp-radio_name_"
   }, [e._v(e._s(e.data.name))])]);
-}, H = [];
-const O = {
+}, j = [];
+const E = {
   name: "dp-radio",
   props: {
     data: {
@@ -122,25 +122,25 @@ const O = {
       this.$emit("change", this.data.code, this.data.key);
     }
   }
-}, g = {};
-var E = /* @__PURE__ */ h(
+}, b = {};
+var M = /* @__PURE__ */ _(
+  E,
   O,
   j,
-  H,
   !1,
-  M,
+  R,
   "e7bf9628",
   null,
   null
 );
-function M(e) {
-  for (let o in g)
-    this[o] = g[o];
+function R(e) {
+  for (let o in b)
+    this[o] = b[o];
 }
-const R = /* @__PURE__ */ function() {
-  return E.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_"
@@ -183,8 +183,8 @@ var T = function() {
 const z = {
   name: "dp-checkfilter",
   components: {
-    DpCheck: F,
-    DpRadio: R
+    DpCheck: H,
+    DpRadio: T
   },
   props: {
     title: {
@@ -213,25 +213,25 @@ const z = {
       this.$emit("change", { key: o, value: [e].flat() });
     }
   }
-}, y = {};
-var K = /* @__PURE__ */ h(
+}, v = {};
+var K = /* @__PURE__ */ _(
   z,
-  T,
+  L,
   W,
   !1,
-  L,
+  B,
   "20c78138",
   null,
   null
 );
-function L(e) {
-  for (let o in y)
-    this[o] = y[o];
+function B(e) {
+  for (let o in v)
+    this[o] = v[o];
 }
-const B = /* @__PURE__ */ function() {
+const P = /* @__PURE__ */ function() {
   return K.exports;
 }();
-var P = 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 P = function() {
           changeSort: e.handleItemClick,
           changeFilter: e.handleChangeFilter
         },
-        scopedSlots: e._u([e._l(e.$slots, function(n, l) {
+        scopedSlots: e._u([e._l(e.$slots, function(n, i) {
           return {
-            key: l,
+            key: i,
             fn: function() {
-              return [e._t(l)];
+              return [e._t(i)];
             },
             proxy: !0
           };
@@ -301,11 +301,11 @@ var P = 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: B
+    DpCheckfilter: P
   },
   props: {
     item: {
@@ -353,34 +353,34 @@ const N = {
   beforeUnMounted() {
     this.resizer && this.resizer.unobserve(this.$el);
   }
-}, v = {};
-var U = /* @__PURE__ */ h(
-  N,
-  P,
+}, y = {};
+var U = /* @__PURE__ */ _(
+  q,
   A,
+  N,
   !1,
-  q,
+  V,
   "5cf7a766",
   null,
   null
 );
-function q(e) {
-  for (let o in v)
-    this[o] = v[o];
+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((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 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 ? _(t, o.slice(1)) : e[r] || t;
+  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(l, 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_",
@@ -555,12 +555,12 @@ var ee = function() {
           return e.handleChangeFlag(!1);
         }
       }
-    }, [e._l(e.deepHeadData, function(n, l) {
+    }, [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[l], 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,
@@ -579,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[l], e.computWidth(t[n.code]))
-      }, e._l([t[n.code].raw].flat(), function(a, i) {
+        }, 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: i,
+          key: s,
           staticClass: "dp-table_body_item_child_",
           style: Object.assign({
             borderColor: e.borderColor,
@@ -599,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[l], e.computWidth(t[n.code]))
-      }, e._l([t[n.code].value].flat(), function(a, i) {
+        }, 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: i,
+          key: s,
           staticClass: "dp-table_body_item_child_",
           style: Object.assign({
             borderColor: e.borderColor,
@@ -618,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[l])
+        }, 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_",
@@ -627,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: {
     // 边框颜色
@@ -724,7 +724,7 @@ const oe = {
       return e.length ? [...this.bodyData].filter((o) => {
         let r = !0;
         return e.some((t) => {
-          if (!t.value.includes(_(o, t.target, t.filterKey)))
+          if (!t.value.includes(h(o, t.target, t.filterKey)))
             return r = !1, !0;
         }), r;
       }) : this.bodyData;
@@ -736,17 +736,17 @@ const oe = {
     // 表体渲染数据
     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.target, this.sortInfo.sortKey), n = _(r, this.sortInfo.target, this.sortInfo.sortKey);
+        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 = 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);
+            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,
@@ -771,7 +771,7 @@ const oe = {
   },
   watch: {
     bodyData() {
-      this.$refs.table.scrollTop = 0, this.$refs.table.scrollLeft = 0, this.scrollLeft = 0, this.beforeIndex = 0, this.currentIndex = 30;
+      this.$refs.table.scrollTop = 0, this.$refs.table.scrollLeft = 0, this.scrollLeft = 0, this.beforeIndex = 0, this.currentIndex = 50;
     },
     filterBodyData() {
       this.handleComputItemHeight();
@@ -781,7 +781,7 @@ const oe = {
     return {
       widthInfo: {},
       scrollLeft: 0,
-      currentIndex: 30,
+      currentIndex: 50,
       beforeIndex: 0,
       timer: null,
       hoverFlag: !1,
@@ -809,8 +809,8 @@ const oe = {
         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;
+          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;
         }
@@ -825,7 +825,7 @@ const oe = {
     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;
+        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;
     },
@@ -834,13 +834,13 @@ const oe = {
       this.scrollLeft = e.target.scrollLeft, clearTimeout(this.timer), this.timer = setTimeout(() => {
         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);
+          this.beforeIndex = Math.max(Math.floor(o / this.rowHeight), 0), this.currentIndex = Math.max(this.beforeIndex + Math.ceil(this.$el.offsetHeight / this.rowHeight) * 3, 50);
         else {
           let r = 0;
           this.beforeIndex = this.fullHeightInfo.findIndex((t) => {
             const n = r + t >= o;
             return n || (r += t), n;
-          }), this.currentIndex = Math.min(this.beforeIndex + 30, this.filterBodyData.length);
+          }), this.currentIndex = Math.min(this.beforeIndex + 50, this.filterBodyData.length);
         }
       }, 10);
     },
@@ -859,34 +859,87 @@ const oe = {
     },
     // 操作筛选
     handleChangeFilter(e) {
-      this.filterInfo = { ...this.filterInfo, ...e }, this.beforeIndex = 0, this.currentIndex = 30, this.$refs.table.scrollTop = 0, this.$emit("changeFilter", Object.values(this.filterInfo).map((o) => ({ key: o.key, value: o.value })));
+      this.filterInfo = { ...this.filterInfo, ...e }, this.beforeIndex = 0, this.currentIndex = 50, this.$refs.table.scrollTop = 0, this.$emit("changeFilter", Object.values(this.filterInfo).map((o) => ({ key: o.key, value: o.value })));
     }
   }
 }, C = {};
-var re = /* @__PURE__ */ h(
-  oe,
-  ee,
+var ne = /* @__PURE__ */ _(
+  re,
   te,
+  oe,
   !1,
-  ne,
-  "1473e8c5",
+  ae,
+  "47d779f0",
   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-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}
+.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-47d779f0]{border:1px solid;border-top:0;display:inline-block!important;max-width:100%;font-size:0}.dp-table_view_[data-v-47d779f0]{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-47d779f0]{display:inline-flex;flex-direction:column;box-sizing:border-box;min-height:50px}.dp-table_body_view_[data-v-47d779f0]:empty{display:flex;align-items:center;justify-content:center}.dp-table_body_view_[data-v-47d779f0]:empty:before{content:"\6682\65e0\6570\636e";line-height:2;color:#999}.dp-table_view_>*[data-v-47d779f0]{font-size:14px}.dp-table_body_item_[data-v-47d779f0]{display:inline-flex}.dp-table_fixed_bg_[data-v-47d779f0]{background-color:#fff}.dp-table_fixed_bg_.dp-table_fixed_shadow_[data-v-47d779f0]{box-shadow:5px 0 8px -3px #e3e3e3}.dp-table_body_item_group_col_[data-v-47d779f0]{display:flex;flex-direction:column}.dp-table_body_item_group_col_>*[data-v-47d779f0]{flex:1}.dp-table_body_item_child_[data-v-47d779f0]{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-47d779f0]{position:sticky;bottom:0;display:inline-flex;background-color:#fff;overflow:visible}.dp-table_total_border_[data-v-47d779f0]{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.4",
+    "version": "0.1.6",
     "author": "Jeesn",
     "main": "./dist/index.es.js",
     "module": "./dist/index.es.js",
@@ -18,6 +18,7 @@
         "docs"
     ],
     "peerDependencies": {
-        "vue": ">=2.6.14"
+        "vue": ">=2.6.14",
+        "vue-template-compiler": ">=2.6.14"
     }
 }