@farris/ui-vue 1.3.1 → 1.3.3

package/components/pagination/index.esm.js

@@ -1,154 +1,115 @@
-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;
+import { ref as m, watch as M, createVNode as r, computed as d, defineComponent as J, watchEffect as oe, Fragment as A, createTextVNode as R, inject as re, onMounted as ie } from "vue";
+import { isPlainObject as H, cloneDeep as ue } from "lodash-es";
+import { withInstall as ce } from "../common/index.esm.js";
+const Q = {}, U = {};
+function q(t) {
+  const { properties: e, title: p, ignore: i } = t, l = i && Array.isArray(i), c = Object.keys(e).reduce((a, n) => ((!l || !i.find((u) => u === n)) && (a[n] = e[n].type === "object" && e[n].properties ? q(e[n]) : ue(e[n].default)), a), {});
+  if (p && (!l || !i.find((a) => a === "id"))) {
+    const a = p.toLowerCase().replace(/-/g, "_");
+    c.id = `${a}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return c;
 }
-function _(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;
+function X(t, e = {}, p) {
+  const i = Q[t];
+  if (i) {
+    let l = q(i);
+    const c = U[t];
+    return l = c ? c({ getSchemaByType: X }, l, e, p) : l, l;
   }
   return null;
 }
-function 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(t, e) {
+  const p = q(e);
+  return Object.keys(p).reduce((i, l) => (i[l] && H(i[l]) && H(t[l] || !t[l]) ? Object.assign(i[l], t[l] || {}) : i[l] = t[l], i), p), p;
 }
-function be(a, e) {
-  return Object.keys(a).filter((r) => a[r] != null).reduce((r, l) => {
+function fe(t, e) {
+  return Object.keys(t).filter((i) => t[i] != null).reduce((i, l) => {
     if (e.has(l)) {
       const c = e.get(l);
       if (typeof c == "string")
-        r[c] = a[l];
+        i[c] = t[l];
       else {
-        const n = c(l, a[l], a);
-        Object.assign(r, n);
+        const a = c(l, t[l], t);
+        Object.assign(i, a);
       }
     } else
-      r[l] = a[l];
-    return r;
+      i[l] = t[l];
+    return i;
   }, {});
 }
-function Me(a, e, t = /* @__PURE__ */ new Map()) {
-  const r = Ce(a, e);
-  return be(r, t);
+function ve(t, e, p = /* @__PURE__ */ new Map()) {
+  const i = pe(t, e);
+  return fe(i, p);
 }
-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);
+function ge(t = {}) {
+  function e(o, s, f, v) {
+    if (typeof f == "number")
+      return v[o].length === f;
+    if (typeof f == "object") {
+      const h = Object.keys(f)[0], y = f[h];
+      if (h === "not")
+        return Number(v[o].length) !== Number(y);
+      if (h === "moreThan")
+        return Number(v[o].length) >= Number(y);
+      if (h === "lessThan")
+        return Number(v[o].length) <= Number(y);
     }
     return !1;
   }
-  function t(s, i, o, d) {
-    return d[s] && d[s].propertyValue && String(d[s].propertyValue.value) === String(o);
+  function p(o, s, f, v) {
+    return v[o] && v[o].propertyValue && String(v[o].propertyValue.value) === String(f);
   }
-  const r = /* @__PURE__ */ new Map([
+  const i = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", t]
+    ["getProperty", p]
   ]);
-  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 };
+  Object.keys(t).reduce((o, s) => (o.set(s, t[s]), o), i);
+  function l(o, s) {
+    const f = o;
+    return typeof s == "number" ? [{ target: f, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: f, operator: "getProperty", param: o, value: !!s }] : typeof s == "object" ? Object.keys(s).map((v) => {
+      if (v === "length")
+        return { target: f, operator: "length", param: null, value: s[v] };
+      const h = v, y = s[v];
+      return { target: f, operator: "getProperty", param: h, value: y };
     }) : [];
   }
-  function c(s) {
-    return Object.keys(s).reduce((o, d) => {
-      const m = l(d, s[d]);
-      return o.push(...m), o;
+  function c(o) {
+    return Object.keys(o).reduce((f, v) => {
+      const h = l(v, o[v]);
+      return f.push(...h), f;
     }, []);
   }
-  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;
+  function a(o, s) {
+    if (i.has(o.operator)) {
+      const f = i.get(o.operator);
+      return f && f(o.target, o.param, o.value, s) || !1;
     }
     return !1;
   }
-  function p(s, i) {
-    return c(s).reduce((m, C) => m && n(C, i), !0);
+  function n(o, s) {
+    return c(o).reduce((h, y) => h && a(y, s), !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);
+  function u(o, s) {
+    const f = Object.keys(o), v = f.includes("allOf"), h = f.includes("anyOf"), y = v || h, w = (y ? o[y ? v ? "allOf" : "anyOf" : "allOf"] : [o]).map((O) => n(O, s));
+    return v ? !w.includes(!1) : w.includes(!0);
   }
   return { parseValueSchema: u };
 }
-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);
+const de = {}, me = {};
+ge();
+function he(t, e, p = /* @__PURE__ */ new Map(), i = (a, n, u, o) => n, l = {}, c = (a) => a) {
+  return Q[e.title] = e, U[e.title] = i, de[e.title] = l, me[e.title] = c, (a = {}) => {
+    const n = ve(a, e, p), u = Object.keys(t).reduce((o, s) => (o[s] = t[s].default, o), {});
+    return Object.assign(u, n);
   };
 }
-function Se(a, e) {
+function be(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-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 = {
+const ye = /* @__PURE__ */ new Map([
+  ["appearance", be]
+]), Pe = "https://json-schema.org/draft/2020-12/schema", we = "https://farris-design.gitee.io/pagination.schema.json", Se = "pagination", je = "A Farris Component", ke = "object", Ne = {
   id: {
     description: "The unique identifier for a pagination",
     type: "string"
@@ -240,18 +201,18 @@ const ke = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, je = [
+}, Oe = [
   "id",
   "type"
-], Ae = {
-  $schema: Te,
-  $id: De,
-  title: Ne,
-  description: Be,
-  type: Fe,
-  properties: Ee,
-  required: je
-}, Oe = "pagination", Ve = "A Farris Component", $e = "object", Ge = {
+], Me = {
+  $schema: Pe,
+  $id: we,
+  title: Se,
+  description: je,
+  type: ke,
+  properties: Ne,
+  required: Oe
+}, Le = "pagination", Te = "A Farris Component", Be = "object", Ee = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -322,7 +283,7 @@ const ke = /* @__PURE__ */ new Map([
             },
             {
               value: "center",
-              name: "居中对齐"
+              name: "居中"
             },
             {
               value: "right",
@@ -333,16 +294,16 @@ const ke = /* @__PURE__ */ new Map([
       }
     }
   }
-}, Ue = {
-  title: Oe,
-  description: Ve,
-  type: $e,
-  categories: Ge
+}, ze = {
+  title: Le,
+  description: Te,
+  type: Be,
+  categories: Ee
 };
-function We(a, e, t) {
+function $e(t, e, p) {
   return e;
 }
-const J = {
+const W = {
   /**
    * 当前页码
    */
@@ -375,991 +336,532 @@ const J = {
    * 自定义每页数量
    */
   pageList: { type: Array, default: [20, 50, 100] }
-}, 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);
+}, Y = he(W, Me, ye, $e, ze);
+function Z(t, e, p, i) {
+  const l = m("跳转至"), c = m(""), a = m(t.value);
+  M(a, (s, f) => {
+    s >= 1 && s <= e.value ? t.value = s : a.value = f;
+  }), M(t, (s) => {
+    a.value !== s && (a.value = s);
   });
-  function p(i) {
-    n.value = i.target.valueAsNumber, r.emit("change", {
-      pageIndex: n.value,
-      pageSize: t.value
+  function n(s) {
+    a.value = s.target.valueAsNumber, i.emit("change", {
+      pageIndex: a.value,
+      pageSize: p.value
     });
   }
-  function u(i) {
-    i.key === "Enter" && (n.value = i.target.valueAsNumber, r.emit("change", {
-      pageIndex: n.value,
-      pageSize: t.value
+  function u(s) {
+    s.key === "Enter" && (a.value = s.target.valueAsNumber, i.emit("change", {
+      pageIndex: a.value,
+      pageSize: p.value
     }));
   }
-  function s() {
-    return f("li", {
+  function o() {
+    return r("li", {
       class: "page-goto-input d-flex flex-row",
       style: "padding-left: 10px; white-space: nowrap;"
-    }, [f("span", {
+    }, [r("span", {
       class: "pg-message-text"
-    }, [l.value]), f("input", {
+    }, [l.value]), r("input", {
       type: "number",
       class: "form-control farris-gotopagenumber",
-      value: n.value,
+      value: a.value,
       min: "1",
       max: e.value,
       style: "display: inline-block;margin-left:3px;",
-      onBlur: (i) => p(i),
-      onKeyup: (i) => u(i)
+      onBlur: (s) => n(s),
+      onKeyup: (s) => u(s)
     }, null), c.value]);
   }
   return {
-    renderGotoButton: s
+    renderGotoButton: o
   };
 }
-function ae(a, e, t, r, l) {
-  const c = w(() => ({
+function I(t, e, p, i, l) {
+  const c = d(() => ({
     "page-item": !0,
     disabled: e.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 a(s) {
+    t.value = t.value < p.value ? t.value + 1 : p.value, l.emit("change", {
+      pageIndex: t.value,
+      pageSize: i.value
     });
   }
-  function p(i) {
-    a.value = t.value, l.emit("change", {
-      pageIndex: a.value,
-      pageSize: r.value
+  function n(s) {
+    t.value = p.value, l.emit("change", {
+      pageIndex: t.value,
+      pageSize: i.value
     });
   }
   function u() {
-    return f("li", {
+    return r("li", {
       class: c.value
-    }, [!e.value && f("a", {
+    }, [!e.value && r("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (i) => n()
-    }, [f("span", {
+      onClick: (s) => a()
+    }, [r("span", {
       class: "f-icon f-page-next"
-    }, null)]), e.value && f("span", {
+    }, null)]), e.value && r("span", {
       class: "page-link"
-    }, [f("span", {
+    }, [r("span", {
       class: "f-icon f-page-next"
     }, null)])]);
   }
-  function s() {
-    return f("li", {
+  function o() {
+    return r("li", {
       class: c.value
-    }, [!e.value && f("a", {
+    }, [!e.value && r("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (i) => p()
-    }, [f("span", {
+      onClick: (s) => n()
+    }, [r("span", {
       class: "f-icon f-page-last"
-    }, null)]), e.value && f("span", {
+    }, null)]), e.value && r("span", {
       class: "page-link"
-    }, [f("span", {
+    }, [r("span", {
       class: "f-icon f-page-last"
     }, null)])]);
   }
   return {
-    renderLastPage: s,
+    renderLastPage: o,
     renderNextPage: u
   };
 }
-function oe(a, e) {
-  const t = S("共"), r = S("条"), l = w(() => ({
+function K(t, e) {
+  const p = m("共"), i = m("条"), l = d(() => ({
     "pagination-message": !0,
     "text-truncate": !0,
     "d-flex": !0,
-    "ml-auto": a.value === "right",
-    "flex-fill": a.value === "right"
+    "ml-auto": t.value === "right",
+    "flex-fill": t.value === "right"
   }));
   function c() {
-    return f("li", {
+    return r("li", {
       class: l.value
-    }, [f("div", {
+    }, [r("div", {
       class: "text-truncate",
       style: "line-height: 26px"
-    }, [f("span", {
+    }, [r("span", {
       class: "pg-message-text"
-    }, [t.value]), f("b", {
+    }, [p.value]), r("b", {
       class: "pg-message-total"
-    }, [e.value]), f("span", {
+    }, [e.value]), r("span", {
       class: "pg-message-text"
-    }, [r.value])])]);
+    }, [i.value])])]);
   }
   return {
     renderPageInfo: c
   };
 }
-function le(a, e, t, r, l) {
-  const c = S(!1), n = S("显示"), p = S("条"), u = w(() => ({
+function ee(t, e, p, i, l) {
+  const c = m(!1), a = m("显示"), n = m("条"), u = d(() => ({
     dropup: !0,
     "dropdown-right": !0,
     "pg-pagelist": !0,
-    "pagelist-disabled": r.value === 0,
+    "pagelist-disabled": i.value === 0,
     show: c.value
-  })), s = w(() => ({
+  })), o = d(() => ({
     "dropdown-menu": !0,
     show: c.value
-  })), i = (h) => ({
+  })), s = (b) => ({
     "w-100": !0,
     "dropdown-item": !0,
-    active: e.value === h
+    active: e.value === b
   });
-  function o(h) {
+  function f(b) {
     c.value = !0;
   }
-  function d(h) {
+  function v(b) {
     c.value = !1;
   }
-  function m(h, b, g) {
-    const I = h * b - b + 1;
-    return Math.ceil(I / g);
+  function h(b, w, N) {
+    const T = b * w - w + 1;
+    return Math.ceil(T / N);
   }
-  function C(h, b) {
-    a.value = m(a.value, e.value, b), e.value = b, c.value = !1, l.emit("change", {
-      pageIndex: a.value,
+  function y(b, w) {
+    t.value = h(t.value, e.value, w), e.value = w, c.value = !1, l.emit("change", {
+      pageIndex: t.value,
       pageSize: e.value
     });
   }
-  function v() {
-    return f("li", {
+  function k() {
+    return r("li", {
       class: "pagination-pagelist"
-    }, [f("div", {
+    }, [r("div", {
       class: u.value,
-      onMouseenter: (h) => o(),
-      onMouseleave: (h) => d()
-    }, [f("div", {
+      onMouseenter: (b) => f(),
+      onMouseleave: (b) => v()
+    }, [r("div", {
       class: "pg-pagelist-info"
-    }, [f("span", {
+    }, [r("span", {
       class: "pagelist-text"
-    }, [n.value]), f("b", {
+    }, [a.value]), r("b", {
       class: "cur-pagesize"
-    }, [e.value]), f("span", {
+    }, [e.value]), r("span", {
       class: "pagelist-text"
-    }, [p.value]), f("i", {
+    }, [n.value]), r("i", {
       class: "f-icon f-icon-dropdown"
-    }, null)]), f("div", {
-      class: s.value,
+    }, null)]), r("div", {
+      class: o.value,
       style: "margin-bottom: -1px;"
-    }, [t.value.map((h) => f("li", {
-      class: i(h),
-      onClick: (b) => C(b, h)
-    }, [f("span", null, [h])]))])])]);
+    }, [p.value.map((b) => r("li", {
+      class: s(b),
+      onClick: (w) => y(w, b)
+    }, [r("span", null, [b])]))])])]);
   }
   return {
-    renderPageList: v
+    renderPageList: k
   };
 }
-function se(a, e, t, r) {
+function te(t, e, p, i) {
   const l = (u) => ({
     "page-item": !0,
-    current: a.value === u.value,
+    current: t.value === u.value,
     ellipsis: u.label === "..."
   }), c = (u) => ({
     "f-icon": !0,
-    "f-icon-arrow-seek-left": u.value < a.value,
-    "f-icon-arrow-seek-right": u.value > a.value
+    "f-icon-arrow-seek-left": u.value < t.value,
+    "f-icon-arrow-seek-right": u.value > t.value
   });
-  function n(u, s) {
-    a.value = s, r.emit("change", {
-      pageIndex: a.value,
-      pageSize: t.value
+  function a(u, o) {
+    t.value = o, i.emit("change", {
+      pageIndex: t.value,
+      pageSize: p.value
     });
   }
-  function p() {
-    return e.value.map((u) => f("li", {
+  function n() {
+    return e.value.map((u) => r("li", {
       class: l(u)
-    }, [a.value !== u.value && f("a", {
+    }, [t.value !== u.value && r("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (s) => n(s, u.value)
-    }, [f("span", {
+      onClick: (o) => a(o, u.value)
+    }, [r("span", {
       class: "page-link-label"
-    }, [u.label]), u.label === "..." && f("i", {
+    }, [u.label]), u.label === "..." && r("i", {
       class: c(u)
-    }, null)]), a.value === u.value && f("span", {
+    }, null)]), t.value === u.value && r("span", {
       class: "page-link"
     }, [u.label])]));
   }
   return {
-    renderPageNumbers: p
+    renderPageNumbers: n
   };
 }
-function ie(a, e, t, r, l) {
-  const c = w(() => ({
+function ae(t, e, p, i, l) {
+  const c = d(() => ({
     "page-item": !0,
     disabled: e.value
   }));
-  function n(i) {
-    a.value = 1, l.emit("change", {
-      pageIndex: a.value,
-      pageSize: r.value
+  function a(s) {
+    t.value = 1, l.emit("change", {
+      pageIndex: t.value,
+      pageSize: i.value
     });
   }
-  function p(i) {
-    a.value = a.value > 2 ? a.value - 1 : 1, l.emit("change", {
-      pageIndex: a.value,
-      pageSize: r.value
+  function n(s) {
+    t.value = t.value > 2 ? t.value - 1 : 1, l.emit("change", {
+      pageIndex: t.value,
+      pageSize: i.value
     });
   }
   function u() {
-    return f("li", {
+    return r("li", {
       class: c.value
-    }, [t.value && f("a", {
+    }, [p.value && r("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (i) => n()
-    }, [f("span", {
+      onClick: (s) => a()
+    }, [r("span", {
       class: "f-icon f-page-first"
-    }, null)]), e.value && f("span", {
+    }, null)]), e.value && r("span", {
       class: "page-link"
-    }, [f("span", {
+    }, [r("span", {
       class: "f-icon f-page-first"
     }, null)])]);
   }
-  function s() {
-    return f("li", {
+  function o() {
+    return r("li", {
       class: c.value
-    }, [t.value && f("a", {
+    }, [p.value && r("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (i) => p()
-    }, [f("span", {
+      onClick: (s) => n()
+    }, [r("span", {
       class: "f-icon f-page-pre"
-    }, null)]), e.value && f("span", {
+    }, null)]), e.value && r("span", {
       class: "page-link"
-    }, [f("span", {
+    }, [r("span", {
       class: "f-icon f-page-pre"
     }, null)])]);
   }
   return {
     renderFirstPage: u,
-    renderPreviousPage: s
+    renderPreviousPage: o
   };
 }
-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++;
+function ne(t) {
+  const e = m([]);
+  function p(l, c, a, n) {
+    const u = Math.ceil(a / 2);
+    return l === a ? n : l === 1 ? l : a < n ? n - u < c ? n - a + l : u < c ? c - u + l : l : l;
+  }
+  function i(l, c, a, n) {
+    const u = [], o = Math.ceil(a / c), s = Math.ceil(n / 2), f = l <= s, v = o - s < l, h = !f && !v, y = n < o;
+    let k = 1;
+    for (; k <= o && k <= n; ) {
+      const b = p(k, l, n, o), w = k === 2 && (h || v), N = k === n - 1 && (h || f), O = y && (w || N) ? "..." : "" + b;
+      u.push({ label: O, value: b }), k++;
     }
     e.value = u;
   }
-  return { pages: e, updatePages: r };
+  return { pages: e, updatePages: i };
 }
-const U = /* @__PURE__ */ R({
+const V = /* @__PURE__ */ J({
   name: "FPagination",
-  props: J,
+  props: W,
   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), {
+  setup(t, e) {
+    const p = m(!1), i = m(t.mode), l = m(""), c = m(!1), a = m(t.pageSize), n = m(t.currentPage), u = m(t.totalItems), {
+      pages: o,
+      updatePages: s
+    } = ne(), f = d(() => n.value === 1), v = d(() => t.pageList), h = d(() => Math.ceil(u.value / a.value)), y = d(() => n.value === h.value), k = d(() => t.showGoButton), b = d(() => n.value > 1), w = d(() => !(c.value && o.value.length <= 1)), N = d(() => !0), O = d(() => t.showPageList), T = d(() => t.showPageNumbers), g = d(() => !0), {
+      renderFirstPage: j,
+      renderPreviousPage: S
+    } = ae(n, f, b, a, e), {
+      renderLastPage: P,
+      renderNextPage: B
+    } = I(n, y, h, a, e), {
       renderPageInfo: E
-    } = 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
+    } = K(l, u), {
+      renderPageList: z
+    } = ee(n, a, v, u, e), {
+      renderPageNumbers: $
+    } = te(n, o, a, e), {
+      renderGotoButton: D
+    } = Z(n, h, a, e);
+    s(n.value, a.value, u.value, 7), M(() => t.totalItems, (L) => {
+      u.value = L;
+    }), M([n, a, u], () => {
+      s(n.value, a.value, u.value, 7);
+    }), M(n, () => {
+      e.emit("update:currentPage", n.value), e.emit("pageIndexChanged", {
+        pageIndex: n.value,
+        pageSize: a.value
       });
-    }), N(n, () => {
-      e.emit("update:pageSize", n.value), e.emit("pageSizeChanged", {
-        pageIndex: p.value,
-        pageSize: n.value
+    }), M(a, () => {
+      e.emit("update:pageSize", a.value), e.emit("pageSizeChanged", {
+        pageIndex: n.value,
+        pageSize: a.value
       });
-    }), N(() => a.totalItems, (B) => {
-      u.value = B, i(p.value, n.value, u.value, 7);
-    }), me(() => {
-      const B = d.value.includes(n.value);
-      n.value = B ? n.value : d.value[0];
+    }), M(() => t.totalItems, (L) => {
+      u.value = L, s(n.value, a.value, u.value, 7);
+    }), oe(() => {
+      const L = v.value.includes(a.value);
+      a.value = L ? a.value : v.value[0];
     })();
-    const W = w(() => ({
+    const x = d(() => ({
       "ngx-pagination": !0,
       pagination: !0,
-      responsive: t.value,
-      "pager-viewmode-default": r.value === "default",
-      "pager-viewmode-simple": r.value === "simple"
-    })), z = w(() => ({
+      responsive: p.value,
+      "pager-viewmode-default": i.value === "default",
+      "pager-viewmode-simple": i.value === "simple"
+    })), F = d(() => ({
       position: "relative",
       "justify-content": l.value === "center" ? "center" : "start"
     }));
-    function V() {
-      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 C() {
+      return r(A, null, [N.value && E(), O.value && z(), g.value && j(), g.value && S(), T.value && $(), g.value && B(), g.value && P(), k.value && D()]);
     }
-    function q() {
-      return f($, null, [f("li", {
+    function G() {
+      return r(A, null, [r("li", {
         class: "page-item d-flex flex-fill"
-      }, null), y.value && L(), y.value && T(), j(), f("li", {
+      }, null), g.value && j(), g.value && S(), D(), r("li", {
         class: "page-item page-separator",
         style: "margin-left: 10px"
-      }, [f("span", {
+      }, [r("span", {
         style: "font-size: 15px; font-weight: 200;"
-      }, [G(" /")])]), f("li", {
+      }, [R(" /")])]), r("li", {
         class: "page-item page-total",
         style: "margin-left: 5px"
-      }, [f("span", {
+      }, [r("span", {
         style: "font-size: 16px; font-weight: 600;"
-      }, [G(" "), m.value])]), y.value && D(), y.value && k()]);
+      }, [R(" "), h.value])]), g.value && B(), g.value && P()]);
     }
-    return () => f("div", {
+    return () => r("div", {
       class: "pagination-container"
-    }, [b.value && f("ul", {
+    }, [w.value && r("ul", {
       role: "navigation",
-      class: W.value,
-      style: z.value
-    }, [r.value === "default" ? V() : q()])]);
+      class: x.value,
+      style: F.value
+    }, [i.value === "default" ? C() : G()])]);
   }
 });
-function ze(a, e, t) {
-  var I;
-  function r() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
+function De(t, e, p) {
+  var T;
+  const i = "", l = "", c = m();
+  function a() {
+    return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  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 u() {
+  function n() {
     return !1;
   }
-  function s() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
+  function u() {
+    return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function i() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
+  function o() {
+    return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function o(y) {
-    if (!y || !y.value)
+  function s(g) {
+    if (!g || !g.value)
       return 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;
+    if (g.value.schema && g.value.schema.type === "component")
+      return g.value;
+    const j = m(g == null ? void 0 : g.value.parent), S = s(j);
+    return S || null;
   }
-  function d(y = e) {
-    const { componentInstance: L, designerItemElementRef: T } = y;
-    return !L || !L.value ? null : L.value.canMove ? T : d(y.parent);
+  function f(g = e) {
+    const { componentInstance: j, designerItemElementRef: S } = g;
+    return !j || !j.value ? null : j.value.canMove ? S : f(g.parent);
   }
-  function m(y) {
-    return !!t && t.canAccepts(y);
+  function v(g) {
+    return !!p;
   }
-  function C() {
+  function h() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function v() {
+  function y() {
   }
-  function h(y, L) {
-    L && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(L);
+  function k(g, j) {
   }
-  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 b(g, j) {
+    const { componentType: S } = g;
+    let P = X(S, g, j);
+    const B = S.toLowerCase().replace(/-/g, "_");
+    return P && !P.id && P.type === S && (P.id = `${B}_${Math.random().toString().slice(2, 6)}`), P;
   }
-  function g(y) {
+  function w(g) {
   }
-  function M(...y) {
-    if (t && t.getPropsConfig)
-      return t.getPropsConfig(...y);
+  function N(...g) {
   }
-  return n.value = {
-    canMove: p(),
-    canSelectParent: u(),
-    canDelete: s(),
-    canNested: !i(),
+  function O() {
+    e != null && e.schema.contents && e.schema.contents.map((g) => {
+      var P;
+      let j = g.id;
+      g.type === "component-ref" && (j = g.component);
+      const S = t.value.querySelector(`#${j}-design-item`);
+      (P = S == null ? void 0 : S.componentInstance) != null && P.value.onRemoveComponent && S.componentInstance.value.onRemoveComponent();
+    });
+  }
+  return c.value = {
+    canMove: a(),
+    canSelectParent: n(),
+    canDelete: u(),
+    canNested: !o(),
     contents: e == null ? void 0 : e.schema.contents,
-    elementRef: a,
-    parent: (I = e == null ? void 0 : e.parent) == null ? void 0 : I.componentInstance,
+    elementRef: t,
+    parent: (T = e == null ? void 0 : e.parent) == null ? void 0 : T.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: l,
-    designerClass: c,
-    canAccepts: m,
-    getBelongedComponentInstance: o,
-    getDraggableDesignItemElement: d,
-    getDraggingDisplayText: C,
-    getPropConfig: M,
-    getDragScopeElement: v,
-    onAcceptMovedChildElement: h,
-    onChildElementMovedOut: g,
+    styles: i,
+    designerClass: l,
+    canAccepts: v,
+    getBelongedComponentInstance: s,
+    getDraggableDesignItemElement: f,
+    getDraggingDisplayText: h,
+    getPropConfig: N,
+    getDragScopeElement: y,
+    onAcceptMovedChildElement: k,
+    onChildElementMovedOut: w,
     addNewChildComponentSchema: b,
-    updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || S(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || S(!1)
-  }, n;
-}
-function qe() {
-  function a(e, t) {
-    var n;
-    if (!e)
-      return !1;
-    const r = ((n = e.targetContainer) == null ? void 0 : n.componentInstance) && e.targetContainer.componentInstance.value;
-    if (!r)
-      return !1;
-    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: a
-  };
-}
-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;
-          }
-        }
-        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;
-    }
-    return !l;
-  }
-  getComponentContext(e) {
-    var v, h, b, g;
-    const t = e.schema, r = t.appearance && t.appearance.class || "", l = r.split(" ") || [], c = t.contents || [], n = c.length ? c[0] : null, p = n && n.appearance ? n.appearance.class : "", u = p ? p.split(" ") : [], s = (v = n == null ? void 0 : n.contents) != null && v.length ? n == null ? void 0 : n.contents[0] : null, i = s && s.appearance ? s.appearance.class : "", o = i ? i.split(" ") : [], d = t.type === "component" ? (b = (h = e.parent) == null ? void 0 : h.parent) == null ? void 0 : b.schema : (g = e.parent) == null ? void 0 : g.schema, m = d && d.appearance && d.appearance.class || "", C = m ? m.split(" ") : [];
-    return {
-      componentClass: r,
-      componentClassList: l,
-      childContents: c,
-      firstLevelChildSchema: n,
-      firstLevelChildClass: p,
-      firstLevelChildClassList: u,
-      secondLevelChildSchema: s,
-      secondLevelChildClass: i,
-      secondLevelChildClassList: o,
-      parentSchema: d,
-      parentClass: m,
-      parentClassList: C
-    };
-  }
-}
-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;
-    }
-  }
-  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 }]
-          }
-        }
-      }
-    };
-  }
-  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"
-        }
-      }
-    };
-  }
-  /**
-  * 
-  * @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);
-  }
-}
-class _e {
-  constructor() {
-    /** 控件标题 */
-    P(this, "label", "");
-    /** 控件id */
-    P(this, "id", "");
-    /** 每个控件占用的栅格数 */
-    P(this, "columnInSM", 12);
-    P(this, "columnInMD", 6);
-    P(this, "columnInLG", 3);
-    P(this, "columnInEL", 2);
-    /** 每个控件占用的列数 */
-    P(this, "displayWidthInSM", 1);
-    P(this, "displayWidthInMD", 1);
-    P(this, "displayWidthInLG", 1);
-    P(this, "displayWidthInEL", 1);
-    /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
-    P(this, "displayColumnCountAtBreakPoint", "md");
-    /** 控件所在行，传0即可-----编辑器内部使用 */
-    P(this, "tagRow", 0);
-    /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
-    P(this, "showTopBorder", 0);
-    /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
-    P(this, "group", 1);
-    /** 控件是否符合标准的class配置(设计器用的) */
-    P(this, "isSupportedClass", !0);
-    /** 控件所在分组id(设计器用的) */
-    P(this, "fieldSetId", "");
-  }
-}
-function 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 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;
-  }
-  return {
-    checkCanFindFormNode: p,
-    checkCanOpenLayoutEditor: u,
-    changeFormControlsByResponseLayoutConfig: s,
-    getResonseFormLayoutConfig: n
-  };
-}
-function Qe(a, e) {
-  function t(u, s = null) {
-    if (s) return s;
-    const i = a.getComponentById(e);
-    return a.selectNode(i, (o) => o.id === u);
-  }
-  function r(u) {
-    const s = a.getComponentById(u);
-    return !(!s || !s.componentType || !s.componentType.startsWith("form"));
-  }
-  function l(u) {
-    const s = t(u.id), i = Je(a), o = [];
-    i.getResonseFormLayoutConfig(s, o, 1);
-    const d = o.map((I) => I.columnInSM), m = o.map((I) => I.columnInMD), C = o.map((I) => I.columnInLG), v = o.map((I) => I.columnInEL), h = c(d) ? d[0] : 0, b = c(m) ? m[0] : 0, g = c(C) ? C[0] : 0, M = c(v) ? v[0] : 0;
-    return {
-      uniqueColClassInSM: h,
-      uniqueColClassInMD: b,
-      uniqueColClassInLG: g,
-      uniqueColClassInEL: M
-    };
-  }
-  function c(u) {
-    const s = new Set(u);
-    return Array.from(s).length === 1;
-  }
-  function n(u, s, i) {
-    u = t(i, u), u.contents.forEach((o) => {
-      if (o.type === x.fieldset.type) {
-        n(o, s, o.id);
-        return;
-      }
-      o.appearance || (o.appearance = {});
-      const d = o.appearance.class;
-      o.appearance.class = p(d, s);
-    });
-  }
-  function p(u, s) {
-    let i, o, d, m, C = [];
-    if (u) {
-      const I = u.split(" "), y = I.filter((L) => L.startsWith("col-"));
-      i = y.find((L) => /^col-([1-9]|10|11|12)$/.test(L)), o = y.find((L) => /^col-md-([1-9]|10|11|12)$/.test(L)), d = y.find((L) => /^col-xl-([1-9]|10|11|12)$/.test(L)), m = y.find((L) => /^col-el-([1-9]|10|11|12)$/.test(L)), C = I.filter((L) => !L.startsWith("col-"));
-    }
-    const v = s.uniqueColClassInSM ? "col-" + s.uniqueColClassInSM : i, h = s.uniqueColClassInMD ? "col-md-" + s.uniqueColClassInMD : o, b = s.uniqueColClassInLG ? "col-xl-" + s.uniqueColClassInLG : d, g = s.uniqueColClassInEL ? "col-el-" + s.uniqueColClassInEL : m;
-    return [v, h, b, g].concat(C).join(" ");
-  }
-  return { checkIsInFormComponent: r, assembleUnifiedLayoutContext: l, changeFormControlsByUnifiedLayoutConfig: n };
-}
-class Ye extends Xe {
-  constructor(e, t) {
-    super(e, t);
-  }
-  getPropertyConfig(e, t) {
-    var r = this;
-    this.propertyConfig.categories.basic = this.getBasicPropConfig(e);
-    const { checkIsInFormComponent: l, assembleUnifiedLayoutContext: c, changeFormControlsByUnifiedLayoutConfig: n } = Qe(this.formSchemaUtils, this.componentId), p = this.getAppearanceConfig(e);
-    return p.properties.unifiedLayout = {
-      title: "统一布局配置",
-      description: "统一配置卡片区域内所有控件的宽度，只支持标准模式",
-      visible: l(this.componentId),
-      refreshPanelAfterChanged: !0,
-      editor: {
-        type: "response-form-layout-setting",
-        initialState: c(e)
-      }
-    }, p.setPropertyRelates = function(u, s) {
-      if (u)
-        switch (u && u.propertyID) {
-          case "unifiedLayout": {
-            n(null, u.propertyValue, e.id), r.updateElementByParentContainer(e.id, t);
-            break;
-          }
-        }
-    }, this.propertyConfig.categories.appearance = p, this.propertyConfig;
-  }
-}
-function 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 u(g) {
-    return !(!qe().basalDragulaRuleForContainer(g, e) || !c || !p(g));
-  }
-  function s(g) {
-    ve();
-  }
-  function i() {
-    return t.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
-  }
-  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 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 m(g) {
-    let M = "";
-    switch (g) {
-      case 1: {
-        M = "col-12";
-        break;
-      }
-      case 2: {
-        M = "col-12 col-md-6 col-xl-6 col-el-6";
-        break;
-      }
-      case 3: {
-        M = "col-12 col-md-6 col-xl-4 col-el-4";
-        break;
-      }
-      case 4: {
-        M = "col-12 col-md-6 col-xl-3 col-el-2";
-        break;
-      }
-    }
-    return M;
-  }
-  function C() {
-    return l;
-  }
-  function v() {
-    return n;
-  }
-  function h() {
-    return !1;
-  }
-  function b(g) {
-    return new Ye(g, e).getPropertyConfig(t, a.componentInstance.value);
-  }
-  return {
-    canAccepts: u,
-    checkCanDeleteComponent: v,
-    checkCanMoveComponent: C,
-    getStyles: i,
-    getPropsConfig: b,
-    hideNestedPaddingInDesginerView: h,
-    onAcceptMovedChildElement: s,
-    onResolveNewComponentSchema: o
-  };
+    triggerBelongedComponentToMoveWhenMoved: m(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: m(!1),
+    onRemoveComponent: O
+  }, c;
 }
-const Re = /* @__PURE__ */ R({
+const Fe = /* @__PURE__ */ J({
   name: "FPagination",
-  props: J,
+  props: W,
   emits: ["pageIndexChanged", "pageSizeChanged"],
-  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);
+  setup(t, e) {
+    const p = m(!1), i = m(t.mode), l = m(""), c = m(!1), a = m(t.pageSize), n = m(t.currentPage), u = m(t.totalItems), o = m(), s = re("design-item-context"), f = De(o, s);
+    ie(() => {
+      o.value.componentInstance = f;
+    }), e.expose(f.value);
     const {
-      pages: 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);
+      pages: v,
+      updatePages: h
+    } = ne(), y = d(() => n.value === 1), k = d(() => [20, 50, 100]), b = d(() => Math.ceil(u.value / a.value)), w = d(() => n.value === b.value), N = d(() => !0), O = d(() => n.value > 1), T = d(() => !(c.value && v.value.length <= 1)), g = d(() => !0), j = d(() => !0), S = d(() => !0), P = d(() => !0), {
+      renderFirstPage: B,
+      renderPreviousPage: E
+    } = ae(n, y, O, a, e), {
+      renderLastPage: z,
+      renderNextPage: $
+    } = I(n, w, b, a, e), {
+      renderPageInfo: D
+    } = K(l, u), {
+      renderPageList: _
+    } = ee(n, a, k, u, e), {
+      renderPageNumbers: x
+    } = te(n, v, a, e), {
+      renderGotoButton: F
+    } = Z(n, b, a, e);
+    h(n.value, a.value, u.value, 7), M([n, a], () => {
+      h(n.value, a.value, u.value, 7);
+    }), M(n, () => {
+      e.emit("pageIndexChanged", n.value);
+    }), M(a, () => {
+      e.emit("pageSizeChanged", a.value);
     });
-    const q = w(() => ({
+    const C = d(() => ({
       "ngx-pagination": !0,
       pagination: !0,
-      responsive: t.value,
-      "pager-viewmode-default": r.value === "default",
-      "pager-viewmode-simple": r.value === "simple"
-    })), B = w(() => ({
+      responsive: p.value,
+      "pager-viewmode-default": i.value === "default",
+      "pager-viewmode-simple": i.value === "simple"
+    })), G = d(() => ({
       position: "relative",
       "justify-content": l.value === "center" ? "center" : "start"
     }));
-    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 L() {
+      return r(A, null, [g.value && D(), j.value && _(), P.value && B(), P.value && E(), S.value && x(), P.value && $(), P.value && z(), N.value && F()]);
     }
-    function ue() {
-      return f($, null, [f("li", {
+    function le() {
+      return r(A, null, [r("li", {
         class: "page-item d-flex flex-fill"
-      }, null), D.value && E(), D.value && A(), V(), f("li", {
+      }, null), P.value && B(), P.value && E(), F(), r("li", {
         class: "page-item page-separator",
         style: "margin-left: 10px"
-      }, [f("span", {
+      }, [r("span", {
         style: "font-size: 15px; font-weight: 200;"
-      }, [G(" /")])]), f("li", {
+      }, [R(" /")])]), r("li", {
         class: "page-item page-total",
         style: "margin-left: 5px"
-      }, [f("span", {
+      }, [r("span", {
         style: "font-size: 16px; font-weight: 600;"
-      }, [G(" "), b.value])]), D.value && j(), D.value && O()]);
+      }, [R(" "), b.value])]), P.value && $(), P.value && z()]);
     }
-    return () => f("div", {
-      ref: s,
+    return () => r("div", {
+      ref: o,
       class: "pagination-container"
-    }, [y.value && f("ul", {
+    }, [T.value && r("ul", {
       role: "navigation",
-      class: q.value,
-      style: B.value
-    }, [r.value === "default" ? ce() : ue()])]);
+      class: C.value,
+      style: G.value
+    }, [i.value === "default" ? L() : le()])]);
   }
 });
-U.register = (a, e, t) => {
-  a.pagination = U, e.pagination = te;
+V.register = (t, e, p) => {
+  t.pagination = V, e.pagination = Y;
 };
-U.registerDesigner = (a, e, t) => {
-  a.pagination = Re, e.pagination = te;
+V.registerDesigner = (t, e, p) => {
+  t.pagination = Fe, e.pagination = Y;
 };
-const at = ye(U);
+const xe = ce(V);
 export {
-  U as FPagination,
-  at as default,
-  J as paginationProps,
-  te as propsResolver
+  V as FPagination,
+  xe as default,
+  W as paginationProps,
+  Y as propsResolver
 };