dld-vue-ui 0.0.9 → 0.1.1

package/dist/dld-vue-ui.js

@@ -1,5 +1,5 @@
-import { h as E, openBlock as u, createElementBlock as m, normalizeStyle as v, renderSlot as f, defineComponent as x, createBlock as w, unref as d, withCtx as p, createElementVNode as c, ref as b, onMounted as k, resolveComponent as N, createVNode as g, createTextVNode as y, withDirectives as $, vShow as R, toDisplayString as M } from "vue";
-const D = {
+import { h as Y, openBlock as r, createElementBlock as y, normalizeStyle as _, renderSlot as g, defineComponent as k, createBlock as h, unref as d, withCtx as m, createElementVNode as x, ref as J, onMounted as R, resolveComponent as v, createVNode as b, createTextVNode as F, withDirectives as X, vShow as K, toDisplayString as D, useSlots as T, createCommentVNode as u, reactive as Q, Fragment as N, normalizeClass as w, renderList as L } from "vue";
+const Z = {
   name: "splitpanes",
   emits: ["ready", "resize", "resized", "pane-click", "pane-maximize", "pane-add", "pane-remove", "splitter-click"],
   props: {
@@ -36,7 +36,7 @@ const D = {
       return this.panes.length;
     },
     indexedPanes() {
-      return this.panes.reduce((e, t) => (e[t.id] = t) && e, {});
+      return this.panes.reduce((e, a) => (e[a.id] = a) && e, {});
     }
   },
   methods: {
@@ -53,178 +53,178 @@ const D = {
     unbindEvents() {
       document.removeEventListener("mousemove", this.onMouseMove, { passive: !1 }), document.removeEventListener("mouseup", this.onMouseUp), "ontouchstart" in window && (document.removeEventListener("touchmove", this.onMouseMove, { passive: !1 }), document.removeEventListener("touchend", this.onMouseUp));
     },
-    onMouseDown(e, t) {
-      this.bindEvents(), this.touch.mouseDown = !0, this.touch.activeSplitter = t;
+    onMouseDown(e, a) {
+      this.bindEvents(), this.touch.mouseDown = !0, this.touch.activeSplitter = a;
     },
     onMouseMove(e) {
-      this.touch.mouseDown && (e.preventDefault(), this.touch.dragging = !0, this.calculatePanesSize(this.getCurrentMouseDrag(e)), this.$emit("resize", this.panes.map((t) => ({ min: t.min, max: t.max, size: t.size }))));
+      this.touch.mouseDown && (e.preventDefault(), this.touch.dragging = !0, this.calculatePanesSize(this.getCurrentMouseDrag(e)), this.$emit("resize", this.panes.map((a) => ({ min: a.min, max: a.max, size: a.size }))));
     },
     onMouseUp() {
       this.touch.dragging && this.$emit("resized", this.panes.map((e) => ({ min: e.min, max: e.max, size: e.size }))), this.touch.mouseDown = !1, setTimeout(() => {
         this.touch.dragging = !1, this.unbindEvents();
       }, 100);
     },
-    onSplitterClick(e, t) {
-      "ontouchstart" in window && (e.preventDefault(), this.dblClickSplitter && (this.splitterTaps.splitter === t ? (clearTimeout(this.splitterTaps.timeoutId), this.splitterTaps.timeoutId = null, this.onSplitterDblClick(e, t), this.splitterTaps.splitter = null) : (this.splitterTaps.splitter = t, this.splitterTaps.timeoutId = setTimeout(() => {
+    onSplitterClick(e, a) {
+      "ontouchstart" in window && (e.preventDefault(), this.dblClickSplitter && (this.splitterTaps.splitter === a ? (clearTimeout(this.splitterTaps.timeoutId), this.splitterTaps.timeoutId = null, this.onSplitterDblClick(e, a), this.splitterTaps.splitter = null) : (this.splitterTaps.splitter = a, this.splitterTaps.timeoutId = setTimeout(() => {
         this.splitterTaps.splitter = null;
-      }, 500)))), this.touch.dragging || this.$emit("splitter-click", this.panes[t]);
+      }, 500)))), this.touch.dragging || this.$emit("splitter-click", this.panes[a]);
     },
-    onSplitterDblClick(e, t) {
-      let n = 0;
-      this.panes = this.panes.map((s, i) => (s.size = i === t ? s.max : s.min, i !== t && (n += s.min), s)), this.panes[t].size -= n, this.$emit("pane-maximize", this.panes[t]), this.$emit("resized", this.panes.map((s) => ({ min: s.min, max: s.max, size: s.size })));
+    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 })));
     },
-    onPaneClick(e, t) {
-      this.$emit("pane-click", this.indexedPanes[t]);
+    onPaneClick(e, a) {
+      this.$emit("pane-click", this.indexedPanes[a]);
     },
     getCurrentMouseDrag(e) {
-      const t = this.container.getBoundingClientRect(), { clientX: n, clientY: s } = "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: n - t.left,
-        y: s - t.top
+        x: s - a.left,
+        y: n - a.top
       };
     },
     getCurrentDragPercentage(e) {
       e = e[this.horizontal ? "y" : "x"];
-      const t = this.container[this.horizontal ? "clientHeight" : "clientWidth"];
-      return this.rtl && !this.horizontal && (e = t - e), e * 100 / t;
+      const a = this.container[this.horizontal ? "clientHeight" : "clientWidth"];
+      return this.rtl && !this.horizontal && (e = a - e), e * 100 / a;
     },
     calculatePanesSize(e) {
-      const t = this.touch.activeSplitter;
-      let n = {
-        prevPanesSize: this.sumPrevPanesSize(t),
-        nextPanesSize: this.sumNextPanesSize(t),
+      const a = this.touch.activeSplitter;
+      let s = {
+        prevPanesSize: this.sumPrevPanesSize(a),
+        nextPanesSize: this.sumNextPanesSize(a),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const s = 0 + (this.pushOtherPanes ? 0 : n.prevPanesSize), i = 100 - (this.pushOtherPanes ? 0 : n.nextPanesSize), a = Math.max(Math.min(this.getCurrentDragPercentage(e), i), s);
-      let o = [t, t + 1], r = this.panes[o[0]] || null, l = this.panes[o[1]] || null;
-      const h = r.max < 100 && a >= r.max + n.prevPanesSize, P = l.max < 100 && a <= 100 - (l.max + this.sumNextPanesSize(t + 1));
-      if (h || P) {
-        h ? (r.size = r.max, l.size = Math.max(100 - r.max - n.prevPanesSize - n.nextPanesSize, 0)) : (r.size = Math.max(100 - l.max - n.prevPanesSize - this.sumNextPanesSize(t + 1), 0), l.size = l.max);
+      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 o = [a, a + 1], f = this.panes[o[0]] || null, z = this.panes[o[1]] || null;
+      const P = f.max < 100 && l >= f.max + s.prevPanesSize, $ = z.max < 100 && l <= 100 - (z.max + this.sumNextPanesSize(a + 1));
+      if (P || $) {
+        P ? (f.size = f.max, z.size = Math.max(100 - f.max - s.prevPanesSize - s.nextPanesSize, 0)) : (f.size = Math.max(100 - z.max - s.prevPanesSize - this.sumNextPanesSize(a + 1), 0), z.size = z.max);
         return;
       }
       if (this.pushOtherPanes) {
-        const z = this.doPushOtherPanes(n, a);
-        if (!z)
+        const C = this.doPushOtherPanes(s, l);
+        if (!C)
           return;
-        ({ sums: n, panesToResize: o } = z), r = this.panes[o[0]] || null, l = this.panes[o[1]] || null;
+        ({ sums: s, panesToResize: o } = C), f = this.panes[o[0]] || null, z = this.panes[o[1]] || null;
       }
-      r !== null && (r.size = Math.min(Math.max(a - n.prevPanesSize - n.prevReachedMinPanes, r.min), r.max)), l !== null && (l.size = Math.min(Math.max(100 - a - n.nextPanesSize - n.nextReachedMinPanes, l.min), l.max));
-    },
-    doPushOtherPanes(e, t) {
-      const n = this.touch.activeSplitter, s = [n, n + 1];
-      return t < e.prevPanesSize + this.panes[s[0]].min && (s[0] = this.findPrevExpandedPane(n).index, e.prevReachedMinPanes = 0, s[0] < n && this.panes.forEach((i, a) => {
-        a > s[0] && a <= n && (i.size = i.min, e.prevReachedMinPanes += i.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((i, a) => {
-        a > 0 && a <= n && (i.size = i.min, e.prevReachedMinPanes += i.min);
-      }), this.panes[s[1]].size = 100 - e.prevReachedMinPanes - this.panes[0].min - e.prevPanesSize - e.nextPanesSize, null) : t > 100 - e.nextPanesSize - this.panes[s[1]].min && (s[1] = this.findNextExpandedPane(n).index, e.nextReachedMinPanes = 0, s[1] > n + 1 && this.panes.forEach((i, a) => {
-        a > n && a < s[1] && (i.size = i.min, e.nextReachedMinPanes += i.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((i, a) => {
-        a < this.panesCount - 1 && a >= n + 1 && (i.size = i.min, e.nextReachedMinPanes += i.min);
-      }), this.panes[s[0]].size = 100 - e.prevPanesSize - e.nextReachedMinPanes - this.panes[this.panesCount - 1].min - e.nextPanesSize, null) : { sums: e, panesToResize: s };
+      f !== null && (f.size = Math.min(Math.max(l - s.prevPanesSize - s.prevReachedMinPanes, f.min), f.max)), z !== null && (z.size = Math.min(Math.max(100 - l - s.nextPanesSize - s.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 };
     },
     sumPrevPanesSize(e) {
-      return this.panes.reduce((t, n, s) => t + (s < e ? n.size : 0), 0);
+      return this.panes.reduce((a, s, n) => a + (n < e ? s.size : 0), 0);
     },
     sumNextPanesSize(e) {
-      return this.panes.reduce((t, n, s) => t + (s > e + 1 ? n.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((t) => t.index < e && t.size > t.min) || {};
+      return [...this.panes].reverse().find((a) => a.index < e && a.size > a.min) || {};
     },
     findNextExpandedPane(e) {
-      return this.panes.find((t) => t.index > e + 1 && t.size > t.min) || {};
+      return this.panes.find((a) => a.index > e + 1 && a.size > a.min) || {};
     },
     checkSplitpanesNodes() {
       Array.from(this.container.children).forEach((e) => {
-        const t = e.classList.contains("splitpanes__pane"), n = e.classList.contains("splitpanes__splitter");
-        !t && !n && (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, t, n = !1) {
-      const s = e - 1, i = document.createElement("div");
-      i.classList.add("splitpanes__splitter"), n || (i.onmousedown = (a) => this.onMouseDown(a, s), typeof window < "u" && "ontouchstart" in window && (i.ontouchstart = (a) => this.onMouseDown(a, s)), i.onclick = (a) => this.onSplitterClick(a, s + 1)), this.dblClickSplitter && (i.ondblclick = (a) => this.onSplitterDblClick(a, s + 1)), t.parentNode.insertBefore(i, t);
+    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((n) => {
-        n.className.includes("splitpanes__splitter") && this.removeSplitter(n);
+      e.forEach((s) => {
+        s.className.includes("splitpanes__splitter") && this.removeSplitter(s);
       });
-      let t = 0;
-      e.forEach((n) => {
-        n.className.includes("splitpanes__pane") && (!t && this.firstSplitter ? this.addSplitter(t, n, !0) : t && this.addSplitter(t, n), t++);
+      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++);
       });
     },
-    requestUpdate({ target: e, ...t }) {
-      const n = this.indexedPanes[e._.uid];
-      Object.entries(t).forEach(([s, i]) => n[s] = i);
+    requestUpdate({ target: e, ...a }) {
+      const s = this.indexedPanes[e._.uid];
+      Object.entries(a).forEach(([n, i]) => s[n] = i);
     },
     onPaneAdd(e) {
-      let t = -1;
-      Array.from(e.$el.parentNode.children).some((i) => (i.className.includes("splitpanes__pane") && t++, i === e.$el));
-      const n = parseFloat(e.minSize), s = parseFloat(e.maxSize);
-      this.panes.splice(t, 0, {
+      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);
+      this.panes.splice(a, 0, {
         id: e._.uid,
-        index: t,
-        min: isNaN(n) ? 0 : n,
-        max: isNaN(s) ? 100 : s,
+        index: a,
+        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((i, a) => i.index = a), this.ready && this.$nextTick(() => {
-        this.redoSplitters(), this.resetPaneSizes({ addedPane: this.panes[t] }), this.$emit("pane-add", { index: t, panes: this.panes.map((i) => ({ min: i.min, max: i.max, size: i.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 t = this.panes.findIndex((s) => s.id === e._.uid), n = this.panes.splice(t, 1)[0];
-      this.panes.forEach((s, i) => s.index = i), this.$nextTick(() => {
-        this.redoSplitters(), this.resetPaneSizes({ removedPane: { ...n, index: t } }), this.$emit("pane-remove", { removed: n, panes: this.panes.map((s) => ({ min: s.min, max: s.max, size: s.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 = {}) {
-      !e.addedPane && !e.removedPane ? this.initialPanesSizing() : this.panes.some((t) => t.givenSize !== null || t.min || t.max < 100) ? this.equalizeAfterAddOrRemove(e) : this.equalize(), this.ready && this.$emit("resized", this.panes.map((t) => ({ min: t.min, max: t.max, size: t.size })));
+      !e.addedPane && !e.removedPane ? this.initialPanesSizing() : this.panes.some((a) => a.givenSize !== null || a.min || a.max < 100) ? this.equalizeAfterAddOrRemove(e) : this.equalize(), this.ready && this.$emit("resized", this.panes.map((a) => ({ min: a.min, max: a.max, size: a.size })));
     },
     equalize() {
       const e = 100 / this.panesCount;
-      let t = 0;
-      const n = [], s = [];
+      let a = 0;
+      const s = [], n = [];
       this.panes.forEach((i) => {
-        i.size = Math.max(Math.min(e, i.max), i.min), t -= i.size, i.size >= i.max && n.push(i.id), i.size <= i.min && s.push(i.id);
-      }), t > 0.1 && this.readjustSizes(t, n, s);
+        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 t = [], n = [];
-      let s = 0;
-      this.panes.forEach((a) => {
-        e -= a.size, a.size !== null && s++, a.size >= a.max && t.push(a.id), a.size <= a.min && n.push(a.id);
+      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 && s.push(l.id);
       });
       let i = 100;
-      e > 0.1 && (this.panes.forEach((a) => {
-        a.size === null && (a.size = Math.max(Math.min(e / (this.panesCount - s), a.max), a.min)), i -= a.size;
-      }), i > 0.1 && this.readjustSizes(e, t, n));
-    },
-    equalizeAfterAddOrRemove({ addedPane: e, removedPane: t } = {}) {
-      let n = 100 / this.panesCount, s = 0;
-      const i = [], a = [];
-      e && e.givenSize !== null && (n = (100 - e.givenSize) / (this.panesCount - 1)), this.panes.forEach((o) => {
-        s -= o.size, o.size >= o.max && i.push(o.id), o.size <= o.min && a.push(o.id);
-      }), !(Math.abs(s) < 0.1) && (this.panes.forEach((o) => {
-        e && e.givenSize !== null && e.id === o.id || (o.size = Math.max(Math.min(n, o.max), o.min)), s -= o.size, o.size >= o.max && i.push(o.id), o.size <= o.min && a.push(o.id);
-      }), s > 0.1 && this.readjustSizes(s, i, a));
-    },
-    readjustSizes(e, t, n) {
-      let s;
-      e > 0 ? s = e / (this.panesCount - t.length) : s = e / (this.panesCount - n.length), this.panes.forEach((i, a) => {
-        if (e > 0 && !t.includes(i.id)) {
-          const o = Math.max(Math.min(i.size + s, i.max), i.min), r = o - i.size;
-          e -= r, i.size = o;
-        } else if (!n.includes(i.id)) {
-          const o = Math.max(Math.min(i.size + s, i.max), i.min), r = o - i.size;
-          e -= r, i.size = o;
+      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));
+    },
+    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((o) => {
+        n -= o.size, o.size >= o.max && i.push(o.id), o.size <= o.min && l.push(o.id);
+      }), !(Math.abs(n) < 0.1) && (this.panes.forEach((o) => {
+        e && e.givenSize !== null && e.id === o.id || (o.size = Math.max(Math.min(s, o.max), o.min)), n -= o.size, o.size >= o.max && i.push(o.id), o.size <= o.min && l.push(o.id);
+      }), n > 0.1 && this.readjustSizes(n, i, 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 o = Math.max(Math.min(i.size + n, i.max), i.min), f = o - i.size;
+          e -= f, i.size = o;
+        } else if (!s.includes(i.id)) {
+          const o = Math.max(Math.min(i.size + n, i.max), i.min), f = o - i.size;
+          e -= f, i.size = o;
         }
         i.update({
           [this.horizontal ? "height" : "width"]: `${this.indexedPanes[i.id].size}%`
@@ -249,8 +249,8 @@ const D = {
       this.redoSplitters();
     },
     dblClickSplitter(e) {
-      [...this.container.querySelectorAll(".splitpanes__splitter")].forEach((t, n) => {
-        t.ondblclick = e ? (s) => this.onSplitterDblClick(s, n) : 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 D = {
     this.container = this.$refs.container, this.checkSplitpanesNodes(), this.redoSplitters(), this.resetPaneSizes(), this.$emit("ready"), this.ready = !0;
   },
   render() {
-    return E(
+    return Y(
       "div",
       {
         ref: "container",
@@ -276,12 +276,12 @@ const D = {
       this.$slots.default()
     );
   }
-}, T = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [s, i] of t)
-    n[s] = i;
-  return n;
-}, q = {
+}, ee = (e, a) => {
+  const s = e.__vccOpts || e;
+  for (const [n, i] of a)
+    s[n] = i;
+  return s;
+}, te = {
   name: "pane",
   inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
   props: {
@@ -326,113 +326,191 @@ const D = {
     }
   }
 };
-function O(e, t, n, s, i, a) {
-  return u(), m("div", {
+function ae(e, a, s, n, i, l) {
+  return r(), y("div", {
     class: "splitpanes__pane",
-    onClick: t[0] || (t[0] = (o) => a.onPaneClick(o, e._.uid)),
-    style: v(e.style)
+    onClick: a[0] || (a[0] = (o) => l.onPaneClick(o, e._.uid)),
+    style: _(e.style)
   }, [
-    f(e.$slots, "default")
+    g(e.$slots, "default")
   ], 4);
 }
-const U = /* @__PURE__ */ T(q, [["render", O]]);
-const L = /* @__PURE__ */ x({
+const ne = /* @__PURE__ */ ee(te, [["render", ae]]);
+const se = /* @__PURE__ */ k({
   __name: "index",
   props: {
     styles: { type: Object, required: !1, default: () => ({ width: "100%", height: "100%" }) },
     horizontal: { type: Boolean, required: !1, default: !1 }
   },
   setup(e) {
-    return (t, n) => (u(), w(d(D), {
+    return (a, s) => (r(), h(d(Z), {
       horizontal: e.horizontal,
-      style: v(e.styles),
+      style: _(e.styles),
       class: "splitpanes"
     }, {
-      default: p(() => [
-        f(t.$slots, "default", {}, void 0, !0)
+      default: m(() => [
+        g(a.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["horizontal", "style"]));
   }
 });
-const _ = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [s, i] of t)
-    n[s] = i;
-  return n;
-}, A = /* @__PURE__ */ _(L, [["__scopeId", "data-v-4226b5d2"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/index.vue"]]), F = /* @__PURE__ */ x({
+const M = (e, a) => {
+  const s = e.__vccOpts || e;
+  for (const [n, i] of a)
+    s[n] = i;
+  return s;
+}, ie = /* @__PURE__ */ M(se, [["__scopeId", "data-v-4226b5d2"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/index.vue"]]), le = /* @__PURE__ */ k({
   __name: "pane",
   props: {
     styles: { type: Object, required: !0, default: () => ({ background: "#ececec" }) }
   },
   setup(e) {
-    return (t, n) => (u(), w(d(U), {
-      style: v(e.styles)
+    return (a, s) => (r(), h(d(ne), {
+      style: _(e.styles)
     }, {
-      default: p(() => [
-        f(t.$slots, "default")
+      default: m(() => [
+        g(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), B = /* @__PURE__ */ _(F, [["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/pane.vue"]]);
+}), oe = /* @__PURE__ */ M(le, [["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/pane.vue"]]);
 /*! Element Plus Icons Vue v2.0.10 */
-var C = (e, t) => {
-  let n = e.__vccOpts || e;
-  for (let [s, i] of t)
-    n[s] = i;
-  return n;
-}, j = {
+var S = (e, a) => {
+  let s = e.__vccOpts || e;
+  for (let [n, i] of a)
+    s[n] = i;
+  return s;
+}, re = {
+  name: "CircleClose"
+}, de = {
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+}, ue = /* @__PURE__ */ x("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), ce = /* @__PURE__ */ x("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), he = [
+  ue,
+  ce
+];
+function pe(e, a, s, n, i, l) {
+  return r(), y("svg", de, he);
+}
+var me = /* @__PURE__ */ S(re, [["render", pe], ["__file", "circle-close.vue"]]), fe = {
+  name: "DeleteFilled"
+}, ve = {
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+}, _e = /* @__PURE__ */ x("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), ze = [
+  _e
+];
+function ye(e, a, s, n, i, l) {
+  return r(), y("svg", ve, ze);
+}
+var xe = /* @__PURE__ */ S(fe, [["render", ye], ["__file", "delete-filled.vue"]]), ge = {
+  name: "Delete"
+}, we = {
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+}, be = /* @__PURE__ */ x("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), Se = [
+  be
+];
+function Pe(e, a, s, n, i, l) {
+  return r(), y("svg", we, Se);
+}
+var Fe = /* @__PURE__ */ S(ge, [["render", Pe], ["__file", "delete.vue"]]), Ce = {
+  name: "Edit"
+}, Ee = {
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+}, ke = /* @__PURE__ */ x("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), Me = /* @__PURE__ */ x("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), $e = [
+  ke,
+  Me
+];
+function Ve(e, a, s, n, i, l) {
+  return r(), y("svg", Ee, $e);
+}
+var Be = /* @__PURE__ */ S(Ce, [["render", Ve], ["__file", "edit.vue"]]), qe = {
   name: "FolderOpened"
-}, I = {
+}, De = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, H = /* @__PURE__ */ c("path", {
+}, Ne = /* @__PURE__ */ x("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), G = [
-  H
+}, null, -1), Ue = [
+  Ne
+];
+function Le(e, a, s, n, i, l) {
+  return r(), y("svg", De, Ue);
+}
+var Re = /* @__PURE__ */ S(qe, [["render", Le], ["__file", "folder-opened.vue"]]), Te = {
+  name: "Search"
+}, We = {
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+}, He = /* @__PURE__ */ x("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), Ae = [
+  He
 ];
-function V(e, t, n, s, i, a) {
-  return u(), m("svg", I, G);
+function Ie(e, a, s, n, i, l) {
+  return r(), y("svg", We, Ae);
 }
-var Y = /* @__PURE__ */ C(j, [["render", V], ["__file", "folder-opened.vue"]]), J = {
+var Oe = /* @__PURE__ */ S(Te, [["render", Ie], ["__file", "search.vue"]]), Ge = {
   name: "Upload"
-}, W = {
+}, je = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, X = /* @__PURE__ */ c("path", {
+}, Ye = /* @__PURE__ */ x("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), K = [
-  X
+}, null, -1), Je = [
+  Ye
 ];
-function Q(e, t, n, s, i, a) {
-  return u(), m("svg", W, K);
+function Xe(e, a, s, n, i, l) {
+  return r(), y("svg", je, Je);
 }
-var Z = /* @__PURE__ */ C(J, [["render", Q], ["__file", "upload.vue"]]), ee = function() {
-  function e(t) {
-    if (!t)
+var Ke = /* @__PURE__ */ S(Ge, [["render", Xe], ["__file", "upload.vue"]]), Qe = function() {
+  function e(a) {
+    if (!a)
       throw new TypeError("Invalid argument; `value` has no value.");
-    this.value = e.EMPTY, t && e.isGuid(t) && (this.value = t);
+    this.value = e.EMPTY, a && e.isGuid(a) && (this.value = a);
   }
-  return e.isGuid = function(t) {
-    var n = t.toString();
-    return t && (t instanceof e || e.validator.test(n));
+  return e.isGuid = function(a) {
+    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() {
     return new e("emptyguid");
-  }, e.parse = function(t) {
-    return new e(t);
+  }, e.parse = function(a) {
+    return new e(a);
   }, e.raw = function() {
     return [e.gen(2), e.gen(1), e.gen(1), e.gen(1), e.gen(3)].join("-");
-  }, e.gen = function(t) {
-    for (var n = "", s = 0; s < t; s++)
-      n += ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
-    return n;
-  }, e.prototype.equals = function(t) {
-    return e.isGuid(t) && this.value === t.toString();
+  }, e.gen = function(a) {
+    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() {
     return this.value === e.EMPTY;
   }, e.prototype.toString = function() {
@@ -442,82 +520,497 @@ var Z = /* @__PURE__ */ C(J, [["render", Q], ["__file", "upload.vue"]]), ee = fu
       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;
-}(), te = ee;
-const ie = { style: {} }, ne = ["id"], se = { class: "filename" }, ae = /* @__PURE__ */ x({
+}(), Ze = Qe;
+const et = { style: {} }, tt = ["id"], at = { class: "filename" }, nt = /* @__PURE__ */ k({
   __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: Z },
+    icon: { type: null, required: !1, default: Ke },
     type: { type: null, required: !1, default: "success" }
   },
   emits: ["upload"],
-  setup(e, { expose: t, emit: n }) {
-    let s = te.create().toString(), i, a = b("");
+  setup(e, { expose: a, emit: s }) {
+    let n = Ze.create().toString(), i, l = J("");
     function o() {
       i.click();
     }
-    function r() {
-      a.value = i.value;
+    function f() {
+      l.value = i.value;
     }
-    function l() {
-      i.files !== null && n("upload", i.files[0]);
+    function z() {
+      i.files !== null && s("upload", i.files[0]);
     }
-    function h() {
-      i.value = "", a.value = "";
+    function P() {
+      i.value = "", l.value = "";
     }
-    return k(() => {
-      i = document.getElementById(s);
-    }), t({
-      Clear: h
-    }), (P, z) => {
-      const S = N("el-button");
-      return u(), m("div", ie, [
-        g(S, {
+    return R(() => {
+      i = document.getElementById(n);
+    }), a({
+      Clear: P
+    }), ($, C) => {
+      const p = v("el-button");
+      return r(), y("div", et, [
+        b(p, {
           type: e.type,
-          icon: d(Y),
+          icon: d(Re),
           size: e.size,
           class: "btn",
           onClick: o
         }, {
-          default: p(() => [
-            y("\u9009\u62E9\u6587\u4EF6")
+          default: m(() => [
+            F("\u9009\u62E9\u6587\u4EF6")
           ]),
           _: 1
         }, 8, ["type", "icon", "size"]),
-        $(c("input", {
+        X(x("input", {
           type: "file",
-          id: d(s),
-          onChange: r
-        }, null, 40, ne), [
-          [R, !1]
+          id: d(n),
+          onChange: f
+        }, null, 40, tt), [
+          [K, !1]
         ]),
-        c("span", se, M(d(a)), 1),
-        g(S, {
+        x("span", at, D(d(l)), 1),
+        b(p, {
           type: e.type,
           icon: e.icon,
           size: e.size,
-          disabled: d(a) == null || d(a) == "",
+          disabled: d(l) == null || d(l) == "",
           class: "btn",
-          onClick: l
+          title: d(l) == null || d(l) == "" ? "\u8BF7\u9009\u62E9\u6587\u4EF6" : "",
+          onClick: z
         }, {
-          default: p(() => [
-            y(M(e.name), 1)
+          default: m(() => [
+            F(D(e.name), 1)
           ]),
           _: 1
-        }, 8, ["type", "icon", "size", "disabled"])
+        }, 8, ["type", "icon", "size", "disabled", "title"])
       ]);
     };
   }
 });
-const oe = /* @__PURE__ */ _(ae, [["__scopeId", "data-v-83b9cdd7"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/UpLoadFile/index.vue"]]), le = {
+const st = /* @__PURE__ */ M(nt, [["__scopeId", "data-v-83b9cdd7"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/UpLoadFile/index.vue"]]), it = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    asideWidth: { type: Number, required: !1, default: 220 },
+    headerMaxHeight: { type: Number, required: !1, default: 60 },
+    horizontal: { type: Boolean, required: !1, default: !1 }
+  },
+  setup(e) {
+    const a = T();
+    return (s, n) => {
+      const i = v("el-aside"), l = v("el-header"), o = v("el-main"), f = v("el-container");
+      return r(), h(f, { class: "container" }, {
+        default: m(() => [
+          d(a).aside && !e.horizontal ? (r(), h(i, {
+            key: 0,
+            class: "aside",
+            style: _("width: " + e.asideWidth + "px;")
+          }, {
+            default: m(() => [
+              g(s.$slots, "aside", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["style"])) : u("v-if", !0),
+          d(a).header && e.horizontal ? (r(), h(l, {
+            key: 1,
+            class: "inside_header",
+            style: _("height: " + e.headerMaxHeight + "px;")
+          }, {
+            default: m(() => [
+              g(s.$slots, "header", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["style"])) : u("v-if", !0),
+          b(o, { class: "main" }, {
+            default: m(() => [
+              b(f, { class: "inside_container" }, {
+                default: m(() => [
+                  d(a).header && !e.horizontal ? (r(), h(l, {
+                    key: 0,
+                    class: "inside_header",
+                    style: _("height: " + e.headerMaxHeight + "px;")
+                  }, {
+                    default: m(() => [
+                      g(s.$slots, "header", {}, void 0, !0)
+                    ]),
+                    _: 3
+                  }, 8, ["style"])) : u("v-if", !0),
+                  d(a).aside && e.horizontal ? (r(), h(i, {
+                    key: 1,
+                    class: "aside",
+                    style: _("width: " + e.asideWidth + "px;")
+                  }, {
+                    default: m(() => [
+                      g(s.$slots, "aside", {}, void 0, !0)
+                    ]),
+                    _: 3
+                  }, 8, ["style"])) : u("v-if", !0),
+                  b(o, { class: "inside_main" }, {
+                    default: m(() => [
+                      g(s.$slots, "default", {}, void 0, !0)
+                    ]),
+                    _: 3
+                  })
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const lt = /* @__PURE__ */ M(it, [["__scopeId", "data-v-5d747d9d"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/Layout/index.vue"]]), ot = {
+  key: 0,
+  class: "header"
+}, rt = { class: "header_title" }, dt = { class: "header_title" }, ut = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    maxHeight: { type: Number, required: !1, default: 550 },
+    size: { type: String, required: !1, default: "default" },
+    tableData: { type: Array, required: !1, default: () => [] },
+    tableColumn: { type: Array, required: !1, default: () => [] },
+    stripe: { type: Boolean, required: !1, default: !0 },
+    border: { type: Boolean, required: !1, default: !1 },
+    highLight: { type: Boolean, required: !1, default: !1 },
+    type: { type: String, required: !1 },
+    typeLabel: { type: String, required: !1, default: "\u5E8F\u53F7" },
+    typeWidth: { type: Number, required: !1, default: 60 },
+    typeIsFixed: { type: Boolean, required: !1 },
+    operate: { type: Boolean, required: !1 },
+    operateLabel: { type: String, required: !1, default: "" },
+    operateWidth: { type: Number, required: !1, default: 220 },
+    operateIsFixed: { type: Boolean, required: !1 },
+    search: { type: Boolean, required: !1 },
+    clear: { type: Boolean, required: !1 },
+    edit: { type: Boolean, required: !1 },
+    delete: { type: Boolean, required: !1 },
+    deleteTitle: { type: String, required: !1 }
+  },
+  emits: ["row-click", "row-dblclick", "selection-change", "search", "clear", "delete", "edit"],
+  setup(e, { emit: a }) {
+    const s = e;
+    let n = Q({});
+    const i = T(), l = (p) => {
+      a("row-click", p);
+    }, o = (p) => {
+      a("row-click", p);
+    }, f = (p) => {
+      a("selection-change", p);
+    }, z = () => {
+      if (s.tableColumn.length > 0)
+        for (let p = 0; p < s.tableColumn.length; p++) {
+          let V = s.tableColumn[p];
+          n[V.prop] = null;
+        }
+      a("clear");
+    }, P = () => {
+      a("search", n);
+    }, $ = (p) => {
+      a("edit", p);
+    }, C = (p) => {
+      a("delete", p);
+    };
+    return R(() => {
+      if (s.tableColumn.length > 0)
+        for (let p = 0; p < s.tableColumn.length; p++) {
+          let V = s.tableColumn[p];
+          n[V.prop] = null;
+        }
+    }), (p, V) => {
+      const E = v("el-table-column"), W = v("el-input"), H = v("el-input-number"), A = v("el-option"), I = v("el-select"), B = v("el-date-picker"), U = v("el-time-picker"), O = v("el-switch"), q = v("el-button"), G = v("el-popconfirm"), j = v("el-table");
+      return r(), y(N, null, [
+        d(i).header ? (r(), y("div", ot, [
+          g(p.$slots, "header", {}, void 0, !0)
+        ])) : u("v-if", !0),
+        b(j, {
+          data: e.tableData,
+          class: w([e.size && e.size == "small" ? "mini-table" : "table"]),
+          "max-height": e.maxHeight,
+          size: e.size,
+          stripe: e.stripe,
+          border: e.border,
+          "highlight-current-row": e.highLight,
+          onRowClick: l,
+          onRowDblclick: o,
+          onSelectionChange: f
+        }, {
+          default: m(() => [
+            e.type && e.type == "index" ? (r(), h(E, {
+              key: 0,
+              align: "center",
+              type: "index",
+              width: e.typeWidth + "px",
+              fixed: e.typeIsFixed ? "left" : !1,
+              label: e.typeLabel
+            }, null, 8, ["width", "fixed", "label"])) : u("v-if", !0),
+            e.type == "selection" ? (r(), h(E, {
+              key: 1,
+              align: "center",
+              type: "selection",
+              width: e.typeWidth + "px",
+              fixed: e.typeIsFixed ? "left" : !1
+            }, null, 8, ["width", "fixed"])) : u("v-if", !0),
+            e.type == "expand" ? (r(), h(E, {
+              key: 2,
+              align: "center",
+              type: "expand",
+              width: e.typeWidth + "px",
+              fixed: e.typeIsFixed ? "left" : !1,
+              label: e.typeLabel
+            }, {
+              default: m((t) => [
+                g(p.$slots, "expand", {
+                  row: t.row
+                }, void 0, !0)
+              ]),
+              _: 3
+            }, 8, ["width", "fixed", "label"])) : u("v-if", !0),
+            (r(!0), y(N, null, L(e.tableColumn, (t) => (r(), h(E, {
+              prop: t.prop,
+              width: (t.width ? t.width : 180) + "px",
+              fixed: t.fixed ? t.fixed : !1,
+              align: t.align ? t.align : "left"
+            }, {
+              header: m(() => [
+                x("div", rt, D(t.label), 1),
+                u(" \u6587\u672C\u641C\u7D22\u6846 "),
+                t.search && (!t.type || t.type == "text") ? (r(), h(W, {
+                  key: 0,
+                  modelValue: d(n)[t.prop],
+                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  size: t.size,
+                  clearable: "",
+                  style: _(t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"),
+                  disabled: t.disabled,
+                  placeholder: t.placeholder ? t.placeholder : "\u8BF7\u8F93\u5165" + t.label,
+                  class: w([t.align && t.align == "center" ? "center" : ""])
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "style", "disabled", "placeholder", "class"])) : u("v-if", !0),
+                u(" \u6570\u5B57\u6846\u641C\u7D22 "),
+                t.search && t.type == "number" ? (r(), h(H, {
+                  key: 1,
+                  modelValue: d(n)[t.prop],
+                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  size: t.size,
+                  clearable: "",
+                  style: _(t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"),
+                  disabled: t.disabled,
+                  placeholder: t.placeholder ? t.placeholder : "\u8BF7\u8F93\u5165" + t.label,
+                  class: w([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
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "style", "disabled", "placeholder", "class", "max", "min", "step"])) : u("v-if", !0),
+                u(" \u9009\u62E9\u641C\u7D22 "),
+                t.search && t.type == "select" ? (r(), h(I, {
+                  key: 2,
+                  modelValue: d(n)[t.prop],
+                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  size: t.size,
+                  clearable: "",
+                  style: _(t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"),
+                  disabled: t.disabled,
+                  multiple: t.multiple,
+                  "collapse-tags": t.omit,
+                  placeholder: t.placeholder ? t.placeholder : "\u8BF7\u9009\u62E9" + t.label,
+                  class: w([t.align && t.align == "center" ? "center" : ""])
+                }, {
+                  default: m(() => [
+                    (r(!0), y(N, null, L(t.options, (c) => (r(), h(A, {
+                      label: c.label ? c.label : c.value,
+                      value: c.value,
+                      disabled: c.disabled
+                    }, null, 8, ["label", "value", "disabled"]))), 256))
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue", "size", "style", "disabled", "multiple", "collapse-tags", "placeholder", "class"])) : u("v-if", !0),
+                u(" \u65E5\u671F\u9009\u62E9 "),
+                t.search && t.type == "date" ? (r(), h(B, {
+                  key: 3,
+                  modelValue: d(n)[t.prop],
+                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  type: "date",
+                  style: _(t.searchWidth ? "width: " + t.searchWidth + "px;" : ""),
+                  placeholder: t.placeholder ? t.placeholder : "\u8BF7\u9009\u62E9\u65E5\u671F",
+                  size: t.size,
+                  class: w([t.align && t.align == "center" ? "center" : ""])
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "style", "placeholder", "size", "class"])) : u("v-if", !0),
+                u(" \u65F6\u95F4\u9009\u62E9 "),
+                t.search && t.type == "time" ? (r(), h(U, {
+                  key: 4,
+                  modelValue: d(n)[t.prop],
+                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  "arrow-control": "",
+                  style: _(t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"),
+                  placeholder: t.placeholder ? t.placeholder : "\u8BF7\u9009\u62E9\u65F6\u95F4",
+                  size: t.size,
+                  class: w([t.align && t.align == "center" ? "center" : ""])
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "style", "placeholder", "size", "class"])) : u("v-if", !0),
+                u(" \u65E5\u671F\u65F6\u95F4\u641C\u7D22 "),
+                t.search && t.type == "datetime" ? (r(), h(B, {
+                  key: 5,
+                  modelValue: d(n)[t.prop],
+                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  type: "datetime",
+                  style: _(t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"),
+                  placeholder: t.placeholder ? t.placeholder : "\u8BF7\u9009\u62E9\u65E5\u671F\u65F6\u95F4",
+                  size: t.size,
+                  class: w([t.align && t.align == "center" ? "center" : ""])
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "style", "placeholder", "size", "class"])) : u("v-if", !0),
+                u(" \u65E5\u671F\u8303\u56F4\u9009\u62E9 "),
+                t.search && t.type == "daterange" ? (r(), h(B, {
+                  key: 6,
+                  modelValue: d(n)[t.prop],
+                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  type: "daterange",
+                  "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: _(t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"),
+                  size: t.size,
+                  class: w([t.align && t.align == "center" ? "center" : ""])
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "start-placeholder", "end-placeholder", "style", "size", "class"])) : u("v-if", !0),
+                u(" \u65F6\u95F4\u8303\u56F4\u9009\u62E9 "),
+                t.search && t.type == "timerange" ? (r(), h(U, {
+                  key: 7,
+                  modelValue: d(n)[t.prop],
+                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  "is-range": "",
+                  "arrow-control": "",
+                  "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: _(t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"),
+                  size: t.size,
+                  class: w([t.align && t.align == "center" ? "center" : ""])
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "start-placeholder", "end-placeholder", "style", "size", "class"])) : u("v-if", !0),
+                u(" \u65E5\u671F\u65F6\u95F4\u8303\u56F4\u9009\u62E9 "),
+                t.search && t.type == "datetimerange" ? (r(), h(B, {
+                  key: 8,
+                  modelValue: d(n)[t.prop],
+                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  type: "datetimerange",
+                  "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: _(t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"),
+                  size: t.size,
+                  class: w([t.align && t.align == "center" ? "center" : ""])
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "start-placeholder", "end-placeholder", "style", "size", "class"])) : u("v-if", !0),
+                u(" \u5F00\u5173 "),
+                t.search && t.type == "switch" ? (r(), h(O, {
+                  key: 9,
+                  modelValue: d(n)[t.prop],
+                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  size: t.size,
+                  "active-text": t.openText,
+                  "inactive-text": t.closeText,
+                  class: w([t.align && t.align == "center" ? "center" : ""])
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "active-text", "inactive-text", "class"])) : u("v-if", !0)
+              ]),
+              _: 2
+            }, 1032, ["prop", "width", "fixed", "align"]))), 256)),
+            e.operate ? (r(), h(E, {
+              key: 3,
+              align: "center",
+              width: e.operateWidth,
+              fixed: e.operateIsFixed ? "left" : !1
+            }, {
+              header: m(() => [
+                x("div", dt, D(e.operateLabel), 1),
+                e.search ? (r(), h(q, {
+                  key: 0,
+                  type: "primary",
+                  size: "small",
+                  icon: d(Oe),
+                  onClick: P
+                }, {
+                  default: m(() => [
+                    F("\u641C\u7D22")
+                  ]),
+                  _: 1
+                }, 8, ["icon"])) : u("v-if", !0),
+                e.clear ? (r(), h(q, {
+                  key: 1,
+                  type: "info",
+                  size: "small",
+                  icon: d(me),
+                  onClick: z
+                }, {
+                  default: m(() => [
+                    F("\u6E05\u7A7A")
+                  ]),
+                  _: 1
+                }, 8, ["icon"])) : u("v-if", !0),
+                g(p.$slots, "operate", {}, void 0, !0)
+              ]),
+              default: m((t) => [
+                e.edit ? (r(), h(q, {
+                  key: 0,
+                  link: "",
+                  type: "primary",
+                  size: "small",
+                  icon: d(Be),
+                  onClick: (c) => $(t.row)
+                }, {
+                  default: m(() => [
+                    F("\u4FEE\u6539")
+                  ]),
+                  _: 2
+                }, 1032, ["icon", "onClick"])) : u("v-if", !0),
+                e.delete ? (r(), h(G, {
+                  key: 1,
+                  "confirm-button-text": "\u5426",
+                  "cancel-button-text": "\u662F",
+                  "confirm-button-type": "text",
+                  "cancel-button-type": "danger",
+                  icon: d(xe),
+                  width: "auto",
+                  onCancel: (c) => C(t.row),
+                  title: e.deleteTitle ? e.deleteTitle : "\u662F\u5426\u8981\u5220\u9664\u5F53\u524D\u884C\uFF1F"
+                }, {
+                  reference: m(() => [
+                    b(q, {
+                      link: "",
+                      type: "danger",
+                      size: "small",
+                      icon: d(Fe)
+                    }, {
+                      default: m(() => [
+                        F("\u5220\u9664")
+                      ]),
+                      _: 1
+                    }, 8, ["icon"])
+                  ]),
+                  _: 2
+                }, 1032, ["icon", "onCancel", "title"])) : u("v-if", !0),
+                g(p.$slots, "row-operate", {
+                  row: t.row
+                }, void 0, !0)
+              ]),
+              _: 3
+            }, 8, ["width", "fixed"])) : u("v-if", !0)
+          ]),
+          _: 3
+        }, 8, ["data", "class", "max-height", "size", "stripe", "border", "highlight-current-row"])
+      ], 64);
+    };
+  }
+});
+const ct = /* @__PURE__ */ M(ut, [["__scopeId", "data-v-f4c855de"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/TableForm/index.vue"]]), pt = {
   install: (e) => {
-    e.component("SplitPanes", A), e.component("Pane", B), e.component("UpLoadFile", oe);
+    e.component("SplitPanes", ie), e.component("Pane", oe), e.component("UpLoadFile", st), e.component("Layout", lt), e.component("TableForm", ct);
   }
 };
 export {
-  B as Pane,
-  A as SplitPanes,
-  oe as UpLoadFile,
-  le as default
+  lt as Layout,
+  oe as Pane,
+  ie as SplitPanes,
+  ct as TableForm,
+  st as UpLoadFile,
+  pt as default
 };