fan-components 1.0.6 → 1.0.7

package/dist/components/Button/index.d.ts

@@ -1,4 +1,4 @@
 export * from "./src/button";
-declare const _default: any;
-export default _default;
+export declare const FFButton: any;
+export default FFButton;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/components/Button/index.ts"],"names":[],"mappings":"AAGA,cAAc,cAAc,CAAC;;AAC7B,wBAAmC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/components/Button/index.ts"],"names":[],"mappings":"AAGA,cAAc,cAAc,CAAC;AAE7B,eAAO,MAAM,QAAQ,KAAsB,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/Collapse/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./src/Collapse";
-declare const _default: any;
-export default _default;
+export declare const FFCollapse: any;
+export declare const FFCollapseItem: import("vue").DefineComponent<{}, {}, any>;
+export default FFCollapse;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Collapse/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/components/Collapse/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC;;AAC/B,wBAEG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/components/Collapse/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC;AAE/B,eAAO,MAAM,UAAU,KAA0C,CAAC;AAClE,eAAO,MAAM,cAAc,4CAAe,CAAC;AAC3C,eAAe,UAAU,CAAC"}

package/dist/components/Icon/index.d.ts

@@ -1,4 +1,4 @@
 export * from "./src/Icon";
-declare const _default: any;
-export default _default;
+export declare const FFIcon: any;
+export default FFIcon;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/components/Icon/index.ts"],"names":[],"mappings":"AAQA,cAAc,YAAY,CAAC;;AAC3B,wBAAiC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/components/Icon/index.ts"],"names":[],"mappings":"AAQA,cAAc,YAAY,CAAC;AAE3B,eAAO,MAAM,MAAM,KAAoB,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/index.d.ts

@@ -1,4 +1,7 @@
 import type { Plugin } from "vue";
+export { FFButton } from "./Button";
+export { FFIcon } from "./Icon";
+export { FFCollapse, FFCollapseItem } from "./Collapse";
 declare const ff: Plugin;
 export default ff;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/components/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAO,MAAM,EAAE,MAAM,KAAK,CAAC;AAqBvC,QAAA,MAAM,EAAE,EAAE,MAET,CAAC;AAEF,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,MAAM,EAAE,MAAM,KAAK,CAAC;AASvC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAexD,QAAA,MAAM,EAAE,EAAE,MAAoB,CAAC;AAC/B,eAAe,EAAE,CAAC"}

package/dist/components/index.js

@@ -1 +1 @@
-import{defineComponent as e,useAttrs as t,computed as o,openBlock as r,createElementBlock as i,mergeProps as l,createVNode as a,unref as n,normalizeProps as s,guardReactiveProps as d,onMounted as u,ref as p,normalizeClass as c,createBlock as y,createCommentVNode as f,createElementVNode as m,renderSlot as v,watch as q,provide as g,inject as b,createTextVNode as h,toDisplayString as B,Transition as _,toHandlers as S,withCtx as $,withDirectives as w,vShow as x}from"vue";import{FontAwesomeIcon as k}from"@fortawesome/vue-fontawesome";import{library as C}from"@fortawesome/fontawesome-svg-core";import{fas as I}from"@fortawesome/free-solid-svg-icons";var O=e({name:"FfIcon",inheritAttrs:!1,__name:"Icon",props:{border:{type:Boolean,required:!1},fixedWidth:{type:Boolean,required:!1},flip:{type:[String,Boolean],required:!1},icon:{type:[Object,Array,String],required:!0},mask:{type:[Object,Array,String],required:!1},listItem:{type:Boolean,required:!1},pull:{type:String,required:!1},pulse:{type:Boolean,required:!1},rotation:{type:[Number,String],required:!1},swapOpacity:{type:Boolean,required:!1},size:{type:String,required:!1},spin:{type:Boolean,required:!1},transform:{type:[Object,String],required:!1},symbol:{type:[Boolean,String],required:!1},title:{type:String,required:!1},inverse:{type:Boolean,required:!1},bounce:{type:Boolean,required:!1},shake:{type:Boolean,required:!1},beat:{type:Boolean,required:!1},fade:{type:Boolean,required:!1},beatFade:{type:Boolean,required:!1},spinPulse:{type:Boolean,required:!1},spinReverse:{type:Boolean,required:!1}},setup(e){const u=t(),p=e,c=o(()=>Object.fromEntries(Object.entries(p).filter(([,e])=>void 0!==e))),y=o(()=>{const e={};return u.color&&"string"==typeof u.color&&(e.color=u.color),e});return(e,t)=>(r(),i("i",l({class:["ff-icon",{[`ff-icon--${e.$attrs.type}`]:e.$attrs.type}],style:y.value},e.$attrs),[a(n(k),s(d(c.value)),null,16)],16))}});const j=["disabled","autofocus","type"];var F=e({name:"FfButton",__name:"button",props:{type:{type:String,required:!1},size:{type:String,required:!1},plain:{type:Boolean,required:!1},round:{type:Boolean,required:!1},circle:{type:Boolean,required:!1},disabled:{type:Boolean,required:!1},nativeType:{type:String,required:!1,default:"button"},autofocus:{type:Boolean,required:!1},icon:{type:String,required:!1},loading:{type:Boolean,required:!1}},setup(e,{expose:t}){u(()=>{});const o=p();return t({ref:o}),(t,l)=>(r(),i("button",{ref_key:"_ref",ref:o,class:c(["ff-button",{[`ff-button--${e.type}`]:e.type,[`ff-button--${e.size}`]:e.size,"is-plain":e.plain,"is-round":e.round,"is-circle":e.circle,"is-disabled":e.disabled,"is-loading":e.loading}]),disabled:e.disabled||e.loading,autofocus:e.autofocus,type:e.nativeType},[e.loading?(r(),y(O,{key:0,icon:"spinner",spin:""})):f("v-if",!0),e.icon?(r(),y(O,{key:1,icon:e.icon},null,8,["icon"])):f("v-if",!0),m("span",null,[v(t.$slots,"default")])],10,j))}});const V=Symbol("collapseContextKey"),z={class:"ff-collapse"};var A=e({name:"FfCollapse",__name:"Collapse",props:{modelValue:{type:Array,required:!0},accordion:{type:Boolean,required:!1}},emits:["update:modelValue","change"],setup(e,{emit:t}){const o=e,l=t,a=p(o.modelValue);o.accordion&&a.value.length>1&&console.warn("accordion mode should only have one active item");return q(()=>o.modelValue,e=>{a.value=e}),g(V,{activeNames:a,handleItemClick:e=>{let t=[...a.value];if(o.accordion)t=a.value[0]===e?[]:[e],a.value=t;else{const o=t.indexOf(e);o>-1?t.splice(o,1):t.push(e),a.value=t}l("update:modelValue",t),l("change",t)}}),(e,t)=>(r(),i("div",z,[v(e.$slots,"default")]))}});const E=["id"],N={class:"ff-collapse-item__wrapper"},H=["id"];var L=e({name:"FfCollapseItem",__name:"CollapseItem",props:{name:{type:[String,Number],required:!0},title:{type:String,required:!1},disabled:{type:Boolean,required:!1}},setup(e){const t=e,n=b(V),s=o(()=>n?.activeNames.value.includes(t.name)),d=()=>{t.disabled||n?.handleItemClick(t.name)},u={beforeEnter(e){e.style.height="0px",e.style.overflow="hidden"},enter(e){e.style.height=`${e.scrollHeight}px`},afterEnter(e){e.style.height="",e.style.overflow=""},beforeLeave(e){e.style.height=`${e.scrollHeight}px`,e.style.overflow="hidden"},leave(e){e.style.height="0px"},afterLeave(e){e.style.height="",e.style.overflow=""}};return(t,o)=>(r(),i("div",{class:c(["ff-collapse-item",{"is-disabled":e.disabled}])},[m("div",{id:`item-header-${e.name}`,class:c([{"is-disabled":e.disabled,"is-active":s.value},"ff-collapse-item__header"]),onClick:d},[v(t.$slots,"title",{},()=>[h(B(e.title),1)]),a(O,{icon:"angle-right",class:"header-angle"})],10,E),a(_,l({name:"slide"},S(u),{persisted:""}),{default:$(()=>[w(m("div",N,[m("div",{id:`item-content-${e.name}`,class:"ff-collapse-item__content"},[v(t.$slots,"default")],8,H)],512),[[x,s.value]])]),_:3},16)],2))}});C.add(I);const T=[F,O,k,A,L],K={install:e=>{T.forEach(t=>{e.component(t?.name||"",t)})}};export{K as default};
+import{library as e}from"@fortawesome/fontawesome-svg-core";import{fas as t}from"@fortawesome/free-solid-svg-icons";import{FontAwesomeIcon as o}from"@fortawesome/vue-fontawesome";import{defineComponent as r,useAttrs as i,computed as l,openBlock as a,createElementBlock as n,mergeProps as s,createVNode as d,unref as p,normalizeProps as u,guardReactiveProps as c,onMounted as f,ref as y,normalizeClass as m,createBlock as v,createCommentVNode as q,createElementVNode as g,renderSlot as b,watch as h,provide as B,inject as _,createTextVNode as S,toDisplayString as $,Transition as w,toHandlers as x,withCtx as C,withDirectives as k,vShow as I}from"vue";import{withInstall as O}from"@fan-components/utils";var j=r({name:"FfIcon",inheritAttrs:!1,__name:"Icon",props:{border:{type:Boolean,required:!1},fixedWidth:{type:Boolean,required:!1},flip:{type:[String,Boolean],required:!1},icon:{type:[Object,Array,String],required:!0},mask:{type:[Object,Array,String],required:!1},listItem:{type:Boolean,required:!1},pull:{type:String,required:!1},pulse:{type:Boolean,required:!1},rotation:{type:[Number,String],required:!1},swapOpacity:{type:Boolean,required:!1},size:{type:String,required:!1},spin:{type:Boolean,required:!1},transform:{type:[Object,String],required:!1},symbol:{type:[Boolean,String],required:!1},title:{type:String,required:!1},inverse:{type:Boolean,required:!1},bounce:{type:Boolean,required:!1},shake:{type:Boolean,required:!1},beat:{type:Boolean,required:!1},fade:{type:Boolean,required:!1},beatFade:{type:Boolean,required:!1},spinPulse:{type:Boolean,required:!1},spinReverse:{type:Boolean,required:!1}},setup(e){const t=i(),r=e,f=l(()=>Object.fromEntries(Object.entries(r).filter(([,e])=>void 0!==e))),y=l(()=>{const e={};return t.color&&"string"==typeof t.color&&(e.color=t.color),e});return(e,t)=>(a(),n("i",s({class:["ff-icon",{[`ff-icon--${e.$attrs.type}`]:e.$attrs.type}],style:y.value},e.$attrs),[d(p(o),u(c(f.value)),null,16)],16))}});const F=["disabled","autofocus","type"];const V=O(r({name:"FfButton",__name:"button",props:{type:{type:String,required:!1},size:{type:String,required:!1},plain:{type:Boolean,required:!1},round:{type:Boolean,required:!1},circle:{type:Boolean,required:!1},disabled:{type:Boolean,required:!1},nativeType:{type:String,required:!1,default:"button"},autofocus:{type:Boolean,required:!1},icon:{type:String,required:!1},loading:{type:Boolean,required:!1}},setup(e,{expose:t}){f(()=>{});const o=y();return t({ref:o}),(t,r)=>(a(),n("button",{ref_key:"_ref",ref:o,class:m(["ff-button",{[`ff-button--${e.type}`]:e.type,[`ff-button--${e.size}`]:e.size,"is-plain":e.plain,"is-round":e.round,"is-circle":e.circle,"is-disabled":e.disabled,"is-loading":e.loading}]),disabled:e.disabled||e.loading,autofocus:e.autofocus,type:e.nativeType},[e.loading?(a(),v(j,{key:0,icon:"spinner",spin:""})):q("v-if",!0),e.icon?(a(),v(j,{key:1,icon:e.icon},null,8,["icon"])):q("v-if",!0),g("span",null,[b(t.$slots,"default")])],10,F))}}));e.add(t);const z=O(j),A=Symbol("collapseContextKey"),E={class:"ff-collapse"};var N=r({name:"FfCollapse",__name:"Collapse",props:{modelValue:{type:Array,required:!0},accordion:{type:Boolean,required:!1}},emits:["update:modelValue","change"],setup(e,{emit:t}){const o=e,r=t,i=y(o.modelValue);o.accordion&&i.value.length>1&&console.warn("accordion mode should only have one active item");return h(()=>o.modelValue,e=>{i.value=e}),B(A,{activeNames:i,handleItemClick:e=>{let t=[...i.value];if(o.accordion)t=i.value[0]===e?[]:[e],i.value=t;else{const o=t.indexOf(e);o>-1?t.splice(o,1):t.push(e),i.value=t}r("update:modelValue",t),r("change",t)}}),(e,t)=>(a(),n("div",E,[b(e.$slots,"default")]))}});const H=["id"],L={class:"ff-collapse-item__wrapper"},T=["id"];var K=r({name:"FfCollapseItem",__name:"CollapseItem",props:{name:{type:[String,Number],required:!0},title:{type:String,required:!1},disabled:{type:Boolean,required:!1}},setup(e){const t=e,o=_(A),r=l(()=>o?.activeNames.value.includes(t.name)),i=()=>{t.disabled||o?.handleItemClick(t.name)},p={beforeEnter(e){e.style.height="0px",e.style.overflow="hidden"},enter(e){e.style.height=`${e.scrollHeight}px`},afterEnter(e){e.style.height="",e.style.overflow=""},beforeLeave(e){e.style.height=`${e.scrollHeight}px`,e.style.overflow="hidden"},leave(e){e.style.height="0px"},afterLeave(e){e.style.height="",e.style.overflow=""}};return(t,o)=>(a(),n("div",{class:m(["ff-collapse-item",{"is-disabled":e.disabled}])},[g("div",{id:`item-header-${e.name}`,class:m([{"is-disabled":e.disabled,"is-active":r.value},"ff-collapse-item__header"]),onClick:i},[b(t.$slots,"title",{},()=>[S($(e.title),1)]),d(j,{icon:"angle-right",class:"header-angle"})],10,H),d(w,s({name:"slide"},x(p),{persisted:""}),{default:C(()=>[k(g("div",L,[g("div",{id:`item-content-${e.name}`,class:"ff-collapse-item__content"},[b(t.$slots,"default")],8,T)],512),[[I,r.value]])]),_:3},16)],2))}});const P=O(N,{CollapseItem:K}),R=K;e.add(t);const W=[V,z,o,P],D={install:e=>{W.forEach(t=>{e.component(t?.name||"",t)})}};export{V as FFButton,P as FFCollapse,R as FFCollapseItem,z as FFIcon,D as default};

package/dist/components/types.d.ts

@@ -3,6 +3,10 @@ import { Plugin } from "vue";
 declare const FF: Plugin; 
 export default FF; 
 
+export { FFButton } from './Button';
+export { FFIcon } from './Icon';
+export { FFCollapse, FFCollapseItem } from './Collapse';
+
 export * from './Button'
 export * from './Collapse'
 export * from './Icon'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fan-components",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "",
   "main": "./dist/components/index.js",
   "type": "module",