dld-vue-ui 0.3.6 → 0.3.8

package/dist/dld-vue-ui.js

@@ -1,5 +1,5 @@
-import { h as ee, openBlock as r, createElementBlock as y, normalizeStyle as x, renderSlot as w, defineComponent as M, createBlock as h, unref as o, withCtx as m, createElementVNode as z, ref as D, onMounted as O, resolveComponent as _, createVNode as F, createTextVNode as k, withDirectives as te, vShow as ae, toDisplayString as B, Fragment as N, renderList as R, useSlots as A, createCommentVNode as c, reactive as ne, watch as H, normalizeClass as P, createSlots as ie, withKeys as I } from "vue";
-const se = {
+import { h as te, openBlock as r, createElementBlock as y, normalizeStyle as x, renderSlot as w, defineComponent as V, createBlock as h, unref as o, withCtx as m, createElementVNode as z, ref as D, onMounted as O, resolveComponent as _, createVNode as C, createTextVNode as k, withDirectives as ae, vShow as ne, toDisplayString as q, Fragment as U, renderList as R, useSlots as A, createCommentVNode as c, reactive as se, watch as H, normalizeClass as b, createSlots as ie, withKeys as I } from "vue";
+const le = {
   name: "splitpanes",
   emits: ["ready", "resize", "resized", "pane-click", "pane-maximize", "pane-add", "pane-remove", "splitter-click"],
   props: {
@@ -70,16 +70,16 @@ const se = {
       }, 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 s = 0;
+      this.panes = this.panes.map((n, i) => (n.size = i === a ? n.max : n.min, i !== a && (s += n.min), n)), this.panes[a].size -= s, 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: s, clientY: n } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
       return {
-        x: i - a.left,
+        x: s - a.left,
         y: n - a.top
       };
     },
@@ -90,44 +90,44 @@ const se = {
     },
     calculatePanesSize(e) {
       const a = this.touch.activeSplitter;
-      let i = {
+      let s = {
         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 : s.prevPanesSize), i = 100 - (this.pushOtherPanes ? 0 : s.nextPanesSize), l = Math.max(Math.min(this.getCurrentDragPercentage(e), i), n);
       let d = [a, a + 1], f = this.panes[d[0]] || null, g = this.panes[d[1]] || null;
-      const C = f.max < 100 && l >= f.max + i.prevPanesSize, $ = g.max < 100 && l <= 100 - (g.max + this.sumNextPanesSize(a + 1));
-      if (C || $) {
-        C ? (f.size = f.max, g.size = Math.max(100 - f.max - i.prevPanesSize - i.nextPanesSize, 0)) : (f.size = Math.max(100 - g.max - i.prevPanesSize - this.sumNextPanesSize(a + 1), 0), g.size = g.max);
+      const P = f.max < 100 && l >= f.max + s.prevPanesSize, M = g.max < 100 && l <= 100 - (g.max + this.sumNextPanesSize(a + 1));
+      if (P || M) {
+        P ? (f.size = f.max, g.size = Math.max(100 - f.max - s.prevPanesSize - s.nextPanesSize, 0)) : (f.size = Math.max(100 - g.max - s.prevPanesSize - this.sumNextPanesSize(a + 1), 0), g.size = g.max);
         return;
       }
       if (this.pushOtherPanes) {
-        const S = this.doPushOtherPanes(i, l);
+        const S = this.doPushOtherPanes(s, l);
         if (!S)
           return;
-        ({ sums: i, panesToResize: d } = S), f = this.panes[d[0]] || null, g = this.panes[d[1]] || null;
+        ({ sums: s, panesToResize: d } = S), f = this.panes[d[0]] || null, g = this.panes[d[1]] || null;
       }
-      f !== null && (f.size = Math.min(Math.max(l - i.prevPanesSize - i.prevReachedMinPanes, f.min), f.max)), g !== null && (g.size = Math.min(Math.max(100 - l - i.nextPanesSize - i.nextReachedMinPanes, g.min), g.max));
+      f !== null && (f.size = Math.min(Math.max(l - s.prevPanesSize - s.prevReachedMinPanes, f.min), f.max)), g !== null && (g.size = Math.min(Math.max(100 - l - s.nextPanesSize - s.nextReachedMinPanes, g.min), g.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 s = this.touch.activeSplitter, n = [s, s + 1];
+      return a < e.prevPanesSize + this.panes[n[0]].min && (n[0] = this.findPrevExpandedPane(s).index, e.prevReachedMinPanes = 0, n[0] < s && this.panes.forEach((i, l) => {
+        l > n[0] && l <= s && (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, l) => {
+        l > 0 && l <= s && (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(s).index, e.nextReachedMinPanes = 0, n[1] > s + 1 && this.panes.forEach((i, l) => {
+        l > s && l < 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, l) => {
+        l < this.panesCount - 1 && l >= s + 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, s, n) => a + (n < e ? s.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, s, n) => a + (n > e + 1 ? s.size : 0), 0);
     },
     findPrevExpandedPane(e) {
       return [...this.panes].reverse().find((a) => a.index < e && a.size > a.min) || {};
@@ -137,51 +137,51 @@ const se = {
     },
     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"), s = e.classList.contains("splitpanes__splitter");
+        !a && !s && (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, s = !1) {
+      const n = e - 1, i = document.createElement("div");
+      i.classList.add("splitpanes__splitter"), s || (i.onmousedown = (l) => this.onMouseDown(l, n), typeof window < "u" && "ontouchstart" in window && (i.ontouchstart = (l) => this.onMouseDown(l, n)), i.onclick = (l) => this.onSplitterClick(l, n + 1)), this.dblClickSplitter && (i.ondblclick = (l) => this.onSplitterDblClick(l, 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((s) => {
+        s.className.includes("splitpanes__splitter") && this.removeSplitter(s);
       });
       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((s) => {
+        s.className.includes("splitpanes__pane") && (!a && this.firstSplitter ? this.addSplitter(a, s, !0) : a && this.addSplitter(a, s), a++);
       });
     },
     requestUpdate({ target: e, ...a }) {
-      const i = this.indexedPanes[e._.uid];
-      Object.entries(a).forEach(([n, s]) => i[n] = s);
+      const s = this.indexedPanes[e._.uid];
+      Object.entries(a).forEach(([n, i]) => s[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 s = parseFloat(e.minSize), n = parseFloat(e.maxSize);
       this.panes.splice(a, 0, {
         id: e._.uid,
         index: a,
-        min: isNaN(i) ? 0 : i,
+        min: isNaN(s) ? 0 : s,
         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, l) => i.index = l), 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), s = this.panes.splice(a, 1)[0];
+      this.panes.forEach((n, i) => n.index = i), this.$nextTick(() => {
+        this.redoSplitters(), this.resetPaneSizes({ removedPane: { ...s, index: a } }), this.$emit("pane-remove", { removed: s, panes: this.panes.map((n) => ({ min: n.min, max: n.max, size: n.size })) });
       });
     },
     resetPaneSizes(e = {}) {
@@ -190,44 +190,44 @@ const se = {
     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 s = [], n = [];
+      this.panes.forEach((i) => {
+        i.size = Math.max(Math.min(e, i.max), i.min), a -= i.size, i.size >= i.max && s.push(i.id), i.size <= i.min && n.push(i.id);
+      }), a > 0.1 && this.readjustSizes(a, s, n);
     },
     initialPanesSizing() {
       let e = 100;
-      const a = [], i = [];
+      const a = [], s = [];
       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);
+        e -= l.size, l.size !== null && n++, l.size >= l.max && a.push(l.id), l.size <= l.min && s.push(l.id);
       });
-      let s = 100;
+      let i = 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));
+        l.size === null && (l.size = Math.max(Math.min(e / (this.panesCount - n), l.max), l.min)), i -= l.size;
+      }), i > 0.1 && this.readjustSizes(e, a, s));
     },
     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 s = 100 / this.panesCount, n = 0;
+      const i = [], l = [];
+      e && e.givenSize !== null && (s = (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 && l.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(s, d.max), d.min)), n -= d.size, d.size >= d.max && i.push(d.id), d.size <= d.min && l.push(d.id);
+      }), n > 0.1 && this.readjustSizes(n, i, l));
     },
-    readjustSizes(e, a, i) {
+    readjustSizes(e, a, s) {
       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 - s.length), this.panes.forEach((i, l) => {
+        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 (!s.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 se = {
       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, s) => {
+        a.ondblclick = e ? (n) => this.onSplitterDblClick(n, s) : void 0;
       });
     }
   },
@@ -261,7 +261,7 @@ const se = {
     this.container = this.$refs.container, this.checkSplitpanesNodes(), this.redoSplitters(), this.resetPaneSizes(), this.$emit("ready"), this.ready = !0;
   },
   render() {
-    return ee(
+    return te(
       "div",
       {
         ref: "container",
@@ -276,12 +276,12 @@ const se = {
       this.$slots.default()
     );
   }
-}, le = (e, a) => {
-  const i = e.__vccOpts || e;
-  for (const [n, s] of a)
-    i[n] = s;
-  return i;
-}, oe = {
+}, oe = (e, a) => {
+  const s = e.__vccOpts || e;
+  for (const [n, i] of a)
+    s[n] = i;
+  return s;
+}, re = {
   name: "pane",
   inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
   props: {
@@ -326,7 +326,7 @@ const se = {
     }
   }
 };
-function re(e, a, i, n, s, l) {
+function de(e, a, s, n, i, l) {
   return r(), y("div", {
     class: "splitpanes__pane",
     onClick: a[0] || (a[0] = (d) => l.onPaneClick(d, e._.uid)),
@@ -335,15 +335,15 @@ function re(e, a, i, n, s, l) {
     w(e.$slots, "default")
   ], 4);
 }
-const de = /* @__PURE__ */ le(oe, [["render", re]]);
-const ue = /* @__PURE__ */ M({
+const ue = /* @__PURE__ */ oe(re, [["render", de]]);
+const ce = /* @__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(se), {
+    return (a, s) => (r(), h(o(le), {
       horizontal: e.horizontal,
       style: x(e.styles),
       class: "splitpanes"
@@ -355,18 +355,18 @@ const ue = /* @__PURE__ */ M({
     }, 8, ["horizontal", "style"]));
   }
 });
-const V = (e, a) => {
-  const i = e.__vccOpts || e;
-  for (const [n, s] of a)
-    i[n] = s;
-  return i;
-}, ce = /* @__PURE__ */ V(ue, [["__scopeId", "data-v-4226b5d2"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/index.vue"]]), pe = /* @__PURE__ */ M({
+const B = (e, a) => {
+  const s = e.__vccOpts || e;
+  for (const [n, i] of a)
+    s[n] = i;
+  return s;
+}, pe = /* @__PURE__ */ B(ce, [["__scopeId", "data-v-4226b5d2"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/index.vue"]]), he = /* @__PURE__ */ V({
   __name: "pane",
   props: {
     styles: { type: Object, required: !0, default: () => ({ background: "#ececec" }) }
   },
   setup(e) {
-    return (a, i) => (r(), h(o(de), {
+    return (a, s) => (r(), h(o(ue), {
       style: x(e.styles)
     }, {
       default: m(() => [
@@ -375,142 +375,142 @@ const V = (e, a) => {
       _: 3
     }, 8, ["style"]));
   }
-}), he = /* @__PURE__ */ V(pe, [["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/pane.vue"]]);
+}), me = /* @__PURE__ */ B(he, [["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/pane.vue"]]);
 /*! Element Plus Icons Vue v2.0.10 */
 var E = (e, a) => {
-  let i = e.__vccOpts || e;
-  for (let [n, s] of a)
-    i[n] = s;
-  return i;
-}, me = {
-  name: "CircleClose"
+  let s = e.__vccOpts || e;
+  for (let [n, i] of a)
+    s[n] = i;
+  return s;
 }, fe = {
+  name: "CircleClose"
+}, ve = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, ve = /* @__PURE__ */ z("path", {
+}, _e = /* @__PURE__ */ z("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), _e = /* @__PURE__ */ z("path", {
+}, null, -1), ze = /* @__PURE__ */ z("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), ze = [
-  ve,
-  _e
+}, null, -1), ge = [
+  _e,
+  ze
 ];
-function ge(e, a, i, n, s, l) {
-  return r(), y("svg", fe, ze);
+function ye(e, a, s, n, i, l) {
+  return r(), y("svg", ve, ge);
 }
-var ye = /* @__PURE__ */ E(me, [["render", ge], ["__file", "circle-close.vue"]]), xe = {
+var xe = /* @__PURE__ */ E(fe, [["render", ye], ["__file", "circle-close.vue"]]), we = {
   name: "Close"
-}, we = {
+}, Se = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, Se = /* @__PURE__ */ z("path", {
+}, be = /* @__PURE__ */ z("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), be = [
-  Se
+}, null, -1), Pe = [
+  be
 ];
-function Pe(e, a, i, n, s, l) {
-  return r(), y("svg", we, be);
+function Ce(e, a, s, n, i, l) {
+  return r(), y("svg", Se, Pe);
 }
-var Ce = /* @__PURE__ */ E(xe, [["render", Pe], ["__file", "close.vue"]]), Fe = {
+var Fe = /* @__PURE__ */ E(we, [["render", Ce], ["__file", "close.vue"]]), ke = {
   name: "DeleteFilled"
-}, ke = {
+}, Ee = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ee = /* @__PURE__ */ z("path", {
+}, $e = /* @__PURE__ */ z("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), $e = [
-  Ee
+}, null, -1), Me = [
+  $e
 ];
-function Me(e, a, i, n, s, l) {
-  return r(), y("svg", ke, $e);
+function Ve(e, a, s, n, i, l) {
+  return r(), y("svg", Ee, Me);
 }
-var Ve = /* @__PURE__ */ E(Fe, [["render", Me], ["__file", "delete-filled.vue"]]), Be = {
+var Be = /* @__PURE__ */ E(ke, [["render", Ve], ["__file", "delete-filled.vue"]]), qe = {
   name: "Delete"
-}, qe = {
+}, Le = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, Le = /* @__PURE__ */ z("path", {
+}, Ne = /* @__PURE__ */ z("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), Ne = [
-  Le
+}, null, -1), Ue = [
+  Ne
 ];
-function Ue(e, a, i, n, s, l) {
-  return r(), y("svg", qe, Ne);
+function De(e, a, s, n, i, l) {
+  return r(), y("svg", Le, Ue);
 }
-var De = /* @__PURE__ */ E(Be, [["render", Ue], ["__file", "delete.vue"]]), Re = {
+var Re = /* @__PURE__ */ E(qe, [["render", De], ["__file", "delete.vue"]]), Te = {
   name: "Edit"
-}, Te = {
+}, We = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, We = /* @__PURE__ */ z("path", {
+}, He = /* @__PURE__ */ z("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), He = /* @__PURE__ */ z("path", {
+}, null, -1), Ie = /* @__PURE__ */ z("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), Ie = [
-  We,
-  He
+}, null, -1), Oe = [
+  He,
+  Ie
 ];
-function Oe(e, a, i, n, s, l) {
-  return r(), y("svg", Te, Ie);
+function Ae(e, a, s, n, i, l) {
+  return r(), y("svg", We, Oe);
 }
-var Ae = /* @__PURE__ */ E(Re, [["render", Oe], ["__file", "edit.vue"]]), je = {
+var Ge = /* @__PURE__ */ E(Te, [["render", Ae], ["__file", "edit.vue"]]), je = {
   name: "FolderOpened"
-}, Ge = {
+}, Ke = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ke = /* @__PURE__ */ z("path", {
+}, Ye = /* @__PURE__ */ z("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), Ye = [
-  Ke
+}, null, -1), Je = [
+  Ye
 ];
-function Je(e, a, i, n, s, l) {
-  return r(), y("svg", Ge, Ye);
+function Xe(e, a, s, n, i, l) {
+  return r(), y("svg", Ke, Je);
 }
-var j = /* @__PURE__ */ E(je, [["render", Je], ["__file", "folder-opened.vue"]]), Xe = {
+var G = /* @__PURE__ */ E(je, [["render", Xe], ["__file", "folder-opened.vue"]]), Qe = {
   name: "Search"
-}, Qe = {
+}, Ze = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ze = /* @__PURE__ */ z("path", {
+}, et = /* @__PURE__ */ z("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), et = [
-  Ze
+}, null, -1), tt = [
+  et
 ];
-function tt(e, a, i, n, s, l) {
-  return r(), y("svg", Qe, et);
+function at(e, a, s, n, i, l) {
+  return r(), y("svg", Ze, tt);
 }
-var at = /* @__PURE__ */ E(Xe, [["render", tt], ["__file", "search.vue"]]), nt = {
+var nt = /* @__PURE__ */ E(Qe, [["render", at], ["__file", "search.vue"]]), st = {
   name: "Upload"
 }, it = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, st = /* @__PURE__ */ z("path", {
+}, lt = /* @__PURE__ */ z("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), lt = [
-  st
+}, null, -1), ot = [
+  lt
 ];
-function ot(e, a, i, n, s, l) {
-  return r(), y("svg", it, lt);
+function rt(e, a, s, n, i, l) {
+  return r(), y("svg", it, ot);
 }
-var G = /* @__PURE__ */ E(nt, [["render", ot], ["__file", "upload.vue"]]), rt = function() {
+var j = /* @__PURE__ */ E(st, [["render", rt], ["__file", "upload.vue"]]), dt = 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 s = a.toString();
+    return a && (a instanceof e || e.validator.test(s));
   }, 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__ */ E(nt, [["render", ot], ["__file", "upload.vue"]]), rt =
   }, 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 s = "", n = 0; n < a; n++)
+      s += ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
+    return s;
   }, e.prototype.equals = function(a) {
     return e.isGuid(a) && this.value === a.toString();
   }, e.prototype.isEmpty = function() {
@@ -534,41 +534,41 @@ var G = /* @__PURE__ */ E(nt, [["render", ot], ["__file", "upload.vue"]]), rt =
       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;
-}(), dt = rt;
-const ut = { style: {} }, ct = ["id", "accept"], pt = { class: "filename" }, ht = /* @__PURE__ */ M({
+}(), ut = dt;
+const ct = { style: {} }, pt = ["id", "accept"], ht = { class: "filename" }, mt = /* @__PURE__ */ V({
   __name: "index",
   props: {
     size: { type: String, required: !1, default: "default" },
     name: { type: String, required: !1, default: "\u4E0A\u4F20\u6587\u4EF6" },
-    icon: { type: null, required: !1, default: G },
+    icon: { type: null, required: !1, default: j },
     type: { type: null, required: !1, default: "success" },
     accept: { type: String, required: !0, default: "*" }
   },
   emits: ["upload"],
-  setup(e, { expose: a, emit: i }) {
-    let n = dt.create().toString(), s, l = D("");
+  setup(e, { expose: a, emit: s }) {
+    let n = ut.create().toString(), i, l = D("");
     function d() {
-      s.click();
+      i.click();
     }
     function f() {
-      l.value = s.value;
+      l.value = i.value;
     }
     function g() {
-      s.files !== null && i("upload", s.files[0]);
+      i.files !== null && s("upload", i.files[0]);
     }
-    function C() {
-      s.value = "", l.value = "";
+    function P() {
+      i.value = "", l.value = "";
     }
     return O(() => {
-      s = document.getElementById(n);
+      i = document.getElementById(n);
     }), a({
-      Clear: C
-    }), ($, S) => {
-      const u = _("el-button");
-      return r(), y("div", ut, [
-        F(u, {
+      Clear: P
+    }), (M, S) => {
+      const F = _("el-button");
+      return r(), y("div", ct, [
+        C(F, {
           type: e.type,
-          icon: o(j),
+          icon: o(G),
           size: e.size,
           class: "btn",
           onClick: d
@@ -578,16 +578,16 @@ const ut = { style: {} }, ct = ["id", "accept"], pt = { class: "filename" }, ht
           ]),
           _: 1
         }, 8, ["type", "icon", "size"]),
-        te(z("input", {
+        ae(z("input", {
           type: "file",
           id: o(n),
           onChange: f,
           accept: e.accept
-        }, null, 40, ct), [
-          [ae, !1]
+        }, null, 40, pt), [
+          [ne, !1]
         ]),
-        z("span", pt, B(o(l)), 1),
-        F(u, {
+        z("span", ht, q(o(l)), 1),
+        C(F, {
           type: e.type,
           icon: e.icon,
           size: e.size,
@@ -597,7 +597,7 @@ const ut = { style: {} }, ct = ["id", "accept"], pt = { class: "filename" }, ht
           onClick: g
         }, {
           default: m(() => [
-            k(B(e.name), 1)
+            k(q(e.name), 1)
           ]),
           _: 1
         }, 8, ["type", "icon", "size", "disabled", "title"])
@@ -605,54 +605,54 @@ const ut = { style: {} }, ct = ["id", "accept"], pt = { class: "filename" }, ht
     };
   }
 });
-const mt = /* @__PURE__ */ V(ht, [["__scopeId", "data-v-83b9cdd7"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/UpLoadFile/index.vue"]]), ft = ["accept"], vt = { class: "filename" }, _t = { class: "content" }, zt = /* @__PURE__ */ M({
+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({
   __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: s }) {
+    const n = e, i = D(), l = D([]);
     function d() {
       var S;
-      (S = s.value) == null || S.click();
+      (S = i.value) == null || S.click();
     }
     function f() {
-      var S, u, v;
-      if (l.value = [], (S = s.value) != null && S.files)
-        for (let b = 0; b < ((v = (u = s.value) == null ? void 0 : u.files) == null ? void 0 : v.length); b++)
-          l.value[b] = s.value.files[b];
+      var S, F, u;
+      if (l.value = [], (S = i.value) != null && S.files)
+        for (let v = 0; v < ((u = (F = i.value) == null ? void 0 : F.files) == null ? void 0 : u.length); v++)
+          l.value[v] = i.value.files[v];
       else
         l.value = [];
     }
     function g(S) {
       l.value.splice(S, 1);
     }
-    function C() {
-      i("upload", l.value);
+    function P() {
+      s("upload", l.value);
     }
-    function $() {
+    function M() {
       l.value = [];
     }
     return a({
-      Clear: $
-    }), (S, u) => {
-      const v = _("el-button");
+      Clear: M
+    }), (S, F) => {
+      const u = _("el-button");
       return r(), y("div", null, [
         z("input", {
           type: "file",
           ref_key: "files",
-          ref: s,
+          ref: i,
           multiple: "",
           style: { display: "none" },
           onChange: f,
           accept: n.accept
-        }, null, 40, ft),
-        F(v, {
+        }, null, 40, vt),
+        C(u, {
           type: "success",
           size: n.size,
-          icon: o(j),
+          icon: o(G),
           onClick: d
         }, {
           default: m(() => [
@@ -660,11 +660,11 @@ const mt = /* @__PURE__ */ V(ht, [["__scopeId", "data-v-83b9cdd7"], ["__file", "
           ]),
           _: 1
         }, 8, ["size", "icon"]),
-        F(v, {
+        C(u, {
           type: "success",
           size: n.size,
-          icon: o(G),
-          onClick: C,
+          icon: o(j),
+          onClick: P,
           disabled: l.value.length == 0
         }, {
           default: m(() => [
@@ -672,21 +672,21 @@ const mt = /* @__PURE__ */ V(ht, [["__scopeId", "data-v-83b9cdd7"], ["__file", "
           ]),
           _: 1
         }, 8, ["size", "icon", "disabled"]),
-        (r(!0), y(N, null, R(l.value, (b, U) => (r(), y("p", vt, [
-          z("span", _t, B(b.name), 1),
-          F(v, {
+        (r(!0), y(U, null, R(l.value, (v, $) => (r(), y("p", _t, [
+          z("span", zt, q(v.name), 1),
+          C(u, {
             size: "small",
-            icon: o(Ce),
+            icon: o(Fe),
             class: "operation",
             link: "",
-            onClick: (T) => g(U)
+            onClick: (T) => g($)
           }, null, 8, ["icon", "onClick"])
         ]))), 256))
       ]);
     };
   }
 });
-const gt = /* @__PURE__ */ V(zt, [["__scopeId", "data-v-50d3310f"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/UpLoadFiles/index.vue"]]), yt = /* @__PURE__ */ M({
+const yt = /* @__PURE__ */ B(gt, [["__scopeId", "data-v-50d3310f"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/UpLoadFiles/index.vue"]]), xt = /* @__PURE__ */ V({
   __name: "index",
   props: {
     asideWidth: { type: Number, required: !1, default: 220 },
@@ -695,17 +695,17 @@ const gt = /* @__PURE__ */ V(zt, [["__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 (s, n) => {
+      const i = _("el-aside"), l = _("el-header"), d = _("el-main"), f = _("el-container");
       return r(), h(f, { class: "container" }, {
         default: m(() => [
-          o(a).aside && !e.horizontal ? (r(), h(s, {
+          o(a).aside && !e.horizontal ? (r(), h(i, {
             key: 0,
             class: "aside",
             style: x("width: " + e.asideWidth + "px;")
           }, {
             default: m(() => [
-              w(i.$slots, "aside", {}, void 0, !0)
+              w(s.$slots, "aside", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["style"])) : c("v-if", !0),
@@ -715,13 +715,13 @@ const gt = /* @__PURE__ */ V(zt, [["__scopeId", "data-v-50d3310f"], ["__file", "
             style: x("height: " + e.headerMaxHeight + "px;")
           }, {
             default: m(() => [
-              w(i.$slots, "header", {}, void 0, !0)
+              w(s.$slots, "header", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["style"])) : c("v-if", !0),
-          F(d, { class: "main" }, {
+          C(d, { class: "main" }, {
             default: m(() => [
-              F(f, { class: "inside_container" }, {
+              C(f, { class: "inside_container" }, {
                 default: m(() => [
                   o(a).header && !e.horizontal ? (r(), h(l, {
                     key: 0,
@@ -729,23 +729,23 @@ const gt = /* @__PURE__ */ V(zt, [["__scopeId", "data-v-50d3310f"], ["__file", "
                     style: x("height: " + e.headerMaxHeight + "px;")
                   }, {
                     default: m(() => [
-                      w(i.$slots, "header", {}, void 0, !0)
+                      w(s.$slots, "header", {}, void 0, !0)
                     ]),
                     _: 3
                   }, 8, ["style"])) : c("v-if", !0),
-                  o(a).aside && e.horizontal ? (r(), h(s, {
+                  o(a).aside && e.horizontal ? (r(), h(i, {
                     key: 1,
                     class: "aside",
                     style: x("width: " + e.asideWidth + "px;")
                   }, {
                     default: m(() => [
-                      w(i.$slots, "aside", {}, void 0, !0)
+                      w(s.$slots, "aside", {}, void 0, !0)
                     ]),
                     _: 3
                   }, 8, ["style"])) : c("v-if", !0),
-                  F(d, { class: "inside_main" }, {
+                  C(d, { class: "inside_main" }, {
                     default: m(() => [
-                      w(i.$slots, "default", {}, void 0, !0)
+                      w(s.$slots, "default", {}, void 0, !0)
                     ]),
                     _: 3
                   })
@@ -761,10 +761,10 @@ const gt = /* @__PURE__ */ V(zt, [["__scopeId", "data-v-50d3310f"], ["__file", "
     };
   }
 });
-const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/Layout/index.vue"]]), wt = {
+const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/Layout/index.vue"]]), St = {
   key: 0,
   class: "header"
-}, St = { class: "header_title" }, bt = ["innerHTML"], Pt = { class: "header_title" }, Ct = { class: "pagination" }, Ft = /* @__PURE__ */ M({
+}, bt = { class: "header_title" }, Pt = ["innerHTML"], Ct = { class: "header_title" }, Ft = { class: "pagination" }, kt = /* @__PURE__ */ V({
   __name: "index",
   props: {
     maxHeight: { type: Number, required: !1, default: 550 },
@@ -794,32 +794,35 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
     total: { type: Number, required: !1, default: 0 },
     hideOnSinglePage: { type: Boolean, required: !1, default: !1 }
   },
-  emits: ["row-click", "row-dblclick", "selection-change", "search", "clear", "delete", "edit", "page-index", "page-size", "enter"],
+  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 = ne({
+    const s = e;
+    let n = se({
       pageIndex: 1,
       pageSize: 5
     });
-    const s = A(), l = (u) => {
+    D();
+    const i = A(), l = (u) => {
       a("row-click", u);
     }, d = (u) => {
       a("row-click", u);
     }, f = (u) => {
       a("selection-change", u);
     }, g = () => {
-      if (i.tableColumn.length > 0)
-        for (let u = 0; u < i.tableColumn.length; u++) {
-          let v = i.tableColumn[u];
+      if (s.tableColumn.length > 0)
+        for (let u = 0; u < s.tableColumn.length; u++) {
+          let v = s.tableColumn[u];
           n[v.prop] = null;
         }
       a("clear");
-    }, C = () => {
+    }, P = () => {
       a("search", n);
-    }, $ = (u) => {
+    }, M = (u) => {
       a("edit", u);
     }, S = (u) => {
       a("delete", u);
+    }, F = (u) => {
+      a("get-ref", u);
     };
     return H(
       () => n.pageIndex,
@@ -832,20 +835,20 @@ const xt = /* @__PURE__ */ V(yt, [["__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 (s.tableColumn.length > 0)
+        for (let u = 0; u < s.tableColumn.length; u++) {
+          let v = s.tableColumn[u];
           n[v.prop] = null;
         }
     }), (u, v) => {
-      const b = _("el-table-column"), U = _("el-input"), T = _("el-input-number"), K = _("el-option"), Y = _("el-select"), q = _("el-date-picker"), W = _("el-time-picker"), J = _("el-switch"), L = _("el-button"), X = _("el-popconfirm"), Q = _("el-table"), Z = _("el-pagination");
-      return r(), y(N, null, [
-        o(s).header ? (r(), y("div", wt, [
+      const $ = _("el-table-column"), T = _("el-input"), K = _("el-input-number"), Y = _("el-option"), J = _("el-select"), L = _("el-date-picker"), W = _("el-time-picker"), X = _("el-switch"), N = _("el-button"), Q = _("el-popconfirm"), Z = _("el-table"), ee = _("el-pagination");
+      return r(), y(U, null, [
+        o(i).header ? (r(), y("div", St, [
           w(u.$slots, "header", {}, void 0, !0)
         ])) : c("v-if", !0),
-        F(Q, {
+        C(Z, {
           data: e.tableData,
-          class: P([e.size && e.size == "small" ? "mini-table" : "table"]),
+          class: b([e.size && e.size == "small" ? "mini-table" : "table"]),
           "max-height": e.maxHeight,
           size: e.size,
           stripe: e.stripe,
@@ -853,10 +856,11 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
           "highlight-current-row": e.highLight,
           onRowClick: l,
           onRowDblclick: d,
-          onSelectionChange: f
+          onSelectionChange: f,
+          ref: (t) => F(t)
         }, {
           default: m(() => [
-            e.type && e.type == "index" ? (r(), h(b, {
+            e.type && e.type == "index" ? (r(), h($, {
               key: 0,
               align: "center",
               type: "index",
@@ -864,14 +868,14 @@ const xt = /* @__PURE__ */ V(yt, [["__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(b, {
+            e.type == "selection" ? (r(), h($, {
               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(b, {
+            e.type == "expand" ? (r(), h($, {
               key: 2,
               align: "center",
               type: "expand",
@@ -886,16 +890,17 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
               ]),
               _: 3
             }, 8, ["width", "fixed", "label"])) : c("v-if", !0),
-            (r(!0), y(N, null, R(e.tableColumn, (t) => (r(), h(b, {
+            (r(!0), y(U, null, R(e.tableColumn, (t) => (r(), h($, {
               prop: t.costom ? !1 : t.prop,
               width: t.width ? t.width : "",
               fixed: t.fixed ? t.fixed : !1,
-              align: t.align ? t.align : "left"
+              align: t.align ? t.align : "left",
+              "show-overflow-tooltip": !!t.overflow
             }, ie({
               header: m(() => [
-                z("div", St, B(t.label), 1),
+                z("div", bt, q(t.label), 1),
                 c(" \u6587\u672C\u641C\u7D22\u6846 "),
-                t.search && (!t.type || t.type == "text") ? (r(), h(U, {
+                t.search && (!t.type || t.type == "text") ? (r(), h(T, {
                   key: 0,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
@@ -906,11 +911,11 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                   ),
                   disabled: t.disabled,
                   placeholder: t.placeholder ? t.placeholder : "\u8BF7\u8F93\u5165" + t.label,
-                  class: P([t.align && t.align == "center" ? "center" : ""]),
-                  onKeyup: I(C, ["enter", "native"])
+                  class: b([t.align && t.align == "center" ? "center" : ""]),
+                  onKeyup: I(P, ["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(T, {
+                t.search && t.type == "number" ? (r(), h(K, {
                   key: 1,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
@@ -921,14 +926,14 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                   ),
                   disabled: t.disabled,
                   placeholder: t.placeholder ? t.placeholder : "\u8BF7\u8F93\u5165" + t.label,
-                  class: P([t.align && t.align == "center" ? "center" : ""]),
+                  class: b([t.align && t.align == "center" ? "center" : ""]),
                   max: t.max != null ? t.max : 1 / 0,
                   min: t.min != null ? t.min : -1 / 0,
                   step: t.step != null ? t.step : 1,
-                  onKeyup: I(C, ["enter", "native"])
+                  onKeyup: I(P, ["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(Y, {
+                t.search && t.type == "select" ? (r(), h(J, {
                   key: 2,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
@@ -942,10 +947,10 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                   multiple: t.multiple,
                   "collapse-tags": t.omit,
                   placeholder: t.placeholder ? t.placeholder : "\u8BF7\u9009\u62E9" + t.label,
-                  class: P([t.align && t.align == "center" ? "center" : ""])
+                  class: b([t.align && t.align == "center" ? "center" : ""])
                 }, {
                   default: m(() => [
-                    (r(!0), y(N, null, R(t.options, (p) => (r(), h(K, {
+                    (r(!0), y(U, null, R(t.options, (p) => (r(), h(Y, {
                       label: p.label ? p.label : p.value,
                       value: p.value,
                       disabled: p.disabled
@@ -954,7 +959,7 @@ const xt = /* @__PURE__ */ V(yt, [["__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(q, {
+                t.search && t.type == "date" ? (r(), h(L, {
                   key: 3,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
@@ -962,7 +967,7 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                   style: x(t.searchWidth ? "width: " + t.searchWidth + "px;" : ""),
                   placeholder: t.placeholder ? t.placeholder : "\u8BF7\u9009\u62E9\u65E5\u671F",
                   size: t.size,
-                  class: P([t.align && t.align == "center" ? "center" : ""])
+                  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, {
@@ -975,10 +980,10 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                   ),
                   placeholder: t.placeholder ? t.placeholder : "\u8BF7\u9009\u62E9\u65F6\u95F4",
                   size: t.size,
-                  class: P([t.align && t.align == "center" ? "center" : ""])
+                  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(q, {
+                t.search && t.type == "datetime" ? (r(), h(L, {
                   key: 5,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
@@ -988,10 +993,10 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                   ),
                   placeholder: t.placeholder ? t.placeholder : "\u8BF7\u9009\u62E9\u65E5\u671F\u65F6\u95F4",
                   size: t.size,
-                  class: P([t.align && t.align == "center" ? "center" : ""])
+                  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(q, {
+                t.search && t.type == "daterange" ? (r(), h(L, {
                   key: 6,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
@@ -1003,7 +1008,7 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                     t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
                   ),
                   size: t.size,
-                  class: P([t.align && t.align == "center" ? "center" : ""])
+                  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, {
@@ -1019,10 +1024,10 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                     t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
                   ),
                   size: t.size,
-                  class: P([t.align && t.align == "center" ? "center" : ""])
+                  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(q, {
+                t.search && t.type == "datetimerange" ? (r(), h(L, {
                   key: 8,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
@@ -1034,17 +1039,17 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                     t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
                   ),
                   size: t.size,
-                  class: P([t.align && t.align == "center" ? "center" : ""])
+                  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(J, {
+                t.search && t.type == "switch" ? (r(), h(X, {
                   key: 9,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
                   size: t.size,
                   "active-text": t.openText,
                   "inactive-text": t.closeText,
-                  class: P([t.align && t.align == "center" ? "center" : ""])
+                  class: b([t.align && t.align == "center" ? "center" : ""])
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "active-text", "inactive-text", "class"])) : c("v-if", !0)
               ]),
               _: 2
@@ -1054,26 +1059,26 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                 fn: m((p) => [
                   z("span", {
                     innerHTML: t.costom ? t.costom(p.row) : ""
-                  }, null, 8, bt)
+                  }, null, 8, Pt)
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["prop", "width", "fixed", "align"]))), 256)),
-            e.operate ? (r(), h(b, {
+            ]), 1032, ["prop", "width", "fixed", "align", "show-overflow-tooltip"]))), 256)),
+            e.operate ? (r(), h($, {
               key: 3,
               align: "center",
               width: e.operateWidth ? e.operateWidth : "",
               fixed: e.operateIsFixed ? "right" : !1
             }, {
               header: m(() => [
-                z("div", Pt, B(e.operateLabel), 1),
+                z("div", Ct, q(e.operateLabel), 1),
                 w(u.$slots, "operate-front", {}, void 0, !0),
-                e.search ? (r(), h(L, {
+                e.search ? (r(), h(N, {
                   key: 0,
                   type: "primary",
                   size: e.operateSize,
-                  icon: o(at),
-                  onClick: C
+                  icon: o(nt),
+                  onClick: P
                 }, {
                   default: m(() => [
                     k("\u641C\u7D22")
@@ -1081,11 +1086,11 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                   _: 1
                 }, 8, ["size", "icon"])) : c("v-if", !0),
                 w(u.$slots, "operate-middle", {}, void 0, !0),
-                e.clear ? (r(), h(L, {
+                e.clear ? (r(), h(N, {
                   key: 1,
                   type: "info",
                   size: e.operateSize,
-                  icon: o(ye),
+                  icon: o(xe),
                   onClick: g
                 }, {
                   default: m(() => [
@@ -1099,13 +1104,13 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                 w(u.$slots, "row-operate-front", {
                   row: t.row
                 }, void 0, !0),
-                e.edit ? (r(), h(L, {
+                e.edit ? (r(), h(N, {
                   key: 0,
                   link: "",
                   type: "primary",
                   size: e.rowButtonSize,
-                  icon: o(Ae),
-                  onClick: (p) => $(t.row)
+                  icon: o(Ge),
+                  onClick: (p) => M(t.row)
                 }, {
                   default: m(() => [
                     k("\u4FEE\u6539")
@@ -1115,23 +1120,23 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                 w(u.$slots, "row-operate-middle", {
                   row: t.row
                 }, void 0, !0),
-                e.delete ? (r(), h(X, {
+                e.delete ? (r(), h(Q, {
                   key: 1,
                   "confirm-button-text": "\u5426",
                   "cancel-button-text": "\u662F",
                   "confirm-button-type": "text",
                   "cancel-button-type": "danger",
-                  icon: o(Ve),
+                  icon: o(Be),
                   width: "auto",
                   onCancel: (p) => S(t.row),
                   title: e.deleteTitle ? e.deleteTitle : "\u662F\u5426\u8981\u5220\u9664\u5F53\u524D\u884C\uFF1F"
                 }, {
                   reference: m(() => [
-                    F(L, {
+                    C(N, {
                       link: "",
                       type: "danger",
                       size: e.rowButtonSize,
-                      icon: o(De)
+                      icon: o(Re)
                     }, {
                       default: m(() => [
                         k("\u5220\u9664")
@@ -1150,8 +1155,8 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
           ]),
           _: 3
         }, 8, ["data", "class", "max-height", "size", "stripe", "border", "highlight-current-row"]),
-        z("div", Ct, [
-          e.pagination ? (r(), h(Z, {
+        z("div", Ft, [
+          e.pagination ? (r(), h(ee, {
             key: 0,
             "current-page": o(n).pageIndex,
             "onUpdate:current-page": v[0] || (v[0] = (t) => o(n).pageIndex = t),
@@ -1170,17 +1175,17 @@ const xt = /* @__PURE__ */ V(yt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
     };
   }
 });
-const kt = /* @__PURE__ */ V(Ft, [["__scopeId", "data-v-f4c855de"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/TableForm/index.vue"]]), $t = {
+const Et = /* @__PURE__ */ B(kt, [["__scopeId", "data-v-f4c855de"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/TableForm/index.vue"]]), Mt = {
   install: (e) => {
-    e.component("SplitPanes", ce), e.component("Pane", he), e.component("UpLoadFile", mt), e.component("Layout", xt), e.component("TableForm", kt), e.component("UpLoadFiles", gt);
+    e.component("SplitPanes", pe), e.component("Pane", me), e.component("UpLoadFile", ft), e.component("Layout", wt), e.component("TableForm", Et), e.component("UpLoadFiles", yt);
   }
 };
 export {
-  xt as Layout,
-  he as Pane,
-  ce as SplitPanes,
-  kt as TableForm,
-  mt as UpLoadFile,
-  gt as UpLoadFiles,
-  $t as default
+  wt as Layout,
+  me as Pane,
+  pe as SplitPanes,
+  Et as TableForm,
+  ft as UpLoadFile,
+  yt as UpLoadFiles,
+  Mt as default
 };