@farris/ui-vue 1.0.2 → 1.1.1

package/button/index.esm.js

@@ -1,271 +0,0 @@
-import { defineComponent as O, ref as m, computed as R, createVNode as i, nextTick as E } from "vue";
-const V = {
-  /**
-   * 组件标识
-   */
-  id: String,
-  /**
-   * 设置按钮类型
-   */
-  type: { type: String, default: "primary" },
-  /**
-   * 是否禁用
-   */
-  disabled: { type: Boolean, default: !1 },
-  /**
-   * 按钮尺寸
-   */
-  size: { type: String, default: "small" },
-  /**
-   * 按钮图标
-   */
-  icon: { type: String }
-};
-function G(n, c) {
-  function s(f) {
-    f.stopPropagation(), n.disabled || c.emit("click", f);
-  }
-  return {
-    onClickButton: s
-  };
-}
-const w = /* @__PURE__ */ O({
-  name: "FButton",
-  props: V,
-  emits: ["click"],
-  setup(n, c) {
-    const {
-      onClickButton: s
-    } = G(n, c), f = m(n.size), r = m(n.type), d = m(n.disabled);
-    m(n.icon);
-    const a = R(() => {
-      const u = {
-        btn: !0,
-        "btn-lg": f.value === "large",
-        "btn-sm": f.value !== "large"
-      };
-      return r.value && (u[`btn-${r.value}`] = !0), u;
-    });
-    return R(() => ({})), () => i("button", {
-      class: a.value,
-      disabled: d.value,
-      onClick: (u) => s(u)
-    }, [c.slots.default && c.slots.default()]);
-  }
-}), L = {
-  /**
-   * 组件标识
-   */
-  id: String,
-  /**
-   * 横向纠正的参照
-   */
-  rectifyReferenceH: { type: Object },
-  /**
-   * 纵向纠正的参照
-   */
-  rectifyReferenceV: { type: Object },
-  /**
-   * 是否自动纠正位置
-   */
-  autoRectify: { type: Boolean, default: !1 },
-  /**
-   * 计算方向的真正placement
-   */
-  realPlacement: { type: String, default: "bottom-right" },
-  /**
-   * 重新计算后的placement
-   */
-  rectifyPlacement: { type: String, default: "bottom-right" },
-  /**
-   * 按钮信息
-   */
-  data: { type: Array },
-  /**
-   * 显示的按钮数量  默认为2
-   */
-  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 $(n, c, s, f) {
-  let r = 0, d = 0;
-  const a = m(n.showPanel), u = m(n.realPlacement);
-  let g = !1;
-  function h() {
-    s.value && document.body.appendChild(s.value);
-  }
-  function k() {
-    a.value = !0;
-  }
-  function b() {
-    a.value = !1;
-  }
-  function P() {
-    a.value && !g && setTimeout(() => {
-      a.value && !g && (b(), g = !1);
-    }, 1e3);
-  }
-  function e() {
-    setTimeout(() => {
-      a.value && (b(), g = !1);
-    }, 1e3);
-  }
-  function v() {
-    k(), g = !0;
-  }
-  function x() {
-    e();
-  }
-  function B() {
-    let l = document.documentElement.clientWidth, t = document.documentElement.clientHeight, o = 0, y = 0;
-    if (n.rectifyReferenceH) {
-      const p = document.querySelector("props.rectifyReferenceH");
-      p && (l = p.getBoundingClientRect().right, y = p.getBoundingClientRect().left);
-    }
-    if (n.rectifyReferenceV) {
-      const p = document.querySelector("props.rectifyReferenceV");
-      p && (t = p.getBoundingClientRect().bottom, o = p.getBoundingClientRect().top);
-    }
-    return { top: o, left: y, right: l, bottom: t };
-  }
-  function M(l) {
-    if (!n.autoRectify)
-      return;
-    const t = B(), o = u;
-    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")), u.value = o.value;
-  }
-  function F(l) {
-    let t = "";
-    n.autoRectify ? t = n.rectifyPlacement : t = u.value;
-    let o = 0, y = 0;
-    t.indexOf("top") > -1 ? o = l.top - d : t.indexOf("bottom") > -1 && (o = l.bottom), t.indexOf("right") > -1 ? y = l.right : t.indexOf("left") > -1 && (y = l.left - r), t.indexOf("-top") > -1 ? o -= l.height : t.indexOf("-bottom") > -1 && (o += l.height), s.value.style.top = o + "px", s.value.style.left = y + "px";
-  }
-  async function T() {
-    await E();
-    const l = f.value.getBoundingClientRect(), t = s.value.getBoundingClientRect();
-    d = t.height, r = t.width, n.autoRectify && M(l), F(l);
-  }
-  function S(l) {
-    l.stopPropagation(), a.value = !a.value, a.value && (h(), T()), c.emit("changeState", a.value);
-  }
-  function H(l, t) {
-    l.stopPropagation(), !t.disabled && (a.value = !1, c.emit("change", t.id), c.emit("click", t));
-  }
-  function j(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;
-    }
-    u.value = t;
-  }
-  return {
-    showPanel: a,
-    clickEvent: S,
-    toggle: H,
-    getRealPlacement: j,
-    bindMenuMouseenter: v,
-    unbindMenuMouseleave: P,
-    bindMenuMouseleave: x
-  };
-}
-const C = /* @__PURE__ */ O({
-  name: "FButtonGroup",
-  props: L,
-  emits: ["click", "changeState", "change", "clickMenuOut"],
-  setup(n, c) {
-    const s = n.data && n.data.slice(0, n.count) || [], f = n.data && n.data.slice(n.count) || [], r = m(), d = m(), {
-      showPanel: a,
-      clickEvent: u,
-      toggle: g,
-      getRealPlacement: h,
-      bindMenuMouseenter: k,
-      unbindMenuMouseleave: b,
-      bindMenuMouseleave: P
-    } = $(n, c, 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"
-    }, [s.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: (v) => g(v, e)
-    }, [i("i", {
-      class: `f-icon ${e.icon ? e.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: (v) => g(v, e)
-    }, [e == null ? void 0 : e.text])]))]), f.length ? i("div", {
-      class: "btn-group f-btn-group-dropdown",
-      onMouseleave: (e) => b()
-    }, [i("button", {
-      title: "button",
-      ref: d,
-      type: "button",
-      class: "f-btn-dropdown",
-      onClick: (e) => u(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: e.id,
-      class: "dropdown-item" + (e.disabled ? " disabled" : ""),
-      onClick: (v) => g(v, 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(w.name, w), n.component(C.name, C);
-  }
-};
-export {
-  w as FButton,
-  C as FButtonGroup,
-  L as buttonGroupProps,
-  V as buttonProps,
-  N as default
-};

package/button/index.umd.js

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

package/button/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "button",
-    "version": "1.0.3",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/button/index.d.ts"
-}