@farris/ui-vue 1.2.6 → 1.2.8

package/components/dropdown/index.esm.js

@@ -1,22 +1,22 @@
-import { ref as S, onMounted as _, defineComponent as W, createVNode as m, withDirectives as j, vShow as z, Teleport as Q, Fragment as Y, inject as U } from "vue";
-import { cloneDeep as K } from "lodash-es";
+import { ref as S, onMounted as _, defineComponent as W, createVNode as m, withDirectives as L, vShow as z, Teleport as Q, Fragment as Y, inject as U } from "vue";
+import { cloneDeep as P } from "lodash-es";
 const J = {}, Z = {};
-function V(e) {
-  const { properties: t, title: a } = e, o = Object.keys(t).reduce((s, d) => (s[d] = t[d].type === "object" && t[d].properties ? V(t[d]) : K(t[d].default), s), {});
+function C(e) {
+  const { properties: t, title: a } = e, o = Object.keys(t).reduce((s, d) => (s[d] = t[d].type === "object" && t[d].properties ? C(t[d]) : P(t[d].default), s), {});
   return o.id = `${a}-${Date.now()}`, o;
 }
 function M(e, t = {}) {
   const a = J[e];
   if (a) {
-    let o = V(a);
+    let o = C(a);
     const s = Z[e];
     return o = s ? s({ getSchemaByType: M }, o, t) : o, o;
   }
   return null;
 }
-function P(e, t) {
-  const a = V(t);
-  return Object.keys(e).reduce((o, s) => (o[s] = e[s], o), a), a;
+function K(e, t) {
+  const a = C(t);
+  return Object.keys(e).reduce((o, s) => (o[s] && typeof o[s] == "object" ? Object.assign(o[s], e[s]) : o[s] = e[s], o), a), a;
 }
 function I(e, t) {
   return Object.keys(e).filter((o) => e[o] != null).reduce((o, s) => {
@@ -34,79 +34,79 @@ function I(e, t) {
   }, {});
 }
 function ee(e, t, a = /* @__PURE__ */ new Map()) {
-  const o = P(e, t);
+  const o = K(e, t);
   return I(o, a);
 }
 function te(e = {}) {
-  function t(r, l, i, u) {
-    if (typeof i == "number")
-      return u[r].length === i;
-    if (typeof i == "object") {
-      const b = Object.keys(i)[0], y = i[b];
+  function t(i, l, r, u) {
+    if (typeof r == "number")
+      return u[i].length === r;
+    if (typeof r == "object") {
+      const b = Object.keys(r)[0], y = r[b];
       if (b === "not")
-        return Number(u[r].length) !== Number(y);
+        return Number(u[i].length) !== Number(y);
       if (b === "moreThan")
-        return Number(u[r].length) >= Number(y);
+        return Number(u[i].length) >= Number(y);
       if (b === "lessThan")
-        return Number(u[r].length) <= Number(y);
+        return Number(u[i].length) <= Number(y);
     }
     return !1;
   }
-  function a(r, l, i, u) {
-    return u[r] && u[r].propertyValue && String(u[r].propertyValue.value) === String(i);
+  function a(i, l, r, u) {
+    return u[i] && u[i].propertyValue && String(u[i].propertyValue.value) === String(r);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", a]
   ]);
-  Object.keys(e).reduce((r, l) => (r.set(l, e[l]), r), o);
-  function s(r, l) {
-    const i = r;
-    return typeof l == "number" ? [{ target: i, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: i, operator: "getProperty", param: r, value: !!l }] : typeof l == "object" ? Object.keys(l).map((u) => {
+  Object.keys(e).reduce((i, l) => (i.set(l, e[l]), i), o);
+  function s(i, l) {
+    const r = i;
+    return typeof l == "number" ? [{ target: r, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: r, operator: "getProperty", param: i, value: !!l }] : typeof l == "object" ? Object.keys(l).map((u) => {
       if (u === "length")
-        return { target: i, operator: "length", param: null, value: l[u] };
+        return { target: r, operator: "length", param: null, value: l[u] };
       const b = u, y = l[u];
-      return { target: i, operator: "getProperty", param: b, value: y };
+      return { target: r, operator: "getProperty", param: b, value: y };
     }) : [];
   }
-  function d(r) {
-    return Object.keys(r).reduce((i, u) => {
-      const b = s(u, r[u]);
-      return i.push(...b), i;
+  function d(i) {
+    return Object.keys(i).reduce((r, u) => {
+      const b = s(u, i[u]);
+      return r.push(...b), r;
     }, []);
   }
-  function g(r, l) {
-    if (o.has(r.operator)) {
-      const i = o.get(r.operator);
-      return i && i(r.target, r.param, r.value, l) || !1;
+  function g(i, l) {
+    if (o.has(i.operator)) {
+      const r = o.get(i.operator);
+      return r && r(i.target, i.param, i.value, l) || !1;
     }
     return !1;
   }
-  function p(r, l) {
-    return d(r).reduce((b, y) => b && g(y, l), !0);
+  function p(i, l) {
+    return d(i).reduce((b, y) => b && g(y, l), !0);
   }
-  function k(r, l) {
-    const i = Object.keys(r), u = i.includes("allOf"), b = i.includes("anyOf"), y = u || b, c = (y ? r[y ? u ? "allOf" : "anyOf" : "allOf"] : [r]).map((B) => p(B, l));
+  function k(i, l) {
+    const r = Object.keys(i), u = r.includes("allOf"), b = r.includes("anyOf"), y = u || b, c = (y ? i[y ? u ? "allOf" : "anyOf" : "allOf"] : [i]).map((B) => p(B, l));
     return u ? !c.includes(!1) : c.includes(!0);
   }
   return { parseValueSchema: k };
 }
 const ne = {}, oe = {};
 te();
-function re(e, t, a = /* @__PURE__ */ new Map(), o = (g, p, k) => p, s = {}, d = (g) => g) {
+function ie(e, t, a = /* @__PURE__ */ new Map(), o = (g, p, k) => p, s = {}, d = (g) => g) {
   return J[t.title] = t, Z[t.title] = o, ne[t.title] = s, oe[t.title] = d, (g = {}) => {
-    const p = ee(g, t, a), k = Object.keys(e).reduce((r, l) => (r[l] = e[l].default, r), {});
+    const p = ee(g, t, a), k = Object.keys(e).reduce((i, l) => (i[l] = e[l].default, i), {});
     return Object.assign(k, p);
   };
 }
-function ie(e, t) {
+function re(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
 function se(e, t, a) {
   return t;
 }
 const ae = /* @__PURE__ */ new Map([
-  ["appearance", ie]
+  ["appearance", re]
 ]), le = "https://json-schema.org/draft/2020-12/schema", ce = "https://farris-design.gitee.io/dropdown.schema.json", ue = "dropdown", de = "A Farris Component", fe = "object", pe = {
   id: {
     description: "The unique identifier for dropdown",
@@ -238,7 +238,7 @@ const ae = /* @__PURE__ */ new Map([
   description: be,
   type: we,
   categories: he
-}, C = {
+}, V = {
   /** 默认展开或折叠 */
   show: { type: Boolean, default: !1 },
   /** 下拉按钮是否禁用 */
@@ -268,7 +268,7 @@ const ae = /* @__PURE__ */ new Map([
   },
   onSelect: { type: Function, default: () => {
   } }
-}, X = re(C, ye, ae, se, ve);
+}, X = ie(V, ye, ae, se, ve);
 function x(e, t) {
   let a;
   const o = S(e.show), s = S(), d = S(), g = S(), p = 10;
@@ -292,13 +292,13 @@ function x(e, t) {
     }).filter((h) => h);
     let D = Math.max(...B);
     return D < 1040 && (D = 1040), D + c;
-  }, r = (c, n) => {
+  }, i = (c, n) => {
     const {
       height: B,
       left: D,
       top: h,
       width: f
-    } = c.getBoundingClientRect(), { width: w, height: v, top: L } = n.getBoundingClientRect();
+    } = c.getBoundingClientRect(), { width: w, height: v, top: j } = n.getBoundingClientRect();
     if (c.className.indexOf("dropdown-submenu") > -1 || c.closest(".dropdown-submenu") || c.classList.contains("dropright")) {
       const E = window.innerWidth - D - c.offsetWidth, N = window.innerHeight - h, { position: O } = getComputedStyle(n);
       if (O === "fixed") {
@@ -320,9 +320,9 @@ function x(e, t) {
              !important;top:${H}px !important;right: unset;${O ? "max-height:" + O + "px;overflow-y:auto;" : ""}`, O && (n.className += " dropdown-menu-maxheight"), n.style.zIndex = k().toString();
     }
   }, l = () => {
-    r(s.value, d.value);
-  }, i = () => {
-    e.hover || (o.value = !1, document.removeEventListener("click", i), a.removeEventListener("click", i), document.removeEventListener("scroll", i), a.removeEventListener("scroll", i));
+    i(s.value, d.value);
+  }, r = () => {
+    e.hover || (o.value = !1, document.removeEventListener("click", r), a.removeEventListener("click", r), document.removeEventListener("scroll", r), a.removeEventListener("scroll", r));
   };
   return {
     show: o,
@@ -332,7 +332,7 @@ function x(e, t) {
     showDropMenu: (c) => {
       e.hover || e.disabled || (c == null || c.stopPropagation(), o.value || setTimeout(() => {
         l();
-      }), o.value = !o.value, document.addEventListener("click", i), document.addEventListener("scroll", i), e.hideOnClick || (a.addEventListener("click", (n) => {
+      }), o.value = !o.value, document.addEventListener("click", r), document.addEventListener("scroll", r), e.hideOnClick || (a.addEventListener("click", (n) => {
         n.stopPropagation();
       }), a.addEventListener("scroll", (n) => {
         n.stopPropagation();
@@ -344,7 +344,7 @@ function x(e, t) {
     },
     leftButtonClick: () => {
     },
-    closeDropMenu: i,
+    closeDropMenu: r,
     selectItem: (c) => {
       t.emit("select", c);
     },
@@ -373,7 +373,7 @@ const Se = {
     const a = S(e.value), o = S(e.label), s = S(e.disabled), d = S(e.active), g = S(e.divide), p = () => {
       s.value || t.emit("select", e);
     };
-    return () => m("div", null, [j(m("div", {
+    return () => m("div", null, [L(m("div", {
       class: "dropdown-divider"
     }, null), [[z, g.value]]), m("li", {
       class: `dropdown-item${d.value ? " active" : ""} ${s.value ? " disabled" : ""}`,
@@ -383,7 +383,7 @@ const Se = {
   }
 }), F = /* @__PURE__ */ W({
   name: "FDropdown",
-  props: C,
+  props: V,
   emits: ["select"],
   setup(e, t) {
     const a = S(e.model), {
@@ -393,9 +393,9 @@ const Se = {
       clickEventRef: g,
       showDropMenu: p,
       hoverDropdown: k,
-      leftButtonClick: r,
+      leftButtonClick: i,
       closeDropMenu: l,
-      selectItem: i,
+      selectItem: r,
       resolveSize: u
     } = x(e, t);
     function b(y) {
@@ -432,7 +432,7 @@ const Se = {
         "btn-info": e.type === "info"
       }],
       style: "width:100%",
-      onClick: r
+      onClick: i
     }, [e.title]), m("span", {
       ref: g,
       class: ["dropdown-toggle", {
@@ -466,9 +466,9 @@ const Se = {
       onClick: p,
       onMouseenter: k,
       onMouseleave: k
-    }, [j(m("span", {
+    }, [L(m("span", {
       class: "sr-only"
-    }, null), [[z, e.splitButton]]), e.splitButton ? "" : e.title, j(m("span", {
+    }, null), [[z, e.splitButton]]), e.splitButton ? "" : e.title, L(m("span", {
       class: `f-icon ${e.iconClass.toString()}`
     }, null), [[z, e.iconClass]])]), m(Q, {
       to: "body"
@@ -504,18 +504,18 @@ function De(e, t, a) {
   function k() {
     return !1;
   }
-  function r() {
+  function i() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
   function l() {
     return (t == null ? void 0 : t.schema.componentType) === "frame";
   }
-  function i(f) {
+  function r(f) {
     if (!f || !f.value)
       return null;
     if (f.value.schema && f.value.schema.type === "component")
       return f.value;
-    const w = S(f == null ? void 0 : f.value.parent), v = i(w);
+    const w = S(f == null ? void 0 : f.value.parent), v = r(w);
     return v || null;
   }
   function u(f = t) {
@@ -535,11 +535,11 @@ function De(e, t, a) {
   function c(f) {
     const { componentType: w } = f;
     let v = M(w, f);
-    const L = w.toLowerCase().replace("-", "_");
-    return v && !v.id && v.type === w && (v.id = `${L}_${Math.random().toString().slice(2, 6)}`), v;
+    const j = w.toLowerCase().replace("-", "_");
+    return v && !v.id && v.type === w && (v.id = `${j}_${Math.random().toString().slice(2, 6)}`), v;
   }
   function n(f, w) {
-    const v = String(f.getAttribute("data-controltype")), L = f.getAttribute("data-feature"), A = L ? JSON.parse(L) : {};
+    const v = String(f.getAttribute("data-controltype")), j = f.getAttribute("data-feature"), A = j ? JSON.parse(j) : {};
     A.parentComponentInstance = g.value;
     let E = M(v, A);
     const N = v.toLowerCase().replace("-", "_");
@@ -552,7 +552,7 @@ function De(e, t, a) {
   return g.value = {
     canMove: p(),
     canSelectParent: k(),
-    canDelete: r(),
+    canDelete: i(),
     canNested: !l(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
@@ -561,7 +561,7 @@ function De(e, t, a) {
     styles: s,
     designerClass: d,
     canAccepts: b,
-    getBelongedComponentInstance: i,
+    getBelongedComponentInstance: r,
     getDraggableDesignItemElement: u,
     getDraggingDisplayText: y,
     getPropConfig: D,
@@ -577,7 +577,7 @@ function De(e, t, a) {
 }
 const Be = /* @__PURE__ */ W({
   name: "FDropdownDesign",
-  props: C,
+  props: V,
   emits: ["select"],
   setup(e, t) {
     const a = S(e.model), {
@@ -587,16 +587,16 @@ const Be = /* @__PURE__ */ W({
       leftButtonClick: g,
       closeDropMenu: p,
       selectItem: k,
-      resolveSize: r
+      resolveSize: i
     } = x(e, t);
     function l(y) {
       t.emit("select", y);
     }
-    const i = S(), u = U("design-item-context"), b = De(i, u);
+    const r = S(), u = U("design-item-context"), b = De(r, u);
     return _(() => {
-      i.value.componentInstance = b;
+      r.value.componentInstance = b;
     }), t.expose(b.value), () => m("div", {
-      ref: i
+      ref: r
     }, [m("div", {
       class: ["farris-dropdown", "btn-group", {
         dropup: e.position === "top"
@@ -662,9 +662,9 @@ const Be = /* @__PURE__ */ W({
       onClick: s,
       onMouseenter: d,
       onMouseleave: d
-    }, [j(m("span", {
+    }, [L(m("span", {
       class: "sr-only"
-    }, null), [[z, e.splitButton]]), e.splitButton ? "" : e.title, j(m("span", {
+    }, null), [[z, e.splitButton]]), e.splitButton ? "" : e.title, L(m("span", {
       class: `f-icon ${e.iconClass.toString()}`
     }, null), [[z, e.iconClass]])]), m("div", {
       class: `dropdown-menu${o.value ? " show" : ""}`
@@ -697,6 +697,6 @@ const Be = /* @__PURE__ */ W({
 export {
   F as Dropdown,
   $e as default,
-  C as dropdownProps,
+  V as dropdownProps,
   X as propsResolver
 };