@farris/ui-vue 1.2.9 → 1.3.1

package/components/dropdown/index.esm.js

@@ -1,31 +1,31 @@
-import { ref as v, onMounted as _, defineComponent as W, createVNode as y, withDirectives as A, vShow as z, Teleport as Q, Fragment as Y, inject as U } from "vue";
-import { cloneDeep as P } from "lodash-es";
-const J = {}, Z = {};
-function C(e) {
-  const { properties: t, title: l, ignore: o } = e, i = o && Array.isArray(o), f = Object.keys(t).reduce((m, a) => ((!i || !o.find((B) => B == a)) && (m[a] = t[a].type === "object" && t[a].properties ? C(t[a]) : P(t[a].default)), m), {});
-  return (!i || !o.find((m) => m == "id")) && (f.id = `${l}-${Date.now()}`), f;
+import { ref as h, onMounted as X, defineComponent as F, createVNode as y, withDirectives as L, vShow as N, Teleport as U, Fragment as Y, inject as x } from "vue";
+import { isPlainObject as q, cloneDeep as P } from "lodash-es";
+const _ = {}, Z = {};
+function A(e) {
+  const { properties: t, title: a, ignore: o } = e, i = o && Array.isArray(o), p = Object.keys(t).reduce((m, c) => ((!i || !o.find((D) => D == c)) && (m[c] = t[c].type === "object" && t[c].properties ? A(t[c]) : P(t[c].default)), m), {});
+  return a && (!i || !o.find((m) => m == "id")) && (p.id = `${a}-${Date.now()}`), p;
 }
-function M(e, t = {}, l) {
-  const o = J[e];
+function G(e, t = {}, a) {
+  const o = _[e];
   if (o) {
-    let i = C(o);
-    const f = Z[e];
-    return i = f ? f({ getSchemaByType: M }, i, t, l) : i, i;
+    let i = A(o);
+    const p = Z[e];
+    return i = p ? p({ getSchemaByType: G }, i, t, a) : i, i;
   }
   return null;
 }
 function K(e, t) {
-  const l = C(t);
-  return Object.keys(e).reduce((o, i) => (o[i] && typeof o[i] == "object" ? Object.assign(o[i], e[i]) : o[i] = e[i], o), l), l;
+  const a = A(t);
+  return Object.keys(e).reduce((o, i) => (o[i] && q(o[i]) && q(e[i]) ? Object.assign(o[i], e[i]) : o[i] = e[i], o), a), a;
 }
 function I(e, t) {
   return Object.keys(e).filter((o) => e[o] != null).reduce((o, i) => {
     if (t.has(i)) {
-      const f = t.get(i);
-      if (typeof f == "string")
-        o[f] = e[i];
+      const p = t.get(i);
+      if (typeof p == "string")
+        o[p] = e[i];
       else {
-        const m = f(i, e[i], e);
+        const m = p(i, e[i], e);
         Object.assign(o, m);
       }
     } else
@@ -33,81 +33,81 @@ function I(e, t) {
     return o;
   }, {});
 }
-function ee(e, t, l = /* @__PURE__ */ new Map()) {
+function ee(e, t, a = /* @__PURE__ */ new Map()) {
   const o = K(e, t);
-  return I(o, l);
+  return I(o, a);
 }
 function te(e = {}) {
-  function t(r, c, s, d) {
+  function t(r, u, s, f) {
     if (typeof s == "number")
-      return d[r].length === s;
+      return f[r].length === s;
     if (typeof s == "object") {
       const b = Object.keys(s)[0], g = s[b];
       if (b === "not")
-        return Number(d[r].length) !== Number(g);
+        return Number(f[r].length) !== Number(g);
       if (b === "moreThan")
-        return Number(d[r].length) >= Number(g);
+        return Number(f[r].length) >= Number(g);
       if (b === "lessThan")
-        return Number(d[r].length) <= Number(g);
+        return Number(f[r].length) <= Number(g);
     }
     return !1;
   }
-  function l(r, c, s, d) {
-    return d[r] && d[r].propertyValue && String(d[r].propertyValue.value) === String(s);
+  function a(r, u, s, f) {
+    return f[r] && f[r].propertyValue && String(f[r].propertyValue.value) === String(s);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", t],
-    ["getProperty", l]
+    ["getProperty", a]
   ]);
-  Object.keys(e).reduce((r, c) => (r.set(c, e[c]), r), o);
-  function i(r, c) {
+  Object.keys(e).reduce((r, u) => (r.set(u, e[u]), r), o);
+  function i(r, u) {
     const s = r;
-    return typeof c == "number" ? [{ target: s, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: s, operator: "getProperty", param: r, value: !!c }] : typeof c == "object" ? Object.keys(c).map((d) => {
-      if (d === "length")
-        return { target: s, operator: "length", param: null, value: c[d] };
-      const b = d, g = c[d];
+    return typeof u == "number" ? [{ target: s, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: s, operator: "getProperty", param: r, value: !!u }] : typeof u == "object" ? Object.keys(u).map((f) => {
+      if (f === "length")
+        return { target: s, operator: "length", param: null, value: u[f] };
+      const b = f, g = u[f];
       return { target: s, operator: "getProperty", param: b, value: g };
     }) : [];
   }
-  function f(r) {
-    return Object.keys(r).reduce((s, d) => {
-      const b = i(d, r[d]);
+  function p(r) {
+    return Object.keys(r).reduce((s, f) => {
+      const b = i(f, r[f]);
       return s.push(...b), s;
     }, []);
   }
-  function m(r, c) {
+  function m(r, u) {
     if (o.has(r.operator)) {
       const s = o.get(r.operator);
-      return s && s(r.target, r.param, r.value, c) || !1;
+      return s && s(r.target, r.param, r.value, u) || !1;
     }
     return !1;
   }
-  function a(r, c) {
-    return f(r).reduce((b, g) => b && m(g, c), !0);
+  function c(r, u) {
+    return p(r).reduce((b, g) => b && m(g, u), !0);
   }
-  function B(r, c) {
-    const s = Object.keys(r), d = s.includes("allOf"), b = s.includes("anyOf"), g = d || b, u = (g ? r[g ? d ? "allOf" : "anyOf" : "allOf"] : [r]).map((k) => a(k, c));
-    return d ? !u.includes(!1) : u.includes(!0);
+  function D(r, u) {
+    const s = Object.keys(r), f = s.includes("allOf"), b = s.includes("anyOf"), g = f || b, d = (g ? r[g ? f ? "allOf" : "anyOf" : "allOf"] : [r]).map((B) => c(B, u));
+    return f ? !d.includes(!1) : d.includes(!0);
   }
-  return { parseValueSchema: B };
+  return { parseValueSchema: D };
 }
 const ne = {}, oe = {};
 te();
-function ie(e, t, l = /* @__PURE__ */ new Map(), o = (m, a, B) => a, i = {}, f = (m) => m) {
-  return J[t.title] = t, Z[t.title] = o, ne[t.title] = i, oe[t.title] = f, (m = {}) => {
-    const a = ee(m, t, l), B = Object.keys(e).reduce((r, c) => (r[c] = e[c].default, r), {});
-    return Object.assign(B, a);
+function ie(e, t, a = /* @__PURE__ */ new Map(), o = (m, c, D) => c, i = {}, p = (m) => m) {
+  return _[t.title] = t, Z[t.title] = o, ne[t.title] = i, oe[t.title] = p, (m = {}) => {
+    const c = ee(m, t, a), D = Object.keys(e).reduce((r, u) => (r[u] = e[u].default, r), {});
+    return Object.assign(D, c);
   };
 }
 function re(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-function se(e, t, l) {
+function se(e, t, a) {
   return t;
 }
-const ae = /* @__PURE__ */ new Map([
+const le = /* @__PURE__ */ new Map([
   ["appearance", re]
-]), le = "https://json-schema.org/draft/2020-12/schema", ce = "https://farris-design.gitee.io/dropdown.schema.json", ue = "dropdown", de = "A Farris Component", fe = "object", pe = {
+]), ae = "https://json-schema.org/draft/2020-12/schema", ce = "https://farris-design.gitee.io/dropdown.schema.json", ue = "dropdown", de = "A Farris Component", fe = "object", pe = {
   id: {
     description: "The unique identifier for dropdown",
     type: "string"
@@ -173,7 +173,7 @@ const ae = /* @__PURE__ */ new Map([
   "id",
   "type"
 ], ye = {
-  $schema: le,
+  $schema: ae,
   $id: ce,
   title: ue,
   description: de,
@@ -238,7 +238,7 @@ const ae = /* @__PURE__ */ new Map([
   description: be,
   type: we,
   categories: he
-}, V = {
+}, W = {
   /** 默认展开或折叠 */
   show: { type: Boolean, default: !1 },
   /** 下拉按钮是否禁用 */
@@ -268,14 +268,14 @@ const ae = /* @__PURE__ */ new Map([
   },
   onSelect: { type: Function, default: () => {
   } }
-}, X = ie(V, ye, ae, se, ve);
-function x(e, t) {
-  let l;
-  const o = v(e.show), i = v(), f = v(), m = v(), a = 10;
-  _(() => {
-    l = f.value;
+}, C = ie(W, ye, le, se, ve);
+function J(e, t) {
+  let a;
+  const o = h(e.show), i = h(), p = h(), m = h(), c = 10;
+  X(() => {
+    a = p.value;
   });
-  const B = (u = 1) => {
+  const D = (d = 1) => {
     const n = [
       "body>.f-datagrid-settings-simple-host",
       "body>div",
@@ -286,75 +286,75 @@ function x(e, t) {
       "body>.popover.show",
       "body>filter-row-panel>.f-datagrid-filter-panel",
       "body>.f-section-maximize"
-    ], k = Array.from(document.body.querySelectorAll(n.join(","))).filter((w) => w).map((w) => {
-      const { display: p, zIndex: h } = window.getComputedStyle(w);
-      return p === "none" ? 0 : parseInt(h, 10);
-    }).filter((w) => w);
-    let S = Math.max(...k);
-    return S < 1040 && (S = 1040), S + u;
-  }, r = (u, n) => {
+    ], B = Array.from(document.body.querySelectorAll(n.join(","))).filter((l) => l).map((l) => {
+      const { display: S, zIndex: v } = window.getComputedStyle(l);
+      return S === "none" ? 0 : parseInt(v, 10);
+    }).filter((l) => l);
+    let w = Math.max(...B);
+    return w < 1040 && (w = 1040), w + d;
+  }, r = (d, n) => {
     const {
-      height: k,
-      left: S,
-      top: w,
-      width: p
-    } = u.getBoundingClientRect(), { width: h, height: D, top: $ } = n.getBoundingClientRect();
-    if (u.className.indexOf("dropdown-submenu") > -1 || u.closest(".dropdown-submenu") || u.classList.contains("dropright")) {
-      const E = window.innerWidth - S - u.offsetWidth, O = window.innerHeight - w, { position: j } = getComputedStyle(n);
-      if (j === "fixed") {
-        let H = S + u.offsetWidth;
-        n.offsetWidth > E && S > E && (H = S - h), n.style.left = H + "px", n.style.right = "auto", window.innerHeight - 2 * a < n.offsetHeight ? (n.style.top = a + "px", n.style.bottom = a + "px", n.style.maxHeight = window.innerHeight - 2 * a + "px", n.style.overflowY = "auto", n.className += " dropdown-menu-maxheight") : O < n.offsetHeight ? (n.style.top = "auto", n.style.bottom = a + "px") : (n.style.top = w + "px", n.style.bottom = "auto");
+      height: B,
+      left: w,
+      top: l,
+      width: S
+    } = d.getBoundingClientRect(), { width: v, height: E, top: M } = n.getBoundingClientRect();
+    if (d.className.indexOf("dropdown-submenu") > -1 || d.closest(".dropdown-submenu") || d.classList.contains("dropright")) {
+      const O = window.innerWidth - w - d.offsetWidth, j = window.innerHeight - l, { position: R } = getComputedStyle(n);
+      if (R === "fixed") {
+        let T = w + d.offsetWidth;
+        n.offsetWidth > O && w > O && (T = w - v), n.style.left = T + "px", n.style.right = "auto", window.innerHeight - 2 * c < n.offsetHeight ? (n.style.top = c + "px", n.style.bottom = c + "px", n.style.maxHeight = window.innerHeight - 2 * c + "px", n.style.overflowY = "auto", n.className += " dropdown-menu-maxheight") : j < n.offsetHeight ? (n.style.top = "auto", n.style.bottom = c + "px") : (n.style.top = l + "px", n.style.bottom = "auto");
       } else {
-        if (n.offsetWidth > E) {
-          const H = -h;
-          n.style.left = H + "px";
+        if (n.offsetWidth > O) {
+          const T = -v;
+          n.style.left = T + "px";
         }
-        window.innerHeight - 2 * a < n.offsetHeight ? (n.style.top = -1 * (w - a) + "px", n.style.bottom = "auto", n.style.maxHeight = window.innerHeight - 2 * a + "px", n.style.overflowY = "auto", n.className += " dropdown-menu-maxheight") : O < n.offsetHeight && (n.style.top = O - n.offsetHeight - a + "px", n.style.bottom = "auto");
+        window.innerHeight - 2 * c < n.offsetHeight ? (n.style.top = -1 * (l - c) + "px", n.style.bottom = "auto", n.style.maxHeight = window.innerHeight - 2 * c + "px", n.style.overflowY = "auto", n.className += " dropdown-menu-maxheight") : j < n.offsetHeight && (n.style.top = j - n.offsetHeight - c + "px", n.style.bottom = "auto");
       }
     } else {
-      const { marginTop: E, marginBottom: O } = getComputedStyle(n);
-      let j = 0;
-      const H = Math.ceil(parseFloat(E)) + Math.ceil(parseFloat(O));
-      let R = w + k, q = S;
-      window.innerHeight - R - H < D && (R = w - D, R < 0 && (window.innerHeight - w - k > w ? (R = w + k, j = window.innerHeight - R - H - a) : (R = a, j = w - R - H))), window.innerWidth - S < h && window.innerWidth - S < S + p && (q = S - h + p), document.body.append(n), n.style.cssText = `position:fixed;bottom:unset;left:${q}px
-             !important;top:${R}px !important;right: unset;${j ? "max-height:" + j + "px;overflow-y:auto;" : ""}`, j && (n.className += " dropdown-menu-maxheight"), n.style.zIndex = B().toString();
+      const { marginTop: O, marginBottom: j } = getComputedStyle(n);
+      let R = 0;
+      const T = Math.ceil(parseFloat(O)) + Math.ceil(parseFloat(j));
+      let $ = l + B, V = w;
+      window.innerHeight - $ - T < E && ($ = l - E, $ < 0 && (window.innerHeight - l - B > l ? ($ = l + B, R = window.innerHeight - $ - T - c) : ($ = c, R = l - $ - T))), window.innerWidth - w < v && window.innerWidth - w < w + S && (V = w - v + S), document.body.append(n), n.style.cssText = `position:fixed;bottom:unset;left:${V}px
+             !important;top:${$}px !important;right: unset;${R ? "max-height:" + R + "px;overflow-y:auto;" : ""}`, R && (n.className += " dropdown-menu-maxheight"), n.style.zIndex = D().toString();
     }
-  }, c = () => {
-    r(i.value, f.value);
+  }, u = () => {
+    r(i.value, p.value);
   }, s = () => {
-    e.hover || (o.value = !1, document.removeEventListener("click", s), l.removeEventListener("click", s), document.removeEventListener("scroll", s), l.removeEventListener("scroll", s));
+    e.hover || (o.value = !1, document.removeEventListener("click", s), a.removeEventListener("click", s), document.removeEventListener("scroll", s), a.removeEventListener("scroll", s));
   };
   return {
     show: o,
     dropdownRef: i,
-    dropdownMenuRef: f,
+    dropdownMenuRef: p,
     clickEventRef: m,
-    showDropMenu: (u) => {
-      e.hover || e.disabled || (u == null || u.stopPropagation(), o.value || setTimeout(() => {
-        c();
-      }), o.value = !o.value, document.addEventListener("click", s), document.addEventListener("scroll", s), e.hideOnClick || (l.addEventListener("click", (n) => {
+    showDropMenu: (d) => {
+      e.hover || e.disabled || (d == null || d.stopPropagation(), o.value || setTimeout(() => {
+        u();
+      }), o.value = !o.value, document.addEventListener("click", s), document.addEventListener("scroll", s), e.hideOnClick || (a.addEventListener("click", (n) => {
         n.stopPropagation();
-      }), l.addEventListener("scroll", (n) => {
+      }), a.addEventListener("scroll", (n) => {
         n.stopPropagation();
       })));
     },
-    hoverDropdown: (u) => {
+    hoverDropdown: (d) => {
       e.hover && (o.value || setTimeout(() => {
       }), o.value = !o.value);
     },
     leftButtonClick: () => {
     },
     closeDropMenu: s,
-    selectItem: (u) => {
-      t.emit("select", u);
+    selectItem: (d) => {
+      t.emit("select", d);
     },
-    resolveSize: (u) => {
+    resolveSize: (d) => {
       const n = /px|em|rem|pt|%/;
-      return n.test(u) ? `${parseInt(u, 10)}${u.match(n)[0]}` : `${u}px`;
+      return n.test(d) ? `${parseInt(d, 10)}${d.match(n)[0]}` : `${d}px`;
     }
   };
 }
-const Se = {
+const De = {
   /** 下拉框标签 */
   label: { type: String, default: "XM1" },
   /** 下拉框名称 */
@@ -365,44 +365,44 @@ const Se = {
   divide: { type: Boolean, default: !1 },
   onSelect: { type: Function, default: () => {
   } }
-}, G = /* @__PURE__ */ W({
+}, Q = /* @__PURE__ */ F({
   name: "FDropdownItem",
-  props: Se,
+  props: De,
   emits: ["select"],
   setup(e, t) {
-    const l = v(e.value), o = v(e.label), i = v(e.disabled), f = v(e.active), m = v(e.divide), a = () => {
+    const a = h(e.value), o = h(e.label), i = h(e.disabled), p = h(e.active), m = h(e.divide), c = () => {
       i.value || t.emit("select", e);
     };
-    return () => y("div", null, [A(y("div", {
+    return () => y("div", null, [L(y("div", {
       class: "dropdown-divider"
-    }, null), [[z, m.value]]), y("li", {
-      class: `dropdown-item${f.value ? " active" : ""} ${i.value ? " disabled" : ""}`,
-      onClick: a,
-      title: l.value.toString()
+    }, null), [[N, m.value]]), y("li", {
+      class: `dropdown-item${p.value ? " active" : ""} ${i.value ? " disabled" : ""}`,
+      onClick: c,
+      title: a.value.toString()
     }, [o.value])]);
   }
-}), F = /* @__PURE__ */ W({
+}), z = /* @__PURE__ */ F({
   name: "FDropdown",
-  props: V,
+  props: W,
   emits: ["select"],
   setup(e, t) {
-    const l = v(e.model), {
+    const a = h(e.model), {
       show: o,
       dropdownMenuRef: i,
-      dropdownRef: f,
+      dropdownRef: p,
       clickEventRef: m,
-      showDropMenu: a,
-      hoverDropdown: B,
+      showDropMenu: c,
+      hoverDropdown: D,
       leftButtonClick: r,
-      closeDropMenu: c,
+      closeDropMenu: u,
       selectItem: s,
-      resolveSize: d
-    } = x(e, t);
+      resolveSize: f
+    } = J(e, t);
     function b(g) {
       t.emit("select", g);
     }
     return () => y("div", {
-      ref: f
+      ref: p
     }, [y("div", {
       class: ["farris-dropdown", "btn-group", {
         dropup: e.position === "top"
@@ -463,137 +463,129 @@ const Se = {
         disabled: e.disabled
       }],
       style: "width:100%",
-      onClick: a,
-      onMouseenter: B,
-      onMouseleave: B
-    }, [A(y("span", {
+      onClick: c,
+      onMouseenter: D,
+      onMouseleave: D
+    }, [L(y("span", {
       class: "sr-only"
-    }, null), [[z, e.splitButton]]), e.splitButton ? "" : e.title, A(y("span", {
+    }, null), [[N, e.splitButton]]), e.splitButton ? "" : e.title, L(y("span", {
       class: `f-icon ${e.iconClass.toString()}`
-    }, null), [[z, e.iconClass]])]), y(Q, {
+    }, null), [[N, e.iconClass]])]), y(U, {
       to: "body"
     }, {
       default: () => [y("div", {
         ref: i,
         class: `dropdown-menu${o.value ? " show" : ""}`
-      }, [y(Y, null, [l.value.map(({
+      }, [y(Y, null, [a.value.map(({
         label: g,
-        value: T,
-        disabled: N,
-        active: u,
+        value: k,
+        disabled: H,
+        active: d,
         divide: n
-      }) => y(G, {
-        value: T.toString(),
+      }) => y(Q, {
+        value: k.toString(),
         label: g,
-        disabled: N,
-        active: u,
+        disabled: H,
+        active: d,
         divide: n,
-        onSelect: (k) => b(k)
+        onSelect: (B) => b(B)
       }, null))])])]
     })])]);
   }
 });
-function De(e, t, l) {
+function Se(e, t, a) {
   var w;
   function o() {
   }
-  const i = "", f = "", m = v();
-  function a() {
+  const i = "", p = "", m = h();
+  function c() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function B() {
+  function D() {
     return !1;
   }
   function r() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function c() {
+  function u() {
     return (t == null ? void 0 : t.schema.componentType) === "frame";
   }
-  function s(p) {
-    if (!p || !p.value)
+  function s(l) {
+    if (!l || !l.value)
       return null;
-    if (p.value.schema && p.value.schema.type === "component")
-      return p.value;
-    const h = v(p == null ? void 0 : p.value.parent), D = s(h);
-    return D || null;
+    if (l.value.schema && l.value.schema.type === "component")
+      return l.value;
+    const S = h(l == null ? void 0 : l.value.parent), v = s(S);
+    return v || null;
   }
-  function d(p = t) {
-    const { componentInstance: h, designerItemElementRef: D } = p;
-    return !h || !h.value ? null : h.value.canMove ? D : d(p.parent);
+  function f(l = t) {
+    const { componentInstance: S, designerItemElementRef: v } = l;
+    return !S || !S.value ? null : S.value.canMove ? v : f(l.parent);
   }
-  function b(p) {
-    return !!l;
+  function b(l) {
+    return !!a;
   }
   function g() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
   }
-  function T() {
+  function k() {
   }
-  function N(p, h) {
+  function H(l, S) {
   }
-  function u(p, h) {
-    const { componentType: D } = p;
-    let $ = M(D, p, h);
-    const L = D.toLowerCase().replace("-", "_");
-    return $ && !$.id && $.type === D && ($.id = `${L}_${Math.random().toString().slice(2, 6)}`), $;
+  function d(l, S) {
+    const { componentType: v } = l;
+    let E = G(v, l, S);
+    const M = v.toLowerCase().replace("-", "_");
+    return E && !E.id && E.type === v && (E.id = `${M}_${Math.random().toString().slice(2, 6)}`), E;
   }
-  function n(p, h) {
-    const D = String(p.getAttribute("data-controltype")), $ = p.getAttribute("data-feature"), L = $ ? JSON.parse($) : {};
-    L.parentComponentInstance = m.value;
-    let E = M(D, L);
-    const O = D.toLowerCase().replace("-", "_");
-    return E && !E.id && E.type === D && (E.id = `${O}_${Math.random().toString().slice(2, 6)}`), E;
+  function n(l) {
   }
-  function k(p) {
-  }
-  function S(...p) {
+  function B(...l) {
   }
   return m.value = {
-    canMove: a(),
-    canSelectParent: B(),
+    canMove: c(),
+    canSelectParent: D(),
     canDelete: r(),
-    canNested: !c(),
+    canNested: !u(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
     parent: (w = t == null ? void 0 : t.parent) == null ? void 0 : w.componentInstance,
     schema: t == null ? void 0 : t.schema,
     styles: i,
-    designerClass: f,
+    designerClass: p,
     canAccepts: b,
     getBelongedComponentInstance: s,
-    getDraggableDesignItemElement: d,
+    getDraggableDesignItemElement: f,
     getDraggingDisplayText: g,
-    getPropConfig: S,
-    getDragScopeElement: T,
-    onAcceptMovedChildElement: N,
-    onAcceptNewChildElement: n,
-    onChildElementMovedOut: k,
-    addNewChildComponentSchema: u,
+    getPropConfig: B,
+    getDragScopeElement: k,
+    onAcceptMovedChildElement: H,
+    onChildElementMovedOut: n,
+    addNewChildComponentSchema: d,
     updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: v(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: v(!1)
+    triggerBelongedComponentToMoveWhenMoved: h(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: h(!1)
   }, m;
 }
-const Be = /* @__PURE__ */ W({
+const Be = /* @__PURE__ */ F({
   name: "FDropdownDesign",
-  props: V,
+  props: W,
   emits: ["select"],
   setup(e, t) {
-    const l = v(e.model), {
+    const a = h(e.model), {
       show: o,
       showDropMenu: i,
-      hoverDropdown: f,
+      hoverDropdown: p,
       leftButtonClick: m,
-      closeDropMenu: a,
-      selectItem: B,
+      closeDropMenu: c,
+      selectItem: D,
       resolveSize: r
-    } = x(e, t);
-    function c(g) {
+    } = J(e, t);
+    function u(g) {
       t.emit("select", g);
     }
-    const s = v(), d = U("design-item-context"), b = De(s, d);
-    return _(() => {
+    const s = h(), f = x("design-item-context"), b = Se(s, f);
+    return X(() => {
       s.value.componentInstance = b;
     }), t.expose(b.value), () => y("div", {
       ref: s
@@ -660,43 +652,43 @@ const Be = /* @__PURE__ */ W({
       }],
       style: "width:100%",
       onClick: i,
-      onMouseenter: f,
-      onMouseleave: f
-    }, [A(y("span", {
+      onMouseenter: p,
+      onMouseleave: p
+    }, [L(y("span", {
       class: "sr-only"
-    }, null), [[z, e.splitButton]]), e.splitButton ? "" : e.title, A(y("span", {
+    }, null), [[N, e.splitButton]]), e.splitButton ? "" : e.title, L(y("span", {
       class: `f-icon ${e.iconClass.toString()}`
-    }, null), [[z, e.iconClass]])]), y("div", {
+    }, null), [[N, e.iconClass]])]), y("div", {
       class: `dropdown-menu${o.value ? " show" : ""}`
-    }, [y(Y, null, [l.value.map(({
+    }, [y(Y, null, [a.value.map(({
       label: g,
-      value: T,
-      disabled: N,
-      active: u,
+      value: k,
+      disabled: H,
+      active: d,
       divide: n
-    }) => y(G, {
-      value: T.toString(),
+    }) => y(Q, {
+      value: k.toString(),
       label: g,
-      disabled: N,
-      active: u,
+      disabled: H,
+      active: d,
       divide: n,
-      onSelect: (k) => c(k)
+      onSelect: (B) => u(B)
     }, null))])])])]);
   }
 }), $e = {
   install(e) {
-    e.component(F.name, F);
+    e.component(z.name, z);
   },
-  register(e, t, l, o) {
-    e.dropdown = F, t.dropdown = X;
+  register(e, t, a, o) {
+    e.dropdown = z, t.dropdown = C;
   },
-  registerDesigner(e, t, l) {
-    e.dropdown = Be, t.dropdown = X;
+  registerDesigner(e, t, a) {
+    e.dropdown = Be, t.dropdown = C;
   }
 };
 export {
-  F as Dropdown,
+  z as Dropdown,
   $e as default,
-  V as dropdownProps,
-  X as propsResolver
+  W as dropdownProps,
+  C as propsResolver
 };