@farris/ui-vue 1.3.0 → 1.3.3

package/components/dropdown/index.esm.js

@@ -1,24 +1,28 @@
-import { ref as v, onMounted as Y, defineComponent as W, createVNode as y, withDirectives as A, vShow as z, Teleport as U, Fragment as J, inject as P } from "vue";
-import { isPlainObject as X, cloneDeep as K } from "lodash-es";
-const Z = {}, x = {};
-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]) : K(t[a].default)), m), {});
-  return (!i || !o.find((m) => m == "id")) && (f.id = `${l}-${Date.now()}`), f;
+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)}`;
+  }
+  return f;
 }
-function M(e, t = {}, l) {
+function J(e, t = {}, a) {
   const o = Z[e];
   if (o) {
-    let i = C(o);
-    const f = x[e];
-    return i = f ? f({ getSchemaByType: M }, i, t, l) : i, i;
+    let i = M(o);
+    const f = G[e];
+    return i = f ? f({ getSchemaByType: J }, i, t, a) : i, i;
   }
   return null;
 }
-function I(e, t) {
-  const l = C(t);
-  return Object.keys(e).reduce((o, i) => (o[i] && X(o[i]) && X(e[i]) ? Object.assign(o[i], e[i]) : o[i] = e[i], o), l), 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 ee(e, t) {
+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);
@@ -33,81 +37,81 @@ function ee(e, t) {
     return o;
   }, {});
 }
-function te(e, t, l = /* @__PURE__ */ new Map()) {
-  const o = I(e, t);
-  return ee(o, l);
+function ee(e, t, a = /* @__PURE__ */ new Map()) {
+  const o = K(e, t);
+  return I(o, a);
 }
-function ne(e = {}) {
-  function t(r, c, s, d) {
+function te(e = {}) {
+  function t(r, u, s, p) {
     if (typeof s == "number")
-      return d[r].length === s;
+      return p[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(p[r].length) !== Number(g);
       if (b === "moreThan")
-        return Number(d[r].length) >= Number(g);
+        return Number(p[r].length) >= Number(g);
       if (b === "lessThan")
-        return Number(d[r].length) <= Number(g);
+        return Number(p[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, p) {
+    return p[r] && p[r].propertyValue && String(p[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((p) => {
+      if (p === "length")
+        return { target: s, operator: "length", param: null, value: u[p] };
+      const b = p, g = u[p];
       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]);
+    return Object.keys(r).reduce((s, p) => {
+      const b = i(p, r[p]);
       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 f(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), 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);
   }
-  return { parseValueSchema: B };
+  return { parseValueSchema: D };
 }
-const oe = {}, ie = {};
-ne();
-function re(e, t, l = /* @__PURE__ */ new Map(), o = (m, a, B) => a, i = {}, f = (m) => m) {
-  return Z[t.title] = t, x[t.title] = o, oe[t.title] = i, ie[t.title] = f, (m = {}) => {
-    const a = te(m, t, l), B = Object.keys(e).reduce((r, c) => (r[c] = e[c].default, r), {});
-    return Object.assign(B, a);
+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);
   };
 }
-function se(e, t) {
+function re(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-function ae(e, t, l) {
+function se(e, t, a) {
   return t;
 }
 const le = /* @__PURE__ */ new Map([
-  ["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 = {
+  ["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 = {
   id: {
     description: "The unique identifier for dropdown",
     type: "string"
@@ -169,18 +173,18 @@ const le = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, ye = [
+}, me = [
   "id",
   "type"
-], ge = {
-  $schema: ce,
-  $id: ue,
-  title: de,
-  description: fe,
-  type: pe,
-  properties: me,
-  required: ye
-}, be = "dropdown", we = "A Farris Component", he = "object", ve = {
+], ye = {
+  $schema: ae,
+  $id: ce,
+  title: ue,
+  description: de,
+  type: fe,
+  properties: pe,
+  required: me
+}, ge = "dropdown", be = "A Farris Component", we = "object", ve = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -233,12 +237,12 @@ const le = /* @__PURE__ */ new Map([
       }
     }
   }
-}, Se = {
-  title: be,
-  description: we,
-  type: he,
+}, he = {
+  title: ge,
+  description: be,
+  type: we,
   categories: ve
-}, V = {
+}, W = {
   /** 默认展开或折叠 */
   show: { type: Boolean, default: !1 },
   /** 下拉按钮是否禁用 */
@@ -268,14 +272,14 @@ const le = /* @__PURE__ */ new Map([
   },
   onSelect: { type: Function, default: () => {
   } }
-}, _ = re(V, ge, le, ae, Se);
-function G(e, t) {
-  let l;
-  const o = v(e.show), i = v(), f = v(), m = v(), a = 10;
-  Y(() => {
-    l = f.value;
+}, 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;
   });
-  const B = (u = 1) => {
+  const D = (d = 1) => {
     const n = [
       "body>.f-datagrid-settings-simple-host",
       "body>div",
@@ -286,75 +290,75 @@ function G(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: 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) => {
     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, N = 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") : N < n.offsetHeight ? (n.style.top = "auto", n.style.bottom = a + "px") : (n.style.top = w + "px", n.style.bottom = "auto");
+      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");
       } else {
-        if (n.offsetWidth > E) {
-          const H = -h;
-          n.style.left = H + "px";
+        if (n.offsetWidth > O) {
+          const $ = -w;
+          n.style.left = $ + "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") : N < n.offsetHeight && (n.style.top = N - 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: N } = getComputedStyle(n);
-      let j = 0;
-      const H = Math.ceil(parseFloat(E)) + Math.ceil(parseFloat(N));
-      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 $ = 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();
     }
-  }, c = () => {
+  }, u = () => {
     r(i.value, f.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,
     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 De = {
+const Se = {
   /** 下拉框标签 */
   label: { type: String, default: "XM1" },
   /** 下拉框名称 */
@@ -365,39 +369,39 @@ const De = {
   divide: { type: Boolean, default: !1 },
   onSelect: { type: Function, default: () => {
   } }
-}, Q = /* @__PURE__ */ W({
+}, U = /* @__PURE__ */ F({
   name: "FDropdownItem",
-  props: De,
+  props: Se,
   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 = S(e.value), o = S(e.label), i = S(e.disabled), f = S(e.active), m = S(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", {
+    }, null), [[N, m.value]]), y("li", {
       class: `dropdown-item${f.value ? " active" : ""} ${i.value ? " disabled" : ""}`,
-      onClick: a,
-      title: l.value.toString()
+      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 = S(e.model), {
       show: o,
       dropdownMenuRef: i,
       dropdownRef: f,
       clickEventRef: m,
-      showDropMenu: a,
-      hoverDropdown: B,
+      showDropMenu: c,
+      hoverDropdown: D,
       leftButtonClick: r,
-      closeDropMenu: c,
+      closeDropMenu: u,
       selectItem: s,
-      resolveSize: d
-    } = G(e, t);
+      resolveSize: p
+    } = Q(e, t);
     function b(g) {
       t.emit("select", g);
     }
@@ -463,137 +467,136 @@ const De = {
         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(U, {
+    }, null), [[N, e.iconClass]])]), y(x, {
       to: "body"
     }, {
       default: () => [y("div", {
         ref: i,
         class: `dropdown-menu${o.value ? " show" : ""}`
-      }, [y(J, null, [l.value.map(({
+      }, [y(Y, null, [a.value.map(({
         label: g,
-        value: T,
-        disabled: O,
-        active: u,
+        value: E,
+        disabled: H,
+        active: d,
         divide: n
-      }) => y(Q, {
-        value: T.toString(),
+      }) => y(U, {
+        value: E.toString(),
         label: g,
-        disabled: O,
-        active: u,
+        disabled: H,
+        active: d,
         divide: n,
-        onSelect: (k) => b(k)
+        onSelect: (B) => b(B)
       }, null))])])]
     })])]);
   }
 });
-function Be(e, t, l) {
-  var w;
-  function o() {
-  }
-  const i = "", f = "", m = v();
-  function a() {
+function De(e, t, a) {
+  var h;
+  const o = "", i = "", f = S();
+  function m() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function B() {
+  function c() {
     return !1;
   }
-  function r() {
+  function D() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function c() {
+  function r() {
     return (t == null ? void 0 : t.schema.componentType) === "frame";
   }
-  function s(p) {
-    if (!p || !p.value)
+  function u(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 v = S(l == null ? void 0 : l.value.parent), w = u(v);
+    return w || null;
   }
-  function d(p = t) {
-    const { componentInstance: h, designerItemElementRef: D } = p;
-    return !h || !h.value ? null : h.value.canMove ? D : d(p.parent);
+  function s(l = t) {
+    const { componentInstance: v, designerItemElementRef: w } = l;
+    return !v || !v.value ? null : v.value.canMove ? w : s(l.parent);
   }
-  function b(p) {
-    return !!l;
+  function p(l) {
+    return !!a;
   }
-  function g() {
+  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 T() {
+  function g() {
   }
-  function O(p, h) {
+  function E(l, v) {
   }
-  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 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 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 N = D.toLowerCase().replace("-", "_");
-    return E && !E.id && E.type === D && (E.id = `${N}_${Math.random().toString().slice(2, 6)}`), E;
+  function d(l) {
   }
-  function k(p) {
+  function n(...l) {
   }
-  function S(...p) {
+  function B() {
+    t != null && t.schema.contents && t.schema.contents.map((l) => {
+      var k;
+      let v = l.id;
+      l.type === "component-ref" && (v = l.component);
+      const w = e.value.querySelector(`#${v}-design-item`);
+      (k = w == null ? void 0 : w.componentInstance) != null && k.value.onRemoveComponent && w.componentInstance.value.onRemoveComponent();
+    });
   }
-  return m.value = {
-    canMove: a(),
-    canSelectParent: B(),
-    canDelete: r(),
-    canNested: !c(),
+  return f.value = {
+    canMove: m(),
+    canSelectParent: c(),
+    canDelete: D(),
+    canNested: !r(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
-    parent: (w = t == null ? void 0 : t.parent) == null ? void 0 : w.componentInstance,
+    parent: (h = t == null ? void 0 : t.parent) == null ? void 0 : h.componentInstance,
     schema: t == null ? void 0 : t.schema,
-    styles: i,
-    designerClass: f,
-    canAccepts: b,
-    getBelongedComponentInstance: s,
-    getDraggableDesignItemElement: d,
-    getDraggingDisplayText: g,
-    getPropConfig: S,
-    getDragScopeElement: T,
-    onAcceptMovedChildElement: O,
-    onAcceptNewChildElement: n,
-    onChildElementMovedOut: k,
-    addNewChildComponentSchema: u,
-    updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: v(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: v(!1)
-  }, m;
+    styles: o,
+    designerClass: i,
+    canAccepts: p,
+    getBelongedComponentInstance: u,
+    getDraggableDesignItemElement: s,
+    getDraggingDisplayText: b,
+    getPropConfig: n,
+    getDragScopeElement: g,
+    onAcceptMovedChildElement: E,
+    onChildElementMovedOut: d,
+    addNewChildComponentSchema: H,
+    triggerBelongedComponentToMoveWhenMoved: S(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: S(!1),
+    onRemoveComponent: B
+  }, f;
 }
-const ke = /* @__PURE__ */ W({
+const Be = /* @__PURE__ */ F({
   name: "FDropdownDesign",
-  props: V,
+  props: W,
   emits: ["select"],
   setup(e, t) {
-    const l = v(e.model), {
+    const a = S(e.model), {
       show: o,
       showDropMenu: i,
       hoverDropdown: f,
       leftButtonClick: m,
-      closeDropMenu: a,
-      selectItem: B,
+      closeDropMenu: c,
+      selectItem: D,
       resolveSize: r
-    } = G(e, t);
-    function c(g) {
+    } = Q(e, t);
+    function u(g) {
       t.emit("select", g);
     }
-    const s = v(), d = P("design-item-context"), b = Be(s, d);
-    return Y(() => {
+    const s = S(), p = C("design-item-context"), b = De(s, p);
+    return _(() => {
       s.value.componentInstance = b;
     }), t.expose(b.value), () => y("div", {
       ref: s
@@ -662,41 +665,41 @@ const ke = /* @__PURE__ */ W({
       onClick: i,
       onMouseenter: f,
       onMouseleave: f
-    }, [A(y("span", {
+    }, [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(J, null, [l.value.map(({
+    }, [y(Y, null, [a.value.map(({
       label: g,
-      value: T,
-      disabled: O,
-      active: u,
+      value: E,
+      disabled: H,
+      active: d,
       divide: n
-    }) => y(Q, {
-      value: T.toString(),
+    }) => y(U, {
+      value: E.toString(),
       label: g,
-      disabled: O,
-      active: u,
+      disabled: H,
+      active: d,
       divide: n,
-      onSelect: (k) => c(k)
+      onSelect: (B) => u(B)
     }, null))])])])]);
   }
 }), Te = {
   install(e) {
-    e.component(F.name, F);
+    e.component(z.name, z);
   },
-  register(e, t, l, o) {
-    e.dropdown = F, t.dropdown = _;
+  register(e, t, a, o) {
+    e.dropdown = z, t.dropdown = X;
   },
-  registerDesigner(e, t, l) {
-    e.dropdown = ke, t.dropdown = _;
+  registerDesigner(e, t, a) {
+    e.dropdown = Be, t.dropdown = X;
   }
 };
 export {
-  F as Dropdown,
+  z as Dropdown,
   Te as default,
-  V as dropdownProps,
-  _ as propsResolver
+  W as dropdownProps,
+  X as propsResolver
 };