@farris/ui-vue 1.6.5-beta.7 → 1.6.5

package/components/dropdown/index.esm.js

@@ -1,25 +1,25 @@
-import { ref as j, computed as ve, onMounted as G, defineComponent as U, createVNode as O, withDirectives as _, vShow as X, Teleport as be, Fragment as V, inject as ge } from "vue";
-import { isPlainObject as J, cloneDeep as Q } from "lodash-es";
+import { ref as j, computed as ve, onMounted as G, defineComponent as U, createVNode as O, withDirectives as _, vShow as X, Teleport as ge, Fragment as V, inject as be } from "vue";
+import { cloneDeep as Z, isPlainObject as J } from "lodash-es";
 import { getSchemaByTypeForDesigner as ye } from "../dynamic-resolver/index.esm.js";
 function I(e, t) {
   let n;
-  function i(o) {
-    const { properties: l, title: v, ignore: r } = o, a = r && Array.isArray(r), u = Object.keys(l).reduce((w, f) => ((!a || !r.find((s) => s === f)) && (w[f] = l[f].type === "object" && l[f].properties ? i(l[f]) : Q(l[f].default)), w), {});
-    if (v && (!a || !r.find((w) => w === "id"))) {
-      const w = v.toLowerCase().replace(/-/g, "_");
-      u.id = `${w}_${Math.random().toString().slice(2, 6)}`;
+  function a(o) {
+    const { properties: l, title: v, ignore: r } = o, i = r && Array.isArray(r), c = Object.keys(l).reduce((y, f) => ((!i || !r.find((s) => s === f)) && (y[f] = l[f].type === "object" && l[f].properties ? a(l[f]) : Z(l[f].default)), y), {});
+    if (v && (!i || !r.find((y) => y === "id"))) {
+      const y = v.toLowerCase().replace(/-/g, "_");
+      c.id = `${y}_${Math.random().toString().slice(2, 6)}`;
     }
-    return u;
+    return c;
   }
   function S(o) {
     const { properties: l, title: v, required: r } = o;
     if (r && Array.isArray(r)) {
-      const a = r.reduce((u, w) => (u[w] = l[w].type === "object" && l[w].properties ? i(l[w]) : Q(l[w].default), u), {});
-      if (v && r.find((u) => u === "id")) {
-        const u = v.toLowerCase().replace(/-/g, "_");
-        a.id = `${u}_${Math.random().toString().slice(2, 6)}`;
+      const i = r.reduce((c, y) => (c[y] = l[y].type === "object" && l[y].properties ? a(l[y]) : Z(l[y].default), c), {});
+      if (v && r.find((c) => c === "id")) {
+        const c = v.toLowerCase().replace(/-/g, "_");
+        i.id = `${c}_${Math.random().toString().slice(2, 6)}`;
       }
-      return a;
+      return i;
     }
     return {
       type: v
@@ -28,34 +28,34 @@ function I(e, t) {
   function k(o, l = {}, v) {
     const r = e[o];
     if (r) {
-      let a = S(r);
-      const u = t[o];
-      return a = u ? u({ getSchemaByType: k }, a, l, v) : a, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(a), a;
+      let i = S(r);
+      const c = t[o];
+      return i = c ? c({ getSchemaByType: k }, i, l, v) : i, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(i), i;
     }
     return null;
   }
-  function D(o, l) {
-    const v = i(l);
-    return Object.keys(v).reduce((r, a) => (Object.prototype.hasOwnProperty.call(o, a) && (r[a] && J(r[a]) && J(o[a] || !o[a]) ? Object.assign(r[a], o[a] || {}) : r[a] = o[a]), r), v), v;
+  function B(o, l) {
+    const v = a(l);
+    return Object.keys(v).reduce((r, i) => (Object.prototype.hasOwnProperty.call(o, i) && (r[i] && J(r[i]) && J(o[i] || !o[i]) ? Object.assign(r[i], o[i] || {}) : r[i] = o[i]), r), v), v;
   }
-  function T(o, l) {
-    return Object.keys(o).filter((r) => o[r] != null).reduce((r, a) => {
-      if (l.has(a)) {
-        const u = l.get(a);
-        if (typeof u == "string")
-          r[u] = o[a];
+  function F(o, l) {
+    return Object.keys(o).filter((r) => o[r] != null).reduce((r, i) => {
+      if (l.has(i)) {
+        const c = l.get(i);
+        if (typeof c == "string")
+          r[c] = o[i];
         else {
-          const w = u(a, o[a], o);
-          Object.assign(r, w);
+          const y = c(i, o[i], o);
+          Object.assign(r, y);
         }
       } else
-        r[a] = o[a];
+        r[i] = o[i];
       return r;
     }, {});
   }
-  function $(o, l, v = /* @__PURE__ */ new Map()) {
-    const r = D(o, l);
-    return T(r, v);
+  function R(o, l, v = /* @__PURE__ */ new Map()) {
+    const r = B(o, l);
+    return F(r, v);
   }
   function d(o) {
     var v;
@@ -64,23 +64,23 @@ function I(e, t) {
       const r = e[l];
       if (!r)
         return o;
-      const a = D(o, r), u = ((v = o.editor) == null ? void 0 : v.type) || "";
-      if (u) {
-        const w = e[u], f = D(o.editor, w);
-        a.editor = f;
+      const i = B(o, r), c = ((v = o.editor) == null ? void 0 : v.type) || "";
+      if (c) {
+        const y = e[c], f = B(o.editor, y);
+        i.editor = f;
       }
-      return a;
+      return i;
     }
     return o;
   }
-  function b(o) {
+  function g(o) {
     n = o;
   }
-  return { getSchemaByType: k, resolveSchemaWithDefaultValue: d, resolveSchemaToProps: $, mappingSchemaToProps: T, setDesignerContext: b };
+  return { getSchemaByType: k, resolveSchemaWithDefaultValue: d, resolveSchemaToProps: R, mappingSchemaToProps: F, setDesignerContext: g };
 }
-const K = {}, ee = {}, { resolveSchemaWithDefaultValue: we, resolveSchemaToProps: he, mappingSchemaToProps: Se } = I(K, ee);
+const K = {}, ee = {}, { getSchemaByType: mt, resolveSchemaWithDefaultValue: we, resolveSchemaToProps: he, mappingSchemaToProps: Se, setDesignerContext: vt } = I(K, ee);
 function Te(e = {}) {
-  function t(d, b, o, l) {
+  function t(d, g, o, l) {
     if (typeof o == "number")
       return l[d].length === o;
     if (typeof o == "object") {
@@ -94,20 +94,20 @@ function Te(e = {}) {
     }
     return !1;
   }
-  function n(d, b, o, l) {
+  function n(d, g, o, l) {
     return l[d] && l[d].propertyValue && String(l[d].propertyValue.value) === String(o);
   }
-  const i = /* @__PURE__ */ new Map([
+  const a = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((d, b) => (d.set(b, e[b]), d), i);
-  function S(d, b) {
+  Object.keys(e).reduce((d, g) => (d.set(g, e[g]), d), a);
+  function S(d, g) {
     const o = d;
-    return typeof b == "number" ? [{ target: o, operator: "length", param: null, value: Number(b) }] : typeof b == "boolean" ? [{ target: o, operator: "getProperty", param: d, value: !!b }] : typeof b == "object" ? Object.keys(b).map((l) => {
+    return typeof g == "number" ? [{ target: o, operator: "length", param: null, value: Number(g) }] : typeof g == "boolean" ? [{ target: o, operator: "getProperty", param: d, value: !!g }] : typeof g == "object" ? Object.keys(g).map((l) => {
       if (l === "length")
-        return { target: o, operator: "length", param: null, value: b[l] };
-      const v = l, r = b[l];
+        return { target: o, operator: "length", param: null, value: g[l] };
+      const v = l, r = g[l];
       return { target: o, operator: "getProperty", param: v, value: r };
     }) : [];
   }
@@ -117,31 +117,31 @@ function Te(e = {}) {
       return o.push(...v), o;
     }, []);
   }
-  function D(d, b) {
-    if (i.has(d.operator)) {
-      const o = i.get(d.operator);
-      return o && o(d.target, d.param, d.value, b) || !1;
+  function B(d, g) {
+    if (a.has(d.operator)) {
+      const o = a.get(d.operator);
+      return o && o(d.target, d.param, d.value, g) || !1;
     }
     return !1;
   }
-  function T(d, b) {
-    return k(d).reduce((v, r) => v && D(r, b), !0);
+  function F(d, g) {
+    return k(d).reduce((v, r) => v && B(r, g), !0);
   }
-  function $(d, b) {
-    const o = Object.keys(d), l = o.includes("allOf"), v = o.includes("anyOf"), r = l || v, w = (r ? d[r ? l ? "allOf" : "anyOf" : "allOf"] : [d]).map((s) => T(s, b));
-    return l ? !w.includes(!1) : w.includes(!0);
+  function R(d, g) {
+    const o = Object.keys(d), l = o.includes("allOf"), v = o.includes("anyOf"), r = l || v, y = (r ? d[r ? l ? "allOf" : "anyOf" : "allOf"] : [d]).map((s) => F(s, g));
+    return l ? !y.includes(!1) : y.includes(!0);
   }
-  return { parseValueSchema: $ };
+  return { parseValueSchema: R };
 }
 const Fe = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, a) => {
     e.appearance || (e.appearance = {}), e.appearance[t] = n;
   },
   convertFrom: (e, t, n) => e.appearance ? e.appearance[t] : e[t]
 }, De = {
   convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
 }, Be = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, a) => {
     e.editor && (e.editor[t] = n);
   },
   convertFrom: (e, t, n) => e.editor && Object.prototype.hasOwnProperty.call(e.editor, t) ? e.editor[t] : e[t]
@@ -195,16 +195,16 @@ const Fe = {
 }, ke = {
   convertFrom: (e, t, n) => {
     var S;
-    const i = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((S = te[i]) == null ? void 0 : S.name) || i;
+    const a = e.editor && e.editor[t] ? e.editor[t] : e[t];
+    return ((S = te[a]) == null ? void 0 : S.name) || a;
   }
 }, Ee = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, a) => {
     e[t] = e[t];
   },
   convertFrom: (e, t, n) => e.editor ? n.getRealEditorType(e.editor.type) : ""
 }, Oe = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, a) => {
     (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e.formatter ? e.formatter[t] = n : e.formatter = {
       [t]: n
     });
@@ -235,7 +235,7 @@ const Fe = {
     return "none";
   }
 }, $e = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, a) => {
     e.command ? e.command[t] = n : e.command = {
       [t]: n
     }, t === "enable" && n && (e.command.commands || (e.command.commands = [
@@ -253,7 +253,7 @@ const Fe = {
   },
   convertFrom: (e, t, n) => e.command && t === "enable" ? e.command.enable : ""
 }, Ne = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, a) => {
     e.column ? e.column[t] = n : e.column = {
       [t]: n
     }, t === "fitColumns" && n && (e.column.fitMode || (e.column.fitMode = "average"));
@@ -267,8 +267,8 @@ const Fe = {
     }
     return "";
   }
-}, Re = {
-  convertTo: (e, t, n, i) => {
+}, je = {
+  convertTo: (e, t, n, a) => {
     e.summary ? e.summary[t] = n : e.summary = {
       [t]: n
     }, t === "enable" && n && (e.summary ? e.summary.groupFields || (e.summary.groupFields = []) : e.summary = {
@@ -277,8 +277,8 @@ const Fe = {
     });
   },
   convertFrom: (e, t, n) => e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : ""
-}, je = {
-  convertTo: (e, t, n, i) => {
+}, Re = {
+  convertTo: (e, t, n, a) => {
     e.group ? e.group[t] = n : e.group = {
       [t]: n
     }, t === "enable" && n && (e.group ? e.group.groupFields || (e.group.groupFields = []) : e.group = {
@@ -299,67 +299,67 @@ const Fe = {
   convertFrom: (e, t) => e.binding ? e.binding.path : "",
   convertTo: (e, t, n) => {
     if (n && n.length > 0) {
-      const i = n[0];
-      e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = i.bindingField, e.binding.field = i.id, e.binding.fullPath = i.path, e.path = i.bindingPath;
+      const a = n[0];
+      e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = a.bindingField, e.binding.field = a.id, e.binding.fullPath = a.path, e.path = a.bindingPath;
     }
   }
-}, Le = {
-  convertTo: (e, t, n, i) => {
+}, Pe = {
+  convertTo: (e, t, n, a) => {
     e.pagination || (e.pagination = {}), e.pagination[t] = n;
   },
   convertFrom: (e, t, n) => e.pagination ? e.pagination[t] : e[t]
-}, Pe = {
-  convertTo: (e, t, n, i) => {
+}, Ce = {
+  convertTo: (e, t, n, a) => {
     e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = n;
   },
   convertFrom: (e, t, n) => e.rowNumber ? e.rowNumber[t] : e[t]
-}, Ae = {
-  convertTo: (e, t, n, i) => {
+}, Le = {
+  convertTo: (e, t, n, a) => {
     e.selection || (e.selection = {}), e.selection[t] = n;
   },
   convertFrom: (e, t, n) => {
-    var i, S;
-    return t === "showCheckbox" ? (i = e.selection) != null && i.multiSelect ? !0 : (S = e.selection) == null ? void 0 : S.showCheckbox : e.selection ? e.selection[t] : e[t];
+    var a, S;
+    return t === "showCheckbox" ? (a = e.selection) != null && a.multiSelect ? !0 : (S = e.selection) == null ? void 0 : S.showCheckbox : e.selection ? e.selection[t] : e[t];
   }
-}, He = {
-  convertFrom: (e, t, n) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
 }, ze = {
+  convertFrom: (e, t, n) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
+}, Ae = {
   convertFrom: (e, t) => e[t] || "",
   convertTo: (e, t, n) => {
     e[t] = n;
   }
-}, Ce = {
-  convertTo: (e, t, n, i) => {
+}, He = {
+  convertTo: (e, t, n, a) => {
     e.size || (e.size = {}), e.size[t] = n;
   },
   convertFrom: (e, t, n) => e.size ? e.size[t] : e[t]
 }, We = {
   convertFrom: (e, t, n) => {
-    var i, S;
-    return (i = e.formatter) != null && i.data && t === "formatterEnumData" && !e.formatterEnumData ? (S = e.formatter) == null ? void 0 : S.data : e.formatterEnumData;
+    var a, S;
+    return (a = e.formatter) != null && a.data && t === "formatterEnumData" && !e.formatterEnumData ? (S = e.formatter) == null ? void 0 : S.data : e.formatterEnumData;
   }
 }, qe = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, a) => {
     e.sort || (e.sort = {}), e.sort[t] = n;
   },
   convertFrom: (e, t, n) => {
-    var i, S;
+    var a, S;
     if (t === "mode")
-      return ((i = e.sort) == null ? void 0 : i.mode) || "client";
+      return ((a = e.sort) == null ? void 0 : a.mode) || "client";
     if (t === "multiSort")
       return !!((S = e.sort) != null && S.multiSort);
   }
 }, _e = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, a) => {
     e.filter || (e.filter = {}), e.filter[t] = n;
   },
   convertFrom: (e, t, n) => {
-    var i;
+    var a;
     if (t === "mode")
-      return ((i = e.filter) == null ? void 0 : i.mode) || "client";
+      return ((a = e.filter) == null ? void 0 : a.mode) || "client";
   }
 }, Xe = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, a) => {
     e.rowOption ? e.rowOption[t] = n : e.rowOption = {
       [t]: n
     };
@@ -375,24 +375,24 @@ const Fe = {
   }
 };
 function ne(e, t, n) {
-  const i = /* @__PURE__ */ new Map([
+  const a = /* @__PURE__ */ new Map([
     ["/converter/appearance.converter", Fe],
     ["/converter/buttons.converter", De],
     ["/converter/property-editor.converter", Be],
-    ["/converter/items-count.converter", He],
+    ["/converter/items-count.converter", ze],
     ["/converter/type.converter", ke],
     ["/converter/change-editor.converter", Ee],
     ["/converter/change-formatter.converter", Oe],
     ["/converter/column-command.converter", $e],
     ["/converter/column-option.converter", Ne],
-    ["/converter/summary.converter", Re],
-    ["/converter/group.converter", je],
-    ["/converter/form-group-label.converter", ze],
+    ["/converter/summary.converter", je],
+    ["/converter/group.converter", Re],
+    ["/converter/form-group-label.converter", Ae],
     ["/converter/field-selector.converter", Me],
-    ["/converter/pagination.converter", Le],
-    ["/converter/row-number.converter", Pe],
-    ["/converter/grid-selection.converter", Ae],
-    ["/converter/size.converter", Ce],
+    ["/converter/pagination.converter", Pe],
+    ["/converter/row-number.converter", Ce],
+    ["/converter/grid-selection.converter", Le],
+    ["/converter/size.converter", He],
     ["/converter/change-formatter-enum.converter", We],
     ["/converter/grid-sort.converter", qe],
     ["/converter/grid-filter.converter", _e],
@@ -422,105 +422,105 @@ function ne(e, t, n) {
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
   ]), k = Te();
-  function D(r, a) {
-    return () => k.parseValueSchema(r, a);
+  function B(r, i) {
+    return () => k.parseValueSchema(r, i);
   }
-  function T(r, a, u) {
-    return r.includes("visible") && a.visible !== void 0 ? typeof a.visible == "boolean" ? () => !!a.visible : a.visible === void 0 ? !0 : D(a.visible, u) : () => !0;
+  function F(r, i, c) {
+    return r.includes("visible") && i.visible !== void 0 ? typeof i.visible == "boolean" ? () => !!i.visible : i.visible === void 0 ? !0 : B(i.visible, c) : () => !0;
   }
-  function $(r, a, u) {
-    return r.includes("readonly") && a.readonly !== void 0 ? typeof a.readonly == "boolean" ? () => !!a.readonly : D(a.readonly, u) : () => !1;
+  function R(r, i, c) {
+    return r.includes("readonly") && i.readonly !== void 0 ? typeof i.readonly == "boolean" ? () => !!i.readonly : B(i.readonly, c) : () => !1;
   }
-  function d(r, a) {
-    const u = r.$converter || a;
-    return typeof u == "string" && u && i.has(u) ? i.get(u) || null : u || null;
+  function d(r, i) {
+    const c = r.$converter || i;
+    return typeof c == "string" && c && a.has(c) ? a.get(c) || null : c || null;
   }
-  function b(r, a, u, w, f, s = "", E = "") {
-    return Object.keys(r).map((y) => {
-      const R = j(1), N = y, p = r[y], M = Object.keys(p), A = p.title, c = p.type, g = S.get(c) || { type: "input-group", enableClear: !1 }, m = p.editor ? Object.assign({}, g, p.editor) : Object.assign({}, g), h = T(M, p, a), F = $(M, p, a);
-      m.readonly = m.readonly === void 0 ? F() : m.readonly;
-      const L = p.type === "cascade" ? b(p.properties, a, u, w, f, s, E) : [], C = !0;
-      let P = d(p, E);
-      const H = ve({
+  function g(r, i, c, y, f, s = "", E = "") {
+    return Object.keys(r).map((w) => {
+      const N = j(1), $ = w, p = r[w], M = Object.keys(p), L = p.title, u = p.type, b = S.get(u) || { type: "input-group", enableClear: !1 }, m = p.editor ? Object.assign({}, b, p.editor) : Object.assign({}, b), h = F(M, p, i), T = R(M, p, i);
+      m.readonly = m.readonly === void 0 ? T() : m.readonly;
+      const P = p.type === "cascade" ? g(p.properties, i, c, y, f, s, E) : [], H = !0;
+      let C = d(p, E);
+      const z = ve({
         get() {
-          if (R.value) {
-            if (["class", "style"].find((me) => me === N) && !P && (P = i.get("/converter/appearance.converter") || null), P && P.convertFrom)
-              return P.convertFrom(u, y, f, s);
-            const z = u[y];
-            return Object.prototype.hasOwnProperty.call(p, "defaultValue") && (z === void 0 || typeof z == "string" && z === "") ? p.type === "boolean" ? p.defaultValue : p.defaultValue || "" : z;
+          if (N.value) {
+            if (["class", "style"].find((me) => me === $) && !C && (C = a.get("/converter/appearance.converter") || null), C && C.convertFrom)
+              return C.convertFrom(c, w, f, s);
+            const A = c[w];
+            return Object.prototype.hasOwnProperty.call(p, "defaultValue") && (A === void 0 || typeof A == "string" && A === "") ? p.type === "boolean" ? p.defaultValue : p.defaultValue || "" : A;
           }
           return null;
         },
-        set(z) {
-          R.value += 1, P && P.convertTo ? (P.convertTo(w, y, z, f, s), P.convertTo(u, y, z, f, s)) : (w[y] = z, u[y] = z);
+        set(A) {
+          N.value += 1, C && C.convertTo ? (C.convertTo(y, w, A, f, s), C.convertTo(c, w, A, f, s)) : (y[w] = A, c[w] = A);
         }
-      }), { refreshPanelAfterChanged: W, description: fe, isExpand: pe, parentPropertyID: de } = p, Z = { propertyID: N, propertyName: A, propertyType: c, propertyValue: H, editor: m, visible: h, readonly: F, cascadeConfig: L, hideCascadeTitle: C, refreshPanelAfterChanged: W, description: fe, isExpand: pe, parentPropertyID: de };
-      return a[N] = Z, Z;
+      }), { refreshPanelAfterChanged: W, description: fe, isExpand: pe, parentPropertyID: de } = p, x = { propertyID: $, propertyName: L, propertyType: u, propertyValue: z, editor: m, visible: h, readonly: T, cascadeConfig: P, hideCascadeTitle: H, refreshPanelAfterChanged: W, description: fe, isExpand: pe, parentPropertyID: de };
+      return i[$] = x, x;
     });
   }
-  function o(r, a, u = {}) {
-    const w = {}, f = e[r];
+  function o(r, i, c = {}) {
+    const y = {}, f = e[r];
     return f && f.categories ? Object.keys(f.categories).map((E) => {
-      const B = f.categories[E], y = B == null ? void 0 : B.title, R = b(B.properties || {}, w, {}, u, a);
-      return { categoryId: E, categoryName: y, properties: R };
+      const D = f.categories[E], w = D == null ? void 0 : D.title, N = g(D.properties || {}, y, {}, c, i);
+      return { categoryId: E, categoryName: w, properties: N };
     }) : [];
   }
-  function l(r, a, u, w, f = "") {
-    const s = a.$ref.schema, E = a.$ref.converter, B = u[s], y = B.type, R = n(B), N = {}, p = e[y];
+  function l(r, i, c, y, f = "") {
+    const s = i.$ref.schema, E = i.$ref.converter, D = c[s], w = D.type, N = n(D), $ = {}, p = e[w];
     if (p && p.categories) {
-      const M = p.categories[r], A = M == null ? void 0 : M.title;
+      const M = p.categories[r], L = M == null ? void 0 : M.title;
       E && Object.keys(M.properties).forEach((m) => {
         M.properties[m].$converter = E;
       });
-      const c = (M == null ? void 0 : M.properties) || {}, g = b(c, N, R, B, w, f);
-      return { categoryId: r, categoryName: A, properties: g };
+      const u = (M == null ? void 0 : M.properties) || {}, b = g(u, $, N, D, y, f);
+      return { categoryId: r, categoryName: L, properties: b };
     }
     return { categoryId: r, categoryName: "", properties: [] };
   }
-  function v(r, a, u, w, f) {
-    const s = r.type, E = n(r), B = {};
-    let y = f || e[s];
-    if (y && Object.keys(y).length === 0 && u && u.getPropConfig && (y = u.getPropConfig(w)), y && y.categories) {
-      const R = [];
-      return Object.keys(y.categories).map((N) => {
-        const p = y.categories[N];
+  function v(r, i, c, y, f) {
+    const s = r.type, E = n(r), D = {};
+    let w = f || e[s];
+    if (w && Object.keys(w).length === 0 && c && c.getPropConfig && (w = c.getPropConfig(y)), w && w.categories) {
+      const N = [];
+      return Object.keys(w.categories).map(($) => {
+        const p = w.categories[$];
         if (p.$ref) {
-          R.push(l(N, p, r, a, w));
+          N.push(l($, p, r, i, y));
           return;
         }
-        const M = p == null ? void 0 : p.title, A = p == null ? void 0 : p.tabId, c = p == null ? void 0 : p.tabName, g = p == null ? void 0 : p.hide, m = p == null ? void 0 : p.hideTitle, h = b(p.properties || {}, B, E, r, a, w, p.$converter), { setPropertyRelates: F } = p, L = p == null ? void 0 : p.parentPropertyID;
-        R.push({ categoryId: N, categoryName: M, tabId: A, tabName: c, hide: g, properties: h, hideTitle: m, setPropertyRelates: F, parentPropertyID: L });
-      }), R;
+        const M = p == null ? void 0 : p.title, L = p == null ? void 0 : p.tabId, u = p == null ? void 0 : p.tabName, b = p == null ? void 0 : p.hide, m = p == null ? void 0 : p.hideTitle, h = g(p.properties || {}, D, E, r, i, y, p.$converter), { setPropertyRelates: T } = p, P = p == null ? void 0 : p.parentPropertyID;
+        N.push({ categoryId: $, categoryName: M, tabId: L, tabName: u, hide: b, properties: h, hideTitle: m, setPropertyRelates: T, parentPropertyID: P });
+      }), N;
     }
     return [];
   }
   return {
     getPropertyConfigBySchema: v,
     getPropertyConfigByType: o,
-    propertyConverterMap: i
+    propertyConverterMap: a
   };
 }
 const oe = {}, re = {};
 ne(oe, re, we);
-const ie = {}, ae = {}, { resolveSchemaWithDefaultValue: Ge } = I(ie, ae), se = {}, le = {};
+const ie = {}, ae = {}, { getSchemaByType: gt, resolveSchemaWithDefaultValue: Ge, resolveSchemaToProps: bt, mappingSchemaToProps: yt, setDesignerContext: wt } = I(ie, ae), se = {}, le = {};
 ne(se, le, Ge);
-function Ue(e, t, n = /* @__PURE__ */ new Map(), i = (D, T, $, d) => T, S = {}, k = (D) => D) {
-  return K[t.title] = t, ee[t.title] = i, oe[t.title] = S, re[t.title] = k, ie[t.title] = t, ae[t.title] = i, se[t.title] = S, le[t.title] = k, (D = {}, T = !0) => {
-    if (!T)
-      return Se(D, n);
-    const $ = he(D, t, n), d = Object.keys(e).reduce((b, o) => (b[o] = e[o].default, b), {});
-    return Object.assign(d, $);
+function Ue(e, t, n = /* @__PURE__ */ new Map(), a = (B, F, R, d) => F, S = {}, k = (B) => B) {
+  return K[t.title] = t, ee[t.title] = a, oe[t.title] = S, re[t.title] = k, ie[t.title] = t, ae[t.title] = a, se[t.title] = S, le[t.title] = k, (B = {}, F = !0) => {
+    if (!F)
+      return Se(B, n);
+    const R = he(B, t, n), d = Object.keys(e).reduce((g, o) => (g[o] = e[o].default, g), {});
+    return Object.assign(d, R);
   };
 }
 function Ye(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-function Ze(e, t, n) {
+function xe(e, t, n) {
   return t;
 }
-const Je = /* @__PURE__ */ new Map([
+const Ze = /* @__PURE__ */ new Map([
   ["appearance", Ye]
-]), Qe = "https://json-schema.org/draft/2020-12/schema", xe = "https://farris-design.gitee.io/dropdown.schema.json", Ve = "dropdown", Ie = "A Farris Component", Ke = "object", et = {
+]), Je = "https://json-schema.org/draft/2020-12/schema", Qe = "https://farris-design.gitee.io/dropdown.schema.json", Ve = "dropdown", Ie = "A Farris Component", Ke = "object", et = {
   id: {
     description: "The unique identifier for dropdown",
     type: "string"
@@ -586,8 +586,8 @@ const Je = /* @__PURE__ */ new Map([
   "id",
   "type"
 ], nt = {
-  $schema: Qe,
-  $id: xe,
+  $schema: Je,
+  $id: Qe,
   title: Ve,
   description: Ie,
   type: Ke,
@@ -687,14 +687,14 @@ const Je = /* @__PURE__ */ new Map([
   },
   onSelect: { type: Function, default: () => {
   } }
-}, x = Ue(Y, nt, Je, Ze, st);
+}, Q = Ue(Y, nt, Ze, xe, st);
 function ce(e, t) {
   let n;
-  const i = j(e.show), S = j(), k = j(), D = j(), T = 10;
+  const a = j(e.show), S = j(), k = j(), B = j(), F = 10;
   G(() => {
     n = k.value;
   });
-  const $ = (f = 1) => {
+  const R = (f = 1) => {
     const s = [
       "body>.f-datagrid-settings-simple-host",
       "body>div",
@@ -705,66 +705,66 @@ function ce(e, t) {
       "body>.popover.show",
       "body>filter-row-panel>.f-datagrid-filter-panel",
       "body>.f-section-maximize"
-    ], E = Array.from(document.body.querySelectorAll(s.join(","))).filter((y) => y).map((y) => {
-      const { display: R, zIndex: N } = window.getComputedStyle(y);
-      return R === "none" ? 0 : parseInt(N, 10);
-    }).filter((y) => y);
-    let B = Math.max(...E);
-    return B < 1040 && (B = 1040), B + f;
+    ], E = Array.from(document.body.querySelectorAll(s.join(","))).filter((w) => w).map((w) => {
+      const { display: N, zIndex: $ } = window.getComputedStyle(w);
+      return N === "none" ? 0 : parseInt($, 10);
+    }).filter((w) => w);
+    let D = Math.max(...E);
+    return D < 1040 && (D = 1040), D + f;
   }, d = (f, s) => {
     const {
       height: E,
-      left: B,
-      top: y,
-      width: R
-    } = f.getBoundingClientRect(), { width: N, height: p, top: M } = s.getBoundingClientRect();
+      left: D,
+      top: w,
+      width: N
+    } = f.getBoundingClientRect(), { width: $, height: p, top: M } = s.getBoundingClientRect();
     if (f.className.indexOf("dropdown-submenu") > -1 || f.closest(".dropdown-submenu") || f.classList.contains("dropright")) {
-      const c = window.innerWidth - B - f.offsetWidth, g = window.innerHeight - y, { position: m } = getComputedStyle(s);
+      const u = window.innerWidth - D - f.offsetWidth, b = window.innerHeight - w, { position: m } = getComputedStyle(s);
       if (m === "fixed") {
-        let h = B + f.offsetWidth;
-        s.offsetWidth > c && B > c && (h = B - N), s.style.left = h + "px", s.style.right = "auto", window.innerHeight - 2 * T < s.offsetHeight ? (s.style.top = T + "px", s.style.bottom = T + "px", s.style.maxHeight = window.innerHeight - 2 * T + "px", s.style.overflowY = "auto", s.className += " dropdown-menu-maxheight") : g < s.offsetHeight ? (s.style.top = "auto", s.style.bottom = T + "px") : (s.style.top = y + "px", s.style.bottom = "auto");
+        let h = D + f.offsetWidth;
+        s.offsetWidth > u && D > u && (h = D - $), s.style.left = h + "px", s.style.right = "auto", window.innerHeight - 2 * F < s.offsetHeight ? (s.style.top = F + "px", s.style.bottom = F + "px", s.style.maxHeight = window.innerHeight - 2 * F + "px", s.style.overflowY = "auto", s.className += " dropdown-menu-maxheight") : b < s.offsetHeight ? (s.style.top = "auto", s.style.bottom = F + "px") : (s.style.top = w + "px", s.style.bottom = "auto");
       } else {
-        if (s.offsetWidth > c) {
-          const h = -N;
+        if (s.offsetWidth > u) {
+          const h = -$;
           s.style.left = h + "px";
         }
-        window.innerHeight - 2 * T < s.offsetHeight ? (s.style.top = -1 * (y - T) + "px", s.style.bottom = "auto", s.style.maxHeight = window.innerHeight - 2 * T + "px", s.style.overflowY = "auto", s.className += " dropdown-menu-maxheight") : g < s.offsetHeight && (s.style.top = g - s.offsetHeight - T + "px", s.style.bottom = "auto");
+        window.innerHeight - 2 * F < s.offsetHeight ? (s.style.top = -1 * (w - F) + "px", s.style.bottom = "auto", s.style.maxHeight = window.innerHeight - 2 * F + "px", s.style.overflowY = "auto", s.className += " dropdown-menu-maxheight") : b < s.offsetHeight && (s.style.top = b - s.offsetHeight - F + "px", s.style.bottom = "auto");
       }
     } else {
-      const { marginTop: c, marginBottom: g } = getComputedStyle(s);
+      const { marginTop: u, marginBottom: b } = getComputedStyle(s);
       let m = 0;
-      const h = Math.ceil(parseFloat(c)) + Math.ceil(parseFloat(g));
-      let F = y + E, L = B;
-      window.innerHeight - F - h < p && (F = y - p, F < 0 && (window.innerHeight - y - E > y ? (F = y + E, m = window.innerHeight - F - h - T) : (F = T, m = y - F - h))), window.innerWidth - B < N && window.innerWidth - B < B + R && (L = B - N + R), document.body.append(s), s.style.cssText = `position:fixed;bottom:unset;left:${L}px
-             !important;top:${F}px !important;right: unset;${m ? "max-height:" + m + "px;overflow-y:auto;" : ""}`, m && (s.className += " dropdown-menu-maxheight"), s.style.zIndex = $().toString();
+      const h = Math.ceil(parseFloat(u)) + Math.ceil(parseFloat(b));
+      let T = w + E, P = D;
+      window.innerHeight - T - h < p && (T = w - p, T < 0 && (window.innerHeight - w - E > w ? (T = w + E, m = window.innerHeight - T - h - F) : (T = F, m = w - T - h))), window.innerWidth - D < $ && window.innerWidth - D < D + N && (P = D - $ + N), document.body.append(s), s.style.cssText = `position:fixed;bottom:unset;left:${P}px
+             !important;top:${T}px !important;right: unset;${m ? "max-height:" + m + "px;overflow-y:auto;" : ""}`, m && (s.className += " dropdown-menu-maxheight"), s.style.zIndex = R().toString();
     }
-  }, b = () => {
+  }, g = () => {
     d(S.value, k.value);
   }, o = () => {
-    e.hover || (i.value = !1, k.value.style = null, document.removeEventListener("click", o), n.removeEventListener("click", o), document.removeEventListener("scroll", o), n.removeEventListener("scroll", o));
+    e.hover || (a.value = !1, k.value.style = null, document.removeEventListener("click", o), n.removeEventListener("click", o), document.removeEventListener("scroll", o), n.removeEventListener("scroll", o));
   }, l = (f = null, s = !1) => {
     e.hover || e.disabled || (f == null || f.stopPropagation(), s ? (setTimeout(() => {
-      b();
-    }), i.value = !0) : (i.value || setTimeout(() => {
-      b();
-    }), i.value = !i.value), document.addEventListener("click", o), document.addEventListener("scroll", o), e.hideOnClick || (n.addEventListener("click", (E) => {
+      g();
+    }), a.value = !0) : (a.value || setTimeout(() => {
+      g();
+    }), a.value = !a.value), document.addEventListener("click", o), document.addEventListener("scroll", o), e.hideOnClick || (n.addEventListener("click", (E) => {
       E.stopPropagation();
     }), n.addEventListener("scroll", (E) => {
       E.stopPropagation();
     })));
   };
   return {
-    show: i,
+    show: a,
     dropdownRef: S,
     dropdownMenuRef: k,
-    clickEventRef: D,
+    clickEventRef: B,
     showDropMenu: (f) => {
       l(f, !1);
     },
     showDropMenuByForce: l,
     hoverDropdown: (f) => {
-      e.hover && (i.value || setTimeout(() => {
-      }), i.value = !i.value);
+      e.hover && (a.value || setTimeout(() => {
+      }), a.value = !a.value);
     },
     leftButtonClick: () => {
     },
@@ -794,16 +794,16 @@ const lt = {
   props: lt,
   emits: ["select"],
   setup(e, t) {
-    const n = j(e.value), i = j(e.label), S = j(e.disabled), k = j(e.active), D = j(e.divide), T = () => {
+    const n = j(e.value), a = j(e.label), S = j(e.disabled), k = j(e.active), B = j(e.divide), F = () => {
       S.value || t.emit("select", e);
     };
     return () => O("div", null, [_(O("div", {
       class: "dropdown-divider"
-    }, null), [[X, D.value]]), O("li", {
+    }, null), [[X, B.value]]), O("li", {
       class: `dropdown-item${k.value ? " active" : ""} ${S.value ? " disabled" : ""}`,
-      onClick: T,
+      onClick: F,
       title: n.value.toString()
-    }, [i.value])]);
+    }, [a.value])]);
   }
 }), q = /* @__PURE__ */ U({
   name: "FDropdown",
@@ -811,20 +811,22 @@ const lt = {
   emits: ["select"],
   setup(e, t) {
     const n = j(e.model), {
-      show: i,
+      show: a,
       dropdownMenuRef: S,
       dropdownRef: k,
-      clickEventRef: D,
-      showDropMenu: T,
-      hoverDropdown: $,
+      clickEventRef: B,
+      showDropMenu: F,
+      hoverDropdown: R,
       leftButtonClick: d,
-      showDropMenuByForce: b,
-      closeDropMenu: o
+      showDropMenuByForce: g,
+      closeDropMenu: o,
+      selectItem: l,
+      resolveSize: v
     } = ce(e, t);
-    function l(r) {
-      o(), t.emit("select", r);
+    function r(c) {
+      o(), t.emit("select", c);
     }
-    function v() {
+    function i() {
       return [{
         "dropdown-item": e.nest
       }, {
@@ -850,7 +852,7 @@ const lt = {
       }];
     }
     return G(() => {
-      i.value && b(null, !0);
+      a.value && g(null, !0);
     }), () => O("div", {
       ref: k
     }, [O("div", {
@@ -864,185 +866,185 @@ const lt = {
         dropright: e.position === "right"
       }]
     }, [e.splitButton && O("span", {
-      class: ["btn", ...v()],
+      class: ["btn", ...i()],
       style: "width:100%",
       onClick: d
     }, [e.title]), O("span", {
-      ref: D,
+      ref: B,
       class: ["dropdown-toggle", {
         btn: !e.nest
       }, {
         "dropdown-toggle-split": e.splitButton
-      }, ...v()],
+      }, ...i()],
       style: "width:100%",
-      onClick: T,
-      onMouseenter: $,
-      onMouseleave: $
+      onClick: F,
+      onMouseenter: R,
+      onMouseleave: R
     }, [e.splitButton ? "" : e.title, e.iconClass && O("span", {
       class: `f-icon ${e.iconClass}`
-    }, null)]), O(be, {
+    }, null)]), O(ge, {
       to: "body"
     }, {
       default: () => [O("div", {
         ref: S,
-        class: `dropdown-menu${i.value ? " show" : ""}`
+        class: `dropdown-menu${a.value ? " show" : ""}`
       }, [O(V, null, [n.value.map(({
-        label: r,
-        value: a,
-        disabled: u,
-        active: w,
-        divide: f
+        label: c,
+        value: y,
+        disabled: f,
+        active: s,
+        divide: E
       }) => O(ue, {
-        value: a.toString(),
-        label: r,
-        disabled: u,
-        active: w,
-        divide: f,
-        onSelect: (s) => l(s)
+        value: y.toString(),
+        label: c,
+        disabled: f,
+        active: s,
+        divide: E,
+        onSelect: (D) => r(D)
       }, null))])])]
     })])]);
   }
 });
 function ct(e, t, n) {
-  var A;
-  const i = "", S = "", k = j();
-  let D;
-  function T() {
+  var L;
+  const a = "", S = "", k = j();
+  let B;
+  function F() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function $() {
+  function R() {
     return !1;
   }
   function d() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function b() {
+  function g() {
     return (t == null ? void 0 : t.schema.componentType) === "frame";
   }
-  function o(c) {
-    if (!c || !c.value)
+  function o(u) {
+    if (!u || !u.value)
       return null;
-    if (c.value.schema && c.value.schema.type === "component")
-      return c.value;
-    const g = j(c == null ? void 0 : c.value.parent), m = o(g);
+    if (u.value.schema && u.value.schema.type === "component")
+      return u.value;
+    const b = j(u == null ? void 0 : u.value.parent), m = o(b);
     return m || null;
   }
-  function l(c = t) {
-    var F;
-    const { componentInstance: g, designerItemElementRef: m } = c;
-    if (!g || !g.value)
+  function l(u = t) {
+    var T;
+    const { componentInstance: b, designerItemElementRef: m } = u;
+    if (!b || !b.value)
       return null;
-    const { getCustomButtons: h } = g.value;
-    return g.value.canMove || h && ((F = h()) != null && F.length) ? m : l(c.parent);
+    const { getCustomButtons: h } = b.value;
+    return b.value.canMove || h && ((T = h()) != null && T.length) ? m : l(u.parent);
   }
-  function v(c) {
-    return !1;
+  function v(u) {
+    return !!n;
   }
   function r() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
   }
-  function a() {
+  function i() {
   }
-  function u(c, g) {
+  function c(u, b) {
     var m;
-    !c || !g || (m = t == null ? void 0 : t.setupContext) == null || m.emit("dragEnd");
+    !u || !b || (m = t == null ? void 0 : t.setupContext) == null || m.emit("dragEnd");
   }
-  function w(c, g) {
-    const { componentType: m } = c;
-    let h = ye(m, c, g);
-    const F = m.toLowerCase().replace(/-/g, "_");
-    return h && !h.id && h.type === m && (h.id = `${F}_${Math.random().toString().slice(2, 6)}`), h;
+  function y(u, b) {
+    const { componentType: m } = u;
+    let h = ye(m, u, b);
+    const T = m.toLowerCase().replace(/-/g, "_");
+    return h && !h.id && h.type === m && (h.id = `${T}_${Math.random().toString().slice(2, 6)}`), h;
   }
-  function f(c) {
+  function f(u) {
   }
-  function s(...c) {
+  function s(...u) {
   }
-  function E(c) {
-    if (!c)
+  function E(u) {
+    if (!u)
       return;
-    const g = t == null ? void 0 : t.schema, { formSchemaUtils: m } = c;
-    if (g && m.getExpressions().length) {
-      const h = m.getExpressions().findIndex((F) => F.target === g.id);
+    const b = t == null ? void 0 : t.schema, { formSchemaUtils: m } = u;
+    if (b && m.getExpressions().length) {
+      const h = m.getExpressions().findIndex((T) => T.target === b.id);
       h > -1 && m.getExpressions().splice(h, 1);
     }
   }
-  function B(c) {
-    if (!c || !(t != null && t.schema))
+  function D(u) {
+    if (!u || !(t != null && t.schema))
       return;
-    const g = t.schema, { formSchemaUtils: m } = c;
-    m.removeCommunicationInComponent(g);
+    const b = t.schema, { formSchemaUtils: m } = u;
+    m.removeCommunicationInComponent(b);
   }
-  function y(c) {
-    E(c), B(c), t != null && t.schema.contents && t.schema.contents.map((g) => {
-      let m = g.id;
-      g.type === "component-ref" && (m = g.component);
+  function w(u) {
+    E(u), D(u), t != null && t.schema.contents && t.schema.contents.map((b) => {
+      let m = b.id;
+      b.type === "component-ref" && (m = b.component);
       const h = e.value.querySelectorAll(`#${m}-design-item`);
-      h != null && h.length && Array.from(h).map((F) => {
-        var L;
-        (L = F == null ? void 0 : F.componentInstance) != null && L.value.onRemoveComponent && F.componentInstance.value.onRemoveComponent(c);
+      h != null && h.length && Array.from(h).map((T) => {
+        var P;
+        (P = T == null ? void 0 : T.componentInstance) != null && P.value.onRemoveComponent && T.componentInstance.value.onRemoveComponent(u);
       });
     });
   }
-  function R() {
+  function N() {
   }
-  function N(c) {
+  function $(u) {
     var m, h;
     if (!((m = t == null ? void 0 : t.schema) != null && m.id))
       return;
-    !D && c && (D = c.formSchemaUtils);
-    let g = "";
+    !B && u && (B = u.formSchemaUtils);
+    let b = "";
     {
-      const { text: F, title: L, label: C, mainTitle: P, name: H, type: W } = t.schema;
-      g = F || L || C || P || H || ((h = te[W]) == null ? void 0 : h.name);
+      const { text: T, title: P, label: H, mainTitle: C, name: z, type: W } = t.schema;
+      b = T || P || H || C || z || ((h = te[W]) == null ? void 0 : h.name);
     }
-    g && D.getControlBasicInfoMap().set(t.schema.id, {
-      componentTitle: g,
-      parentPathName: g
+    b && B.getControlBasicInfoMap().set(t.schema.id, {
+      componentTitle: b,
+      parentPathName: b
     });
   }
-  function p(c) {
-    var F;
-    const { changeObject: g } = c, { propertyID: m, propertyValue: h } = g;
-    if (["text", "title", "label", "name", "mainTitle"].includes((F = c == null ? void 0 : c.changeObject) == null ? void 0 : F.propertyID) && m && h && (N(), D)) {
-      const L = D.getControlBasicInfoMap(), C = L.keys().toArray().filter((P) => {
-        var H, W;
-        return ((H = L.get(P)) == null ? void 0 : H.reliedComponentId) === ((W = t == null ? void 0 : t.schema) == null ? void 0 : W.id);
+  function p(u) {
+    var T;
+    const { changeObject: b } = u, { propertyID: m, propertyValue: h } = b;
+    if (["text", "title", "label", "name", "mainTitle"].includes((T = u == null ? void 0 : u.changeObject) == null ? void 0 : T.propertyID) && m && h && ($(), B)) {
+      const P = B.getControlBasicInfoMap(), H = P.keys().toArray().filter((C) => {
+        var z, W;
+        return ((z = P.get(C)) == null ? void 0 : z.reliedComponentId) === ((W = t == null ? void 0 : t.schema) == null ? void 0 : W.id);
       });
-      C != null && C.length && C.forEach((P) => {
-        const H = L.get(P).parentPathName.split(" > ");
-        H[0] = h, L.get(P).parentPathName = H.join(" > ");
+      H != null && H.length && H.forEach((C) => {
+        const z = P.get(C).parentPathName.split(" > ");
+        z[0] = h, P.get(C).parentPathName = z.join(" > ");
       });
     }
   }
-  function M(c) {
-    p(c);
+  function M(u) {
+    p(u);
   }
   return k.value = {
-    canMove: T(),
-    canSelectParent: $(),
+    canMove: F(),
+    canSelectParent: R(),
     canDelete: d(),
-    canNested: !b(),
+    canNested: !g(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
-    parent: (A = t == null ? void 0 : t.parent) == null ? void 0 : A.componentInstance,
+    parent: (L = t == null ? void 0 : t.parent) == null ? void 0 : L.componentInstance,
     schema: t == null ? void 0 : t.schema,
-    styles: i,
+    styles: a,
     designerClass: S,
     canAccepts: v,
     getBelongedComponentInstance: o,
     getDraggableDesignItemElement: l,
     getDraggingDisplayText: r,
     getPropConfig: s,
-    getDragScopeElement: a,
-    onAcceptMovedChildElement: u,
+    getDragScopeElement: i,
+    onAcceptMovedChildElement: c,
     onChildElementMovedOut: f,
-    addNewChildComponentSchema: w,
+    addNewChildComponentSchema: y,
     triggerBelongedComponentToMoveWhenMoved: j(!1),
     triggerBelongedComponentToDeleteWhenDeleted: j(!1),
-    onRemoveComponent: y,
-    getCustomButtons: R,
+    onRemoveComponent: w,
+    getCustomButtons: N,
     onPropertyChanged: M,
-    setComponentBasicInfoMap: N,
+    setComponentBasicInfoMap: $,
     updateContextSchema: t == null ? void 0 : t.updateContextSchema
   }, k;
 }
@@ -1052,19 +1054,22 @@ const ut = /* @__PURE__ */ U({
   emits: ["select"],
   setup(e, t) {
     const n = j(e.model), {
-      show: i,
+      show: a,
       showDropMenu: S,
       hoverDropdown: k,
-      leftButtonClick: D
+      leftButtonClick: B,
+      closeDropMenu: F,
+      selectItem: R,
+      resolveSize: d
     } = ce(e, t);
-    function T(o) {
-      t.emit("select", o);
+    function g(r) {
+      t.emit("select", r);
     }
-    const $ = j(), d = ge("design-item-context"), b = ct($, d);
+    const o = j(), l = be("design-item-context"), v = ct(o, l);
     return G(() => {
-      $.value.componentInstance = b;
-    }), t.expose(b.value), () => O("div", {
-      ref: $
+      o.value.componentInstance = v;
+    }), t.expose(v.value), () => O("div", {
+      ref: o
     }, [O("div", {
       class: ["farris-dropdown", "btn-group", {
         dropup: e.position === "top"
@@ -1097,7 +1102,7 @@ const ut = /* @__PURE__ */ U({
         "btn-info": e.type === "info"
       }],
       style: "width:100%",
-      onClick: D
+      onClick: B
     }, [e.title]), O("span", {
       class: ["dropdown-toggle", {
         btn: !e.nest
@@ -1135,36 +1140,36 @@ const ut = /* @__PURE__ */ U({
     }, null), [[X, e.splitButton]]), e.splitButton ? "" : e.title, _(O("span", {
       class: `f-icon ${e.iconClass.toString()}`
     }, null), [[X, e.iconClass]])]), O("div", {
-      class: `dropdown-menu${i.value ? " show" : ""}`
+      class: `dropdown-menu${a.value ? " show" : ""}`
     }, [O(V, null, [n.value.map(({
-      label: o,
-      value: l,
-      disabled: v,
-      active: r,
-      divide: a
+      label: r,
+      value: i,
+      disabled: c,
+      active: y,
+      divide: f
     }) => O(ue, {
-      value: l.toString(),
-      label: o,
-      disabled: v,
-      active: r,
-      divide: a,
-      onSelect: (u) => T(u)
+      value: i.toString(),
+      label: r,
+      disabled: c,
+      active: y,
+      divide: f,
+      onSelect: (s) => g(s)
     }, null))])])])]);
   }
-}), mt = {
+}), ht = {
   install(e) {
     e.component(q.name, q);
   },
-  register(e, t, n, i) {
-    e.dropdown = q, t.dropdown = x;
+  register(e, t, n, a) {
+    e.dropdown = q, t.dropdown = Q;
   },
   registerDesigner(e, t, n) {
-    e.dropdown = ut, t.dropdown = x;
+    e.dropdown = ut, t.dropdown = Q;
   }
 };
 export {
   q as Dropdown,
-  mt as default,
+  ht as default,
   Y as dropdownProps,
-  x as propsResolver
+  Q as propsResolver
 };