@farris/ui-vue 1.3.5 → 1.3.6

package/components/pagination/index.esm.js

@@ -1,59 +1,73 @@
-import { ref as m, watch as M, createVNode as r, computed as d, defineComponent as J, watchEffect as oe, Fragment as A, createTextVNode as R, inject as re, onMounted as ie } from "vue";
-import { isPlainObject as H, cloneDeep as ue } from "lodash-es";
+import { ref as m, watch as M, createVNode as r, computed as d, defineComponent as J, watchEffect as re, Fragment as A, createTextVNode as R, inject as ie, onMounted as ue } from "vue";
+import { isPlainObject as H, cloneDeep as Q } from "lodash-es";
 import { withInstall as ce } from "../common/index.esm.js";
-const Q = {}, U = {};
-function q(t) {
-  const { properties: e, title: p, ignore: i } = t, l = i && Array.isArray(i), c = Object.keys(e).reduce((a, n) => ((!l || !i.find((u) => u === n)) && (a[n] = e[n].type === "object" && e[n].properties ? q(e[n]) : ue(e[n].default)), a), {});
-  if (p && (!l || !i.find((a) => a === "id"))) {
+const U = {}, X = {};
+function G(t) {
+  const { properties: e, title: p, ignore: i } = t, n = i && Array.isArray(i), c = Object.keys(e).reduce((a, l) => ((!n || !i.find((u) => u === l)) && (a[l] = e[l].type === "object" && e[l].properties ? G(e[l]) : Q(e[l].default)), a), {});
+  if (p && (!n || !i.find((a) => a === "id"))) {
     const a = p.toLowerCase().replace(/-/g, "_");
     c.id = `${a}_${Math.random().toString().slice(2, 6)}`;
   }
   return c;
 }
-function X(t, e = {}, p) {
-  const i = Q[t];
+function pe(t) {
+  const { properties: e, title: p, required: i } = t;
+  if (i && Array.isArray(i)) {
+    const n = i.reduce((c, a) => (c[a] = e[a].type === "object" && e[a].properties ? G(e[a]) : Q(e[a].default), c), {});
+    if (p && i.find((c) => c === "id")) {
+      const c = p.toLowerCase().replace(/-/g, "_");
+      n.id = `${c}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return n;
+  }
+  return {
+    type: p
+  };
+}
+function Y(t, e = {}, p) {
+  const i = U[t];
   if (i) {
-    let l = q(i);
-    const c = U[t];
-    return l = c ? c({ getSchemaByType: X }, l, e, p) : l, l;
+    let n = pe(i);
+    const c = X[t];
+    return n = c ? c({ getSchemaByType: Y }, n, e, p) : n, n;
   }
   return null;
 }
-function pe(t, e) {
-  const p = q(e);
-  return Object.keys(p).reduce((i, l) => (i[l] && H(i[l]) && H(t[l] || !t[l]) ? Object.assign(i[l], t[l] || {}) : i[l] = t[l], i), p), p;
-}
 function fe(t, e) {
-  return Object.keys(t).filter((i) => t[i] != null).reduce((i, l) => {
-    if (e.has(l)) {
-      const c = e.get(l);
+  const p = G(e);
+  return Object.keys(p).reduce((i, n) => (Object.prototype.hasOwnProperty.call(t, n) && (i[n] && H(i[n]) && H(t[n] || !t[n]) ? Object.assign(i[n], t[n] || {}) : i[n] = t[n]), i), p), p;
+}
+function ve(t, e) {
+  return Object.keys(t).filter((i) => t[i] != null).reduce((i, n) => {
+    if (e.has(n)) {
+      const c = e.get(n);
       if (typeof c == "string")
-        i[c] = t[l];
+        i[c] = t[n];
       else {
-        const a = c(l, t[l], t);
+        const a = c(n, t[n], t);
         Object.assign(i, a);
       }
     } else
-      i[l] = t[l];
+      i[n] = t[n];
     return i;
   }, {});
 }
-function ve(t, e, p = /* @__PURE__ */ new Map()) {
-  const i = pe(t, e);
-  return fe(i, p);
+function ge(t, e, p = /* @__PURE__ */ new Map()) {
+  const i = fe(t, e);
+  return ve(i, p);
 }
-function ge(t = {}) {
+function de(t = {}) {
   function e(o, s, f, v) {
     if (typeof f == "number")
       return v[o].length === f;
     if (typeof f == "object") {
-      const h = Object.keys(f)[0], y = f[h];
+      const h = Object.keys(f)[0], b = f[h];
       if (h === "not")
-        return Number(v[o].length) !== Number(y);
+        return Number(v[o].length) !== Number(b);
       if (h === "moreThan")
-        return Number(v[o].length) >= Number(y);
+        return Number(v[o].length) >= Number(b);
       if (h === "lessThan")
-        return Number(v[o].length) <= Number(y);
+        return Number(v[o].length) <= Number(b);
     }
     return !1;
   }
@@ -65,18 +79,18 @@ function ge(t = {}) {
     ["getProperty", p]
   ]);
   Object.keys(t).reduce((o, s) => (o.set(s, t[s]), o), i);
-  function l(o, s) {
+  function n(o, s) {
     const f = o;
     return typeof s == "number" ? [{ target: f, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: f, operator: "getProperty", param: o, value: !!s }] : typeof s == "object" ? Object.keys(s).map((v) => {
       if (v === "length")
         return { target: f, operator: "length", param: null, value: s[v] };
-      const h = v, y = s[v];
-      return { target: f, operator: "getProperty", param: h, value: y };
+      const h = v, b = s[v];
+      return { target: f, operator: "getProperty", param: h, value: b };
     }) : [];
   }
   function c(o) {
     return Object.keys(o).reduce((f, v) => {
-      const h = l(v, o[v]);
+      const h = n(v, o[v]);
       return f.push(...h), f;
     }, []);
   }
@@ -87,29 +101,29 @@ function ge(t = {}) {
     }
     return !1;
   }
-  function n(o, s) {
-    return c(o).reduce((h, y) => h && a(y, s), !0);
+  function l(o, s) {
+    return c(o).reduce((h, b) => h && a(b, s), !0);
   }
   function u(o, s) {
-    const f = Object.keys(o), v = f.includes("allOf"), h = f.includes("anyOf"), y = v || h, w = (y ? o[y ? v ? "allOf" : "anyOf" : "allOf"] : [o]).map((O) => n(O, s));
+    const f = Object.keys(o), v = f.includes("allOf"), h = f.includes("anyOf"), b = v || h, w = (b ? o[b ? v ? "allOf" : "anyOf" : "allOf"] : [o]).map((O) => l(O, s));
     return v ? !w.includes(!1) : w.includes(!0);
   }
   return { parseValueSchema: u };
 }
-const de = {}, me = {};
-ge();
-function he(t, e, p = /* @__PURE__ */ new Map(), i = (a, n, u, o) => n, l = {}, c = (a) => a) {
-  return Q[e.title] = e, U[e.title] = i, de[e.title] = l, me[e.title] = c, (a = {}) => {
-    const n = ve(a, e, p), u = Object.keys(t).reduce((o, s) => (o[s] = t[s].default, o), {});
-    return Object.assign(u, n);
+const me = {}, he = {};
+de();
+function ye(t, e, p = /* @__PURE__ */ new Map(), i = (a, l, u, o) => l, n = {}, c = (a) => a) {
+  return U[e.title] = e, X[e.title] = i, me[e.title] = n, he[e.title] = c, (a = {}) => {
+    const l = ge(a, e, p), u = Object.keys(t).reduce((o, s) => (o[s] = t[s].default, o), {});
+    return Object.assign(u, l);
   };
 }
 function be(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const ye = /* @__PURE__ */ new Map([
+const Pe = /* @__PURE__ */ new Map([
   ["appearance", be]
-]), Pe = "https://json-schema.org/draft/2020-12/schema", we = "https://farris-design.gitee.io/pagination.schema.json", Se = "pagination", je = "A Farris Component", ke = "object", Ne = {
+]), we = "https://json-schema.org/draft/2020-12/schema", Se = "https://farris-design.gitee.io/pagination.schema.json", je = "pagination", ke = "A Farris Component", Ne = "object", Oe = {
   id: {
     description: "The unique identifier for a pagination",
     type: "string"
@@ -201,18 +215,18 @@ const ye = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, Oe = [
+}, Me = [
   "id",
   "type"
-], Me = {
-  $schema: Pe,
-  $id: we,
-  title: Se,
-  description: je,
-  type: ke,
-  properties: Ne,
-  required: Oe
-}, Le = "pagination", Te = "A Farris Component", Be = "object", Ee = {
+], Le = {
+  $schema: we,
+  $id: Se,
+  title: je,
+  description: ke,
+  type: Ne,
+  properties: Oe,
+  required: Me
+}, Te = "pagination", Be = "A Farris Component", Ee = "object", $e = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -295,15 +309,15 @@ const ye = /* @__PURE__ */ new Map([
     }
   }
 }, ze = {
-  title: Le,
-  description: Te,
-  type: Be,
-  categories: Ee
+  title: Te,
+  description: Be,
+  type: Ee,
+  categories: $e
 };
-function $e(t, e, p) {
+function De(t, e, p) {
   return e;
 }
-const W = {
+const _ = {
   /**
    * 当前页码
    */
@@ -336,15 +350,15 @@ const W = {
    * 自定义每页数量
    */
   pageList: { type: Array, default: [20, 50, 100] }
-}, Y = he(W, Me, ye, $e, ze);
-function Z(t, e, p, i) {
-  const l = m("跳转至"), c = m(""), a = m(t.value);
+}, Z = ye(_, Le, Pe, De, ze);
+function I(t, e, p, i) {
+  const n = m("跳转至"), c = m(""), a = m(t.value);
   M(a, (s, f) => {
     s >= 1 && s <= e.value ? t.value = s : a.value = f;
   }), M(t, (s) => {
     a.value !== s && (a.value = s);
   });
-  function n(s) {
+  function l(s) {
     a.value = s.target.valueAsNumber, i.emit("change", {
       pageIndex: a.value,
       pageSize: p.value
@@ -362,14 +376,14 @@ function Z(t, e, p, i) {
       style: "padding-left: 10px; white-space: nowrap;"
     }, [r("span", {
       class: "pg-message-text"
-    }, [l.value]), r("input", {
+    }, [n.value]), r("input", {
       type: "number",
       class: "form-control farris-gotopagenumber",
       value: a.value,
       min: "1",
       max: e.value,
       style: "display: inline-block;margin-left:3px;",
-      onBlur: (s) => n(s),
+      onBlur: (s) => l(s),
       onKeyup: (s) => u(s)
     }, null), c.value]);
   }
@@ -377,19 +391,19 @@ function Z(t, e, p, i) {
     renderGotoButton: o
   };
 }
-function I(t, e, p, i, l) {
+function K(t, e, p, i, n) {
   const c = d(() => ({
     "page-item": !0,
     disabled: e.value
   }));
   function a(s) {
-    t.value = t.value < p.value ? t.value + 1 : p.value, l.emit("change", {
+    t.value = t.value < p.value ? t.value + 1 : p.value, n.emit("change", {
       pageIndex: t.value,
       pageSize: i.value
     });
   }
-  function n(s) {
-    t.value = p.value, l.emit("change", {
+  function l(s) {
+    t.value = p.value, n.emit("change", {
       pageIndex: t.value,
       pageSize: i.value
     });
@@ -415,7 +429,7 @@ function I(t, e, p, i, l) {
     }, [!e.value && r("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (s) => n()
+      onClick: (s) => l()
     }, [r("span", {
       class: "f-icon f-page-last"
     }, null)]), e.value && r("span", {
@@ -429,8 +443,8 @@ function I(t, e, p, i, l) {
     renderNextPage: u
   };
 }
-function K(t, e) {
-  const p = m("共"), i = m("条"), l = d(() => ({
+function ee(t, e) {
+  const p = m("共"), i = m("条"), n = d(() => ({
     "pagination-message": !0,
     "text-truncate": !0,
     "d-flex": !0,
@@ -439,7 +453,7 @@ function K(t, e) {
   }));
   function c() {
     return r("li", {
-      class: l.value
+      class: n.value
     }, [r("div", {
       class: "text-truncate",
       style: "line-height: 26px"
@@ -455,8 +469,8 @@ function K(t, e) {
     renderPageInfo: c
   };
 }
-function ee(t, e, p, i, l) {
-  const c = m(!1), a = m("显示"), n = m("条"), u = d(() => ({
+function te(t, e, p, i, n) {
+  const c = m(!1), a = m("显示"), l = m("条"), u = d(() => ({
     dropup: !0,
     "dropdown-right": !0,
     "pg-pagelist": !0,
@@ -465,23 +479,23 @@ function ee(t, e, p, i, l) {
   })), o = d(() => ({
     "dropdown-menu": !0,
     show: c.value
-  })), s = (b) => ({
+  })), s = (y) => ({
     "w-100": !0,
     "dropdown-item": !0,
-    active: e.value === b
+    active: e.value === y
   });
-  function f(b) {
+  function f(y) {
     c.value = !0;
   }
-  function v(b) {
+  function v(y) {
     c.value = !1;
   }
-  function h(b, w, N) {
-    const T = b * w - w + 1;
+  function h(y, w, N) {
+    const T = y * w - w + 1;
     return Math.ceil(T / N);
   }
-  function y(b, w) {
-    t.value = h(t.value, e.value, w), e.value = w, c.value = !1, l.emit("change", {
+  function b(y, w) {
+    t.value = h(t.value, e.value, w), e.value = w, c.value = !1, n.emit("change", {
       pageIndex: t.value,
       pageSize: e.value
     });
@@ -491,8 +505,8 @@ function ee(t, e, p, i, l) {
       class: "pagination-pagelist"
     }, [r("div", {
       class: u.value,
-      onMouseenter: (b) => f(),
-      onMouseleave: (b) => v()
+      onMouseenter: (y) => f(),
+      onMouseleave: (y) => v()
     }, [r("div", {
       class: "pg-pagelist-info"
     }, [r("span", {
@@ -501,22 +515,22 @@ function ee(t, e, p, i, l) {
       class: "cur-pagesize"
     }, [e.value]), r("span", {
       class: "pagelist-text"
-    }, [n.value]), r("i", {
+    }, [l.value]), r("i", {
       class: "f-icon f-icon-dropdown"
     }, null)]), r("div", {
       class: o.value,
       style: "margin-bottom: -1px;"
-    }, [p.value.map((b) => r("li", {
-      class: s(b),
-      onClick: (w) => y(w, b)
-    }, [r("span", null, [b])]))])])]);
+    }, [p.value.map((y) => r("li", {
+      class: s(y),
+      onClick: (w) => b(w, y)
+    }, [r("span", null, [y])]))])])]);
   }
   return {
     renderPageList: k
   };
 }
-function te(t, e, p, i) {
-  const l = (u) => ({
+function ae(t, e, p, i) {
+  const n = (u) => ({
     "page-item": !0,
     current: t.value === u.value,
     ellipsis: u.label === "..."
@@ -531,9 +545,9 @@ function te(t, e, p, i) {
       pageSize: p.value
     });
   }
-  function n() {
+  function l() {
     return e.value.map((u) => r("li", {
-      class: l(u)
+      class: n(u)
     }, [t.value !== u.value && r("a", {
       class: "page-link",
       tabindex: "0",
@@ -547,22 +561,22 @@ function te(t, e, p, i) {
     }, [u.label])]));
   }
   return {
-    renderPageNumbers: n
+    renderPageNumbers: l
   };
 }
-function ae(t, e, p, i, l) {
+function ne(t, e, p, i, n) {
   const c = d(() => ({
     "page-item": !0,
     disabled: e.value
   }));
   function a(s) {
-    t.value = 1, l.emit("change", {
+    t.value = 1, n.emit("change", {
       pageIndex: t.value,
       pageSize: i.value
     });
   }
-  function n(s) {
-    t.value = t.value > 2 ? t.value - 1 : 1, l.emit("change", {
+  function l(s) {
+    t.value = t.value > 2 ? t.value - 1 : 1, n.emit("change", {
       pageIndex: t.value,
       pageSize: i.value
     });
@@ -588,7 +602,7 @@ function ae(t, e, p, i, l) {
     }, [p.value && r("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (s) => n()
+      onClick: (s) => l()
     }, [r("span", {
       class: "f-icon f-page-pre"
     }, null)]), e.value && r("span", {
@@ -602,18 +616,18 @@ function ae(t, e, p, i, l) {
     renderPreviousPage: o
   };
 }
-function ne(t) {
+function le(t) {
   const e = m([]);
-  function p(l, c, a, n) {
+  function p(n, c, a, l) {
     const u = Math.ceil(a / 2);
-    return l === a ? n : l === 1 ? l : a < n ? n - u < c ? n - a + l : u < c ? c - u + l : l : l;
+    return n === a ? l : n === 1 ? n : a < l ? l - u < c ? l - a + n : u < c ? c - u + n : n : n;
   }
-  function i(l, c, a, n) {
-    const u = [], o = Math.ceil(a / c), s = Math.ceil(n / 2), f = l <= s, v = o - s < l, h = !f && !v, y = n < o;
+  function i(n, c, a, l) {
+    const u = [], o = Math.ceil(a / c), s = Math.ceil(l / 2), f = n <= s, v = o - s < n, h = !f && !v, b = l < o;
     let k = 1;
-    for (; k <= o && k <= n; ) {
-      const b = p(k, l, n, o), w = k === 2 && (h || v), N = k === n - 1 && (h || f), O = y && (w || N) ? "..." : "" + b;
-      u.push({ label: O, value: b }), k++;
+    for (; k <= o && k <= l; ) {
+      const y = p(k, n, l, o), w = k === 2 && (h || v), N = k === l - 1 && (h || f), O = b && (w || N) ? "..." : "" + y;
+      u.push({ label: O, value: y }), k++;
     }
     e.value = u;
   }
@@ -621,48 +635,48 @@ function ne(t) {
 }
 const V = /* @__PURE__ */ J({
   name: "FPagination",
-  props: W,
+  props: _,
   emits: ["change", "pageIndexChanged", "pageSizeChanged", "update:currentPage", "update:pageSize"],
   setup(t, e) {
-    const p = m(!1), i = m(t.mode), l = m(""), c = m(!1), a = m(t.pageSize), n = m(t.currentPage), u = m(t.totalItems), {
+    const p = m(!1), i = m(t.mode), n = m(""), c = m(!1), a = m(t.pageSize), l = m(t.currentPage), u = m(t.totalItems), {
       pages: o,
       updatePages: s
-    } = ne(), f = d(() => n.value === 1), v = d(() => t.pageList), h = d(() => Math.ceil(u.value / a.value)), y = d(() => n.value === h.value), k = d(() => t.showGoButton), b = d(() => n.value > 1), w = d(() => !(c.value && o.value.length <= 1)), N = d(() => !0), O = d(() => t.showPageList), T = d(() => t.showPageNumbers), g = d(() => !0), {
+    } = le(), f = d(() => l.value === 1), v = d(() => t.pageList), h = d(() => Math.ceil(u.value / a.value)), b = d(() => l.value === h.value), k = d(() => t.showGoButton), y = d(() => l.value > 1), w = d(() => !(c.value && o.value.length <= 1)), N = d(() => !0), O = d(() => t.showPageList), T = d(() => t.showPageNumbers), g = d(() => !0), {
       renderFirstPage: j,
       renderPreviousPage: S
-    } = ae(n, f, b, a, e), {
+    } = ne(l, f, y, a, e), {
       renderLastPage: P,
       renderNextPage: B
-    } = I(n, y, h, a, e), {
+    } = K(l, b, h, a, e), {
       renderPageInfo: E
-    } = K(l, u), {
-      renderPageList: z
-    } = ee(n, a, v, u, e), {
-      renderPageNumbers: $
-    } = te(n, o, a, e), {
+    } = ee(n, u), {
+      renderPageList: $
+    } = te(l, a, v, u, e), {
+      renderPageNumbers: z
+    } = ae(l, o, a, e), {
       renderGotoButton: D
-    } = Z(n, h, a, e);
-    s(n.value, a.value, u.value, 7), M(() => t.totalItems, (L) => {
+    } = I(l, h, a, e);
+    s(l.value, a.value, u.value, 7), M(() => t.totalItems, (L) => {
       u.value = L;
-    }), M([n, a, u], () => {
-      s(n.value, a.value, u.value, 7);
-    }), M(n, () => {
-      e.emit("update:currentPage", n.value), e.emit("pageIndexChanged", {
-        pageIndex: n.value,
+    }), M([l, a, u], () => {
+      s(l.value, a.value, u.value, 7);
+    }), M(l, () => {
+      e.emit("update:currentPage", l.value), e.emit("pageIndexChanged", {
+        pageIndex: l.value,
         pageSize: a.value
       });
     }), M(a, () => {
       e.emit("update:pageSize", a.value), e.emit("pageSizeChanged", {
-        pageIndex: n.value,
+        pageIndex: l.value,
         pageSize: a.value
       });
     }), M(() => t.totalItems, (L) => {
-      u.value = L, s(n.value, a.value, u.value, 7);
-    }), oe(() => {
+      u.value = L, s(l.value, a.value, u.value, 7);
+    }), re(() => {
       const L = v.value.includes(a.value);
       a.value = L ? a.value : v.value[0];
     })();
-    const x = d(() => ({
+    const q = d(() => ({
       "ngx-pagination": !0,
       pagination: !0,
       responsive: p.value,
@@ -670,12 +684,12 @@ const V = /* @__PURE__ */ J({
       "pager-viewmode-simple": i.value === "simple"
     })), F = d(() => ({
       position: "relative",
-      "justify-content": l.value === "center" ? "center" : "start"
+      "justify-content": n.value === "center" ? "center" : "start"
     }));
-    function C() {
-      return r(A, null, [N.value && E(), O.value && z(), g.value && j(), g.value && S(), T.value && $(), g.value && B(), g.value && P(), k.value && D()]);
+    function x() {
+      return r(A, null, [N.value && E(), O.value && $(), g.value && j(), g.value && S(), T.value && z(), g.value && B(), g.value && P(), k.value && D()]);
     }
-    function G() {
+    function C() {
       return r(A, null, [r("li", {
         class: "page-item d-flex flex-fill"
       }, null), g.value && j(), g.value && S(), D(), r("li", {
@@ -694,18 +708,18 @@ const V = /* @__PURE__ */ J({
       class: "pagination-container"
     }, [w.value && r("ul", {
       role: "navigation",
-      class: x.value,
+      class: q.value,
       style: F.value
-    }, [i.value === "default" ? C() : G()])]);
+    }, [i.value === "default" ? x() : C()])]);
   }
 });
-function De(t, e, p) {
+function Fe(t, e, p) {
   var T;
-  const i = "", l = "", c = m();
+  const i = "", n = "", c = m();
   function a() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function n() {
+  function l() {
     return !1;
   }
   function u() {
@@ -732,13 +746,13 @@ function De(t, e, p) {
   function h() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function y() {
+  function b() {
   }
   function k(g, j) {
   }
-  function b(g, j) {
+  function y(g, j) {
     const { componentType: S } = g;
-    let P = X(S, g, j);
+    let P = Y(S, g, j);
     const B = S.toLowerCase().replace(/-/g, "_");
     return P && !P.id && P.type === S && (P.id = `${B}_${Math.random().toString().slice(2, 6)}`), P;
   }
@@ -757,7 +771,7 @@ function De(t, e, p) {
   }
   return c.value = {
     canMove: a(),
-    canSelectParent: n(),
+    canSelectParent: l(),
     canDelete: u(),
     canNested: !o(),
     contents: e == null ? void 0 : e.schema.contents,
@@ -765,69 +779,69 @@ function De(t, e, p) {
     parent: (T = e == null ? void 0 : e.parent) == null ? void 0 : T.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: i,
-    designerClass: l,
+    designerClass: n,
     canAccepts: v,
     getBelongedComponentInstance: s,
     getDraggableDesignItemElement: f,
     getDraggingDisplayText: h,
     getPropConfig: N,
-    getDragScopeElement: y,
+    getDragScopeElement: b,
     onAcceptMovedChildElement: k,
     onChildElementMovedOut: w,
-    addNewChildComponentSchema: b,
+    addNewChildComponentSchema: y,
     triggerBelongedComponentToMoveWhenMoved: m(!1),
     triggerBelongedComponentToDeleteWhenDeleted: m(!1),
     onRemoveComponent: O
   }, c;
 }
-const Fe = /* @__PURE__ */ J({
+const Ae = /* @__PURE__ */ J({
   name: "FPagination",
-  props: W,
+  props: _,
   emits: ["pageIndexChanged", "pageSizeChanged"],
   setup(t, e) {
-    const p = m(!1), i = m(t.mode), l = m(""), c = m(!1), a = m(t.pageSize), n = m(t.currentPage), u = m(t.totalItems), o = m(), s = re("design-item-context"), f = De(o, s);
-    ie(() => {
+    const p = m(!1), i = m(t.mode), n = m(""), c = m(!1), a = m(t.pageSize), l = m(t.currentPage), u = m(t.totalItems), o = m(), s = ie("design-item-context"), f = Fe(o, s);
+    ue(() => {
       o.value.componentInstance = f;
     }), e.expose(f.value);
     const {
       pages: v,
       updatePages: h
-    } = ne(), y = d(() => n.value === 1), k = d(() => [20, 50, 100]), b = d(() => Math.ceil(u.value / a.value)), w = d(() => n.value === b.value), N = d(() => !0), O = d(() => n.value > 1), T = d(() => !(c.value && v.value.length <= 1)), g = d(() => !0), j = d(() => !0), S = d(() => !0), P = d(() => !0), {
+    } = le(), b = d(() => l.value === 1), k = d(() => [20, 50, 100]), y = d(() => Math.ceil(u.value / a.value)), w = d(() => l.value === y.value), N = d(() => !0), O = d(() => l.value > 1), T = d(() => !(c.value && v.value.length <= 1)), g = d(() => !0), j = d(() => !0), S = d(() => !0), P = d(() => !0), {
       renderFirstPage: B,
       renderPreviousPage: E
-    } = ae(n, y, O, a, e), {
-      renderLastPage: z,
-      renderNextPage: $
-    } = I(n, w, b, a, e), {
+    } = ne(l, b, O, a, e), {
+      renderLastPage: $,
+      renderNextPage: z
+    } = K(l, w, y, a, e), {
       renderPageInfo: D
-    } = K(l, u), {
-      renderPageList: _
-    } = ee(n, a, k, u, e), {
-      renderPageNumbers: x
-    } = te(n, v, a, e), {
+    } = ee(n, u), {
+      renderPageList: W
+    } = te(l, a, k, u, e), {
+      renderPageNumbers: q
+    } = ae(l, v, a, e), {
       renderGotoButton: F
-    } = Z(n, b, a, e);
-    h(n.value, a.value, u.value, 7), M([n, a], () => {
-      h(n.value, a.value, u.value, 7);
-    }), M(n, () => {
-      e.emit("pageIndexChanged", n.value);
+    } = I(l, y, a, e);
+    h(l.value, a.value, u.value, 7), M([l, a], () => {
+      h(l.value, a.value, u.value, 7);
+    }), M(l, () => {
+      e.emit("pageIndexChanged", l.value);
     }), M(a, () => {
       e.emit("pageSizeChanged", a.value);
     });
-    const C = d(() => ({
+    const x = d(() => ({
       "ngx-pagination": !0,
       pagination: !0,
       responsive: p.value,
       "pager-viewmode-default": i.value === "default",
       "pager-viewmode-simple": i.value === "simple"
-    })), G = d(() => ({
+    })), C = d(() => ({
       position: "relative",
-      "justify-content": l.value === "center" ? "center" : "start"
+      "justify-content": n.value === "center" ? "center" : "start"
     }));
     function L() {
-      return r(A, null, [g.value && D(), j.value && _(), P.value && B(), P.value && E(), S.value && x(), P.value && $(), P.value && z(), N.value && F()]);
+      return r(A, null, [g.value && D(), j.value && W(), P.value && B(), P.value && E(), S.value && q(), P.value && z(), P.value && $(), N.value && F()]);
     }
-    function le() {
+    function se() {
       return r(A, null, [r("li", {
         class: "page-item d-flex flex-fill"
       }, null), P.value && B(), P.value && E(), F(), r("li", {
@@ -840,28 +854,28 @@ const Fe = /* @__PURE__ */ J({
         style: "margin-left: 5px"
       }, [r("span", {
         style: "font-size: 16px; font-weight: 600;"
-      }, [R(" "), b.value])]), P.value && $(), P.value && z()]);
+      }, [R(" "), y.value])]), P.value && z(), P.value && $()]);
     }
     return () => r("div", {
       ref: o,
       class: "pagination-container"
     }, [T.value && r("ul", {
       role: "navigation",
-      class: C.value,
-      style: G.value
-    }, [i.value === "default" ? L() : le()])]);
+      class: x.value,
+      style: C.value
+    }, [i.value === "default" ? L() : se()])]);
   }
 });
 V.register = (t, e, p) => {
-  t.pagination = V, e.pagination = Y;
+  t.pagination = V, e.pagination = Z;
 };
 V.registerDesigner = (t, e, p) => {
-  t.pagination = Fe, e.pagination = Y;
+  t.pagination = Ae, e.pagination = Z;
 };
 const xe = ce(V);
 export {
   V as FPagination,
   xe as default,
-  W as paginationProps,
-  Y as propsResolver
+  _ as paginationProps,
+  Z as propsResolver
 };