@farris/ui-vue 1.6.0-beta.5 → 1.6.0-beta.7

package/components/pagination/index.esm.js

@@ -1,4 +1,4 @@
-import { ref as j, computed as k, watch as G, createVNode as c, defineComponent as I, watchEffect as Pe, Fragment as _, createTextVNode as U, inject as Te, onMounted as we } from "vue";
+import { ref as j, computed as k, watch as V, createVNode as p, defineComponent as I, watchEffect as Pe, Fragment as _, createTextVNode as U, inject as Te, onMounted as we } from "vue";
 import { cloneDeep as Z, isPlainObject as H } from "lodash-es";
 import { useI18n as Q } from "vue-i18n";
 import { getSchemaByTypeForDesigner as ke } from "../dynamic-resolver/index.esm.js";
@@ -13,7 +13,7 @@ function K(e, t) {
     }
     return d;
   }
-  function p(a) {
+  function f(a) {
     const { properties: v, title: h, required: r } = a;
     if (r && Array.isArray(r)) {
       const o = r.reduce((d, g) => (d[g] = v[g].type === "object" && v[g].properties ? s(v[g]) : Z(v[g].default), d), {});
@@ -30,7 +30,7 @@ function K(e, t) {
   function T(a, v = {}, h) {
     const r = e[a];
     if (r) {
-      let o = p(r);
+      let o = f(r);
       const d = t[a];
       return o = d ? d({ getSchemaByType: T }, o, v, h) : o, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(o), o;
     }
@@ -40,7 +40,7 @@ function K(e, t) {
     const h = s(v);
     return Object.keys(h).reduce((r, o) => (Object.prototype.hasOwnProperty.call(a, o) && (r[o] && H(r[o]) && H(a[o] || !a[o]) ? Object.assign(r[o], a[o] || {}) : r[o] = a[o]), r), h), h;
   }
-  function i(a, v) {
+  function l(a, v) {
     return Object.keys(a).filter((r) => a[r] != null).reduce((r, o) => {
       if (v.has(o)) {
         const d = v.get(o);
@@ -57,9 +57,9 @@ function K(e, t) {
   }
   function y(a, v, h = /* @__PURE__ */ new Map()) {
     const r = u(a, v);
-    return i(r, h);
+    return l(r, h);
   }
-  function l(a) {
+  function i(a) {
     var h;
     const v = a.type;
     if (v) {
@@ -75,62 +75,62 @@ function K(e, t) {
     }
     return a;
   }
-  function f(a) {
+  function c(a) {
     n = a;
   }
-  return { getSchemaByType: T, resolveSchemaWithDefaultValue: l, resolveSchemaToProps: y, mappingSchemaToProps: i, setDesignerContext: f };
+  return { getSchemaByType: T, resolveSchemaWithDefaultValue: i, resolveSchemaToProps: y, mappingSchemaToProps: l, setDesignerContext: c };
 }
 const ee = {}, te = {}, { getSchemaByType: yt, resolveSchemaWithDefaultValue: je, resolveSchemaToProps: Fe, mappingSchemaToProps: Oe, setDesignerContext: ht } = K(ee, te);
 function Me(e = {}) {
-  function t(l, f, a, v) {
+  function t(i, c, a, v) {
     if (typeof a == "number")
-      return v[l].length === a;
+      return v[i].length === a;
     if (typeof a == "object") {
       const h = Object.keys(a)[0], r = a[h];
       if (h === "not")
-        return Number(v[l].length) !== Number(r);
+        return Number(v[i].length) !== Number(r);
       if (h === "moreThan")
-        return Number(v[l].length) >= Number(r);
+        return Number(v[i].length) >= Number(r);
       if (h === "lessThan")
-        return Number(v[l].length) <= Number(r);
+        return Number(v[i].length) <= Number(r);
     }
     return !1;
   }
-  function n(l, f, a, v) {
-    return v[l] && v[l].propertyValue && String(v[l].propertyValue.value) === String(a);
+  function n(i, c, a, v) {
+    return v[i] && v[i].propertyValue && String(v[i].propertyValue.value) === String(a);
   }
   const s = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((l, f) => (l.set(f, e[f]), l), s);
-  function p(l, f) {
-    const a = l;
-    return typeof f == "number" ? [{ target: a, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: a, operator: "getProperty", param: l, value: !!f }] : typeof f == "object" ? Object.keys(f).map((v) => {
+  Object.keys(e).reduce((i, c) => (i.set(c, e[c]), i), s);
+  function f(i, c) {
+    const a = i;
+    return typeof c == "number" ? [{ target: a, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: a, operator: "getProperty", param: i, value: !!c }] : typeof c == "object" ? Object.keys(c).map((v) => {
       if (v === "length")
-        return { target: a, operator: "length", param: null, value: f[v] };
-      const h = v, r = f[v];
+        return { target: a, operator: "length", param: null, value: c[v] };
+      const h = v, r = c[v];
       return { target: a, operator: "getProperty", param: h, value: r };
     }) : [];
   }
-  function T(l) {
-    return Object.keys(l).reduce((a, v) => {
-      const h = p(v, l[v]);
+  function T(i) {
+    return Object.keys(i).reduce((a, v) => {
+      const h = f(v, i[v]);
       return a.push(...h), a;
     }, []);
   }
-  function u(l, f) {
-    if (s.has(l.operator)) {
-      const a = s.get(l.operator);
-      return a && a(l.target, l.param, l.value, f) || !1;
+  function u(i, c) {
+    if (s.has(i.operator)) {
+      const a = s.get(i.operator);
+      return a && a(i.target, i.param, i.value, c) || !1;
     }
     return !1;
   }
-  function i(l, f) {
-    return T(l).reduce((h, r) => h && u(r, f), !0);
+  function l(i, c) {
+    return T(i).reduce((h, r) => h && u(r, c), !0);
   }
-  function y(l, f) {
-    const a = Object.keys(l), v = a.includes("allOf"), h = a.includes("anyOf"), r = v || h, g = (r ? l[r ? v ? "allOf" : "anyOf" : "allOf"] : [l]).map((O) => i(O, f));
+  function y(i, c) {
+    const a = Object.keys(i), v = a.includes("allOf"), h = a.includes("anyOf"), r = v || h, g = (r ? i[r ? v ? "allOf" : "anyOf" : "allOf"] : [i]).map((O) => l(O, c));
     return v ? !g.includes(!1) : g.includes(!0);
   }
   return { parseValueSchema: y };
@@ -195,9 +195,9 @@ const Be = {
   "language-textbox": { type: "language-textbox", name: "多语输入框" }
 }, $e = {
   convertFrom: (e, t, n) => {
-    var p;
+    var f;
     const s = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((p = ne[s]) == null ? void 0 : p.name) || s;
+    return ((f = ne[s]) == null ? void 0 : f.name) || s;
   }
 }, Le = {
   convertTo: (e, t, n, s) => {
@@ -251,7 +251,7 @@ const Be = {
     ]));
   },
   convertFrom: (e, t, n) => e.command && t === "enable" ? e.command.enable : ""
-}, xe = {
+}, Re = {
   convertTo: (e, t, n, s) => {
     e.column ? e.column[t] = n : e.column = {
       [t]: n
@@ -266,7 +266,7 @@ const Be = {
     }
     return "";
   }
-}, Re = {
+}, xe = {
   convertTo: (e, t, n, s) => {
     e.summary ? e.summary[t] = n : e.summary = {
       [t]: n
@@ -313,8 +313,8 @@ const Be = {
   convertFrom: (e, t, n) => e.size ? e.size[t] : e[t]
 }, Je = {
   convertFrom: (e, t, n) => {
-    var s, p;
-    return (s = e.formatter) != null && s.data && t === "formatterEnumData" && !e.formatterEnumData ? (p = e.formatter) == null ? void 0 : p.data : e.formatterEnumData;
+    var s, f;
+    return (s = e.formatter) != null && s.data && t === "formatterEnumData" && !e.formatterEnumData ? (f = e.formatter) == null ? void 0 : f.data : e.formatterEnumData;
   }
 };
 function ae(e, t, n) {
@@ -327,8 +327,8 @@ function ae(e, t, n) {
     ["/converter/change-editor.converter", Le],
     ["/converter/change-formatter.converter", Ce],
     ["/converter/column-command.converter", ze],
-    ["/converter/column-option.converter", xe],
-    ["/converter/summary.converter", Re],
+    ["/converter/column-option.converter", Re],
+    ["/converter/summary.converter", xe],
     ["/converter/form-group-label.converter", _e],
     ["/converter/field-selector.converter", Ae],
     ["/converter/pagination.converter", qe],
@@ -336,7 +336,7 @@ function ae(e, t, n) {
     ["/converter/grid-selection.converter", Ve],
     ["/converter/size.converter", Ue],
     ["/converter/change-formatter-enum.converter", Je]
-  ]), p = /* @__PURE__ */ new Map([
+  ]), f = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
       type: "combo-list",
@@ -364,55 +364,55 @@ function ae(e, t, n) {
   function u(r, o) {
     return () => T.parseValueSchema(r, o);
   }
-  function i(r, o, d) {
+  function l(r, o, d) {
     return r.includes("visible") && o.visible !== void 0 ? typeof o.visible == "boolean" ? () => !!o.visible : o.visible === void 0 ? !0 : u(o.visible, d) : () => !0;
   }
   function y(r, o, d) {
     return r.includes("readonly") && o.readonly !== void 0 ? typeof o.readonly == "boolean" ? () => !!o.readonly : u(o.readonly, d) : () => !1;
   }
-  function l(r, o) {
+  function i(r, o) {
     const d = r.$converter || o;
     return typeof d == "string" && d && s.has(d) ? s.get(d) || null : d || null;
   }
-  function f(r, o, d, g, S, O = "", z = "") {
+  function c(r, o, d, g, S, O = "", z = "") {
     return Object.keys(r).map((F) => {
-      const D = j(1), E = F, b = r[F], $ = Object.keys(b), R = b.title, m = b.type, w = p.get(m) || { type: "input-group", enableClear: !1 }, P = b.editor ? Object.assign({}, w, b.editor) : Object.assign({}, w), N = i($, b, o), M = y($, b, o);
+      const E = j(1), B = F, b = r[F], D = Object.keys(b), x = b.title, m = b.type, w = f.get(m) || { type: "input-group", enableClear: !1 }, P = b.editor ? Object.assign({}, w, b.editor) : Object.assign({}, w), N = l(D, b, o), M = y(D, b, o);
       P.readonly = P.readonly === void 0 ? M() : P.readonly;
-      const x = b.type === "cascade" ? f(b.properties, o, d, g, S, O, z) : [], q = !0;
-      let L = l(b, z);
+      const R = b.type === "cascade" ? c(b.properties, o, d, g, S, O, z) : [], q = !0;
+      let L = i(b, z);
       const A = k({
         get() {
-          if (D.value) {
-            if (["class", "style"].find((Se) => Se === E) && !L && (L = s.get("/converter/appearance.converter") || null), L && L.convertFrom)
+          if (E.value) {
+            if (["class", "style"].find((Se) => Se === B) && !L && (L = s.get("/converter/appearance.converter") || null), L && L.convertFrom)
               return L.convertFrom(d, F, S, O);
-            const V = d[F];
-            return Object.prototype.hasOwnProperty.call(b, "defaultValue") && (V === void 0 || typeof V == "string" && V === "") ? b.type === "boolean" ? b.defaultValue : b.defaultValue || "" : V;
+            const G = d[F];
+            return Object.prototype.hasOwnProperty.call(b, "defaultValue") && (G === void 0 || typeof G == "string" && G === "") ? b.type === "boolean" ? b.defaultValue : b.defaultValue || "" : G;
           }
           return null;
         },
-        set(V) {
-          D.value += 1, L && L.convertTo ? (L.convertTo(g, F, V, S, O), L.convertTo(d, F, V, S, O)) : (g[F] = V, d[F] = V);
+        set(G) {
+          E.value += 1, L && L.convertTo ? (L.convertTo(g, F, G, S, O), L.convertTo(d, F, G, S, O)) : (g[F] = G, d[F] = G);
         }
-      }), { refreshPanelAfterChanged: B, description: W, isExpand: ye, parentPropertyID: he } = b, Y = { propertyID: E, propertyName: R, propertyType: m, propertyValue: A, editor: P, visible: N, readonly: M, cascadeConfig: x, hideCascadeTitle: q, refreshPanelAfterChanged: B, description: W, isExpand: ye, parentPropertyID: he };
-      return o[E] = Y, Y;
+      }), { refreshPanelAfterChanged: $, description: W, isExpand: ye, parentPropertyID: he } = b, Y = { propertyID: B, propertyName: x, propertyType: m, propertyValue: A, editor: P, visible: N, readonly: M, cascadeConfig: R, hideCascadeTitle: q, refreshPanelAfterChanged: $, description: W, isExpand: ye, parentPropertyID: he };
+      return o[B] = Y, Y;
     });
   }
   function a(r, o, d = {}) {
     const g = {}, S = e[r];
     return S && S.categories ? Object.keys(S.categories).map((z) => {
-      const C = S.categories[z], F = C == null ? void 0 : C.title, D = f(C.properties || {}, g, {}, d, o);
-      return { categoryId: z, categoryName: F, properties: D };
+      const C = S.categories[z], F = C == null ? void 0 : C.title, E = c(C.properties || {}, g, {}, d, o);
+      return { categoryId: z, categoryName: F, properties: E };
     }) : [];
   }
   function v(r, o, d, g, S = "") {
-    const O = o.$ref.schema, z = o.$ref.converter, C = d[O], F = C.type, D = n(C), E = {}, b = e[F];
+    const O = o.$ref.schema, z = o.$ref.converter, C = d[O], F = C.type, E = n(C), B = {}, b = e[F];
     if (b && b.categories) {
-      const $ = b.categories[r], R = $ == null ? void 0 : $.title;
-      z && Object.keys($.properties).forEach((P) => {
-        $.properties[P].$converter = z;
+      const D = b.categories[r], x = D == null ? void 0 : D.title;
+      z && Object.keys(D.properties).forEach((P) => {
+        D.properties[P].$converter = z;
       });
-      const m = ($ == null ? void 0 : $.properties) || {}, w = f(m, E, D, C, g, S);
-      return { categoryId: r, categoryName: R, properties: w };
+      const m = (D == null ? void 0 : D.properties) || {}, w = c(m, B, E, C, g, S);
+      return { categoryId: r, categoryName: x, properties: w };
     }
     return { categoryId: r, categoryName: "", properties: [] };
   }
@@ -420,16 +420,16 @@ function ae(e, t, n) {
     const O = r.type, z = n(r), C = {};
     let F = S || e[O];
     if (F && Object.keys(F).length === 0 && d && d.getPropConfig && (F = d.getPropConfig(g)), F && F.categories) {
-      const D = [];
-      return Object.keys(F.categories).map((E) => {
-        const b = F.categories[E];
+      const E = [];
+      return Object.keys(F.categories).map((B) => {
+        const b = F.categories[B];
         if (b.$ref) {
-          D.push(v(E, b, r, o, g));
+          E.push(v(B, b, r, o, g));
           return;
         }
-        const $ = b == null ? void 0 : b.title, R = b == null ? void 0 : b.tabId, m = b == null ? void 0 : b.tabName, w = b == null ? void 0 : b.hide, P = b == null ? void 0 : b.hideTitle, N = f(b.properties || {}, C, z, r, o, g, b.$converter), { setPropertyRelates: M } = b, x = b == null ? void 0 : b.parentPropertyID;
-        D.push({ categoryId: E, categoryName: $, tabId: R, tabName: m, hide: w, properties: N, hideTitle: P, setPropertyRelates: M, parentPropertyID: x });
-      }), D;
+        const D = b == null ? void 0 : b.title, x = b == null ? void 0 : b.tabId, m = b == null ? void 0 : b.tabName, w = b == null ? void 0 : b.hide, P = b == null ? void 0 : b.hideTitle, N = c(b.properties || {}, C, z, r, o, g, b.$converter), { setPropertyRelates: M } = b, R = b == null ? void 0 : b.parentPropertyID;
+        E.push({ categoryId: B, categoryName: D, tabId: x, tabName: m, hide: w, properties: N, hideTitle: P, setPropertyRelates: M, parentPropertyID: R });
+      }), E;
     }
     return [];
   }
@@ -443,12 +443,12 @@ const oe = {}, re = {};
 ae(oe, re, je);
 const ie = {}, le = {}, { getSchemaByType: St, resolveSchemaWithDefaultValue: Qe, resolveSchemaToProps: Pt, mappingSchemaToProps: Tt, setDesignerContext: wt } = K(ie, le), se = {}, ue = {};
 ae(se, ue, Qe);
-function Xe(e, t, n = /* @__PURE__ */ new Map(), s = (u, i, y, l) => i, p = {}, T = (u) => u) {
-  return ee[t.title] = t, te[t.title] = s, oe[t.title] = p, re[t.title] = T, ie[t.title] = t, le[t.title] = s, se[t.title] = p, ue[t.title] = T, (u = {}, i = !0) => {
-    if (!i)
+function Xe(e, t, n = /* @__PURE__ */ new Map(), s = (u, l, y, i) => l, f = {}, T = (u) => u) {
+  return ee[t.title] = t, te[t.title] = s, oe[t.title] = f, re[t.title] = T, ie[t.title] = t, le[t.title] = s, se[t.title] = f, ue[t.title] = T, (u = {}, l = !0) => {
+    if (!l)
       return Oe(u, n);
-    const y = Fe(u, t, n), l = Object.keys(e).reduce((f, a) => (f[a] = e[a].default, f), {});
-    return Object.assign(l, y);
+    const y = Fe(u, t, n), i = Object.keys(e).reduce((c, a) => (c[a] = e[a].default, c), {});
+    return Object.assign(i, y);
   };
 }
 function Ye(e, t) {
@@ -698,115 +698,115 @@ const X = {
 }, ce = Xe(X, ot, Ze, ct, ut);
 function pe(e, t, n, s) {
   const {
-    t: p
-  } = Q(), T = j(p("pagination.goto.prefix")), u = j(""), i = j(e.value);
-  G(i, (a, v) => {
-    a >= 1 && a <= t.value ? e.value = a : i.value = v;
-  }), G(e, (a) => {
-    i.value !== a && (i.value = a);
+    t: f
+  } = Q(), T = j(f("pagination.goto.prefix")), u = j(""), l = j(e.value);
+  V(l, (a, v) => {
+    a >= 1 && a <= t.value ? e.value = a : l.value = v;
+  }), V(e, (a) => {
+    l.value !== a && (l.value = a);
   });
   function y(a) {
-    i.value = a.target.valueAsNumber, s.emit("update:currentPage", i.value), s.emit("changed", {
-      pageIndex: i.value,
+    l.value = a.target.valueAsNumber, s.emit("update:currentPage", l.value), s.emit("changed", {
+      pageIndex: l.value,
       pageSize: n.value
     }), s.emit("pageIndexChanged", {
-      pageIndex: i.value,
+      pageIndex: l.value,
       pageSize: n.value
     });
   }
-  function l(a) {
-    a.key === "Enter" && (i.value = a.target.valueAsNumber, s.emit("update:currentPage", i.value), s.emit("changed", {
-      pageIndex: i.value,
+  function i(a) {
+    a.key === "Enter" && (l.value = a.target.valueAsNumber, s.emit("update:currentPage", l.value), s.emit("changed", {
+      pageIndex: l.value,
       pageSize: n.value
     }), s.emit("pageIndexChanged", {
-      pageIndex: i.value,
+      pageIndex: l.value,
       pageSize: n.value
     }));
   }
-  function f() {
-    return c("li", {
+  function c() {
+    return p("li", {
       class: "page-goto-input d-flex flex-row",
       style: "padding-left: 10px; white-space: nowrap;"
-    }, [c("span", {
+    }, [p("span", {
       class: "pagination-message"
-    }, [T.value]), c("input", {
+    }, [T.value]), p("input", {
       title: "page-index-spinner",
       type: "number",
       class: "form-control farris-gotopagenumber",
-      value: i.value,
+      value: l.value,
       min: 1,
       max: t.value,
       style: "display: inline-block;margin-left:3px;",
       onBlur: (a) => y(a),
-      onKeyup: (a) => l(a)
+      onKeyup: (a) => i(a)
     }, null), u.value]);
   }
   return {
-    renderGotoButton: f
+    renderGotoButton: c
   };
 }
-function fe(e, t, n, s, p) {
+function fe(e, t, n, s, f) {
   const T = k(() => ({
     "page-item": !0,
     disabled: t.value
   }));
-  function u(f) {
-    e.value = e.value < n.value ? e.value + 1 : n.value, p.emit("update:currentPage", e.value), p.emit("changed", {
+  function u(c) {
+    e.value = e.value < n.value ? e.value + 1 : n.value, f.emit("update:currentPage", e.value), f.emit("changed", {
       pageIndex: e.value,
       pageSize: s.value
-    }), p.emit("pageIndexChanged", {
+    }), f.emit("pageIndexChanged", {
       pageIndex: e.value,
       pageSize: s.value
     });
   }
-  function i(f) {
-    e.value = n.value, p.emit("update:currentPage", e.value), p.emit("changed", {
+  function l(c) {
+    e.value = n.value, f.emit("update:currentPage", e.value), f.emit("changed", {
       pageIndex: e.value,
       pageSize: s.value
-    }), p.emit("pageIndexChanged", {
+    }), f.emit("pageIndexChanged", {
       pageIndex: e.value,
       pageSize: s.value
     });
   }
   function y() {
-    return c("li", {
+    return p("li", {
       class: T.value
-    }, [!t.value && c("a", {
+    }, [!t.value && p("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (f) => u()
-    }, [c("span", {
+      onClick: (c) => u()
+    }, [p("span", {
       class: "f-icon f-page-next"
-    }, null)]), t.value && c("span", {
+    }, null)]), t.value && p("span", {
       class: "page-link"
-    }, [c("span", {
+    }, [p("span", {
       class: "f-icon f-page-next"
     }, null)])]);
   }
-  function l() {
-    return c("li", {
+  function i() {
+    return p("li", {
       class: T.value
-    }, [!t.value && c("a", {
+    }, [!t.value && p("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (f) => i()
-    }, [c("span", {
+      onClick: (c) => l()
+    }, [p("span", {
       class: "f-icon f-page-last"
-    }, null)]), t.value && c("span", {
+    }, null)]), t.value && p("span", {
       class: "page-link"
-    }, [c("span", {
+    }, [p("span", {
       class: "f-icon f-page-last"
     }, null)])]);
   }
   return {
-    renderLastPage: l,
+    renderLastPage: i,
     renderNextPage: y
   };
 }
 function ve(e, t) {
   const {
     t: n
-  } = Q(), s = j(n("pagination.totalInfo.firstText")), p = j(n("pagination.totalInfo.lastText")), T = k(() => ({
+  } = Q(), s = j(n("pagination.totalInfo.firstText")), f = j(n("pagination.totalInfo.lastText")), T = k(() => ({
     "pagination-message": !0,
     "text-truncate": !0,
     "d-flex": !0,
@@ -814,32 +814,32 @@ function ve(e, t) {
     "flex-fill": e.value === "right"
   }));
   function u() {
-    return c("li", {
+    return p("li", {
       class: T.value
-    }, [c("div", {
+    }, [p("div", {
       class: "text-truncate"
-    }, [c("span", {
+    }, [p("span", {
       class: "pg-message-text"
-    }, [s.value]), c("b", {
+    }, [s.value]), p("b", {
       class: "pg-message-total"
-    }, [t.value]), c("span", {
+    }, [t.value]), p("span", {
       class: "pg-message-text"
-    }, [p.value])])]);
+    }, [f.value])])]);
   }
   return {
     renderPageInfo: u
   };
 }
-function de(e, t, n, s, p) {
+function de(e, t, n, s, f) {
   const {
     t: T
-  } = Q(), u = j(!1), i = j(T("pagination.show")), y = j(T("pagination.totalInfo.lastText")), l = k(() => ({
+  } = Q(), u = j(!1), l = j(T("pagination.show")), y = j(T("pagination.totalInfo.lastText")), i = k(() => ({
     dropup: !0,
     "dropdown-right": !0,
     "pg-pagelist": !0,
     "pagelist-disabled": s.value === 0,
     show: u.value
-  })), f = k(() => ({
+  })), c = k(() => ({
     "dropdown-menu": !0,
     show: u.value
   })), a = (g) => ({
@@ -859,152 +859,152 @@ function de(e, t, n, s, p) {
   }
   function o(g, S) {
     const O = e.value;
-    e.value = r(e.value, t.value, S), O !== e.value && p.emit("update:currentPage", e.value), t.value = S, u.value = !1, p.emit("update:pageSize", t.value), p.emit("changed", {
+    e.value = r(e.value, t.value, S), O !== e.value && f.emit("update:currentPage", e.value), t.value = S, u.value = !1, f.emit("update:pageSize", t.value), f.emit("changed", {
       pageIndex: e.value,
       pageSize: t.value
-    }), p.emit("pageSizeChanged", {
+    }), f.emit("pageSizeChanged", {
       pageIndex: e.value,
       pageSize: t.value
     });
   }
   function d() {
-    return c("li", {
+    return p("li", {
       class: "pagination-pagelist"
-    }, [c("div", {
-      class: l.value,
+    }, [p("div", {
+      class: i.value,
       onMouseenter: (g) => v(),
       onMouseleave: (g) => h()
-    }, [c("div", {
+    }, [p("div", {
       class: "pg-pagelist-info"
-    }, [c("span", {
+    }, [p("span", {
       class: "pagelist-text"
-    }, [i.value]), c("b", {
+    }, [l.value]), p("b", {
       class: "cur-pagesize"
-    }, [t.value]), c("span", {
+    }, [t.value]), p("span", {
       class: "pagelist-text"
-    }, [y.value]), c("i", {
+    }, [y.value]), p("i", {
       class: "f-icon f-icon-dropdown"
-    }, null)]), c("div", {
-      class: f.value,
+    }, null)]), p("div", {
+      class: c.value,
       style: "margin-bottom: -1px;"
-    }, [n.value.map((g) => c("li", {
+    }, [n.value.map((g) => p("li", {
       class: a(g),
       onClick: (S) => o(S, g)
-    }, [c("span", null, [g])]))])])]);
+    }, [p("span", null, [g])]))])])]);
   }
   return {
     renderPageList: d
   };
 }
-function ge(e, t, n, s, p) {
-  const T = (l) => ({
+function ge(e, t, n, s, f) {
+  const T = (i) => ({
     "page-item": !0,
-    current: t.value === l.value,
-    ellipsis: l.label === "...",
+    current: t.value === i.value,
+    ellipsis: i.label === "...",
     disabled: e.disabled
-  }), u = (l) => ({
+  }), u = (i) => ({
     "f-icon": !0,
-    "f-icon-arrow-seek-left": l.value < t.value,
-    "f-icon-arrow-seek-right": l.value > t.value
+    "f-icon-arrow-seek-left": i.value < t.value,
+    "f-icon-arrow-seek-right": i.value > t.value
   });
-  function i(l, f) {
-    t.value = f, p.emit("update:currentPage", t.value), p.emit("changed", {
+  function l(i, c) {
+    t.value = c, f.emit("update:currentPage", t.value), f.emit("changed", {
       pageIndex: t.value,
       pageSize: s.value
-    }), p.emit("pageIndexChanged", {
+    }), f.emit("pageIndexChanged", {
       pageIndex: t.value,
       pageSize: s.value
     });
   }
   function y() {
-    return n.value.map((l) => c("li", {
-      class: T(l),
-      key: l.value + ""
-    }, [t.value !== l.value && c("a", {
+    return n.value.map((i) => p("li", {
+      class: T(i),
+      key: i.value + ""
+    }, [t.value !== i.value && p("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (f) => i(f, l.value)
-    }, [c("span", {
+      onClick: (c) => l(c, i.value)
+    }, [p("span", {
       class: "page-link-label"
-    }, [l.label]), l.label === "..." && c("i", {
-      class: u(l)
-    }, null)]), t.value === l.value && c("span", {
+    }, [i.label]), i.label === "..." && p("i", {
+      class: u(i)
+    }, null)]), t.value === i.value && p("span", {
       class: "page-link"
-    }, [l.label])]));
+    }, [i.label])]));
   }
   return {
     renderPageNumbers: y
   };
 }
-function me(e, t, n, s, p) {
+function me(e, t, n, s, f) {
   const T = k(() => ({
     "page-item": !0,
     disabled: t.value
   }));
-  function u(f) {
-    e.value = 1, p.emit("update:currentPage", e.value), p.emit("changed", {
+  function u(c) {
+    e.value = 1, f.emit("update:currentPage", e.value), f.emit("changed", {
       pageIndex: e.value,
       pageSize: s.value
-    }), p.emit("pageIndexChanged", {
+    }), f.emit("pageIndexChanged", {
       pageIndex: e.value,
       pageSize: s.value
     });
   }
-  function i(f) {
-    e.value = e.value > 2 ? e.value - 1 : 1, p.emit("update:currentPage", e.value), p.emit("changed", {
+  function l(c) {
+    e.value = e.value > 2 ? e.value - 1 : 1, f.emit("update:currentPage", e.value), f.emit("changed", {
       pageIndex: e.value,
       pageSize: s.value
-    }), p.emit("pageIndexChanged", {
+    }), f.emit("pageIndexChanged", {
       pageIndex: e.value,
       pageSize: s.value
     });
   }
   function y() {
-    return c("li", {
+    return p("li", {
       class: T.value
-    }, [n.value && c("a", {
+    }, [n.value && p("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (f) => u()
-    }, [c("span", {
+      onClick: (c) => u()
+    }, [p("span", {
       class: "f-icon f-page-first"
-    }, null)]), t.value && c("span", {
+    }, null)]), t.value && p("span", {
       class: "page-link"
-    }, [c("span", {
+    }, [p("span", {
       class: "f-icon f-page-first"
     }, null)])]);
   }
-  function l() {
-    return c("li", {
+  function i() {
+    return p("li", {
       class: T.value
-    }, [n.value && c("a", {
+    }, [n.value && p("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (f) => i()
-    }, [c("span", {
+      onClick: (c) => l()
+    }, [p("span", {
       class: "f-icon f-page-pre"
-    }, null)]), t.value && c("span", {
+    }, null)]), t.value && p("span", {
       class: "page-link"
-    }, [c("span", {
+    }, [p("span", {
       class: "f-icon f-page-pre"
     }, null)])]);
   }
   return {
     renderFirstPage: y,
-    renderPreviousPage: l
+    renderPreviousPage: i
   };
 }
 function be(e) {
   const t = j([]);
-  function n(p, T, u, i) {
+  function n(f, T, u, l) {
     const y = Math.ceil(u / 2);
-    return p === u ? i : p === 1 ? p : u < i ? i - y < T ? i - u + p : y < T ? T - y + p : p : p;
+    return f === u ? l : f === 1 ? f : u < l ? l - y < T ? l - u + f : y < T ? T - y + f : f : f;
   }
-  function s(p, T, u, i) {
-    const y = [], l = Math.ceil(u / T), f = Math.ceil(i / 2), a = p <= f, v = l - f < p, h = !a && !v, r = i < l;
+  function s(f, T, u, l) {
+    const y = [], i = Math.ceil(u / T), c = Math.ceil(l / 2), a = f <= c, v = i - c < f, h = !a && !v, r = l < i;
     let o = 1;
-    for (; o <= l && o <= i; ) {
-      const d = n(o, p, i, l), g = o === 2 && (h || v), S = o === i - 1 && (h || a), O = r && (g || S) ? "..." : "" + d;
+    for (; o <= i && o <= l; ) {
+      const d = n(o, f, l, i), g = o === 2 && (h || v), S = o === l - 1 && (h || a), O = r && (g || S) ? "..." : "" + d;
       y.push({ label: O, value: d }), o++;
     }
     t.value = y;
@@ -1016,9 +1016,9 @@ const J = /* @__PURE__ */ I({
   props: X,
   emits: ["changed", "pageIndexChanged", "pageSizeChanged", "update:currentPage", "update:pageSize"],
   setup(e, t) {
-    const n = j(!1), s = j(e.mode), p = j(""), T = j(!1), u = j(e.pageSize), i = j(e.currentPage), y = j(e.totalItems), {
-      pages: l,
-      updatePages: f
+    const n = j(!1), s = j(e.mode), f = j(""), T = j(!1), u = j(e.pageSize), l = j(e.currentPage), y = j(e.totalItems), {
+      pages: i,
+      updatePages: c
     } = be(), a = {
       position: "relative"
     }, v = {
@@ -1028,40 +1028,34 @@ const J = /* @__PURE__ */ I({
       background: "rgba(250,250,252,.6)",
       width: "100%",
       height: "100%"
-    }, h = k(() => !y.value || i.value === 1), r = k(() => e.pageList), o = k(() => Math.ceil(y.value / u.value)), d = k(() => !y.value || i.value === o.value), g = k(() => e.showGoButton), S = k(() => !!y.value && i.value > 1), O = k(() => !(T.value && l.value.length <= 1)), z = k(() => e.showPageInfo), C = k(() => e.showPageList), F = k(() => e.showPageNumbers), D = k(() => !0), {
-      renderFirstPage: E,
+    }, h = k(() => !y.value || l.value === 1), r = k(() => e.pageList), o = k(() => Math.ceil(y.value / u.value)), d = k(() => !y.value || l.value === o.value), g = k(() => e.showGoButton), S = k(() => !!y.value && l.value > 1), O = k(() => !(T.value && i.value.length <= 1)), z = k(() => e.showPageInfo), C = k(() => e.showPageList), F = k(() => e.showPageNumbers), E = k(() => !0), {
+      renderFirstPage: B,
       renderPreviousPage: b
-    } = me(i, h, S, u, t), {
-      renderLastPage: $,
-      renderNextPage: R
-    } = fe(i, d, o, u, t), {
+    } = me(l, h, S, u, t), {
+      renderLastPage: D,
+      renderNextPage: x
+    } = fe(l, d, o, u, t), {
       renderPageInfo: m
-    } = ve(p, y), {
+    } = ve(f, y), {
       renderPageList: w
-    } = de(i, u, r, y, t), {
+    } = de(l, u, r, y, t), {
       renderPageNumbers: P
-    } = ge(e, i, l, u, t), {
+    } = ge(e, l, i, u, t), {
       renderGotoButton: N
-    } = pe(i, o, u, t);
-    f(i.value, u.value, y.value, 7), G(() => e.totalItems, (B) => {
-      y.value = B;
-    }), G([i, u, y], () => {
-      f(i.value, u.value, y.value, 7);
-    }), G(i, (B, W) => {
-    }), G(u, (B, W) => {
-    }), G(() => e.totalItems, (B) => {
-      y.value = B, f(i.value, u.value, y.value, 7);
-    }), G(() => e.currentPage, (B, W) => {
-      B !== W && (i.value = B);
-    }), G(() => e.pageSize, (B, W) => {
-      B !== W && (u.value = B);
+    } = pe(l, o, u, t);
+    c(l.value, u.value, y.value, 7), V(() => e.totalItems, ($) => {
+      y.value = $, c(l.value, u.value, y.value, 7);
+    }), V(() => e.currentPage, ($, W) => {
+      $ !== W && (l.value = $, c(l.value, u.value, y.value, 7));
+    }), V(() => e.pageSize, ($, W) => {
+      $ !== W && (u.value = $, c(l.value, u.value, y.value, 7));
     }), Pe(() => {
       if (!r.value || !r.value.length)
         return;
-      const B = r.value.includes(u.value);
-      u.value = B ? u.value : r.value[0], B || t.emit("update:pageSize", u.value);
+      const $ = r.value.includes(u.value);
+      u.value = $ ? u.value : r.value[0], $ || t.emit("update:pageSize", u.value);
     })();
-    const x = k(() => ({
+    const R = k(() => ({
       "d-flex": !0,
       "flex-wrap": !0,
       "justify-content-end": !0,
@@ -1073,52 +1067,52 @@ const J = /* @__PURE__ */ I({
       "pager-viewmode-simple": s.value === "simple"
     })), q = k(() => ({
       position: "relative",
-      "justify-content": p.value === "center" ? "center" : "start"
+      "justify-content": f.value === "center" ? "center" : "start"
     }));
     function L() {
-      return c(_, null, [z.value && m(), C.value && w(), D.value && E(), D.value && b(), F.value && P(), D.value && R(), D.value && $(), g.value && N()]);
+      return p(_, null, [z.value && m(), C.value && w(), E.value && B(), E.value && b(), F.value && P(), E.value && x(), E.value && D(), g.value && N()]);
     }
     function A() {
-      return c(_, null, [c("li", {
+      return p(_, null, [p("li", {
         class: "page-item d-flex flex-fill"
-      }, null), D.value && E(), D.value && b(), N(), c("li", {
+      }, null), E.value && B(), E.value && b(), N(), p("li", {
         class: "page-item page-separator",
         style: "margin-left: 10px"
-      }, [c("span", {
+      }, [p("span", {
         style: "font-size: 15px; font-weight: 200;"
-      }, [U(" /")])]), c("li", {
+      }, [U(" /")])]), p("li", {
         class: "page-item page-total",
         style: "margin-left: 5px"
-      }, [c("span", {
+      }, [p("span", {
         style: "font-size: 16px; font-weight: 600;"
-      }, [U(" "), o.value])]), D.value && R(), D.value && $()]);
+      }, [U(" "), o.value])]), E.value && x(), E.value && D()]);
     }
-    return () => c("div", {
+    return () => p("div", {
       class: "pagination-container",
       style: a
-    }, [e.disabled && c("div", {
+    }, [e.disabled && p("div", {
       style: v
-    }, null), O.value && c("ul", {
+    }, null), O.value && p("ul", {
       role: "navigation",
-      class: x.value,
+      class: R.value,
       style: q.value
     }, [s.value === "default" ? L() : A()])]);
   }
 });
 function pt(e, t, n) {
-  var R;
-  const s = "", p = "", T = j();
+  var x;
+  const s = "", f = "", T = j();
   let u;
-  function i() {
+  function l() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
   function y() {
     return !1;
   }
-  function l() {
+  function i() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function f() {
+  function c() {
     return (t == null ? void 0 : t.schema.componentType) === "frame";
   }
   function a(m) {
@@ -1180,22 +1174,22 @@ function pt(e, t, n) {
       w.type === "component-ref" && (P = w.component);
       const N = e.value.querySelectorAll(`#${P}-design-item`);
       N != null && N.length && Array.from(N).map((M) => {
-        var x;
-        (x = M == null ? void 0 : M.componentInstance) != null && x.value.onRemoveComponent && M.componentInstance.value.onRemoveComponent(m);
+        var R;
+        (R = M == null ? void 0 : M.componentInstance) != null && R.value.onRemoveComponent && M.componentInstance.value.onRemoveComponent(m);
       });
     });
   }
-  function D() {
+  function E() {
   }
-  function E(m) {
+  function B(m) {
     var P, N;
     if (!((P = t == null ? void 0 : t.schema) != null && P.id))
       return;
     !u && m && (u = m.formSchemaUtils);
     let w = "";
     {
-      const { text: M, title: x, label: q, mainTitle: L, name: A, type: B } = t.schema;
-      w = M || x || q || L || A || ((N = ne[B]) == null ? void 0 : N.name);
+      const { text: M, title: R, label: q, mainTitle: L, name: A, type: $ } = t.schema;
+      w = M || R || q || L || A || ((N = ne[$]) == null ? void 0 : N.name);
     }
     w && u.getControlBasicInfoMap().set(t.schema.id, {
       componentTitle: w,
@@ -1205,31 +1199,31 @@ function pt(e, t, n) {
   function b(m) {
     var M;
     const { changeObject: w } = m, { propertyID: P, propertyValue: N } = w;
-    if (["text", "title", "label", "name", "mainTitle"].includes((M = m == null ? void 0 : m.changeObject) == null ? void 0 : M.propertyID) && P && N && (E(), u)) {
-      const x = u.getControlBasicInfoMap(), q = x.keys().toArray().filter((L) => {
-        var A, B;
-        return ((A = x.get(L)) == null ? void 0 : A.reliedComponentId) === ((B = t == null ? void 0 : t.schema) == null ? void 0 : B.id);
+    if (["text", "title", "label", "name", "mainTitle"].includes((M = m == null ? void 0 : m.changeObject) == null ? void 0 : M.propertyID) && P && N && (B(), u)) {
+      const R = u.getControlBasicInfoMap(), q = R.keys().toArray().filter((L) => {
+        var A, $;
+        return ((A = R.get(L)) == null ? void 0 : A.reliedComponentId) === (($ = t == null ? void 0 : t.schema) == null ? void 0 : $.id);
       });
       q != null && q.length && q.forEach((L) => {
-        const A = x.get(L).parentPathName.split(" > ");
-        A[0] = N, x.get(L).parentPathName = A.join(" > ");
+        const A = R.get(L).parentPathName.split(" > ");
+        A[0] = N, R.get(L).parentPathName = A.join(" > ");
       });
     }
   }
-  function $(m) {
+  function D(m) {
     b(m);
   }
   return T.value = {
-    canMove: i(),
+    canMove: l(),
     canSelectParent: y(),
-    canDelete: l(),
-    canNested: !f(),
+    canDelete: i(),
+    canNested: !c(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
-    parent: (R = t == null ? void 0 : t.parent) == null ? void 0 : R.componentInstance,
+    parent: (x = t == null ? void 0 : t.parent) == null ? void 0 : x.componentInstance,
     schema: t == null ? void 0 : t.schema,
     styles: s,
-    designerClass: p,
+    designerClass: f,
     canAccepts: h,
     getBelongedComponentInstance: a,
     getDraggableDesignItemElement: v,
@@ -1242,9 +1236,9 @@ function pt(e, t, n) {
     triggerBelongedComponentToMoveWhenMoved: j(!1),
     triggerBelongedComponentToDeleteWhenDeleted: j(!1),
     onRemoveComponent: F,
-    getCustomButtons: D,
-    onPropertyChanged: $,
-    setComponentBasicInfoMap: E,
+    getCustomButtons: E,
+    onPropertyChanged: D,
+    setComponentBasicInfoMap: B,
     updateContextSchema: t == null ? void 0 : t.updateContextSchema
   }, T;
 }
@@ -1253,36 +1247,36 @@ const ft = /* @__PURE__ */ I({
   props: X,
   emits: ["pageIndexChanged", "pageSizeChanged"],
   setup(e, t) {
-    const n = j(!1), s = j(e.mode), p = j(""), T = j(!1), u = j(e.pageSize), i = j(e.currentPage), y = j(e.totalItems), l = j(), f = Te("design-item-context"), a = pt(l, f);
+    const n = j(!1), s = j(e.mode), f = j(""), T = j(!1), u = j(e.pageSize), l = j(e.currentPage), y = j(e.totalItems), i = j(), c = Te("design-item-context"), a = pt(i, c);
     we(() => {
-      l.value.componentInstance = a;
+      i.value.componentInstance = a;
     }), t.expose(a.value);
     const {
       pages: v,
       updatePages: h
-    } = be(), r = k(() => i.value === 1), o = k(() => [20, 50, 100]), d = k(() => Math.ceil(y.value / u.value)), g = k(() => i.value === d.value), S = k(() => !0), O = k(() => i.value > 1), z = k(() => !(T.value && v.value.length <= 1)), C = k(() => !0), F = k(() => !0), D = k(() => !0), E = k(() => !0), {
+    } = be(), r = k(() => l.value === 1), o = k(() => [20, 50, 100]), d = k(() => Math.ceil(y.value / u.value)), g = k(() => l.value === d.value), S = k(() => !0), O = k(() => l.value > 1), z = k(() => !(T.value && v.value.length <= 1)), C = k(() => !0), F = k(() => !0), E = k(() => !0), B = k(() => !0), {
       renderFirstPage: b,
-      renderPreviousPage: $
-    } = me(i, r, O, u, t), {
-      renderLastPage: R,
+      renderPreviousPage: D
+    } = me(l, r, O, u, t), {
+      renderLastPage: x,
       renderNextPage: m
-    } = fe(i, g, d, u, t), {
+    } = fe(l, g, d, u, t), {
       renderPageInfo: w
-    } = ve(p, y), {
+    } = ve(f, y), {
       renderPageList: P
-    } = de(i, u, o, y, t), {
+    } = de(l, u, o, y, t), {
       renderPageNumbers: N
-    } = ge(e, i, v, u, t), {
+    } = ge(e, l, v, u, t), {
       renderGotoButton: M
-    } = pe(i, d, u, t);
-    h(i.value, u.value, y.value, 7), G([i, u], () => {
-      h(i.value, u.value, y.value, 7);
-    }), G(i, () => {
-      t.emit("pageIndexChanged", i.value);
-    }), G(u, () => {
+    } = pe(l, d, u, t);
+    h(l.value, u.value, y.value, 7), V([l, u], () => {
+      h(l.value, u.value, y.value, 7);
+    }), V(l, () => {
+      t.emit("pageIndexChanged", l.value);
+    }), V(u, () => {
       t.emit("pageSizeChanged", u.value);
     });
-    const x = k(() => ({
+    const R = k(() => ({
       "ngx-pagination": !0,
       pagination: !0,
       responsive: n.value,
@@ -1290,32 +1284,32 @@ const ft = /* @__PURE__ */ I({
       "pager-viewmode-simple": s.value === "simple"
     })), q = k(() => ({
       position: "relative",
-      "justify-content": p.value === "center" ? "center" : "start"
+      "justify-content": f.value === "center" ? "center" : "start"
     }));
     function L() {
-      return c(_, null, [C.value && w(), F.value && P(), E.value && b(), E.value && $(), D.value && N(), E.value && m(), E.value && R(), S.value && M()]);
+      return p(_, null, [C.value && w(), F.value && P(), B.value && b(), B.value && D(), E.value && N(), B.value && m(), B.value && x(), S.value && M()]);
     }
     function A() {
-      return c(_, null, [c("li", {
+      return p(_, null, [p("li", {
         class: "page-item d-flex flex-fill"
-      }, null), E.value && b(), E.value && $(), M(), c("li", {
+      }, null), B.value && b(), B.value && D(), M(), p("li", {
         class: "page-item page-separator",
         style: "margin-left: 10px"
-      }, [c("span", {
+      }, [p("span", {
         style: "font-size: 15px; font-weight: 200;"
-      }, [U(" /")])]), c("li", {
+      }, [U(" /")])]), p("li", {
         class: "page-item page-total",
         style: "margin-left: 5px"
-      }, [c("span", {
+      }, [p("span", {
         style: "font-size: 16px; font-weight: 600;"
-      }, [U(" "), d.value])]), E.value && m(), E.value && R()]);
+      }, [U(" "), d.value])]), B.value && m(), B.value && x()]);
     }
-    return () => c("div", {
-      ref: l,
+    return () => p("div", {
+      ref: i,
       class: "pagination-container"
-    }, [z.value && c("ul", {
+    }, [z.value && p("ul", {
       role: "navigation",
-      class: x.value,
+      class: R.value,
       style: q.value
     }, [s.value === "default" ? L() : A()])]);
   }