@farris/ui-vue 1.2.9 → 1.3.1

package/components/pagination/index.esm.js

@@ -1,111 +1,154 @@
-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 = {};
-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;
+var de = Object.defineProperty;
+var fe = (a, e, t) => e in a ? de(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var P = (a, e, t) => fe(a, typeof e != "symbol" ? e + "" : e, t);
+import { ref as S, watch as N, createVNode as f, computed as w, defineComponent as R, watchEffect as me, Fragment as $, createTextVNode as G, nextTick as ve, inject as ge, onMounted as he } from "vue";
+import { isPlainObject as Z, cloneDeep as K } from "lodash-es";
+import { DgControl as x } from "../designer-canvas/index.esm.js";
+import { withInstall as ye } from "../common/index.esm.js";
+const H = {}, ee = {};
+function X(a) {
+  const { properties: e, title: t, ignore: r } = a, l = r && Array.isArray(r), c = Object.keys(e).reduce((n, p) => ((!l || !r.find((u) => u == p)) && (n[p] = e[p].type === "object" && e[p].properties ? X(e[p]) : K(e[p].default)), n), {});
+  return t && (!l || !r.find((n) => n == "id")) && (c.id = `${t}-${Date.now()}`), c;
 }
-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;
+function _(a, e = {}, t) {
+  const r = H[a];
+  if (r) {
+    let l = X(r);
+    const c = ee[a];
+    return l = c ? c({ getSchemaByType: _ }, l, e, t) : l, l;
   }
   return null;
 }
-function ye(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;
+function Ce(a, e) {
+  const t = X(e);
+  return Object.keys(a).reduce((r, l) => (r[l] && Z(r[l]) && Z(a[l]) ? Object.assign(r[l], a[l]) : r[l] = a[l], r), 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 be(a, e) {
+  return Object.keys(a).filter((r) => a[r] != null).reduce((r, l) => {
+    if (e.has(l)) {
+      const c = e.get(l);
+      if (typeof c == "string")
+        r[c] = a[l];
       else {
-        const o = d(a, n[a], n);
-        Object.assign(i, o);
+        const n = c(l, a[l], a);
+        Object.assign(r, n);
       }
     } else
-      i[a] = n[a];
-    return i;
+      r[l] = a[l];
+    return r;
   }, {});
 }
-function me(n, e, t = /* @__PURE__ */ new Map()) {
-  const i = ye(n, e);
-  return he(i, t);
+function Me(a, e, t = /* @__PURE__ */ new Map()) {
+  const r = Ce(a, e);
+  return be(r, 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];
-      if (C === "not")
-        return Number(m[f].length) !== Number(l);
-      if (C === "moreThan")
-        return Number(m[f].length) >= Number(l);
-      if (C === "lessThan")
-        return Number(m[f].length) <= Number(l);
+function we(a = {}) {
+  function e(s, i, o, d) {
+    if (typeof o == "number")
+      return d[s].length === o;
+    if (typeof o == "object") {
+      const m = Object.keys(o)[0], C = o[m];
+      if (m === "not")
+        return Number(d[s].length) !== Number(C);
+      if (m === "moreThan")
+        return Number(d[s].length) >= Number(C);
+      if (m === "lessThan")
+        return Number(d[s].length) <= Number(C);
     }
     return !1;
   }
-  function t(f, g, v, m) {
-    return m[f] && m[f].propertyValue && String(m[f].propertyValue.value) === String(v);
+  function t(s, i, o, d) {
+    return d[s] && d[s].propertyValue && String(d[s].propertyValue.value) === String(o);
   }
-  const i = /* @__PURE__ */ new Map([
+  const r = /* @__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) => {
-      if (m === "length")
-        return { target: v, operator: "length", param: null, value: g[m] };
-      const C = m, l = g[m];
-      return { target: v, operator: "getProperty", param: C, value: l };
+  Object.keys(a).reduce((s, i) => (s.set(i, a[i]), s), r);
+  function l(s, i) {
+    const o = s;
+    return typeof i == "number" ? [{ target: o, operator: "length", param: null, value: Number(i) }] : typeof i == "boolean" ? [{ target: o, operator: "getProperty", param: s, value: !!i }] : typeof i == "object" ? Object.keys(i).map((d) => {
+      if (d === "length")
+        return { target: o, operator: "length", param: null, value: i[d] };
+      const m = d, C = i[d];
+      return { target: o, operator: "getProperty", param: m, value: C };
     }) : [];
   }
-  function d(f) {
-    return Object.keys(f).reduce((v, m) => {
-      const C = a(m, f[m]);
-      return v.push(...C), v;
+  function c(s) {
+    return Object.keys(s).reduce((o, d) => {
+      const m = l(d, s[d]);
+      return o.push(...m), o;
     }, []);
   }
-  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 n(s, i) {
+    if (r.has(s.operator)) {
+      const o = r.get(s.operator);
+      return o && o(s.target, s.param, s.value, i) || !1;
     }
     return !1;
   }
-  function s(f, g) {
-    return d(f).reduce((C, l) => C && o(l, g), !0);
+  function p(s, i) {
+    return c(s).reduce((m, C) => m && n(C, i), !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));
-    return m ? !b.includes(!1) : b.includes(!0);
+  function u(s, i) {
+    const o = Object.keys(s), d = o.includes("allOf"), m = o.includes("anyOf"), C = d || m, b = (C ? s[C ? d ? "allOf" : "anyOf" : "allOf"] : [s]).map((M) => p(M, i));
+    return d ? !b.includes(!1) : b.includes(!0);
   }
-  return { parseValueSchema: r };
+  return { parseValueSchema: u };
 }
-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 F = {
+  button: { type: "button", name: "按钮", icon: "Button" },
+  "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
+  "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
+  "content-container": { type: "content-container", name: "容器", icon: "ContentContainer" },
+  "input-group": { type: "input-group", name: "文本", icon: "TextBox" },
+  textarea: { type: "textarea", name: "多行文本", icon: "MultiTextBox" },
+  lookup: { type: "lookup", name: "帮助", icon: "LookupEdit" },
+  "number-spinner": { type: "number-spinner", name: "数值", icon: "NumericBox" },
+  "date-picker": { type: "date-picker", name: "日期", icon: "DateBox" },
+  switch: { type: "switch", name: "开关", icon: "SwitchField" },
+  "radio-group": { type: "radio-group", name: "单选组", icon: "RadioGroup" },
+  "check-box": { type: "check-box", name: "复选框", icon: "CheckBox" },
+  "check-group": { type: "check-group", name: "复选框组", icon: "CheckGroup" },
+  "combo-list": { type: "combo-list", name: "下拉列表", icon: "EnumField" },
+  "response-form": { type: "response-form", name: "卡片面板", icon: "Form" },
+  "response-layout": { type: "response-layout", name: "布局容器", icon: "ResponseLayout3" },
+  "response-layout-item": { type: "response-layout-item", name: "布局", icon: "ResponseLayout1" },
+  "tree-grid": { type: "tree-grid", name: "树表格", icon: "TreeGrid" },
+  "tree-grid-column": { type: "tree-grid-column", name: "树表格列" },
+  "data-grid": { type: "data-grid", name: "表格", icon: "DataGrid" },
+  "data-grid-column": { type: "data-grid-column", name: "表格列" },
+  module: { type: "Module", name: "模块", icon: "Module" },
+  component: { type: "component", name: "组件", icon: "Component" },
+  tabs: { type: "tabs", name: "标签页", icon: "Tab" },
+  "tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
+  "tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮", icon: "Button" },
+  "time-picker": { type: "time-picker", name: "时间选择", icon: "TimePicker" },
+  section: { type: "section", name: "分组面板", icon: "Section" },
+  "section-toolbar": { type: "section-toolbar", name: "分组面板工具栏" },
+  "section-toolbar-item": { type: "section-toolbar-item", name: "分组面板按钮" },
+  splitter: { type: "splitter", name: "分栏面板", icon: "Splitter" },
+  "splitter-pane": { type: "splitter-pane", name: "分栏面板项", dependentParentControl: "Splitter" },
+  "component-ref": { type: "component-ref", name: "组件引用节点" },
+  uploader: { type: "uploader", name: "附件上传", icon: "FileUpload" },
+  "page-header": { type: "page-header", name: "页头", icon: "Header" },
+  "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
+}, Le = {}, Ie = {};
+we();
+function Pe(a, e, t = /* @__PURE__ */ new Map(), r = (n, p, u) => p, l = {}, c = (n) => n) {
+  return H[e.title] = e, ee[e.title] = r, Le[e.title] = l, Ie[e.title] = c, (n = {}) => {
+    const p = Me(n, e, t), u = Object.keys(a).reduce((s, i) => (s[i] = a[i].default, s), {});
+    return Object.assign(u, p);
   };
 }
-function we(n, e) {
+function Se(a, 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 ke = /* @__PURE__ */ new Map([
+  ["appearance", Se]
+]), Te = "https://json-schema.org/draft/2020-12/schema", De = "https://farris-design.gitee.io/pagination.schema.json", Ne = "pagination", Be = "A Farris Component", Fe = "object", Ee = {
   id: {
     description: "The unique identifier for a pagination",
     type: "string"
@@ -197,18 +240,18 @@ const Ne = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, Le = [
+}, je = [
   "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 = {
+], Ae = {
+  $schema: Te,
+  $id: De,
+  title: Ne,
+  description: Be,
+  type: Fe,
+  properties: Ee,
+  required: je
+}, Oe = "pagination", Ve = "A Farris Component", $e = "object", Ge = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -290,16 +333,16 @@ const Ne = /* @__PURE__ */ new Map([
       }
     }
   }
-}, Fe = {
-  title: xe,
-  description: Ee,
-  type: Be,
-  categories: $e
+}, Ue = {
+  title: Oe,
+  description: Ve,
+  type: $e,
+  categories: Ge
 };
-function Ve(n, e, t) {
+function We(a, e, t) {
   return e;
 }
-const Z = {
+const J = {
   /**
    * 当前页码
    */
@@ -332,1373 +375,991 @@ 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);
+}, te = Pe(J, Ae, ke, We, Ue);
+function ne(a, e, t, r) {
+  const l = S("跳转至"), c = S(""), n = S(a.value);
+  N(n, (i, o) => {
+    i >= 1 && i <= e.value ? a.value = i : n.value = o;
+  }), N(a, (i) => {
+    n.value !== i && (n.value = i);
   });
-  function d(r) {
-    a.value = r.target.valueAsNumber;
+  function p(i) {
+    n.value = i.target.valueAsNumber, r.emit("change", {
+      pageIndex: n.value,
+      pageSize: t.value
+    });
   }
-  function o(r) {
-    r.key === "Enter" && (a.value = r.target.valueAsNumber);
+  function u(i) {
+    i.key === "Enter" && (n.value = i.target.valueAsNumber, r.emit("change", {
+      pageIndex: n.value,
+      pageSize: t.value
+    }));
   }
   function s() {
-    return p("li", {
+    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", {
+    }, [l.value]), f("input", {
       type: "number",
       class: "form-control farris-gotopagenumber",
-      value: a.value,
+      value: n.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: (i) => p(i),
+      onKeyup: (i) => u(i)
+    }, null), c.value]);
   }
   return {
     renderGotoButton: s
   };
 }
-function oe(n, e, t) {
-  const i = w(() => ({
+function ae(a, e, t, r, l) {
+  const c = w(() => ({
     "page-item": !0,
     disabled: e.value
   }));
-  function a(r) {
-    n.value = n.value < t.value ? n.value + 1 : t.value;
+  function n(i) {
+    a.value = a.value < t.value ? a.value + 1 : t.value, l.emit("change", {
+      pageIndex: a.value,
+      pageSize: r.value
+    });
   }
-  function d(r) {
-    n.value = t.value;
+  function p(i) {
+    a.value = t.value, l.emit("change", {
+      pageIndex: a.value,
+      pageSize: r.value
+    });
   }
-  function o() {
-    return p("li", {
-      class: i.value
-    }, [!e.value && p("a", {
+  function u() {
+    return f("li", {
+      class: c.value
+    }, [!e.value && f("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (r) => a()
-    }, [p("span", {
+      onClick: (i) => n()
+    }, [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", {
+    return f("li", {
+      class: c.value
+    }, [!e.value && f("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (r) => d()
-    }, [p("span", {
+      onClick: (i) => p()
+    }, [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: o
+    renderNextPage: u
   };
 }
-function ae(n, e) {
-  const t = N("共"), i = N("条"), a = w(() => ({
+function oe(a, e) {
+  const t = S("共"), r = S("条"), l = w(() => ({
     "pagination-message": !0,
     "text-truncate": !0,
     "d-flex": !0,
-    "ml-auto": n.value === "right",
-    "flex-fill": n.value === "right"
+    "ml-auto": a.value === "right",
+    "flex-fill": a.value === "right"
   }));
-  function d() {
-    return p("li", {
-      class: a.value
-    }, [p("div", {
+  function c() {
+    return f("li", {
+      class: l.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])])]);
+    }, [r.value])])]);
   }
   return {
-    renderPageInfo: d
+    renderPageInfo: c
   };
 }
-function se(n, e, t, i) {
-  const a = N(!1), d = N("显示"), o = N("条"), s = w(() => ({
+function le(a, e, t, r, l) {
+  const c = S(!1), n = S("显示"), p = S("条"), u = w(() => ({
     dropup: !0,
     "dropdown-right": !0,
     "pg-pagelist": !0,
-    "pagelist-disabled": i.value === 0,
-    show: a.value
-  })), r = w(() => ({
+    "pagelist-disabled": r.value === 0,
+    show: c.value
+  })), s = w(() => ({
     "dropdown-menu": !0,
-    show: a.value
-  })), f = (c) => ({
+    show: c.value
+  })), i = (h) => ({
     "w-100": !0,
     "dropdown-item": !0,
-    active: e.value === c
+    active: e.value === h
   });
-  function g(c) {
-    a.value = !0;
+  function o(h) {
+    c.value = !0;
   }
-  function v(c) {
-    a.value = !1;
+  function d(h) {
+    c.value = !1;
   }
-  function m(c, u, b) {
-    const P = c * u - u + 1;
-    return Math.ceil(P / b);
+  function m(h, b, g) {
+    const I = h * b - b + 1;
+    return Math.ceil(I / g);
   }
-  function C(c, u) {
-    n.value = m(n.value, e.value, u), e.value = u, a.value = !1;
+  function C(h, b) {
+    a.value = m(a.value, e.value, b), e.value = b, c.value = !1, l.emit("change", {
+      pageIndex: a.value,
+      pageSize: e.value
+    });
   }
-  function l() {
-    return p("li", {
+  function v() {
+    return f("li", {
       class: "pagination-pagelist"
-    }, [p("div", {
-      class: s.value,
-      onMouseenter: (c) => g(),
-      onMouseleave: (c) => v()
-    }, [p("div", {
+    }, [f("div", {
+      class: u.value,
+      onMouseenter: (h) => o(),
+      onMouseleave: (h) => d()
+    }, [f("div", {
       class: "pg-pagelist-info"
-    }, [p("span", {
+    }, [f("span", {
       class: "pagelist-text"
-    }, [d.value]), p("b", {
+    }, [n.value]), f("b", {
       class: "cur-pagesize"
-    }, [e.value]), p("span", {
+    }, [e.value]), f("span", {
       class: "pagelist-text"
-    }, [o.value]), p("i", {
+    }, [p.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((h) => f("li", {
+      class: i(h),
+      onClick: (b) => C(b, h)
+    }, [f("span", null, [h])]))])])]);
   }
   return {
-    renderPageList: l
+    renderPageList: v
   };
 }
-function re(n, e) {
-  const t = (o) => ({
+function se(a, e, t, r) {
+  const l = (u) => ({
     "page-item": !0,
-    current: n.value === o.value,
-    ellipsis: o.label === "..."
-  }), i = (o) => ({
+    current: a.value === u.value,
+    ellipsis: u.label === "..."
+  }), c = (u) => ({
     "f-icon": !0,
-    "f-icon-arrow-seek-left": o.value < n.value,
-    "f-icon-arrow-seek-right": o.value > n.value
+    "f-icon-arrow-seek-left": u.value < a.value,
+    "f-icon-arrow-seek-right": u.value > a.value
   });
-  function a(o, s) {
-    n.value = s;
+  function n(u, s) {
+    a.value = s, r.emit("change", {
+      pageIndex: a.value,
+      pageSize: t.value
+    });
   }
-  function d() {
-    return e.value.map((o) => p("li", {
-      class: t(o)
-    }, [n.value !== o.value && p("a", {
+  function p() {
+    return e.value.map((u) => f("li", {
+      class: l(u)
+    }, [a.value !== u.value && f("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (s) => a(s, o.value)
-    }, [p("span", {
+      onClick: (s) => n(s, u.value)
+    }, [f("span", {
       class: "page-link-label"
-    }, [o.label]), o.label === "..." && p("i", {
-      class: i(o)
-    }, null)]), n.value === o.value && p("span", {
+    }, [u.label]), u.label === "..." && f("i", {
+      class: c(u)
+    }, null)]), a.value === u.value && f("span", {
       class: "page-link"
-    }, [o.label])]));
+    }, [u.label])]));
   }
   return {
-    renderPageNumbers: d
+    renderPageNumbers: p
   };
 }
-function ce(n, e, t) {
-  const i = w(() => ({
+function ie(a, e, t, r, l) {
+  const c = w(() => ({
     "page-item": !0,
     disabled: e.value
   }));
-  function a(r) {
-    n.value = 1;
+  function n(i) {
+    a.value = 1, l.emit("change", {
+      pageIndex: a.value,
+      pageSize: r.value
+    });
   }
-  function d(r) {
-    n.value = n.value > 2 ? n.value - 1 : 1;
+  function p(i) {
+    a.value = a.value > 2 ? a.value - 1 : 1, l.emit("change", {
+      pageIndex: a.value,
+      pageSize: r.value
+    });
   }
-  function o() {
-    return p("li", {
-      class: i.value
-    }, [t.value && p("a", {
+  function u() {
+    return f("li", {
+      class: c.value
+    }, [t.value && f("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (r) => a()
-    }, [p("span", {
+      onClick: (i) => n()
+    }, [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", {
+    return f("li", {
+      class: c.value
+    }, [t.value && f("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (r) => d()
-    }, [p("span", {
+      onClick: (i) => p()
+    }, [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,
+    renderFirstPage: u,
     renderPreviousPage: s
   };
 }
-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 re(a) {
+  const e = S([]);
+  function t(l, c, n, p) {
+    const u = Math.ceil(n / 2);
+    return l === n ? p : l === 1 ? l : n < p ? p - u < c ? p - n + l : u < c ? c - u + l : l : l;
+  }
+  function r(l, c, n, p) {
+    const u = [], s = Math.ceil(n / c), i = Math.ceil(p / 2), o = l <= i, d = s - i < l, m = !o && !d, C = p < s;
+    let v = 1;
+    for (; v <= s && v <= p; ) {
+      const h = t(v, l, p, s), b = v === 2 && (m || d), g = v === p - 1 && (m || o), M = C && (b || g) ? "..." : "" + h;
+      u.push({ label: M, value: h }), v++;
     }
-    e.value = r;
+    e.value = u;
   }
-  return { pages: e, updatePages: i };
+  return { pages: e, updatePages: r };
 }
-const J = /* @__PURE__ */ R({
+const U = /* @__PURE__ */ R({
   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,
-      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,
-      renderNextPage: h
-    } = oe(s, l, C), {
-      renderPageInfo: A
-    } = ae(a, r), {
-      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);
-    }), B(o, () => {
-      e.emit("update:pageSize", o.value), e.emit("pageSizeChanged", o.value);
-    }), B(() => n.totalItems, (E) => {
-      r.value = E, g(s.value, o.value, r.value, 7);
-    }), pe(() => {
-      const E = m.value.includes(o.value);
-      o.value = E ? o.value : m.value[0];
+  props: J,
+  emits: ["change", "pageIndexChanged", "pageSizeChanged", "update:currentPage", "update:pageSize"],
+  setup(a, e) {
+    const t = S(!1), r = S(a.mode), l = S(""), c = S(!1), n = S(a.pageSize), p = S(a.currentPage), u = S(a.totalItems), {
+      pages: s,
+      updatePages: i
+    } = re(), o = w(() => p.value === 1), d = w(() => a.pageList), m = w(() => Math.ceil(u.value / n.value)), C = w(() => p.value === m.value), v = w(() => a.showGoButton), h = w(() => p.value > 1), b = w(() => !(c.value && s.value.length <= 1)), g = w(() => !0), M = w(() => a.showPageList), I = w(() => a.showPageNumbers), y = w(() => !0), {
+      renderFirstPage: L,
+      renderPreviousPage: T
+    } = ie(p, o, h, n, e), {
+      renderLastPage: k,
+      renderNextPage: D
+    } = ae(p, C, m, n, e), {
+      renderPageInfo: E
+    } = oe(l, u), {
+      renderPageList: A
+    } = le(p, n, d, u, e), {
+      renderPageNumbers: O
+    } = se(p, s, n, e), {
+      renderGotoButton: j
+    } = ne(p, m, n, e);
+    i(p.value, n.value, u.value, 7), N(() => a.totalItems, (B) => {
+      u.value = B;
+    }), N([p, n, u], () => {
+      i(p.value, n.value, u.value, 7);
+    }), N(p, () => {
+      e.emit("update:currentPage", p.value), e.emit("pageIndexChanged", {
+        pageIndex: p.value,
+        pageSize: n.value
+      });
+    }), N(n, () => {
+      e.emit("update:pageSize", n.value), e.emit("pageSizeChanged", {
+        pageIndex: p.value,
+        pageSize: n.value
+      });
+    }), N(() => a.totalItems, (B) => {
+      u.value = B, i(p.value, n.value, u.value, 7);
+    }), me(() => {
+      const B = d.value.includes(n.value);
+      n.value = B ? n.value : d.value[0];
     })();
-    const $ = w(() => ({
+    const W = w(() => ({
       "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": r.value === "default",
+      "pager-viewmode-simple": r.value === "simple"
+    })), z = w(() => ({
       position: "relative",
-      "justify-content": a.value === "center" ? "center" : "start"
+      "justify-content": l.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()]);
+      return f($, null, [g.value && E(), M.value && A(), y.value && L(), y.value && T(), I.value && O(), y.value && D(), y.value && k(), v.value && j()]);
     }
-    function z() {
-      return p(_, null, [p("li", {
+    function q() {
+      return f($, null, [f("li", {
         class: "page-item d-flex flex-fill"
-      }, null), M.value && j(), M.value && k(), x(), p("li", {
+      }, null), y.value && L(), y.value && T(), j(), 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", {
+      }, [G(" /")])]), 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()]);
+      }, [G(" "), m.value])]), y.value && D(), y.value && k()]);
     }
-    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: W.value,
+      style: z.value
+    }, [r.value === "default" ? V() : q()])]);
   }
 });
-function ze(n, e, t) {
-  var M;
-  function i() {
+function ze(a, e, t) {
+  var I;
+  function r() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
-  i();
-  const a = t && t.getStyles && t.getStyles() || "", d = t && t.getDesignerClass && t.getDesignerClass() || "", o = N();
-  function s() {
+  r();
+  const l = t && t.getStyles && t.getStyles() || "", c = t && t.getDesignerClass && t.getDesignerClass() || "", n = S();
+  function p() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function r() {
+  function u() {
     return !1;
   }
-  function f() {
+  function s() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
-  function g() {
+  function i() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function v(j) {
-    if (!j || !j.value)
+  function o(y) {
+    if (!y || !y.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 (y.value.schema && y.value.schema.type === "component")
+      return y.value;
+    const L = S(y == null ? void 0 : y.value.parent), T = o(L);
+    return T || null;
   }
-  function m(j = e) {
-    const { componentInstance: k, designerItemElementRef: y } = j;
-    return !k || !k.value ? null : k.value.canMove ? y : m(j.parent);
+  function d(y = e) {
+    const { componentInstance: L, designerItemElementRef: T } = y;
+    return !L || !L.value ? null : L.value.canMove ? T : d(y.parent);
   }
-  function C(j) {
-    return !!t && t.canAccepts(j);
+  function m(y) {
+    return !!t && t.canAccepts(y);
   }
-  function l() {
+  function C() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function c() {
-  }
-  function u(j, k) {
-    k && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(k);
+  function v() {
   }
-  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 h(y, L) {
+    L && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(L);
   }
-  function O(j, k) {
-    const y = String(j.getAttribute("data-controltype")), h = j.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;
+  function b(y, L) {
+    const { componentType: T } = y;
+    let k = _(T, y, L);
+    t && t.onResolveNewComponentSchema && (k = t.onResolveNewComponentSchema(y, k));
+    const D = T.toLowerCase().replace("-", "_");
+    return k && !k.id && k.type === T && (k.id = `${D}_${Math.random().toString().slice(2, 6)}`), k;
   }
-  function P(j) {
+  function g(y) {
   }
-  function S(...j) {
+  function M(...y) {
     if (t && t.getPropsConfig)
-      return t.getPropsConfig(...j);
+      return t.getPropsConfig(...y);
   }
-  return o.value = {
-    canMove: s(),
-    canSelectParent: r(),
-    canDelete: f(),
-    canNested: !g(),
+  return n.value = {
+    canMove: p(),
+    canSelectParent: u(),
+    canDelete: s(),
+    canNested: !i(),
     contents: e == null ? void 0 : e.schema.contents,
-    elementRef: n,
-    parent: (M = e == null ? void 0 : e.parent) == null ? void 0 : M.componentInstance,
+    elementRef: a,
+    parent: (I = e == null ? void 0 : e.parent) == null ? void 0 : I.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: a,
-    designerClass: d,
-    canAccepts: C,
-    getBelongedComponentInstance: v,
-    getDraggableDesignItemElement: m,
-    getDraggingDisplayText: l,
-    getPropConfig: S,
-    getDragScopeElement: c,
-    onAcceptMovedChildElement: u,
-    onAcceptNewChildElement: O,
-    onChildElementMovedOut: P,
+    styles: l,
+    designerClass: c,
+    canAccepts: m,
+    getBelongedComponentInstance: o,
+    getDraggableDesignItemElement: d,
+    getDraggingDisplayText: C,
+    getPropConfig: M,
+    getDragScopeElement: v,
+    onAcceptMovedChildElement: h,
+    onChildElementMovedOut: g,
     addNewChildComponentSchema: b,
-    updateDragAndDropRules: i,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || N(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || N(!1)
-  }, o;
+    updateDragAndDropRules: r,
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || S(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || S(!1)
+  }, n;
 }
-function We() {
-  function n(e) {
-    var a, d;
+function qe() {
+  function a(e, t) {
+    var n;
     if (!e)
       return !1;
-    const t = ((a = e.targetContainer) == null ? void 0 : a.componentInstance) && e.targetContainer.componentInstance.value;
-    if (!t)
+    const r = ((n = e.targetContainer) == null ? void 0 : n.componentInstance) && e.targetContainer.componentInstance.value;
+    if (!r)
       return !1;
-    const i = (d = t.schema.appearance) == null ? void 0 : d.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)
-        return !1;
-    }
-    return e.controlType !== "field-set";
+    const l = r.schema.type, c = t == null ? void 0 : t.formSchemaUtils.getComponentById(r.belongedComponentId);
+    return !((e.controlCategory === "input" || e.controlType === "form-group") && ![F["response-layout-item"].type, F["response-form"].type].includes(l) || (e.controlType === F.tabs.type || e.controlType === F.section.type) && ((c == null ? void 0 : c.componentType) !== "frame" || ![F["content-container"].type, F["splitter-pane"].type, F["response-layout-item"].type].includes(l)));
   }
   return {
-    basalDragulaRuleForContainer: n
+    basalDragulaRuleForContainer: a
   };
 }
-const Ge = "https://json-schema.org/draft/2020-12/schema", qe = "https://farris-design.gitee.io/dragging-rules.schema.json", _e = "Dragging Rules", He = "The rules of designer canvas", Je = "object", Qe = {
-  "f-page": {
-    description: "The root class of page designed by farris.",
-    type: "object",
-    properties: {
-      contents: {
-        type: "object",
-        properties: {
-          "f-page-header": {
-            description: "The class of page header designed by farris.",
-            type: "string"
-          },
-          "f-page-main": {
-            description: "The class of page body designed by farris.",
-            type: "object",
-            properties: {
-              contents: {
-                type: "object",
-                properties: {
-                  "f-struct-like-card": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-struct-form": {
-                            description: "The class of form component which has a hierarchical structure of component -> section -> respnse-form.",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-form": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-form-layout": {
-                                            description: "The class of reponse form",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-struct-wrapper": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-tabs": {
-                                    description: "The class of section which has wrapped sub-grid tabs.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-tabs-in-card": {
-                                            description: "The class of tabs which contains sub-grid.",
-                                            type: "object",
-                                            properties: {
-                                              contents: {
-                                                type: "object",
-                                                properties: {
-                                                  "f-struct-data-grid-in-card": {
-                                                    description: "The class of sub-grid component",
-                                                    type: "object",
-                                                    properties: {
-                                                      contents: {
-                                                        type: "object",
-                                                        properties: {
-                                                          "f-grid-is-sub": {
-                                                            description: "The class of sub-grid",
-                                                            type: "object",
-                                                            properties: {
-                                                              rules: {
-                                                                type: "object",
-                                                                properties: {
-                                                                  canAccept: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  fixed: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  hidePadding: {
-                                                                    type: "boolean",
-                                                                    const: !1
-                                                                  }
-                                                                }
-                                                              }
-                                                            }
-                                                          }
-                                                        }
-                                                      },
-                                                      rules: {
-                                                        type: "object",
-                                                        properties: {
-                                                          canAccept: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          fixed: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          hidePadding: {
-                                                            type: "boolean",
-                                                            const: !0
-                                                          }
-                                                        }
-                                                      }
-                                                    }
-                                                  }
-                                                }
-                                              },
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  },
-                                  "f-section-in-main": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !1
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "object",
-                            const: {
-                              allOf: [
-                                {
-                                  sibling: 0,
-                                  parent: {
-                                    "f-page-main": !0
-                                  }
-                                }
-                              ]
-                            }
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-struct-data-grid": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "object",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-main-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-struct-data-grid-in-nav": {
-                                    description: "",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-page-content-nav-extend": {
-                                            description: "",
-                                            type: "object"
-                                          },
-                                          "f-section-in-nav": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {}
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-list-nav": {
-                                    description: "",
-                                    type: "object"
-                                  },
-                                  "f-list-nav-left": {
-                                    description: "",
-                                    type: "object"
-                                  },
-                                  "f-struct-data-grid-in-nav": {
-                                    description: "",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-section-form": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          },
-                                          "f-section-grid": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            },
-                            rules: {
-                              type: "object",
-                              properties: {
-                                canAccept: {
-                                  type: "boolean",
-                                  const: !1
-                                },
-                                fixed: {
-                                  type: "boolean",
-                                  const: !0
-                                },
-                                hidePadding: {
-                                  type: "boolean",
-                                  const: !0
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !1
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  }
-                }
-              },
-              rules: {
-                type: "object",
-                properties: {
-                  canAccept: {
-                    type: "object",
-                    const: {
-                      anyOf: [
-                        {
-                          children: 0
-                        },
-                        {
-                          children: {
-                            length: {
-                              not: 1
-                            },
-                            "f-struct-like-card": !0
-                          }
-                        },
-                        {
-                          children: {
-                            "scroll-spy": !1,
-                            "f-page-content": !1,
-                            "f-struct-like-card": !1
-                          }
-                        }
-                      ]
-                    }
-                  },
-                  fixed: {
-                    type: "boolean",
-                    const: !0
-                  },
-                  hidePadding: {
-                    type: "boolean",
-                    const: !0
-                  }
-                }
-              }
-            }
-          },
-          "f-page-footer": {
-            description: "The class of page footer designed by farris.",
-            type: "string"
+class xe {
+  getTemplateRule(e, t) {
+    const r = t == null ? void 0 : t.formSchemaUtils, l = r == null ? void 0 : r.getFormTemplateRule(), c = { canAccept: !0, canDelete: !0, canMove: !0 };
+    if (!l)
+      return c;
+    const n = this.getComponentContext(e);
+    return n.componentClassList.forEach((u) => {
+      if (!u || !l[u])
+        return;
+      const { canMove: s, canDelete: i, canAccept: o } = l[u];
+      c.canMove = c.canMove && this.resolveRuleValue(s, n), c.canDelete = c.canDelete && this.resolveRuleValue(i, n), c.canAccept = c.canAccept && this.resolveRuleValue(o, n);
+    }), c;
+  }
+  resolveRuleValue(e, t) {
+    return typeof e == "boolean" ? e : this.parseRuleValueSchema(e, t);
+  }
+  parseRuleValueSchema(e, t) {
+    const r = e.invalidContext || [];
+    let l = !0;
+    for (const c of r) {
+      if (c.firstLevelChild) {
+        if (c.firstLevelChild.class) {
+          const n = t.firstLevelChildClassList;
+          if (n && !n.includes(c.firstLevelChild.class)) {
+            l = !1;
+            continue;
           }
         }
-      },
-      rules: {
-        type: "object",
-        properties: {
-          canAccept: {
-            type: "boolean",
-            const: !1
-          },
-          fixed: {
-            type: "boolean",
-            const: !0
-          },
-          hidePadding: {
-            type: "boolean",
-            const: !0
+        if (c.firstLevelChild.type) {
+          const n = t.firstLevelChildSchema;
+          if (n && n.type !== c.firstLevelChild.type) {
+            l = !1;
+            continue;
           }
         }
       }
+      if (c.secondLevelChild) {
+        if (c.secondLevelChild.class) {
+          const n = t.secondLevelChildClassList;
+          if (n && !n.includes(c.secondLevelChild.class)) {
+            l = !1;
+            continue;
+          }
+        }
+        if (c.secondLevelChild.type) {
+          const n = t.secondLevelChildSchema;
+          if (n && n.type !== c.secondLevelChild.type) {
+            l = !1;
+            continue;
+          }
+        }
+      }
+      if (c.parent) {
+        if (c.parent.class) {
+          const n = t.parentClassList;
+          if (n && !n.includes(c.parent.class)) {
+            l = !1;
+            continue;
+          }
+        }
+        if (c.parent.type) {
+          const n = t.parentSchema;
+          if (n && n.type !== c.parent.type) {
+            l = !1;
+            continue;
+          }
+        }
+      }
+      l = !0;
+      break;
     }
-  },
-  "f-page-is-managelist": {
-    description: "The root class of mangement list page.",
-    type: "string"
-  },
-  "f-page-card": {
-    description: "",
-    type: "object"
-  },
-  "f-page-is-mainsubcard": {
-    description: "",
-    type: "object"
+    return !l;
+  }
+  getComponentContext(e) {
+    var v, h, b, g;
+    const t = e.schema, r = t.appearance && t.appearance.class || "", l = r.split(" ") || [], c = t.contents || [], n = c.length ? c[0] : null, p = n && n.appearance ? n.appearance.class : "", u = p ? p.split(" ") : [], s = (v = n == null ? void 0 : n.contents) != null && v.length ? n == null ? void 0 : n.contents[0] : null, i = s && s.appearance ? s.appearance.class : "", o = i ? i.split(" ") : [], d = t.type === "component" ? (b = (h = e.parent) == null ? void 0 : h.parent) == null ? void 0 : b.schema : (g = e.parent) == null ? void 0 : g.schema, m = d && d.appearance && d.appearance.class || "", C = m ? m.split(" ") : [];
+    return {
+      componentClass: r,
+      componentClassList: l,
+      childContents: c,
+      firstLevelChildSchema: n,
+      firstLevelChildClass: p,
+      firstLevelChildClassList: u,
+      secondLevelChildSchema: s,
+      secondLevelChildClass: i,
+      secondLevelChildClassList: o,
+      parentSchema: d,
+      parentClass: m,
+      parentClassList: C
+    };
   }
-}, 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;
-    if (typeof u == "number")
-      return ((O = b[l]) == null ? void 0 : O.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);
+}
+class Xe {
+  constructor(e, t) {
+    P(this, "componentId");
+    P(this, "viewModelId");
+    P(this, "eventsEditorUtils");
+    P(this, "formSchemaUtils");
+    P(this, "formMetadataConverter");
+    P(this, "designViewModelUtils");
+    P(this, "designViewModelField");
+    P(this, "controlCreatorUtils");
+    P(this, "designerHostService");
+    P(this, "schemaService", null);
+    P(this, "metadataService", null);
+    P(this, "propertyConfig", {
+      type: "object",
+      categories: {}
+    });
+    var r;
+    this.componentId = e, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((r = this.formSchemaUtils) == null ? void 0 : r.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
+  }
+  getTableInfo() {
+    var e;
+    return (e = this.schemaService) == null ? void 0 : e.getTableInfoByViewModelId(this.viewModelId);
+  }
+  setDesignViewModelField(e) {
+    const t = e.binding && e.binding.type === "Form" && e.binding.field;
+    if (t) {
+      if (!this.designViewModelField) {
+        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = r.fields.find((l) => l.id === t);
+      }
+      e.updateOn = this.designViewModelField.updateOn;
     }
-    return !1;
   }
-  function e(l, c, u, b) {
-    return typeof u == "boolean" ? b.childrenClassList.includes(c) === !!u : !1;
+  changeFieldEditorType(e, t) {
+  }
+  getBasicPropConfig(e) {
+    return {
+      description: "Basic Information",
+      title: "基本信息",
+      properties: {
+        id: {
+          description: "组件标识",
+          title: "标识",
+          type: "string",
+          readonly: !0
+        },
+        type: {
+          description: "组件类型",
+          title: "控件类型",
+          type: "select",
+          editor: {
+            type: "combo-list",
+            textField: "name",
+            valueField: "value",
+            data: [{ value: e.type, name: F[e.type].name }]
+          }
+        }
+      }
+    };
   }
-  function t(l, c, u, b) {
-    return typeof u == "boolean" ? b.parentClassList.includes(c) === !!u : !1;
+  getAppearanceConfig(e = null) {
+    return {
+      title: "样式",
+      description: "Appearance",
+      properties: {
+        class: {
+          title: "class样式",
+          type: "string",
+          description: "组件的CSS样式",
+          $converter: "/converter/appearance.converter"
+        },
+        style: {
+          title: "style样式",
+          type: "string",
+          description: "组件的样式",
+          $converter: "/converter/appearance.converter"
+        }
+      }
+    };
   }
-  function i(l, c, u, b) {
-    return typeof u == "boolean" ? b.parentClassList.includes(c) === !!u : !1;
+  /**
+  * 
+  * @param propertyId 
+  * @param componentInstance 
+  * @returns 
+  */
+  updateElementByParentContainer(e, t) {
+    const r = t && t.parent && t.parent.schema;
+    if (!r)
+      return;
+    const l = r.contents.findIndex((n) => n.id === e), c = K(r.contents[l]);
+    r.contents.splice(l, 1), r.contents.splice(l, 0, c);
   }
-  const a = /* @__PURE__ */ new Map([
-    ["length", n],
-    ["hasChildren", e],
-    ["hasSibling", i],
-    ["hasParent", t]
-  ]);
-  function d(l, c) {
-    const u = l;
-    return typeof c == "number" ? [{ target: u, operator: "length", param: null, value: Number(c) }] : typeof c == "object" ? Object.keys(c).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 };
-    }) : [];
+}
+class _e {
+  constructor() {
+    /** 控件标题 */
+    P(this, "label", "");
+    /** 控件id */
+    P(this, "id", "");
+    /** 每个控件占用的栅格数 */
+    P(this, "columnInSM", 12);
+    P(this, "columnInMD", 6);
+    P(this, "columnInLG", 3);
+    P(this, "columnInEL", 2);
+    /** 每个控件占用的列数 */
+    P(this, "displayWidthInSM", 1);
+    P(this, "displayWidthInMD", 1);
+    P(this, "displayWidthInLG", 1);
+    P(this, "displayWidthInEL", 1);
+    /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
+    P(this, "displayColumnCountAtBreakPoint", "md");
+    /** 控件所在行，传0即可-----编辑器内部使用 */
+    P(this, "tagRow", 0);
+    /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
+    P(this, "showTopBorder", 0);
+    /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
+    P(this, "group", 1);
+    /** 控件是否符合标准的class配置(设计器用的) */
+    P(this, "isSupportedClass", !0);
+    /** 控件所在分组id(设计器用的) */
+    P(this, "fieldSetId", "");
   }
-  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 Je(a) {
+  let e, t;
+  const r = /* @__PURE__ */ new Map();
+  let l = [];
+  function c(i, o) {
+    const m = i.split(" ").filter((g) => g.startsWith("col-"));
+    if (m.length === 0) {
+      o.isSupportedClass = !1;
+      return;
     }
-    return !1;
+    let C = m.find((g) => /^col-([1-9]|10|11|12)$/.test(g)), v = m.find((g) => /^col-md-([1-9]|10|11|12)$/.test(g)), h = m.find((g) => /^col-xl-([1-9]|10|11|12)$/.test(g)), b = m.find((g) => /^col-el-([1-9]|10|11|12)$/.test(g));
+    C = C || "col-12", o.columnInSM = parseInt(C.replace("col-", ""), 10), o.displayWidthInSM = o.columnInSM / 12, o.displayWidthInSM !== 1 && (o.isSupportedClass = !1), v = v || "col-md-" + o.columnInSM, o.columnInMD = parseInt(v.replace("col-md-", ""), 10), o.displayWidthInMD = o.columnInMD / 6, [1, 2].includes(o.displayWidthInMD) || (o.isSupportedClass = !1), h = h || "col-xl-" + o.columnInMD, o.columnInLG = parseInt(h.replace("col-xl-", ""), 10), o.displayWidthInLG = o.columnInLG / 3, [1, 2, 3, 4].includes(o.displayWidthInLG) || (o.isSupportedClass = !1), b = b || "col-el-" + o.columnInLG, o.columnInEL = parseInt(b.replace("col-el-", ""), 10), o.displayWidthInEL = o.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(o.displayWidthInEL) || (o.isSupportedClass = !1);
+  }
+  function n(i, o, d, m = !1) {
+    let C = !1;
+    i.contents.forEach((v) => {
+      if (v.type === "fieldset") {
+        d += 1, n(v, o, d, !0), C = !0;
+        return;
+      }
+      C && (d += 1, C = !1);
+      const h = v.appearance && v.appearance.class, b = new _e();
+      h ? c(h, b) : b.isSupportedClass = !1, b.label = v.label || v.id, b.id = v.id, b.group = d, m && (b.fieldSetId = i.id), t === v.id && (e = d), r.set(v.id, v), o.push(b);
+    });
   }
-  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 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 f(l, c) {
-    const u = l.const;
-    return u ? typeof u == "boolean" ? u : typeof u == "object" ? r(u, c) : !1 : !1;
-  }
-  function g(l) {
-    return (c) => {
-      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;
-      }, u), u;
+  function p(i) {
+    const o = a.getComponentById(i);
+    if (!o || !o.componentType || !o.componentType.startsWith("form"))
+      return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
+    const d = a.selectNode(o, (m) => m.type === x["response-form"].type);
+    return !d || !d.contents || d.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: d };
+  }
+  function u(i, o) {
+    o = o || i.id;
+    const { result: d, message: m, formNode: C } = p(o);
+    if (!d)
+      return { result: d, message: m };
+    t = i.id, l = [], r.clear();
+    const v = C.contents[0].type === x.fieldset.type ? 0 : 1;
+    n(C, l, v);
+    const h = l.find((g) => !g.isSupportedClass);
+    return {
+      defaultState: {
+        defaultGroupNumber: e || 1,
+        model: h ? "customize" : "standard"
+      },
+      importData: l
     };
   }
-  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 s(i, o) {
+    o = o;
+    const { result: d, formNode: m } = p(o);
+    if (!d)
+      return "";
+    const C = [];
+    return i.forEach((v) => {
+      var g;
+      const h = r.get(v.id), b = h.appearance && h.appearance.class;
+      if (b) {
+        const I = b.split(" ").filter((E) => !E.startsWith("col-")), y = "col-" + v.columnInSM, L = "col-md-" + v.columnInMD, T = "col-xl-" + v.columnInLG, k = "col-el-" + v.columnInEL, D = [y, L, T, k].concat(I);
+        h.appearance.class = D.join(" ");
+      }
+      if (v.fieldSetId) {
+        const M = m.contents.find((y) => y.id === v.fieldSetId), I = C.find((y) => y.id === v.fieldSetId);
+        I ? (g = I.contents) == null || g.push(h) : (C.push(M), M.contents = [h]);
+      } else
+        C.push(h);
+    }), m.contents = C, m.id;
   }
-  function m() {
-    const { properties: l } = Ue;
-    Object.keys(l).forEach((c) => {
-      v(c, l[c], X);
+  return {
+    checkCanFindFormNode: p,
+    checkCanOpenLayoutEditor: u,
+    changeFormControlsByResponseLayoutConfig: s,
+    getResonseFormLayoutConfig: n
+  };
+}
+function Qe(a, e) {
+  function t(u, s = null) {
+    if (s) return s;
+    const i = a.getComponentById(e);
+    return a.selectNode(i, (o) => o.id === u);
+  }
+  function r(u) {
+    const s = a.getComponentById(u);
+    return !(!s || !s.componentType || !s.componentType.startsWith("form"));
+  }
+  function l(u) {
+    const s = t(u.id), i = Je(a), o = [];
+    i.getResonseFormLayoutConfig(s, o, 1);
+    const d = o.map((I) => I.columnInSM), m = o.map((I) => I.columnInMD), C = o.map((I) => I.columnInLG), v = o.map((I) => I.columnInEL), h = c(d) ? d[0] : 0, b = c(m) ? m[0] : 0, g = c(C) ? C[0] : 0, M = c(v) ? v[0] : 0;
+    return {
+      uniqueColClassInSM: h,
+      uniqueColClassInMD: b,
+      uniqueColClassInLG: g,
+      uniqueColClassInEL: M
+    };
+  }
+  function c(u) {
+    const s = new Set(u);
+    return Array.from(s).length === 1;
+  }
+  function n(u, s, i) {
+    u = t(i, u), u.contents.forEach((o) => {
+      if (o.type === x.fieldset.type) {
+        n(o, s, o.id);
+        return;
+      }
+      o.appearance || (o.appearance = {});
+      const d = o.appearance.class;
+      o.appearance.class = p(d, s);
     });
   }
-  function C(l, c) {
-    const u = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return X.has(l) ? X.get(l)(c) : u;
+  function p(u, s) {
+    let i, o, d, m, C = [];
+    if (u) {
+      const I = u.split(" "), y = I.filter((L) => L.startsWith("col-"));
+      i = y.find((L) => /^col-([1-9]|10|11|12)$/.test(L)), o = y.find((L) => /^col-md-([1-9]|10|11|12)$/.test(L)), d = y.find((L) => /^col-xl-([1-9]|10|11|12)$/.test(L)), m = y.find((L) => /^col-el-([1-9]|10|11|12)$/.test(L)), C = I.filter((L) => !L.startsWith("col-"));
+    }
+    const v = s.uniqueColClassInSM ? "col-" + s.uniqueColClassInSM : i, h = s.uniqueColClassInMD ? "col-md-" + s.uniqueColClassInMD : o, b = s.uniqueColClassInLG ? "col-xl-" + s.uniqueColClassInLG : d, g = s.uniqueColClassInEL ? "col-el-" + s.uniqueColClassInEL : m;
+    return [v, h, b, g].concat(C).join(" ");
   }
-  return m(), { getRuleValue: C };
+  return { checkIsInFormComponent: r, assembleUnifiedLayoutContext: l, changeFormControlsByUnifiedLayoutConfig: n };
 }
-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;
+class Ye extends Xe {
+  constructor(e, t) {
+    super(e, t);
+  }
+  getPropertyConfig(e, t) {
+    var r = this;
+    this.propertyConfig.categories.basic = this.getBasicPropConfig(e);
+    const { checkIsInFormComponent: l, assembleUnifiedLayoutContext: c, changeFormControlsByUnifiedLayoutConfig: n } = Qe(this.formSchemaUtils, this.componentId), p = this.getAppearanceConfig(e);
+    return p.properties.unifiedLayout = {
+      title: "统一布局配置",
+      description: "统一配置卡片区域内所有控件的宽度，只支持标准模式",
+      visible: l(this.componentId),
+      refreshPanelAfterChanged: !0,
+      editor: {
+        type: "response-form-layout-setting",
+        initialState: c(e)
+      }
+    }, p.setPropertyRelates = function(u, s) {
+      if (u)
+        switch (u && u.propertyID) {
+          case "unifiedLayout": {
+            n(null, u.propertyValue, e.id), r.updateElementByParentContainer(e.id, t);
+            break;
+          }
+        }
+    }, this.propertyConfig.categories.appearance = p, this.propertyConfig;
   }
-  function m(y) {
-    return !(!We().basalDragulaRuleForContainer(y) || !s || !v(y));
+}
+function Ze(a, e) {
+  const t = a.schema, r = new xe(), { canMove: l, canAccept: c, canDelete: n } = r.getTemplateRule(a, e);
+  function p(g) {
+    const M = r.getComponentContext(a);
+    return M && M.componentClassList && M.componentClassList.includes("f-form-layout") && M.componentClassList.includes("farris-form") ? g.sourceType === "control" && g.controlCategory === "input" || g.sourceType === "move" && g.controlType === "form-group" : !0;
   }
-  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,
-      firstChildContent: D,
-      firstChildClass: x,
-      firstChildClassList: L,
-      parent: F,
-      parentClass: V,
-      parentClassList: z,
-      children: T,
-      childrenClassList: $
-    };
-    const { canAccept: E, fixed: Q, hidePadding: U } = a.getRuleValue(A[0], f);
-    return s = E, r = U, g = Q, !0;
+  function u(g) {
+    return !(!qe().basalDragulaRuleForContainer(g, e) || !c || !p(g));
   }
-  function l(y) {
-    ue();
+  function s(g) {
+    ve();
   }
-  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 o(g, M) {
+    const I = t;
+    if ((I.appearance && I.appearance.class || "").split(" ").includes("f-form-layout")) {
+      const { label: T } = g, k = _("form-group");
+      return k.editor = M, k.label = T, d(k), delete k.editor.id, delete k.editor.binding, delete k.editor.appearance, delete k.editor.visible, k;
     }
-    return h;
-  }
-  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;
+    return M;
+  }
+  function d(g) {
+    const M = a.componentInstance.value.getBelongedComponentInstance(a.componentInstance);
+    if (M && M.schema && M.schema.componentType) {
+      const I = M.schema.formColumns;
+      let y = m(I);
+      y = e == null ? void 0 : e.formSchemaUtils.getControlClassByFormUnifiedLayout(y, "", a.schema), g.appearance || (g.appearance = {}), g.appearance.class = y;
     }
   }
-  function O(y) {
-    let h = "";
-    switch (y) {
+  function m(g) {
+    let M = "";
+    switch (g) {
       case 1: {
-        h = "col-12 col-md-12 col-xl-12 col-el-12";
+        M = "col-12";
         break;
       }
       case 2: {
-        h = "col-12 col-md-6 col-xl-6 col-el-6";
+        M = "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";
+        M = "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";
+        M = "col-12 col-md-6 col-xl-3 col-el-2";
         break;
       }
     }
-    return h;
+    return M;
   }
-  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, $;
-    }
-    return A;
+  function C() {
+    return l;
   }
-  function S() {
-    return !g;
+  function v() {
+    return n;
   }
-  function M() {
-    return !g;
+  function h() {
+    return !1;
   }
-  function j() {
-    return r;
+  function b(g) {
+    return new Ye(g, e).getPropertyConfig(t, a.componentInstance.value);
   }
   return {
-    canAccepts: m,
-    checkCanDeleteComponent: M,
-    checkCanMoveComponent: S,
-    getStyles: c,
-    hideNestedPaddingInDesginerView: j,
-    onAcceptNewChildElement: P,
-    onAcceptMovedChildElement: l,
-    resolveComponentContext: C,
-    onResolveNewComponentSchema: u,
-    triggerBelongedComponentToMoveWhenMoved: d,
-    triggerBelongedComponentToDeleteWhenDeleted: o
+    canAccepts: u,
+    checkCanDeleteComponent: v,
+    checkCanMoveComponent: C,
+    getStyles: i,
+    getPropsConfig: b,
+    hideNestedPaddingInDesginerView: h,
+    onAcceptMovedChildElement: s,
+    onResolveNewComponentSchema: o
   };
 }
-const Ze = /* @__PURE__ */ R({
+const Re = /* @__PURE__ */ R({
   name: "FPagination",
-  props: Z,
+  props: J,
   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;
-    }), e.expose(m.value);
+  setup(a, e) {
+    var Y;
+    const t = S(!1), r = S(a.mode), l = S(""), c = S(!1), n = S(a.pageSize), p = S(a.currentPage), u = S(a.totalItems), s = S(), i = ge("design-item-context"), o = Ze(i.schema, (Y = i.parent) == null ? void 0 : Y.schema), d = ze(s, i, o);
+    he(() => {
+      s.value.componentInstance = d;
+    }), e.expose(d.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), {
-      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), {
+      pages: m,
+      updatePages: C
+    } = re(), v = w(() => p.value === 1), h = w(() => [20, 50, 100]), b = w(() => Math.ceil(u.value / n.value)), g = w(() => p.value === b.value), M = w(() => !0), I = w(() => p.value > 1), y = w(() => !(c.value && m.value.length <= 1)), L = w(() => !0), T = w(() => !0), k = w(() => !0), D = w(() => !0), {
+      renderFirstPage: E,
+      renderPreviousPage: A
+    } = ie(p, v, I, n, e), {
+      renderLastPage: O,
+      renderNextPage: j
+    } = ae(p, g, b, n, e), {
+      renderPageInfo: Q
+    } = oe(l, u), {
+      renderPageList: W
+    } = le(p, n, h, u, e), {
+      renderPageNumbers: z
+    } = se(p, m, n, e), {
       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);
-    }), B(o, () => {
-      e.emit("pageSizeChanged", o.value);
+    } = ne(p, b, n, e);
+    C(p.value, n.value, u.value, 7), N([p, n], () => {
+      C(p.value, n.value, u.value, 7);
+    }), N(p, () => {
+      e.emit("pageIndexChanged", p.value);
+    }), N(n, () => {
+      e.emit("pageSizeChanged", n.value);
     });
-    const z = w(() => ({
+    const q = w(() => ({
       "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": r.value === "default",
+      "pager-viewmode-simple": r.value === "simple"
+    })), B = w(() => ({
       position: "relative",
-      "justify-content": a.value === "center" ? "center" : "start"
+      "justify-content": l.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 ce() {
+      return f($, null, [L.value && Q(), T.value && W(), D.value && E(), D.value && A(), k.value && z(), D.value && j(), D.value && O(), M.value && V()]);
     }
-    function U() {
-      return p(_, null, [p("li", {
+    function ue() {
+      return f($, null, [f("li", {
         class: "page-item d-flex flex-fill"
-      }, null), h.value && A(), h.value && T(), V(), p("li", {
+      }, null), D.value && E(), D.value && A(), V(), 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", {
+      }, [G(" /")])]), 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()]);
+      }, [G(" "), b.value])]), D.value && j(), D.value && O()]);
     }
-    return () => p("div", {
-      ref: f,
+    return () => f("div", {
+      ref: s,
       class: "pagination-container"
-    }, [M.value && p("ul", {
+    }, [y.value && f("ul", {
       role: "navigation",
-      class: z.value,
-      style: E.value
-    }, [i.value === "default" ? Q() : U()])]);
+      class: q.value,
+      style: B.value
+    }, [r.value === "default" ? ce() : ue()])]);
   }
 });
-J.register = (n, e, t) => {
-  n.pagination = J, e.pagination = te;
+U.register = (a, e, t) => {
+  a.pagination = U, e.pagination = te;
 };
-J.registerDesigner = (n, e, t) => {
-  n.pagination = Ze, e.pagination = te;
+U.registerDesigner = (a, e, t) => {
+  a.pagination = Re, e.pagination = te;
 };
-const et = be(J);
+const at = ye(U);
 export {
-  J as FPagination,
-  et as default,
-  Z as paginationProps,
+  U as FPagination,
+  at as default,
+  J as paginationProps,
   te as propsResolver
 };