@farris/ui-vue 1.2.4 → 1.2.6

package/components/discussion-list/package.json

@@ -3,6 +3,6 @@
         "version": "1.1.7",
         "main": "index.umd.js",
         "module": "index.esm.js",
-        "style": "style.css",
+        "style": "index.css",
         "types": "../types/discussion-list/index.d.ts"
     }

package/components/drawer/package.json

@@ -3,6 +3,6 @@
         "version": "1.1.7",
         "main": "index.umd.js",
         "module": "index.esm.js",
-        "style": "style.css",
+        "style": "index.css",
         "types": "../types/drawer/index.d.ts"
     }

package/components/dropdown/index.esm.js

@@ -1,22 +1,22 @@
-import { ref as S, onMounted as _, defineComponent as W, createVNode as y, withDirectives as j, vShow as z, Teleport as Q, Fragment as Y, inject as U } from "vue";
+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";
 const J = {}, Z = {};
 function V(e) {
-  const { properties: t, title: l } = 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), {});
-  return o.id = `${l}-${Date.now()}`, o;
+  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), {});
+  return o.id = `${a}-${Date.now()}`, o;
 }
 function M(e, t = {}) {
-  const l = J[e];
-  if (l) {
-    let o = V(l);
+  const a = J[e];
+  if (a) {
+    let o = V(a);
     const s = Z[e];
     return o = s ? s({ getSchemaByType: M }, o, t) : o, o;
   }
   return null;
 }
 function P(e, t) {
-  const l = V(t);
-  return Object.keys(e).reduce((o, s) => (o[s] = e[s], o), l), l;
+  const a = V(t);
+  return Object.keys(e).reduce((o, s) => (o[s] = e[s], o), a), a;
 }
 function I(e, t) {
   return Object.keys(e).filter((o) => e[o] != null).reduce((o, s) => {
@@ -33,40 +33,40 @@ function I(e, t) {
     return o;
   }, {});
 }
-function ee(e, t, l = /* @__PURE__ */ new Map()) {
+function ee(e, t, a = /* @__PURE__ */ new Map()) {
   const o = P(e, t);
-  return I(o, l);
+  return I(o, a);
 }
 function te(e = {}) {
-  function t(r, a, i, u) {
+  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], m = i[b];
+      const b = Object.keys(i)[0], y = i[b];
       if (b === "not")
-        return Number(u[r].length) !== Number(m);
+        return Number(u[r].length) !== Number(y);
       if (b === "moreThan")
-        return Number(u[r].length) >= Number(m);
+        return Number(u[r].length) >= Number(y);
       if (b === "lessThan")
-        return Number(u[r].length) <= Number(m);
+        return Number(u[r].length) <= Number(y);
     }
     return !1;
   }
-  function l(r, a, i, u) {
+  function a(r, l, i, u) {
     return u[r] && u[r].propertyValue && String(u[r].propertyValue.value) === String(i);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", t],
-    ["getProperty", l]
+    ["getProperty", a]
   ]);
-  Object.keys(e).reduce((r, a) => (r.set(a, e[a]), r), o);
-  function s(r, a) {
+  Object.keys(e).reduce((r, l) => (r.set(l, e[l]), r), o);
+  function s(r, l) {
     const i = r;
-    return typeof a == "number" ? [{ target: i, operator: "length", param: null, value: Number(a) }] : typeof a == "boolean" ? [{ target: i, operator: "getProperty", param: r, value: !!a }] : typeof a == "object" ? Object.keys(a).map((u) => {
+    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) => {
       if (u === "length")
-        return { target: i, operator: "length", param: null, value: a[u] };
-      const b = u, m = a[u];
-      return { target: i, operator: "getProperty", param: b, value: m };
+        return { target: i, operator: "length", param: null, value: l[u] };
+      const b = u, y = l[u];
+      return { target: i, operator: "getProperty", param: b, value: y };
     }) : [];
   }
   function d(r) {
@@ -75,39 +75,39 @@ function te(e = {}) {
       return i.push(...b), i;
     }, []);
   }
-  function g(r, a) {
+  function g(r, l) {
     if (o.has(r.operator)) {
       const i = o.get(r.operator);
-      return i && i(r.target, r.param, r.value, a) || !1;
+      return i && i(r.target, r.param, r.value, l) || !1;
     }
     return !1;
   }
-  function p(r, a) {
-    return d(r).reduce((b, m) => b && g(m, a), !0);
+  function p(r, l) {
+    return d(r).reduce((b, y) => b && g(y, l), !0);
   }
-  function k(r, a) {
-    const i = Object.keys(r), u = i.includes("allOf"), b = i.includes("anyOf"), m = u || b, c = (m ? r[m ? u ? "allOf" : "anyOf" : "allOf"] : [r]).map((B) => p(B, a));
+  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));
     return u ? !c.includes(!1) : c.includes(!0);
   }
   return { parseValueSchema: k };
 }
 const ne = {}, oe = {};
 te();
-function re(e, t, l = /* @__PURE__ */ new Map(), o = (g, p, k) => p, s = {}, d = (g) => g) {
+function re(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, l), k = Object.keys(e).reduce((r, a) => (r[a] = e[a].default, r), {});
+    const p = ee(g, t, a), k = Object.keys(e).reduce((r, l) => (r[l] = e[l].default, r), {});
     return Object.assign(k, p);
   };
 }
 function ie(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-function se(e, t, l) {
+function se(e, t, a) {
   return t;
 }
-const le = /* @__PURE__ */ new Map([
+const ae = /* @__PURE__ */ new Map([
   ["appearance", ie]
-]), 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 = {
+]), 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",
     type: "string"
@@ -173,7 +173,7 @@ const le = /* @__PURE__ */ new Map([
   "id",
   "type"
 ], ye = {
-  $schema: ae,
+  $schema: le,
   $id: ce,
   title: ue,
   description: de,
@@ -268,12 +268,12 @@ const le = /* @__PURE__ */ new Map([
   },
   onSelect: { type: Function, default: () => {
   } }
-}, X = re(C, ye, le, se, ve);
+}, X = re(C, ye, ae, se, ve);
 function x(e, t) {
-  let l;
+  let a;
   const o = S(e.show), s = S(), d = S(), g = S(), p = 10;
   _(() => {
-    l = d.value;
+    a = d.value;
   });
   const k = (c = 1) => {
     const n = [
@@ -319,10 +319,10 @@ function x(e, t) {
       window.innerHeight - H - T < v && (H = h - v, H < 0 && (window.innerHeight - h - B > h ? (H = h + B, O = window.innerHeight - H - T - p) : (H = p, O = h - H - T))), window.innerWidth - D < w && window.innerWidth - D < D + f && (q = D - w + f), document.body.append(n), n.style.cssText = `position:fixed;bottom:unset;left:${q}px
              !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();
     }
-  }, a = () => {
+  }, l = () => {
     r(s.value, d.value);
   }, i = () => {
-    e.hover || (o.value = !1, document.removeEventListener("click", i), l.removeEventListener("click", i), document.removeEventListener("scroll", i), l.removeEventListener("scroll", i));
+    e.hover || (o.value = !1, document.removeEventListener("click", i), a.removeEventListener("click", i), document.removeEventListener("scroll", i), a.removeEventListener("scroll", i));
   };
   return {
     show: o,
@@ -331,10 +331,10 @@ function x(e, t) {
     clickEventRef: g,
     showDropMenu: (c) => {
       e.hover || e.disabled || (c == null || c.stopPropagation(), o.value || setTimeout(() => {
-        a();
-      }), o.value = !o.value, document.addEventListener("click", i), document.addEventListener("scroll", i), e.hideOnClick || (l.addEventListener("click", (n) => {
+        l();
+      }), o.value = !o.value, document.addEventListener("click", i), document.addEventListener("scroll", i), e.hideOnClick || (a.addEventListener("click", (n) => {
         n.stopPropagation();
-      }), l.addEventListener("scroll", (n) => {
+      }), a.addEventListener("scroll", (n) => {
         n.stopPropagation();
       })));
     },
@@ -370,15 +370,15 @@ const Se = {
   props: Se,
   emits: ["select"],
   setup(e, t) {
-    const l = S(e.value), o = S(e.label), s = S(e.disabled), d = S(e.active), g = S(e.divide), p = () => {
+    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 () => y("div", null, [j(y("div", {
+    return () => m("div", null, [j(m("div", {
       class: "dropdown-divider"
-    }, null), [[z, g.value]]), y("li", {
+    }, null), [[z, g.value]]), m("li", {
       class: `dropdown-item${d.value ? " active" : ""} ${s.value ? " disabled" : ""}`,
       onClick: p,
-      title: l.value.toString()
+      title: a.value.toString()
     }, [o.value])]);
   }
 }), F = /* @__PURE__ */ W({
@@ -386,7 +386,7 @@ const Se = {
   props: C,
   emits: ["select"],
   setup(e, t) {
-    const l = S(e.model), {
+    const a = S(e.model), {
       show: o,
       dropdownMenuRef: s,
       dropdownRef: d,
@@ -394,16 +394,16 @@ const Se = {
       showDropMenu: p,
       hoverDropdown: k,
       leftButtonClick: r,
-      closeDropMenu: a,
+      closeDropMenu: l,
       selectItem: i,
       resolveSize: u
     } = x(e, t);
-    function b(m) {
-      t.emit("select", m);
+    function b(y) {
+      t.emit("select", y);
     }
-    return () => y("div", {
+    return () => m("div", {
       ref: d
-    }, [y("div", {
+    }, [m("div", {
       class: ["farris-dropdown", "btn-group", {
         dropup: e.position === "top"
       }, {
@@ -413,7 +413,7 @@ const Se = {
       }, {
         dropright: e.position === "right"
       }]
-    }, [e.splitButton && y("span", {
+    }, [e.splitButton && m("span", {
       class: ["btn", {
         "dropdown-item": e.nest
       }, {
@@ -433,7 +433,7 @@ const Se = {
       }],
       style: "width:100%",
       onClick: r
-    }, [e.title]), y("span", {
+    }, [e.title]), m("span", {
       ref: g,
       class: ["dropdown-toggle", {
         btn: !e.nest
@@ -466,25 +466,25 @@ const Se = {
       onClick: p,
       onMouseenter: k,
       onMouseleave: k
-    }, [j(y("span", {
+    }, [j(m("span", {
       class: "sr-only"
-    }, null), [[z, e.splitButton]]), e.splitButton ? "" : e.title, j(y("span", {
+    }, null), [[z, e.splitButton]]), e.splitButton ? "" : e.title, j(m("span", {
       class: `f-icon ${e.iconClass.toString()}`
-    }, null), [[z, e.iconClass]])]), y(Q, {
+    }, null), [[z, e.iconClass]])]), m(Q, {
       to: "body"
     }, {
-      default: () => [y("div", {
+      default: () => [m("div", {
         ref: s,
         class: `dropdown-menu${o.value ? " show" : ""}`
-      }, [y(Y, null, [l.value.map(({
-        label: m,
+      }, [m(Y, null, [a.value.map(({
+        label: y,
         value: $,
         disabled: R,
         active: c,
         divide: n
-      }) => y(G, {
+      }) => m(G, {
         value: $.toString(),
-        label: m,
+        label: y,
         disabled: R,
         active: c,
         divide: n,
@@ -493,7 +493,7 @@ const Se = {
     })])]);
   }
 });
-function De(e, t, l) {
+function De(e, t, a) {
   var h;
   function o() {
   }
@@ -507,7 +507,7 @@ function De(e, t, l) {
   function r() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function a() {
+  function l() {
     return (t == null ? void 0 : t.schema.componentType) === "frame";
   }
   function i(f) {
@@ -523,9 +523,9 @@ function De(e, t, l) {
     return !w || !w.value ? null : w.value.canMove ? v : u(f.parent);
   }
   function b(f) {
-    return !!l;
+    return !!a;
   }
-  function m() {
+  function y() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
   }
   function $() {
@@ -553,7 +553,7 @@ function De(e, t, l) {
     canMove: p(),
     canSelectParent: k(),
     canDelete: r(),
-    canNested: !a(),
+    canNested: !l(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
     parent: (h = t == null ? void 0 : t.parent) == null ? void 0 : h.componentInstance,
@@ -563,7 +563,7 @@ function De(e, t, l) {
     canAccepts: b,
     getBelongedComponentInstance: i,
     getDraggableDesignItemElement: u,
-    getDraggingDisplayText: m,
+    getDraggingDisplayText: y,
     getPropConfig: D,
     getDragScopeElement: $,
     onAcceptMovedChildElement: R,
@@ -580,7 +580,7 @@ const Be = /* @__PURE__ */ W({
   props: C,
   emits: ["select"],
   setup(e, t) {
-    const l = S(e.model), {
+    const a = S(e.model), {
       show: o,
       showDropMenu: s,
       hoverDropdown: d,
@@ -589,15 +589,15 @@ const Be = /* @__PURE__ */ W({
       selectItem: k,
       resolveSize: r
     } = x(e, t);
-    function a(m) {
-      console.log(m), t.emit("select", m);
+    function l(y) {
+      t.emit("select", y);
     }
     const i = S(), u = U("design-item-context"), b = De(i, u);
     return _(() => {
       i.value.componentInstance = b;
-    }), t.expose(b.value), () => y("div", {
+    }), t.expose(b.value), () => m("div", {
       ref: i
-    }, [y("div", {
+    }, [m("div", {
       class: ["farris-dropdown", "btn-group", {
         dropup: e.position === "top"
       }, {
@@ -610,7 +610,7 @@ const Be = /* @__PURE__ */ W({
       style: {
         width: e.width
       }
-    }, [e.splitButton && y("span", {
+    }, [e.splitButton && m("span", {
       class: ["btn", {
         "dropdown-item": e.nest
       }, {
@@ -630,7 +630,7 @@ const Be = /* @__PURE__ */ W({
       }],
       style: "width:100%",
       onClick: g
-    }, [e.title]), y("span", {
+    }, [e.title]), m("span", {
       class: ["dropdown-toggle", {
         btn: !e.nest
       }, {
@@ -662,35 +662,35 @@ const Be = /* @__PURE__ */ W({
       onClick: s,
       onMouseenter: d,
       onMouseleave: d
-    }, [j(y("span", {
+    }, [j(m("span", {
       class: "sr-only"
-    }, null), [[z, e.splitButton]]), e.splitButton ? "" : e.title, j(y("span", {
+    }, null), [[z, e.splitButton]]), e.splitButton ? "" : e.title, j(m("span", {
       class: `f-icon ${e.iconClass.toString()}`
-    }, null), [[z, e.iconClass]])]), y("div", {
+    }, null), [[z, e.iconClass]])]), m("div", {
       class: `dropdown-menu${o.value ? " show" : ""}`
-    }, [y(Y, null, [l.value.map(({
-      label: m,
+    }, [m(Y, null, [a.value.map(({
+      label: y,
       value: $,
       disabled: R,
       active: c,
       divide: n
-    }) => y(G, {
+    }) => m(G, {
       value: $.toString(),
-      label: m,
+      label: y,
       disabled: R,
       active: c,
       divide: n,
-      onSelect: (B) => a(B)
+      onSelect: (B) => l(B)
     }, null))])])])]);
   }
 }), $e = {
   install(e) {
     e.component(F.name, F);
   },
-  register(e, t, l, o) {
+  register(e, t, a, o) {
     e.dropdown = F, t.dropdown = X;
   },
-  registerDesigner(e, t, l) {
+  registerDesigner(e, t, a) {
     e.dropdown = Be, t.dropdown = X;
   }
 };

package/components/dropdown/index.umd.cjs

@@ -1,2 +1,2 @@
 (function(B,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):(B=typeof globalThis<"u"?globalThis:B||self,n(B.dropdown={},B.Vue,B.LodashES))})(this,function(B,n,Y){"use strict";const W={},C={};function M(e){const{properties:t,title:l}=e,r=Object.keys(t).reduce((a,u)=>(a[u]=t[u].type==="object"&&t[u].properties?M(t[u]):Y.cloneDeep(t[u].default),a),{});return r.id=`${l}-${Date.now()}`,r}function F(e,t={}){const l=W[e];if(l){let r=M(l);const a=C[e];return r=a?a({getSchemaByType:F},r,t):r,r}return null}function J(e,t){const l=M(t);return Object.keys(e).reduce((r,a)=>(r[a]=e[a],r),l),l}function Z(e,t){return Object.keys(e).filter(r=>e[r]!=null).reduce((r,a)=>{if(t.has(a)){const u=t.get(a);if(typeof u=="string")r[u]=e[a];else{const g=u(a,e[a],e);Object.assign(r,g)}}else r[a]=e[a];return r},{})}function G(e,t,l=new Map){const r=J(e,t);return Z(r,l)}function Q(e={}){function t(i,c,s,f){if(typeof s=="number")return f[i].length===s;if(typeof s=="object"){const b=Object.keys(s)[0],y=s[b];if(b==="not")return Number(f[i].length)!==Number(y);if(b==="moreThan")return Number(f[i].length)>=Number(y);if(b==="lessThan")return Number(f[i].length)<=Number(y)}return!1}function l(i,c,s,f){return f[i]&&f[i].propertyValue&&String(f[i].propertyValue.value)===String(s)}const r=new Map([["length",t],["getProperty",l]]);Object.keys(e).reduce((i,c)=>(i.set(c,e[c]),i),r);function a(i,c){const s=i;return typeof c=="number"?[{target:s,operator:"length",param:null,value:Number(c)}]:typeof c=="boolean"?[{target:s,operator:"getProperty",param:i,value:!!c}]:typeof c=="object"?Object.keys(c).map(f=>{if(f==="length")return{target:s,operator:"length",param:null,value:c[f]};const b=f,y=c[f];return{target:s,operator:"getProperty",param:b,value:y}}):[]}function u(i){return Object.keys(i).reduce((s,f)=>{const b=a(f,i[f]);return s.push(...b),s},[])}function g(i,c){if(r.has(i.operator)){const s=r.get(i.operator);return s&&s(i.target,i.param,i.value,c)||!1}return!1}function m(i,c){return u(i).reduce((b,y)=>b&&g(y,c),!0)}function N(i,c){const s=Object.keys(i),f=s.includes("allOf"),b=s.includes("anyOf"),y=f||b,d=(y?i[y?f?"allOf":"anyOf":"allOf"]:[i]).map(D=>m(D,c));return f?!d.includes(!1):d.includes(!0)}return{parseValueSchema:N}}const U={},x={};Q();function P(e,t,l=new Map,r=(g,m,N)=>m,a={},u=g=>g){return W[t.title]=t,C[t.title]=r,U[t.title]=a,x[t.title]=u,(g={})=>{const m=G(g,t,l),N=Object.keys(e).reduce((i,c)=>(i[c]=e[c].default,i),{});return Object.assign(N,m)}}function K(e,t){return{customClass:t.class,customStyle:t.style}}function I(e,t,l){return t}const ee=new Map([["appearance",K]]),te={$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"]},ne={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:()=>{}}},z=P(j,te,ee,I,ne);function q(e,t){let l;const r=n.ref(e.show),a=n.ref(),u=n.ref(),g=n.ref(),m=10;n.onMounted(()=>{l=u.value});const N=(d=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(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(...D);return S<1040&&(S=1040),S+d},i=(d,o)=>{const{height:D,left:S,top:w,width:p}=d.getBoundingClientRect(),{width:h,height:v,top:O}=o.getBoundingClientRect();if(d.className.indexOf("dropdown-submenu")>-1||d.closest(".dropdown-submenu")||d.classList.contains("dropright")){const V=window.innerWidth-S-d.offsetWidth,R=window.innerHeight-w,{position:H}=getComputedStyle(o);if(H==="fixed"){let k=S+d.offsetWidth;o.offsetWidth>V&&S>V&&(k=S-h),o.style.left=k+"px",o.style.right="auto",window.innerHeight-2*m<o.offsetHeight?(o.style.top=m+"px",o.style.bottom=m+"px",o.style.maxHeight=window.innerHeight-2*m+"px",o.style.overflowY="auto",o.className+=" dropdown-menu-maxheight"):R<o.offsetHeight?(o.style.top="auto",o.style.bottom=m+"px"):(o.style.top=w+"px",o.style.bottom="auto")}else{if(o.offsetWidth>V){const k=-h;o.style.left=k+"px"}window.innerHeight-2*m<o.offsetHeight?(o.style.top=-1*(w-m)+"px",o.style.bottom="auto",o.style.maxHeight=window.innerHeight-2*m+"px",o.style.overflowY="auto",o.className+=" dropdown-menu-maxheight"):R<o.offsetHeight&&(o.style.top=R-o.offsetHeight-m+"px",o.style.bottom="auto")}}else{const{marginTop:V,marginBottom:R}=getComputedStyle(o);let H=0;const k=Math.ceil(parseFloat(V))+Math.ceil(parseFloat(R));let E=w+D,X=S;window.innerHeight-E-k<v&&(E=w-v,E<0&&(window.innerHeight-w-D>w?(E=w+D,H=window.innerHeight-E-k-m):(E=m,H=w-E-k))),window.innerWidth-S<h&&window.innerWidth-S<S+p&&(X=S-h+p),document.body.append(o),o.style.cssText=`position:fixed;bottom:unset;left:${X}px
-             !important;top:${E}px !important;right: unset;${H?"max-height:"+H+"px;overflow-y:auto;":""}`,H&&(o.className+=" dropdown-menu-maxheight"),o.style.zIndex=N().toString()}},c=()=>{i(a.value,u.value)},s=()=>{e.hover||(r.value=!1,document.removeEventListener("click",s),l.removeEventListener("click",s),document.removeEventListener("scroll",s),l.removeEventListener("scroll",s))};return{show:r,dropdownRef:a,dropdownMenuRef:u,clickEventRef:g,showDropMenu:d=>{e.hover||e.disabled||(d==null||d.stopPropagation(),r.value||setTimeout(()=>{c()}),r.value=!r.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&&(r.value||setTimeout(()=>{}),r.value=!r.value)},leftButtonClick:()=>{},closeDropMenu:s,selectItem:d=>{t.emit("select",d)},resolveSize:d=>{const o=/px|em|rem|pt|%/;return o.test(d)?`${parseInt(d,10)}${d.match(o)[0]}`:`${d}px`}}}const oe={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:oe,emits:["select"],setup(e,t){const l=n.ref(e.value),r=n.ref(e.label),a=n.ref(e.disabled),u=n.ref(e.active),g=n.ref(e.divide),m=()=>{a.value||t.emit("select",e)};return()=>n.createVNode("div",null,[n.withDirectives(n.createVNode("div",{class:"dropdown-divider"},null),[[n.vShow,g.value]]),n.createVNode("li",{class:`dropdown-item${u.value?" active":""} ${a.value?" disabled":""}`,onClick:m,title:l.value.toString()},[r.value])])}}),L=n.defineComponent({name:"FDropdown",props:j,emits:["select"],setup(e,t){const l=n.ref(e.model),{show:r,dropdownMenuRef:a,dropdownRef:u,clickEventRef:g,showDropMenu:m,hoverDropdown:N,leftButtonClick:i,closeDropMenu:c,selectItem:s,resolveSize:f}=q(e,t);function b(y){t.emit("select",y)}return()=>n.createVNode("div",{ref:u},[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:i},[e.title]),n.createVNode("span",{ref:g,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:m,onMouseenter:N,onMouseleave:N},[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:a,class:`dropdown-menu${r.value?" show":""}`},[n.createVNode(n.Fragment,null,[l.value.map(({label:y,value:$,disabled:T,active:d,divide:o})=>n.createVNode(_,{value:$.toString(),label:y,disabled:T,active:d,divide:o,onSelect:D=>b(D)},null))])])]})])])}});function re(e,t,l){var w;function r(){}const a="",u="",g=n.ref();function m(){return(t==null?void 0:t.schema.componentType)!=="frame"}function N(){return!1}function i(){return(t==null?void 0:t.schema.componentType)!=="frame"}function c(){return(t==null?void 0:t.schema.componentType)==="frame"}function s(p){if(!p||!p.value)return null;if(p.value.schema&&p.value.schema.type==="component")return p.value;const h=n.ref(p==null?void 0:p.value.parent),v=s(h);return v||null}function f(p=t){const{componentInstance:h,designerItemElementRef:v}=p;return!h||!h.value?null:h.value.canMove?v:f(p.parent)}function b(p){return!!l}function y(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function $(){}function T(p,h){}function d(p){const{componentType:h}=p;let v=F(h,p);const O=h.toLowerCase().replace("-","_");return v&&!v.id&&v.type===h&&(v.id=`${O}_${Math.random().toString().slice(2,6)}`),v}function o(p,h){const v=String(p.getAttribute("data-controltype")),O=p.getAttribute("data-feature"),A=O?JSON.parse(O):{};A.parentComponentInstance=g.value;let V=F(v,A);const R=v.toLowerCase().replace("-","_");return V&&!V.id&&V.type===v&&(V.id=`${R}_${Math.random().toString().slice(2,6)}`),V}function D(p){}function S(...p){}return g.value={canMove:m(),canSelectParent:N(),canDelete:i(),canNested:!c(),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:a,designerClass:u,canAccepts:b,getBelongedComponentInstance:s,getDraggableDesignItemElement:f,getDraggingDisplayText:y,getPropConfig:S,getDragScopeElement:$,onAcceptMovedChildElement:T,onAcceptNewChildElement:o,onChildElementMovedOut:D,addNewChildComponentSchema:d,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:n.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:n.ref(!1)},g}const ie=n.defineComponent({name:"FDropdownDesign",props:j,emits:["select"],setup(e,t){const l=n.ref(e.model),{show:r,showDropMenu:a,hoverDropdown:u,leftButtonClick:g,closeDropMenu:m,selectItem:N,resolveSize:i}=q(e,t);function c(y){console.log(y),t.emit("select",y)}const s=n.ref(),f=n.inject("design-item-context"),b=re(s,f);return n.onMounted(()=>{s.value.componentInstance=b}),t.expose(b.value),()=>n.createVNode("div",{ref:s},[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:g},[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:a,onMouseenter:u,onMouseleave:u},[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,[l.value.map(({label:y,value:$,disabled:T,active:d,divide:o})=>n.createVNode(_,{value:$.toString(),label:y,disabled:T,active:d,divide:o,onSelect:D=>c(D)},null))])])])])}}),se={install(e){e.component(L.name,L)},register(e,t,l,r){e.dropdown=L,t.dropdown=z},registerDesigner(e,t,l){e.dropdown=ie,t.dropdown=z}};B.Dropdown=L,B.default=se,B.dropdownProps=j,B.propsResolver=z,Object.defineProperties(B,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+             !important;top:${E}px !important;right: unset;${H?"max-height:"+H+"px;overflow-y:auto;":""}`,H&&(o.className+=" dropdown-menu-maxheight"),o.style.zIndex=N().toString()}},c=()=>{i(a.value,u.value)},s=()=>{e.hover||(r.value=!1,document.removeEventListener("click",s),l.removeEventListener("click",s),document.removeEventListener("scroll",s),l.removeEventListener("scroll",s))};return{show:r,dropdownRef:a,dropdownMenuRef:u,clickEventRef:g,showDropMenu:d=>{e.hover||e.disabled||(d==null||d.stopPropagation(),r.value||setTimeout(()=>{c()}),r.value=!r.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&&(r.value||setTimeout(()=>{}),r.value=!r.value)},leftButtonClick:()=>{},closeDropMenu:s,selectItem:d=>{t.emit("select",d)},resolveSize:d=>{const o=/px|em|rem|pt|%/;return o.test(d)?`${parseInt(d,10)}${d.match(o)[0]}`:`${d}px`}}}const oe={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:oe,emits:["select"],setup(e,t){const l=n.ref(e.value),r=n.ref(e.label),a=n.ref(e.disabled),u=n.ref(e.active),g=n.ref(e.divide),m=()=>{a.value||t.emit("select",e)};return()=>n.createVNode("div",null,[n.withDirectives(n.createVNode("div",{class:"dropdown-divider"},null),[[n.vShow,g.value]]),n.createVNode("li",{class:`dropdown-item${u.value?" active":""} ${a.value?" disabled":""}`,onClick:m,title:l.value.toString()},[r.value])])}}),L=n.defineComponent({name:"FDropdown",props:j,emits:["select"],setup(e,t){const l=n.ref(e.model),{show:r,dropdownMenuRef:a,dropdownRef:u,clickEventRef:g,showDropMenu:m,hoverDropdown:N,leftButtonClick:i,closeDropMenu:c,selectItem:s,resolveSize:f}=q(e,t);function b(y){t.emit("select",y)}return()=>n.createVNode("div",{ref:u},[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:i},[e.title]),n.createVNode("span",{ref:g,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:m,onMouseenter:N,onMouseleave:N},[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:a,class:`dropdown-menu${r.value?" show":""}`},[n.createVNode(n.Fragment,null,[l.value.map(({label:y,value:$,disabled:T,active:d,divide:o})=>n.createVNode(_,{value:$.toString(),label:y,disabled:T,active:d,divide:o,onSelect:D=>b(D)},null))])])]})])])}});function re(e,t,l){var w;function r(){}const a="",u="",g=n.ref();function m(){return(t==null?void 0:t.schema.componentType)!=="frame"}function N(){return!1}function i(){return(t==null?void 0:t.schema.componentType)!=="frame"}function c(){return(t==null?void 0:t.schema.componentType)==="frame"}function s(p){if(!p||!p.value)return null;if(p.value.schema&&p.value.schema.type==="component")return p.value;const h=n.ref(p==null?void 0:p.value.parent),v=s(h);return v||null}function f(p=t){const{componentInstance:h,designerItemElementRef:v}=p;return!h||!h.value?null:h.value.canMove?v:f(p.parent)}function b(p){return!!l}function y(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function $(){}function T(p,h){}function d(p){const{componentType:h}=p;let v=F(h,p);const O=h.toLowerCase().replace("-","_");return v&&!v.id&&v.type===h&&(v.id=`${O}_${Math.random().toString().slice(2,6)}`),v}function o(p,h){const v=String(p.getAttribute("data-controltype")),O=p.getAttribute("data-feature"),A=O?JSON.parse(O):{};A.parentComponentInstance=g.value;let V=F(v,A);const R=v.toLowerCase().replace("-","_");return V&&!V.id&&V.type===v&&(V.id=`${R}_${Math.random().toString().slice(2,6)}`),V}function D(p){}function S(...p){}return g.value={canMove:m(),canSelectParent:N(),canDelete:i(),canNested:!c(),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:a,designerClass:u,canAccepts:b,getBelongedComponentInstance:s,getDraggableDesignItemElement:f,getDraggingDisplayText:y,getPropConfig:S,getDragScopeElement:$,onAcceptMovedChildElement:T,onAcceptNewChildElement:o,onChildElementMovedOut:D,addNewChildComponentSchema:d,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:n.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:n.ref(!1)},g}const ie=n.defineComponent({name:"FDropdownDesign",props:j,emits:["select"],setup(e,t){const l=n.ref(e.model),{show:r,showDropMenu:a,hoverDropdown:u,leftButtonClick:g,closeDropMenu:m,selectItem:N,resolveSize:i}=q(e,t);function c(y){t.emit("select",y)}const s=n.ref(),f=n.inject("design-item-context"),b=re(s,f);return n.onMounted(()=>{s.value.componentInstance=b}),t.expose(b.value),()=>n.createVNode("div",{ref:s},[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:g},[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:a,onMouseenter:u,onMouseleave:u},[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,[l.value.map(({label:y,value:$,disabled:T,active:d,divide:o})=>n.createVNode(_,{value:$.toString(),label:y,disabled:T,active:d,divide:o,onSelect:D=>c(D)},null))])])])])}}),se={install(e){e.component(L.name,L)},register(e,t,l,r){e.dropdown=L,t.dropdown=z},registerDesigner(e,t,l){e.dropdown=ie,t.dropdown=z}};B.Dropdown=L,B.default=se,B.dropdownProps=j,B.propsResolver=z,Object.defineProperties(B,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/dropdown/package.json

@@ -3,6 +3,6 @@
         "version": "1.1.7",
         "main": "index.umd.js",
         "module": "index.esm.js",
-        "style": "style.css",
+        "style": "index.css",
         "types": "../types/dropdown/index.d.ts"
     }