dld-vue-ui 0.1.1 → 0.1.3

package/dist/dld-vue-ui.js

@@ -1,5 +1,5 @@
-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 = {
+import { h as X, openBlock as r, createElementBlock as y, normalizeStyle as z, renderSlot as w, defineComponent as M, createBlock as p, unref as o, withCtx as m, createElementVNode as g, ref as K, onMounted as T, resolveComponent as v, createVNode as b, createTextVNode as C, withDirectives as Q, vShow as Z, toDisplayString as N, useSlots as W, createCommentVNode as u, reactive as ee, watch as L, Fragment as D, normalizeClass as S, renderList as R } from "vue";
+const te = {
   name: "splitpanes",
   emits: ["ready", "resize", "resized", "pane-click", "pane-maximize", "pane-add", "pane-remove", "splitter-click"],
   props: {
@@ -97,19 +97,19 @@ const Z = {
         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 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);
+      let d = [a, a + 1], f = this.panes[d[0]] || null, _ = this.panes[d[1]] || null;
+      const F = f.max < 100 && l >= f.max + s.prevPanesSize, V = _.max < 100 && l <= 100 - (_.max + this.sumNextPanesSize(a + 1));
+      if (F || V) {
+        F ? (f.size = f.max, _.size = Math.max(100 - f.max - s.prevPanesSize - s.nextPanesSize, 0)) : (f.size = Math.max(100 - _.max - s.prevPanesSize - this.sumNextPanesSize(a + 1), 0), _.size = _.max);
         return;
       }
       if (this.pushOtherPanes) {
-        const C = this.doPushOtherPanes(s, l);
-        if (!C)
+        const k = this.doPushOtherPanes(s, l);
+        if (!k)
           return;
-        ({ sums: s, panesToResize: o } = C), f = this.panes[o[0]] || null, z = this.panes[o[1]] || null;
+        ({ sums: s, panesToResize: d } = k), f = this.panes[d[0]] || null, _ = this.panes[d[1]] || null;
       }
-      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));
+      f !== null && (f.size = Math.min(Math.max(l - s.prevPanesSize - s.prevReachedMinPanes, f.min), f.max)), _ !== null && (_.size = Math.min(Math.max(100 - l - s.nextPanesSize - s.nextReachedMinPanes, _.min), _.max));
     },
     doPushOtherPanes(e, a) {
       const s = this.touch.activeSplitter, n = [s, s + 1];
@@ -210,21 +210,21 @@ const Z = {
     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);
+      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));
     },
     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;
+          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 o = Math.max(Math.min(i.size + n, i.max), i.min), f = o - i.size;
-          e -= f, i.size = o;
+          const d = Math.max(Math.min(i.size + n, i.max), i.min), f = d - i.size;
+          e -= f, i.size = d;
         }
         i.update({
           [this.horizontal ? "height" : "width"]: `${this.indexedPanes[i.id].size}%`
@@ -261,7 +261,7 @@ const Z = {
     this.container = this.$refs.container, this.checkSplitpanesNodes(), this.redoSplitters(), this.resetPaneSizes(), this.$emit("ready"), this.ready = !0;
   },
   render() {
-    return Y(
+    return X(
       "div",
       {
         ref: "container",
@@ -276,12 +276,12 @@ const Z = {
       this.$slots.default()
     );
   }
-}, ee = (e, a) => {
+}, ae = (e, a) => {
   const s = e.__vccOpts || e;
   for (const [n, i] of a)
     s[n] = i;
   return s;
-}, te = {
+}, ne = {
   name: "pane",
   inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
   props: {
@@ -326,169 +326,169 @@ const Z = {
     }
   }
 };
-function ae(e, a, s, n, i, l) {
+function se(e, a, s, n, i, l) {
   return r(), y("div", {
     class: "splitpanes__pane",
-    onClick: a[0] || (a[0] = (o) => l.onPaneClick(o, e._.uid)),
-    style: _(e.style)
+    onClick: a[0] || (a[0] = (d) => l.onPaneClick(d, e._.uid)),
+    style: z(e.style)
   }, [
-    g(e.$slots, "default")
+    w(e.$slots, "default")
   ], 4);
 }
-const ne = /* @__PURE__ */ ee(te, [["render", ae]]);
-const se = /* @__PURE__ */ k({
+const ie = /* @__PURE__ */ ae(ne, [["render", se]]);
+const le = /* @__PURE__ */ M({
   __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(d(Z), {
+    return (a, s) => (r(), p(o(te), {
       horizontal: e.horizontal,
-      style: _(e.styles),
+      style: z(e.styles),
       class: "splitpanes"
     }, {
       default: m(() => [
-        g(a.$slots, "default", {}, void 0, !0)
+        w(a.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["horizontal", "style"]));
   }
 });
-const M = (e, a) => {
+const $ = (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({
+}, oe = /* @__PURE__ */ $(le, [["__scopeId", "data-v-4226b5d2"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/index.vue"]]), re = /* @__PURE__ */ M({
   __name: "pane",
   props: {
     styles: { type: Object, required: !0, default: () => ({ background: "#ececec" }) }
   },
   setup(e) {
-    return (a, s) => (r(), h(d(ne), {
-      style: _(e.styles)
+    return (a, s) => (r(), p(o(ie), {
+      style: z(e.styles)
     }, {
       default: m(() => [
-        g(a.$slots, "default")
+        w(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), oe = /* @__PURE__ */ M(le, [["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/pane.vue"]]);
+}), de = /* @__PURE__ */ $(re, [["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/pane.vue"]]);
 /*! Element Plus Icons Vue v2.0.10 */
-var S = (e, a) => {
+var P = (e, a) => {
   let s = e.__vccOpts || e;
   for (let [n, i] of a)
     s[n] = i;
   return s;
-}, re = {
+}, ue = {
   name: "CircleClose"
-}, de = {
+}, ce = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, ue = /* @__PURE__ */ x("path", {
+}, pe = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
-}, null, -1), ce = /* @__PURE__ */ x("path", {
+}, null, -1), he = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-}, null, -1), he = [
-  ue,
-  ce
+}, null, -1), me = [
+  pe,
+  he
 ];
-function pe(e, a, s, n, i, l) {
-  return r(), y("svg", de, he);
+function fe(e, a, s, n, i, l) {
+  return r(), y("svg", ce, me);
 }
-var me = /* @__PURE__ */ S(re, [["render", pe], ["__file", "circle-close.vue"]]), fe = {
+var ve = /* @__PURE__ */ P(ue, [["render", fe], ["__file", "circle-close.vue"]]), ze = {
   name: "DeleteFilled"
-}, ve = {
+}, _e = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, _e = /* @__PURE__ */ x("path", {
+}, ge = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "M352 192V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64H96a32 32 0 0 1 0-64h256zm64 0h192v-64H416v64zM192 960a32 32 0 0 1-32-32V256h704v672a32 32 0 0 1-32 32H192zm224-192a32 32 0 0 0 32-32V416a32 32 0 0 0-64 0v320a32 32 0 0 0 32 32zm192 0a32 32 0 0 0 32-32V416a32 32 0 0 0-64 0v320a32 32 0 0 0 32 32z"
-}, null, -1), ze = [
-  _e
+}, null, -1), ye = [
+  ge
 ];
-function ye(e, a, s, n, i, l) {
-  return r(), y("svg", ve, ze);
+function xe(e, a, s, n, i, l) {
+  return r(), y("svg", _e, ye);
 }
-var xe = /* @__PURE__ */ S(fe, [["render", ye], ["__file", "delete-filled.vue"]]), ge = {
+var we = /* @__PURE__ */ P(ze, [["render", xe], ["__file", "delete-filled.vue"]]), Se = {
   name: "Delete"
-}, we = {
+}, be = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, be = /* @__PURE__ */ x("path", {
+}, Pe = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"
-}, null, -1), Se = [
-  be
+}, null, -1), Fe = [
+  Pe
 ];
-function Pe(e, a, s, n, i, l) {
-  return r(), y("svg", we, Se);
+function Ce(e, a, s, n, i, l) {
+  return r(), y("svg", be, Fe);
 }
-var Fe = /* @__PURE__ */ S(ge, [["render", Pe], ["__file", "delete.vue"]]), Ce = {
+var ke = /* @__PURE__ */ P(Se, [["render", Ce], ["__file", "delete.vue"]]), Ee = {
   name: "Edit"
-}, Ee = {
+}, Me = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, ke = /* @__PURE__ */ x("path", {
+}, $e = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"
-}, null, -1), Me = /* @__PURE__ */ x("path", {
+}, null, -1), Ve = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
-}, null, -1), $e = [
-  ke,
-  Me
+}, null, -1), Be = [
+  $e,
+  Ve
 ];
-function Ve(e, a, s, n, i, l) {
-  return r(), y("svg", Ee, $e);
+function qe(e, a, s, n, i, l) {
+  return r(), y("svg", Me, Be);
 }
-var Be = /* @__PURE__ */ S(Ce, [["render", Ve], ["__file", "edit.vue"]]), qe = {
+var Ne = /* @__PURE__ */ P(Ee, [["render", qe], ["__file", "edit.vue"]]), De = {
   name: "FolderOpened"
-}, De = {
+}, Ue = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ne = /* @__PURE__ */ x("path", {
+}, Le = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z"
-}, null, -1), Ue = [
-  Ne
+}, null, -1), Re = [
+  Le
 ];
-function Le(e, a, s, n, i, l) {
-  return r(), y("svg", De, Ue);
+function Te(e, a, s, n, i, l) {
+  return r(), y("svg", Ue, Re);
 }
-var Re = /* @__PURE__ */ S(qe, [["render", Le], ["__file", "folder-opened.vue"]]), Te = {
+var We = /* @__PURE__ */ P(De, [["render", Te], ["__file", "folder-opened.vue"]]), Ie = {
   name: "Search"
-}, We = {
+}, He = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, He = /* @__PURE__ */ x("path", {
+}, Oe = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704z"
 }, null, -1), Ae = [
-  He
+  Oe
 ];
-function Ie(e, a, s, n, i, l) {
-  return r(), y("svg", We, Ae);
+function je(e, a, s, n, i, l) {
+  return r(), y("svg", He, Ae);
 }
-var Oe = /* @__PURE__ */ S(Te, [["render", Ie], ["__file", "search.vue"]]), Ge = {
+var Ge = /* @__PURE__ */ P(Ie, [["render", je], ["__file", "search.vue"]]), Ye = {
   name: "Upload"
-}, je = {
+}, Je = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ye = /* @__PURE__ */ x("path", {
+}, Xe = /* @__PURE__ */ g("path", {
   fill: "currentColor",
   d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248L544 253.696z"
-}, null, -1), Je = [
-  Ye
+}, null, -1), Ke = [
+  Xe
 ];
-function Xe(e, a, s, n, i, l) {
-  return r(), y("svg", je, Je);
+function Qe(e, a, s, n, i, l) {
+  return r(), y("svg", Je, Ke);
 }
-var Ke = /* @__PURE__ */ S(Ge, [["render", Xe], ["__file", "upload.vue"]]), Qe = function() {
+var Ze = /* @__PURE__ */ P(Ye, [["render", Qe], ["__file", "upload.vue"]]), et = function() {
   function e(a) {
     if (!a)
       throw new TypeError("Invalid argument; `value` has no value.");
@@ -520,68 +520,68 @@ var Ke = /* @__PURE__ */ S(Ge, [["render", Xe], ["__file", "upload.vue"]]), Qe =
       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;
-}(), Ze = Qe;
-const et = { style: {} }, tt = ["id"], at = { class: "filename" }, nt = /* @__PURE__ */ k({
+}(), tt = et;
+const at = { style: {} }, nt = ["id"], st = { class: "filename" }, it = /* @__PURE__ */ M({
   __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: Ke },
+    icon: { type: null, required: !1, default: Ze },
     type: { type: null, required: !1, default: "success" }
   },
   emits: ["upload"],
   setup(e, { expose: a, emit: s }) {
-    let n = Ze.create().toString(), i, l = J("");
-    function o() {
+    let n = tt.create().toString(), i, l = K("");
+    function d() {
       i.click();
     }
     function f() {
       l.value = i.value;
     }
-    function z() {
+    function _() {
       i.files !== null && s("upload", i.files[0]);
     }
-    function P() {
+    function F() {
       i.value = "", l.value = "";
     }
-    return R(() => {
+    return T(() => {
       i = document.getElementById(n);
     }), a({
-      Clear: P
-    }), ($, C) => {
-      const p = v("el-button");
-      return r(), y("div", et, [
-        b(p, {
+      Clear: F
+    }), (V, k) => {
+      const c = v("el-button");
+      return r(), y("div", at, [
+        b(c, {
           type: e.type,
-          icon: d(Re),
+          icon: o(We),
           size: e.size,
           class: "btn",
-          onClick: o
+          onClick: d
         }, {
           default: m(() => [
-            F("\u9009\u62E9\u6587\u4EF6")
+            C("\u9009\u62E9\u6587\u4EF6")
           ]),
           _: 1
         }, 8, ["type", "icon", "size"]),
-        X(x("input", {
+        Q(g("input", {
           type: "file",
-          id: d(n),
+          id: o(n),
           onChange: f
-        }, null, 40, tt), [
-          [K, !1]
+        }, null, 40, nt), [
+          [Z, !1]
         ]),
-        x("span", at, D(d(l)), 1),
-        b(p, {
+        g("span", st, N(o(l)), 1),
+        b(c, {
           type: e.type,
           icon: e.icon,
           size: e.size,
-          disabled: d(l) == null || d(l) == "",
+          disabled: o(l) == null || o(l) == "",
           class: "btn",
-          title: d(l) == null || d(l) == "" ? "\u8BF7\u9009\u62E9\u6587\u4EF6" : "",
-          onClick: z
+          title: o(l) == null || o(l) == "" ? "\u8BF7\u9009\u62E9\u6587\u4EF6" : "",
+          onClick: _
         }, {
           default: m(() => [
-            F(D(e.name), 1)
+            C(N(e.name), 1)
           ]),
           _: 1
         }, 8, ["type", "icon", "size", "disabled", "title"])
@@ -589,7 +589,7 @@ const et = { style: {} }, tt = ["id"], at = { class: "filename" }, nt = /* @__PU
     };
   }
 });
-const st = /* @__PURE__ */ M(nt, [["__scopeId", "data-v-83b9cdd7"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/UpLoadFile/index.vue"]]), it = /* @__PURE__ */ k({
+const lt = /* @__PURE__ */ $(it, [["__scopeId", "data-v-83b9cdd7"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/UpLoadFile/index.vue"]]), ot = /* @__PURE__ */ M({
   __name: "index",
   props: {
     asideWidth: { type: Number, required: !1, default: 220 },
@@ -597,58 +597,58 @@ const st = /* @__PURE__ */ M(nt, [["__scopeId", "data-v-83b9cdd7"], ["__file", "
     horizontal: { type: Boolean, required: !1, default: !1 }
   },
   setup(e) {
-    const a = T();
+    const a = W();
     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" }, {
+      const i = v("el-aside"), l = v("el-header"), d = v("el-main"), f = v("el-container");
+      return r(), p(f, { class: "container" }, {
         default: m(() => [
-          d(a).aside && !e.horizontal ? (r(), h(i, {
+          o(a).aside && !e.horizontal ? (r(), p(i, {
             key: 0,
             class: "aside",
-            style: _("width: " + e.asideWidth + "px;")
+            style: z("width: " + e.asideWidth + "px;")
           }, {
             default: m(() => [
-              g(s.$slots, "aside", {}, void 0, !0)
+              w(s.$slots, "aside", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["style"])) : u("v-if", !0),
-          d(a).header && e.horizontal ? (r(), h(l, {
+          o(a).header && e.horizontal ? (r(), p(l, {
             key: 1,
             class: "inside_header",
-            style: _("height: " + e.headerMaxHeight + "px;")
+            style: z("height: " + e.headerMaxHeight + "px;")
           }, {
             default: m(() => [
-              g(s.$slots, "header", {}, void 0, !0)
+              w(s.$slots, "header", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["style"])) : u("v-if", !0),
-          b(o, { class: "main" }, {
+          b(d, { class: "main" }, {
             default: m(() => [
               b(f, { class: "inside_container" }, {
                 default: m(() => [
-                  d(a).header && !e.horizontal ? (r(), h(l, {
+                  o(a).header && !e.horizontal ? (r(), p(l, {
                     key: 0,
                     class: "inside_header",
-                    style: _("height: " + e.headerMaxHeight + "px;")
+                    style: z("height: " + e.headerMaxHeight + "px;")
                   }, {
                     default: m(() => [
-                      g(s.$slots, "header", {}, void 0, !0)
+                      w(s.$slots, "header", {}, void 0, !0)
                     ]),
                     _: 3
                   }, 8, ["style"])) : u("v-if", !0),
-                  d(a).aside && e.horizontal ? (r(), h(i, {
+                  o(a).aside && e.horizontal ? (r(), p(i, {
                     key: 1,
                     class: "aside",
-                    style: _("width: " + e.asideWidth + "px;")
+                    style: z("width: " + e.asideWidth + "px;")
                   }, {
                     default: m(() => [
-                      g(s.$slots, "aside", {}, void 0, !0)
+                      w(s.$slots, "aside", {}, void 0, !0)
                     ]),
                     _: 3
                   }, 8, ["style"])) : u("v-if", !0),
-                  b(o, { class: "inside_main" }, {
+                  b(d, { class: "inside_main" }, {
                     default: m(() => [
-                      g(s.$slots, "default", {}, void 0, !0)
+                      w(s.$slots, "default", {}, void 0, !0)
                     ]),
                     _: 3
                   })
@@ -664,10 +664,10 @@ const st = /* @__PURE__ */ M(nt, [["__scopeId", "data-v-83b9cdd7"], ["__file", "
     };
   }
 });
-const lt = /* @__PURE__ */ M(it, [["__scopeId", "data-v-5d747d9d"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/Layout/index.vue"]]), ot = {
+const rt = /* @__PURE__ */ $(ot, [["__scopeId", "data-v-5d747d9d"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/Layout/index.vue"]]), dt = {
   key: 0,
   class: "header"
-}, rt = { class: "header_title" }, dt = { class: "header_title" }, ut = /* @__PURE__ */ k({
+}, ut = { class: "header_title" }, ct = { class: "header_title" }, pt = { class: "pagination" }, ht = /* @__PURE__ */ M({
   __name: "index",
   props: {
     maxHeight: { type: Number, required: !1, default: 550 },
@@ -689,58 +689,69 @@ const lt = /* @__PURE__ */ M(it, [["__scopeId", "data-v-5d747d9d"], ["__file", "
     clear: { type: Boolean, required: !1 },
     edit: { type: Boolean, required: !1 },
     delete: { type: Boolean, required: !1 },
-    deleteTitle: { type: String, required: !1 }
+    deleteTitle: { type: String, required: !1 },
+    pagination: { type: Boolean, required: !1, default: !1 },
+    small: { type: Boolean, required: !1, default: !1 },
+    total: { type: Number, required: !1, default: 0 },
+    hideOnSinglePage: { type: Boolean, required: !1, default: !1 }
   },
-  emits: ["row-click", "row-dblclick", "selection-change", "search", "clear", "delete", "edit"],
+  emits: ["row-click", "row-dblclick", "selection-change", "search", "clear", "delete", "edit", "page-index", "page-size"],
   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 = () => {
+    let n = ee({
+      pageIndex: 1,
+      pageSize: 5
+    });
+    const i = W(), l = (c) => {
+      a("row-click", c);
+    }, d = (c) => {
+      a("row-click", c);
+    }, f = (c) => {
+      a("selection-change", c);
+    }, _ = () => {
       if (s.tableColumn.length > 0)
-        for (let p = 0; p < s.tableColumn.length; p++) {
-          let V = s.tableColumn[p];
-          n[V.prop] = null;
+        for (let c = 0; c < s.tableColumn.length; c++) {
+          let x = s.tableColumn[c];
+          n[x.prop] = null;
         }
       a("clear");
-    }, P = () => {
+    }, F = () => {
       a("search", n);
-    }, $ = (p) => {
-      a("edit", p);
-    }, C = (p) => {
-      a("delete", p);
+    }, V = (c) => {
+      a("edit", c);
+    }, k = (c) => {
+      a("delete", c);
     };
-    return R(() => {
+    return L(() => n.pageIndex, (c, x) => {
+      a("page-index", Number(c), Number(x));
+    }), L(() => n.pageSize, (c, x) => {
+      a("page-size", Number(c), Number(x));
+    }), T(() => {
       if (s.tableColumn.length > 0)
-        for (let p = 0; p < s.tableColumn.length; p++) {
-          let V = s.tableColumn[p];
-          n[V.prop] = null;
+        for (let c = 0; c < s.tableColumn.length; c++) {
+          let x = s.tableColumn[c];
+          n[x.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)
+    }), (c, x) => {
+      const E = v("el-table-column"), I = v("el-input"), H = v("el-input-number"), O = v("el-option"), A = v("el-select"), B = v("el-date-picker"), U = v("el-time-picker"), j = v("el-switch"), q = v("el-button"), G = v("el-popconfirm"), Y = v("el-table"), J = v("el-pagination");
+      return r(), y(D, null, [
+        o(i).header ? (r(), y("div", dt, [
+          w(c.$slots, "header", {}, void 0, !0)
         ])) : u("v-if", !0),
-        b(j, {
+        b(Y, {
           data: e.tableData,
-          class: w([e.size && e.size == "small" ? "mini-table" : "table"]),
+          class: S([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,
+          onRowDblclick: d,
           onSelectionChange: f
         }, {
           default: m(() => [
-            e.type && e.type == "index" ? (r(), h(E, {
+            e.type && e.type == "index" ? (r(), p(E, {
               key: 0,
               align: "center",
               type: "index",
@@ -748,14 +759,14 @@ const lt = /* @__PURE__ */ M(it, [["__scopeId", "data-v-5d747d9d"], ["__file", "
               fixed: e.typeIsFixed ? "left" : !1,
               label: e.typeLabel
             }, null, 8, ["width", "fixed", "label"])) : u("v-if", !0),
-            e.type == "selection" ? (r(), h(E, {
+            e.type == "selection" ? (r(), p(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, {
+            e.type == "expand" ? (r(), p(E, {
               key: 2,
               align: "center",
               type: "expand",
@@ -764,213 +775,213 @@ const lt = /* @__PURE__ */ M(it, [["__scopeId", "data-v-5d747d9d"], ["__file", "
               label: e.typeLabel
             }, {
               default: m((t) => [
-                g(p.$slots, "expand", {
+                w(c.$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, {
+            (r(!0), y(D, null, R(e.tableColumn, (t) => (r(), p(E, {
               prop: t.prop,
-              width: (t.width ? t.width : 180) + "px",
+              width: t.width ? t.width : "",
               fixed: t.fixed ? t.fixed : !1,
               align: t.align ? t.align : "left"
             }, {
               header: m(() => [
-                x("div", rt, D(t.label), 1),
+                g("div", ut, N(t.label), 1),
                 u(" \u6587\u672C\u641C\u7D22\u6846 "),
-                t.search && (!t.type || t.type == "text") ? (r(), h(W, {
+                t.search && (!t.type || t.type == "text") ? (r(), p(I, {
                   key: 0,
-                  modelValue: d(n)[t.prop],
-                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  modelValue: o(n)[t.prop],
+                  "onUpdate:modelValue": (h) => o(n)[t.prop] = h,
                   size: t.size,
                   clearable: "",
-                  style: _(t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"),
+                  style: z(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" : ""])
+                  class: S([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, {
+                t.search && t.type == "number" ? (r(), p(H, {
                   key: 1,
-                  modelValue: d(n)[t.prop],
-                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  modelValue: o(n)[t.prop],
+                  "onUpdate:modelValue": (h) => o(n)[t.prop] = h,
                   size: t.size,
                   clearable: "",
-                  style: _(t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"),
+                  style: z(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" : ""]),
+                  class: S([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, {
+                t.search && t.type == "select" ? (r(), p(A, {
                   key: 2,
-                  modelValue: d(n)[t.prop],
-                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  modelValue: o(n)[t.prop],
+                  "onUpdate:modelValue": (h) => o(n)[t.prop] = h,
                   size: t.size,
                   clearable: "",
-                  style: _(t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"),
+                  style: z(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" : ""])
+                  class: S([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
+                    (r(!0), y(D, null, R(t.options, (h) => (r(), p(O, {
+                      label: h.label ? h.label : h.value,
+                      value: h.value,
+                      disabled: h.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, {
+                t.search && t.type == "date" ? (r(), p(B, {
                   key: 3,
-                  modelValue: d(n)[t.prop],
-                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  modelValue: o(n)[t.prop],
+                  "onUpdate:modelValue": (h) => o(n)[t.prop] = h,
                   type: "date",
-                  style: _(t.searchWidth ? "width: " + t.searchWidth + "px;" : ""),
+                  style: z(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" : ""])
+                  class: S([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, {
+                t.search && t.type == "time" ? (r(), p(U, {
                   key: 4,
-                  modelValue: d(n)[t.prop],
-                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  modelValue: o(n)[t.prop],
+                  "onUpdate:modelValue": (h) => o(n)[t.prop] = h,
                   "arrow-control": "",
-                  style: _(t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"),
+                  style: z(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" : ""])
+                  class: S([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, {
+                t.search && t.type == "datetime" ? (r(), p(B, {
                   key: 5,
-                  modelValue: d(n)[t.prop],
-                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  modelValue: o(n)[t.prop],
+                  "onUpdate:modelValue": (h) => o(n)[t.prop] = h,
                   type: "datetime",
-                  style: _(t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"),
+                  style: z(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" : ""])
+                  class: S([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, {
+                t.search && t.type == "daterange" ? (r(), p(B, {
                   key: 6,
-                  modelValue: d(n)[t.prop],
-                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  modelValue: o(n)[t.prop],
+                  "onUpdate:modelValue": (h) => o(n)[t.prop] = h,
                   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%"),
+                  style: z(t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"),
                   size: t.size,
-                  class: w([t.align && t.align == "center" ? "center" : ""])
+                  class: S([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, {
+                t.search && t.type == "timerange" ? (r(), p(U, {
                   key: 7,
-                  modelValue: d(n)[t.prop],
-                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  modelValue: o(n)[t.prop],
+                  "onUpdate:modelValue": (h) => o(n)[t.prop] = h,
                   "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%"),
+                  style: z(t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"),
                   size: t.size,
-                  class: w([t.align && t.align == "center" ? "center" : ""])
+                  class: S([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, {
+                t.search && t.type == "datetimerange" ? (r(), p(B, {
                   key: 8,
-                  modelValue: d(n)[t.prop],
-                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  modelValue: o(n)[t.prop],
+                  "onUpdate:modelValue": (h) => o(n)[t.prop] = h,
                   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%"),
+                  style: z(t.searchWidth ? "width: " + t.searchWidth + "px;" : "width: 92%"),
                   size: t.size,
-                  class: w([t.align && t.align == "center" ? "center" : ""])
+                  class: S([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, {
+                t.search && t.type == "switch" ? (r(), p(j, {
                   key: 9,
-                  modelValue: d(n)[t.prop],
-                  "onUpdate:modelValue": (c) => d(n)[t.prop] = c,
+                  modelValue: o(n)[t.prop],
+                  "onUpdate:modelValue": (h) => o(n)[t.prop] = h,
                   size: t.size,
                   "active-text": t.openText,
                   "inactive-text": t.closeText,
-                  class: w([t.align && t.align == "center" ? "center" : ""])
+                  class: S([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, {
+            e.operate ? (r(), p(E, {
               key: 3,
               align: "center",
-              width: e.operateWidth,
-              fixed: e.operateIsFixed ? "left" : !1
+              width: e.operateWidth ? e.operateWidth : "",
+              fixed: e.operateIsFixed ? "right" : !1
             }, {
               header: m(() => [
-                x("div", dt, D(e.operateLabel), 1),
-                e.search ? (r(), h(q, {
+                g("div", ct, N(e.operateLabel), 1),
+                e.search ? (r(), p(q, {
                   key: 0,
                   type: "primary",
                   size: "small",
-                  icon: d(Oe),
-                  onClick: P
+                  icon: o(Ge),
+                  onClick: F
                 }, {
                   default: m(() => [
-                    F("\u641C\u7D22")
+                    C("\u641C\u7D22")
                   ]),
                   _: 1
                 }, 8, ["icon"])) : u("v-if", !0),
-                e.clear ? (r(), h(q, {
+                e.clear ? (r(), p(q, {
                   key: 1,
                   type: "info",
                   size: "small",
-                  icon: d(me),
-                  onClick: z
+                  icon: o(ve),
+                  onClick: _
                 }, {
                   default: m(() => [
-                    F("\u6E05\u7A7A")
+                    C("\u6E05\u7A7A")
                   ]),
                   _: 1
                 }, 8, ["icon"])) : u("v-if", !0),
-                g(p.$slots, "operate", {}, void 0, !0)
+                w(c.$slots, "operate", {}, void 0, !0)
               ]),
               default: m((t) => [
-                e.edit ? (r(), h(q, {
+                e.edit ? (r(), p(q, {
                   key: 0,
                   link: "",
                   type: "primary",
                   size: "small",
-                  icon: d(Be),
-                  onClick: (c) => $(t.row)
+                  icon: o(Ne),
+                  onClick: (h) => V(t.row)
                 }, {
                   default: m(() => [
-                    F("\u4FEE\u6539")
+                    C("\u4FEE\u6539")
                   ]),
                   _: 2
                 }, 1032, ["icon", "onClick"])) : u("v-if", !0),
-                e.delete ? (r(), h(G, {
+                e.delete ? (r(), p(G, {
                   key: 1,
                   "confirm-button-text": "\u5426",
                   "cancel-button-text": "\u662F",
                   "confirm-button-type": "text",
                   "cancel-button-type": "danger",
-                  icon: d(xe),
+                  icon: o(we),
                   width: "auto",
-                  onCancel: (c) => C(t.row),
+                  onCancel: (h) => k(t.row),
                   title: e.deleteTitle ? e.deleteTitle : "\u662F\u5426\u8981\u5220\u9664\u5F53\u524D\u884C\uFF1F"
                 }, {
                   reference: m(() => [
@@ -978,17 +989,17 @@ const lt = /* @__PURE__ */ M(it, [["__scopeId", "data-v-5d747d9d"], ["__file", "
                       link: "",
                       type: "danger",
                       size: "small",
-                      icon: d(Fe)
+                      icon: o(ke)
                     }, {
                       default: m(() => [
-                        F("\u5220\u9664")
+                        C("\u5220\u9664")
                       ]),
                       _: 1
                     }, 8, ["icon"])
                   ]),
                   _: 2
                 }, 1032, ["icon", "onCancel", "title"])) : u("v-if", !0),
-                g(p.$slots, "row-operate", {
+                w(c.$slots, "row-operate", {
                   row: t.row
                 }, void 0, !0)
               ]),
@@ -996,21 +1007,37 @@ const lt = /* @__PURE__ */ M(it, [["__scopeId", "data-v-5d747d9d"], ["__file", "
             }, 8, ["width", "fixed"])) : u("v-if", !0)
           ]),
           _: 3
-        }, 8, ["data", "class", "max-height", "size", "stripe", "border", "highlight-current-row"])
+        }, 8, ["data", "class", "max-height", "size", "stripe", "border", "highlight-current-row"]),
+        g("div", pt, [
+          e.pagination ? (r(), p(J, {
+            key: 0,
+            "current-page": o(n).pageIndex,
+            "onUpdate:current-page": x[0] || (x[0] = (t) => o(n).pageIndex = t),
+            "page-size": o(n).pageSize,
+            "onUpdate:page-size": x[1] || (x[1] = (t) => o(n).pageSize = t),
+            small: e.small,
+            "hide-on-Single-page": e.hideOnSinglePage,
+            background: "",
+            layout: "prev, pager, next, total, jumper, sizes",
+            "page-sizes": [5, 10, 20, 50],
+            total: e.total,
+            class: "mt-4"
+          }, null, 8, ["current-page", "page-size", "small", "hide-on-Single-page", "total"])) : u("v-if", !0)
+        ])
       ], 64);
     };
   }
 });
-const ct = /* @__PURE__ */ M(ut, [["__scopeId", "data-v-f4c855de"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/TableForm/index.vue"]]), pt = {
+const mt = /* @__PURE__ */ $(ht, [["__scopeId", "data-v-f4c855de"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/TableForm/index.vue"]]), vt = {
   install: (e) => {
-    e.component("SplitPanes", ie), e.component("Pane", oe), e.component("UpLoadFile", st), e.component("Layout", lt), e.component("TableForm", ct);
+    e.component("SplitPanes", oe), e.component("Pane", de), e.component("UpLoadFile", lt), e.component("Layout", rt), e.component("TableForm", mt);
   }
 };
 export {
-  lt as Layout,
-  oe as Pane,
-  ie as SplitPanes,
-  ct as TableForm,
-  st as UpLoadFile,
-  pt as default
+  rt as Layout,
+  de as Pane,
+  oe as SplitPanes,
+  mt as TableForm,
+  lt as UpLoadFile,
+  vt as default
 };