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

package/pagination/index.esm.js

@@ -0,0 +1,334 @@
+import { ref as f, createVNode as e, computed as v, defineComponent as D, watch as T, Fragment as I, createTextVNode as M } from "vue";
+const H = {
+  currentPage: { type: Number, default: 1 },
+  mode: { type: String, default: "default" },
+  pageSize: { type: Number, default: 20 },
+  totalItems: { type: Number, default: 0 }
+};
+function K(l, o) {
+  const r = f("\u8DF3\u8F6C\u81F3"), u = f(""), n = f(l.value);
+  function i() {
+    l.value = n.value;
+  }
+  function t(p) {
+    p.key === "Enter" && i();
+  }
+  function a(p) {
+    n.value = p.target.valueAsNumber;
+  }
+  function s() {
+    return e("li", {
+      class: "page-goto-input",
+      style: "padding-left: 10px; white-space: nowrap;"
+    }, [e("span", {
+      class: "pg-message-text"
+    }, [r.value]), e("input", {
+      class: "form-control farris-gotopagenumber",
+      title: "page-number",
+      value: l.value,
+      type: "number",
+      min: "1",
+      max: o.value,
+      style: "display: inline-block;margin-left:3px;",
+      onChange: () => i(),
+      onInput: (p) => a(p),
+      onKeyup: (p) => t(p)
+    }, null), u.value]);
+  }
+  return {
+    renderGotoButton: s
+  };
+}
+function q(l, o, r) {
+  const u = v(() => ({
+    "page-item": !0,
+    disabled: o.value
+  }));
+  function n(s) {
+    l.value = l.value < r.value ? l.value + 1 : r.value;
+  }
+  function i(s) {
+    l.value = r.value;
+  }
+  function t() {
+    return e("li", {
+      class: u.value
+    }, [!o.value && e("a", {
+      class: "page-link",
+      tabindex: "0",
+      onClick: (s) => n()
+    }, [e("span", {
+      class: "f-icon f-page-next"
+    }, null)]), o.value && e("span", {
+      class: "page-link"
+    }, [e("span", {
+      class: "f-icon f-page-next"
+    }, null)])]);
+  }
+  function a() {
+    return e("li", {
+      class: u.value
+    }, [!o.value && e("a", {
+      class: "page-link",
+      tabindex: "0",
+      onClick: (s) => i()
+    }, [e("span", {
+      class: "f-icon f-page-last"
+    }, null)]), o.value && e("span", {
+      class: "page-link"
+    }, [e("span", {
+      class: "f-icon f-page-last"
+    }, null)])]);
+  }
+  return {
+    renderLastPage: a,
+    renderNextPage: t
+  };
+}
+function J(l, o) {
+  const r = f("\u5171"), u = f("\u6761"), n = v(() => ({
+    "pagination-message": !0,
+    "text-truncate": !0,
+    "d-flex": !0,
+    "ml-auto": l.value === "right",
+    "flex-fill": l.value === "right"
+  }));
+  function i() {
+    return e("li", {
+      class: n.value
+    }, [e("div", {
+      class: "text-truncate",
+      style: "line-height: 26px"
+    }, [e("span", {
+      class: "pg-message-text"
+    }, [r.value]), e("b", {
+      class: "pg-message-total"
+    }, [o.value]), e("span", {
+      class: "pg-message-text"
+    }, [u.value])])]);
+  }
+  return {
+    renderPageInfo: i
+  };
+}
+function Q(l, o, r) {
+  const u = f(!1), n = f("\u663E\u793A"), i = f("\u6761"), t = v(() => ({
+    dropup: !0,
+    "dropdown-right": !0,
+    "pg-pagelist": !0,
+    "pagelist-disabled": r.value === 0,
+    show: u.value
+  })), a = v(() => ({
+    "dropdown-menu": !0,
+    show: u.value
+  })), s = (c) => ({
+    "dropdown-item": !0,
+    active: l.value === c
+  });
+  function p(c) {
+    u.value = !0;
+  }
+  function b(c) {
+    u.value = !1;
+  }
+  function h(c, g) {
+    l.value = g, u.value = !1;
+  }
+  function x() {
+    return e("li", {
+      class: "pagination-pagelist"
+    }, [e("div", {
+      class: t.value,
+      onMouseenter: (c) => p(),
+      onMouseleave: (c) => b()
+    }, [e("div", {
+      class: "pg-pagelist-info"
+    }, [e("span", {
+      class: "pagelist-text"
+    }, [n.value]), e("b", {
+      class: "cur-pagesize"
+    }, [l.value]), e("span", {
+      class: "pagelist-text"
+    }, [i.value]), e("i", {
+      class: "f-icon f-icon-dropdown"
+    }, null)]), e("div", {
+      class: a.value,
+      style: "margin-bottom: -1px;"
+    }, [o.value.map((c) => e("li", {
+      class: s(c),
+      onClick: (g) => h(g, c)
+    }, [e("span", null, [c])]))])])]);
+  }
+  return {
+    renderPageList: x
+  };
+}
+function U(l, o) {
+  const r = (t) => ({
+    "page-item": !0,
+    current: l.value === t.value,
+    ellipsis: t.label === "..."
+  }), u = (t) => ({
+    "f-icon": !0,
+    "f-icon-arrow-seek-left": t.value < l.value,
+    "f-icon-arrow-seek-right": t.value > l.value
+  });
+  function n(t, a) {
+    l.value = a;
+  }
+  function i() {
+    return o.value.map((t) => e("li", {
+      class: r(t)
+    }, [l.value !== t.value && e("a", {
+      class: "page-link",
+      tabindex: "0",
+      onClick: (a) => n(a, t.value)
+    }, [e("span", {
+      class: "page-link-label"
+    }, [t.label]), t.label === "..." && e("i", {
+      class: u(t)
+    }, null)]), l.value === t.value && e("span", {
+      class: "page-link"
+    }, [t.label])]));
+  }
+  return {
+    renderPageNumbers: i
+  };
+}
+function X(l, o, r) {
+  const u = v(() => ({
+    "page-item": !0,
+    disabled: o.value
+  }));
+  function n(s) {
+    l.value = 1;
+  }
+  function i(s) {
+    l.value = l.value > 2 ? l.value - 1 : 1;
+  }
+  function t() {
+    return e("li", {
+      class: u.value
+    }, [r.value && e("a", {
+      tabindex: "0",
+      class: "page-link",
+      onClick: (s) => n()
+    }, [e("span", {
+      class: "f-icon f-page-first"
+    }, null)]), o.value && e("span", {
+      class: "page-link"
+    }, [e("span", {
+      class: "f-icon f-page-first"
+    }, null)])]);
+  }
+  function a() {
+    return e("li", {
+      class: u.value
+    }, [r.value && e("a", {
+      tabindex: "0",
+      class: "page-link",
+      onClick: (s) => i()
+    }, [e("span", {
+      class: "f-icon f-page-pre"
+    }, null)]), o.value && e("span", {
+      class: "page-link"
+    }, [e("span", {
+      class: "f-icon f-page-pre"
+    }, null)])]);
+  }
+  return {
+    renderFirstPage: t,
+    renderPreviousPage: a
+  };
+}
+function Y(l) {
+  const o = f([]);
+  function r(n, i, t, a) {
+    const s = Math.ceil(t / 2);
+    return n === t ? a : n === 1 ? n : t < a ? a - s < i ? a - t + n : s < i ? i - s + n : n : n;
+  }
+  function u(n, i, t, a) {
+    const s = [], p = Math.ceil(t / i), b = Math.ceil(a / 2), h = n <= b, x = p - b < n, c = !h && !x, g = a < p;
+    let d = 1;
+    for (; d <= p && d <= a; ) {
+      const y = r(d, n, a, p), C = d === 2 && (c || x), P = d === a - 1 && (c || h), k = g && (C || P) ? "..." : "" + y;
+      s.push({ label: k, value: y }), d++;
+    }
+    o.value = s;
+  }
+  return { pages: o, updatePages: u };
+}
+const L = D({
+  name: "FPagination",
+  props: H,
+  emits: ["pageIndexChanged"],
+  setup(l, o) {
+    const r = f(!1), u = f(l.mode), n = f(""), i = f(!1), t = f(l.pageSize), a = f(l.currentPage), s = f(l.totalItems), {
+      pages: p,
+      updatePages: b
+    } = Y(), h = v(() => a.value === 1), x = v(() => [20, 50, 100]), c = v(() => Math.ceil(s.value / t.value)), g = v(() => a.value === c.value), d = v(() => !0), y = v(() => a.value > 1), C = v(() => !(i.value && p.value.length <= 1)), P = v(() => !0), k = v(() => !0), $ = v(() => !0), m = v(() => !0), {
+      renderFirstPage: w,
+      renderPreviousPage: N
+    } = X(a, h, y), {
+      renderLastPage: j,
+      renderNextPage: O
+    } = q(a, g, c), {
+      renderPageInfo: B
+    } = J(n, s), {
+      renderPageList: E
+    } = Q(t, x, s), {
+      renderPageNumbers: z
+    } = U(a, p), {
+      renderGotoButton: S
+    } = K(a, c);
+    b(a.value, t.value, s.value, 7), T([a, t], () => {
+      b(a.value, t.value, s.value, 7);
+    }), T(a, () => {
+      o.emit("pageIndexChanged", a.value);
+    });
+    const F = v(() => ({
+      "ngx-pagination": !0,
+      pagination: !0,
+      responsive: r.value,
+      "pager-viewmode-default": u.value === "default",
+      "pager-viewmode-simple": u.value === "simple"
+    })), G = v(() => ({
+      position: "relative",
+      "justify-content": n.value === "center" ? "center" : "start"
+    }));
+    function V() {
+      return e(I, null, [P.value && B(), k.value && E(), m.value && w(), m.value && N(), $.value && z(), m.value && O(), m.value && j(), d.value && S()]);
+    }
+    function W() {
+      return e(I, null, [e("li", {
+        class: "page-item d-flex flex-fill"
+      }, null), m.value && w(), m.value && N(), S(), e("li", {
+        class: "page-item page-separator",
+        style: "margin-left: 10px"
+      }, [e("span", {
+        style: "font-size: 15px; font-weight: 200;"
+      }, [M(" /")])]), e("li", {
+        class: "page-item page-total",
+        style: "margin-left: 5px"
+      }, [e("span", {
+        style: "font-size: 16px; font-weight: 600;"
+      }, [M(" "), c.value])]), m.value && O(), m.value && j()]);
+    }
+    return () => e("div", {
+      class: "pagination-container"
+    }, [C.value && e("ul", {
+      role: "navigation",
+      class: F.value,
+      style: G.value
+    }, [u.value === "default" ? V() : W()])]);
+  }
+}), _ = {
+  install(l) {
+    l.component(L.name, L);
+  }
+};
+export {
+  L as Pagination,
+  _ as default,
+  H as paginationProps
+};

package/pagination/index.umd.js

@@ -0,0 +1 @@
+(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.pagination={},p.Vue))})(this,function(p,e){"use strict";const C={currentPage:{type:Number,default:1},mode:{type:String,default:"default"},pageSize:{type:Number,default:20},totalItems:{type:Number,default:0}};function T(n,c){const u=e.ref("\u8DF3\u8F6C\u81F3"),o=e.ref(""),l=e.ref(n.value);function r(){n.value=l.value}function t(d){d.key==="Enter"&&r()}function a(d){l.value=d.target.valueAsNumber}function s(){return e.createVNode("li",{class:"page-goto-input",style:"padding-left: 10px; white-space: nowrap;"},[e.createVNode("span",{class:"pg-message-text"},[u.value]),e.createVNode("input",{class:"form-control farris-gotopagenumber",title:"page-number",value:n.value,type:"number",min:"1",max:c.value,style:"display: inline-block;margin-left:3px;",onChange:()=>r(),onInput:d=>a(d),onKeyup:d=>t(d)},null),o.value])}return{renderGotoButton:s}}function M(n,c,u){const o=e.computed(()=>({"page-item":!0,disabled:c.value}));function l(s){n.value=n.value<u.value?n.value+1:u.value}function r(s){n.value=u.value}function t(){return e.createVNode("li",{class:o.value},[!c.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:s=>l()},[e.createVNode("span",{class:"f-icon f-page-next"},null)]),c.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-next"},null)])])}function a(){return e.createVNode("li",{class:o.value},[!c.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:s=>r()},[e.createVNode("span",{class:"f-icon f-page-last"},null)]),c.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-last"},null)])])}return{renderLastPage:a,renderNextPage:t}}function I(n,c){const u=e.ref("\u5171"),o=e.ref("\u6761"),l=e.computed(()=>({"pagination-message":!0,"text-truncate":!0,"d-flex":!0,"ml-auto":n.value==="right","flex-fill":n.value==="right"}));function r(){return e.createVNode("li",{class:l.value},[e.createVNode("div",{class:"text-truncate",style:"line-height: 26px"},[e.createVNode("span",{class:"pg-message-text"},[u.value]),e.createVNode("b",{class:"pg-message-total"},[c.value]),e.createVNode("span",{class:"pg-message-text"},[o.value])])])}return{renderPageInfo:r}}function L(n,c,u){const o=e.ref(!1),l=e.ref("\u663E\u793A"),r=e.ref("\u6761"),t=e.computed(()=>({dropup:!0,"dropdown-right":!0,"pg-pagelist":!0,"pagelist-disabled":u.value===0,show:o.value})),a=e.computed(()=>({"dropdown-menu":!0,show:o.value})),s=i=>({"dropdown-item":!0,active:n.value===i});function d(i){o.value=!0}function N(i){o.value=!1}function b(i,f){n.value=f,o.value=!1}function V(){return e.createVNode("li",{class:"pagination-pagelist"},[e.createVNode("div",{class:t.value,onMouseenter:i=>d(),onMouseleave:i=>N()},[e.createVNode("div",{class:"pg-pagelist-info"},[e.createVNode("span",{class:"pagelist-text"},[l.value]),e.createVNode("b",{class:"cur-pagesize"},[n.value]),e.createVNode("span",{class:"pagelist-text"},[r.value]),e.createVNode("i",{class:"f-icon f-icon-dropdown"},null)]),e.createVNode("div",{class:a.value,style:"margin-bottom: -1px;"},[c.value.map(i=>e.createVNode("li",{class:s(i),onClick:f=>b(f,i)},[e.createVNode("span",null,[i])]))])])])}return{renderPageList:V}}function $(n,c){const u=t=>({"page-item":!0,current:n.value===t.value,ellipsis:t.label==="..."}),o=t=>({"f-icon":!0,"f-icon-arrow-seek-left":t.value<n.value,"f-icon-arrow-seek-right":t.value>n.value});function l(t,a){n.value=a}function r(){return c.value.map(t=>e.createVNode("li",{class:u(t)},[n.value!==t.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:a=>l(a,t.value)},[e.createVNode("span",{class:"page-link-label"},[t.label]),t.label==="..."&&e.createVNode("i",{class:o(t)},null)]),n.value===t.value&&e.createVNode("span",{class:"page-link"},[t.label])]))}return{renderPageNumbers:r}}function B(n,c,u){const o=e.computed(()=>({"page-item":!0,disabled:c.value}));function l(s){n.value=1}function r(s){n.value=n.value>2?n.value-1:1}function t(){return e.createVNode("li",{class:o.value},[u.value&&e.createVNode("a",{tabindex:"0",class:"page-link",onClick:s=>l()},[e.createVNode("span",{class:"f-icon f-page-first"},null)]),c.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-first"},null)])])}function a(){return e.createVNode("li",{class:o.value},[u.value&&e.createVNode("a",{tabindex:"0",class:"page-link",onClick:s=>r()},[e.createVNode("span",{class:"f-icon f-page-pre"},null)]),c.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-pre"},null)])])}return{renderFirstPage:t,renderPreviousPage:a}}function E(n){const c=e.ref([]);function u(l,r,t,a){const s=Math.ceil(t/2);return l===t?a:l===1?l:t<a?a-s<r?a-t+l:s<r?r-s+l:l:l}function o(l,r,t,a){const s=[],d=Math.ceil(t/r),N=Math.ceil(a/2),b=l<=N,V=d-N<l,i=!b&&!V,f=a<d;let g=1;for(;g<=d&&g<=a;){const v=u(g,l,a,d),x=g===2&&(i||V),y=g===a-1&&(i||b),P=f&&(x||y)?"...":""+v;s.push({label:P,value:v}),g++}c.value=s}return{pages:c,updatePages:o}}const J="",h=e.defineComponent({name:"FPagination",props:C,emits:["pageIndexChanged"],setup(n,c){const u=e.ref(!1),o=e.ref(n.mode),l=e.ref(""),r=e.ref(!1),t=e.ref(n.pageSize),a=e.ref(n.currentPage),s=e.ref(n.totalItems),{pages:d,updatePages:N}=E(),b=e.computed(()=>a.value===1),V=e.computed(()=>[20,50,100]),i=e.computed(()=>Math.ceil(s.value/t.value)),f=e.computed(()=>a.value===i.value),g=e.computed(()=>!0),v=e.computed(()=>a.value>1),x=e.computed(()=>!(r.value&&d.value.length<=1)),y=e.computed(()=>!0),P=e.computed(()=>!0),F=e.computed(()=>!0),m=e.computed(()=>!0),{renderFirstPage:k,renderPreviousPage:w}=B(a,b,v),{renderLastPage:j,renderNextPage:O}=M(a,f,i),{renderPageInfo:G}=I(l,s),{renderPageList:W}=L(t,V,s),{renderPageNumbers:_}=$(a,d),{renderGotoButton:S}=T(a,i);N(a.value,t.value,s.value,7),e.watch([a,t],()=>{N(a.value,t.value,s.value,7)}),e.watch(a,()=>{c.emit("pageIndexChanged",a.value)});const q=e.computed(()=>({"ngx-pagination":!0,pagination:!0,responsive:u.value,"pager-viewmode-default":o.value==="default","pager-viewmode-simple":o.value==="simple"})),A=e.computed(()=>({position:"relative","justify-content":l.value==="center"?"center":"start"}));function D(){return e.createVNode(e.Fragment,null,[y.value&&G(),P.value&&W(),m.value&&k(),m.value&&w(),F.value&&_(),m.value&&O(),m.value&&j(),g.value&&S()])}function H(){return e.createVNode(e.Fragment,null,[e.createVNode("li",{class:"page-item d-flex flex-fill"},null),m.value&&k(),m.value&&w(),S(),e.createVNode("li",{class:"page-item page-separator",style:"margin-left: 10px"},[e.createVNode("span",{style:"font-size: 15px; font-weight: 200;"},[e.createTextVNode(" /")])]),e.createVNode("li",{class:"page-item page-total",style:"margin-left: 5px"},[e.createVNode("span",{style:"font-size: 16px; font-weight: 600;"},[e.createTextVNode(" "),i.value])]),m.value&&O(),m.value&&j()])}return()=>e.createVNode("div",{class:"pagination-container"},[x.value&&e.createVNode("ul",{role:"navigation",class:q.value,style:A.value},[o.value==="default"?D():H()])])}}),z={install(n){n.component(h.name,h)}};p.Pagination=h,p.default=z,p.paginationProps=C,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/pagination/package.json

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

package/pagination/style.css

@@ -0,0 +1 @@
+.page-item.ellipsis>.page-link{background:none;border:none;box-shadow:none;line-height:8px;font-size:16px}.page-item.ellipsis>.page-link>.f-icon{display:none}.page-item.ellipsis:hover>.page-link{line-height:20px}.page-item.ellipsis:hover>.page-link>.page-link-label{display:none}.page-item.ellipsis:hover>.page-link>.f-icon{display:inline-block!important}

package/popover/index.esm.js

@@ -0,0 +1,83 @@
+import { defineComponent as S, ref as p, computed as c, createVNode as l, Fragment as j, Teleport as I, withDirectives as O, vShow as $, nextTick as b } from "vue";
+const k = {
+  title: { type: String },
+  placement: { type: String, default: "top" },
+  reference: {
+    type: Object
+  }
+};
+const w = S({
+  name: "FPopover",
+  props: k,
+  emits: [],
+  setup(e, o) {
+    let n = 0, t = 0;
+    typeof window < "u" && (n = document.documentElement.scrollLeft, t = document.documentElement.scrollTop);
+    const a = p(), i = p(), f = p(e.placement), h = p("0px"), m = p("0px"), y = c(() => !!e.title), u = p(!1), g = c(() => {
+      const r = `popover in popover-${f.value}`, v = `bs-popover-${f.value}`, s = {};
+      return s[r] = !0, s[v] = !0, s;
+    }), C = c(() => ({
+      "popover-content": !0,
+      "popover-body": !0
+    })), L = c(() => ({
+      left: h.value,
+      top: m.value
+    }));
+    async function R(r) {
+      var v;
+      if (i.value && a.value) {
+        u.value = !0, await b();
+        const s = r.getBoundingClientRect(), x = a.value.getBoundingClientRect(), T = (v = i.value) == null ? void 0 : v.getBoundingClientRect();
+        h.value = `${s.left + s.width / 2 + n}px`, m.value = `${s.top - (T.height + x.height) + t}px`;
+      }
+    }
+    function E() {
+      u.value = !1;
+    }
+    return o.expose({
+      hide: E,
+      show: R
+    }), () => l(j, null, [l(I, {
+      to: "body"
+    }, {
+      default: () => {
+        var r;
+        return [O(l("div", {
+          ref: i,
+          class: g.value,
+          style: L.value
+        }, [l("div", {
+          ref: a,
+          class: "popover-arrow arrow"
+        }, null), y.value && l("h3", {
+          class: "popover-title popover-header"
+        }, [e.title]), l("div", {
+          class: C.value
+        }, [o.slots.default && ((r = o.slots) == null ? void 0 : r.default())])]), [[$, u.value]])];
+      }
+    })]);
+  }
+});
+function d(e, o, n) {
+  e.stopPropagation(), o.value.value.show(n);
+}
+function P(e, o) {
+  e.stopPropagation(), o.value.value.hide();
+}
+const B = {
+  mounted: (e, o, n) => {
+    o.modifiers.hover ? (e.addEventListener("mouseenter", (t) => d(t, o, e)), e.addEventListener("mouseleave", (t) => P(t, o))) : o.modifiers.click ? e.addEventListener("click", (t) => d(t, o, e)) : (e.addEventListener("mouseenter", (t) => d(t, o, e)), e.addEventListener("mouseleave", (t) => P(t, o)));
+  },
+  unMounted: (e, o, n) => {
+  }
+}, F = {
+  install(e) {
+    e.component(w.name, w), e.directive("popover", B);
+  }
+};
+export {
+  w as Popover,
+  B as PopoverDirective,
+  F as default,
+  k as popoverProps
+};

package/popover/index.umd.js

@@ -0,0 +1 @@
+(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r.popover={},r.Vue))})(this,function(r,e){"use strict";const f={title:{type:String},placement:{type:String,default:"top"},reference:{type:Object}},N="",i=e.defineComponent({name:"FPopover",props:f,emits:[],setup(o,t){let s=0,n=0;typeof window<"u"&&(s=document.documentElement.scrollLeft,n=document.documentElement.scrollTop);const d=e.ref(),u=e.ref(),P=e.ref(o.placement),y=e.ref("0px"),w=e.ref("0px"),T=e.computed(()=>!!o.title),v=e.ref(!1),C=e.computed(()=>{const p=`popover in popover-${P.value}`,l=`bs-popover-${P.value}`,c={};return c[p]=!0,c[l]=!0,c}),L=e.computed(()=>({"popover-content":!0,"popover-body":!0})),R=e.computed(()=>({left:y.value,top:w.value}));async function E(p){var l;if(u.value&&d.value){v.value=!0,await e.nextTick();const c=p.getBoundingClientRect(),V=d.value.getBoundingClientRect(),j=(l=u.value)==null?void 0:l.getBoundingClientRect();y.value=`${c.left+c.width/2+s}px`,w.value=`${c.top-(j.height+V.height)+n}px`}}function S(){v.value=!1}return t.expose({hide:S,show:E}),()=>e.createVNode(e.Fragment,null,[e.createVNode(e.Teleport,{to:"body"},{default:()=>{var p;return[e.withDirectives(e.createVNode("div",{ref:u,class:C.value,style:R.value},[e.createVNode("div",{ref:d,class:"popover-arrow arrow"},null),T.value&&e.createVNode("h3",{class:"popover-title popover-header"},[o.title]),e.createVNode("div",{class:L.value},[t.slots.default&&((p=t.slots)==null?void 0:p.default())])]),[[e.vShow,v.value]])]}})])}});function a(o,t,s){o.stopPropagation(),t.value.value.show(s)}function h(o,t){o.stopPropagation(),t.value.value.hide()}const m={mounted:(o,t,s)=>{t.modifiers.hover?(o.addEventListener("mouseenter",n=>a(n,t,o)),o.addEventListener("mouseleave",n=>h(n,t))):t.modifiers.click?o.addEventListener("click",n=>a(n,t,o)):(o.addEventListener("mouseenter",n=>a(n,t,o)),o.addEventListener("mouseleave",n=>h(n,t)))},unMounted:(o,t,s)=>{}},g={install(o){o.component(i.name,i),o.directive("popover",m)}};r.Popover=i,r.PopoverDirective=m,r.default=g,r.popoverProps=f,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/popover/package.json

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

package/popover/style.css

@@ -0,0 +1 @@
+.bs3.popover-top{margin-bottom:10px}.bs3.popover.top>.arrow{margin-left:-2px}.bs3.popover.top{margin-bottom:10px}.popover.bottom>.arrow{margin-left:-4px}.bs3.bs-popover-left{margin-right:.5rem}.bs3.bs-popover-right .arrow,.bs3.bs-popover-left .arrow{margin:.3rem 0}.arrow-left .arrow{left:calc(50% - 10px)}

package/radio-group/index.esm.js

@@ -0,0 +1,79 @@
+import { computed as m, defineComponent as v, ref as b, createVNode as u } from "vue";
+const h = {
+  id: String,
+  name: { type: String, default: "" },
+  enumData: Array,
+  textField: { type: String, default: "name" },
+  valueField: { type: String, default: "value" },
+  horizontal: { type: Boolean, default: !1 },
+  disabled: { type: Boolean, default: !1 },
+  modelValue: { type: String, default: "" },
+  tabIndex: Number
+};
+function p(e, o, n) {
+  const i = m(() => !e.disabled), d = m(() => e.enumData || []);
+  function l(a) {
+    return a[e.valueField];
+  }
+  function r(a) {
+    return a[e.textField];
+  }
+  function c(a, s) {
+    if (i.value) {
+      const t = l(a);
+      n.value !== t && (n.value = t, o.emit("changeValue", t), o.emit("update:modelValue", t));
+    }
+    s.stopPropagation();
+  }
+  return {
+    enumData: d,
+    getValue: l,
+    getText: r,
+    onClickRadio: c
+  };
+}
+const f = v({
+  name: "FRadioGroup",
+  props: h,
+  emits: ["changeValue", "update:modelValue"],
+  setup(e, o) {
+    const n = b(e.modelValue), {
+      enumData: i,
+      onClickRadio: d,
+      getValue: l,
+      getText: r
+    } = p(e, o, n), c = m(() => ({
+      "farris-checkradio-hor": e.horizontal
+    }));
+    return () => u("div", {
+      class: ["farris-input-wrap", c.value]
+    }, [i.value.map((a, s) => {
+      const t = "radio_" + e.name + s;
+      return u("div", {
+        class: "custom-control custom-radio"
+      }, [u("input", {
+        type: "radio",
+        class: "custom-control-input",
+        name: e.name,
+        id: t,
+        value: l(a),
+        checked: l(a) === n.value,
+        disabled: e.disabled,
+        tabindex: e.tabIndex,
+        onClick: (g) => d(a, g)
+      }, null), u("label", {
+        class: "custom-control-label",
+        for: t
+      }, [r(a)])]);
+    })]);
+  }
+}), x = {
+  install(e) {
+    e.component(f.name, f);
+  }
+};
+export {
+  f as RadioGroup,
+  x as default,
+  h as radioGroupProps
+};

package/radio-group/index.umd.js

@@ -0,0 +1 @@
+(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n["radio-group"]={},n.Vue))})(this,function(n,t){"use strict";const p={id:String,name:{type:String,default:""},enumData:Array,textField:{type:String,default:"name"},valueField:{type:String,default:"value"},horizontal:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},modelValue:{type:String,default:""},tabIndex:Number};function g(e,d,i){const r=t.computed(()=>!e.disabled),c=t.computed(()=>e.enumData||[]);function u(a){return a[e.valueField]}function s(a){return a[e.textField]}function f(a,m){if(r.value){const o=u(a);i.value!==o&&(i.value=o,d.emit("changeValue",o),d.emit("update:modelValue",o))}m.stopPropagation()}return{enumData:c,getValue:u,getText:s,onClickRadio:f}}const l=t.defineComponent({name:"FRadioGroup",props:p,emits:["changeValue","update:modelValue"],setup(e,d){const i=t.ref(e.modelValue),{enumData:r,onClickRadio:c,getValue:u,getText:s}=g(e,d,i),f=t.computed(()=>({"farris-checkradio-hor":e.horizontal}));return()=>t.createVNode("div",{class:["farris-input-wrap",f.value]},[r.value.map((a,m)=>{const o="radio_"+e.name+m;return t.createVNode("div",{class:"custom-control custom-radio"},[t.createVNode("input",{type:"radio",class:"custom-control-input",name:e.name,id:o,value:u(a),checked:u(a)===i.value,disabled:e.disabled,tabindex:e.tabIndex,onClick:h=>c(a,h)},null),t.createVNode("label",{class:"custom-control-label",for:o},[s(a)])])})])}}),V={install(e){e.component(l.name,l)}};n.RadioGroup=l,n.default=V,n.radioGroupProps=p,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/radio-group/package.json

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

package/section/index.esm.js

@@ -0,0 +1,70 @@
+import { defineComponent as C, computed as e, ref as s, createVNode as n } from "vue";
+const v = {
+  contentClass: { type: String, default: "" },
+  maxStatus: { type: Boolean, default: !1 },
+  enableAccording: { type: Boolean, default: !1 },
+  enableCollapse: { type: Boolean, default: !0 },
+  mainTitle: { type: String, default: "" },
+  subTitle: { type: String, default: "" },
+  showHeader: { type: Boolean, default: !0 },
+  enableMaximize: { type: Boolean, default: !1 },
+  fill: { type: Boolean, default: !1 },
+  expandStatus: { type: Boolean, default: !0 },
+  cotext: { type: Object },
+  index: { type: Number },
+  toolbarPosition: { type: String, default: "" },
+  toolbarButtons: { type: Array, default: [] },
+  toolbar: { type: Object, default: {} },
+  showToolbarMoreButton: { type: Boolean, default: !0 },
+  clickThrottleTime: { type: Number, default: 350 },
+  headerClass: { type: String, default: "" }
+}, i = C({
+  name: "FSection",
+  props: v,
+  emits: [],
+  setup(t, u) {
+    const d = e(() => !0), c = e(() => !0), f = e(() => !0);
+    e(() => !1), e(() => !1), e(() => !1), e(() => !1), s([]);
+    const p = e(() => {
+      const o = t.headerClass.split(" "), a = {
+        "f-section-header": !0
+      };
+      return o.reduce((l, r) => (l[r] = !0, l), a), a;
+    });
+    e(() => ({
+      "f-section-extend": !0
+    }));
+    const y = e(() => {
+      const o = t.contentClass.split(" "), a = {
+        "f-section-content": !0
+      };
+      return o.reduce((l, r) => (l[r] = !0, l), a), a;
+    }), m = s(t.mainTitle), b = s(t.subTitle);
+    function h() {
+      return d.value && n("div", {
+        class: p.value
+      }, [c.value && n("div", {
+        class: "f-title"
+      }, [n("h4", {
+        class: "f-title-text"
+      }, [m.value]), f.value && n("span", null, [b.value])])]);
+    }
+    function S() {
+      return n("div", {
+        class: y.value
+      }, [u.slots.default && u.slots.default()]);
+    }
+    return () => n("div", {
+      class: "f-section"
+    }, [h(), S()]);
+  }
+}), B = {
+  install(t) {
+    t.component(i.name, i);
+  }
+};
+export {
+  i as Section,
+  B as default,
+  v as sectionProps
+};

package/section/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.section={},t.Vue))})(this,function(t,e){"use strict";const u={contentClass:{type:String,default:""},maxStatus:{type:Boolean,default:!1},enableAccording:{type:Boolean,default:!1},enableCollapse:{type:Boolean,default:!0},mainTitle:{type:String,default:""},subTitle:{type:String,default:""},showHeader:{type:Boolean,default:!0},enableMaximize:{type:Boolean,default:!1},fill:{type:Boolean,default:!1},expandStatus:{type:Boolean,default:!0},cotext:{type:Object},index:{type:Number},toolbarPosition:{type:String,default:""},toolbarButtons:{type:Array,default:[]},toolbar:{type:Object,default:{}},showToolbarMoreButton:{type:Boolean,default:!0},clickThrottleTime:{type:Number,default:350},headerClass:{type:String,default:""}},l=e.defineComponent({name:"FSection",props:u,emits:[],setup(n,d){const i=e.computed(()=>!0),f=e.computed(()=>!0),p=e.computed(()=>!0);e.computed(()=>!1),e.computed(()=>!1),e.computed(()=>!1),e.computed(()=>!1),e.ref([]);const m=e.computed(()=>{const r=n.headerClass.split(" "),o={"f-section-header":!0};return r.reduce((a,s)=>(a[s]=!0,a),o),o});e.computed(()=>({"f-section-extend":!0}));const y=e.computed(()=>{const r=n.contentClass.split(" "),o={"f-section-content":!0};return r.reduce((a,s)=>(a[s]=!0,a),o),o}),h=e.ref(n.mainTitle),S=e.ref(n.subTitle);function b(){return i.value&&e.createVNode("div",{class:m.value},[f.value&&e.createVNode("div",{class:"f-title"},[e.createVNode("h4",{class:"f-title-text"},[h.value]),p.value&&e.createVNode("span",null,[S.value])])])}function T(){return e.createVNode("div",{class:y.value},[d.slots.default&&d.slots.default()])}return()=>e.createVNode("div",{class:"f-section"},[b(),T()])}}),c={install(n){n.component(l.name,l)}};t.Section=l,t.default=c,t.sectionProps=u,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/section/package.json

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