@farris/ui-vue 1.3.0 → 1.3.3

package/components/pagination/index.esm.js

@@ -1,114 +1,115 @@
-import { ref as k, watch as B, createVNode as f, computed as P, defineComponent as ee, watchEffect as fe, Fragment as W, createTextVNode as U, nextTick as de, inject as ge, onMounted as ye } from "vue";
-import { isPlainObject as K, cloneDeep as me } from "lodash-es";
-import { BaseControlProperty as be } from "../property-panel/index.esm.js/src/composition/entity/base-property";
-import { useResponseLayoutEditorSetting as he } from "../response-layout-editor/index.esm.js/src/composition/converter/use-response-layout-editor-setting";
-import { DgControl as ve } from "../designer-canvas/index.esm.js/src/composition/dg-control";
-import { withInstall as Ce } from "../common/index.esm.js";
-const te = {}, ne = {};
-function Y(n) {
-  const { properties: e, title: t, ignore: p } = n, c = p && Array.isArray(p), y = Object.keys(e).reduce((o, a) => ((!c || !p.find((s) => s == a)) && (o[a] = e[a].type === "object" && e[a].properties ? Y(e[a]) : me(e[a].default)), o), {});
-  return (!c || !p.find((o) => o == "id")) && (y.id = `${t}-${Date.now()}`), y;
+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 { 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 a = p.toLowerCase().replace(/-/g, "_");
+    c.id = `${a}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return c;
 }
-function q(n, e = {}, t) {
-  const p = te[n];
-  if (p) {
-    let c = Y(p);
-    const y = ne[n];
-    return c = y ? y({ getSchemaByType: q }, c, e, t) : c, c;
+function X(t, e = {}, p) {
+  const i = Q[t];
+  if (i) {
+    let l = q(i);
+    const c = U[t];
+    return l = c ? c({ getSchemaByType: X }, l, e, p) : l, l;
   }
   return null;
 }
-function je(n, e) {
-  const t = Y(e);
-  return Object.keys(n).reduce((p, c) => (p[c] && K(p[c]) && K(n[c]) ? Object.assign(p[c], n[c]) : p[c] = n[c], p), t), t;
+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 Pe(n, e) {
-  return Object.keys(n).filter((p) => n[p] != null).reduce((p, c) => {
-    if (e.has(c)) {
-      const y = e.get(c);
-      if (typeof y == "string")
-        p[y] = n[c];
+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);
+      if (typeof c == "string")
+        i[c] = t[l];
       else {
-        const o = y(c, n[c], n);
-        Object.assign(p, o);
+        const a = c(l, t[l], t);
+        Object.assign(i, a);
       }
     } else
-      p[c] = n[c];
-    return p;
+      i[l] = t[l];
+    return i;
   }, {});
 }
-function we(n, e, t = /* @__PURE__ */ new Map()) {
-  const p = je(n, e);
-  return Pe(p, t);
+function ve(t, e, p = /* @__PURE__ */ new Map()) {
+  const i = pe(t, e);
+  return fe(i, p);
 }
-function Ne(n = {}) {
-  function e(r, g, d, m) {
-    if (typeof d == "number")
-      return m[r].length === d;
-    if (typeof d == "object") {
-      const C = Object.keys(d)[0], l = d[C];
-      if (C === "not")
-        return Number(m[r].length) !== Number(l);
-      if (C === "moreThan")
-        return Number(m[r].length) >= Number(l);
-      if (C === "lessThan")
-        return Number(m[r].length) <= Number(l);
+function ge(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];
+      if (h === "not")
+        return Number(v[o].length) !== Number(y);
+      if (h === "moreThan")
+        return Number(v[o].length) >= Number(y);
+      if (h === "lessThan")
+        return Number(v[o].length) <= Number(y);
     }
     return !1;
   }
-  function t(r, g, d, m) {
-    return m[r] && m[r].propertyValue && String(m[r].propertyValue.value) === String(d);
+  function p(o, s, f, v) {
+    return v[o] && v[o].propertyValue && String(v[o].propertyValue.value) === String(f);
   }
-  const p = /* @__PURE__ */ new Map([
+  const i = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", t]
+    ["getProperty", p]
   ]);
-  Object.keys(n).reduce((r, g) => (r.set(g, n[g]), r), p);
-  function c(r, g) {
-    const d = r;
-    return typeof g == "number" ? [{ target: d, operator: "length", param: null, value: Number(g) }] : typeof g == "boolean" ? [{ target: d, operator: "getProperty", param: r, value: !!g }] : typeof g == "object" ? Object.keys(g).map((m) => {
-      if (m === "length")
-        return { target: d, operator: "length", param: null, value: g[m] };
-      const C = m, l = g[m];
-      return { target: d, operator: "getProperty", param: C, value: l };
+  Object.keys(t).reduce((o, s) => (o.set(s, t[s]), o), i);
+  function l(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 };
     }) : [];
   }
-  function y(r) {
-    return Object.keys(r).reduce((d, m) => {
-      const C = c(m, r[m]);
-      return d.push(...C), d;
+  function c(o) {
+    return Object.keys(o).reduce((f, v) => {
+      const h = l(v, o[v]);
+      return f.push(...h), f;
     }, []);
   }
-  function o(r, g) {
-    if (p.has(r.operator)) {
-      const d = p.get(r.operator);
-      return d && d(r.target, r.param, r.value, g) || !1;
+  function a(o, s) {
+    if (i.has(o.operator)) {
+      const f = i.get(o.operator);
+      return f && f(o.target, o.param, o.value, s) || !1;
     }
     return !1;
   }
-  function a(r, g) {
-    return y(r).reduce((C, l) => C && o(l, g), !0);
+  function n(o, s) {
+    return c(o).reduce((h, y) => h && a(y, s), !0);
   }
-  function s(r, g) {
-    const d = Object.keys(r), m = d.includes("allOf"), C = d.includes("anyOf"), l = m || C, b = (l ? r[l ? m ? "allOf" : "anyOf" : "allOf"] : [r]).map((j) => a(j, g));
-    return m ? !b.includes(!1) : b.includes(!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));
+    return v ? !w.includes(!1) : w.includes(!0);
   }
-  return { parseValueSchema: s };
+  return { parseValueSchema: u };
 }
-const ke = {}, Ae = {};
-Ne();
-function Le(n, e, t = /* @__PURE__ */ new Map(), p = (o, a, s) => a, c = {}, y = (o) => o) {
-  return te[e.title] = e, ne[e.title] = p, ke[e.title] = c, Ae[e.title] = y, (o = {}) => {
-    const a = we(o, e, t), s = Object.keys(n).reduce((r, g) => (r[g] = n[g].default, r), {});
-    return Object.assign(s, a);
+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);
   };
 }
-function Te(n, e) {
+function be(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const Se = /* @__PURE__ */ new Map([
-  ["appearance", Te]
-]), Me = "https://json-schema.org/draft/2020-12/schema", Oe = "https://farris-design.gitee.io/pagination.schema.json", xe = "pagination", De = "A Farris Component", Ee = "object", Be = {
+const ye = /* @__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 = {
   id: {
     description: "The unique identifier for a pagination",
     type: "string"
@@ -200,18 +201,18 @@ const Se = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, Fe = [
+}, Oe = [
   "id",
   "type"
-], Ie = {
-  $schema: Me,
-  $id: Oe,
-  title: xe,
-  description: De,
-  type: Ee,
-  properties: Be,
-  required: Fe
-}, $e = "pagination", Ve = "A Farris Component", qe = "object", ze = {
+], Me = {
+  $schema: Pe,
+  $id: we,
+  title: Se,
+  description: je,
+  type: ke,
+  properties: Ne,
+  required: Oe
+}, Le = "pagination", Te = "A Farris Component", Be = "object", Ee = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -282,7 +283,7 @@ const Se = /* @__PURE__ */ new Map([
             },
             {
               value: "center",
-              name: "居中对齐"
+              name: "居中"
             },
             {
               value: "right",
@@ -293,16 +294,16 @@ const Se = /* @__PURE__ */ new Map([
       }
     }
   }
-}, Ge = {
-  title: $e,
-  description: Ve,
-  type: qe,
-  categories: ze
+}, ze = {
+  title: Le,
+  description: Te,
+  type: Be,
+  categories: Ee
 };
-function We(n, e, t) {
+function $e(t, e, p) {
   return e;
 }
-const Z = {
+const W = {
   /**
    * 当前页码
    */
@@ -335,1459 +336,532 @@ const Z = {
    * 自定义每页数量
    */
   pageList: { type: Array, default: [20, 50, 100] }
-}, oe = Le(Z, Ie, Se, We, Ge);
-function se(n, e) {
-  const t = k("跳转至"), p = k(""), c = k(n.value);
-  B(c, (s, r) => {
-    s >= 1 && s <= e.value ? n.value = s : c.value = r;
-  }), B(n, (s) => {
-    c.value !== s && (c.value = s);
+}, Y = he(W, Me, ye, $e, ze);
+function Z(t, e, p, i) {
+  const l = 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 y(s) {
-    c.value = s.target.valueAsNumber;
+  function n(s) {
+    a.value = s.target.valueAsNumber, i.emit("change", {
+      pageIndex: a.value,
+      pageSize: p.value
+    });
   }
-  function o(s) {
-    s.key === "Enter" && (c.value = s.target.valueAsNumber);
+  function u(s) {
+    s.key === "Enter" && (a.value = s.target.valueAsNumber, i.emit("change", {
+      pageIndex: a.value,
+      pageSize: p.value
+    }));
   }
-  function a() {
-    return f("li", {
+  function o() {
+    return r("li", {
       class: "page-goto-input d-flex flex-row",
       style: "padding-left: 10px; white-space: nowrap;"
-    }, [f("span", {
+    }, [r("span", {
       class: "pg-message-text"
-    }, [t.value]), f("input", {
+    }, [l.value]), r("input", {
       type: "number",
       class: "form-control farris-gotopagenumber",
-      value: c.value,
+      value: a.value,
       min: "1",
       max: e.value,
       style: "display: inline-block;margin-left:3px;",
-      onBlur: (s) => y(s),
-      onKeyup: (s) => o(s)
-    }, null), p.value]);
+      onBlur: (s) => n(s),
+      onKeyup: (s) => u(s)
+    }, null), c.value]);
   }
   return {
-    renderGotoButton: a
+    renderGotoButton: o
   };
 }
-function ae(n, e, t) {
-  const p = P(() => ({
+function I(t, e, p, i, l) {
+  const c = d(() => ({
     "page-item": !0,
     disabled: e.value
   }));
-  function c(s) {
-    n.value = n.value < t.value ? n.value + 1 : t.value;
+  function a(s) {
+    t.value = t.value < p.value ? t.value + 1 : p.value, l.emit("change", {
+      pageIndex: t.value,
+      pageSize: i.value
+    });
   }
-  function y(s) {
-    n.value = t.value;
+  function n(s) {
+    t.value = p.value, l.emit("change", {
+      pageIndex: t.value,
+      pageSize: i.value
+    });
   }
-  function o() {
-    return f("li", {
-      class: p.value
-    }, [!e.value && f("a", {
+  function u() {
+    return r("li", {
+      class: c.value
+    }, [!e.value && r("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (s) => c()
-    }, [f("span", {
+      onClick: (s) => a()
+    }, [r("span", {
       class: "f-icon f-page-next"
-    }, null)]), e.value && f("span", {
+    }, null)]), e.value && r("span", {
       class: "page-link"
-    }, [f("span", {
+    }, [r("span", {
       class: "f-icon f-page-next"
     }, null)])]);
   }
-  function a() {
-    return f("li", {
-      class: p.value
-    }, [!e.value && f("a", {
+  function o() {
+    return r("li", {
+      class: c.value
+    }, [!e.value && r("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (s) => y()
-    }, [f("span", {
+      onClick: (s) => n()
+    }, [r("span", {
       class: "f-icon f-page-last"
-    }, null)]), e.value && f("span", {
+    }, null)]), e.value && r("span", {
       class: "page-link"
-    }, [f("span", {
+    }, [r("span", {
       class: "f-icon f-page-last"
     }, null)])]);
   }
   return {
-    renderLastPage: a,
-    renderNextPage: o
+    renderLastPage: o,
+    renderNextPage: u
   };
 }
-function re(n, e) {
-  const t = k("共"), p = k("条"), c = P(() => ({
+function K(t, e) {
+  const p = m("共"), i = m("条"), l = d(() => ({
     "pagination-message": !0,
     "text-truncate": !0,
     "d-flex": !0,
-    "ml-auto": n.value === "right",
-    "flex-fill": n.value === "right"
+    "ml-auto": t.value === "right",
+    "flex-fill": t.value === "right"
   }));
-  function y() {
-    return f("li", {
-      class: c.value
-    }, [f("div", {
+  function c() {
+    return r("li", {
+      class: l.value
+    }, [r("div", {
       class: "text-truncate",
       style: "line-height: 26px"
-    }, [f("span", {
+    }, [r("span", {
       class: "pg-message-text"
-    }, [t.value]), f("b", {
+    }, [p.value]), r("b", {
       class: "pg-message-total"
-    }, [e.value]), f("span", {
+    }, [e.value]), r("span", {
       class: "pg-message-text"
-    }, [p.value])])]);
+    }, [i.value])])]);
   }
   return {
-    renderPageInfo: y
+    renderPageInfo: c
   };
 }
-function ce(n, e, t, p) {
-  const c = k(!1), y = k("显示"), o = k("条"), a = P(() => ({
+function ee(t, e, p, i, l) {
+  const c = m(!1), a = m("显示"), n = m("条"), u = d(() => ({
     dropup: !0,
     "dropdown-right": !0,
     "pg-pagelist": !0,
-    "pagelist-disabled": p.value === 0,
+    "pagelist-disabled": i.value === 0,
     show: c.value
-  })), s = P(() => ({
+  })), o = d(() => ({
     "dropdown-menu": !0,
     show: c.value
-  })), r = (i) => ({
+  })), s = (b) => ({
     "w-100": !0,
     "dropdown-item": !0,
-    active: e.value === i
+    active: e.value === b
   });
-  function g(i) {
+  function f(b) {
     c.value = !0;
   }
-  function d(i) {
+  function v(b) {
     c.value = !1;
   }
-  function m(i, u, b) {
-    const j = i * u - u + 1;
-    return Math.ceil(j / b);
+  function h(b, w, N) {
+    const T = b * w - w + 1;
+    return Math.ceil(T / N);
   }
-  function C(i, u) {
-    n.value = m(n.value, e.value, u), e.value = u, c.value = !1;
+  function y(b, w) {
+    t.value = h(t.value, e.value, w), e.value = w, c.value = !1, l.emit("change", {
+      pageIndex: t.value,
+      pageSize: e.value
+    });
   }
-  function l() {
-    return f("li", {
+  function k() {
+    return r("li", {
       class: "pagination-pagelist"
-    }, [f("div", {
-      class: a.value,
-      onMouseenter: (i) => g(),
-      onMouseleave: (i) => d()
-    }, [f("div", {
+    }, [r("div", {
+      class: u.value,
+      onMouseenter: (b) => f(),
+      onMouseleave: (b) => v()
+    }, [r("div", {
       class: "pg-pagelist-info"
-    }, [f("span", {
+    }, [r("span", {
       class: "pagelist-text"
-    }, [y.value]), f("b", {
+    }, [a.value]), r("b", {
       class: "cur-pagesize"
-    }, [e.value]), f("span", {
+    }, [e.value]), r("span", {
       class: "pagelist-text"
-    }, [o.value]), f("i", {
+    }, [n.value]), r("i", {
       class: "f-icon f-icon-dropdown"
-    }, null)]), f("div", {
-      class: s.value,
+    }, null)]), r("div", {
+      class: o.value,
       style: "margin-bottom: -1px;"
-    }, [t.value.map((i) => f("li", {
-      class: r(i),
-      onClick: (u) => C(u, i)
-    }, [f("span", null, [i])]))])])]);
+    }, [p.value.map((b) => r("li", {
+      class: s(b),
+      onClick: (w) => y(w, b)
+    }, [r("span", null, [b])]))])])]);
   }
   return {
-    renderPageList: l
+    renderPageList: k
   };
 }
-function le(n, e) {
-  const t = (o) => ({
+function te(t, e, p, i) {
+  const l = (u) => ({
     "page-item": !0,
-    current: n.value === o.value,
-    ellipsis: o.label === "..."
-  }), p = (o) => ({
+    current: t.value === u.value,
+    ellipsis: u.label === "..."
+  }), c = (u) => ({
     "f-icon": !0,
-    "f-icon-arrow-seek-left": o.value < n.value,
-    "f-icon-arrow-seek-right": o.value > n.value
+    "f-icon-arrow-seek-left": u.value < t.value,
+    "f-icon-arrow-seek-right": u.value > t.value
   });
-  function c(o, a) {
-    n.value = a;
+  function a(u, o) {
+    t.value = o, i.emit("change", {
+      pageIndex: t.value,
+      pageSize: p.value
+    });
   }
-  function y() {
-    return e.value.map((o) => f("li", {
-      class: t(o)
-    }, [n.value !== o.value && f("a", {
+  function n() {
+    return e.value.map((u) => r("li", {
+      class: l(u)
+    }, [t.value !== u.value && r("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (a) => c(a, o.value)
-    }, [f("span", {
+      onClick: (o) => a(o, u.value)
+    }, [r("span", {
       class: "page-link-label"
-    }, [o.label]), o.label === "..." && f("i", {
-      class: p(o)
-    }, null)]), n.value === o.value && f("span", {
+    }, [u.label]), u.label === "..." && r("i", {
+      class: c(u)
+    }, null)]), t.value === u.value && r("span", {
       class: "page-link"
-    }, [o.label])]));
+    }, [u.label])]));
   }
   return {
-    renderPageNumbers: y
+    renderPageNumbers: n
   };
 }
-function ie(n, e, t) {
-  const p = P(() => ({
+function ae(t, e, p, i, l) {
+  const c = d(() => ({
     "page-item": !0,
     disabled: e.value
   }));
-  function c(s) {
-    n.value = 1;
+  function a(s) {
+    t.value = 1, l.emit("change", {
+      pageIndex: t.value,
+      pageSize: i.value
+    });
   }
-  function y(s) {
-    n.value = n.value > 2 ? n.value - 1 : 1;
+  function n(s) {
+    t.value = t.value > 2 ? t.value - 1 : 1, l.emit("change", {
+      pageIndex: t.value,
+      pageSize: i.value
+    });
   }
-  function o() {
-    return f("li", {
-      class: p.value
-    }, [t.value && f("a", {
+  function u() {
+    return r("li", {
+      class: c.value
+    }, [p.value && r("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (s) => c()
-    }, [f("span", {
+      onClick: (s) => a()
+    }, [r("span", {
       class: "f-icon f-page-first"
-    }, null)]), e.value && f("span", {
+    }, null)]), e.value && r("span", {
       class: "page-link"
-    }, [f("span", {
+    }, [r("span", {
       class: "f-icon f-page-first"
     }, null)])]);
   }
-  function a() {
-    return f("li", {
-      class: p.value
-    }, [t.value && f("a", {
+  function o() {
+    return r("li", {
+      class: c.value
+    }, [p.value && r("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (s) => y()
-    }, [f("span", {
+      onClick: (s) => n()
+    }, [r("span", {
       class: "f-icon f-page-pre"
-    }, null)]), e.value && f("span", {
+    }, null)]), e.value && r("span", {
       class: "page-link"
-    }, [f("span", {
+    }, [r("span", {
       class: "f-icon f-page-pre"
     }, null)])]);
   }
   return {
-    renderFirstPage: o,
-    renderPreviousPage: a
+    renderFirstPage: u,
+    renderPreviousPage: o
   };
 }
-function pe(n) {
-  const e = k([]);
-  function t(c, y, o, a) {
-    const s = Math.ceil(o / 2);
-    return c === o ? a : c === 1 ? c : o < a ? a - s < y ? a - o + c : s < y ? y - s + c : c : c;
-  }
-  function p(c, y, o, a) {
-    const s = [], r = Math.ceil(o / y), g = Math.ceil(a / 2), d = c <= g, m = r - g < c, C = !d && !m, l = a < r;
-    let i = 1;
-    for (; i <= r && i <= a; ) {
-      const u = t(i, c, a, r), b = i === 2 && (C || m), w = i === a - 1 && (C || d), j = l && (b || w) ? "..." : "" + u;
-      s.push({ label: j, value: u }), i++;
+function ne(t) {
+  const e = m([]);
+  function p(l, c, a, n) {
+    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;
+  }
+  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;
+    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++;
     }
-    e.value = s;
+    e.value = u;
   }
-  return { pages: e, updatePages: p };
+  return { pages: e, updatePages: i };
 }
-const _ = /* @__PURE__ */ ee({
+const V = /* @__PURE__ */ J({
   name: "FPagination",
-  props: Z,
-  emits: ["pageIndexChanged", "pageSizeChanged", "update:currentPage", "update:pageSize"],
-  setup(n, e) {
-    const t = k(!1), p = k(n.mode), c = k(""), y = k(!1), o = k(n.pageSize), a = k(n.currentPage), s = k(n.totalItems), {
-      pages: r,
-      updatePages: g
-    } = pe(), d = P(() => a.value === 1), m = P(() => n.pageList), C = P(() => Math.ceil(s.value / o.value)), l = P(() => a.value === C.value), i = P(() => n.showGoButton), u = P(() => a.value > 1), b = P(() => !(y.value && r.value.length <= 1)), w = P(() => !0), j = P(() => n.showPageList), N = P(() => n.showPageNumbers), L = P(() => !0), {
-      renderFirstPage: v,
-      renderPreviousPage: O
-    } = ie(a, d, u), {
-      renderLastPage: S,
-      renderNextPage: h
-    } = ae(a, l, C), {
-      renderPageInfo: A
-    } = re(c, s), {
-      renderPageList: T
-    } = ce(a, o, m, s), {
-      renderPageNumbers: M
-    } = le(a, r), {
+  props: W,
+  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), {
+      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), {
+      renderFirstPage: j,
+      renderPreviousPage: S
+    } = ae(n, f, b, a, e), {
+      renderLastPage: P,
+      renderNextPage: B
+    } = I(n, y, h, a, e), {
+      renderPageInfo: E
+    } = K(l, u), {
+      renderPageList: z
+    } = ee(n, a, v, u, e), {
+      renderPageNumbers: $
+    } = te(n, o, a, e), {
       renderGotoButton: D
-    } = se(a, C);
-    g(a.value, o.value, s.value, 7), B(() => n.totalItems, (E) => {
-      s.value = E;
-    }), B([a, o, s], () => {
-      g(a.value, o.value, s.value, 7);
-    }), B(a, () => {
-      e.emit("update:currentPage", a.value), e.emit("pageIndexChanged", {
-        pageIndex: a.value,
-        pageSize: o.value
+    } = Z(n, h, a, e);
+    s(n.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,
+        pageSize: a.value
       });
-    }), B(o, () => {
-      e.emit("update:pageSize", o.value), e.emit("pageSizeChanged", {
-        pageIndex: a.value,
-        pageSize: o.value
+    }), M(a, () => {
+      e.emit("update:pageSize", a.value), e.emit("pageSizeChanged", {
+        pageIndex: n.value,
+        pageSize: a.value
       });
-    }), B(() => n.totalItems, (E) => {
-      s.value = E, g(a.value, o.value, s.value, 7);
-    }), fe(() => {
-      const E = m.value.includes(o.value);
-      o.value = E ? o.value : m.value[0];
+    }), M(() => t.totalItems, (L) => {
+      u.value = L, s(n.value, a.value, u.value, 7);
+    }), oe(() => {
+      const L = v.value.includes(a.value);
+      a.value = L ? a.value : v.value[0];
     })();
-    const x = P(() => ({
+    const x = d(() => ({
       "ngx-pagination": !0,
       pagination: !0,
-      responsive: t.value,
-      "pager-viewmode-default": p.value === "default",
-      "pager-viewmode-simple": p.value === "simple"
-    })), I = P(() => ({
+      responsive: p.value,
+      "pager-viewmode-default": i.value === "default",
+      "pager-viewmode-simple": i.value === "simple"
+    })), F = d(() => ({
       position: "relative",
-      "justify-content": c.value === "center" ? "center" : "start"
+      "justify-content": l.value === "center" ? "center" : "start"
     }));
-    function $() {
-      return f(W, null, [w.value && A(), j.value && T(), L.value && v(), L.value && O(), N.value && M(), L.value && h(), L.value && S(), i.value && D()]);
+    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 V() {
-      return f(W, null, [f("li", {
+    function G() {
+      return r(A, null, [r("li", {
         class: "page-item d-flex flex-fill"
-      }, null), L.value && v(), L.value && O(), D(), f("li", {
+      }, null), g.value && j(), g.value && S(), D(), r("li", {
         class: "page-item page-separator",
         style: "margin-left: 10px"
-      }, [f("span", {
+      }, [r("span", {
         style: "font-size: 15px; font-weight: 200;"
-      }, [U(" /")])]), f("li", {
+      }, [R(" /")])]), r("li", {
         class: "page-item page-total",
         style: "margin-left: 5px"
-      }, [f("span", {
+      }, [r("span", {
         style: "font-size: 16px; font-weight: 600;"
-      }, [U(" "), C.value])]), L.value && h(), L.value && S()]);
+      }, [R(" "), h.value])]), g.value && B(), g.value && P()]);
     }
-    return () => f("div", {
+    return () => r("div", {
       class: "pagination-container"
-    }, [b.value && f("ul", {
+    }, [w.value && r("ul", {
       role: "navigation",
       class: x.value,
-      style: I.value
-    }, [p.value === "default" ? $() : V()])]);
+      style: F.value
+    }, [i.value === "default" ? C() : G()])]);
   }
 });
-function Ue(n, e, t) {
-  var L;
-  function p() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
-  }
-  p();
-  const c = t && t.getStyles && t.getStyles() || "", y = t && t.getDesignerClass && t.getDesignerClass() || "", o = k();
+function De(t, e, p) {
+  var T;
+  const i = "", l = "", c = m();
   function a() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
+    return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function s() {
+  function n() {
     return !1;
   }
-  function r() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
+  function u() {
+    return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function g() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
+  function o() {
+    return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function d(v) {
-    if (!v || !v.value)
+  function s(g) {
+    if (!g || !g.value)
       return null;
-    if (v.value.schema && v.value.schema.type === "component")
-      return v.value;
-    const O = k(v == null ? void 0 : v.value.parent), S = d(O);
+    if (g.value.schema && g.value.schema.type === "component")
+      return g.value;
+    const j = m(g == null ? void 0 : g.value.parent), S = s(j);
     return S || null;
   }
-  function m(v = e) {
-    const { componentInstance: O, designerItemElementRef: S } = v;
-    return !O || !O.value ? null : O.value.canMove ? S : m(v.parent);
+  function f(g = e) {
+    const { componentInstance: j, designerItemElementRef: S } = g;
+    return !j || !j.value ? null : j.value.canMove ? S : f(g.parent);
   }
-  function C(v) {
-    return !!t && t.canAccepts(v);
+  function v(g) {
+    return !!p;
   }
-  function l() {
+  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 i() {
+  function y() {
   }
-  function u(v, O) {
-    O && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(O);
+  function k(g, j) {
   }
-  function b(v, O) {
-    const { componentType: S } = v;
-    let h = q(S, v, O);
-    t && t.onResolveNewComponentSchema && (h = t.onResolveNewComponentSchema(v, h));
-    const A = S.toLowerCase().replace("-", "_");
-    return h && !h.id && h.type === S && (h.id = `${A}_${Math.random().toString().slice(2, 6)}`), h;
+  function b(g, j) {
+    const { componentType: S } = g;
+    let P = X(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;
   }
-  function w(v, O) {
-    const S = String(v.getAttribute("data-controltype")), h = v.getAttribute("data-feature"), A = h ? JSON.parse(h) : {};
-    A.parentComponentInstance = o.value;
-    let T = q(S, A);
-    t && t.onAcceptNewChildElement && (T = t.onAcceptNewChildElement(v, O, T));
-    const M = S.toLowerCase().replace("-", "_");
-    return T && !T.id && T.type === S && (T.id = `${M}_${Math.random().toString().slice(2, 6)}`), T;
+  function w(g) {
   }
-  function j(v) {
+  function N(...g) {
   }
-  function N(...v) {
-    if (t && t.getPropsConfig)
-      return t.getPropsConfig(...v);
+  function O() {
+    e != null && e.schema.contents && e.schema.contents.map((g) => {
+      var P;
+      let j = g.id;
+      g.type === "component-ref" && (j = g.component);
+      const S = t.value.querySelector(`#${j}-design-item`);
+      (P = S == null ? void 0 : S.componentInstance) != null && P.value.onRemoveComponent && S.componentInstance.value.onRemoveComponent();
+    });
   }
-  return o.value = {
+  return c.value = {
     canMove: a(),
-    canSelectParent: s(),
-    canDelete: r(),
-    canNested: !g(),
+    canSelectParent: n(),
+    canDelete: u(),
+    canNested: !o(),
     contents: e == null ? void 0 : e.schema.contents,
-    elementRef: n,
-    parent: (L = e == null ? void 0 : e.parent) == null ? void 0 : L.componentInstance,
+    elementRef: t,
+    parent: (T = e == null ? void 0 : e.parent) == null ? void 0 : T.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: c,
-    designerClass: y,
-    canAccepts: C,
-    getBelongedComponentInstance: d,
-    getDraggableDesignItemElement: m,
-    getDraggingDisplayText: l,
+    styles: i,
+    designerClass: l,
+    canAccepts: v,
+    getBelongedComponentInstance: s,
+    getDraggableDesignItemElement: f,
+    getDraggingDisplayText: h,
     getPropConfig: N,
-    getDragScopeElement: i,
-    onAcceptMovedChildElement: u,
-    onAcceptNewChildElement: w,
-    onChildElementMovedOut: j,
+    getDragScopeElement: y,
+    onAcceptMovedChildElement: k,
+    onChildElementMovedOut: w,
     addNewChildComponentSchema: b,
-    updateDragAndDropRules: p,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || k(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || k(!1)
-  }, o;
-}
-function _e() {
-  function n(e) {
-    var c, y;
-    if (!e)
-      return !1;
-    const t = ((c = e.targetContainer) == null ? void 0 : c.componentInstance) && e.targetContainer.componentInstance.value;
-    if (!t)
-      return !1;
-    const p = (y = t.schema.appearance) == null ? void 0 : y.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)
-        return !1;
-    }
-    return e.controlType !== "field-set";
-  }
-  return {
-    basalDragulaRuleForContainer: n
-  };
-}
-const Xe = "https://json-schema.org/draft/2020-12/schema", He = "https://farris-design.gitee.io/dragging-rules.schema.json", Je = "Dragging Rules", Qe = "The rules of designer canvas", Ye = "object", Ze = {
-  "f-page": {
-    description: "The root class of page designed by farris.",
-    type: "object",
-    properties: {
-      contents: {
-        type: "object",
-        properties: {
-          "f-page-header": {
-            description: "The class of page header designed by farris.",
-            type: "string"
-          },
-          "f-page-main": {
-            description: "The class of page body designed by farris.",
-            type: "object",
-            properties: {
-              contents: {
-                type: "object",
-                properties: {
-                  "f-struct-like-card": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-struct-form": {
-                            description: "The class of form component which has a hierarchical structure of component -> section -> respnse-form.",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-form": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-form-layout": {
-                                            description: "The class of reponse form",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-struct-wrapper": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-tabs": {
-                                    description: "The class of section which has wrapped sub-grid tabs.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-tabs-in-card": {
-                                            description: "The class of tabs which contains sub-grid.",
-                                            type: "object",
-                                            properties: {
-                                              contents: {
-                                                type: "object",
-                                                properties: {
-                                                  "f-struct-data-grid-in-card": {
-                                                    description: "The class of sub-grid component",
-                                                    type: "object",
-                                                    properties: {
-                                                      contents: {
-                                                        type: "object",
-                                                        properties: {
-                                                          "f-grid-is-sub": {
-                                                            description: "The class of sub-grid",
-                                                            type: "object",
-                                                            properties: {
-                                                              rules: {
-                                                                type: "object",
-                                                                properties: {
-                                                                  canAccept: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  fixed: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  hidePadding: {
-                                                                    type: "boolean",
-                                                                    const: !1
-                                                                  }
-                                                                }
-                                                              }
-                                                            }
-                                                          }
-                                                        }
-                                                      },
-                                                      rules: {
-                                                        type: "object",
-                                                        properties: {
-                                                          canAccept: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          fixed: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          hidePadding: {
-                                                            type: "boolean",
-                                                            const: !0
-                                                          }
-                                                        }
-                                                      }
-                                                    }
-                                                  }
-                                                }
-                                              },
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  },
-                                  "f-section-in-main": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !1
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "object",
-                            const: {
-                              allOf: [
-                                {
-                                  sibling: 0,
-                                  parent: {
-                                    "f-page-main": !0
-                                  }
-                                }
-                              ]
-                            }
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-struct-data-grid": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "object",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-main-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-struct-data-grid-in-nav": {
-                                    description: "",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-page-content-nav-extend": {
-                                            description: "",
-                                            type: "object"
-                                          },
-                                          "f-section-in-nav": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {}
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-list-nav": {
-                                    description: "",
-                                    type: "object"
-                                  },
-                                  "f-list-nav-left": {
-                                    description: "",
-                                    type: "object"
-                                  },
-                                  "f-struct-data-grid-in-nav": {
-                                    description: "",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-section-form": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          },
-                                          "f-section-grid": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            },
-                            rules: {
-                              type: "object",
-                              properties: {
-                                canAccept: {
-                                  type: "boolean",
-                                  const: !1
-                                },
-                                fixed: {
-                                  type: "boolean",
-                                  const: !0
-                                },
-                                hidePadding: {
-                                  type: "boolean",
-                                  const: !0
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !1
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  }
-                }
-              },
-              rules: {
-                type: "object",
-                properties: {
-                  canAccept: {
-                    type: "object",
-                    const: {
-                      anyOf: [
-                        {
-                          children: 0
-                        },
-                        {
-                          children: {
-                            length: {
-                              not: 1
-                            },
-                            "f-struct-like-card": !0
-                          }
-                        },
-                        {
-                          children: {
-                            "scroll-spy": !1,
-                            "f-page-content": !1,
-                            "f-struct-like-card": !1
-                          }
-                        }
-                      ]
-                    }
-                  },
-                  fixed: {
-                    type: "boolean",
-                    const: !0
-                  },
-                  hidePadding: {
-                    type: "boolean",
-                    const: !0
-                  }
-                }
-              }
-            }
-          },
-          "f-page-footer": {
-            description: "The class of page footer designed by farris.",
-            type: "string"
-          }
-        }
-      },
-      rules: {
-        type: "object",
-        properties: {
-          canAccept: {
-            type: "boolean",
-            const: !1
-          },
-          fixed: {
-            type: "boolean",
-            const: !0
-          },
-          hidePadding: {
-            type: "boolean",
-            const: !0
-          }
-        }
-      }
-    }
-  },
-  "f-page-is-managelist": {
-    description: "The root class of mangement list page.",
-    type: "string"
-  },
-  "f-page-card": {
-    description: "",
-    type: "object"
-  },
-  "f-page-is-mainsubcard": {
-    description: "",
-    type: "object"
-  }
-}, Re = {
-  $schema: Xe,
-  $id: He,
-  title: Je,
-  description: Qe,
-  type: Ye,
-  properties: Ze
-}, Q = /* @__PURE__ */ new Map();
-function Ke() {
-  function n(l, i, u, b) {
-    var w;
-    if (typeof u == "number")
-      return ((w = b[l]) == null ? void 0 : w.length) === u;
-    if (typeof u == "object") {
-      const j = Object.keys(u)[0], N = u[j];
-      if (j === "not")
-        return Number(b[l].length) !== Number(N);
-      if (j === "moreThan")
-        return Number(b[l].length) >= Number(N);
-      if (j === "lessThan")
-        return Number(b[l].length) <= Number(N);
-    }
-    return !1;
-  }
-  function e(l, i, u, b) {
-    return typeof u == "boolean" ? b.childrenClassList.includes(i) === !!u : !1;
-  }
-  function t(l, i, u, b) {
-    return typeof u == "boolean" ? b.parentClassList.includes(i) === !!u : !1;
-  }
-  function p(l, i, u, b) {
-    return typeof u == "boolean" ? b.parentClassList.includes(i) === !!u : !1;
-  }
-  const c = /* @__PURE__ */ new Map([
-    ["length", n],
-    ["hasChildren", e],
-    ["hasSibling", p],
-    ["hasParent", t]
-  ]);
-  function y(l, i) {
-    const u = l;
-    return typeof i == "number" ? [{ target: u, operator: "length", param: null, value: Number(i) }] : typeof i == "object" ? Object.keys(i).map((b) => {
-      if (b === "length")
-        return { target: u, operator: "length", param: null, value: i[b] };
-      const w = b, j = i[b];
-      return { target: u, operator: l === "children" ? "hasChildren" : l === "parent" ? "hasParent" : "hasSibling", param: w, value: j };
-    }) : [];
-  }
-  function o(l, i) {
-    if (c.has(l.operator)) {
-      const u = c.get(l.operator);
-      return u && u(l.target, l.param, l.value, i) || !1;
-    }
-    return !1;
-  }
-  function a(l, i) {
-    return Object.keys(l).reduce((j, N) => {
-      const L = y(N, l[N]);
-      return j.push(...L), j;
-    }, []).reduce((j, N) => j && o(N, i), !0);
-  }
-  function s(l, i) {
-    const u = Object.keys(l), b = u.includes("allOf"), w = u.includes("anyOf"), j = b || w, v = (j ? l[j ? b ? "allOf" : "anyOf" : "allOf"] : [l]).map((S) => a(S, i));
-    return b ? !v.includes(!1) : v.includes(!0);
-  }
-  function r(l, i) {
-    const u = l.const;
-    return u ? typeof u == "boolean" ? u : typeof u == "object" ? s(u, i) : !1 : !1;
-  }
-  function g(l) {
-    return (i) => {
-      const u = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return l && l.properties && Object.keys(l.properties).reduce((b, w) => {
-        const j = l.properties[w];
-        return b[w] = r(j, i), b;
-      }, u), u;
-    };
-  }
-  function d(l, i, u) {
-    if (i.type === "object" && i.properties) {
-      const { rules: b, contents: w } = i.properties;
-      u.set(l, g(b)), w && Object.keys(w.properties).forEach(
-        (j) => d(j, w.properties[j], u)
-      );
-    }
-  }
-  function m() {
-    const { properties: l } = Re;
-    Object.keys(l).forEach((i) => {
-      d(i, l[i], Q);
-    });
-  }
-  function C(l, i) {
-    const u = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return Q.has(l) ? Q.get(l)(i) : u;
-  }
-  return m(), { getRuleValue: C };
-}
-function et(n, e) {
-  function t(s, r = null) {
-    if (r) return r;
-    const g = n.getComponentById(e);
-    return n.selectNode(g, (d) => d.id === s);
-  }
-  function p(s) {
-    const r = n.getComponentById(s);
-    return !(!r || !r.componentType || !r.componentType.startsWith("form"));
-  }
-  function c(s) {
-    const r = t(s.id), g = he(n), d = [];
-    g.getResonseFormLayoutConfig(r, d, 1);
-    const m = d.map((N) => N.columnInSM), C = d.map((N) => N.columnInMD), l = d.map((N) => N.columnInLG), i = d.map((N) => N.columnInEL), u = y(m) ? m[0] : 0, b = y(C) ? C[0] : 0, w = y(l) ? l[0] : 0, j = y(i) ? i[0] : 0;
-    return {
-      uniqueColClassInSM: u,
-      uniqueColClassInMD: b,
-      uniqueColClassInLG: w,
-      uniqueColClassInEL: j
-    };
-  }
-  function y(s) {
-    const r = new Set(s);
-    return Array.from(r).length === 1;
-  }
-  function o(s, r, g) {
-    s = t(g, s), s.contents.forEach((d) => {
-      if (d.type === ve.fieldset.type) {
-        o(d, r, d.id);
-        return;
-      }
-      d.appearance || (d.appearance = {});
-      const m = d.appearance.class;
-      d.appearance.class = a(m, r);
-    });
-  }
-  function a(s, r) {
-    let g, d, m, C, l = [];
-    if (s) {
-      const N = s.split(" "), L = N.filter((v) => v.startsWith("col-"));
-      g = L.find((v) => /^col-([1-9]|10|11|12)$/.test(v)), d = L.find((v) => /^col-md-([1-9]|10|11|12)$/.test(v)), m = L.find((v) => /^col-xl-([1-9]|10|11|12)$/.test(v)), C = L.find((v) => /^col-el-([1-9]|10|11|12)$/.test(v)), l = N.filter((v) => !v.startsWith("col-"));
-    }
-    const i = r.uniqueColClassInSM ? "col-" + r.uniqueColClassInSM : g, u = r.uniqueColClassInMD ? "col-md-" + r.uniqueColClassInMD : d, b = r.uniqueColClassInLG ? "col-xl-" + r.uniqueColClassInLG : m, w = r.uniqueColClassInEL ? "col-el-" + r.uniqueColClassInEL : C;
-    return [i, u, b, w].concat(l).join(" ");
-  }
-  return { checkIsInFormComponent: p, assembleUnifiedLayoutContext: c, changeFormControlsByUnifiedLayoutConfig: o };
-}
-class tt extends be {
-  constructor(e, t) {
-    super(e, t);
-  }
-  getPropertyConfig(e, t) {
-    var p = this;
-    this.propertyConfig.categories.basic = this.getBasicPropConfig(e);
-    const { checkIsInFormComponent: c, assembleUnifiedLayoutContext: y, changeFormControlsByUnifiedLayoutConfig: o } = et(this.formSchemaUtils, this.componentId), a = this.getAppearanceConfig(e);
-    return a.properties.unifiedLayout = {
-      title: "统一布局配置",
-      description: "统一配置卡片区域内所有控件的宽度，只支持标准模式",
-      visible: c(this.componentId),
-      refreshPanelAfterChanged: !0,
-      editor: {
-        type: "response-form-layout-setting",
-        initialState: y(e)
-      }
-    }, a.setPropertyRelates = function(s, r) {
-      if (s)
-        switch (s && s.propertyID) {
-          case "unifiedLayout": {
-            o(null, s.propertyValue, e.id), p.updateElementByParentContainer(e.id, t);
-            break;
-          }
-        }
-    }, this.propertyConfig.categories.appearance = a, this.propertyConfig;
-  }
-}
-function nt(n, e) {
-  var S;
-  const t = n.schema, p = (S = n.parent) == null ? void 0 : S.schema, c = Ke(), y = k(!1), o = k(!1);
-  let a = !0, s = !1, r, g = !1;
-  function d(h) {
-    return r && r.componentClassList && r.componentClassList.includes("f-form-layout") && r.componentClassList.includes("farris-form") ? h.sourceType === "control" && h.controlCategory === "input" || h.sourceType === "move" && h.controlType === "form-group" : !0;
-  }
-  function m(h) {
-    return !(!_e().basalDragulaRuleForContainer(h) || !a || !d(h));
-  }
-  function C() {
-    y.value = !1, o.value = !1;
-    const h = t, A = h.appearance && h.appearance.class || "", T = A.split(" "), M = h.contents || [], D = M.length ? M[0] : null, F = D && D.appearance ? D.appearance.class : "", x = F ? F.split(" ") : [], I = M.length ? M.reduce((G, J) => {
-      const R = J && J.appearance ? J.appearance.class : "", ue = R ? R.split(" ") : [];
-      return G.push(...ue), G;
-    }, []) : [], $ = p, V = $ && $.appearance && $.appearance.class || "", E = V ? V.split(" ") : [];
-    r = {
-      componentClass: A,
-      componentClassList: T,
-      childContents: M,
-      firstChildContent: D,
-      firstChildClass: F,
-      firstChildClassList: x,
-      parent: $,
-      parentClass: V,
-      parentClassList: E,
-      children: M,
-      childrenClassList: I
-    };
-    const { canAccept: X, fixed: H, hidePadding: z } = c.getRuleValue(T[0], r);
-    return a = X, s = z, g = H, !0;
-  }
-  function l(h) {
-    de();
-  }
-  function i() {
-    return t.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
-  }
-  function u(h, A) {
-    const T = t;
-    if ((T.appearance && T.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: F } = h, x = q("form-group");
-      return x.editor = A, x.label = F, b(x), delete x.editor.id, delete x.editor.binding, delete x.editor.appearance, delete x.editor.visible, x;
-    }
-    return A;
-  }
-  function b(h) {
-    const A = n.componentInstance.value.getBelongedComponentInstance(n.componentInstance);
-    if (A && A.schema && A.schema.componentType) {
-      const T = A.schema.formColumns;
-      let M = w(T);
-      M = e.formSchemaUtils.getControlClassByFormUnifiedLayout(M, "", n.schema), h.appearance || (h.appearance = {}), h.appearance.class = M;
-    }
-  }
-  function w(h) {
-    let A = "";
-    switch (h) {
-      case 1: {
-        A = "col-12 col-md-12 col-xl-12 col-el-12";
-        break;
-      }
-      case 2: {
-        A = "col-12 col-md-6 col-xl-6 col-el-6";
-        break;
-      }
-      case 3: {
-        A = "col-12 col-md-6 col-xl-4 col-el-4";
-        break;
-      }
-      case 4: {
-        A = "col-12 col-md-6 col-xl-3 col-el-2";
-        break;
-      }
-    }
-    return A;
-  }
-  function j(h, A, T) {
-    const M = t;
-    if ((M.appearance && M.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const x = String(h.innerText), I = q("form-group");
-      return I.editor = T, I.label = x, I;
-    }
-    return T;
-  }
-  function N() {
-    return !g;
-  }
-  function L() {
-    return !g;
-  }
-  function v() {
-    return s;
-  }
-  function O(h) {
-    return new tt(h, e).getPropertyConfig(t, n.componentInstance.value);
-  }
-  return {
-    canAccepts: m,
-    checkCanDeleteComponent: L,
-    checkCanMoveComponent: N,
-    getStyles: i,
-    getPropsConfig: O,
-    hideNestedPaddingInDesginerView: v,
-    onAcceptNewChildElement: j,
-    onAcceptMovedChildElement: l,
-    resolveComponentContext: C,
-    onResolveNewComponentSchema: u,
-    triggerBelongedComponentToMoveWhenMoved: y,
-    triggerBelongedComponentToDeleteWhenDeleted: o
-  };
+    triggerBelongedComponentToMoveWhenMoved: m(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: m(!1),
+    onRemoveComponent: O
+  }, c;
 }
-const ot = /* @__PURE__ */ ee({
+const Fe = /* @__PURE__ */ J({
   name: "FPagination",
-  props: Z,
+  props: W,
   emits: ["pageIndexChanged", "pageSizeChanged"],
-  setup(n, e) {
-    var z;
-    const t = k(!1), p = k(n.mode), c = k(""), y = k(!1), o = k(n.pageSize), a = k(n.currentPage), s = k(n.totalItems), r = k(), g = ge("design-item-context"), d = nt(g.schema, (z = g.parent) == null ? void 0 : z.schema), m = Ue(r, g, d);
-    ye(() => {
-      r.value.componentInstance = m;
-    }), e.expose(m.value);
+  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(() => {
+      o.value.componentInstance = f;
+    }), e.expose(f.value);
     const {
-      pages: C,
-      updatePages: l
-    } = pe(), i = P(() => a.value === 1), u = P(() => [20, 50, 100]), b = P(() => Math.ceil(s.value / o.value)), w = P(() => a.value === b.value), j = P(() => !0), N = P(() => a.value > 1), L = P(() => !(y.value && C.value.length <= 1)), v = P(() => !0), O = P(() => !0), S = P(() => !0), h = P(() => !0), {
-      renderFirstPage: A,
-      renderPreviousPage: T
-    } = ie(a, i, N), {
-      renderLastPage: M,
-      renderNextPage: D
-    } = ae(a, w, b), {
-      renderPageInfo: F
-    } = re(c, s), {
-      renderPageList: x
-    } = ce(a, o, u, s), {
-      renderPageNumbers: I
-    } = le(a, C), {
-      renderGotoButton: $
-    } = se(a, b);
-    l(a.value, o.value, s.value, 7), B([a, o], () => {
-      l(a.value, o.value, s.value, 7);
-    }), B(a, () => {
-      e.emit("pageIndexChanged", a.value);
-    }), B(o, () => {
-      e.emit("pageSizeChanged", o.value);
+      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), {
+      renderFirstPage: B,
+      renderPreviousPage: E
+    } = ae(n, y, O, a, e), {
+      renderLastPage: z,
+      renderNextPage: $
+    } = I(n, w, b, a, e), {
+      renderPageInfo: D
+    } = K(l, u), {
+      renderPageList: _
+    } = ee(n, a, k, u, e), {
+      renderPageNumbers: x
+    } = te(n, 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);
+    }), M(a, () => {
+      e.emit("pageSizeChanged", a.value);
     });
-    const V = P(() => ({
+    const C = d(() => ({
       "ngx-pagination": !0,
       pagination: !0,
-      responsive: t.value,
-      "pager-viewmode-default": p.value === "default",
-      "pager-viewmode-simple": p.value === "simple"
-    })), E = P(() => ({
+      responsive: p.value,
+      "pager-viewmode-default": i.value === "default",
+      "pager-viewmode-simple": i.value === "simple"
+    })), G = d(() => ({
       position: "relative",
-      "justify-content": c.value === "center" ? "center" : "start"
+      "justify-content": l.value === "center" ? "center" : "start"
     }));
-    function X() {
-      return f(W, null, [v.value && F(), O.value && x(), h.value && A(), h.value && T(), S.value && I(), h.value && D(), h.value && M(), j.value && $()]);
+    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()]);
     }
-    function H() {
-      return f(W, null, [f("li", {
+    function le() {
+      return r(A, null, [r("li", {
         class: "page-item d-flex flex-fill"
-      }, null), h.value && A(), h.value && T(), $(), f("li", {
+      }, null), P.value && B(), P.value && E(), F(), r("li", {
         class: "page-item page-separator",
         style: "margin-left: 10px"
-      }, [f("span", {
+      }, [r("span", {
         style: "font-size: 15px; font-weight: 200;"
-      }, [U(" /")])]), f("li", {
+      }, [R(" /")])]), r("li", {
         class: "page-item page-total",
         style: "margin-left: 5px"
-      }, [f("span", {
+      }, [r("span", {
         style: "font-size: 16px; font-weight: 600;"
-      }, [U(" "), b.value])]), h.value && D(), h.value && M()]);
+      }, [R(" "), b.value])]), P.value && $(), P.value && z()]);
     }
-    return () => f("div", {
-      ref: r,
+    return () => r("div", {
+      ref: o,
       class: "pagination-container"
-    }, [L.value && f("ul", {
+    }, [T.value && r("ul", {
       role: "navigation",
-      class: V.value,
-      style: E.value
-    }, [p.value === "default" ? X() : H()])]);
+      class: C.value,
+      style: G.value
+    }, [i.value === "default" ? L() : le()])]);
   }
 });
-_.register = (n, e, t) => {
-  n.pagination = _, e.pagination = oe;
+V.register = (t, e, p) => {
+  t.pagination = V, e.pagination = Y;
 };
-_.registerDesigner = (n, e, t) => {
-  n.pagination = ot, e.pagination = oe;
+V.registerDesigner = (t, e, p) => {
+  t.pagination = Fe, e.pagination = Y;
 };
-const pt = Ce(_);
+const xe = ce(V);
 export {
-  _ as FPagination,
-  pt as default,
-  Z as paginationProps,
-  oe as propsResolver
+  V as FPagination,
+  xe as default,
+  W as paginationProps,
+  Y as propsResolver
 };