@farris/ui-vue 1.3.1 → 1.3.3

package/components/dropdown/index.esm.js

@@ -1,31 +1,35 @@
-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;
+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 G(e, t = {}, a) {
-  const o = _[e];
+function J(e, t = {}, a) {
+  const o = Z[e];
   if (o) {
-    let i = A(o);
-    const p = Z[e];
-    return i = p ? p({ getSchemaByType: G }, i, t, a) : i, i;
+    let i = M(o);
+    const f = G[e];
+    return i = f ? f({ getSchemaByType: J }, i, t, a) : i, i;
   }
   return null;
 }
 function K(e, t) {
-  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;
+  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 I(e, t) {
   return Object.keys(e).filter((o) => e[o] != null).reduce((o, i) => {
     if (t.has(i)) {
-      const p = t.get(i);
-      if (typeof p == "string")
-        o[p] = e[i];
+      const f = t.get(i);
+      if (typeof f == "string")
+        o[f] = e[i];
       else {
-        const m = p(i, e[i], e);
+        const m = f(i, e[i], e);
         Object.assign(o, m);
       }
     } else
@@ -38,22 +42,22 @@ function ee(e, t, a = /* @__PURE__ */ new Map()) {
   return I(o, a);
 }
 function te(e = {}) {
-  function t(r, u, s, f) {
+  function t(r, u, s, p) {
     if (typeof s == "number")
-      return f[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(f[r].length) !== Number(g);
+        return Number(p[r].length) !== Number(g);
       if (b === "moreThan")
-        return Number(f[r].length) >= Number(g);
+        return Number(p[r].length) >= Number(g);
       if (b === "lessThan")
-        return Number(f[r].length) <= Number(g);
+        return Number(p[r].length) <= Number(g);
     }
     return !1;
   }
-  function a(r, u, s, f) {
-    return f[r] && f[r].propertyValue && String(f[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],
@@ -62,16 +66,16 @@ function te(e = {}) {
   Object.keys(e).reduce((r, u) => (r.set(u, e[u]), r), o);
   function i(r, u) {
     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((f) => {
-      if (f === "length")
-        return { target: s, operator: "length", param: null, value: u[f] };
-      const b = f, g = u[f];
+    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 p(r) {
-    return Object.keys(r).reduce((s, f) => {
-      const b = i(f, r[f]);
+  function f(r) {
+    return Object.keys(r).reduce((s, p) => {
+      const b = i(p, r[p]);
       return s.push(...b), s;
     }, []);
   }
@@ -83,18 +87,18 @@ function te(e = {}) {
     return !1;
   }
   function c(r, u) {
-    return p(r).reduce((b, g) => b && m(g, u), !0);
+    return f(r).reduce((b, g) => b && m(g, u), !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);
+    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: D };
 }
 const ne = {}, oe = {};
 te();
-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 = {}) => {
+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);
   };
@@ -180,7 +184,7 @@ const le = /* @__PURE__ */ new Map([
   type: fe,
   properties: pe,
   required: me
-}, ge = "dropdown", be = "A Farris Component", we = "object", he = {
+}, ge = "dropdown", be = "A Farris Component", we = "object", ve = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -233,11 +237,11 @@ const le = /* @__PURE__ */ new Map([
       }
     }
   }
-}, ve = {
+}, he = {
   title: ge,
   description: be,
   type: we,
-  categories: he
+  categories: ve
 }, W = {
   /** 默认展开或折叠 */
   show: { type: Boolean, default: !1 },
@@ -268,12 +272,12 @@ const le = /* @__PURE__ */ new Map([
   },
   onSelect: { type: Function, default: () => {
   } }
-}, C = ie(W, ye, le, se, ve);
-function J(e, t) {
+}, X = ie(W, ye, le, se, he);
+function Q(e, t) {
   let a;
-  const o = h(e.show), i = h(), p = h(), m = h(), c = 10;
-  X(() => {
-    a = p.value;
+  const o = S(e.show), i = S(), f = S(), m = S(), c = 10;
+  _(() => {
+    a = f.value;
   });
   const D = (d = 1) => {
     const n = [
@@ -287,47 +291,47 @@ function J(e, t) {
       "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: S, zIndex: v } = window.getComputedStyle(l);
-      return S === "none" ? 0 : parseInt(v, 10);
+      const { display: v, zIndex: w } = window.getComputedStyle(l);
+      return v === "none" ? 0 : parseInt(w, 10);
     }).filter((l) => l);
-    let w = Math.max(...B);
-    return w < 1040 && (w = 1040), w + d;
+    let h = Math.max(...B);
+    return h < 1040 && (h = 1040), h + d;
   }, r = (d, n) => {
     const {
       height: B,
-      left: w,
+      left: h,
       top: l,
-      width: S
-    } = d.getBoundingClientRect(), { width: v, height: E, top: M } = n.getBoundingClientRect();
+      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 - w - d.offsetWidth, j = window.innerHeight - l, { position: R } = getComputedStyle(n);
+      const O = window.innerWidth - h - 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");
+        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 > O) {
-          const T = -v;
-          n.style.left = T + "px";
+          const $ = -w;
+          n.style.left = $ + "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");
       }
     } else {
       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();
+      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();
     }
   }, u = () => {
-    r(i.value, p.value);
+    r(i.value, f.value);
   }, 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: p,
+    dropdownMenuRef: f,
     clickEventRef: m,
     showDropMenu: (d) => {
       e.hover || e.disabled || (d == null || d.stopPropagation(), o.value || setTimeout(() => {
@@ -354,7 +358,7 @@ function J(e, t) {
     }
   };
 }
-const De = {
+const Se = {
   /** 下拉框标签 */
   label: { type: String, default: "XM1" },
   /** 下拉框名称 */
@@ -365,18 +369,18 @@ const De = {
   divide: { type: Boolean, default: !1 },
   onSelect: { type: Function, default: () => {
   } }
-}, Q = /* @__PURE__ */ F({
+}, U = /* @__PURE__ */ F({
   name: "FDropdownItem",
-  props: De,
+  props: Se,
   emits: ["select"],
   setup(e, t) {
-    const a = h(e.value), o = h(e.label), i = h(e.disabled), p = h(e.active), m = h(e.divide), c = () => {
+    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, [L(y("div", {
       class: "dropdown-divider"
     }, null), [[N, m.value]]), y("li", {
-      class: `dropdown-item${p.value ? " active" : ""} ${i.value ? " disabled" : ""}`,
+      class: `dropdown-item${f.value ? " active" : ""} ${i.value ? " disabled" : ""}`,
       onClick: c,
       title: a.value.toString()
     }, [o.value])]);
@@ -386,23 +390,23 @@ const De = {
   props: W,
   emits: ["select"],
   setup(e, t) {
-    const a = h(e.model), {
+    const a = S(e.model), {
       show: o,
       dropdownMenuRef: i,
-      dropdownRef: p,
+      dropdownRef: f,
       clickEventRef: m,
       showDropMenu: c,
       hoverDropdown: D,
       leftButtonClick: r,
       closeDropMenu: u,
       selectItem: s,
-      resolveSize: f
-    } = J(e, t);
+      resolveSize: p
+    } = Q(e, t);
     function b(g) {
       t.emit("select", g);
     }
     return () => y("div", {
-      ref: p
+      ref: f
     }, [y("div", {
       class: ["farris-dropdown", "btn-group", {
         dropup: e.position === "top"
@@ -470,7 +474,7 @@ const De = {
       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(U, {
+    }, null), [[N, e.iconClass]])]), y(x, {
       to: "body"
     }, {
       default: () => [y("div", {
@@ -478,12 +482,12 @@ const De = {
         class: `dropdown-menu${o.value ? " show" : ""}`
       }, [y(Y, null, [a.value.map(({
         label: g,
-        value: k,
+        value: E,
         disabled: H,
         active: d,
         divide: n
-      }) => y(Q, {
-        value: k.toString(),
+      }) => y(U, {
+        value: E.toString(),
         label: g,
         disabled: H,
         active: d,
@@ -493,99 +497,106 @@ const De = {
     })])]);
   }
 });
-function Se(e, t, a) {
-  var w;
-  function o() {
-  }
-  const i = "", p = "", m = h();
-  function c() {
+function De(e, t, a) {
+  var h;
+  const o = "", i = "", f = S();
+  function m() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function D() {
+  function c() {
     return !1;
   }
-  function r() {
+  function D() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function u() {
+  function r() {
     return (t == null ? void 0 : t.schema.componentType) === "frame";
   }
-  function s(l) {
+  function u(l) {
     if (!l || !l.value)
       return 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;
+    const v = S(l == null ? void 0 : l.value.parent), w = u(v);
+    return w || null;
   }
-  function f(l = t) {
-    const { componentInstance: S, designerItemElementRef: v } = l;
-    return !S || !S.value ? null : S.value.canMove ? v : f(l.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(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 k() {
+  function g() {
+  }
+  function E(l, v) {
   }
-  function H(l, S) {
+  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 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 d(l) {
   }
-  function n(l) {
+  function n(...l) {
   }
-  function B(...l) {
+  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: c(),
-    canSelectParent: D(),
-    canDelete: r(),
-    canNested: !u(),
+  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: p,
-    canAccepts: b,
-    getBelongedComponentInstance: s,
-    getDraggableDesignItemElement: f,
-    getDraggingDisplayText: g,
-    getPropConfig: B,
-    getDragScopeElement: k,
-    onAcceptMovedChildElement: H,
-    onChildElementMovedOut: n,
-    addNewChildComponentSchema: d,
-    updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: h(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: h(!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 Be = /* @__PURE__ */ F({
   name: "FDropdownDesign",
   props: W,
   emits: ["select"],
   setup(e, t) {
-    const a = h(e.model), {
+    const a = S(e.model), {
       show: o,
       showDropMenu: i,
-      hoverDropdown: p,
+      hoverDropdown: f,
       leftButtonClick: m,
       closeDropMenu: c,
       selectItem: D,
       resolveSize: r
-    } = J(e, t);
+    } = Q(e, t);
     function u(g) {
       t.emit("select", g);
     }
-    const s = h(), f = x("design-item-context"), b = Se(s, f);
-    return X(() => {
+    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
@@ -652,8 +663,8 @@ const Be = /* @__PURE__ */ F({
       }],
       style: "width:100%",
       onClick: i,
-      onMouseenter: p,
-      onMouseleave: p
+      onMouseenter: f,
+      onMouseleave: f
     }, [L(y("span", {
       class: "sr-only"
     }, null), [[N, e.splitButton]]), e.splitButton ? "" : e.title, L(y("span", {
@@ -662,12 +673,12 @@ const Be = /* @__PURE__ */ F({
       class: `dropdown-menu${o.value ? " show" : ""}`
     }, [y(Y, null, [a.value.map(({
       label: g,
-      value: k,
+      value: E,
       disabled: H,
       active: d,
       divide: n
-    }) => y(Q, {
-      value: k.toString(),
+    }) => y(U, {
+      value: E.toString(),
       label: g,
       disabled: H,
       active: d,
@@ -675,20 +686,20 @@ const Be = /* @__PURE__ */ F({
       onSelect: (B) => u(B)
     }, null))])])])]);
   }
-}), $e = {
+}), Te = {
   install(e) {
     e.component(z.name, z);
   },
   register(e, t, a, o) {
-    e.dropdown = z, t.dropdown = C;
+    e.dropdown = z, t.dropdown = X;
   },
   registerDesigner(e, t, a) {
-    e.dropdown = Be, t.dropdown = C;
+    e.dropdown = Be, t.dropdown = X;
   }
 };
 export {
   z as Dropdown,
-  $e as default,
+  Te as default,
   W as dropdownProps,
-  C as propsResolver
+  X as propsResolver
 };

package/components/dropdown/index.umd.cjs

@@ -1,2 +1,2 @@
-(function(N,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],n):(N=typeof globalThis<"u"?globalThis:N||self,n(N.dropdown={},N.Vue,N.LodashES))})(this,function(N,n,L){"use strict";const z={},A={};function F(e){const{properties:t,title:c,ignore:r}=e,i=r&&Array.isArray(r),m=Object.keys(t).reduce((y,d)=>((!i||!r.find(v=>v==d))&&(y[d]=t[d].type==="object"&&t[d].properties?F(t[d]):L.cloneDeep(t[d].default)),y),{});return c&&(!i||!r.find(y=>y=="id"))&&(m.id=`${c}-${Date.now()}`),m}function W(e,t={},c){const r=z[e];if(r){let i=F(r);const m=A[e];return i=m?m({getSchemaByType:W},i,t,c):i,i}return null}function Y(e,t){const c=F(t);return Object.keys(e).reduce((r,i)=>(r[i]&&L.isPlainObject(r[i])&&L.isPlainObject(e[i])?Object.assign(r[i],e[i]):r[i]=e[i],r),c),c}function Z(e,t){return Object.keys(e).filter(r=>e[r]!=null).reduce((r,i)=>{if(t.has(i)){const m=t.get(i);if(typeof m=="string")r[m]=e[i];else{const y=m(i,e[i],e);Object.assign(r,y)}}else r[i]=e[i];return r},{})}function G(e,t,c=new Map){const r=Y(e,t);return Z(r,c)}function J(e={}){function t(s,f,a,p){if(typeof a=="number")return p[s].length===a;if(typeof a=="object"){const b=Object.keys(a)[0],g=a[b];if(b==="not")return Number(p[s].length)!==Number(g);if(b==="moreThan")return Number(p[s].length)>=Number(g);if(b==="lessThan")return Number(p[s].length)<=Number(g)}return!1}function c(s,f,a,p){return p[s]&&p[s].propertyValue&&String(p[s].propertyValue.value)===String(a)}const r=new Map([["length",t],["getProperty",c]]);Object.keys(e).reduce((s,f)=>(s.set(f,e[f]),s),r);function i(s,f){const a=s;return typeof f=="number"?[{target:a,operator:"length",param:null,value:Number(f)}]:typeof f=="boolean"?[{target:a,operator:"getProperty",param:s,value:!!f}]:typeof f=="object"?Object.keys(f).map(p=>{if(p==="length")return{target:a,operator:"length",param:null,value:f[p]};const b=p,g=f[p];return{target:a,operator:"getProperty",param:b,value:g}}):[]}function m(s){return Object.keys(s).reduce((a,p)=>{const b=i(p,s[p]);return a.push(...b),a},[])}function y(s,f){if(r.has(s.operator)){const a=r.get(s.operator);return a&&a(s.target,s.param,s.value,f)||!1}return!1}function d(s,f){return m(s).reduce((b,g)=>b&&y(g,f),!0)}function v(s,f){const a=Object.keys(s),p=a.includes("allOf"),b=a.includes("anyOf"),g=p||b,u=(g?s[g?p?"allOf":"anyOf":"allOf"]:[s]).map(S=>d(S,f));return p?!u.includes(!1):u.includes(!0)}return{parseValueSchema:v}}const Q={},U={};J();function x(e,t,c=new Map,r=(y,d,v)=>d,i={},m=y=>y){return z[t.title]=t,A[t.title]=r,Q[t.title]=i,U[t.title]=m,(y={})=>{const d=G(y,t,c),v=Object.keys(e).reduce((s,f)=>(s[f]=e[f].default,s),{});return Object.assign(v,d)}}function P(e,t){return{customClass:t.class,customStyle:t.style}}function K(e,t,c){return t}const I=new Map([["appearance",P]]),ee={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/dropdown.schema.json",title:"dropdown",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for dropdown",type:"string"},type:{description:"The type string of dropdown",type:"string",default:"dropdown"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},te={title:"dropdown",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeholder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"}}}}},j={show:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},title:{type:String,default:"下拉示例"},size:{type:String,default:""},type:{type:String,default:"primary"},iconClass:{type:String,default:""},active:{type:Boolean,default:!1},splitButton:{type:Boolean,default:!1},position:{type:String,default:"bottom"},model:{type:Array,default:[{label:"项目一",value:"XM1"},{label:"项目二",value:"XM2"},{label:"项目三",value:"XM3"}]},onSelect:{type:Function,default:()=>{}}},M=x(j,ee,I,K,te);function q(e,t){let c;const r=n.ref(e.show),i=n.ref(),m=n.ref(),y=n.ref(),d=10;n.onMounted(()=>{c=m.value});const v=(u=1)=>{const o=["body>.f-datagrid-settings-simple-host","body>div","body>farris-dialog>.farris-modal.show","body>.farris-modal.show","body>farris-filter-panel>.f-filter-panel-wrapper","body .f-sidebar-show>.f-sidebar-main","body>.popover.show","body>filter-row-panel>.f-datagrid-filter-panel","body>.f-section-maximize"],S=Array.from(document.body.querySelectorAll(o.join(","))).filter(l=>l).map(l=>{const{display:D,zIndex:h}=window.getComputedStyle(l);return D==="none"?0:parseInt(h,10)}).filter(l=>l);let w=Math.max(...S);return w<1040&&(w=1040),w+u},s=(u,o)=>{const{height:S,left:w,top:l,width:D}=u.getBoundingClientRect(),{width:h,height:V,top:X}=o.getBoundingClientRect();if(u.className.indexOf("dropdown-submenu")>-1||u.closest(".dropdown-submenu")||u.classList.contains("dropright")){const R=window.innerWidth-w-u.offsetWidth,H=window.innerHeight-l,{position:E}=getComputedStyle(o);if(E==="fixed"){let k=w+u.offsetWidth;o.offsetWidth>R&&w>R&&(k=w-h),o.style.left=k+"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"):H<o.offsetHeight?(o.style.top="auto",o.style.bottom=d+"px"):(o.style.top=l+"px",o.style.bottom="auto")}else{if(o.offsetWidth>R){const k=-h;o.style.left=k+"px"}window.innerHeight-2*d<o.offsetHeight?(o.style.top=-1*(l-d)+"px",o.style.bottom="auto",o.style.maxHeight=window.innerHeight-2*d+"px",o.style.overflowY="auto",o.className+=" dropdown-menu-maxheight"):H<o.offsetHeight&&(o.style.top=H-o.offsetHeight-d+"px",o.style.bottom="auto")}}else{const{marginTop:R,marginBottom:H}=getComputedStyle(o);let E=0;const k=Math.ceil(parseFloat(R))+Math.ceil(parseFloat(H));let $=l+S,_=w;window.innerHeight-$-k<V&&($=l-V,$<0&&(window.innerHeight-l-S>l?($=l+S,E=window.innerHeight-$-k-d):($=d,E=l-$-k))),window.innerWidth-w<h&&window.innerWidth-w<w+D&&(_=w-h+D),document.body.append(o),o.style.cssText=`position:fixed;bottom:unset;left:${_}px
-             !important;top:${$}px !important;right: unset;${E?"max-height:"+E+"px;overflow-y:auto;":""}`,E&&(o.className+=" dropdown-menu-maxheight"),o.style.zIndex=v().toString()}},f=()=>{s(i.value,m.value)},a=()=>{e.hover||(r.value=!1,document.removeEventListener("click",a),c.removeEventListener("click",a),document.removeEventListener("scroll",a),c.removeEventListener("scroll",a))};return{show:r,dropdownRef:i,dropdownMenuRef:m,clickEventRef:y,showDropMenu:u=>{e.hover||e.disabled||(u==null||u.stopPropagation(),r.value||setTimeout(()=>{f()}),r.value=!r.value,document.addEventListener("click",a),document.addEventListener("scroll",a),e.hideOnClick||(c.addEventListener("click",o=>{o.stopPropagation()}),c.addEventListener("scroll",o=>{o.stopPropagation()})))},hoverDropdown:u=>{e.hover&&(r.value||setTimeout(()=>{}),r.value=!r.value)},leftButtonClick:()=>{},closeDropMenu:a,selectItem:u=>{t.emit("select",u)},resolveSize:u=>{const o=/px|em|rem|pt|%/;return o.test(u)?`${parseInt(u,10)}${u.match(o)[0]}`:`${u}px`}}}const ne={label:{type:String,default:"XM1"},value:{type:String||Number,default:"项目一"},disabled:{type:Boolean,default:!1},active:{type:Boolean,default:!1},divide:{type:Boolean,default:!1},onSelect:{type:Function,default:()=>{}}},C=n.defineComponent({name:"FDropdownItem",props:ne,emits:["select"],setup(e,t){const c=n.ref(e.value),r=n.ref(e.label),i=n.ref(e.disabled),m=n.ref(e.active),y=n.ref(e.divide),d=()=>{i.value||t.emit("select",e)};return()=>n.createVNode("div",null,[n.withDirectives(n.createVNode("div",{class:"dropdown-divider"},null),[[n.vShow,y.value]]),n.createVNode("li",{class:`dropdown-item${m.value?" active":""} ${i.value?" disabled":""}`,onClick:d,title:c.value.toString()},[r.value])])}}),O=n.defineComponent({name:"FDropdown",props:j,emits:["select"],setup(e,t){const c=n.ref(e.model),{show:r,dropdownMenuRef:i,dropdownRef:m,clickEventRef:y,showDropMenu:d,hoverDropdown:v,leftButtonClick:s,closeDropMenu:f,selectItem:a,resolveSize:p}=q(e,t);function b(g){t.emit("select",g)}return()=>n.createVNode("div",{ref:m},[n.createVNode("div",{class:["farris-dropdown","btn-group",{dropup:e.position==="top"},{dropdown:e.position==="bottom"},{dropleft:e.position==="left"},{dropright:e.position==="right"}]},[e.splitButton&&n.createVNode("span",{class:["btn",{"dropdown-item":e.nest},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"}],style:"width:100%",onClick:s},[e.title]),n.createVNode("span",{ref:y,class:["dropdown-toggle",{btn:!e.nest},{"dropdown-item":e.nest},{"dropdown-toggle-split":e.splitButton},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"},{"btn-secondary":e.type==="secondary"},{"btn-link":e.type==="link"},{disabled:e.disabled}],style:"width:100%",onClick:d,onMouseenter:v,onMouseleave:v},[n.withDirectives(n.createVNode("span",{class:"sr-only"},null),[[n.vShow,e.splitButton]]),e.splitButton?"":e.title,n.withDirectives(n.createVNode("span",{class:`f-icon ${e.iconClass.toString()}`},null),[[n.vShow,e.iconClass]])]),n.createVNode(n.Teleport,{to:"body"},{default:()=>[n.createVNode("div",{ref:i,class:`dropdown-menu${r.value?" show":""}`},[n.createVNode(n.Fragment,null,[c.value.map(({label:g,value:B,disabled:T,active:u,divide:o})=>n.createVNode(C,{value:B.toString(),label:g,disabled:T,active:u,divide:o,onSelect:S=>b(S)},null))])])]})])])}});function oe(e,t,c){var w;function r(){}const i="",m="",y=n.ref();function d(){return(t==null?void 0:t.schema.componentType)!=="frame"}function v(){return!1}function s(){return(t==null?void 0:t.schema.componentType)!=="frame"}function f(){return(t==null?void 0:t.schema.componentType)==="frame"}function a(l){if(!l||!l.value)return null;if(l.value.schema&&l.value.schema.type==="component")return l.value;const D=n.ref(l==null?void 0:l.value.parent),h=a(D);return h||null}function p(l=t){const{componentInstance:D,designerItemElementRef:h}=l;return!D||!D.value?null:D.value.canMove?h:p(l.parent)}function b(l){return!!c}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 B(){}function T(l,D){}function u(l,D){const{componentType:h}=l;let V=W(h,l,D);const X=h.toLowerCase().replace("-","_");return V&&!V.id&&V.type===h&&(V.id=`${X}_${Math.random().toString().slice(2,6)}`),V}function o(l){}function S(...l){}return y.value={canMove:d(),canSelectParent:v(),canDelete:s(),canNested:!f(),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:m,canAccepts:b,getBelongedComponentInstance:a,getDraggableDesignItemElement:p,getDraggingDisplayText:g,getPropConfig:S,getDragScopeElement:B,onAcceptMovedChildElement:T,onChildElementMovedOut:o,addNewChildComponentSchema:u,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:n.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:n.ref(!1)},y}const re=n.defineComponent({name:"FDropdownDesign",props:j,emits:["select"],setup(e,t){const c=n.ref(e.model),{show:r,showDropMenu:i,hoverDropdown:m,leftButtonClick:y,closeDropMenu:d,selectItem:v,resolveSize:s}=q(e,t);function f(g){t.emit("select",g)}const a=n.ref(),p=n.inject("design-item-context"),b=oe(a,p);return n.onMounted(()=>{a.value.componentInstance=b}),t.expose(b.value),()=>n.createVNode("div",{ref:a},[n.createVNode("div",{class:["farris-dropdown","btn-group",{dropup:e.position==="top"},{dropdown:e.position==="bottom"},{dropleft:e.position==="left"},{dropright:e.position==="right"}],style:{width:e.width}},[e.splitButton&&n.createVNode("span",{class:["btn",{"dropdown-item":e.nest},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"}],style:"width:100%",onClick:y},[e.title]),n.createVNode("span",{class:["dropdown-toggle",{btn:!e.nest},{"dropdown-item":e.nest},{"dropdown-toggle-split":e.splitButton},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"},{"btn-secondary":e.type==="secondary"},{"btn-link":e.type==="link"},{disabled:e.disabled}],style:"width:100%",onClick:i,onMouseenter:m,onMouseleave:m},[n.withDirectives(n.createVNode("span",{class:"sr-only"},null),[[n.vShow,e.splitButton]]),e.splitButton?"":e.title,n.withDirectives(n.createVNode("span",{class:`f-icon ${e.iconClass.toString()}`},null),[[n.vShow,e.iconClass]])]),n.createVNode("div",{class:`dropdown-menu${r.value?" show":""}`},[n.createVNode(n.Fragment,null,[c.value.map(({label:g,value:B,disabled:T,active:u,divide:o})=>n.createVNode(C,{value:B.toString(),label:g,disabled:T,active:u,divide:o,onSelect:S=>f(S)},null))])])])])}}),ie={install(e){e.component(O.name,O)},register(e,t,c,r){e.dropdown=O,t.dropdown=M},registerDesigner(e,t,c){e.dropdown=re,t.dropdown=M}};N.Dropdown=O,N.default=ie,N.dropdownProps=j,N.propsResolver=M,Object.defineProperties(N,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(N,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],n):(N=typeof globalThis<"u"?globalThis:N||self,n(N.dropdown={},N.Vue,N.LodashES))})(this,function(N,n,L){"use strict";const z={},W={};function M(e){const{properties:t,title:c,ignore:i}=e,r=i&&Array.isArray(i),p=Object.keys(t).reduce((y,d)=>((!r||!i.find(S=>S===d))&&(y[d]=t[d].type==="object"&&t[d].properties?M(t[d]):L.cloneDeep(t[d].default)),y),{});if(c&&(!r||!i.find(y=>y==="id"))){const y=c.toLowerCase().replace(/-/g,"_");p.id=`${y}_${Math.random().toString().slice(2,6)}`}return p}function A(e,t={},c){const i=z[e];if(i){let r=M(i);const p=W[e];return r=p?p({getSchemaByType:A},r,t,c):r,r}return null}function Z(e,t){const c=M(t);return Object.keys(c).reduce((i,r)=>(i[r]&&L.isPlainObject(i[r])&&L.isPlainObject(e[r]||!e[r])?Object.assign(i[r],e[r]||{}):i[r]=e[r],i),c),c}function G(e,t){return Object.keys(e).filter(i=>e[i]!=null).reduce((i,r)=>{if(t.has(r)){const p=t.get(r);if(typeof p=="string")i[p]=e[r];else{const y=p(r,e[r],e);Object.assign(i,y)}}else i[r]=e[r];return i},{})}function J(e,t,c=new Map){const i=Z(e,t);return G(i,c)}function Q(e={}){function t(s,f,a,m){if(typeof a=="number")return m[s].length===a;if(typeof a=="object"){const b=Object.keys(a)[0],g=a[b];if(b==="not")return Number(m[s].length)!==Number(g);if(b==="moreThan")return Number(m[s].length)>=Number(g);if(b==="lessThan")return Number(m[s].length)<=Number(g)}return!1}function c(s,f,a,m){return m[s]&&m[s].propertyValue&&String(m[s].propertyValue.value)===String(a)}const i=new Map([["length",t],["getProperty",c]]);Object.keys(e).reduce((s,f)=>(s.set(f,e[f]),s),i);function r(s,f){const a=s;return typeof f=="number"?[{target:a,operator:"length",param:null,value:Number(f)}]:typeof f=="boolean"?[{target:a,operator:"getProperty",param:s,value:!!f}]:typeof f=="object"?Object.keys(f).map(m=>{if(m==="length")return{target:a,operator:"length",param:null,value:f[m]};const b=m,g=f[m];return{target:a,operator:"getProperty",param:b,value:g}}):[]}function p(s){return Object.keys(s).reduce((a,m)=>{const b=r(m,s[m]);return a.push(...b),a},[])}function y(s,f){if(i.has(s.operator)){const a=i.get(s.operator);return a&&a(s.target,s.param,s.value,f)||!1}return!1}function d(s,f){return p(s).reduce((b,g)=>b&&y(g,f),!0)}function S(s,f){const a=Object.keys(s),m=a.includes("allOf"),b=a.includes("anyOf"),g=m||b,u=(g?s[g?m?"allOf":"anyOf":"allOf"]:[s]).map(D=>d(D,f));return m?!u.includes(!1):u.includes(!0)}return{parseValueSchema:S}}const U={},C={};Q();function P(e,t,c=new Map,i=(y,d,S,s)=>d,r={},p=y=>y){return z[t.title]=t,W[t.title]=i,U[t.title]=r,C[t.title]=p,(y={})=>{const d=J(y,t,c),S=Object.keys(e).reduce((s,f)=>(s[f]=e[f].default,s),{});return Object.assign(S,d)}}function x(e,t){return{customClass:t.class,customStyle:t.style}}function K(e,t,c){return t}const I=new Map([["appearance",x]]),ee={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/dropdown.schema.json",title:"dropdown",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for dropdown",type:"string"},type:{description:"The type string of dropdown",type:"string",default:"dropdown"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},te={title:"dropdown",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeholder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"}}}}},j={show:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},title:{type:String,default:"下拉示例"},size:{type:String,default:""},type:{type:String,default:"primary"},iconClass:{type:String,default:""},active:{type:Boolean,default:!1},splitButton:{type:Boolean,default:!1},position:{type:String,default:"bottom"},model:{type:Array,default:[{label:"项目一",value:"XM1"},{label:"项目二",value:"XM2"},{label:"项目三",value:"XM3"}]},onSelect:{type:Function,default:()=>{}}},F=P(j,ee,I,K,te);function q(e,t){let c;const i=n.ref(e.show),r=n.ref(),p=n.ref(),y=n.ref(),d=10;n.onMounted(()=>{c=p.value});const S=(u=1)=>{const o=["body>.f-datagrid-settings-simple-host","body>div","body>farris-dialog>.farris-modal.show","body>.farris-modal.show","body>farris-filter-panel>.f-filter-panel-wrapper","body .f-sidebar-show>.f-sidebar-main","body>.popover.show","body>filter-row-panel>.f-datagrid-filter-panel","body>.f-section-maximize"],D=Array.from(document.body.querySelectorAll(o.join(","))).filter(l=>l).map(l=>{const{display:h,zIndex:w}=window.getComputedStyle(l);return h==="none"?0:parseInt(w,10)}).filter(l=>l);let v=Math.max(...D);return v<1040&&(v=1040),v+u},s=(u,o)=>{const{height:D,left:v,top:l,width:h}=u.getBoundingClientRect(),{width:w,height:B,top:X}=o.getBoundingClientRect();if(u.className.indexOf("dropdown-submenu")>-1||u.closest(".dropdown-submenu")||u.classList.contains("dropright")){const R=window.innerWidth-v-u.offsetWidth,H=window.innerHeight-l,{position:E}=getComputedStyle(o);if(E==="fixed"){let $=v+u.offsetWidth;o.offsetWidth>R&&v>R&&($=v-w),o.style.left=$+"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"):H<o.offsetHeight?(o.style.top="auto",o.style.bottom=d+"px"):(o.style.top=l+"px",o.style.bottom="auto")}else{if(o.offsetWidth>R){const $=-w;o.style.left=$+"px"}window.innerHeight-2*d<o.offsetHeight?(o.style.top=-1*(l-d)+"px",o.style.bottom="auto",o.style.maxHeight=window.innerHeight-2*d+"px",o.style.overflowY="auto",o.className+=" dropdown-menu-maxheight"):H<o.offsetHeight&&(o.style.top=H-o.offsetHeight-d+"px",o.style.bottom="auto")}}else{const{marginTop:R,marginBottom:H}=getComputedStyle(o);let E=0;const $=Math.ceil(parseFloat(R))+Math.ceil(parseFloat(H));let k=l+D,Y=v;window.innerHeight-k-$<B&&(k=l-B,k<0&&(window.innerHeight-l-D>l?(k=l+D,E=window.innerHeight-k-$-d):(k=d,E=l-k-$))),window.innerWidth-v<w&&window.innerWidth-v<v+h&&(Y=v-w+h),document.body.append(o),o.style.cssText=`position:fixed;bottom:unset;left:${Y}px
+             !important;top:${k}px !important;right: unset;${E?"max-height:"+E+"px;overflow-y:auto;":""}`,E&&(o.className+=" dropdown-menu-maxheight"),o.style.zIndex=S().toString()}},f=()=>{s(r.value,p.value)},a=()=>{e.hover||(i.value=!1,document.removeEventListener("click",a),c.removeEventListener("click",a),document.removeEventListener("scroll",a),c.removeEventListener("scroll",a))};return{show:i,dropdownRef:r,dropdownMenuRef:p,clickEventRef:y,showDropMenu:u=>{e.hover||e.disabled||(u==null||u.stopPropagation(),i.value||setTimeout(()=>{f()}),i.value=!i.value,document.addEventListener("click",a),document.addEventListener("scroll",a),e.hideOnClick||(c.addEventListener("click",o=>{o.stopPropagation()}),c.addEventListener("scroll",o=>{o.stopPropagation()})))},hoverDropdown:u=>{e.hover&&(i.value||setTimeout(()=>{}),i.value=!i.value)},leftButtonClick:()=>{},closeDropMenu:a,selectItem:u=>{t.emit("select",u)},resolveSize:u=>{const o=/px|em|rem|pt|%/;return o.test(u)?`${parseInt(u,10)}${u.match(o)[0]}`:`${u}px`}}}const ne={label:{type:String,default:"XM1"},value:{type:String||Number,default:"项目一"},disabled:{type:Boolean,default:!1},active:{type:Boolean,default:!1},divide:{type:Boolean,default:!1},onSelect:{type:Function,default:()=>{}}},_=n.defineComponent({name:"FDropdownItem",props:ne,emits:["select"],setup(e,t){const c=n.ref(e.value),i=n.ref(e.label),r=n.ref(e.disabled),p=n.ref(e.active),y=n.ref(e.divide),d=()=>{r.value||t.emit("select",e)};return()=>n.createVNode("div",null,[n.withDirectives(n.createVNode("div",{class:"dropdown-divider"},null),[[n.vShow,y.value]]),n.createVNode("li",{class:`dropdown-item${p.value?" active":""} ${r.value?" disabled":""}`,onClick:d,title:c.value.toString()},[i.value])])}}),O=n.defineComponent({name:"FDropdown",props:j,emits:["select"],setup(e,t){const c=n.ref(e.model),{show:i,dropdownMenuRef:r,dropdownRef:p,clickEventRef:y,showDropMenu:d,hoverDropdown:S,leftButtonClick:s,closeDropMenu:f,selectItem:a,resolveSize:m}=q(e,t);function b(g){t.emit("select",g)}return()=>n.createVNode("div",{ref:p},[n.createVNode("div",{class:["farris-dropdown","btn-group",{dropup:e.position==="top"},{dropdown:e.position==="bottom"},{dropleft:e.position==="left"},{dropright:e.position==="right"}]},[e.splitButton&&n.createVNode("span",{class:["btn",{"dropdown-item":e.nest},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"}],style:"width:100%",onClick:s},[e.title]),n.createVNode("span",{ref:y,class:["dropdown-toggle",{btn:!e.nest},{"dropdown-item":e.nest},{"dropdown-toggle-split":e.splitButton},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"},{"btn-secondary":e.type==="secondary"},{"btn-link":e.type==="link"},{disabled:e.disabled}],style:"width:100%",onClick:d,onMouseenter:S,onMouseleave:S},[n.withDirectives(n.createVNode("span",{class:"sr-only"},null),[[n.vShow,e.splitButton]]),e.splitButton?"":e.title,n.withDirectives(n.createVNode("span",{class:`f-icon ${e.iconClass.toString()}`},null),[[n.vShow,e.iconClass]])]),n.createVNode(n.Teleport,{to:"body"},{default:()=>[n.createVNode("div",{ref:r,class:`dropdown-menu${i.value?" show":""}`},[n.createVNode(n.Fragment,null,[c.value.map(({label:g,value:V,disabled:T,active:u,divide:o})=>n.createVNode(_,{value:V.toString(),label:g,disabled:T,active:u,divide:o,onSelect:D=>b(D)},null))])])]})])])}});function oe(e,t,c){var v;const i="",r="",p=n.ref();function y(){return(t==null?void 0:t.schema.componentType)!=="frame"}function d(){return!1}function S(){return(t==null?void 0:t.schema.componentType)!=="frame"}function s(){return(t==null?void 0:t.schema.componentType)==="frame"}function f(l){if(!l||!l.value)return null;if(l.value.schema&&l.value.schema.type==="component")return l.value;const h=n.ref(l==null?void 0:l.value.parent),w=f(h);return w||null}function a(l=t){const{componentInstance:h,designerItemElementRef:w}=l;return!h||!h.value?null:h.value.canMove?w:a(l.parent)}function m(l){return!!c}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 V(l,h){}function T(l,h){const{componentType:w}=l;let B=A(w,l,h);const X=w.toLowerCase().replace(/-/g,"_");return B&&!B.id&&B.type===w&&(B.id=`${X}_${Math.random().toString().slice(2,6)}`),B}function u(l){}function o(...l){}function D(){t!=null&&t.schema.contents&&t.schema.contents.map(l=>{var B;let h=l.id;l.type==="component-ref"&&(h=l.component);const w=e.value.querySelector(`#${h}-design-item`);(B=w==null?void 0:w.componentInstance)!=null&&B.value.onRemoveComponent&&w.componentInstance.value.onRemoveComponent()})}return p.value={canMove:y(),canSelectParent:d(),canDelete:S(),canNested:!s(),contents:t==null?void 0:t.schema.contents,elementRef:e,parent:(v=t==null?void 0:t.parent)==null?void 0:v.componentInstance,schema:t==null?void 0:t.schema,styles:i,designerClass:r,canAccepts:m,getBelongedComponentInstance:f,getDraggableDesignItemElement:a,getDraggingDisplayText:b,getPropConfig:o,getDragScopeElement:g,onAcceptMovedChildElement:V,onChildElementMovedOut:u,addNewChildComponentSchema:T,triggerBelongedComponentToMoveWhenMoved:n.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:n.ref(!1),onRemoveComponent:D},p}const ie=n.defineComponent({name:"FDropdownDesign",props:j,emits:["select"],setup(e,t){const c=n.ref(e.model),{show:i,showDropMenu:r,hoverDropdown:p,leftButtonClick:y,closeDropMenu:d,selectItem:S,resolveSize:s}=q(e,t);function f(g){t.emit("select",g)}const a=n.ref(),m=n.inject("design-item-context"),b=oe(a,m);return n.onMounted(()=>{a.value.componentInstance=b}),t.expose(b.value),()=>n.createVNode("div",{ref:a},[n.createVNode("div",{class:["farris-dropdown","btn-group",{dropup:e.position==="top"},{dropdown:e.position==="bottom"},{dropleft:e.position==="left"},{dropright:e.position==="right"}],style:{width:e.width}},[e.splitButton&&n.createVNode("span",{class:["btn",{"dropdown-item":e.nest},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"}],style:"width:100%",onClick:y},[e.title]),n.createVNode("span",{class:["dropdown-toggle",{btn:!e.nest},{"dropdown-item":e.nest},{"dropdown-toggle-split":e.splitButton},{"btn-lg":e.size==="large"},{"btn-sm":e.size==="small"},{"btn-primary":e.type==="primary"},{"btn-success":e.type==="success"},{"btn-warning":e.type==="warning"},{"btn-danger":e.type==="danger"},{"btn-info":e.type==="info"},{"btn-secondary":e.type==="secondary"},{"btn-link":e.type==="link"},{disabled:e.disabled}],style:"width:100%",onClick:r,onMouseenter:p,onMouseleave:p},[n.withDirectives(n.createVNode("span",{class:"sr-only"},null),[[n.vShow,e.splitButton]]),e.splitButton?"":e.title,n.withDirectives(n.createVNode("span",{class:`f-icon ${e.iconClass.toString()}`},null),[[n.vShow,e.iconClass]])]),n.createVNode("div",{class:`dropdown-menu${i.value?" show":""}`},[n.createVNode(n.Fragment,null,[c.value.map(({label:g,value:V,disabled:T,active:u,divide:o})=>n.createVNode(_,{value:V.toString(),label:g,disabled:T,active:u,divide:o,onSelect:D=>f(D)},null))])])])])}}),re={install(e){e.component(O.name,O)},register(e,t,c,i){e.dropdown=O,t.dropdown=F},registerDesigner(e,t,c){e.dropdown=ie,t.dropdown=F}};N.Dropdown=O,N.default=re,N.dropdownProps=j,N.propsResolver=F,Object.defineProperties(N,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});