dld-vue-ui 0.3.8 → 0.3.10

package/dist/dld-vue-ui.js

@@ -1,5 +1,5 @@
-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 = {
+import { h as ne, openBlock as r, createElementBlock as g, normalizeStyle as w, renderSlot as S, defineComponent as B, createBlock as h, unref as o, withCtx as m, createElementVNode as _, ref as T, onMounted as A, resolveComponent as v, createVNode as P, createTextVNode as $, withDirectives as ie, vShow as se, toDisplayString as N, Fragment as R, renderList as W, useSlots as j, createCommentVNode as c, reactive as le, watch as I, normalizeClass as b, createSlots as oe, withKeys as O } from "vue";
+const re = {
   name: "splitpanes",
   emits: ["ready", "resize", "resized", "pane-click", "pane-maximize", "pane-add", "pane-remove", "splitter-click"],
   props: {
@@ -70,17 +70,17 @@ const le = {
       }, 500)))), this.touch.dragging || this.$emit("splitter-click", this.panes[a]);
     },
     onSplitterDblClick(e, a) {
-      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 })));
+      let i = 0;
+      this.panes = this.panes.map((s, n) => (s.size = n === a ? s.max : s.min, n !== a && (i += s.min), s)), this.panes[a].size -= i, this.$emit("pane-maximize", this.panes[a]), this.$emit("resized", this.panes.map((s) => ({ min: s.min, max: s.max, size: s.size })));
     },
     onPaneClick(e, a) {
       this.$emit("pane-click", this.indexedPanes[a]);
     },
     getCurrentMouseDrag(e) {
-      const a = this.container.getBoundingClientRect(), { clientX: s, clientY: n } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
+      const a = this.container.getBoundingClientRect(), { clientX: i, clientY: s } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
       return {
-        x: s - a.left,
-        y: n - a.top
+        x: i - a.left,
+        y: s - a.top
       };
     },
     getCurrentDragPercentage(e) {
@@ -90,44 +90,44 @@ const le = {
     },
     calculatePanesSize(e) {
       const a = this.touch.activeSplitter;
-      let s = {
+      let i = {
         prevPanesSize: this.sumPrevPanesSize(a),
         nextPanesSize: this.sumNextPanesSize(a),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      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 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);
+      const s = 0 + (this.pushOtherPanes ? 0 : i.prevPanesSize), n = 100 - (this.pushOtherPanes ? 0 : i.nextPanesSize), l = Math.max(Math.min(this.getCurrentDragPercentage(e), n), s);
+      let d = [a, a + 1], f = this.panes[d[0]] || null, z = this.panes[d[1]] || null;
+      const C = f.max < 100 && l >= f.max + i.prevPanesSize, V = z.max < 100 && l <= 100 - (z.max + this.sumNextPanesSize(a + 1));
+      if (C || V) {
+        C ? (f.size = f.max, z.size = Math.max(100 - f.max - i.prevPanesSize - i.nextPanesSize, 0)) : (f.size = Math.max(100 - z.max - i.prevPanesSize - this.sumNextPanesSize(a + 1), 0), z.size = z.max);
         return;
       }
       if (this.pushOtherPanes) {
-        const S = this.doPushOtherPanes(s, l);
-        if (!S)
+        const y = this.doPushOtherPanes(i, l);
+        if (!y)
           return;
-        ({ sums: s, panesToResize: d } = S), f = this.panes[d[0]] || null, g = this.panes[d[1]] || null;
+        ({ sums: i, panesToResize: d } = y), f = this.panes[d[0]] || null, z = this.panes[d[1]] || null;
       }
-      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));
+      f !== null && (f.size = Math.min(Math.max(l - i.prevPanesSize - i.prevReachedMinPanes, f.min), f.max)), z !== null && (z.size = Math.min(Math.max(100 - l - i.nextPanesSize - i.nextReachedMinPanes, z.min), z.max));
     },
     doPushOtherPanes(e, a) {
-      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 };
+      const i = this.touch.activeSplitter, s = [i, i + 1];
+      return a < e.prevPanesSize + this.panes[s[0]].min && (s[0] = this.findPrevExpandedPane(i).index, e.prevReachedMinPanes = 0, s[0] < i && this.panes.forEach((n, l) => {
+        l > s[0] && l <= i && (n.size = n.min, e.prevReachedMinPanes += n.min);
+      }), e.prevPanesSize = this.sumPrevPanesSize(s[0]), s[0] === void 0) ? (e.prevReachedMinPanes = 0, this.panes[0].size = this.panes[0].min, this.panes.forEach((n, l) => {
+        l > 0 && l <= i && (n.size = n.min, e.prevReachedMinPanes += n.min);
+      }), this.panes[s[1]].size = 100 - e.prevReachedMinPanes - this.panes[0].min - e.prevPanesSize - e.nextPanesSize, null) : a > 100 - e.nextPanesSize - this.panes[s[1]].min && (s[1] = this.findNextExpandedPane(i).index, e.nextReachedMinPanes = 0, s[1] > i + 1 && this.panes.forEach((n, l) => {
+        l > i && l < s[1] && (n.size = n.min, e.nextReachedMinPanes += n.min);
+      }), e.nextPanesSize = this.sumNextPanesSize(s[1] - 1), s[1] === void 0) ? (e.nextReachedMinPanes = 0, this.panes[this.panesCount - 1].size = this.panes[this.panesCount - 1].min, this.panes.forEach((n, l) => {
+        l < this.panesCount - 1 && l >= i + 1 && (n.size = n.min, e.nextReachedMinPanes += n.min);
+      }), this.panes[s[0]].size = 100 - e.prevPanesSize - e.nextReachedMinPanes - this.panes[this.panesCount - 1].min - e.nextPanesSize, null) : { sums: e, panesToResize: s };
     },
     sumPrevPanesSize(e) {
-      return this.panes.reduce((a, s, n) => a + (n < e ? s.size : 0), 0);
+      return this.panes.reduce((a, i, s) => a + (s < e ? i.size : 0), 0);
     },
     sumNextPanesSize(e) {
-      return this.panes.reduce((a, s, n) => a + (n > e + 1 ? s.size : 0), 0);
+      return this.panes.reduce((a, i, s) => a + (s > e + 1 ? i.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"), 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."));
+        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."));
       });
     },
-    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);
+    addSplitter(e, a, i = !1) {
+      const s = e - 1, n = document.createElement("div");
+      n.classList.add("splitpanes__splitter"), i || (n.onmousedown = (l) => this.onMouseDown(l, s), typeof window < "u" && "ontouchstart" in window && (n.ontouchstart = (l) => this.onMouseDown(l, s)), n.onclick = (l) => this.onSplitterClick(l, s + 1)), this.dblClickSplitter && (n.ondblclick = (l) => this.onSplitterDblClick(l, s + 1)), a.parentNode.insertBefore(n, 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((s) => {
-        s.className.includes("splitpanes__splitter") && this.removeSplitter(s);
+      e.forEach((i) => {
+        i.className.includes("splitpanes__splitter") && this.removeSplitter(i);
       });
       let a = 0;
-      e.forEach((s) => {
-        s.className.includes("splitpanes__pane") && (!a && this.firstSplitter ? this.addSplitter(a, s, !0) : a && this.addSplitter(a, s), a++);
+      e.forEach((i) => {
+        i.className.includes("splitpanes__pane") && (!a && this.firstSplitter ? this.addSplitter(a, i, !0) : a && this.addSplitter(a, i), a++);
       });
     },
     requestUpdate({ target: e, ...a }) {
-      const s = this.indexedPanes[e._.uid];
-      Object.entries(a).forEach(([n, i]) => s[n] = i);
+      const i = this.indexedPanes[e._.uid];
+      Object.entries(a).forEach(([s, n]) => i[s] = n);
     },
     onPaneAdd(e) {
       let a = -1;
-      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);
+      Array.from(e.$el.parentNode.children).some((n) => (n.className.includes("splitpanes__pane") && a++, n === e.$el));
+      const i = parseFloat(e.minSize), s = parseFloat(e.maxSize);
       this.panes.splice(a, 0, {
         id: e._.uid,
         index: a,
-        min: isNaN(s) ? 0 : s,
-        max: isNaN(n) ? 100 : n,
+        min: isNaN(i) ? 0 : i,
+        max: isNaN(s) ? 100 : s,
         size: e.size === null ? null : parseFloat(e.size),
         givenSize: e.size,
         update: e.update
-      }), 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 })) });
+      }), this.panes.forEach((n, l) => n.index = l), this.ready && this.$nextTick(() => {
+        this.redoSplitters(), this.resetPaneSizes({ addedPane: this.panes[a] }), this.$emit("pane-add", { index: a, panes: this.panes.map((n) => ({ min: n.min, max: n.max, size: n.size })) });
       });
     },
     onPaneRemove(e) {
-      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 })) });
+      const a = this.panes.findIndex((s) => s.id === e._.uid), i = this.panes.splice(a, 1)[0];
+      this.panes.forEach((s, n) => s.index = n), this.$nextTick(() => {
+        this.redoSplitters(), this.resetPaneSizes({ removedPane: { ...i, index: a } }), this.$emit("pane-remove", { removed: i, panes: this.panes.map((s) => ({ min: s.min, max: s.max, size: s.size })) });
       });
     },
     resetPaneSizes(e = {}) {
@@ -190,44 +190,44 @@ const le = {
     equalize() {
       const e = 100 / this.panesCount;
       let a = 0;
-      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);
+      const i = [], s = [];
+      this.panes.forEach((n) => {
+        n.size = Math.max(Math.min(e, n.max), n.min), a -= n.size, n.size >= n.max && i.push(n.id), n.size <= n.min && s.push(n.id);
+      }), a > 0.1 && this.readjustSizes(a, i, s);
     },
     initialPanesSizing() {
       let e = 100;
-      const a = [], s = [];
-      let n = 0;
+      const a = [], i = [];
+      let s = 0;
       this.panes.forEach((l) => {
-        e -= l.size, l.size !== null && n++, l.size >= l.max && a.push(l.id), l.size <= l.min && s.push(l.id);
+        e -= l.size, l.size !== null && s++, l.size >= l.max && a.push(l.id), l.size <= l.min && i.push(l.id);
       });
-      let i = 100;
+      let n = 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)), i -= l.size;
-      }), i > 0.1 && this.readjustSizes(e, a, s));
+        l.size === null && (l.size = Math.max(Math.min(e / (this.panesCount - s), l.max), l.min)), n -= l.size;
+      }), n > 0.1 && this.readjustSizes(e, a, i));
     },
     equalizeAfterAddOrRemove({ addedPane: e, removedPane: a } = {}) {
-      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(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));
+      let i = 100 / this.panesCount, s = 0;
+      const n = [], l = [];
+      e && e.givenSize !== null && (i = (100 - e.givenSize) / (this.panesCount - 1)), this.panes.forEach((d) => {
+        s -= d.size, d.size >= d.max && n.push(d.id), d.size <= d.min && l.push(d.id);
+      }), !(Math.abs(s) < 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)), s -= d.size, d.size >= d.max && n.push(d.id), d.size <= d.min && l.push(d.id);
+      }), s > 0.1 && this.readjustSizes(s, n, l));
     },
-    readjustSizes(e, a, s) {
-      let n;
-      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;
+    readjustSizes(e, a, i) {
+      let s;
+      e > 0 ? s = e / (this.panesCount - a.length) : s = e / (this.panesCount - i.length), this.panes.forEach((n, l) => {
+        if (e > 0 && !a.includes(n.id)) {
+          const d = Math.max(Math.min(n.size + s, n.max), n.min), f = d - n.size;
+          e -= f, n.size = d;
+        } else if (!i.includes(n.id)) {
+          const d = Math.max(Math.min(n.size + s, n.max), n.min), f = d - n.size;
+          e -= f, n.size = d;
         }
-        i.update({
-          [this.horizontal ? "height" : "width"]: `${this.indexedPanes[i.id].size}%`
+        n.update({
+          [this.horizontal ? "height" : "width"]: `${this.indexedPanes[n.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, s) => {
-        a.ondblclick = e ? (n) => this.onSplitterDblClick(n, s) : void 0;
+      [...this.container.querySelectorAll(".splitpanes__splitter")].forEach((a, i) => {
+        a.ondblclick = e ? (s) => this.onSplitterDblClick(s, i) : void 0;
       });
     }
   },
@@ -261,7 +261,7 @@ const le = {
     this.container = this.$refs.container, this.checkSplitpanesNodes(), this.redoSplitters(), this.resetPaneSizes(), this.$emit("ready"), this.ready = !0;
   },
   render() {
-    return te(
+    return ne(
       "div",
       {
         ref: "container",
@@ -276,12 +276,12 @@ const le = {
       this.$slots.default()
     );
   }
-}, oe = (e, a) => {
-  const s = e.__vccOpts || e;
-  for (const [n, i] of a)
-    s[n] = i;
-  return s;
-}, re = {
+}, de = (e, a) => {
+  const i = e.__vccOpts || e;
+  for (const [s, n] of a)
+    i[s] = n;
+  return i;
+}, ue = {
   name: "pane",
   inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
   props: {
@@ -326,191 +326,191 @@ const le = {
     }
   }
 };
-function de(e, a, s, n, i, l) {
-  return r(), y("div", {
+function ce(e, a, i, s, n, l) {
+  return r(), g("div", {
     class: "splitpanes__pane",
     onClick: a[0] || (a[0] = (d) => l.onPaneClick(d, e._.uid)),
-    style: x(e.style)
+    style: w(e.style)
   }, [
-    w(e.$slots, "default")
+    S(e.$slots, "default")
   ], 4);
 }
-const ue = /* @__PURE__ */ oe(re, [["render", de]]);
-const ce = /* @__PURE__ */ V({
+const pe = /* @__PURE__ */ de(ue, [["render", ce]]);
+const he = /* @__PURE__ */ B({
   __name: "index",
   props: {
     styles: { type: Object, required: !1, default: () => ({ width: "100%", height: "100%" }) },
     horizontal: { type: Boolean, required: !1, default: !1 }
   },
   setup(e) {
-    return (a, s) => (r(), h(o(le), {
+    return (a, i) => (r(), h(o(re), {
       horizontal: e.horizontal,
-      style: x(e.styles),
+      style: w(e.styles),
       class: "splitpanes"
     }, {
       default: m(() => [
-        w(a.$slots, "default", {}, void 0, !0)
+        S(a.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["horizontal", "style"]));
   }
 });
-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({
+const q = (e, a) => {
+  const i = e.__vccOpts || e;
+  for (const [s, n] of a)
+    i[s] = n;
+  return i;
+}, me = /* @__PURE__ */ q(he, [["__scopeId", "data-v-4226b5d2"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/index.vue"]]), fe = /* @__PURE__ */ B({
   __name: "pane",
   props: {
     styles: { type: Object, required: !0, default: () => ({ background: "#ececec" }) }
   },
   setup(e) {
-    return (a, s) => (r(), h(o(ue), {
-      style: x(e.styles)
+    return (a, i) => (r(), h(o(pe), {
+      style: w(e.styles)
     }, {
       default: m(() => [
-        w(a.$slots, "default")
+        S(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), me = /* @__PURE__ */ B(he, [["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/pane.vue"]]);
+}), ve = /* @__PURE__ */ q(fe, [["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/pane.vue"]]);
 /*! Element Plus Icons Vue v2.0.10 */
-var E = (e, a) => {
-  let s = e.__vccOpts || e;
-  for (let [n, i] of a)
-    s[n] = i;
-  return s;
-}, fe = {
+var M = (e, a) => {
+  let i = e.__vccOpts || e;
+  for (let [s, n] of a)
+    i[s] = n;
+  return i;
+}, _e = {
   name: "CircleClose"
-}, ve = {
+}, ze = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, _e = /* @__PURE__ */ z("path", {
+}, ge = /* @__PURE__ */ _("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__ */ z("path", {
+}, null, -1), ye = /* @__PURE__ */ _("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), xe = [
+  ge,
+  ye
 ];
-function ye(e, a, s, n, i, l) {
-  return r(), y("svg", ve, ge);
+function we(e, a, i, s, n, l) {
+  return r(), g("svg", ze, xe);
 }
-var xe = /* @__PURE__ */ E(fe, [["render", ye], ["__file", "circle-close.vue"]]), we = {
+var Se = /* @__PURE__ */ M(_e, [["render", we], ["__file", "circle-close.vue"]]), be = {
   name: "Close"
-}, Se = {
+}, Pe = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, be = /* @__PURE__ */ z("path", {
+}, Ce = /* @__PURE__ */ _("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), Fe = [
+  Ce
 ];
-function Ce(e, a, s, n, i, l) {
-  return r(), y("svg", Se, Pe);
+function ke(e, a, i, s, n, l) {
+  return r(), g("svg", Pe, Fe);
 }
-var Fe = /* @__PURE__ */ E(we, [["render", Ce], ["__file", "close.vue"]]), ke = {
+var Ee = /* @__PURE__ */ M(be, [["render", ke], ["__file", "close.vue"]]), $e = {
   name: "DeleteFilled"
-}, Ee = {
+}, Me = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, $e = /* @__PURE__ */ z("path", {
+}, Ve = /* @__PURE__ */ _("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), Be = [
+  Ve
 ];
-function Ve(e, a, s, n, i, l) {
-  return r(), y("svg", Ee, Me);
+function qe(e, a, i, s, n, l) {
+  return r(), g("svg", Me, Be);
 }
-var Be = /* @__PURE__ */ E(ke, [["render", Ve], ["__file", "delete-filled.vue"]]), qe = {
+var Le = /* @__PURE__ */ M($e, [["render", qe], ["__file", "delete-filled.vue"]]), Ne = {
   name: "Delete"
-}, Le = {
+}, De = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ne = /* @__PURE__ */ z("path", {
+}, Ue = /* @__PURE__ */ _("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
+}, null, -1), Re = [
+  Ue
 ];
-function De(e, a, s, n, i, l) {
-  return r(), y("svg", Le, Ue);
+function Te(e, a, i, s, n, l) {
+  return r(), g("svg", De, Re);
 }
-var Re = /* @__PURE__ */ E(qe, [["render", De], ["__file", "delete.vue"]]), Te = {
+var We = /* @__PURE__ */ M(Ne, [["render", Te], ["__file", "delete.vue"]]), He = {
   name: "Edit"
-}, We = {
+}, Ie = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, He = /* @__PURE__ */ z("path", {
+}, Oe = /* @__PURE__ */ _("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__ */ z("path", {
+}, null, -1), Ae = /* @__PURE__ */ _("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), je = [
+  Oe,
+  Ae
 ];
-function Ae(e, a, s, n, i, l) {
-  return r(), y("svg", We, Oe);
+function Ge(e, a, i, s, n, l) {
+  return r(), g("svg", Ie, je);
 }
-var Ge = /* @__PURE__ */ E(Te, [["render", Ae], ["__file", "edit.vue"]]), je = {
+var Ke = /* @__PURE__ */ M(He, [["render", Ge], ["__file", "edit.vue"]]), Ye = {
   name: "FolderOpened"
-}, Ke = {
+}, Je = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ye = /* @__PURE__ */ z("path", {
+}, Xe = /* @__PURE__ */ _("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), Qe = [
+  Xe
 ];
-function Xe(e, a, s, n, i, l) {
-  return r(), y("svg", Ke, Je);
+function Ze(e, a, i, s, n, l) {
+  return r(), g("svg", Je, Qe);
 }
-var G = /* @__PURE__ */ E(je, [["render", Xe], ["__file", "folder-opened.vue"]]), Qe = {
+var G = /* @__PURE__ */ M(Ye, [["render", Ze], ["__file", "folder-opened.vue"]]), et = {
   name: "Search"
-}, Ze = {
+}, tt = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, et = /* @__PURE__ */ z("path", {
+}, at = /* @__PURE__ */ _("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), nt = [
+  at
 ];
-function at(e, a, s, n, i, l) {
-  return r(), y("svg", Ze, tt);
+function it(e, a, i, s, n, l) {
+  return r(), g("svg", tt, nt);
 }
-var nt = /* @__PURE__ */ E(Qe, [["render", at], ["__file", "search.vue"]]), st = {
+var st = /* @__PURE__ */ M(et, [["render", it], ["__file", "search.vue"]]), lt = {
   name: "Upload"
-}, it = {
+}, ot = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, lt = /* @__PURE__ */ z("path", {
+}, rt = /* @__PURE__ */ _("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), dt = [
+  rt
 ];
-function rt(e, a, s, n, i, l) {
-  return r(), y("svg", it, ot);
+function ut(e, a, i, s, n, l) {
+  return r(), g("svg", ot, dt);
 }
-var j = /* @__PURE__ */ E(st, [["render", rt], ["__file", "upload.vue"]]), dt = function() {
+var K = /* @__PURE__ */ M(lt, [["render", ut], ["__file", "upload.vue"]]), ct = 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 s = a.toString();
-    return a && (a instanceof e || e.validator.test(s));
+    var i = a.toString();
+    return a && (a instanceof e || e.validator.test(i));
   }, 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 j = /* @__PURE__ */ E(st, [["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 s = "", n = 0; n < a; n++)
-      s += ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
-    return s;
+    for (var i = "", s = 0; s < a; s++)
+      i += ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
+    return i;
   }, e.prototype.equals = function(a) {
     return e.isGuid(a) && this.value === a.toString();
   }, e.prototype.isEmpty = function() {
@@ -534,39 +534,39 @@ var j = /* @__PURE__ */ E(st, [["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({
+}(), pt = ct;
+const ht = { style: {} }, mt = ["id", "accept"], ft = { class: "filename" }, vt = /* @__PURE__ */ B({
   __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: j },
+    icon: { type: null, required: !1, default: K },
     type: { type: null, required: !1, default: "success" },
     accept: { type: String, required: !0, default: "*" }
   },
   emits: ["upload"],
-  setup(e, { expose: a, emit: s }) {
-    let n = ut.create().toString(), i, l = D("");
+  setup(e, { expose: a, emit: i }) {
+    let s = pt.create().toString(), n, l = T("");
     function d() {
-      i.click();
+      n.click();
     }
     function f() {
-      l.value = i.value;
+      l.value = n.value;
     }
-    function g() {
-      i.files !== null && s("upload", i.files[0]);
+    function z() {
+      n.files !== null && i("upload", n.files[0]);
     }
-    function P() {
-      i.value = "", l.value = "";
+    function C() {
+      n.value = "", l.value = "";
     }
-    return O(() => {
-      i = document.getElementById(n);
+    return A(() => {
+      n = document.getElementById(s);
     }), a({
-      Clear: P
-    }), (M, S) => {
-      const F = _("el-button");
-      return r(), y("div", ct, [
-        C(F, {
+      Clear: C
+    }), (V, y) => {
+      const F = v("el-button");
+      return r(), g("div", ht, [
+        P(F, {
           type: e.type,
           icon: o(G),
           size: e.size,
@@ -574,30 +574,30 @@ const ct = { style: {} }, pt = ["id", "accept"], ht = { class: "filename" }, mt
           onClick: d
         }, {
           default: m(() => [
-            k("\u9009\u62E9\u6587\u4EF6")
+            $("\u9009\u62E9\u6587\u4EF6")
           ]),
           _: 1
         }, 8, ["type", "icon", "size"]),
-        ae(z("input", {
+        ie(_("input", {
           type: "file",
-          id: o(n),
+          id: o(s),
           onChange: f,
           accept: e.accept
-        }, null, 40, pt), [
-          [ne, !1]
+        }, null, 40, mt), [
+          [se, !1]
         ]),
-        z("span", ht, q(o(l)), 1),
-        C(F, {
+        _("span", ft, N(o(l)), 1),
+        P(F, {
           type: e.type,
           icon: e.icon,
           size: e.size,
           disabled: o(l) == null || o(l) == "",
           class: "btn",
           title: o(l) == null || o(l) == "" ? "\u8BF7\u9009\u62E9\u6587\u4EF6" : "",
-          onClick: g
+          onClick: z
         }, {
           default: m(() => [
-            k(q(e.name), 1)
+            $(N(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 _t = /* @__PURE__ */ q(vt, [["__scopeId", "data-v-83b9cdd7"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/UpLoadFile/index.vue"]]), zt = ["accept"], gt = { class: "filename" }, yt = { class: "content" }, xt = /* @__PURE__ */ B({
   __name: "index",
   props: {
     size: { type: String, required: !0, default: "default" },
     accept: { type: String, required: !0, default: "*" }
   },
   emits: ["upload", "clear"],
-  setup(e, { expose: a, emit: s }) {
-    const n = e, i = D(), l = D([]);
+  setup(e, { expose: a, emit: i }) {
+    const s = e, n = T(), l = T([]);
     function d() {
-      var S;
-      (S = i.value) == null || S.click();
+      var y;
+      (y = n.value) == null || y.click();
     }
     function f() {
-      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];
+      var y, F, k;
+      if (l.value = [], (y = n.value) != null && y.files)
+        for (let E = 0; E < ((k = (F = n.value) == null ? void 0 : F.files) == null ? void 0 : k.length); E++)
+          l.value[E] = n.value.files[E];
       else
         l.value = [];
     }
-    function g(S) {
-      l.value.splice(S, 1);
+    function z(y) {
+      l.value.splice(y, 1);
     }
-    function P() {
-      s("upload", l.value);
+    function C() {
+      i("upload", l.value);
     }
-    function M() {
+    function V() {
       l.value = [];
     }
     return a({
-      Clear: M
-    }), (S, F) => {
-      const u = _("el-button");
-      return r(), y("div", null, [
-        z("input", {
+      Clear: V
+    }), (y, F) => {
+      const k = v("el-button");
+      return r(), g("div", null, [
+        _("input", {
           type: "file",
           ref_key: "files",
-          ref: i,
+          ref: n,
           multiple: "",
           style: { display: "none" },
           onChange: f,
-          accept: n.accept
-        }, null, 40, vt),
-        C(u, {
+          accept: s.accept
+        }, null, 40, zt),
+        P(k, {
           type: "success",
-          size: n.size,
+          size: s.size,
           icon: o(G),
           onClick: d
         }, {
           default: m(() => [
-            k("\u9009\u62E9\u6587\u4EF6")
+            $("\u9009\u62E9\u6587\u4EF6")
           ]),
           _: 1
         }, 8, ["size", "icon"]),
-        C(u, {
+        P(k, {
           type: "success",
-          size: n.size,
-          icon: o(j),
-          onClick: P,
+          size: s.size,
+          icon: o(K),
+          onClick: C,
           disabled: l.value.length == 0
         }, {
           default: m(() => [
-            k("\u4E0A\u4F20\u6587\u4EF6")
+            $("\u4E0A\u4F20\u6587\u4EF6")
           ]),
           _: 1
         }, 8, ["size", "icon", "disabled"]),
-        (r(!0), y(U, null, R(l.value, (v, $) => (r(), y("p", _t, [
-          z("span", zt, q(v.name), 1),
-          C(u, {
+        (r(!0), g(R, null, W(l.value, (E, u) => (r(), g("p", gt, [
+          _("span", yt, N(E.name), 1),
+          P(k, {
             size: "small",
-            icon: o(Fe),
+            icon: o(Ee),
             class: "operation",
             link: "",
-            onClick: (T) => g($)
+            onClick: (x) => z(u)
           }, 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 wt = /* @__PURE__ */ q(xt, [["__scopeId", "data-v-50d3310f"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/UpLoadFiles/index.vue"]]), St = /* @__PURE__ */ B({
   __name: "index",
   props: {
     asideWidth: { type: Number, required: !1, default: 220 },
@@ -694,58 +694,58 @@ const yt = /* @__PURE__ */ B(gt, [["__scopeId", "data-v-50d3310f"], ["__file", "
     horizontal: { type: Boolean, required: !1, default: !1 }
   },
   setup(e) {
-    const a = A();
-    return (s, n) => {
-      const i = _("el-aside"), l = _("el-header"), d = _("el-main"), f = _("el-container");
+    const a = j();
+    return (i, s) => {
+      const n = v("el-aside"), l = v("el-header"), d = v("el-main"), f = v("el-container");
       return r(), h(f, { class: "container" }, {
         default: m(() => [
-          o(a).aside && !e.horizontal ? (r(), h(i, {
+          o(a).aside && !e.horizontal ? (r(), h(n, {
             key: 0,
             class: "aside",
-            style: x("width: " + e.asideWidth + "px;")
+            style: w("width: " + e.asideWidth + "px;")
           }, {
             default: m(() => [
-              w(s.$slots, "aside", {}, void 0, !0)
+              S(i.$slots, "aside", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["style"])) : c("v-if", !0),
           o(a).header && e.horizontal ? (r(), h(l, {
             key: 1,
             class: "inside_header",
-            style: x("height: " + e.headerMaxHeight + "px;")
+            style: w("height: " + e.headerMaxHeight + "px;")
           }, {
             default: m(() => [
-              w(s.$slots, "header", {}, void 0, !0)
+              S(i.$slots, "header", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["style"])) : c("v-if", !0),
-          C(d, { class: "main" }, {
+          P(d, { class: "main" }, {
             default: m(() => [
-              C(f, { class: "inside_container" }, {
+              P(f, { class: "inside_container" }, {
                 default: m(() => [
                   o(a).header && !e.horizontal ? (r(), h(l, {
                     key: 0,
                     class: "inside_header",
-                    style: x("height: " + e.headerMaxHeight + "px;")
+                    style: w("height: " + e.headerMaxHeight + "px;")
                   }, {
                     default: m(() => [
-                      w(s.$slots, "header", {}, void 0, !0)
+                      S(i.$slots, "header", {}, void 0, !0)
                     ]),
                     _: 3
                   }, 8, ["style"])) : c("v-if", !0),
-                  o(a).aside && e.horizontal ? (r(), h(i, {
+                  o(a).aside && e.horizontal ? (r(), h(n, {
                     key: 1,
                     class: "aside",
-                    style: x("width: " + e.asideWidth + "px;")
+                    style: w("width: " + e.asideWidth + "px;")
                   }, {
                     default: m(() => [
-                      w(s.$slots, "aside", {}, void 0, !0)
+                      S(i.$slots, "aside", {}, void 0, !0)
                     ]),
                     _: 3
                   }, 8, ["style"])) : c("v-if", !0),
-                  C(d, { class: "inside_main" }, {
+                  P(d, { class: "inside_main" }, {
                     default: m(() => [
-                      w(s.$slots, "default", {}, void 0, !0)
+                      S(i.$slots, "default", {}, void 0, !0)
                     ]),
                     _: 3
                   })
@@ -761,10 +761,10 @@ 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 bt = /* @__PURE__ */ q(St, [["__scopeId", "data-v-5d747d9d"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/Layout/index.vue"]]), Pt = {
   key: 0,
   class: "header"
-}, bt = { class: "header_title" }, Pt = ["innerHTML"], Ct = { class: "header_title" }, Ft = { class: "pagination" }, kt = /* @__PURE__ */ V({
+}, Ct = { class: "header_title" }, Ft = ["innerHTML"], kt = { class: "header_title" }, Et = { class: "pagination" }, $t = /* @__PURE__ */ B({
   __name: "index",
   props: {
     maxHeight: { type: Number, required: !1, default: 550 },
@@ -795,58 +795,63 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
     hideOnSinglePage: { type: Boolean, required: !1, default: !1 }
   },
   emits: ["row-click", "row-dblclick", "selection-change", "search", "clear", "delete", "edit", "page-index", "page-size", "get-ref"],
-  setup(e, { emit: a }) {
+  setup(e, { expose: a, emit: i }) {
     const s = e;
-    let n = se({
+    let n = le({
       pageIndex: 1,
       pageSize: 5
-    });
-    D();
-    const i = A(), l = (u) => {
-      a("row-click", u);
-    }, d = (u) => {
-      a("row-click", u);
-    }, f = (u) => {
-      a("selection-change", u);
-    }, g = () => {
+    }), l = T();
+    const d = j(), f = (u) => {
+      i("row-click", u);
+    }, z = (u) => {
+      i("row-click", u);
+    }, C = (u) => {
+      i("selection-change", u), console.log(u);
+    }, V = () => {
       if (s.tableColumn.length > 0)
         for (let u = 0; u < s.tableColumn.length; u++) {
-          let v = s.tableColumn[u];
-          n[v.prop] = null;
+          let x = s.tableColumn[u];
+          n[x.prop] = null;
         }
-      a("clear");
-    }, P = () => {
-      a("search", n);
-    }, M = (u) => {
-      a("edit", u);
-    }, S = (u) => {
-      a("delete", u);
+      i("clear");
+    }, y = () => {
+      i("search", n);
     }, F = (u) => {
-      a("get-ref", u);
+      i("edit", u);
+    }, k = (u) => {
+      i("delete", u);
     };
-    return H(
+    I(
       () => n.pageIndex,
-      (u, v) => {
-        a("page-index", Number(u), Number(v));
+      (u, x) => {
+        i("page-index", Number(u), Number(x));
       }
-    ), H(
+    ), I(
       () => n.pageSize,
-      (u, v) => {
-        a("page-size", Number(u), Number(v));
+      (u, x) => {
+        i("page-size", Number(u), Number(x));
       }
-    ), O(() => {
+    );
+    function E(u) {
+      s.tableData.forEach((x) => {
+        u(x) && l.value.toggleRowSelection(x, void 0, !1);
+      });
+    }
+    return A(() => {
       if (s.tableColumn.length > 0)
         for (let u = 0; u < s.tableColumn.length; u++) {
-          let v = s.tableColumn[u];
-          n[v.prop] = null;
+          let x = s.tableColumn[u];
+          n[x.prop] = null;
         }
-    }), (u, v) => {
-      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)
+    }), a({
+      DefaultSelect: E
+    }), (u, x) => {
+      const L = v("el-table-column"), Y = v("el-input"), J = v("el-input-number"), X = v("el-option"), Q = v("el-select"), D = v("el-date-picker"), H = v("el-time-picker"), Z = v("el-switch"), U = v("el-button"), ee = v("el-popconfirm"), te = v("el-table"), ae = v("el-pagination");
+      return r(), g(R, null, [
+        o(d).header ? (r(), g("div", Pt, [
+          S(u.$slots, "header", {}, void 0, !0)
         ])) : c("v-if", !0),
-        C(Z, {
+        P(te, {
           data: e.tableData,
           class: b([e.size && e.size == "small" ? "mini-table" : "table"]),
           "max-height": e.maxHeight,
@@ -854,13 +859,14 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
           stripe: e.stripe,
           border: e.border,
           "highlight-current-row": e.highLight,
-          onRowClick: l,
-          onRowDblclick: d,
-          onSelectionChange: f,
-          ref: (t) => F(t)
+          onRowClick: f,
+          onRowDblclick: z,
+          onSelectionChange: C,
+          ref_key: "tableRef",
+          ref: l
         }, {
           default: m(() => [
-            e.type && e.type == "index" ? (r(), h($, {
+            e.type && e.type == "index" ? (r(), h(L, {
               key: 0,
               align: "center",
               type: "index",
@@ -868,14 +874,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($, {
+            e.type == "selection" ? (r(), h(L, {
               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($, {
+            e.type == "expand" ? (r(), h(L, {
               key: 2,
               align: "center",
               type: "expand",
@@ -884,44 +890,44 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
               label: e.typeLabel
             }, {
               default: m((t) => [
-                w(u.$slots, "expand", {
+                S(u.$slots, "expand", {
                   row: t.row
                 }, void 0, !0)
               ]),
               _: 3
             }, 8, ["width", "fixed", "label"])) : c("v-if", !0),
-            (r(!0), y(U, null, R(e.tableColumn, (t) => (r(), h($, {
+            (r(!0), g(R, null, W(e.tableColumn, (t) => (r(), h(L, {
               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
-            }, ie({
+            }, oe({
               header: m(() => [
-                z("div", bt, q(t.label), 1),
+                _("div", Ct, N(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") ? (r(), h(Y, {
                   key: 0,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
                   size: t.size,
                   clearable: "",
-                  style: x(
+                  style: w(
                     t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
                   ),
                   disabled: t.disabled,
                   placeholder: t.placeholder ? t.placeholder : "\u8BF7\u8F93\u5165" + t.label,
                   class: b([t.align && t.align == "center" ? "center" : ""]),
-                  onKeyup: I(P, ["enter", "native"])
+                  onKeyup: O(y, ["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" ? (r(), h(J, {
                   key: 1,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
                   size: t.size,
                   clearable: "",
-                  style: x(
+                  style: w(
                     t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
                   ),
                   disabled: t.disabled,
@@ -930,17 +936,17 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                   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(P, ["enter", "native"])
+                  onKeyup: O(y, ["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" ? (r(), h(Q, {
                   key: 2,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
                   size: t.size,
                   clearable: "",
                   filterable: "",
-                  style: x(
+                  style: w(
                     t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
                   ),
                   disabled: t.disabled,
@@ -950,7 +956,7 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                   class: b([t.align && t.align == "center" ? "center" : ""])
                 }, {
                   default: m(() => [
-                    (r(!0), y(U, null, R(t.options, (p) => (r(), h(Y, {
+                    (r(!0), g(R, null, W(t.options, (p) => (r(), h(X, {
                       label: p.label ? p.label : p.value,
                       value: p.value,
                       disabled: p.disabled
@@ -959,23 +965,23 @@ 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(L, {
+                t.search && t.type == "date" ? (r(), h(D, {
                   key: 3,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
                   type: "date",
-                  style: x(t.searchWidth ? "width: " + t.searchWidth + "px;" : ""),
+                  style: w(t.searchWidth ? "width: " + t.searchWidth + "px;" : ""),
                   placeholder: t.placeholder ? t.placeholder : "\u8BF7\u9009\u62E9\u65E5\u671F",
                   size: t.size,
                   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" ? (r(), h(H, {
                   key: 4,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
                   "arrow-control": "",
-                  style: x(
+                  style: w(
                     t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
                   ),
                   placeholder: t.placeholder ? t.placeholder : "\u8BF7\u9009\u62E9\u65F6\u95F4",
@@ -983,12 +989,12 @@ 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(L, {
+                t.search && t.type == "datetime" ? (r(), h(D, {
                   key: 5,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
                   type: "datetime",
-                  style: x(
+                  style: w(
                     t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
                   ),
                   placeholder: t.placeholder ? t.placeholder : "\u8BF7\u9009\u62E9\u65E5\u671F\u65F6\u95F4",
@@ -996,7 +1002,7 @@ 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(L, {
+                t.search && t.type == "daterange" ? (r(), h(D, {
                   key: 6,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
@@ -1004,14 +1010,14 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                   "range-separator": "-",
                   "start-placeholder": t.placeholder ? t.placeholder.split("&&")[0] : "\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F",
                   "end-placeholder": t.placeholder ? t.placeholder.split("&&")[1] : "\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F",
-                  style: x(
+                  style: w(
                     t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
                   ),
                   size: t.size,
                   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" ? (r(), h(H, {
                   key: 7,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
@@ -1020,14 +1026,14 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                   "range-separator": "-",
                   "start-placeholder": t.placeholder ? t.placeholder.split("&&")[0] : "\u8BF7\u9009\u62E9\u5F00\u59CB\u65F6\u95F4",
                   "end-placeholder": t.placeholder ? t.placeholder.split("&&")[1] : "\u8BF7\u9009\u62E9\u7ED3\u675F\u65F6\u95F4",
-                  style: x(
+                  style: w(
                     t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
                   ),
                   size: t.size,
                   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(L, {
+                t.search && t.type == "datetimerange" ? (r(), h(D, {
                   key: 8,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
@@ -1035,14 +1041,14 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                   "range-separator": "-",
                   "start-placeholder": t.placeholder ? t.placeholder.split("&&")[0] : "\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F\u65F6\u95F4",
                   "end-placeholder": t.placeholder ? t.placeholder.split("&&")[1] : "\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F\u65F6\u95F4",
-                  style: x(
+                  style: w(
                     t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"
                   ),
                   size: t.size,
                   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" ? (r(), h(Z, {
                   key: 9,
                   modelValue: o(n)[t.prop],
                   "onUpdate:modelValue": (p) => o(n)[t.prop] = p,
@@ -1057,96 +1063,96 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
               t.costom ? {
                 name: "default",
                 fn: m((p) => [
-                  z("span", {
+                  _("span", {
                     innerHTML: t.costom ? t.costom(p.row) : ""
-                  }, null, 8, Pt)
+                  }, null, 8, Ft)
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["prop", "width", "fixed", "align", "show-overflow-tooltip"]))), 256)),
-            e.operate ? (r(), h($, {
+            e.operate ? (r(), h(L, {
               key: 3,
               align: "center",
               width: e.operateWidth ? e.operateWidth : "",
               fixed: e.operateIsFixed ? "right" : !1
             }, {
               header: m(() => [
-                z("div", Ct, q(e.operateLabel), 1),
-                w(u.$slots, "operate-front", {}, void 0, !0),
-                e.search ? (r(), h(N, {
+                _("div", kt, N(e.operateLabel), 1),
+                S(u.$slots, "operate-front", {}, void 0, !0),
+                e.search ? (r(), h(U, {
                   key: 0,
                   type: "primary",
                   size: e.operateSize,
-                  icon: o(nt),
-                  onClick: P
+                  icon: o(st),
+                  onClick: y
                 }, {
                   default: m(() => [
-                    k("\u641C\u7D22")
+                    $("\u641C\u7D22")
                   ]),
                   _: 1
                 }, 8, ["size", "icon"])) : c("v-if", !0),
-                w(u.$slots, "operate-middle", {}, void 0, !0),
-                e.clear ? (r(), h(N, {
+                S(u.$slots, "operate-middle", {}, void 0, !0),
+                e.clear ? (r(), h(U, {
                   key: 1,
                   type: "info",
                   size: e.operateSize,
-                  icon: o(xe),
-                  onClick: g
+                  icon: o(Se),
+                  onClick: V
                 }, {
                   default: m(() => [
-                    k("\u6E05\u7A7A")
+                    $("\u6E05\u7A7A")
                   ]),
                   _: 1
                 }, 8, ["size", "icon"])) : c("v-if", !0),
-                w(u.$slots, "operate", {}, void 0, !0)
+                S(u.$slots, "operate", {}, void 0, !0)
               ]),
               default: m((t) => [
-                w(u.$slots, "row-operate-front", {
+                S(u.$slots, "row-operate-front", {
                   row: t.row
                 }, void 0, !0),
-                e.edit ? (r(), h(N, {
+                e.edit ? (r(), h(U, {
                   key: 0,
                   link: "",
                   type: "primary",
                   size: e.rowButtonSize,
-                  icon: o(Ge),
-                  onClick: (p) => M(t.row)
+                  icon: o(Ke),
+                  onClick: (p) => F(t.row)
                 }, {
                   default: m(() => [
-                    k("\u4FEE\u6539")
+                    $("\u4FEE\u6539")
                   ]),
                   _: 2
                 }, 1032, ["size", "icon", "onClick"])) : c("v-if", !0),
-                w(u.$slots, "row-operate-middle", {
+                S(u.$slots, "row-operate-middle", {
                   row: t.row
                 }, void 0, !0),
-                e.delete ? (r(), h(Q, {
+                e.delete ? (r(), h(ee, {
                   key: 1,
                   "confirm-button-text": "\u5426",
                   "cancel-button-text": "\u662F",
                   "confirm-button-type": "text",
                   "cancel-button-type": "danger",
-                  icon: o(Be),
+                  icon: o(Le),
                   width: "auto",
-                  onCancel: (p) => S(t.row),
+                  onCancel: (p) => k(t.row),
                   title: e.deleteTitle ? e.deleteTitle : "\u662F\u5426\u8981\u5220\u9664\u5F53\u524D\u884C\uFF1F"
                 }, {
                   reference: m(() => [
-                    C(N, {
+                    P(U, {
                       link: "",
                       type: "danger",
                       size: e.rowButtonSize,
-                      icon: o(Re)
+                      icon: o(We)
                     }, {
                       default: m(() => [
-                        k("\u5220\u9664")
+                        $("\u5220\u9664")
                       ]),
                       _: 1
                     }, 8, ["size", "icon"])
                   ]),
                   _: 2
                 }, 1032, ["icon", "onCancel", "title"])) : c("v-if", !0),
-                w(u.$slots, "row-operate", {
+                S(u.$slots, "row-operate", {
                   row: t.row
                 }, void 0, !0)
               ]),
@@ -1155,13 +1161,13 @@ const wt = /* @__PURE__ */ B(xt, [["__scopeId", "data-v-5d747d9d"], ["__file", "
           ]),
           _: 3
         }, 8, ["data", "class", "max-height", "size", "stripe", "border", "highlight-current-row"]),
-        z("div", Ft, [
-          e.pagination ? (r(), h(ee, {
+        _("div", Et, [
+          e.pagination ? (r(), h(ae, {
             key: 0,
             "current-page": o(n).pageIndex,
-            "onUpdate:current-page": v[0] || (v[0] = (t) => o(n).pageIndex = t),
+            "onUpdate:current-page": x[0] || (x[0] = (t) => o(n).pageIndex = t),
             "page-size": o(n).pageSize,
-            "onUpdate:page-size": v[1] || (v[1] = (t) => o(n).pageSize = t),
+            "onUpdate:page-size": x[1] || (x[1] = (t) => o(n).pageSize = t),
             small: e.small,
             "hide-on-Single-page": e.hideOnSinglePage,
             background: "",
@@ -1175,17 +1181,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 Mt = /* @__PURE__ */ q($t, [["__scopeId", "data-v-f4c855de"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/TableForm/index.vue"]]), Bt = {
   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", me), e.component("Pane", ve), e.component("UpLoadFile", _t), e.component("Layout", bt), e.component("TableForm", Mt), e.component("UpLoadFiles", wt);
   }
 };
 export {
-  wt as Layout,
-  me as Pane,
-  pe as SplitPanes,
-  Et as TableForm,
-  ft as UpLoadFile,
-  yt as UpLoadFiles,
-  Mt as default
+  bt as Layout,
+  ve as Pane,
+  me as SplitPanes,
+  Mt as TableForm,
+  _t as UpLoadFile,
+  wt as UpLoadFiles,
+  Bt as default
 };