dld-vue-ui 0.4.0 → 0.4.2

package/dist/dld-vue-ui.js

@@ -1,5 +1,5 @@
-import { h as te, openBlock as r, createElementBlock as z, normalizeStyle as x, renderSlot as w, defineComponent as V, createBlock as h, unref as o, withCtx as m, createElementVNode as g, ref as D, onMounted as O, resolveComponent as _, createVNode as P, createTextVNode as E, withDirectives as ae, vShow as ne, toDisplayString as L, Fragment as q, renderList as R, useSlots as A, createCommentVNode as c, reactive as ie, watch as H, normalizeClass as b, createSlots as se, withKeys as I } from "vue";
-const le = {
+import { h as te, openBlock as o, createElementBlock as z, normalizeStyle as x, renderSlot as w, defineComponent as V, createBlock as h, unref as r, withCtx as m, createElementVNode as g, ref as U, onMounted as O, resolveComponent as _, createVNode as P, createTextVNode as $, withDirectives as ae, vShow as ne, toDisplayString as L, Fragment as B, renderList as R, useSlots as A, createCommentVNode as c, reactive as le, watch as H, normalizeClass as b, createSlots as ie, withKeys as I, resolveDynamicComponent as se } from "vue";
+const oe = {
   name: "splitpanes",
   emits: ["ready", "resize", "resized", "pane-click", "pane-maximize", "pane-add", "pane-remove", "splitter-click"],
   props: {
@@ -70,16 +70,16 @@ const le = {
       }, 500)))), this.touch.dragging || this.$emit("splitter-click", this.panes[a]);
     },
     onSplitterDblClick(e, a) {
-      let i = 0;
-      this.panes = this.panes.map((n, s) => (n.size = s === a ? n.max : n.min, s !== a && (i += n.min), n)), this.panes[a].size -= i, this.$emit("pane-maximize", this.panes[a]), this.$emit("resized", this.panes.map((n) => ({ min: n.min, max: n.max, size: n.size })));
+      let l = 0;
+      this.panes = this.panes.map((n, i) => (n.size = i === a ? n.max : n.min, i !== a && (l += n.min), n)), this.panes[a].size -= l, this.$emit("pane-maximize", this.panes[a]), this.$emit("resized", this.panes.map((n) => ({ min: n.min, max: n.max, size: n.size })));
     },
     onPaneClick(e, a) {
       this.$emit("pane-click", this.indexedPanes[a]);
     },
     getCurrentMouseDrag(e) {
-      const a = this.container.getBoundingClientRect(), { clientX: i, clientY: n } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
+      const a = this.container.getBoundingClientRect(), { clientX: l, clientY: n } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
       return {
-        x: i - a.left,
+        x: l - a.left,
         y: n - a.top
       };
     },
@@ -90,44 +90,44 @@ const le = {
     },
     calculatePanesSize(e) {
       const a = this.touch.activeSplitter;
-      let i = {
+      let l = {
         prevPanesSize: this.sumPrevPanesSize(a),
         nextPanesSize: this.sumNextPanesSize(a),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const n = 0 + (this.pushOtherPanes ? 0 : i.prevPanesSize), s = 100 - (this.pushOtherPanes ? 0 : i.nextPanesSize), l = Math.max(Math.min(this.getCurrentDragPercentage(e), s), n);
+      const n = 0 + (this.pushOtherPanes ? 0 : l.prevPanesSize), i = 100 - (this.pushOtherPanes ? 0 : l.nextPanesSize), s = Math.max(Math.min(this.getCurrentDragPercentage(e), i), n);
       let d = [a, a + 1], f = this.panes[d[0]] || null, y = this.panes[d[1]] || null;
-      const C = f.max < 100 && l >= f.max + i.prevPanesSize, F = y.max < 100 && l <= 100 - (y.max + this.sumNextPanesSize(a + 1));
+      const C = f.max < 100 && s >= f.max + l.prevPanesSize, F = y.max < 100 && s <= 100 - (y.max + this.sumNextPanesSize(a + 1));
       if (C || F) {
-        C ? (f.size = f.max, y.size = Math.max(100 - f.max - i.prevPanesSize - i.nextPanesSize, 0)) : (f.size = Math.max(100 - y.max - i.prevPanesSize - this.sumNextPanesSize(a + 1), 0), y.size = y.max);
+        C ? (f.size = f.max, y.size = Math.max(100 - f.max - l.prevPanesSize - l.nextPanesSize, 0)) : (f.size = Math.max(100 - y.max - l.prevPanesSize - this.sumNextPanesSize(a + 1), 0), y.size = y.max);
         return;
       }
       if (this.pushOtherPanes) {
-        const S = this.doPushOtherPanes(i, l);
+        const S = this.doPushOtherPanes(l, s);
         if (!S)
           return;
-        ({ sums: i, panesToResize: d } = S), f = this.panes[d[0]] || null, y = this.panes[d[1]] || null;
+        ({ sums: l, panesToResize: d } = S), f = this.panes[d[0]] || null, y = this.panes[d[1]] || null;
       }
-      f !== null && (f.size = Math.min(Math.max(l - i.prevPanesSize - i.prevReachedMinPanes, f.min), f.max)), y !== null && (y.size = Math.min(Math.max(100 - l - i.nextPanesSize - i.nextReachedMinPanes, y.min), y.max));
+      f !== null && (f.size = Math.min(Math.max(s - l.prevPanesSize - l.prevReachedMinPanes, f.min), f.max)), y !== null && (y.size = Math.min(Math.max(100 - s - l.nextPanesSize - l.nextReachedMinPanes, y.min), y.max));
     },
     doPushOtherPanes(e, a) {
-      const i = this.touch.activeSplitter, n = [i, i + 1];
-      return a < e.prevPanesSize + this.panes[n[0]].min && (n[0] = this.findPrevExpandedPane(i).index, e.prevReachedMinPanes = 0, n[0] < i && this.panes.forEach((s, l) => {
-        l > n[0] && l <= i && (s.size = s.min, e.prevReachedMinPanes += s.min);
-      }), e.prevPanesSize = this.sumPrevPanesSize(n[0]), n[0] === void 0) ? (e.prevReachedMinPanes = 0, this.panes[0].size = this.panes[0].min, this.panes.forEach((s, l) => {
-        l > 0 && l <= i && (s.size = s.min, e.prevReachedMinPanes += s.min);
-      }), this.panes[n[1]].size = 100 - e.prevReachedMinPanes - this.panes[0].min - e.prevPanesSize - e.nextPanesSize, null) : a > 100 - e.nextPanesSize - this.panes[n[1]].min && (n[1] = this.findNextExpandedPane(i).index, e.nextReachedMinPanes = 0, n[1] > i + 1 && this.panes.forEach((s, l) => {
-        l > i && l < n[1] && (s.size = s.min, e.nextReachedMinPanes += s.min);
-      }), e.nextPanesSize = this.sumNextPanesSize(n[1] - 1), n[1] === void 0) ? (e.nextReachedMinPanes = 0, this.panes[this.panesCount - 1].size = this.panes[this.panesCount - 1].min, this.panes.forEach((s, l) => {
-        l < this.panesCount - 1 && l >= i + 1 && (s.size = s.min, e.nextReachedMinPanes += s.min);
+      const l = this.touch.activeSplitter, n = [l, l + 1];
+      return a < e.prevPanesSize + this.panes[n[0]].min && (n[0] = this.findPrevExpandedPane(l).index, e.prevReachedMinPanes = 0, n[0] < l && this.panes.forEach((i, s) => {
+        s > n[0] && s <= l && (i.size = i.min, e.prevReachedMinPanes += i.min);
+      }), e.prevPanesSize = this.sumPrevPanesSize(n[0]), n[0] === void 0) ? (e.prevReachedMinPanes = 0, this.panes[0].size = this.panes[0].min, this.panes.forEach((i, s) => {
+        s > 0 && s <= l && (i.size = i.min, e.prevReachedMinPanes += i.min);
+      }), this.panes[n[1]].size = 100 - e.prevReachedMinPanes - this.panes[0].min - e.prevPanesSize - e.nextPanesSize, null) : a > 100 - e.nextPanesSize - this.panes[n[1]].min && (n[1] = this.findNextExpandedPane(l).index, e.nextReachedMinPanes = 0, n[1] > l + 1 && this.panes.forEach((i, s) => {
+        s > l && s < n[1] && (i.size = i.min, e.nextReachedMinPanes += i.min);
+      }), e.nextPanesSize = this.sumNextPanesSize(n[1] - 1), n[1] === void 0) ? (e.nextReachedMinPanes = 0, this.panes[this.panesCount - 1].size = this.panes[this.panesCount - 1].min, this.panes.forEach((i, s) => {
+        s < this.panesCount - 1 && s >= l + 1 && (i.size = i.min, e.nextReachedMinPanes += i.min);
       }), this.panes[n[0]].size = 100 - e.prevPanesSize - e.nextReachedMinPanes - this.panes[this.panesCount - 1].min - e.nextPanesSize, null) : { sums: e, panesToResize: n };
     },
     sumPrevPanesSize(e) {
-      return this.panes.reduce((a, i, n) => a + (n < e ? i.size : 0), 0);
+      return this.panes.reduce((a, l, n) => a + (n < e ? l.size : 0), 0);
     },
     sumNextPanesSize(e) {
-      return this.panes.reduce((a, i, n) => a + (n > e + 1 ? i.size : 0), 0);
+      return this.panes.reduce((a, l, n) => a + (n > e + 1 ? l.size : 0), 0);
     },
     findPrevExpandedPane(e) {
       return [...this.panes].reverse().find((a) => a.index < e && a.size > a.min) || {};
@@ -137,51 +137,51 @@ const le = {
     },
     checkSplitpanesNodes() {
       Array.from(this.container.children).forEach((e) => {
-        const a = e.classList.contains("splitpanes__pane"), i = e.classList.contains("splitpanes__splitter");
-        !a && !i && (e.parentNode.removeChild(e), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
+        const a = e.classList.contains("splitpanes__pane"), l = e.classList.contains("splitpanes__splitter");
+        !a && !l && (e.parentNode.removeChild(e), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
       });
     },
-    addSplitter(e, a, i = !1) {
-      const n = e - 1, s = document.createElement("div");
-      s.classList.add("splitpanes__splitter"), i || (s.onmousedown = (l) => this.onMouseDown(l, n), typeof window < "u" && "ontouchstart" in window && (s.ontouchstart = (l) => this.onMouseDown(l, n)), s.onclick = (l) => this.onSplitterClick(l, n + 1)), this.dblClickSplitter && (s.ondblclick = (l) => this.onSplitterDblClick(l, n + 1)), a.parentNode.insertBefore(s, a);
+    addSplitter(e, a, l = !1) {
+      const n = e - 1, i = document.createElement("div");
+      i.classList.add("splitpanes__splitter"), l || (i.onmousedown = (s) => this.onMouseDown(s, n), typeof window < "u" && "ontouchstart" in window && (i.ontouchstart = (s) => this.onMouseDown(s, n)), i.onclick = (s) => this.onSplitterClick(s, n + 1)), this.dblClickSplitter && (i.ondblclick = (s) => this.onSplitterDblClick(s, n + 1)), a.parentNode.insertBefore(i, a);
     },
     removeSplitter(e) {
       e.onmousedown = void 0, e.onclick = void 0, e.ondblclick = void 0, e.parentNode.removeChild(e);
     },
     redoSplitters() {
       const e = Array.from(this.container.children);
-      e.forEach((i) => {
-        i.className.includes("splitpanes__splitter") && this.removeSplitter(i);
+      e.forEach((l) => {
+        l.className.includes("splitpanes__splitter") && this.removeSplitter(l);
       });
       let a = 0;
-      e.forEach((i) => {
-        i.className.includes("splitpanes__pane") && (!a && this.firstSplitter ? this.addSplitter(a, i, !0) : a && this.addSplitter(a, i), a++);
+      e.forEach((l) => {
+        l.className.includes("splitpanes__pane") && (!a && this.firstSplitter ? this.addSplitter(a, l, !0) : a && this.addSplitter(a, l), a++);
       });
     },
     requestUpdate({ target: e, ...a }) {
-      const i = this.indexedPanes[e._.uid];
-      Object.entries(a).forEach(([n, s]) => i[n] = s);
+      const l = this.indexedPanes[e._.uid];
+      Object.entries(a).forEach(([n, i]) => l[n] = i);
     },
     onPaneAdd(e) {
       let a = -1;
-      Array.from(e.$el.parentNode.children).some((s) => (s.className.includes("splitpanes__pane") && a++, s === e.$el));
-      const i = parseFloat(e.minSize), n = parseFloat(e.maxSize);
+      Array.from(e.$el.parentNode.children).some((i) => (i.className.includes("splitpanes__pane") && a++, i === e.$el));
+      const l = parseFloat(e.minSize), n = parseFloat(e.maxSize);
       this.panes.splice(a, 0, {
         id: e._.uid,
         index: a,
-        min: isNaN(i) ? 0 : i,
+        min: isNaN(l) ? 0 : l,
         max: isNaN(n) ? 100 : n,
         size: e.size === null ? null : parseFloat(e.size),
         givenSize: e.size,
         update: e.update
-      }), this.panes.forEach((s, l) => s.index = l), this.ready && this.$nextTick(() => {
-        this.redoSplitters(), this.resetPaneSizes({ addedPane: this.panes[a] }), this.$emit("pane-add", { index: a, panes: this.panes.map((s) => ({ min: s.min, max: s.max, size: s.size })) });
+      }), this.panes.forEach((i, s) => i.index = s), this.ready && this.$nextTick(() => {
+        this.redoSplitters(), this.resetPaneSizes({ addedPane: this.panes[a] }), this.$emit("pane-add", { index: a, panes: this.panes.map((i) => ({ min: i.min, max: i.max, size: i.size })) });
       });
     },
     onPaneRemove(e) {
-      const a = this.panes.findIndex((n) => n.id === e._.uid), i = this.panes.splice(a, 1)[0];
-      this.panes.forEach((n, s) => n.index = s), this.$nextTick(() => {
-        this.redoSplitters(), this.resetPaneSizes({ removedPane: { ...i, index: a } }), this.$emit("pane-remove", { removed: i, panes: this.panes.map((n) => ({ min: n.min, max: n.max, size: n.size })) });
+      const a = this.panes.findIndex((n) => n.id === e._.uid), l = this.panes.splice(a, 1)[0];
+      this.panes.forEach((n, i) => n.index = i), this.$nextTick(() => {
+        this.redoSplitters(), this.resetPaneSizes({ removedPane: { ...l, index: a } }), this.$emit("pane-remove", { removed: l, panes: this.panes.map((n) => ({ min: n.min, max: n.max, size: n.size })) });
       });
     },
     resetPaneSizes(e = {}) {
@@ -190,44 +190,44 @@ const le = {
     equalize() {
       const e = 100 / this.panesCount;
       let a = 0;
-      const i = [], n = [];
-      this.panes.forEach((s) => {
-        s.size = Math.max(Math.min(e, s.max), s.min), a -= s.size, s.size >= s.max && i.push(s.id), s.size <= s.min && n.push(s.id);
-      }), a > 0.1 && this.readjustSizes(a, i, n);
+      const l = [], n = [];
+      this.panes.forEach((i) => {
+        i.size = Math.max(Math.min(e, i.max), i.min), a -= i.size, i.size >= i.max && l.push(i.id), i.size <= i.min && n.push(i.id);
+      }), a > 0.1 && this.readjustSizes(a, l, n);
     },
     initialPanesSizing() {
       let e = 100;
-      const a = [], i = [];
+      const a = [], l = [];
       let n = 0;
-      this.panes.forEach((l) => {
-        e -= l.size, l.size !== null && n++, l.size >= l.max && a.push(l.id), l.size <= l.min && i.push(l.id);
+      this.panes.forEach((s) => {
+        e -= s.size, s.size !== null && n++, s.size >= s.max && a.push(s.id), s.size <= s.min && l.push(s.id);
       });
-      let s = 100;
-      e > 0.1 && (this.panes.forEach((l) => {
-        l.size === null && (l.size = Math.max(Math.min(e / (this.panesCount - n), l.max), l.min)), s -= l.size;
-      }), s > 0.1 && this.readjustSizes(e, a, i));
+      let i = 100;
+      e > 0.1 && (this.panes.forEach((s) => {
+        s.size === null && (s.size = Math.max(Math.min(e / (this.panesCount - n), s.max), s.min)), i -= s.size;
+      }), i > 0.1 && this.readjustSizes(e, a, l));
     },
     equalizeAfterAddOrRemove({ addedPane: e, removedPane: a } = {}) {
-      let i = 100 / this.panesCount, n = 0;
-      const s = [], l = [];
-      e && e.givenSize !== null && (i = (100 - e.givenSize) / (this.panesCount - 1)), this.panes.forEach((d) => {
-        n -= d.size, d.size >= d.max && s.push(d.id), d.size <= d.min && l.push(d.id);
+      let l = 100 / this.panesCount, n = 0;
+      const i = [], s = [];
+      e && e.givenSize !== null && (l = (100 - e.givenSize) / (this.panesCount - 1)), this.panes.forEach((d) => {
+        n -= d.size, d.size >= d.max && i.push(d.id), d.size <= d.min && s.push(d.id);
       }), !(Math.abs(n) < 0.1) && (this.panes.forEach((d) => {
-        e && e.givenSize !== null && e.id === d.id || (d.size = Math.max(Math.min(i, d.max), d.min)), n -= d.size, d.size >= d.max && s.push(d.id), d.size <= d.min && l.push(d.id);
-      }), n > 0.1 && this.readjustSizes(n, s, l));
+        e && e.givenSize !== null && e.id === d.id || (d.size = Math.max(Math.min(l, d.max), d.min)), n -= d.size, d.size >= d.max && i.push(d.id), d.size <= d.min && s.push(d.id);
+      }), n > 0.1 && this.readjustSizes(n, i, s));
     },
-    readjustSizes(e, a, i) {
+    readjustSizes(e, a, l) {
       let n;
-      e > 0 ? n = e / (this.panesCount - a.length) : n = e / (this.panesCount - i.length), this.panes.forEach((s, l) => {
-        if (e > 0 && !a.includes(s.id)) {
-          const d = Math.max(Math.min(s.size + n, s.max), s.min), f = d - s.size;
-          e -= f, s.size = d;
-        } else if (!i.includes(s.id)) {
-          const d = Math.max(Math.min(s.size + n, s.max), s.min), f = d - s.size;
-          e -= f, s.size = d;
+      e > 0 ? n = e / (this.panesCount - a.length) : n = e / (this.panesCount - l.length), this.panes.forEach((i, s) => {
+        if (e > 0 && !a.includes(i.id)) {
+          const d = Math.max(Math.min(i.size + n, i.max), i.min), f = d - i.size;
+          e -= f, i.size = d;
+        } else if (!l.includes(i.id)) {
+          const d = Math.max(Math.min(i.size + n, i.max), i.min), f = d - i.size;
+          e -= f, i.size = d;
         }
-        s.update({
-          [this.horizontal ? "height" : "width"]: `${this.indexedPanes[s.id].size}%`
+        i.update({
+          [this.horizontal ? "height" : "width"]: `${this.indexedPanes[i.id].size}%`
         });
       }), Math.abs(e) > 0.1 && this.$nextTick(() => {
         this.ready && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
@@ -249,8 +249,8 @@ const le = {
       this.redoSplitters();
     },
     dblClickSplitter(e) {
-      [...this.container.querySelectorAll(".splitpanes__splitter")].forEach((a, i) => {
-        a.ondblclick = e ? (n) => this.onSplitterDblClick(n, i) : void 0;
+      [...this.container.querySelectorAll(".splitpanes__splitter")].forEach((a, l) => {
+        a.ondblclick = e ? (n) => this.onSplitterDblClick(n, l) : void 0;
       });
     }
   },
@@ -276,12 +276,12 @@ const le = {
       this.$slots.default()
     );
   }
-}, oe = (e, a) => {
-  const i = e.__vccOpts || e;
-  for (const [n, s] of a)
-    i[n] = s;
-  return i;
-}, re = {
+}, re = (e, a) => {
+  const l = e.__vccOpts || e;
+  for (const [n, i] of a)
+    l[n] = i;
+  return l;
+}, de = {
   name: "pane",
   inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
   props: {
@@ -326,24 +326,24 @@ const le = {
     }
   }
 };
-function de(e, a, i, n, s, l) {
-  return r(), z("div", {
+function ue(e, a, l, n, i, s) {
+  return o(), z("div", {
     class: "splitpanes__pane",
-    onClick: a[0] || (a[0] = (d) => l.onPaneClick(d, e._.uid)),
+    onClick: a[0] || (a[0] = (d) => s.onPaneClick(d, e._.uid)),
     style: x(e.style)
   }, [
     w(e.$slots, "default")
   ], 4);
 }
-const ue = /* @__PURE__ */ oe(re, [["render", de]]);
-const ce = /* @__PURE__ */ V({
+const ce = /* @__PURE__ */ re(de, [["render", ue]]);
+const pe = /* @__PURE__ */ V({
   __name: "index",
   props: {
     styles: { type: Object, required: !1, default: () => ({ width: "100%", height: "100%" }) },
     horizontal: { type: Boolean, required: !1, default: !1 }
   },
   setup(e) {
-    return (a, i) => (r(), h(o(le), {
+    return (a, l) => (o(), h(r(oe), {
       horizontal: e.horizontal,
       style: x(e.styles),
       class: "splitpanes"
@@ -355,18 +355,18 @@ const ce = /* @__PURE__ */ V({
     }, 8, ["horizontal", "style"]));
   }
 });
-const B = (e, a) => {
-  const i = e.__vccOpts || e;
-  for (const [n, s] of a)
-    i[n] = s;
-  return i;
-}, pe = /* @__PURE__ */ B(ce, [["__scopeId", "data-v-4226b5d2"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/index.vue"]]), he = /* @__PURE__ */ V({
+const q = (e, a) => {
+  const l = e.__vccOpts || e;
+  for (const [n, i] of a)
+    l[n] = i;
+  return l;
+}, he = /* @__PURE__ */ q(pe, [["__scopeId", "data-v-4226b5d2"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/index.vue"]]), me = /* @__PURE__ */ V({
   __name: "pane",
   props: {
     styles: { type: Object, required: !0, default: () => ({ background: "#ececec" }) }
   },
   setup(e) {
-    return (a, i) => (r(), h(o(ue), {
+    return (a, l) => (o(), h(r(ce), {
       style: x(e.styles)
     }, {
       default: m(() => [
@@ -375,142 +375,142 @@ const B = (e, a) => {
       _: 3
     }, 8, ["style"]));
   }
-}), me = /* @__PURE__ */ B(he, [["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/pane.vue"]]);
+}), fe = /* @__PURE__ */ q(me, [["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/pane.vue"]]);
 /*! Element Plus Icons Vue v2.0.10 */
-var $ = (e, a) => {
-  let i = e.__vccOpts || e;
-  for (let [n, s] of a)
-    i[n] = s;
-  return i;
-}, fe = {
-  name: "CircleClose"
+var M = (e, a) => {
+  let l = e.__vccOpts || e;
+  for (let [n, i] of a)
+    l[n] = i;
+  return l;
 }, ve = {
+  name: "CircleClose"
+}, _e = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, _e = /* @__PURE__ */ g("path", {
+}, ze = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
-}, null, -1), ze = /* @__PURE__ */ g("path", {
+}, null, -1), ge = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-}, null, -1), ge = [
-  _e,
-  ze
+}, null, -1), ye = [
+  ze,
+  ge
 ];
-function ye(e, a, i, n, s, l) {
-  return r(), z("svg", ve, ge);
+function xe(e, a, l, n, i, s) {
+  return o(), z("svg", _e, ye);
 }
-var xe = /* @__PURE__ */ $(fe, [["render", ye], ["__file", "circle-close.vue"]]), we = {
+var we = /* @__PURE__ */ M(ve, [["render", xe], ["__file", "circle-close.vue"]]), Se = {
   name: "Close"
-}, Se = {
+}, be = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, be = /* @__PURE__ */ g("path", {
+}, Pe = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-}, null, -1), Pe = [
-  be
+}, null, -1), Ce = [
+  Pe
 ];
-function Ce(e, a, i, n, s, l) {
-  return r(), z("svg", Se, Pe);
+function Fe(e, a, l, n, i, s) {
+  return o(), z("svg", be, Ce);
 }
-var Fe = /* @__PURE__ */ $(we, [["render", Ce], ["__file", "close.vue"]]), ke = {
+var ke = /* @__PURE__ */ M(Se, [["render", Fe], ["__file", "close.vue"]]), Ee = {
   name: "DeleteFilled"
-}, Ee = {
+}, $e = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, $e = /* @__PURE__ */ g("path", {
+}, Me = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "M352 192V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64H96a32 32 0 0 1 0-64h256zm64 0h192v-64H416v64zM192 960a32 32 0 0 1-32-32V256h704v672a32 32 0 0 1-32 32H192zm224-192a32 32 0 0 0 32-32V416a32 32 0 0 0-64 0v320a32 32 0 0 0 32 32zm192 0a32 32 0 0 0 32-32V416a32 32 0 0 0-64 0v320a32 32 0 0 0 32 32z"
-}, null, -1), Me = [
-  $e
+}, null, -1), Ve = [
+  Me
 ];
-function Ve(e, a, i, n, s, l) {
-  return r(), z("svg", Ee, Me);
+function qe(e, a, l, n, i, s) {
+  return o(), z("svg", $e, Ve);
 }
-var Be = /* @__PURE__ */ $(ke, [["render", Ve], ["__file", "delete-filled.vue"]]), qe = {
+var Be = /* @__PURE__ */ M(Ee, [["render", qe], ["__file", "delete-filled.vue"]]), Le = {
   name: "Delete"
-}, Le = {
+}, Ne = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ne = /* @__PURE__ */ g("path", {
+}, De = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"
 }, null, -1), Ue = [
-  Ne
+  De
 ];
-function De(e, a, i, n, s, l) {
-  return r(), z("svg", Le, Ue);
+function Re(e, a, l, n, i, s) {
+  return o(), z("svg", Ne, Ue);
 }
-var Re = /* @__PURE__ */ $(qe, [["render", De], ["__file", "delete.vue"]]), Te = {
+var Te = /* @__PURE__ */ M(Le, [["render", Re], ["__file", "delete.vue"]]), We = {
   name: "Edit"
-}, We = {
+}, He = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, He = /* @__PURE__ */ g("path", {
+}, Ie = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"
-}, null, -1), Ie = /* @__PURE__ */ g("path", {
+}, null, -1), Oe = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
-}, null, -1), Oe = [
-  He,
-  Ie
+}, null, -1), Ae = [
+  Ie,
+  Oe
 ];
-function Ae(e, a, i, n, s, l) {
-  return r(), z("svg", We, Oe);
+function je(e, a, l, n, i, s) {
+  return o(), z("svg", He, Ae);
 }
-var je = /* @__PURE__ */ $(Te, [["render", Ae], ["__file", "edit.vue"]]), Ge = {
+var Ge = /* @__PURE__ */ M(We, [["render", je], ["__file", "edit.vue"]]), Ke = {
   name: "FolderOpened"
-}, Ke = {
+}, Ye = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ye = /* @__PURE__ */ g("path", {
+}, Je = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z"
-}, null, -1), Je = [
-  Ye
+}, null, -1), Xe = [
+  Je
 ];
-function Xe(e, a, i, n, s, l) {
-  return r(), z("svg", Ke, Je);
+function Qe(e, a, l, n, i, s) {
+  return o(), z("svg", Ye, Xe);
 }
-var j = /* @__PURE__ */ $(Ge, [["render", Xe], ["__file", "folder-opened.vue"]]), Qe = {
+var j = /* @__PURE__ */ M(Ke, [["render", Qe], ["__file", "folder-opened.vue"]]), Ze = {
   name: "Search"
-}, Ze = {
+}, et = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, et = /* @__PURE__ */ g("path", {
+}, tt = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704z"
-}, null, -1), tt = [
-  et
+}, null, -1), at = [
+  tt
 ];
-function at(e, a, i, n, s, l) {
-  return r(), z("svg", Ze, tt);
+function nt(e, a, l, n, i, s) {
+  return o(), z("svg", et, at);
 }
-var nt = /* @__PURE__ */ $(Qe, [["render", at], ["__file", "search.vue"]]), it = {
+var lt = /* @__PURE__ */ M(Ze, [["render", nt], ["__file", "search.vue"]]), it = {
   name: "Upload"
 }, st = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, lt = /* @__PURE__ */ g("path", {
+}, ot = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248L544 253.696z"
-}, null, -1), ot = [
-  lt
+}, null, -1), rt = [
+  ot
 ];
-function rt(e, a, i, n, s, l) {
-  return r(), z("svg", st, ot);
+function dt(e, a, l, n, i, s) {
+  return o(), z("svg", st, rt);
 }
-var G = /* @__PURE__ */ $(it, [["render", rt], ["__file", "upload.vue"]]), dt = function() {
+var G = /* @__PURE__ */ M(it, [["render", dt], ["__file", "upload.vue"]]), ut = function() {
   function e(a) {
     if (!a)
       throw new TypeError("Invalid argument; `value` has no value.");
     this.value = e.EMPTY, a && e.isGuid(a) && (this.value = a);
   }
   return e.isGuid = function(a) {
-    var i = a.toString();
-    return a && (a instanceof e || e.validator.test(i));
+    var l = a.toString();
+    return a && (a instanceof e || e.validator.test(l));
   }, e.create = function() {
     return new e([e.gen(2), e.gen(1), e.gen(1), e.gen(1), e.gen(3)].join("-"));
   }, e.createEmpty = function() {
@@ -520,9 +520,9 @@ var G = /* @__PURE__ */ $(it, [["render", rt], ["__file", "upload.vue"]]), dt =
   }, e.raw = function() {
     return [e.gen(2), e.gen(1), e.gen(1), e.gen(1), e.gen(3)].join("-");
   }, e.gen = function(a) {
-    for (var i = "", n = 0; n < a; n++)
-      i += ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
-    return i;
+    for (var l = "", n = 0; n < a; n++)
+      l += ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
+    return l;
   }, e.prototype.equals = function(a) {
     return e.isGuid(a) && this.value === a.toString();
   }, e.prototype.isEmpty = function() {
@@ -534,8 +534,8 @@ var G = /* @__PURE__ */ $(it, [["render", rt], ["__file", "upload.vue"]]), dt =
       value: this.value
     };
   }, e.validator = new RegExp("^[a-z0-9]{8}-[a-z0-9]{4}-[a-z0-9]{4}-[a-z0-9]{4}-[a-z0-9]{12}$", "i"), e.EMPTY = "00000000-0000-0000-0000-000000000000", e;
-}(), ut = dt;
-const ct = { style: {} }, pt = ["id", "accept"], ht = { class: "filename" }, mt = /* @__PURE__ */ V({
+}(), ct = ut;
+const pt = { style: {} }, ht = ["id", "accept"], mt = { class: "filename" }, ft = /* @__PURE__ */ V({
   __name: "index",
   props: {
     size: { type: String, required: !1, default: "default" },
@@ -545,59 +545,59 @@ const ct = { style: {} }, pt = ["id", "accept"], ht = { class: "filename" }, mt
     accept: { type: String, required: !0, default: "*" }
   },
   emits: ["upload"],
-  setup(e, { expose: a, emit: i }) {
-    let n = ut.create().toString(), s, l = D("");
+  setup(e, { expose: a, emit: l }) {
+    let n = ct.create().toString(), i, s = U("");
     function d() {
-      s.click();
+      i.click();
     }
     function f() {
-      l.value = s.value;
+      s.value = i.value;
     }
     function y() {
-      s.files !== null && i("upload", s.files[0]);
+      i.files !== null && l("upload", i.files[0]);
     }
     function C() {
-      s.value = "", l.value = "";
+      i.value = "", s.value = "";
     }
     return O(() => {
-      s = document.getElementById(n);
+      i = document.getElementById(n);
     }), a({
       Clear: C
     }), (F, S) => {
       const k = _("el-button");
-      return r(), z("div", ct, [
+      return o(), z("div", pt, [
         P(k, {
           type: e.type,
-          icon: o(j),
+          icon: r(j),
           size: e.size,
           class: "btn",
           onClick: d
         }, {
           default: m(() => [
-            E("\u9009\u62E9\u6587\u4EF6")
+            $("\u9009\u62E9\u6587\u4EF6")
           ]),
           _: 1
         }, 8, ["type", "icon", "size"]),
         ae(g("input", {
           type: "file",
-          id: o(n),
+          id: r(n),
           onChange: f,
           accept: e.accept
-        }, null, 40, pt), [
+        }, null, 40, ht), [
           [ne, !1]
         ]),
-        g("span", ht, L(o(l)), 1),
+        g("span", mt, L(r(s)), 1),
         P(k, {
           type: e.type,
           icon: e.icon,
           size: e.size,
-          disabled: o(l) == null || o(l) == "",
+          disabled: r(s) == null || r(s) == "",
           class: "btn",
-          title: o(l) == null || o(l) == "" ? "\u8BF7\u9009\u62E9\u6587\u4EF6" : "",
+          title: r(s) == null || r(s) == "" ? "\u8BF7\u9009\u62E9\u6587\u4EF6" : "",
           onClick: y
         }, {
           default: m(() => [
-            E(L(e.name), 1)
+            $(L(e.name), 1)
           ]),
           _: 1
         }, 8, ["type", "icon", "size", "disabled", "title"])
@@ -605,88 +605,88 @@ const ct = { style: {} }, pt = ["id", "accept"], ht = { class: "filename" }, mt
     };
   }
 });
-const ft = /* @__PURE__ */ B(mt, [["__scopeId", "data-v-83b9cdd7"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/UpLoadFile/index.vue"]]), vt = ["accept"], _t = { class: "filename" }, zt = { class: "content" }, gt = /* @__PURE__ */ V({
+const vt = /* @__PURE__ */ q(ft, [["__scopeId", "data-v-83b9cdd7"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/UpLoadFile/index.vue"]]), _t = ["accept"], zt = { class: "filename" }, gt = { class: "content" }, yt = /* @__PURE__ */ V({
   __name: "index",
   props: {
     size: { type: String, required: !0, default: "default" },
     accept: { type: String, required: !0, default: "*" }
   },
   emits: ["upload", "clear"],
-  setup(e, { expose: a, emit: i }) {
-    const n = e, s = D(), l = D([]);
+  setup(e, { expose: a, emit: l }) {
+    const n = e, i = U(), s = U([]);
     function d() {
       var S;
-      (S = s.value) == null || S.click();
+      (S = i.value) == null || S.click();
     }
     function f() {
       var S, k, u;
-      if (l.value = [], (S = s.value) != null && S.files)
-        for (let v = 0; v < ((u = (k = s.value) == null ? void 0 : k.files) == null ? void 0 : u.length); v++)
-          l.value[v] = s.value.files[v];
+      if (s.value = [], (S = i.value) != null && S.files)
+        for (let v = 0; v < ((u = (k = i.value) == null ? void 0 : k.files) == null ? void 0 : u.length); v++)
+          s.value[v] = i.value.files[v];
       else
-        l.value = [];
+        s.value = [];
     }
     function y(S) {
-      l.value.splice(S, 1);
+      s.value.splice(S, 1);
     }
     function C() {
-      i("upload", l.value);
+      l("upload", s.value);
     }
     function F() {
-      l.value = [];
+      s.value = [];
     }
     return a({
       Clear: F
     }), (S, k) => {
       const u = _("el-button");
-      return r(), z("div", null, [
+      return o(), z("div", null, [
         g("input", {
           type: "file",
           ref_key: "files",
-          ref: s,
+          ref: i,
           multiple: "",
           style: { display: "none" },
           onChange: f,
           accept: n.accept
-        }, null, 40, vt),
+        }, null, 40, _t),
         P(u, {
           type: "success",
           size: n.size,
-          icon: o(j),
+          icon: r(j),
           onClick: d
         }, {
           default: m(() => [
-            E("\u9009\u62E9\u6587\u4EF6")
+            $("\u9009\u62E9\u6587\u4EF6")
           ]),
           _: 1
         }, 8, ["size", "icon"]),
         P(u, {
           type: "success",
           size: n.size,
-          icon: o(G),
+          icon: r(G),
           onClick: C,
-          disabled: l.value.length == 0
+          disabled: s.value.length == 0
         }, {
           default: m(() => [
-            E("\u4E0A\u4F20\u6587\u4EF6")
+            $("\u4E0A\u4F20\u6587\u4EF6")
           ]),
           _: 1
         }, 8, ["size", "icon", "disabled"]),
-        (r(!0), z(q, null, R(l.value, (v, M) => (r(), z("p", _t, [
-          g("span", zt, L(v.name), 1),
+        (o(!0), z(B, null, R(s.value, (v, E) => (o(), z("p", zt, [
+          g("span", gt, L(v.name), 1),
           P(u, {
             size: "small",
-            icon: o(Fe),
+            icon: r(ke),
             class: "operation",
             link: "",
-            onClick: (T) => y(M)
+            onClick: (T) => y(E)
           }, null, 8, ["icon", "onClick"])
         ]))), 256))
       ]);
     };
   }
 });
-const yt = /* @__PURE__ */ B(gt, [["__scopeId", "data-v-50d3310f"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/UpLoadFiles/index.vue"]]), xt = /* @__PURE__ */ V({
+const xt = /* @__PURE__ */ q(yt, [["__scopeId", "data-v-50d3310f"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/UpLoadFiles/index.vue"]]), wt = /* @__PURE__ */ V({
   __name: "index",
   props: {
     asideWidth: { type: Number, required: !1, default: 220 },
@@ -695,27 +695,27 @@ const yt = /* @__PURE__ */ B(gt, [["__scopeId", "data-v-50d3310f"], ["__file", "
   },
   setup(e) {
     const a = A();
-    return (i, n) => {
-      const s = _("el-aside"), l = _("el-header"), d = _("el-main"), f = _("el-container");
-      return r(), h(f, { class: "container" }, {
+    return (l, n) => {
+      const i = _("el-aside"), s = _("el-header"), d = _("el-main"), f = _("el-container");
+      return o(), h(f, { class: "container" }, {
         default: m(() => [
-          o(a).aside && !e.horizontal ? (r(), h(s, {
+          r(a).aside && !e.horizontal ? (o(), h(i, {
             key: 0,
             class: "aside",
             style: x("width: " + e.asideWidth + "px;")
           }, {
             default: m(() => [
-              w(i.$slots, "aside", {}, void 0, !0)
+              w(l.$slots, "aside", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["style"])) : c("v-if", !0),
-          o(a).header && e.horizontal ? (r(), h(l, {
+          r(a).header && e.horizontal ? (o(), h(s, {
             key: 1,
             class: "inside_header",
             style: x("height: " + e.headerMaxHeight + "px;")
           }, {
             default: m(() => [
-              w(i.$slots, "header", {}, void 0, !0)
+              w(l.$slots, "header", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["style"])) : c("v-if", !0),
@@ -723,29 +723,29 @@ const yt = /* @__PURE__ */ B(gt, [["__scopeId", "data-v-50d3310f"], ["__file", "
             default: m(() => [
               P(f, { class: "inside_container" }, {
                 default: m(() => [
-                  o(a).header && !e.horizontal ? (r(), h(l, {
+                  r(a).header && !e.horizontal ? (o(), h(s, {
                     key: 0,
                     class: "inside_header",
                     style: x("height: " + e.headerMaxHeight + "px;")
                   }, {
                     default: m(() => [
-                      w(i.$slots, "header", {}, void 0, !0)
+                      w(l.$slots, "header", {}, void 0, !0)
                     ]),
                     _: 3
                   }, 8, ["style"])) : c("v-if", !0),
-                  o(a).aside && e.horizontal ? (r(), h(s, {
+                  r(a).aside && e.horizontal ? (o(), h(i, {
                     key: 1,
                     class: "aside",
                     style: x("width: " + e.asideWidth + "px;")
                   }, {
                     default: m(() => [
-                      w(i.$slots, "aside", {}, void 0, !0)
+                      w(l.$slots, "aside", {}, void 0, !0)
                     ]),
                     _: 3
                   }, 8, ["style"])) : c("v-if", !0),
                   P(d, { class: "inside_main" }, {
                     default: m(() => [
-                      w(i.$slots, "default", {}, void 0, !0)
+                      w(l.$slots, "default", {}, void 0, !0)
                     ]),
                     _: 3
                   })
@@ -761,15 +761,16 @@ const yt = /* @__PURE__ */ B(gt, [["__scopeId", "data-v-50d3310f"], ["__file", "
     };
   }
 });
-const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/Layout/index.vue"]]), St = {
+const St = /* @__PURE__ */ q(wt, [["__scopeId", "data-v-5d747d9d"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/Layout/index.vue"]]), bt = {
   key: 0,
   class: "header"
-}, bt = { class: "header_title" }, Pt = ["innerHTML"], Ct = { class: "header_title" }, Ft = { class: "pagination" }, kt = /* @__PURE__ */ V({
+}, Pt = { class: "header_title" }, Ct = ["innerHTML"], Ft = { class: "header_title" }, kt = { class: "pagination" }, Et = /* @__PURE__ */ V({
   __name: "index",
   props: {
     maxHeight: { type: Number, required: !1, default: 550 },
     size: { type: String, required: !1, default: "default" },
     tableData: { type: Array, required: !1, default: () => [] },
+    headStyle: { type: null, required: !1, default: {} },
     tableColumn: { type: Array, required: !1, default: () => [] },
     stripe: { type: Boolean, required: !1, default: !0 },
     border: { type: Boolean, required: !1, default: !1 },
@@ -793,25 +794,26 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
     small: { type: Boolean, required: !1, default: !1 },
     total: { type: Number, required: !1, default: 0 },
     hideOnSinglePage: { type: Boolean, required: !1, default: !1 },
-    defaultSelect: { type: Function, required: !1 }
+    defaultSelect: { type: Function, required: !1 },
+    defaultSize: { type: Number, required: !1, default: 5 }
   },
   emits: ["row-click", "row-dblclick", "selection-change", "search", "clear", "delete", "edit", "page-index", "page-size", "get-ref"],
   setup(e, { emit: a }) {
-    const i = e;
-    let n = ie({
+    const l = e;
+    let n = le({
       pageIndex: 1,
       pageSize: 5
-    }), s = D();
-    const l = A(), d = (u) => {
+    }), i = U();
+    const s = A(), d = (u) => {
       a("row-click", u);
     }, f = (u) => {
       a("row-click", u);
     }, y = (u) => {
       a("selection-change", u);
     }, C = () => {
-      if (i.tableColumn.length > 0)
-        for (let u = 0; u < i.tableColumn.length; u++) {
-          let v = i.tableColumn[u];
+      if (l.tableColumn.length > 0)
+        for (let u = 0; u < l.tableColumn.length; u++) {
+          let v = l.tableColumn[u];
           n[v.prop] = null;
         }
       a("clear");
@@ -833,18 +835,18 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
         a("page-size", Number(u), Number(v));
       }
     ), O(() => {
-      if (i.tableColumn.length > 0)
-        for (let u = 0; u < i.tableColumn.length; u++) {
-          let v = i.tableColumn[u];
+      if (l.tableColumn.length > 0)
+        for (let u = 0; u < l.tableColumn.length; u++) {
+          let v = l.tableColumn[u];
           n[v.prop] = null;
         }
-      i.tableData.forEach((u) => {
-        i.defaultSelect && i.type == "selection" && i.defaultSelect(u) && s.value.toggleRowSelection(u, void 0, !1);
-      });
+      l.tableData.forEach((u) => {
+        l.defaultSelect && l.type == "selection" && l.defaultSelect(u) && i.value.toggleRowSelection(u, void 0, !1);
+      }), n.pageSize = l.defaultSize;
     }), (u, v) => {
-      const M = _("el-table-column"), T = _("el-input"), K = _("el-input-number"), Y = _("el-option"), J = _("el-select"), N = _("el-date-picker"), W = _("el-time-picker"), X = _("el-switch"), U = _("el-button"), Q = _("el-popconfirm"), Z = _("el-table"), ee = _("el-pagination");
-      return r(), z(q, null, [
-        o(l).header ? (r(), z("div", St, [
+      const E = _("el-table-column"), T = _("el-input"), K = _("el-input-number"), Y = _("el-option"), J = _("el-select"), N = _("el-date-picker"), W = _("el-time-picker"), X = _("el-switch"), D = _("el-button"), Q = _("el-popconfirm"), Z = _("el-table"), ee = _("el-pagination");
+      return o(), z(B, null, [
+        r(s).header ? (o(), z("div", bt, [
           w(u.$slots, "header", {}, void 0, !0)
         ])) : c("v-if", !0),
         P(Z, {
@@ -859,10 +861,11 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
           onRowDblclick: f,
           onSelectionChange: y,
           ref_key: "tableRef",
-          ref: s
+          ref: i,
+          "header-cell-style": e.headStyle
         }, {
           default: m(() => [
-            e.type && e.type == "index" ? (r(), h(M, {
+            e.type && e.type == "index" ? (o(), h(E, {
               key: 0,
               align: "center",
               type: "index",
@@ -870,14 +873,14 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
               fixed: e.typeIsFixed ? "left" : !1,
               label: e.typeLabel
             }, null, 8, ["width", "fixed", "label"])) : c("v-if", !0),
-            e.type == "selection" ? (r(), h(M, {
+            e.type == "selection" ? (o(), h(E, {
               key: 1,
               align: "center",
               type: "selection",
               width: e.typeWidth + "px",
               fixed: e.typeIsFixed ? "left" : !1
             }, null, 8, ["width", "fixed"])) : c("v-if", !0),
-            e.type == "expand" ? (r(), h(M, {
+            e.type == "expand" ? (o(), h(E, {
               key: 2,
               align: "center",
               type: "expand",
@@ -892,22 +895,22 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
               ]),
               _: 3
             }, 8, ["width", "fixed", "label"])) : c("v-if", !0),
-            (r(!0), z(q, null, R(e.tableColumn, (t) => (r(), z(q, null, [
-              t.hidden ? c("v-if", !0) : (r(), h(M, {
+            (o(!0), z(B, null, R(e.tableColumn, (t) => (o(), z(B, null, [
+              t.hidden ? c("v-if", !0) : (o(), h(E, {
                 key: 0,
                 prop: t.costom ? !1 : t.prop,
                 width: t.width ? t.width : "",
                 fixed: t.fixed ? t.fixed : !1,
                 align: t.align ? t.align : "left",
                 "show-overflow-tooltip": !!t.overflow
-              }, se({
+              }, ie({
                 header: m(() => [
-                  g("div", bt, L(t.label), 1),
+                  g("div", Pt, L(t.label), 1),
                   c(" \u6587\u672C\u641C\u7D22\u6846 "),
-                  t.search && (!t.type || t.type == "text") ? (r(), h(T, {
+                  t.search && (!t.type || t.type == "text") ? (o(), h(T, {
                     key: 0,
-                    modelValue: o(n)[t.prop],
-                    "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
+                    modelValue: r(n)[t.prop],
+                    "onUpdate:modelValue": (p) => r(n)[t.prop] = p,
                     size: t.size,
                     clearable: "",
                     style: x(
@@ -919,10 +922,10 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                     onKeyup: I(F, ["enter", "native"])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "style", "disabled", "placeholder", "class", "onKeyup"])) : c("v-if", !0),
                   c(" \u6570\u5B57\u6846\u641C\u7D22 "),
-                  t.search && t.type == "number" ? (r(), h(K, {
+                  t.search && t.type == "number" ? (o(), h(K, {
                     key: 1,
-                    modelValue: o(n)[t.prop],
-                    "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
+                    modelValue: r(n)[t.prop],
+                    "onUpdate:modelValue": (p) => r(n)[t.prop] = p,
                     size: t.size,
                     clearable: "",
                     style: x(
@@ -937,10 +940,10 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                     onKeyup: I(F, ["enter", "native"])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "style", "disabled", "placeholder", "class", "max", "min", "step", "onKeyup"])) : c("v-if", !0),
                   c(" \u9009\u62E9\u641C\u7D22 "),
-                  t.search && t.type == "select" ? (r(), h(J, {
+                  t.search && t.type == "select" ? (o(), h(J, {
                     key: 2,
-                    modelValue: o(n)[t.prop],
-                    "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
+                    modelValue: r(n)[t.prop],
+                    "onUpdate:modelValue": (p) => r(n)[t.prop] = p,
                     size: t.size,
                     clearable: "",
                     filterable: "",
@@ -954,7 +957,7 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                     class: b([t.align && t.align == "center" ? "center" : ""])
                   }, {
                     default: m(() => [
-                      (r(!0), z(q, null, R(t.options, (p) => (r(), h(Y, {
+                      (o(!0), z(B, null, R(t.options, (p) => (o(), h(Y, {
                         label: p.label ? p.label : p.value,
                         value: p.value,
                         disabled: p.disabled
@@ -963,10 +966,10 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                     _: 2
                   }, 1032, ["modelValue", "onUpdate:modelValue", "size", "style", "disabled", "multiple", "collapse-tags", "placeholder", "class"])) : c("v-if", !0),
                   c(" \u65E5\u671F\u9009\u62E9 "),
-                  t.search && t.type == "date" ? (r(), h(N, {
+                  t.search && t.type == "date" ? (o(), h(N, {
                     key: 3,
-                    modelValue: o(n)[t.prop],
-                    "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
+                    modelValue: r(n)[t.prop],
+                    "onUpdate:modelValue": (p) => r(n)[t.prop] = p,
                     type: "date",
                     style: x(t.searchWidth ? "width: " + t.searchWidth + "px;" : ""),
                     placeholder: t.placeholder ? t.placeholder : "\u8BF7\u9009\u62E9\u65E5\u671F",
@@ -974,10 +977,10 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                     class: b([t.align && t.align == "center" ? "center" : ""])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "style", "placeholder", "size", "class"])) : c("v-if", !0),
                   c(" \u65F6\u95F4\u9009\u62E9 "),
-                  t.search && t.type == "time" ? (r(), h(W, {
+                  t.search && t.type == "time" ? (o(), h(W, {
                     key: 4,
-                    modelValue: o(n)[t.prop],
-                    "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
+                    modelValue: r(n)[t.prop],
+                    "onUpdate:modelValue": (p) => r(n)[t.prop] = p,
                     "arrow-control": "",
                     style: x(
                       t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
@@ -987,10 +990,10 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                     class: b([t.align && t.align == "center" ? "center" : ""])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "style", "placeholder", "size", "class"])) : c("v-if", !0),
                   c(" \u65E5\u671F\u65F6\u95F4\u641C\u7D22 "),
-                  t.search && t.type == "datetime" ? (r(), h(N, {
+                  t.search && t.type == "datetime" ? (o(), h(N, {
                     key: 5,
-                    modelValue: o(n)[t.prop],
-                    "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
+                    modelValue: r(n)[t.prop],
+                    "onUpdate:modelValue": (p) => r(n)[t.prop] = p,
                     type: "datetime",
                     style: x(
                       t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
@@ -1000,10 +1003,10 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                     class: b([t.align && t.align == "center" ? "center" : ""])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "style", "placeholder", "size", "class"])) : c("v-if", !0),
                   c(" \u65E5\u671F\u8303\u56F4\u9009\u62E9 "),
-                  t.search && t.type == "daterange" ? (r(), h(N, {
+                  t.search && t.type == "daterange" ? (o(), h(N, {
                     key: 6,
-                    modelValue: o(n)[t.prop],
-                    "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
+                    modelValue: r(n)[t.prop],
+                    "onUpdate:modelValue": (p) => r(n)[t.prop] = p,
                     type: "daterange",
                     "range-separator": "-",
                     "start-placeholder": t.placeholder ? t.placeholder.split("&&")[0] : "\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F",
@@ -1015,10 +1018,10 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                     class: b([t.align && t.align == "center" ? "center" : ""])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "start-placeholder", "end-placeholder", "style", "size", "class"])) : c("v-if", !0),
                   c(" \u65F6\u95F4\u8303\u56F4\u9009\u62E9 "),
-                  t.search && t.type == "timerange" ? (r(), h(W, {
+                  t.search && t.type == "timerange" ? (o(), h(W, {
                     key: 7,
-                    modelValue: o(n)[t.prop],
-                    "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
+                    modelValue: r(n)[t.prop],
+                    "onUpdate:modelValue": (p) => r(n)[t.prop] = p,
                     "is-range": "",
                     "arrow-control": "",
                     "range-separator": "-",
@@ -1031,10 +1034,10 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                     class: b([t.align && t.align == "center" ? "center" : ""])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "start-placeholder", "end-placeholder", "style", "size", "class"])) : c("v-if", !0),
                   c(" \u65E5\u671F\u65F6\u95F4\u8303\u56F4\u9009\u62E9 "),
-                  t.search && t.type == "datetimerange" ? (r(), h(N, {
+                  t.search && t.type == "datetimerange" ? (o(), h(N, {
                     key: 8,
-                    modelValue: o(n)[t.prop],
-                    "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
+                    modelValue: r(n)[t.prop],
+                    "onUpdate:modelValue": (p) => r(n)[t.prop] = p,
                     type: "datetimerange",
                     "range-separator": "-",
                     "start-placeholder": t.placeholder ? t.placeholder.split("&&")[0] : "\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F\u65F6\u95F4",
@@ -1046,10 +1049,10 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                     class: b([t.align && t.align == "center" ? "center" : ""])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "start-placeholder", "end-placeholder", "style", "size", "class"])) : c("v-if", !0),
                   c(" \u5F00\u5173 "),
-                  t.search && t.type == "switch" ? (r(), h(X, {
+                  t.search && t.type == "switch" ? (o(), h(X, {
                     key: 9,
-                    modelValue: o(n)[t.prop],
-                    "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
+                    modelValue: r(n)[t.prop],
+                    "onUpdate:modelValue": (p) => r(n)[t.prop] = p,
                     size: t.size,
                     "active-text": t.openText,
                     "inactive-text": t.closeText,
@@ -1063,43 +1066,53 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                   fn: m((p) => [
                     g("span", {
                       innerHTML: t.costom ? t.costom(p.row) : ""
-                    }, null, 8, Pt)
+                    }, null, 8, Ct)
                   ]),
                   key: "0"
+                } : void 0,
+                t.component ? {
+                  name: "default",
+                  fn: m((p) => [
+                    (o(), h(se(t.component), {
+                      data: p.row
+                    }, null, 8, ["data"]))
+                  ]),
+                  key: "1"
                 } : void 0
               ]), 1032, ["prop", "width", "fixed", "align", "show-overflow-tooltip"]))
             ], 64))), 256)),
-            e.operate ? (r(), h(M, {
+            P(E),
+            e.operate ? (o(), h(E, {
               key: 3,
               align: "center",
               width: e.operateWidth ? e.operateWidth : "",
               fixed: e.operateIsFixed ? "right" : !1
             }, {
               header: m(() => [
-                g("div", Ct, L(e.operateLabel), 1),
+                g("div", Ft, L(e.operateLabel), 1),
                 w(u.$slots, "operate-front", {}, void 0, !0),
-                e.search ? (r(), h(U, {
+                e.search ? (o(), h(D, {
                   key: 0,
                   type: "primary",
                   size: e.operateSize,
-                  icon: o(nt),
+                  icon: r(lt),
                   onClick: F
                 }, {
                   default: m(() => [
-                    E("\u641C\u7D22")
+                    $("\u641C\u7D22")
                   ]),
                   _: 1
                 }, 8, ["size", "icon"])) : c("v-if", !0),
                 w(u.$slots, "operate-middle", {}, void 0, !0),
-                e.clear ? (r(), h(U, {
+                e.clear ? (o(), h(D, {
                   key: 1,
                   type: "info",
                   size: e.operateSize,
-                  icon: o(xe),
+                  icon: r(we),
                   onClick: C
                 }, {
                   default: m(() => [
-                    E("\u6E05\u7A7A")
+                    $("\u6E05\u7A7A")
                   ]),
                   _: 1
                 }, 8, ["size", "icon"])) : c("v-if", !0),
@@ -1109,42 +1122,42 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                 w(u.$slots, "row-operate-front", {
                   row: t.row
                 }, void 0, !0),
-                e.edit ? (r(), h(U, {
+                e.edit ? (o(), h(D, {
                   key: 0,
                   link: "",
                   type: "primary",
                   size: e.rowButtonSize,
-                  icon: o(je),
+                  icon: r(Ge),
                   onClick: (p) => S(t.row)
                 }, {
                   default: m(() => [
-                    E("\u4FEE\u6539")
+                    $("\u4FEE\u6539")
                   ]),
                   _: 2
                 }, 1032, ["size", "icon", "onClick"])) : c("v-if", !0),
                 w(u.$slots, "row-operate-middle", {
                   row: t.row
                 }, void 0, !0),
-                e.delete ? (r(), h(Q, {
+                e.delete ? (o(), h(Q, {
                   key: 1,
                   "confirm-button-text": "\u5426",
                   "cancel-button-text": "\u662F",
                   "confirm-button-type": "text",
                   "cancel-button-type": "danger",
-                  icon: o(Be),
+                  icon: r(Be),
                   width: "auto",
                   onCancel: (p) => k(t.row),
                   title: e.deleteTitle ? e.deleteTitle : "\u662F\u5426\u8981\u5220\u9664\u5F53\u524D\u884C\uFF1F"
                 }, {
                   reference: m(() => [
-                    P(U, {
+                    P(D, {
                       link: "",
                       type: "danger",
                       size: e.rowButtonSize,
-                      icon: o(Re)
+                      icon: r(Te)
                     }, {
                       default: m(() => [
-                        E("\u5220\u9664")
+                        $("\u5220\u9664")
                       ]),
                       _: 1
                     }, 8, ["size", "icon"])
@@ -1159,14 +1172,14 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
             }, 8, ["width", "fixed"])) : c("v-if", !0)
           ]),
           _: 3
-        }, 8, ["data", "class", "max-height", "size", "stripe", "border", "highlight-current-row"]),
-        g("div", Ft, [
-          e.pagination ? (r(), h(ee, {
+        }, 8, ["data", "class", "max-height", "size", "stripe", "border", "highlight-current-row", "header-cell-style"]),
+        g("div", kt, [
+          e.pagination ? (o(), h(ee, {
             key: 0,
-            "current-page": o(n).pageIndex,
-            "onUpdate:current-page": v[0] || (v[0] = (t) => o(n).pageIndex = t),
-            "page-size": o(n).pageSize,
-            "onUpdate:page-size": v[1] || (v[1] = (t) => o(n).pageSize = t),
+            "current-page": r(n).pageIndex,
+            "onUpdate:current-page": v[0] || (v[0] = (t) => r(n).pageIndex = t),
+            "page-size": r(n).pageSize,
+            "onUpdate:page-size": v[1] || (v[1] = (t) => r(n).pageSize = t),
             small: e.small,
             "hide-on-Single-page": e.hideOnSinglePage,
             background: "",
@@ -1180,17 +1193,17 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
     };
   }
 });
-const Et = /* @__PURE__ */ B(kt, [["__scopeId", "data-v-f4c855de"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/TableForm/index.vue"]]), Mt = {
+const $t = /* @__PURE__ */ q(Et, [["__scopeId", "data-v-f4c855de"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/TableForm/index.vue"]]), Vt = {
   install: (e) => {
-    e.component("SplitPanes", pe), e.component("Pane", me), e.component("UpLoadFile", ft), e.component("Layout", wt), e.component("TableForm", Et), e.component("UpLoadFiles", yt);
+    e.component("SplitPanes", he), e.component("Pane", fe), e.component("UpLoadFile", vt), e.component("Layout", St), e.component("TableForm", $t), e.component("UpLoadFiles", xt);
   }
 };
 export {
-  wt as Layout,
-  me as Pane,
-  pe as SplitPanes,
-  Et as TableForm,
-  ft as UpLoadFile,
-  yt as UpLoadFiles,
-  Mt as default
+  St as Layout,
+  fe as Pane,
+  he as SplitPanes,
+  $t as TableForm,
+  vt as UpLoadFile,
+  xt as UpLoadFiles,
+  Vt as default
 };