@farris/ui-vue 1.0.0-beta.1 → 1.0.0-beta.3

package/accordion/index.esm.js

@@ -0,0 +1,93 @@
+import { defineComponent as f, computed as o, createVNode as t, ref as u } from "vue";
+const C = {
+  customClass: { type: Array, default: [] },
+  height: { type: Number },
+  width: { type: Number },
+  enableFold: { type: Boolean, default: !0 },
+  expanded: { type: Boolean, default: !1 }
+};
+const h = f({
+  name: "FAccordion",
+  props: C,
+  emits: [],
+  setup(e, s) {
+    const c = o(() => ({
+      height: e.height ? `${e.height}px` : "",
+      width: e.width ? `${e.width}px` : ""
+    })), a = o(() => {
+      const r = e.customClass, l = {
+        "farris-panel": !0,
+        accordion: !0
+      };
+      return r.reduce((n, i) => (n[i] = !0, n), l), l;
+    });
+    return () => t("div", {
+      class: a.value,
+      style: c.value
+    }, [s.slots.default && s.slots.default()]);
+  }
+}), g = {
+  width: { type: Number },
+  height: { type: Number, default: 100 },
+  title: { type: String, default: "" },
+  disable: { type: Boolean, default: !1 }
+};
+const m = f({
+  name: "FAccordionItem",
+  props: g,
+  emits: [],
+  setup(e, s) {
+    const c = u(e.title), a = u(!1), r = u(!1);
+    function l() {
+      a.value = !a.value;
+    }
+    function n(d) {
+      l();
+    }
+    const i = o(() => ({
+      "f-state-disable": r.value,
+      card: !0,
+      "farris-panel-item": !0,
+      "f-state-selected": a.value
+    })), v = o(() => !0), p = o(() => !1), y = o(() => ({
+      "f-icon": !0,
+      "f-accordion-collapse": !a.value,
+      "f-accordion-expand": a.value
+    })), b = o(() => {
+      const d = {
+        transition: "height 0.36s ease 0s",
+        height: a.value ? `${e.height}px` : 0
+      };
+      return a.value || (d.overflow = "hidden"), d;
+    });
+    return () => t("div", {
+      class: i.value
+    }, [t("div", {
+      class: "card-header",
+      onClick: n
+    }, [t("div", {
+      class: "panel-item-title"
+    }, [v.value && t("span", null, [c.value]), p.value && s.slots.head && s.slots.head(), t("span", {
+      class: y.value
+    }, null)]), t("div", {
+      class: "panel-item-tool"
+    }, [s.slots.toolbar && s.slots.toolbar()]), t("div", {
+      class: "panel-item-clear"
+    }, null)]), t("div", {
+      style: b.value
+    }, [t("div", {
+      class: "card-body"
+    }, [s.slots.content && s.slots.content()])])]);
+  }
+}), A = {
+  install(e) {
+    e.component(h.name, h), e.component(m.name, m);
+  }
+};
+export {
+  h as Accordion,
+  m as AccordionItem,
+  g as accordionItemProps,
+  C as accordionProps,
+  A as default
+};

package/accordion/index.umd.js

@@ -0,0 +1 @@
+(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.accordion={},t.Vue))})(this,function(t,e){"use strict";const m={customClass:{type:Array,default:[]},height:{type:Number},width:{type:Number},enableFold:{type:Boolean,default:!0},expanded:{type:Boolean,default:!1}},V="",l=e.defineComponent({name:"FAccordion",props:m,emits:[],setup(o,a){const i=e.computed(()=>({height:o.height?`${o.height}px`:"",width:o.width?`${o.width}px`:""})),n=e.computed(()=>{const r=o.customClass,c={"farris-panel":!0,accordion:!0};return r.reduce((s,u)=>(s[u]=!0,s),c),c});return()=>e.createVNode("div",{class:n.value,style:i.value},[a.slots.default&&a.slots.default()])}}),p={width:{type:Number},height:{type:Number,default:100},title:{type:String,default:""},disable:{type:Boolean,default:!1}},g="",d=e.defineComponent({name:"FAccordionItem",props:p,emits:[],setup(o,a){const i=e.ref(o.title),n=e.ref(!1),r=e.ref(!1);function c(){n.value=!n.value}function s(f){c()}const u=e.computed(()=>({"f-state-disable":r.value,card:!0,"farris-panel-item":!0,"f-state-selected":n.value})),y=e.computed(()=>!0),b=e.computed(()=>!1),N=e.computed(()=>({"f-icon":!0,"f-accordion-collapse":!n.value,"f-accordion-expand":n.value})),C=e.computed(()=>{const f={transition:"height 0.36s ease 0s",height:n.value?`${o.height}px`:0};return n.value||(f.overflow="hidden"),f});return()=>e.createVNode("div",{class:u.value},[e.createVNode("div",{class:"card-header",onClick:s},[e.createVNode("div",{class:"panel-item-title"},[y.value&&e.createVNode("span",null,[i.value]),b.value&&a.slots.head&&a.slots.head(),e.createVNode("span",{class:N.value},null)]),e.createVNode("div",{class:"panel-item-tool"},[a.slots.toolbar&&a.slots.toolbar()]),e.createVNode("div",{class:"panel-item-clear"},null)]),e.createVNode("div",{style:C.value},[e.createVNode("div",{class:"card-body"},[a.slots.content&&a.slots.content()])])])}}),h={install(o){o.component(l.name,l),o.component(d.name,d)}};t.Accordion=l,t.AccordionItem=d,t.accordionItemProps=p,t.accordionProps=m,t.default=h,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/accordion/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "accordion",
+    "version": "1.0.0-beta.4",
+    "main": "index.umd.js",
+    "module": "index.es.js",
+    "style": "style.css"
+}

package/accordion/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";.farris-panel{border:1px solid rgba(0,0,0,.125)}.card-header{cursor:pointer}.panel-item-title{float:left}.panel-item-tool{float:right}.panel-item-clear{clear:both}.f-state-disable{pointer-events:none}.card{border-left:0;border-right:0}.active{height:initial;transition:height .35s ease}.inactive{height:0;overflow:hidden;transition:height .35s ease}

package/avatar/index.esm.js

@@ -0,0 +1,94 @@
+import { ref as s, computed as n, defineComponent as m, createVNode as t } from "vue";
+const C = {
+  avatarWidth: { type: Number, default: 100 },
+  avatarHeight: { type: Number, default: 100 },
+  cover: { type: String },
+  readonly: { type: Boolean, default: !1 },
+  shape: { type: String, default: "circle" },
+  maxSize: { type: Number, default: 1 },
+  modelValue: { type: String, default: "" },
+  tile: { type: String, default: "" },
+  type: { type: Array, default: [] }
+};
+function Q(A, y, a, r) {
+  const u = "data:image/jpeg;base64,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", l = s(A.readonly);
+  function o(e) {
+    return e.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/) != null;
+  }
+  function d(e) {
+    return e.indexOf("data:image/") > -1;
+  }
+  function g(e) {
+    return e ? "data:image/jpeg;base64," + e : "";
+  }
+  const c = n(() => {
+    if (!A.type || !A.type.length)
+      return "";
+    const e = A.type.map((B) => (B === "jpg" && (B = "jpeg"), `image/${B}`));
+    return !e || !e.length ? "image/*" : e.join(",");
+  }), i = n(() => {
+    const e = r.value || A.cover || u;
+    return o(e) || d(e) ? e : g(e);
+  }), f = n(() => l.value ? "" : A.tile);
+  function H() {
+    l.value || a && a.value && a.value.click();
+  }
+  return { acceptTypes: c, imageSource: i, imageTitle: f, onClickImage: H };
+}
+const v = m({
+  name: "FAvatar",
+  props: C,
+  emits: ["change", "update:modelValue"],
+  setup(A, y) {
+    const a = n(() => ({
+      "f-avatar": !0,
+      "f-avatar-readonly": A.readonly,
+      "f-avatar-circle": A.shape === "circle",
+      "f-avatar-square": A.shape === "square"
+    })), r = s(A.modelValue), u = n(() => ({
+      width: A.avatarWidth + "px",
+      height: A.avatarHeight + "px"
+    })), l = !1;
+    function o() {
+      return "";
+    }
+    function d() {
+    }
+    const g = s(null), {
+      acceptTypes: c,
+      imageSource: i,
+      onClickImage: f
+    } = Q(A, y, g, r);
+    return () => t("div", {
+      class: a.value,
+      style: u.value,
+      onClick: f
+    }, [l, t("img", {
+      title: A.tile,
+      class: "f-avatar-image",
+      src: i.value,
+      onError: o
+    }, null), !A.readonly && t("div", {
+      class: "f-avatar-icon"
+    }, [t("span", {
+      class: "f-icon f-icon-camera"
+    }, null)]), t("input", {
+      ref: "file",
+      name: "file-input",
+      type: "file",
+      class: "f-avatar-upload",
+      accept: c.value,
+      onChange: d,
+      style: "display: none;"
+    }, null)]);
+  }
+}), S = {
+  install(A) {
+    A.component(v.name, v);
+  }
+};
+export {
+  v as Avatar,
+  C as avatarProps,
+  S as default
+};

package/avatar/index.umd.js

@@ -0,0 +1 @@
+(function(t,A){typeof exports=="object"&&typeof module<"u"?A(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],A):(t=typeof globalThis<"u"?globalThis:t||self,A(t.avatar={},t.Vue))})(this,function(t,A){"use strict";const B={avatarWidth:{type:Number,default:100},avatarHeight:{type:Number,default:100},cover:{type:String},readonly:{type:Boolean,default:!1},shape:{type:String,default:"circle"},maxSize:{type:Number,default:1},modelValue:{type:String,default:""},tile:{type:String,default:""},type:{type:Array,default:[]}};function H(e,m,n,d){const r="data:image/jpeg;base64,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",l=A.ref(e.readonly);function u(a){return a.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/)!=null}function i(a){return a.indexOf("data:image/")>-1}function c(a){return a?"data:image/jpeg;base64,"+a:""}const f=A.computed(()=>{if(!e.type||!e.type.length)return"";const a=e.type.map(y=>(y==="jpg"&&(y="jpeg"),`image/${y}`));return!a||!a.length?"image/*":a.join(",")}),g=A.computed(()=>{const a=d.value||e.cover||r;return u(a)||i(a)?a:c(a)}),s=A.computed(()=>l.value?"":e.tile);function C(){l.value||n&&n.value&&n.value.click()}return{acceptTypes:f,imageSource:g,imageTitle:s,onClickImage:C}}const Q="",o=A.defineComponent({name:"FAvatar",props:B,emits:["change","update:modelValue"],setup(e,m){const n=A.computed(()=>({"f-avatar":!0,"f-avatar-readonly":e.readonly,"f-avatar-circle":e.shape==="circle","f-avatar-square":e.shape==="square"})),d=A.ref(e.modelValue),r=A.computed(()=>({width:e.avatarWidth+"px",height:e.avatarHeight+"px"})),l=!1;function u(){return""}function i(){}const c=A.ref(null),{acceptTypes:f,imageSource:g,onClickImage:s}=H(e,m,c,d);return()=>A.createVNode("div",{class:n.value,style:r.value,onClick:s},[l,A.createVNode("img",{title:e.tile,class:"f-avatar-image",src:g.value,onError:u},null),!e.readonly&&A.createVNode("div",{class:"f-avatar-icon"},[A.createVNode("span",{class:"f-icon f-icon-camera"},null)]),A.createVNode("input",{ref:"file",name:"file-input",type:"file",class:"f-avatar-upload",accept:f.value,onChange:i,style:"display: none;"},null)])}}),v={install(e){e.component(o.name,o)}};t.Avatar=o,t.avatarProps=B,t.default=v,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/avatar/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "avatar",
+    "version": "1.0.0-beta.4",
+    "main": "index.umd.js",
+    "module": "index.es.js",
+    "style": "style.css"
+}

package/avatar/style.css

@@ -0,0 +1 @@
+.f-avatar{position:relative;cursor:pointer;overflow:hidden}.f-avatar.f-avatar-readonly{cursor:default}.f-avatar.f-avatar-circle{border-radius:100%;overflow:hidden}.f-avatar.f-avatar-square{border-radius:0}.f-avatar .f-avatar-image,.f-avatar .f-avatar-defult{display:inline-block;width:100%;height:100%}.f-avatar .f-avatar-icon{display:none;position:absolute;left:0;right:0;top:0;bottom:0;align-items:center;justify-content:center;background:rgba(0,0,0,.3)}.f-avatar .f-avatar-icon .f-icon{font-size:24px;color:#fff}.f-avatar.f-avatar-circle .f-avatar-icon{border-radius:100%}.f-avatar.f-avatar-square .f-avatar-icon{border-radius:0}.f-avatar .f-avatar-upload-loading{position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;background-color:#00000026}.f-avatar .f-avatar-upload-loading .loading-inner{position:absolute;width:100%;left:0;top:50%;margin-top:-25px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff}.f-avatar:hover .f-avatar-icon{display:flex}

package/button/index.esm.js

@@ -0,0 +1,206 @@
+import { defineComponent as x, createVNode as i, ref as b, nextTick as E } from "vue";
+const V = {
+  id: String,
+  type: { type: String, default: "primary" },
+  disabled: { type: Boolean, default: !1 },
+  size: { type: String, default: "small" }
+};
+function G(n, u) {
+  function c(f) {
+    f.stopPropagation(), n.disabled || u.emit("click", f);
+  }
+  return {
+    onClickButton: c
+  };
+}
+const R = x({
+  name: "FButton",
+  props: V,
+  emits: ["click"],
+  setup(n, u) {
+    const {
+      onClickButton: c
+    } = G(n, u);
+    return () => i("button", {
+      class: (n.size === "large" ? "btn-lg " : "btn-sm ") + "btn " + (n.type ? "btn-" + n.type + " " : ""),
+      disabled: n.disabled,
+      onClick: (f) => c(f)
+    }, [u.slots.default && u.slots.default()]);
+  }
+}), L = {
+  id: String,
+  rectifyReferenceH: { type: Object },
+  rectifyReferenceV: { type: Object },
+  autoRectify: { type: Boolean, default: !1 },
+  realPlacement: { type: String, default: "bottom-right" },
+  rectifyPlacement: { type: String, default: "bottom-right" },
+  data: { type: Array },
+  count: { type: Number, default: 2 },
+  size: { type: String, default: "small" },
+  type: { type: String, default: "primary" },
+  placement: { type: String, default: "bottom" },
+  showPanel: { type: Boolean, default: !1 },
+  dpFlag: { type: Boolean, default: !1 }
+};
+function j(n, u, c, f) {
+  let r = 0, d = 0;
+  const a = b(n.showPanel);
+  let p = b(n.realPlacement), s = !1;
+  function h() {
+    c.value && document.body.appendChild(c.value);
+  }
+  function k() {
+    a.value = !0;
+  }
+  function y() {
+    a.value = !1;
+  }
+  function P() {
+    a.value && !s && setTimeout(() => {
+      a.value && !s && (y(), s = !1);
+    }, 1e3);
+  }
+  function e() {
+    setTimeout(() => {
+      a.value && (y(), s = !1);
+    }, 1e3);
+  }
+  function g() {
+    k(), s = !0;
+  }
+  function B() {
+    e();
+  }
+  function C() {
+    let l = document.documentElement.clientWidth, t = document.documentElement.clientHeight, o = 0, v = 0;
+    if (n.rectifyReferenceH) {
+      const m = document.querySelector("props.rectifyReferenceH");
+      m && (l = m.getBoundingClientRect().right, v = m.getBoundingClientRect().left);
+    }
+    if (n.rectifyReferenceV) {
+      const m = document.querySelector("props.rectifyReferenceV");
+      m && (t = m.getBoundingClientRect().bottom, o = m.getBoundingClientRect().top);
+    }
+    return { top: o, left: v, right: l, bottom: t };
+  }
+  function M(l) {
+    if (!n.autoRectify)
+      return;
+    const t = C(), o = p;
+    o.value.indexOf("bottom") > -1 ? d > t.bottom - l.bottom && (o.value = o.value.replace("bottom", "top")) : o.value.indexOf("top") > -1 && d > l.top - t.top && (o.value = o.value.replace("top", "bottom")), o.value.indexOf("left") > -1 ? r > l.left - t.left && (o.value = o.value.replace("left", "right")) : o.value.indexOf("right") > -1 && r > t.right - l.right && (o.value = o.value.replace("right", "left")), p = o;
+  }
+  function O(l) {
+    let t = "";
+    n.autoRectify ? t = n.rectifyPlacement : t = p.value;
+    let o = 0, v = 0;
+    t.indexOf("top") > -1 ? o = l.top - d : t.indexOf("bottom") > -1 && (o = l.bottom), t.indexOf("right") > -1 ? v = l.right : t.indexOf("left") > -1 && (v = l.left - r), t.indexOf("-top") > -1 ? o -= l.height : t.indexOf("-bottom") > -1 && (o += l.height), c.value.style.top = o + "px", c.value.style.left = v + "px";
+  }
+  async function F() {
+    await E();
+    const l = f.value.getBoundingClientRect(), t = c.value.getBoundingClientRect();
+    d = t.height, r = t.width, n.autoRectify && M(l), O(l);
+  }
+  function T(l) {
+    l.stopPropagation(), a.value = !a.value, a.value && (h(), F()), u.emit("changeState", a.value);
+  }
+  function H(l, t) {
+    l.stopPropagation(), !t.disabled && (a.value = !1, u.emit("change", t.id), u.emit("click", t));
+  }
+  function S(l) {
+    let t = "bottom-right";
+    switch (l) {
+      case "top":
+        t = "top-right";
+        break;
+      case "left":
+        t = "left-bottom";
+        break;
+      case "right":
+        t = "right-bottom";
+        break;
+      case "bottom":
+        t = "bottom-right";
+        break;
+      default:
+        t = l;
+    }
+    p.value = t;
+  }
+  return {
+    showPanel: a,
+    clickEvent: T,
+    toggle: H,
+    getRealPlacement: S,
+    bindMenuMouseenter: g,
+    unbindMenuMouseleave: P,
+    bindMenuMouseleave: B
+  };
+}
+const w = x({
+  name: "FButtonGroup",
+  props: L,
+  emits: ["click", "changeState", "change", "clickMenuOut"],
+  setup(n, u) {
+    const c = n.data && n.data.slice(0, n.count) || [], f = n.data && n.data.slice(n.count) || [], r = b(), d = b(), {
+      showPanel: a,
+      clickEvent: p,
+      toggle: s,
+      getRealPlacement: h,
+      bindMenuMouseenter: k,
+      unbindMenuMouseleave: y,
+      bindMenuMouseleave: P
+    } = j(n, u, r, d);
+    return h(n.placement), () => i("div", {
+      class: "f-btn-group"
+    }, [i("div", {
+      class: (n.size === "large" ? "btn-group-lg" : "btn-group-sm") + " btn-group f-btn-group-links"
+    }, [c.map((e) => i("div", null, [e.icon && i("button", {
+      type: "button",
+      id: e.id,
+      title: e.id,
+      class: "btn btn-link btn-icontext" + (e.disabled ? " disabled" : ""),
+      onClick: (g) => s(g, e)
+    }, [i("i", {
+      class: "'f-icon '+ btn.icon?btn.icon:''"
+    }, null)]), !e.icon && i("button", {
+      id: e.id,
+      class: "btn " + (e.type ? "btn-" + e.type : "btn-link") + " " + (e.type && e.type !== "link" ? "f-btn-ml" : "") + (e.disabled ? " disabled" : ""),
+      onClick: (g) => s(g, e)
+    }, [e == null ? void 0 : e.text])]))]), f.length ? i("div", {
+      class: "btn-group f-btn-group-dropdown",
+      onMouseleave: (e) => y()
+    }, [i("button", {
+      title: "button",
+      ref: d,
+      type: "button",
+      class: "f-btn-dropdown",
+      onClick: (e) => p(e)
+    }, [i("span", {
+      class: "f-icon f-icon-lookup"
+    }, null)]), i("div", {
+      ref: r,
+      class: "dropdown-menu f-btn-group-dropdown-menu" + (a.value ? " show" : ""),
+      style: "position:fixed;",
+      onMouseenter: (e) => k(),
+      onMouseleave: (e) => P()
+    }, [f.map((e) => i("div", null, [i("div", null, [e.divider && i("div", {
+      class: "dropdown-divider"
+    }, null), i("li", {
+      id: "dpBtn.id",
+      class: "dropdown-item" + (e.disabled ? " disabled" : ""),
+      onClick: (g) => s(g, e)
+    }, [e.icon && i("i", {
+      class: "f-icon dropdown-item-icon" + e.icon
+    }, null), i("span", null, [e == null ? void 0 : e.text])])])]))])]) : ""]);
+  }
+}), N = {
+  install(n) {
+    n.component(R.name, R), n.component(w.name, w);
+  }
+};
+export {
+  R as FButton,
+  L as buttonGroupProps,
+  V as buttonProps,
+  N as default
+};

package/button/index.umd.js

@@ -0,0 +1 @@
+(function(f,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(f=typeof globalThis<"u"?globalThis:f||self,o(f.button={},f.Vue))})(this,function(f,o){"use strict";const R={id:String,type:{type:String,default:"primary"},disabled:{type:Boolean,default:!1},size:{type:String,default:"small"}};function B(n,c){function u(d){d.stopPropagation(),n.disabled||c.emit("click",d)}return{onClickButton:u}}const v=o.defineComponent({name:"FButton",props:R,emits:["click"],setup(n,c){const{onClickButton:u}=B(n,c);return()=>o.createVNode("button",{class:(n.size==="large"?"btn-lg ":"btn-sm ")+"btn "+(n.type?"btn-"+n.type+" ":""),disabled:n.disabled,onClick:d=>u(d)},[c.slots.default&&c.slots.default()])}}),N={id:String,rectifyReferenceH:{type:Object},rectifyReferenceV:{type:Object},autoRectify:{type:Boolean,default:!1},realPlacement:{type:String,default:"bottom-right"},rectifyPlacement:{type:String,default:"bottom-right"},data:{type:Array},count:{type:Number,default:2},size:{type:String,default:"small"},type:{type:String,default:"primary"},placement:{type:String,default:"bottom"},showPanel:{type:Boolean,default:!1},dpFlag:{type:Boolean,default:!1}};function C(n,c,u,d){let s=0,m=0;const a=o.ref(n.showPanel);let b=o.ref(n.realPlacement),r=!1;function P(){u.value&&document.body.appendChild(u.value)}function k(){a.value=!0}function h(){a.value=!1}function V(){a.value&&!r&&setTimeout(()=>{a.value&&!r&&(h(),r=!1)},1e3)}function e(){setTimeout(()=>{a.value&&(h(),r=!1)},1e3)}function g(){k(),r=!0}function O(){e()}function x(){let i=document.documentElement.clientWidth,t=document.documentElement.clientHeight,l=0,y=0;if(n.rectifyReferenceH){const p=document.querySelector("props.rectifyReferenceH");p&&(i=p.getBoundingClientRect().right,y=p.getBoundingClientRect().left)}if(n.rectifyReferenceV){const p=document.querySelector("props.rectifyReferenceV");p&&(t=p.getBoundingClientRect().bottom,l=p.getBoundingClientRect().top)}return{top:l,left:y,right:i,bottom:t}}function T(i){if(!n.autoRectify)return;const t=x(),l=b;l.value.indexOf("bottom")>-1?m>t.bottom-i.bottom&&(l.value=l.value.replace("bottom","top")):l.value.indexOf("top")>-1&&m>i.top-t.top&&(l.value=l.value.replace("top","bottom")),l.value.indexOf("left")>-1?s>i.left-t.left&&(l.value=l.value.replace("left","right")):l.value.indexOf("right")>-1&&s>t.right-i.right&&(l.value=l.value.replace("right","left")),b=l}function F(i){let t="";n.autoRectify?t=n.rectifyPlacement:t=b.value;let l=0,y=0;t.indexOf("top")>-1?l=i.top-m:t.indexOf("bottom")>-1&&(l=i.bottom),t.indexOf("right")>-1?y=i.right:t.indexOf("left")>-1&&(y=i.left-s),t.indexOf("-top")>-1?l-=i.height:t.indexOf("-bottom")>-1&&(l+=i.height),u.value.style.top=l+"px",u.value.style.left=y+"px"}async function S(){await o.nextTick();const i=d.value.getBoundingClientRect(),t=u.value.getBoundingClientRect();m=t.height,s=t.width,n.autoRectify&&T(i),F(i)}function H(i){i.stopPropagation(),a.value=!a.value,a.value&&(P(),S()),c.emit("changeState",a.value)}function E(i,t){i.stopPropagation(),!t.disabled&&(a.value=!1,c.emit("change",t.id),c.emit("click",t))}function G(i){let t="bottom-right";switch(i){case"top":t="top-right";break;case"left":t="left-bottom";break;case"right":t="right-bottom";break;case"bottom":t="bottom-right";break;default:t=i}b.value=t}return{showPanel:a,clickEvent:H,toggle:E,getRealPlacement:G,bindMenuMouseenter:g,unbindMenuMouseleave:V,bindMenuMouseleave:O}}const w=o.defineComponent({name:"FButtonGroup",props:N,emits:["click","changeState","change","clickMenuOut"],setup(n,c){const u=n.data&&n.data.slice(0,n.count)||[],d=n.data&&n.data.slice(n.count)||[],s=o.ref(),m=o.ref(),{showPanel:a,clickEvent:b,toggle:r,getRealPlacement:P,bindMenuMouseenter:k,unbindMenuMouseleave:h,bindMenuMouseleave:V}=C(n,c,s,m);return P(n.placement),()=>o.createVNode("div",{class:"f-btn-group"},[o.createVNode("div",{class:(n.size==="large"?"btn-group-lg":"btn-group-sm")+" btn-group f-btn-group-links"},[u.map(e=>o.createVNode("div",null,[e.icon&&o.createVNode("button",{type:"button",id:e.id,title:e.id,class:"btn btn-link btn-icontext"+(e.disabled?" disabled":""),onClick:g=>r(g,e)},[o.createVNode("i",{class:"'f-icon '+ btn.icon?btn.icon:''"},null)]),!e.icon&&o.createVNode("button",{id:e.id,class:"btn "+(e.type?"btn-"+e.type:"btn-link")+" "+(e.type&&e.type!=="link"?"f-btn-ml":"")+(e.disabled?" disabled":""),onClick:g=>r(g,e)},[e==null?void 0:e.text])]))]),d.length?o.createVNode("div",{class:"btn-group f-btn-group-dropdown",onMouseleave:e=>h()},[o.createVNode("button",{title:"button",ref:m,type:"button",class:"f-btn-dropdown",onClick:e=>b(e)},[o.createVNode("span",{class:"f-icon f-icon-lookup"},null)]),o.createVNode("div",{ref:s,class:"dropdown-menu f-btn-group-dropdown-menu"+(a.value?" show":""),style:"position:fixed;",onMouseenter:e=>k(),onMouseleave:e=>V()},[d.map(e=>o.createVNode("div",null,[o.createVNode("div",null,[e.divider&&o.createVNode("div",{class:"dropdown-divider"},null),o.createVNode("li",{id:"dpBtn.id",class:"dropdown-item"+(e.disabled?" disabled":""),onClick:g=>r(g,e)},[e.icon&&o.createVNode("i",{class:"f-icon dropdown-item-icon"+e.icon},null),o.createVNode("span",null,[e==null?void 0:e.text])])])]))])]):""])}}),M={install(n){n.component(v.name,v),n.component(w.name,w)}};f.FButton=v,f.buttonGroupProps=N,f.buttonProps=R,f.default=M,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/button/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "button",
+    "version": "1.0.0-beta.4",
+    "main": "index.umd.js",
+    "module": "index.es.js",
+    "style": "style.css"
+}