@farris/ui-vue 1.2.4 → 1.2.6

package/components/pagination/index.esm.js

@@ -1,111 +1,111 @@
-import { ref as w, watch as E, createVNode as i, computed as P, defineComponent as Y, watchEffect as le, Fragment as W, createTextVNode as q, nextTick as ie, inject as pe, onMounted as ue } from "vue";
-import { cloneDeep as fe } from "lodash-es";
-import { withInstall as de } from "@farris/ui-vue/components/common";
-const Z = {}, I = {};
-function Q(n) {
-  const { properties: e, title: t } = n, p = Object.keys(e).reduce((s, g) => (s[g] = e[g].type === "object" && e[g].properties ? Q(e[g]) : fe(e[g].default), s), {});
-  return p.id = `${t}-${Date.now()}`, p;
+import { ref as N, watch as B, createVNode as i, computed as w, defineComponent as K, watchEffect as pe, Fragment as _, createTextVNode as H, nextTick as ue, inject as fe, onMounted as de } from "vue";
+import { cloneDeep as ge } from "lodash-es";
+import { withInstall as be } from "@farris/ui-vue/components/common";
+const R = {}, ee = {};
+function Y(n) {
+  const { properties: e, title: t } = n, u = Object.keys(e).reduce((a, g) => (a[g] = e[g].type === "object" && e[g].properties ? Y(e[g]) : ge(e[g].default), a), {});
+  return u.id = `${t}-${Date.now()}`, u;
 }
-function z(n, e = {}) {
-  const t = Z[n];
+function q(n, e = {}) {
+  const t = R[n];
   if (t) {
-    let p = Q(t);
-    const s = I[n];
-    return p = s ? s({ getSchemaByType: z }, p, e) : p, p;
+    let u = Y(t);
+    const a = ee[n];
+    return u = a ? a({ getSchemaByType: q }, u, e) : u, u;
   }
   return null;
 }
-function ge(n, e) {
-  const t = Q(e);
-  return Object.keys(n).reduce((p, s) => (p[s] = n[s], p), t), t;
-}
 function ye(n, e) {
-  return Object.keys(n).filter((p) => n[p] != null).reduce((p, s) => {
-    if (e.has(s)) {
-      const g = e.get(s);
+  const t = Y(e);
+  return Object.keys(n).reduce((u, a) => (u[a] = n[a], u), t), t;
+}
+function me(n, e) {
+  return Object.keys(n).filter((u) => n[u] != null).reduce((u, a) => {
+    if (e.has(a)) {
+      const g = e.get(a);
       if (typeof g == "string")
-        p[g] = n[s];
+        u[g] = n[a];
       else {
-        const o = g(s, n[s], n);
-        Object.assign(p, o);
+        const o = g(a, n[a], n);
+        Object.assign(u, o);
       }
     } else
-      p[s] = n[s];
-    return p;
+      u[a] = n[a];
+    return u;
   }, {});
 }
-function be(n, e, t = /* @__PURE__ */ new Map()) {
-  const p = ge(n, e);
-  return ye(p, t);
+function he(n, e, t = /* @__PURE__ */ new Map()) {
+  const u = ye(n, e);
+  return me(u, t);
 }
-function he(n = {}) {
-  function e(f, h, v, m) {
-    if (typeof v == "number")
-      return m[f].length === v;
-    if (typeof v == "object") {
-      const j = Object.keys(v)[0], l = v[j];
-      if (j === "not")
-        return Number(m[f].length) !== Number(l);
-      if (j === "moreThan")
-        return Number(m[f].length) >= Number(l);
-      if (j === "lessThan")
-        return Number(m[f].length) <= Number(l);
+function ve(n = {}) {
+  function e(f, b, h, m) {
+    if (typeof h == "number")
+      return m[f].length === h;
+    if (typeof h == "object") {
+      const P = Object.keys(h)[0], c = h[P];
+      if (P === "not")
+        return Number(m[f].length) !== Number(c);
+      if (P === "moreThan")
+        return Number(m[f].length) >= Number(c);
+      if (P === "lessThan")
+        return Number(m[f].length) <= Number(c);
     }
     return !1;
   }
-  function t(f, h, v, m) {
-    return m[f] && m[f].propertyValue && String(m[f].propertyValue.value) === String(v);
+  function t(f, b, h, m) {
+    return m[f] && m[f].propertyValue && String(m[f].propertyValue.value) === String(h);
   }
-  const p = /* @__PURE__ */ new Map([
+  const u = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", t]
   ]);
-  Object.keys(n).reduce((f, h) => (f.set(h, n[h]), f), p);
-  function s(f, h) {
-    const v = f;
-    return typeof h == "number" ? [{ target: v, operator: "length", param: null, value: Number(h) }] : typeof h == "boolean" ? [{ target: v, operator: "getProperty", param: f, value: !!h }] : typeof h == "object" ? Object.keys(h).map((m) => {
+  Object.keys(n).reduce((f, b) => (f.set(b, n[b]), f), u);
+  function a(f, b) {
+    const h = f;
+    return typeof b == "number" ? [{ target: h, operator: "length", param: null, value: Number(b) }] : typeof b == "boolean" ? [{ target: h, operator: "getProperty", param: f, value: !!b }] : typeof b == "object" ? Object.keys(b).map((m) => {
       if (m === "length")
-        return { target: v, operator: "length", param: null, value: h[m] };
-      const j = m, l = h[m];
-      return { target: v, operator: "getProperty", param: j, value: l };
+        return { target: h, operator: "length", param: null, value: b[m] };
+      const P = m, c = b[m];
+      return { target: h, operator: "getProperty", param: P, value: c };
     }) : [];
   }
   function g(f) {
-    return Object.keys(f).reduce((v, m) => {
-      const j = s(m, f[m]);
-      return v.push(...j), v;
+    return Object.keys(f).reduce((h, m) => {
+      const P = a(m, f[m]);
+      return h.push(...P), h;
     }, []);
   }
-  function o(f, h) {
-    if (p.has(f.operator)) {
-      const v = p.get(f.operator);
-      return v && v(f.target, f.param, f.value, h) || !1;
+  function o(f, b) {
+    if (u.has(f.operator)) {
+      const h = u.get(f.operator);
+      return h && h(f.target, f.param, f.value, b) || !1;
     }
     return !1;
   }
-  function a(f, h) {
-    return g(f).reduce((j, l) => j && o(l, h), !0);
+  function s(f, b) {
+    return g(f).reduce((P, c) => P && o(c, b), !0);
   }
-  function c(f, h) {
-    const v = Object.keys(f), m = v.includes("allOf"), j = v.includes("anyOf"), l = m || j, y = (l ? f[l ? m ? "allOf" : "anyOf" : "allOf"] : [f]).map((d) => a(d, h));
+  function l(f, b) {
+    const h = Object.keys(f), m = h.includes("allOf"), P = h.includes("anyOf"), c = m || P, y = (c ? f[c ? m ? "allOf" : "anyOf" : "allOf"] : [f]).map((C) => s(C, b));
     return m ? !y.includes(!1) : y.includes(!0);
   }
-  return { parseValueSchema: c };
+  return { parseValueSchema: l };
 }
-const me = {}, ve = {};
-he();
-function je(n, e, t = /* @__PURE__ */ new Map(), p = (o, a, c) => a, s = {}, g = (o) => o) {
-  return Z[e.title] = e, I[e.title] = p, me[e.title] = s, ve[e.title] = g, (o = {}) => {
-    const a = be(o, e, t), c = Object.keys(n).reduce((f, h) => (f[h] = n[h].default, f), {});
-    return Object.assign(c, a);
+const je = {}, Ce = {};
+ve();
+function Pe(n, e, t = /* @__PURE__ */ new Map(), u = (o, s, l) => s, a = {}, g = (o) => o) {
+  return R[e.title] = e, ee[e.title] = u, je[e.title] = a, Ce[e.title] = g, (o = {}) => {
+    const s = he(o, e, t), l = Object.keys(n).reduce((f, b) => (f[b] = n[b].default, f), {});
+    return Object.assign(l, s);
   };
 }
-function Pe(n, e) {
+function we(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const Ce = /* @__PURE__ */ new Map([
-  ["appearance", Pe]
-]), we = "https://json-schema.org/draft/2020-12/schema", Ne = "https://farris-design.gitee.io/pagination.schema.json", Oe = "pagination", Te = "A Farris Component", Se = "object", ke = {
+const Ne = /* @__PURE__ */ new Map([
+  ["appearance", we]
+]), Te = "https://json-schema.org/draft/2020-12/schema", ke = "https://farris-design.gitee.io/pagination.schema.json", Oe = "pagination", Se = "A Farris Component", Ae = "object", Me = {
   id: {
     description: "The unique identifier for a pagination",
     type: "string"
@@ -197,18 +197,18 @@ const Ce = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, Ae = [
+}, Le = [
   "id",
   "type"
-], Me = {
-  $schema: we,
-  $id: Ne,
+], De = {
+  $schema: Te,
+  $id: ke,
   title: Oe,
-  description: Te,
-  type: Se,
-  properties: ke,
-  required: Ae
-}, Le = "pagination", De = "A Farris Component", Ee = "object", xe = {
+  description: Se,
+  type: Ae,
+  properties: Me,
+  required: Le
+}, xe = "pagination", Ee = "A Farris Component", Be = "object", $e = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -290,16 +290,16 @@ const Ce = /* @__PURE__ */ new Map([
       }
     }
   }
-}, Be = {
-  title: Le,
-  description: De,
-  type: Ee,
-  categories: xe
+}, Fe = {
+  title: xe,
+  description: Ee,
+  type: Be,
+  categories: $e
 };
-function $e(n, e, t) {
+function Ve(n, e, t) {
   return e;
 }
-const U = {
+const Z = {
   /**
    * 当前页码
    */
@@ -332,21 +332,21 @@ const U = {
    * 自定义每页数量
    */
   pageList: { type: Array, default: [20, 50, 100] }
-}, K = je(U, Me, Ce, $e, Be);
-function R(n, e) {
-  const t = w("跳转至"), p = w(""), s = w(n.value);
-  E(s, (c, f) => {
-    c >= 1 && c <= e.value ? n.value = c : s.value = f;
-  }), E(n, (c) => {
-    s.value !== c && (s.value = c);
+}, te = Pe(Z, De, Ne, Ve, Fe);
+function ne(n, e) {
+  const t = N("跳转至"), u = N(""), a = N(n.value);
+  B(a, (l, f) => {
+    l >= 1 && l <= e.value ? n.value = l : a.value = f;
+  }), B(n, (l) => {
+    a.value !== l && (a.value = l);
   });
-  function g(c) {
-    s.value = c.target.valueAsNumber;
+  function g(l) {
+    a.value = l.target.valueAsNumber;
   }
-  function o(c) {
-    c.key === "Enter" && (s.value = c.target.valueAsNumber);
+  function o(l) {
+    l.key === "Enter" && (a.value = l.target.valueAsNumber);
   }
-  function a() {
+  function s() {
     return i("li", {
       class: "page-goto-input d-flex flex-row",
       style: "padding-left: 10px; white-space: nowrap;"
@@ -355,36 +355,36 @@ function R(n, e) {
     }, [t.value]), i("input", {
       type: "number",
       class: "form-control farris-gotopagenumber",
-      value: s.value,
+      value: a.value,
       min: "1",
       max: e.value,
       style: "display: inline-block;margin-left:3px;",
-      onBlur: (c) => g(c),
-      onKeyup: (c) => o(c)
-    }, null), p.value]);
+      onBlur: (l) => g(l),
+      onKeyup: (l) => o(l)
+    }, null), u.value]);
   }
   return {
-    renderGotoButton: a
+    renderGotoButton: s
   };
 }
-function ee(n, e, t) {
-  const p = P(() => ({
+function oe(n, e, t) {
+  const u = w(() => ({
     "page-item": !0,
     disabled: e.value
   }));
-  function s(c) {
+  function a(l) {
     n.value = n.value < t.value ? n.value + 1 : t.value;
   }
-  function g(c) {
+  function g(l) {
     n.value = t.value;
   }
   function o() {
     return i("li", {
-      class: p.value
+      class: u.value
     }, [!e.value && i("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (c) => s()
+      onClick: (l) => a()
     }, [i("span", {
       class: "f-icon f-page-next"
     }, null)]), e.value && i("span", {
@@ -393,13 +393,13 @@ function ee(n, e, t) {
       class: "f-icon f-page-next"
     }, null)])]);
   }
-  function a() {
+  function s() {
     return i("li", {
-      class: p.value
+      class: u.value
     }, [!e.value && i("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (c) => g()
+      onClick: (l) => g()
     }, [i("span", {
       class: "f-icon f-page-last"
     }, null)]), e.value && i("span", {
@@ -409,12 +409,12 @@ function ee(n, e, t) {
     }, null)])]);
   }
   return {
-    renderLastPage: a,
+    renderLastPage: s,
     renderNextPage: o
   };
 }
-function te(n, e) {
-  const t = w("共"), p = w("条"), s = P(() => ({
+function ae(n, e) {
+  const t = N("共"), u = N("条"), a = w(() => ({
     "pagination-message": !0,
     "text-truncate": !0,
     "d-flex": !0,
@@ -423,7 +423,7 @@ function te(n, e) {
   }));
   function g() {
     return i("li", {
-      class: s.value
+      class: a.value
     }, [i("div", {
       class: "text-truncate",
       style: "line-height: 26px"
@@ -433,47 +433,47 @@ function te(n, e) {
       class: "pg-message-total"
     }, [e.value]), i("span", {
       class: "pg-message-text"
-    }, [p.value])])]);
+    }, [u.value])])]);
   }
   return {
     renderPageInfo: g
   };
 }
-function ne(n, e, t, p) {
-  const s = w(!1), g = w("显示"), o = w("条"), a = P(() => ({
+function se(n, e, t, u) {
+  const a = N(!1), g = N("显示"), o = N("条"), s = w(() => ({
     dropup: !0,
     "dropdown-right": !0,
     "pg-pagelist": !0,
-    "pagelist-disabled": p.value === 0,
-    show: s.value
-  })), c = P(() => ({
+    "pagelist-disabled": u.value === 0,
+    show: a.value
+  })), l = w(() => ({
     "dropdown-menu": !0,
-    show: s.value
+    show: a.value
   })), f = (r) => ({
     "w-100": !0,
     "dropdown-item": !0,
     active: e.value === r
   });
-  function h(r) {
-    s.value = !0;
+  function b(r) {
+    a.value = !0;
   }
-  function v(r) {
-    s.value = !1;
+  function h(r) {
+    a.value = !1;
   }
-  function m(r, u, y) {
-    const d = r * u - u + 1;
-    return Math.ceil(d / y);
+  function m(r, p, y) {
+    const C = r * p - p + 1;
+    return Math.ceil(C / y);
   }
-  function j(r, u) {
-    n.value = m(n.value, e.value, u), e.value = u, s.value = !1;
+  function P(r, p) {
+    n.value = m(n.value, e.value, p), e.value = p, a.value = !1;
   }
-  function l() {
+  function c() {
     return i("li", {
       class: "pagination-pagelist"
     }, [i("div", {
-      class: a.value,
-      onMouseenter: (r) => h(),
-      onMouseleave: (r) => v()
+      class: s.value,
+      onMouseenter: (r) => b(),
+      onMouseleave: (r) => h()
     }, [i("div", {
       class: "pg-pagelist-info"
     }, [i("span", {
@@ -485,29 +485,29 @@ function ne(n, e, t, p) {
     }, [o.value]), i("i", {
       class: "f-icon f-icon-dropdown"
     }, null)]), i("div", {
-      class: c.value,
+      class: l.value,
       style: "margin-bottom: -1px;"
     }, [t.value.map((r) => i("li", {
       class: f(r),
-      onClick: (u) => j(u, r)
+      onClick: (p) => P(p, r)
     }, [i("span", null, [r])]))])])]);
   }
   return {
-    renderPageList: l
+    renderPageList: c
   };
 }
-function oe(n, e) {
+function re(n, e) {
   const t = (o) => ({
     "page-item": !0,
     current: n.value === o.value,
     ellipsis: o.label === "..."
-  }), p = (o) => ({
+  }), u = (o) => ({
     "f-icon": !0,
     "f-icon-arrow-seek-left": o.value < n.value,
     "f-icon-arrow-seek-right": o.value > n.value
   });
-  function s(o, a) {
-    n.value = a;
+  function a(o, s) {
+    n.value = s;
   }
   function g() {
     return e.value.map((o) => i("li", {
@@ -515,11 +515,11 @@ function oe(n, e) {
     }, [n.value !== o.value && i("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (a) => s(a, o.value)
+      onClick: (s) => a(s, o.value)
     }, [i("span", {
       class: "page-link-label"
     }, [o.label]), o.label === "..." && i("i", {
-      class: p(o)
+      class: u(o)
     }, null)]), n.value === o.value && i("span", {
       class: "page-link"
     }, [o.label])]));
@@ -528,24 +528,24 @@ function oe(n, e) {
     renderPageNumbers: g
   };
 }
-function ae(n, e, t) {
-  const p = P(() => ({
+function ce(n, e, t) {
+  const u = w(() => ({
     "page-item": !0,
     disabled: e.value
   }));
-  function s(c) {
+  function a(l) {
     n.value = 1;
   }
-  function g(c) {
+  function g(l) {
     n.value = n.value > 2 ? n.value - 1 : 1;
   }
   function o() {
     return i("li", {
-      class: p.value
+      class: u.value
     }, [t.value && i("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (c) => s()
+      onClick: (l) => a()
     }, [i("span", {
       class: "f-icon f-page-first"
     }, null)]), e.value && i("span", {
@@ -554,13 +554,13 @@ function ae(n, e, t) {
       class: "f-icon f-page-first"
     }, null)])]);
   }
-  function a() {
+  function s() {
     return i("li", {
-      class: p.value
+      class: u.value
     }, [t.value && i("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (c) => g()
+      onClick: (l) => g()
     }, [i("span", {
       class: "f-icon f-page-pre"
     }, null)]), e.value && i("span", {
@@ -571,201 +571,201 @@ function ae(n, e, t) {
   }
   return {
     renderFirstPage: o,
-    renderPreviousPage: a
+    renderPreviousPage: s
   };
 }
-function se(n) {
-  const e = w([]);
-  function t(s, g, o, a) {
-    const c = Math.ceil(o / 2);
-    return s === o ? a : s === 1 ? s : o < a ? a - c < g ? a - o + s : c < g ? g - c + s : s : s;
-  }
-  function p(s, g, o, a) {
-    const c = [], f = Math.ceil(o / g), h = Math.ceil(a / 2), v = s <= h, m = f - h < s, j = !v && !m, l = a < f;
+function le(n) {
+  const e = N([]);
+  function t(a, g, o, s) {
+    const l = Math.ceil(o / 2);
+    return a === o ? s : a === 1 ? a : o < s ? s - l < g ? s - o + a : l < g ? g - l + a : a : a;
+  }
+  function u(a, g, o, s) {
+    const l = [], f = Math.ceil(o / g), b = Math.ceil(s / 2), h = a <= b, m = f - b < a, P = !h && !m, c = s < f;
     let r = 1;
-    for (; r <= f && r <= a; ) {
-      const u = t(r, s, a, f), y = r === 2 && (j || m), O = r === a - 1 && (j || v), d = l && (y || O) ? "..." : "" + u;
-      c.push({ label: d, value: u }), r++;
+    for (; r <= f && r <= s; ) {
+      const p = t(r, a, s, f), y = r === 2 && (P || m), T = r === s - 1 && (P || h), C = c && (y || T) ? "..." : "" + p;
+      l.push({ label: C, value: p }), r++;
     }
-    e.value = c;
+    e.value = l;
   }
-  return { pages: e, updatePages: p };
+  return { pages: e, updatePages: u };
 }
-const _ = /* @__PURE__ */ Y({
+const J = /* @__PURE__ */ K({
   name: "FPagination",
-  props: U,
+  props: Z,
   emits: ["pageIndexChanged", "pageSizeChanged", "update:currentPage", "update:pageSize"],
   setup(n, e) {
-    const t = w(!1), p = w(n.mode), s = w(""), g = w(!1), o = w(n.pageSize), a = w(n.currentPage), c = w(n.totalItems), {
+    const t = N(!1), u = N(n.mode), a = N(""), g = N(!1), o = N(n.pageSize), s = N(n.currentPage), l = N(n.totalItems), {
       pages: f,
-      updatePages: h
-    } = se(), v = P(() => a.value === 1), m = P(() => n.pageList), j = P(() => Math.ceil(c.value / o.value)), l = P(() => a.value === j.value), r = P(() => n.showGoButton), u = P(() => a.value > 1), y = P(() => !(g.value && f.value.length <= 1)), O = P(() => !0), d = P(() => n.showPageList), T = P(() => n.showPageNumbers), S = P(() => !0), {
-      renderFirstPage: b,
-      renderPreviousPage: N
-    } = ae(a, v, u), {
-      renderLastPage: C,
-      renderNextPage: k
-    } = ee(a, l, j), {
+      updatePages: b
+    } = le(), h = w(() => s.value === 1), m = w(() => n.pageList), P = w(() => Math.ceil(l.value / o.value)), c = w(() => s.value === P.value), r = w(() => n.showGoButton), p = w(() => s.value > 1), y = w(() => !(g.value && f.value.length <= 1)), T = w(() => !0), C = w(() => n.showPageList), S = w(() => n.showPageNumbers), A = w(() => !0), {
+      renderFirstPage: j,
+      renderPreviousPage: O
+    } = ce(s, h, p), {
+      renderLastPage: d,
+      renderNextPage: v
+    } = oe(s, c, P), {
       renderPageInfo: M
-    } = te(s, c), {
-      renderPageList: A
-    } = ne(a, o, m, c), {
+    } = ae(a, l), {
+      renderPageList: k
+    } = se(s, o, m, l), {
       renderPageNumbers: D
-    } = oe(a, f), {
+    } = re(s, f), {
       renderGotoButton: x
-    } = R(a, j);
-    h(a.value, o.value, c.value, 7), E(() => n.totalItems, (L) => {
-      c.value = L;
-    }), E([a, o, c], () => {
-      h(a.value, o.value, c.value, 7);
-    }), E(a, () => {
-      e.emit("update:currentPage", a.value), e.emit("pageIndexChanged", a.value);
-    }), E(o, () => {
+    } = ne(s, P);
+    b(s.value, o.value, l.value, 7), B(() => n.totalItems, (E) => {
+      l.value = E;
+    }), B([s, o, l], () => {
+      b(s.value, o.value, l.value, 7);
+    }), B(s, () => {
+      e.emit("update:currentPage", s.value), e.emit("pageIndexChanged", s.value);
+    }), B(o, () => {
       e.emit("update:pageSize", o.value), e.emit("pageSizeChanged", o.value);
-    }), E(() => n.totalItems, (L) => {
-      c.value = L, h(a.value, o.value, c.value, 7);
-    }), le(() => {
-      const L = m.value.includes(o.value);
-      o.value = L ? o.value : m.value[0];
+    }), B(() => n.totalItems, (E) => {
+      l.value = E, b(s.value, o.value, l.value, 7);
+    }), pe(() => {
+      const E = m.value.includes(o.value);
+      o.value = E ? o.value : m.value[0];
     })();
-    const F = P(() => ({
+    const $ = w(() => ({
       "ngx-pagination": !0,
       pagination: !0,
       responsive: t.value,
-      "pager-viewmode-default": p.value === "default",
-      "pager-viewmode-simple": p.value === "simple"
-    })), V = P(() => ({
+      "pager-viewmode-default": u.value === "default",
+      "pager-viewmode-simple": u.value === "simple"
+    })), F = w(() => ({
       position: "relative",
-      "justify-content": s.value === "center" ? "center" : "start"
+      "justify-content": a.value === "center" ? "center" : "start"
     }));
-    function B() {
-      return i(W, null, [O.value && M(), d.value && A(), S.value && b(), S.value && N(), T.value && D(), S.value && k(), S.value && C(), r.value && x()]);
+    function V() {
+      return i(_, null, [T.value && M(), C.value && k(), A.value && j(), A.value && O(), S.value && D(), A.value && v(), A.value && d(), r.value && x()]);
     }
-    function $() {
-      return i(W, null, [i("li", {
+    function z() {
+      return i(_, null, [i("li", {
         class: "page-item d-flex flex-fill"
-      }, null), S.value && b(), S.value && N(), x(), i("li", {
+      }, null), A.value && j(), A.value && O(), x(), i("li", {
         class: "page-item page-separator",
         style: "margin-left: 10px"
       }, [i("span", {
         style: "font-size: 15px; font-weight: 200;"
-      }, [q(" /")])]), i("li", {
+      }, [H(" /")])]), i("li", {
         class: "page-item page-total",
         style: "margin-left: 5px"
       }, [i("span", {
         style: "font-size: 16px; font-weight: 600;"
-      }, [q(" "), j.value])]), S.value && k(), S.value && C()]);
+      }, [H(" "), P.value])]), A.value && v(), A.value && d()]);
     }
     return () => i("div", {
       class: "pagination-container"
     }, [y.value && i("ul", {
       role: "navigation",
-      class: F.value,
-      style: V.value
-    }, [p.value === "default" ? B() : $()])]);
+      class: $.value,
+      style: F.value
+    }, [u.value === "default" ? V() : z()])]);
   }
 });
-function Fe(n, e, t) {
-  var S;
-  function p() {
+function ze(n, e, t) {
+  var A;
+  function u() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
-  p();
-  const s = t && t.getStyles && t.getStyles() || "", g = t && t.getDesignerClass && t.getDesignerClass() || "", o = w();
-  function a() {
+  u();
+  const a = t && t.getStyles && t.getStyles() || "", g = t && t.getDesignerClass && t.getDesignerClass() || "", o = N();
+  function s() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function c() {
+  function l() {
     return !1;
   }
   function f() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
-  function h() {
+  function b() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function v(b) {
-    if (!b || !b.value)
+  function h(j) {
+    if (!j || !j.value)
       return null;
-    if (b.value.schema && b.value.schema.type === "component")
-      return b.value;
-    const N = w(b == null ? void 0 : b.value.parent), C = v(N);
-    return C || null;
+    if (j.value.schema && j.value.schema.type === "component")
+      return j.value;
+    const O = N(j == null ? void 0 : j.value.parent), d = h(O);
+    return d || null;
   }
-  function m(b = e) {
-    const { componentInstance: N, designerItemElementRef: C } = b;
-    return !N || !N.value ? null : N.value.canMove ? C : m(b.parent);
+  function m(j = e) {
+    const { componentInstance: O, designerItemElementRef: d } = j;
+    return !O || !O.value ? null : O.value.canMove ? d : m(j.parent);
   }
-  function j(b) {
-    return !!t && t.canAccepts(b);
+  function P(j) {
+    return !!t && t.canAccepts(j);
   }
-  function l() {
+  function c() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
   function r() {
   }
-  function u(b, N) {
-    N && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(N);
+  function p(j, O) {
+    O && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(O);
   }
-  function y(b) {
-    const { componentType: N } = b;
-    let C = z(N, b);
-    t && t.onResolveNewComponentSchema && (C = t.onResolveNewComponentSchema(b, C));
-    const k = N.toLowerCase().replace("-", "_");
-    return C && !C.id && C.type === N && (C.id = `${k}_${Math.random().toString().slice(2, 6)}`), C;
+  function y(j) {
+    const { componentType: O } = j;
+    let d = q(O, j);
+    t && t.onResolveNewComponentSchema && (d = t.onResolveNewComponentSchema(j, d));
+    const v = O.toLowerCase().replace("-", "_");
+    return d && !d.id && d.type === O && (d.id = `${v}_${Math.random().toString().slice(2, 6)}`), d;
   }
-  function O(b, N) {
-    const C = String(b.getAttribute("data-controltype")), k = b.getAttribute("data-feature"), M = k ? JSON.parse(k) : {};
+  function T(j, O) {
+    const d = String(j.getAttribute("data-controltype")), v = j.getAttribute("data-feature"), M = v ? JSON.parse(v) : {};
     M.parentComponentInstance = o.value;
-    let A = z(C, M);
-    t && t.onAcceptNewChildElement && (A = t.onAcceptNewChildElement(b, N, A));
-    const D = C.toLowerCase().replace("-", "_");
-    return A && !A.id && A.type === C && (A.id = `${D}_${Math.random().toString().slice(2, 6)}`), A;
+    let k = q(d, M);
+    t && t.onAcceptNewChildElement && (k = t.onAcceptNewChildElement(j, O, k));
+    const D = d.toLowerCase().replace("-", "_");
+    return k && !k.id && k.type === d && (k.id = `${D}_${Math.random().toString().slice(2, 6)}`), k;
   }
-  function d(b) {
+  function C(j) {
   }
-  function T(...b) {
+  function S(...j) {
     if (t && t.getPropsConfig)
-      return t.getPropsConfig(...b);
+      return t.getPropsConfig(...j);
   }
   return o.value = {
-    canMove: a(),
-    canSelectParent: c(),
+    canMove: s(),
+    canSelectParent: l(),
     canDelete: f(),
-    canNested: !h(),
+    canNested: !b(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
-    parent: (S = e == null ? void 0 : e.parent) == null ? void 0 : S.componentInstance,
+    parent: (A = e == null ? void 0 : e.parent) == null ? void 0 : A.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: s,
+    styles: a,
     designerClass: g,
-    canAccepts: j,
-    getBelongedComponentInstance: v,
+    canAccepts: P,
+    getBelongedComponentInstance: h,
     getDraggableDesignItemElement: m,
-    getDraggingDisplayText: l,
-    getPropConfig: T,
+    getDraggingDisplayText: c,
+    getPropConfig: S,
     getDragScopeElement: r,
-    onAcceptMovedChildElement: u,
-    onAcceptNewChildElement: O,
-    onChildElementMovedOut: d,
+    onAcceptMovedChildElement: p,
+    onAcceptNewChildElement: T,
+    onChildElementMovedOut: C,
     addNewChildComponentSchema: y,
-    updateDragAndDropRules: p,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || w(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || w(!1)
+    updateDragAndDropRules: u,
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || N(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || N(!1)
   }, o;
 }
-function Ve() {
+function We() {
   function n(e) {
-    var s, g;
+    var a, g;
     if (!e)
       return !1;
-    const t = ((s = e.targetContainer) == null ? void 0 : s.componentInstance) && e.targetContainer.componentInstance.value;
+    const t = ((a = e.targetContainer) == null ? void 0 : a.componentInstance) && e.targetContainer.componentInstance.value;
     if (!t)
       return !1;
-    const p = (g = t.schema.appearance) == null ? void 0 : g.class;
+    const u = (g = t.schema.appearance) == null ? void 0 : g.class;
     if (e.controlCategory === "input" || e.controlType === "form-group") {
-      const o = t.schema.type, a = (o === "response-form" || o === "content-container") && p && p.includes("farris-form");
-      if (t.schema.type !== "response-layout-item" && !a)
+      const o = t.schema.type, s = (o === "response-form" || o === "content-container") && u && u.includes("farris-form");
+      if (t.schema.type !== "response-layout-item" && !s)
         return !1;
     }
     return e.controlType !== "field-set";
@@ -774,7 +774,7 @@ function Ve() {
     basalDragulaRuleForContainer: n
   };
 }
-const ze = "https://json-schema.org/draft/2020-12/schema", Ge = "https://farris-design.gitee.io/dragging-rules.schema.json", We = "Dragging Rules", qe = "The rules of designer canvas", _e = "object", He = {
+const Ge = "https://json-schema.org/draft/2020-12/schema", qe = "https://farris-design.gitee.io/dragging-rules.schema.json", _e = "Dragging Rules", He = "The rules of designer canvas", Je = "object", Qe = {
   "f-page": {
     description: "The root class of page designed by farris.",
     type: "object",
@@ -1338,264 +1338,306 @@ const ze = "https://json-schema.org/draft/2020-12/schema", Ge = "https://farris-
     description: "",
     type: "object"
   }
-}, Je = [], Qe = {
-  $schema: ze,
-  $id: Ge,
-  title: We,
-  description: qe,
-  type: _e,
-  properties: He,
-  required: Je
-}, J = /* @__PURE__ */ new Map();
-function Ue() {
-  function n(l, r, u, y) {
-    var O;
-    if (typeof u == "number")
-      return ((O = y[l]) == null ? void 0 : O.length) === u;
-    if (typeof u == "object") {
-      const d = Object.keys(u)[0], T = u[d];
-      if (d === "not")
-        return Number(y[l].length) !== Number(T);
-      if (d === "moreThan")
-        return Number(y[l].length) >= Number(T);
-      if (d === "lessThan")
-        return Number(y[l].length) <= Number(T);
+}, Ue = [], Xe = {
+  $schema: Ge,
+  $id: qe,
+  title: _e,
+  description: He,
+  type: Je,
+  properties: Qe,
+  required: Ue
+}, X = /* @__PURE__ */ new Map();
+function Ye() {
+  function n(c, r, p, y) {
+    var T;
+    if (typeof p == "number")
+      return ((T = y[c]) == null ? void 0 : T.length) === p;
+    if (typeof p == "object") {
+      const C = Object.keys(p)[0], S = p[C];
+      if (C === "not")
+        return Number(y[c].length) !== Number(S);
+      if (C === "moreThan")
+        return Number(y[c].length) >= Number(S);
+      if (C === "lessThan")
+        return Number(y[c].length) <= Number(S);
     }
     return !1;
   }
-  function e(l, r, u, y) {
-    return typeof u == "boolean" ? y.childrenClassList.includes(r) === !!u : !1;
+  function e(c, r, p, y) {
+    return typeof p == "boolean" ? y.childrenClassList.includes(r) === !!p : !1;
   }
-  function t(l, r, u, y) {
-    return typeof u == "boolean" ? y.parentClassList.includes(r) === !!u : !1;
+  function t(c, r, p, y) {
+    return typeof p == "boolean" ? y.parentClassList.includes(r) === !!p : !1;
   }
-  function p(l, r, u, y) {
-    return typeof u == "boolean" ? y.parentClassList.includes(r) === !!u : !1;
+  function u(c, r, p, y) {
+    return typeof p == "boolean" ? y.parentClassList.includes(r) === !!p : !1;
   }
-  const s = /* @__PURE__ */ new Map([
+  const a = /* @__PURE__ */ new Map([
     ["length", n],
     ["hasChildren", e],
-    ["hasSibling", p],
+    ["hasSibling", u],
     ["hasParent", t]
   ]);
-  function g(l, r) {
-    const u = l;
-    return typeof r == "number" ? [{ target: u, operator: "length", param: null, value: Number(r) }] : typeof r == "object" ? Object.keys(r).map((y) => {
+  function g(c, r) {
+    const p = c;
+    return typeof r == "number" ? [{ target: p, operator: "length", param: null, value: Number(r) }] : typeof r == "object" ? Object.keys(r).map((y) => {
       if (y === "length")
-        return { target: u, operator: "length", param: null, value: r[y] };
-      const O = y, d = r[y];
-      return { target: u, operator: l === "children" ? "hasChildren" : l === "parent" ? "hasParent" : "hasSibling", param: O, value: d };
+        return { target: p, operator: "length", param: null, value: r[y] };
+      const T = y, C = r[y];
+      return { target: p, operator: c === "children" ? "hasChildren" : c === "parent" ? "hasParent" : "hasSibling", param: T, value: C };
     }) : [];
   }
-  function o(l, r) {
-    if (s.has(l.operator)) {
-      const u = s.get(l.operator);
-      return u && u(l.target, l.param, l.value, r) || !1;
+  function o(c, r) {
+    if (a.has(c.operator)) {
+      const p = a.get(c.operator);
+      return p && p(c.target, c.param, c.value, r) || !1;
     }
     return !1;
   }
-  function a(l, r) {
-    return Object.keys(l).reduce((d, T) => {
-      const S = g(T, l[T]);
-      return d.push(...S), d;
-    }, []).reduce((d, T) => d && o(T, r), !0);
+  function s(c, r) {
+    return Object.keys(c).reduce((C, S) => {
+      const A = g(S, c[S]);
+      return C.push(...A), C;
+    }, []).reduce((C, S) => C && o(S, r), !0);
   }
-  function c(l, r) {
-    const u = Object.keys(l), y = u.includes("allOf"), O = u.includes("anyOf"), d = y || O, b = (d ? l[d ? y ? "allOf" : "anyOf" : "allOf"] : [l]).map((C) => a(C, r));
-    return y ? !b.includes(!1) : b.includes(!0);
+  function l(c, r) {
+    const p = Object.keys(c), y = p.includes("allOf"), T = p.includes("anyOf"), C = y || T, j = (C ? c[C ? y ? "allOf" : "anyOf" : "allOf"] : [c]).map((d) => s(d, r));
+    return y ? !j.includes(!1) : j.includes(!0);
   }
-  function f(l, r) {
-    const u = l.const;
-    return u ? typeof u == "boolean" ? u : typeof u == "object" ? c(u, r) : !1 : !1;
+  function f(c, r) {
+    const p = c.const;
+    return p ? typeof p == "boolean" ? p : typeof p == "object" ? l(p, r) : !1 : !1;
   }
-  function h(l) {
+  function b(c) {
     return (r) => {
-      const u = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return l && l.properties && Object.keys(l.properties).reduce((y, O) => {
-        const d = l.properties[O];
-        return y[O] = f(d, r), y;
-      }, u), u;
+      const p = { canAccept: !0, fixed: !1, hidePadding: !1 };
+      return c && c.properties && Object.keys(c.properties).reduce((y, T) => {
+        const C = c.properties[T];
+        return y[T] = f(C, r), y;
+      }, p), p;
     };
   }
-  function v(l, r, u) {
+  function h(c, r, p) {
     if (r.type === "object" && r.properties) {
-      const { rules: y, contents: O } = r.properties;
-      u.set(l, h(y)), O && Object.keys(O.properties).forEach(
-        (d) => v(d, O.properties[d], u)
+      const { rules: y, contents: T } = r.properties;
+      p.set(c, b(y)), T && Object.keys(T.properties).forEach(
+        (C) => h(C, T.properties[C], p)
       );
     }
   }
   function m() {
-    const { properties: l } = Qe;
-    Object.keys(l).forEach((r) => {
-      v(r, l[r], J);
+    const { properties: c } = Xe;
+    Object.keys(c).forEach((r) => {
+      h(r, c[r], X);
     });
   }
-  function j(l, r) {
-    const u = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return J.has(l) ? J.get(l)(r) : u;
+  function P(c, r) {
+    const p = { canAccept: !0, fixed: !1, hidePadding: !0 };
+    return X.has(c) ? X.get(c)(r) : p;
   }
-  return m(), { getRuleValue: j };
+  return m(), { getRuleValue: P };
 }
-function Xe(n, e) {
-  const t = Ue(), p = w(!1), s = w(!1);
-  let g = !0, o = !1, a, c = !1;
-  function f(d) {
-    return a && a.componentClassList && a.componentClassList.includes("f-form-layout") && a.componentClassList.includes("farris-form") ? d.sourceType === "control" && d.controlCategory === "input" || d.sourceType === "move" && d.controlType === "form-group" : !0;
-  }
+function Ze(n, e) {
+  var O;
+  const t = n.schema, u = (O = n.parent) == null ? void 0 : O.schema, a = Ye(), g = N(!1), o = N(!1);
+  let s = !0, l = !1, f, b = !1;
   function h(d) {
-    return !(!Ve().basalDragulaRuleForContainer(d) || !g || !f(d));
-  }
-  function v() {
-    p.value = !1, s.value = !1;
-    const d = n, T = d.appearance && d.appearance.class || "", S = T.split(" "), b = d.contents || [], N = b.length ? b[0] : null, C = N && N.appearance ? N.appearance.class : "", k = C ? C.split(" ") : [], M = b.length ? b.reduce((B, $) => {
-      const L = $ && $.appearance ? $.appearance.class : "", H = L ? L.split(" ") : [];
-      return B.push(...H), B;
-    }, []) : [], A = e, D = A && A.appearance && A.appearance.class || "", x = D ? D.split(" ") : [];
-    a = {
-      componentClass: T,
-      componentClassList: S,
-      childContents: b,
-      firstChildContent: N,
-      firstChildClass: C,
-      firstChildClassList: k,
-      parent: A,
-      parentClass: D,
-      parentClassList: x,
-      children: b,
-      childrenClassList: M
-    };
-    const { canAccept: G, fixed: F, hidePadding: V } = t.getRuleValue(S[0], a);
-    return g = G, o = V, c = F, !0;
+    return f && f.componentClassList && f.componentClassList.includes("f-form-layout") && f.componentClassList.includes("farris-form") ? d.sourceType === "control" && d.controlCategory === "input" || d.sourceType === "move" && d.controlType === "form-group" : !0;
   }
   function m(d) {
-    ie();
+    return !(!We().basalDragulaRuleForContainer(d) || !s || !h(d));
+  }
+  function P() {
+    g.value = !1, o.value = !1;
+    const d = t, v = d.appearance && d.appearance.class || "", M = v.split(" "), k = d.contents || [], D = k.length ? k[0] : null, x = D && D.appearance ? D.appearance.class : "", L = x ? x.split(" ") : [], $ = k.length ? k.reduce((W, G) => {
+      const I = G && G.appearance ? G.appearance.class : "", ie = I ? I.split(" ") : [];
+      return W.push(...ie), W;
+    }, []) : [], F = u, V = F && F.appearance && F.appearance.class || "", z = V ? V.split(" ") : [];
+    f = {
+      componentClass: v,
+      componentClassList: M,
+      childContents: k,
+      firstChildContent: D,
+      firstChildClass: x,
+      firstChildClassList: L,
+      parent: F,
+      parentClass: V,
+      parentClassList: z,
+      children: k,
+      childrenClassList: $
+    };
+    const { canAccept: E, fixed: Q, hidePadding: U } = a.getRuleValue(M[0], f);
+    return s = E, l = U, b = Q, !0;
   }
-  function j() {
-    return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
+  function c(d) {
+    ue();
   }
-  function l(d, T) {
-    const S = n;
-    if ((S.appearance && S.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: C } = d, k = z("form-group");
-      return k.editor = T, k.label = C, k;
+  function r() {
+    return t.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
+  }
+  function p(d, v) {
+    const M = t;
+    if ((M.appearance && M.appearance.class || "").split(" ").includes("f-form-layout")) {
+      const { label: x } = d, L = q("form-group");
+      return L.editor = v, L.label = x, y(L), delete L.editor.id, delete L.editor.binding, delete L.editor.appearance, delete L.editor.visible, L;
     }
-    return T;
+    return v;
   }
-  function r(d, T, S) {
-    const b = n;
-    if ((b.appearance && b.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const k = String(d.innerText), M = z("form-group");
-      return M.editor = S, M.label = k, M;
+  function y(d) {
+    const v = n.componentInstance.value.getBelongedComponentInstance(n.componentInstance);
+    if (v && v.schema && v.schema.componentType) {
+      const M = v.schema.componentType, k = T(M);
+      d.appearance || (d.appearance = {}), d.appearance.class = k;
     }
-    return S;
   }
-  function u() {
-    return !c;
+  function T(d) {
+    let v = "";
+    switch (d) {
+      case "form-col-1": {
+        v = "col-12 col-md-12 col-xl-12 col-el-12";
+        break;
+      }
+      case "form-col-12": {
+        v = "col-12 col-md-12 col-xl-12 col-el-12";
+        break;
+      }
+      case "form-col-2": {
+        v = "col-12 col-md-6 col-xl-6 col-el-6";
+        break;
+      }
+      case "form-col-3": {
+        v = "col-12 col-md-6 col-xl-4 col-el-4";
+        break;
+      }
+      case "form-col-4": {
+        v = "col-12 col-md-6 col-xl-3 col-el-2";
+        break;
+      }
+      case "form-col-6": {
+        v = "col-12 col-md-6 col-xl-6 col-el-6";
+        break;
+      }
+      case "frame": {
+        v = "col-12";
+        break;
+      }
+    }
+    return v;
+  }
+  function C(d, v, M) {
+    const k = t;
+    if ((k.appearance && k.appearance.class || "").split(" ").includes("f-form-layout")) {
+      const L = String(d.innerText), $ = q("form-group");
+      return $.editor = M, $.label = L, $;
+    }
+    return M;
+  }
+  function S() {
+    return !b;
   }
-  function y() {
-    return !c;
+  function A() {
+    return !b;
   }
-  function O() {
-    return o;
+  function j() {
+    return l;
   }
   return {
-    canAccepts: h,
-    checkCanDeleteComponent: y,
-    checkCanMoveComponent: u,
-    getStyles: j,
-    hideNestedPaddingInDesginerView: O,
-    onAcceptNewChildElement: r,
-    onAcceptMovedChildElement: m,
-    resolveComponentContext: v,
-    onResolveNewComponentSchema: l,
-    triggerBelongedComponentToMoveWhenMoved: p,
-    triggerBelongedComponentToDeleteWhenDeleted: s
+    canAccepts: m,
+    checkCanDeleteComponent: A,
+    checkCanMoveComponent: S,
+    getStyles: r,
+    hideNestedPaddingInDesginerView: j,
+    onAcceptNewChildElement: C,
+    onAcceptMovedChildElement: c,
+    resolveComponentContext: P,
+    onResolveNewComponentSchema: p,
+    triggerBelongedComponentToMoveWhenMoved: g,
+    triggerBelongedComponentToDeleteWhenDeleted: o
   };
 }
-const Ye = /* @__PURE__ */ Y({
+const Ie = /* @__PURE__ */ K({
   name: "FPagination",
-  props: U,
+  props: Z,
   emits: ["pageIndexChanged", "pageSizeChanged"],
   setup(n, e) {
-    var X;
-    const t = w(!1), p = w(n.mode), s = w(""), g = w(!1), o = w(n.pageSize), a = w(n.currentPage), c = w(n.totalItems), f = w(), h = pe("design-item-context"), v = Xe(h.schema, (X = h.parent) == null ? void 0 : X.schema), m = Fe(f, h, v);
-    ue(() => {
+    var W;
+    const t = N(!1), u = N(n.mode), a = N(""), g = N(!1), o = N(n.pageSize), s = N(n.currentPage), l = N(n.totalItems), f = N(), b = fe("design-item-context"), h = Ze(b.schema, (W = b.parent) == null ? void 0 : W.schema), m = ze(f, b, h);
+    de(() => {
       f.value.componentInstance = m;
     }), e.expose(m.value);
     const {
-      pages: j,
-      updatePages: l
-    } = se(), r = P(() => a.value === 1), u = P(() => [20, 50, 100]), y = P(() => Math.ceil(c.value / o.value)), O = P(() => a.value === y.value), d = P(() => !0), T = P(() => a.value > 1), S = P(() => !(g.value && j.value.length <= 1)), b = P(() => !0), N = P(() => !0), C = P(() => !0), k = P(() => !0), {
+      pages: P,
+      updatePages: c
+    } = le(), r = w(() => s.value === 1), p = w(() => [20, 50, 100]), y = w(() => Math.ceil(l.value / o.value)), T = w(() => s.value === y.value), C = w(() => !0), S = w(() => s.value > 1), A = w(() => !(g.value && P.value.length <= 1)), j = w(() => !0), O = w(() => !0), d = w(() => !0), v = w(() => !0), {
       renderFirstPage: M,
-      renderPreviousPage: A
-    } = ae(a, r, T), {
+      renderPreviousPage: k
+    } = ce(s, r, S), {
       renderLastPage: D,
       renderNextPage: x
-    } = ee(a, O, y), {
-      renderPageInfo: G
-    } = te(s, c), {
-      renderPageList: F
-    } = ne(a, o, u, c), {
-      renderPageNumbers: V
-    } = oe(a, j), {
-      renderGotoButton: B
-    } = R(a, y);
-    l(a.value, o.value, c.value, 7), E([a, o], () => {
-      l(a.value, o.value, c.value, 7);
-    }), E(a, () => {
-      e.emit("pageIndexChanged", a.value);
-    }), E(o, () => {
+    } = oe(s, T, y), {
+      renderPageInfo: L
+    } = ae(a, l), {
+      renderPageList: $
+    } = se(s, o, p, l), {
+      renderPageNumbers: F
+    } = re(s, P), {
+      renderGotoButton: V
+    } = ne(s, y);
+    c(s.value, o.value, l.value, 7), B([s, o], () => {
+      c(s.value, o.value, l.value, 7);
+    }), B(s, () => {
+      e.emit("pageIndexChanged", s.value);
+    }), B(o, () => {
       e.emit("pageSizeChanged", o.value);
     });
-    const $ = P(() => ({
+    const z = w(() => ({
       "ngx-pagination": !0,
       pagination: !0,
       responsive: t.value,
-      "pager-viewmode-default": p.value === "default",
-      "pager-viewmode-simple": p.value === "simple"
-    })), L = P(() => ({
+      "pager-viewmode-default": u.value === "default",
+      "pager-viewmode-simple": u.value === "simple"
+    })), E = w(() => ({
       position: "relative",
-      "justify-content": s.value === "center" ? "center" : "start"
+      "justify-content": a.value === "center" ? "center" : "start"
     }));
-    function H() {
-      return i(W, null, [b.value && G(), N.value && F(), k.value && M(), k.value && A(), C.value && V(), k.value && x(), k.value && D(), d.value && B()]);
+    function Q() {
+      return i(_, null, [j.value && L(), O.value && $(), v.value && M(), v.value && k(), d.value && F(), v.value && x(), v.value && D(), C.value && V()]);
     }
-    function re() {
-      return i(W, null, [i("li", {
+    function U() {
+      return i(_, null, [i("li", {
         class: "page-item d-flex flex-fill"
-      }, null), k.value && M(), k.value && A(), B(), i("li", {
+      }, null), v.value && M(), v.value && k(), V(), i("li", {
         class: "page-item page-separator",
         style: "margin-left: 10px"
       }, [i("span", {
         style: "font-size: 15px; font-weight: 200;"
-      }, [q(" /")])]), i("li", {
+      }, [H(" /")])]), i("li", {
         class: "page-item page-total",
         style: "margin-left: 5px"
       }, [i("span", {
         style: "font-size: 16px; font-weight: 600;"
-      }, [q(" "), y.value])]), k.value && x(), k.value && D()]);
+      }, [H(" "), y.value])]), v.value && x(), v.value && D()]);
     }
     return () => i("div", {
       ref: f,
       class: "pagination-container"
-    }, [S.value && i("ul", {
+    }, [A.value && i("ul", {
       role: "navigation",
-      class: $.value,
-      style: L.value
-    }, [p.value === "default" ? H() : re()])]);
+      class: z.value,
+      style: E.value
+    }, [u.value === "default" ? Q() : U()])]);
   }
 });
-_.register = (n, e, t) => {
-  n.pagination = _, e.pagination = K;
+J.register = (n, e, t) => {
+  n.pagination = J, e.pagination = te;
 };
-_.registerDesigner = (n, e, t) => {
-  n.pagination = Ye, e.pagination = K;
+J.registerDesigner = (n, e, t) => {
+  n.pagination = Ie, e.pagination = te;
 };
-const Re = de(_);
+const tt = be(J);
 export {
-  _ as FPagination,
-  Re as default,
-  U as paginationProps,
-  K as propsResolver
+  J as FPagination,
+  tt as default,
+  Z as paginationProps,
+  te as propsResolver
 };