@farris/ui-vue 1.3.4 → 1.3.6

package/components/dropdown/index.esm.js

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