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