@farris/ui-vue 1.2.9 → 1.3.0

package/components/pagination/index.esm.js

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