@farris/ui-vue 1.3.0 → 1.3.1

package/components/pagination/index.esm.js

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