fan-components 1.0.5 → 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/dist/theme-chalk/index.css

@@ -1 +1 @@
-@font-face{font-display:inline;font-family:element-icons;font-style:normal;font-weight:400;src:url(fonts/element-icons.woff) format("woff"),url(fonts/element-icons.ttf) format("truetype")}[class*=ff-icon-]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:element-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;vertical-align:baseline}.ff-icon-ice-cream-round:before{content:"\e6a0"}.ff-icon-ice-cream-square:before{content:"\e6a3"}.ff-icon-lollipop:before{content:"\e6a4"}.ff-icon-potato-strips:before{content:"\e6a5"}.ff-icon-milk-tea:before{content:"\e6a6"}.ff-icon-ice-drink:before{content:"\e6a7"}.ff-icon-ice-tea:before{content:"\e6a9"}.ff-icon-coffee:before{content:"\e6aa"}.ff-icon-orange:before{content:"\e6ab"}.ff-icon-pear:before{content:"\e6ac"}.ff-icon-apple:before{content:"\e6ad"}.ff-icon-cherry:before{content:"\e6ae"}.ff-icon-watermelon:before{content:"\e6af"}.ff-icon-grape:before{content:"\e6b0"}.ff-icon-refrigerator:before{content:"\e6b1"}.ff-icon-goblet-square-full:before{content:"\e6b2"}.ff-icon-goblet-square:before{content:"\e6b3"}.ff-icon-goblet-full:before{content:"\e6b4"}.ff-icon-goblet:before{content:"\e6b5"}.ff-icon-cold-drink:before{content:"\e6b6"}.ff-icon-coffee-cup:before{content:"\e6b8"}.ff-icon-water-cup:before{content:"\e6b9"}.ff-icon-hot-water:before{content:"\e6ba"}.ff-icon-ice-cream:before{content:"\e6bb"}.ff-icon-dessert:before{content:"\e6bc"}.ff-icon-sugar:before{content:"\e6bd"}.ff-icon-tableware:before{content:"\e6be"}.ff-icon-burger:before{content:"\e6bf"}.ff-icon-knife-fork:before{content:"\e6c1"}.ff-icon-fork-spoon:before{content:"\e6c2"}.ff-icon-chicken:before{content:"\e6c3"}.ff-icon-food:before{content:"\e6c4"}.ff-icon-dish-1:before{content:"\e6c5"}.ff-icon-dish:before{content:"\e6c6"}.ff-icon-moon-night:before{content:"\e6ee"}.ff-icon-moon:before{content:"\e6f0"}.ff-icon-cloudy-and-sunny:before{content:"\e6f1"}.ff-icon-partly-cloudy:before{content:"\e6f2"}.ff-icon-cloudy:before{content:"\e6f3"}.ff-icon-sunny:before{content:"\e6f6"}.ff-icon-sunset:before{content:"\e6f7"}.ff-icon-sunrise-1:before{content:"\e6f8"}.ff-icon-sunrise:before{content:"\e6f9"}.ff-icon-heavy-rain:before{content:"\e6fa"}.ff-icon-lightning:before{content:"\e6fb"}.ff-icon-light-rain:before{content:"\e6fc"}.ff-icon-wind-power:before{content:"\e6fd"}.ff-icon-baseball:before{content:"\e712"}.ff-icon-soccer:before{content:"\e713"}.ff-icon-football:before{content:"\e715"}.ff-icon-basketball:before{content:"\e716"}.ff-icon-ship:before{content:"\e73f"}.ff-icon-truck:before{content:"\e740"}.ff-icon-bicycle:before{content:"\e741"}.ff-icon-mobile-phone:before{content:"\e6d3"}.ff-icon-service:before{content:"\e6d4"}.ff-icon-key:before{content:"\e6e2"}.ff-icon-unlock:before{content:"\e6e4"}.ff-icon-lock:before{content:"\e6e5"}.ff-icon-watch:before{content:"\e6fe"}.ff-icon-watch-1:before{content:"\e6ff"}.ff-icon-timer:before{content:"\e702"}.ff-icon-alarm-clock:before{content:"\e703"}.ff-icon-map-location:before{content:"\e704"}.ff-icon-delete-location:before{content:"\e705"}.ff-icon-add-location:before{content:"\e706"}.ff-icon-location-information:before{content:"\e707"}.ff-icon-location-outline:before{content:"\e708"}.ff-icon-location:before{content:"\e79e"}.ff-icon-place:before{content:"\e709"}.ff-icon-discover:before{content:"\e70a"}.ff-icon-first-aid-kit:before{content:"\e70b"}.ff-icon-trophy-1:before{content:"\e70c"}.ff-icon-trophy:before{content:"\e70d"}.ff-icon-medal:before{content:"\e70e"}.ff-icon-medal-1:before{content:"\e70f"}.ff-icon-stopwatch:before{content:"\e710"}.ff-icon-mic:before{content:"\e711"}.ff-icon-copy-document:before{content:"\e718"}.ff-icon-full-screen:before{content:"\e719"}.ff-icon-switch-button:before{content:"\e71b"}.ff-icon-aim:before{content:"\e71c"}.ff-icon-crop:before{content:"\e71d"}.ff-icon-odometer:before{content:"\e71e"}.ff-icon-time:before{content:"\e71f"}.ff-icon-bangzhu:before{content:"\e724"}.ff-icon-close-notification:before{content:"\e726"}.ff-icon-microphone:before{content:"\e727"}.ff-icon-turn-off-microphone:before{content:"\e728"}.ff-icon-position:before{content:"\e729"}.ff-icon-postcard:before{content:"\e72a"}.ff-icon-message:before{content:"\e72b"}.ff-icon-chat-line-square:before{content:"\e72d"}.ff-icon-chat-dot-square:before{content:"\e72e"}.ff-icon-chat-dot-round:before{content:"\e72f"}.ff-icon-chat-square:before{content:"\e730"}.ff-icon-chat-line-round:before{content:"\e731"}.ff-icon-chat-round:before{content:"\e732"}.ff-icon-set-up:before{content:"\e733"}.ff-icon-turn-off:before{content:"\e734"}.ff-icon-open:before{content:"\e735"}.ff-icon-connection:before{content:"\e736"}.ff-icon-link:before{content:"\e737"}.ff-icon-cpu:before{content:"\e738"}.ff-icon-thumb:before{content:"\e739"}.ff-icon-female:before{content:"\e73a"}.ff-icon-male:before{content:"\e73b"}.ff-icon-guide:before{content:"\e73c"}.ff-icon-news:before{content:"\e73e"}.ff-icon-price-tag:before{content:"\e744"}.ff-icon-discount:before{content:"\e745"}.ff-icon-wallet:before{content:"\e747"}.ff-icon-coin:before{content:"\e748"}.ff-icon-money:before{content:"\e749"}.ff-icon-bank-card:before{content:"\e74a"}.ff-icon-box:before{content:"\e74b"}.ff-icon-present:before{content:"\e74c"}.ff-icon-sell:before{content:"\e6d5"}.ff-icon-sold-out:before{content:"\e6d6"}.ff-icon-shopping-bag-2:before{content:"\e74d"}.ff-icon-shopping-bag-1:before{content:"\e74e"}.ff-icon-shopping-cart-2:before{content:"\e74f"}.ff-icon-shopping-cart-1:before{content:"\e750"}.ff-icon-shopping-cart-full:before{content:"\e751"}.ff-icon-smoking:before{content:"\e752"}.ff-icon-no-smoking:before{content:"\e753"}.ff-icon-house:before{content:"\e754"}.ff-icon-table-lamp:before{content:"\e755"}.ff-icon-school:before{content:"\e756"}.ff-icon-office-building:before{content:"\e757"}.ff-icon-toilet-paper:before{content:"\e758"}.ff-icon-notebook-2:before{content:"\e759"}.ff-icon-notebook-1:before{content:"\e75a"}.ff-icon-files:before{content:"\e75b"}.ff-icon-collection:before{content:"\e75c"}.ff-icon-receiving:before{content:"\e75d"}.ff-icon-suitcase-1:before{content:"\e760"}.ff-icon-suitcase:before{content:"\e761"}.ff-icon-film:before{content:"\e763"}.ff-icon-collection-tag:before{content:"\e765"}.ff-icon-data-analysis:before{content:"\e766"}.ff-icon-pie-chart:before{content:"\e767"}.ff-icon-data-board:before{content:"\e768"}.ff-icon-data-line:before{content:"\e76d"}.ff-icon-reading:before{content:"\e769"}.ff-icon-magic-stick:before{content:"\e76a"}.ff-icon-coordinate:before{content:"\e76b"}.ff-icon-mouse:before{content:"\e76c"}.ff-icon-brush:before{content:"\e76e"}.ff-icon-headset:before{content:"\e76f"}.ff-icon-umbrella:before{content:"\e770"}.ff-icon-scissors:before{content:"\e771"}.ff-icon-mobile:before{content:"\e773"}.ff-icon-attract:before{content:"\e774"}.ff-icon-monitor:before{content:"\e775"}.ff-icon-search:before{content:"\e778"}.ff-icon-takeaway-box:before{content:"\e77a"}.ff-icon-paperclip:before{content:"\e77d"}.ff-icon-printer:before{content:"\e77e"}.ff-icon-document-add:before{content:"\e782"}.ff-icon-document:before{content:"\e785"}.ff-icon-document-checked:before{content:"\e786"}.ff-icon-document-copy:before{content:"\e787"}.ff-icon-document-delete:before{content:"\e788"}.ff-icon-document-remove:before{content:"\e789"}.ff-icon-tickets:before{content:"\e78b"}.ff-icon-folder-checked:before{content:"\e77f"}.ff-icon-folder-delete:before{content:"\e780"}.ff-icon-folder-remove:before{content:"\e781"}.ff-icon-folder-add:before{content:"\e783"}.ff-icon-folder-opened:before{content:"\e784"}.ff-icon-folder:before{content:"\e78a"}.ff-icon-edit-outline:before{content:"\e764"}.ff-icon-edit:before{content:"\e78c"}.ff-icon-date:before{content:"\e78e"}.ff-icon-c-scale-to-original:before{content:"\e7c6"}.ff-icon-view:before{content:"\e6ce"}.ff-icon-loading:before{content:"\e6cf"}.ff-icon-rank:before{content:"\e6d1"}.ff-icon-sort-down:before{content:"\e7c4"}.ff-icon-sort-up:before{content:"\e7c5"}.ff-icon-sort:before{content:"\e6d2"}.ff-icon-finished:before{content:"\e6cd"}.ff-icon-refresh-left:before{content:"\e6c7"}.ff-icon-refresh-right:before{content:"\e6c8"}.ff-icon-refresh:before{content:"\e6d0"}.ff-icon-video-play:before{content:"\e7c0"}.ff-icon-video-pause:before{content:"\e7c1"}.ff-icon-d-arrow-right:before{content:"\e6dc"}.ff-icon-d-arrow-left:before{content:"\e6dd"}.ff-icon-arrow-up:before{content:"\e6e1"}.ff-icon-arrow-down:before{content:"\e6df"}.ff-icon-arrow-right:before{content:"\e6e0"}.ff-icon-arrow-left:before{content:"\e6de"}.ff-icon-top-right:before{content:"\e6e7"}.ff-icon-top-left:before{content:"\e6e8"}.ff-icon-top:before{content:"\e6e6"}.ff-icon-bottom:before{content:"\e6eb"}.ff-icon-right:before{content:"\e6e9"}.ff-icon-back:before{content:"\e6ea"}.ff-icon-bottom-right:before{content:"\e6ec"}.ff-icon-bottom-left:before{content:"\e6ed"}.ff-icon-caret-top:before{content:"\e78f"}.ff-icon-caret-bottom:before{content:"\e790"}.ff-icon-caret-right:before{content:"\e791"}.ff-icon-caret-left:before{content:"\e792"}.ff-icon-d-caret:before{content:"\e79a"}.ff-icon-share:before{content:"\e793"}.ff-icon-menu:before{content:"\e798"}.ff-icon-s-grid:before{content:"\e7a6"}.ff-icon-s-check:before{content:"\e7a7"}.ff-icon-s-data:before{content:"\e7a8"}.ff-icon-s-opportunity:before{content:"\e7aa"}.ff-icon-s-custom:before{content:"\e7ab"}.ff-icon-s-claim:before{content:"\e7ad"}.ff-icon-s-finance:before{content:"\e7ae"}.ff-icon-s-comment:before{content:"\e7af"}.ff-icon-s-flag:before{content:"\e7b0"}.ff-icon-s-marketing:before{content:"\e7b1"}.ff-icon-s-shop:before{content:"\e7b4"}.ff-icon-s-open:before{content:"\e7b5"}.ff-icon-s-management:before{content:"\e7b6"}.ff-icon-s-ticket:before{content:"\e7b7"}.ff-icon-s-release:before{content:"\e7b8"}.ff-icon-s-home:before{content:"\e7b9"}.ff-icon-s-promotion:before{content:"\e7ba"}.ff-icon-s-operation:before{content:"\e7bb"}.ff-icon-s-unfold:before{content:"\e7bc"}.ff-icon-s-fold:before{content:"\e7a9"}.ff-icon-s-platform:before{content:"\e7bd"}.ff-icon-s-order:before{content:"\e7be"}.ff-icon-s-cooperation:before{content:"\e7bf"}.ff-icon-bell:before{content:"\e725"}.ff-icon-message-solid:before{content:"\e799"}.ff-icon-video-camera:before{content:"\e772"}.ff-icon-video-camera-solid:before{content:"\e796"}.ff-icon-camera:before{content:"\e779"}.ff-icon-camera-solid:before{content:"\e79b"}.ff-icon-download:before{content:"\e77c"}.ff-icon-upload2:before{content:"\e77b"}.ff-icon-upload:before{content:"\e7c3"}.ff-icon-picture-outline-round:before{content:"\e75f"}.ff-icon-picture-outline:before{content:"\e75e"}.ff-icon-picture:before{content:"\e79f"}.ff-icon-close:before{content:"\e6db"}.ff-icon-check:before{content:"\e6da"}.ff-icon-plus:before{content:"\e6d9"}.ff-icon-minus:before{content:"\e6d8"}.ff-icon-help:before{content:"\e73d"}.ff-icon-s-help:before{content:"\e7b3"}.ff-icon-circle-close:before{content:"\e78d"}.ff-icon-circle-check:before{content:"\e720"}.ff-icon-circle-plus-outline:before{content:"\e723"}.ff-icon-remove-outline:before{content:"\e722"}.ff-icon-zoom-out:before{content:"\e776"}.ff-icon-zoom-in:before{content:"\e777"}.ff-icon-error:before{content:"\e79d"}.ff-icon-success:before{content:"\e79c"}.ff-icon-circle-plus:before{content:"\e7a0"}.ff-icon-remove:before{content:"\e7a2"}.ff-icon-info:before{content:"\e7a1"}.ff-icon-question:before{content:"\e7a4"}.ff-icon-warning-outline:before{content:"\e6c9"}.ff-icon-warning:before{content:"\e7a3"}.ff-icon-goods:before{content:"\e7c2"}.ff-icon-s-goods:before{content:"\e7b2"}.ff-icon-star-off:before{content:"\e717"}.ff-icon-star-on:before{content:"\e797"}.ff-icon-more-outline:before{content:"\e6cc"}.ff-icon-more:before{content:"\e794"}.ff-icon-phone-outline:before{content:"\e6cb"}.ff-icon-phone:before{content:"\e795"}.ff-icon-user:before{content:"\e6e3"}.ff-icon-user-solid:before{content:"\e7a5"}.ff-icon-setting:before{content:"\e6ca"}.ff-icon-s-tools:before{content:"\e7ac"}.ff-icon-delete:before{content:"\e6d7"}.ff-icon-delete-solid:before{content:"\e7c9"}.ff-icon-eleme:before{content:"\e7c7"}.ff-icon-platform-eleme:before{content:"\e7ca"}.ff-icon-loading{animation:rotating 2s linear infinite}.ff-icon--right{margin-left:5px}.ff-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--ff-color-white:#fff;--ff-color-black:#000;--ff-glass:#bbbbbc;--ff-light:#fff;--ff-dark:#000;--ff-content:#224;--ff-bg:#e8e8e9;--ff-reflex-dark:1;--ff-reflex-light:1;--ff-glass-bg:hsla(0,0%,100%,.15);--ff-glass-bg-hover:hsla(0,0%,100%,.25);--ff-glass-border:hsla(0,0%,100%,.3);--ff-glass-shadow:0 8px 32px 0 rgba(31,38,135,.15);--ff-glass-blur:blur(12px);--ff-glass-radius:12px;--ff-color-primary:#409eff;--ff-color-primary-light-3:color-mix(in srgb,#fff 30%,#409eff);--ff-color-primary-light-5:color-mix(in srgb,#fff 50%,#409eff);--ff-color-primary-light-7:color-mix(in srgb,#fff 70%,#409eff);--ff-color-primary-light-9:color-mix(in srgb,#fff 90%,#409eff);--ff-color-primary-light-8:color-mix(in srgb,#fff 80%,#409eff);--ff-color-primary-dark-2:color-mix(in srgb,#000 20%,#409eff);--ff-color-success:#67c23a;--ff-color-success-light-3:color-mix(in srgb,#fff 30%,#67c23a);--ff-color-success-light-5:color-mix(in srgb,#fff 50%,#67c23a);--ff-color-success-light-7:color-mix(in srgb,#fff 70%,#67c23a);--ff-color-success-light-9:color-mix(in srgb,#fff 90%,#67c23a);--ff-color-success-light-8:color-mix(in srgb,#fff 80%,#67c23a);--ff-color-success-dark-2:color-mix(in srgb,#000 20%,#67c23a);--ff-color-warning:#e6a23c;--ff-color-warning-light-3:color-mix(in srgb,#fff 30%,#e6a23c);--ff-color-warning-light-5:color-mix(in srgb,#fff 50%,#e6a23c);--ff-color-warning-light-7:color-mix(in srgb,#fff 70%,#e6a23c);--ff-color-warning-light-9:color-mix(in srgb,#fff 90%,#e6a23c);--ff-color-warning-light-8:color-mix(in srgb,#fff 80%,#e6a23c);--ff-color-warning-dark-2:color-mix(in srgb,#000 20%,#e6a23c);--ff-color-danger:#f56c6c;--ff-color-danger-light-3:color-mix(in srgb,#fff 30%,#f56c6c);--ff-color-danger-light-5:color-mix(in srgb,#fff 50%,#f56c6c);--ff-color-danger-light-7:color-mix(in srgb,#fff 70%,#f56c6c);--ff-color-danger-light-9:color-mix(in srgb,#fff 90%,#f56c6c);--ff-color-danger-light-8:color-mix(in srgb,#fff 80%,#f56c6c);--ff-color-danger-dark-2:color-mix(in srgb,#000 20%,#f56c6c);--ff-color-info:#909399;--ff-color-info-light-3:color-mix(in srgb,#fff 30%,#909399);--ff-color-info-light-5:color-mix(in srgb,#fff 50%,#909399);--ff-color-info-light-7:color-mix(in srgb,#fff 70%,#909399);--ff-color-info-light-9:color-mix(in srgb,#fff 90%,#909399);--ff-color-info-light-8:color-mix(in srgb,#fff 80%,#909399);--ff-color-info-dark-2:color-mix(in srgb,#000 20%,#909399);--ff-bg-color:#fff;--ff-bg-color-page:#f2f3f5;--ff-bg-color-overlay:#fff;--ff-text-color-primary:#303133;--ff-text-color-regular:#606266;--ff-text-color-secondary:#909399;--ff-text-color-placeholder:#a8abb2;--ff-text-color-disabled:#c0c4cc;--ff-border-color:#dcdfe6;--ff-border-color-light:#e4e7ed;--ff-border-color-lighter:#ebeef5;--ff-border-color-extra-light:#f2f6fc;--ff-border-color-dark:#d4d7de;--ff-border-color-darker:#cdd0d6;--ff-fill-color:#f0f2f5;--ff-fill-color-light:#f5f7fa;--ff-fill-color-lighter:#fafafa;--ff-fill-color-extra-light:#fafcff;--ff-fill-color-dark:#ebedf0;--ff-fill-color-darker:#e6e8eb;--ff-fill-color-blank:#fff;--ff-border-width:1px;--ff-border-style:solid;--ff-border-color-hover:var(--ff-text-color-disabled);--ff-border:var(--ff-border-width) var(--ff-border-style) var(--ff-border-color);--ff-border-radius-base:4px;--ff-border-radius-small:2px;--ff-border-radius-round:20px;--ff-border-radius-circle:100%;--ff-font-size-extra-large:20px;--ff-font-size-large:18px;--ff-font-size-medium:16px;--ff-font-size-base:14px;--ff-font-size-small:13px;--ff-font-size-extra-small:12px;--ff-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5fae\8f6f\96c5\9ed1",Arial,sans-serif;--ff-font-weight-primary:500;--ff-disabled-bg-color:var(--ff-fill-color-light);--ff-disabled-text-color:var(--ff-text-color-placeholder);--ff-disabled-border-color:var(--ff-border-color-light);--ff-transition-duration:0.3s;--ff-transition-duration-fast:0.2s}.ff-button{--ff-button-font-weight:var(--ff-font-weight-primary);--ff-button-border-color:var(--ff-border-color);--ff-button-bg-color:var(--ff-fill-color-blank);--ff-button-text-color:var(--ff-text-color-regular);--ff-button-disabled-text-color:var(--ff-disabled-text-color);--ff-button-disabled-bg-color:var(--ff-fill-color-blank);--ff-button-disabled-border-color:var(--ff-border-color-light);--ff-button-hover-text-color:var(--ff-color-primary);--ff-button-hover-bg-color:var(--ff-color-primary-light-9);--ff-button-hover-border-color:var(--ff-color-primary-light-7);--ff-button-active-text-color:var(--ff-button-hover-text-color);--ff-button-active-border-color:var(--ff-color-primary);--ff-button-active-bg-color:var(--ff-button-hover-bg-color);--ff-button-outline-color:var(--ff-color-primary-light-5);--ff-button-active-color:var(--ff-text-color-primary);align-items:center;-webkit-appearance:none;backdrop-filter:var(--ff-glass-blur);-webkit-backdrop-filter:var(--ff-glass-blur);background:var(--ff-glass-bg);border:1px solid var(--ff-glass-border);border-radius:var(--ff-glass-radius);box-shadow:var(--ff-glass-shadow);box-sizing:border-box;color:var(--ff-button-text-color);cursor:pointer;display:inline-flex;font-size:var(--ff-font-size-base);font-weight:var(--ff-button-font-weight);height:32px;justify-content:center;line-height:1;outline:none;padding:8px 15px;text-align:center;transition:all .3s ease;user-select:none;vertical-align:middle;white-space:nowrap}.ff-button+.ff-button{margin-left:12px}.ff-button:focus,.ff-button:hover{background:var(--ff-glass-bg-hover);border-color:var(--ff-glass-border);box-shadow:0 8px 32px 0 rgba(31,38,135,.25);color:var(--ff-button-hover-text-color);outline:none;transform:translateY(-2px)}.ff-button:active{background:var(--ff-glass-bg-hover);box-shadow:0 4px 16px 0 rgba(31,38,135,.15);color:var(--ff-button-active-text-color);outline:none;transform:translateY(0)}.ff-button.is-plain{--ff-button-hover-text-color:var(--ff-color-primary);--ff-button-hover-bg-color:hsla(0,0%,100%,.1);--ff-button-hover-border-color:var(--ff-color-primary);background:hsla(0,0%,100%,.05)}.ff-button.is-round{border-radius:var(--ff-border-radius-round)}.ff-button.is-circle{border-radius:50%;padding:8px}.ff-button.is-disabled,.ff-button.is-disabled:focus,.ff-button.is-disabled:hover,.ff-button[disabled],.ff-button[disabled]:focus,.ff-button[disabled]:hover{backdrop-filter:var(--ff-glass-blur);-webkit-backdrop-filter:var(--ff-glass-blur);background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15);box-shadow:none;color:var(--ff-button-disabled-text-color);cursor:not-allowed;opacity:.6}.ff-button [class*=ff-icon]+span{margin-left:6px}.ff-button--primary{--ff-button-text-color:var(--ff-color-white);--ff-button-bg-color:var(--ff-color-primary);--ff-button-border-color:var(--ff-color-primary);--ff-button-outline-color:var(--ff-color-primary-light-5);--ff-button-active-color:var(--ff-color-primary-dark-2);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-primary-light-3);--ff-button-hover-border-color:var(--ff-color-primary-light-3);--ff-button-active-bg-color:var(--ff-color-primary-dark-2);--ff-button-active-border-color:var(--ff-color-primary-dark-2);--ff-button-disabled-text-color:var(--ff-color-white);--ff-button-disabled-bg-color:var(--ff-color-primary-light-5);--ff-button-disabled-border-color:var(--ff-color-primary-light-5);background:linear-gradient(135deg,hsla(0,0%,100%,.2),var(--ff-color-primary));border-color:hsla(0,0%,100%,.4)}.ff-button--primary.is-plain{--ff-button-text-color:var(--ff-color-primary);--ff-button-bg-color:var(--ff-color-primary-light-9);--ff-button-border-color:var(--ff-color-primary-light-5);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-primary);--ff-button-hover-border-color:var(--ff-color-primary);--ff-button-active-text-color:var(--ff-color-white);background:hsla(0,0%,100%,.1)}.ff-button--success{--ff-button-text-color:var(--ff-color-white);--ff-button-bg-color:var(--ff-color-success);--ff-button-border-color:var(--ff-color-success);--ff-button-outline-color:var(--ff-color-success-light-5);--ff-button-active-color:var(--ff-color-success-dark-2);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-success-light-3);--ff-button-hover-border-color:var(--ff-color-success-light-3);--ff-button-active-bg-color:var(--ff-color-success-dark-2);--ff-button-active-border-color:var(--ff-color-success-dark-2);--ff-button-disabled-text-color:var(--ff-color-white);--ff-button-disabled-bg-color:var(--ff-color-success-light-5);--ff-button-disabled-border-color:var(--ff-color-success-light-5);background:linear-gradient(135deg,hsla(0,0%,100%,.2),var(--ff-color-success));border-color:hsla(0,0%,100%,.4)}.ff-button--success.is-plain{--ff-button-text-color:var(--ff-color-success);--ff-button-bg-color:var(--ff-color-success-light-9);--ff-button-border-color:var(--ff-color-success-light-5);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-success);--ff-button-hover-border-color:var(--ff-color-success);--ff-button-active-text-color:var(--ff-color-white);background:hsla(0,0%,100%,.1)}.ff-button--warning{--ff-button-text-color:var(--ff-color-white);--ff-button-bg-color:var(--ff-color-warning);--ff-button-border-color:var(--ff-color-warning);--ff-button-outline-color:var(--ff-color-warning-light-5);--ff-button-active-color:var(--ff-color-warning-dark-2);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-warning-light-3);--ff-button-hover-border-color:var(--ff-color-warning-light-3);--ff-button-active-bg-color:var(--ff-color-warning-dark-2);--ff-button-active-border-color:var(--ff-color-warning-dark-2);--ff-button-disabled-text-color:var(--ff-color-white);--ff-button-disabled-bg-color:var(--ff-color-warning-light-5);--ff-button-disabled-border-color:var(--ff-color-warning-light-5);background:linear-gradient(135deg,hsla(0,0%,100%,.2),var(--ff-color-warning));border-color:hsla(0,0%,100%,.4)}.ff-button--warning.is-plain{--ff-button-text-color:var(--ff-color-warning);--ff-button-bg-color:var(--ff-color-warning-light-9);--ff-button-border-color:var(--ff-color-warning-light-5);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-warning);--ff-button-hover-border-color:var(--ff-color-warning);--ff-button-active-text-color:var(--ff-color-white);background:hsla(0,0%,100%,.1)}.ff-button--info{--ff-button-text-color:var(--ff-color-white);--ff-button-bg-color:var(--ff-color-info);--ff-button-border-color:var(--ff-color-info);--ff-button-outline-color:var(--ff-color-info-light-5);--ff-button-active-color:var(--ff-color-info-dark-2);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-info-light-3);--ff-button-hover-border-color:var(--ff-color-info-light-3);--ff-button-active-bg-color:var(--ff-color-info-dark-2);--ff-button-active-border-color:var(--ff-color-info-dark-2);--ff-button-disabled-text-color:var(--ff-color-white);--ff-button-disabled-bg-color:var(--ff-color-info-light-5);--ff-button-disabled-border-color:var(--ff-color-info-light-5);background:linear-gradient(135deg,hsla(0,0%,100%,.2),var(--ff-color-info));border-color:hsla(0,0%,100%,.4)}.ff-button--info.is-plain{--ff-button-text-color:var(--ff-color-info);--ff-button-bg-color:var(--ff-color-info-light-9);--ff-button-border-color:var(--ff-color-info-light-5);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-info);--ff-button-hover-border-color:var(--ff-color-info);--ff-button-active-text-color:var(--ff-color-white);background:hsla(0,0%,100%,.1)}.ff-button--danger{--ff-button-text-color:var(--ff-color-white);--ff-button-bg-color:var(--ff-color-danger);--ff-button-border-color:var(--ff-color-danger);--ff-button-outline-color:var(--ff-color-danger-light-5);--ff-button-active-color:var(--ff-color-danger-dark-2);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-danger-light-3);--ff-button-hover-border-color:var(--ff-color-danger-light-3);--ff-button-active-bg-color:var(--ff-color-danger-dark-2);--ff-button-active-border-color:var(--ff-color-danger-dark-2);--ff-button-disabled-text-color:var(--ff-color-white);--ff-button-disabled-bg-color:var(--ff-color-danger-light-5);--ff-button-disabled-border-color:var(--ff-color-danger-light-5);background:linear-gradient(135deg,hsla(0,0%,100%,.2),var(--ff-color-danger));border-color:hsla(0,0%,100%,.4)}.ff-button--danger.is-plain{--ff-button-text-color:var(--ff-color-danger);--ff-button-bg-color:var(--ff-color-danger-light-9);--ff-button-border-color:var(--ff-color-danger-light-5);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-danger);--ff-button-hover-border-color:var(--ff-color-danger);--ff-button-active-text-color:var(--ff-color-white);background:hsla(0,0%,100%,.1)}.ff-button--large{--ff-button-size:40px;border-radius:var(--ff-border-radius-base);font-size:var(--ff-font-size-base);height:var(--ff-button-size);padding:12px 19px}.ff-button--small{--ff-button-size:24px;border-radius:calc(var(--ff-border-radius-base) - 1px);font-size:12px;height:var(--ff-button-size);padding:5px 11px}.ff-collapse{backdrop-filter:var(--ff-glass-blur);-webkit-backdrop-filter:var(--ff-glass-blur);background:var(--ff-glass-bg);border:1px solid var(--ff-glass-border);border-radius:var(--ff-glass-radius);box-shadow:var(--ff-glass-shadow);overflow:hidden}.ff-collapse-item{border-bottom:1px solid var(--ff-glass-border)}.ff-collapse-item:last-child{border-bottom:none}.ff-collapse-item__header{align-items:center;background:transparent;color:var(--ff-text-color-regular);cursor:pointer;display:flex;font-size:var(--ff-font-size-base);font-weight:var(--ff-font-weight-primary);justify-content:space-between;padding:16px 20px;transition:all .3s ease}.ff-collapse-item__header:hover{background:var(--ff-glass-bg-hover);color:var(--ff-color-primary)}.ff-collapse-item__header.is-active{background:hsla(0,0%,100%,.1);color:var(--ff-color-primary)}.ff-collapse-item__header.is-disabled{color:var(--ff-disabled-text-color);cursor:not-allowed;opacity:.6}.ff-collapse-item__header.is-disabled:hover{background:transparent;color:var(--ff-disabled-text-color)}.ff-collapse-item__header .header-angle{color:var(--ff-text-color-secondary);transition:transform .3s ease}.ff-collapse-item__header.is-active .header-angle{transform:rotate(90deg)}.ff-collapse-item__wrapper{overflow:hidden;transition:height .3s ease}.ff-collapse-item__content{background:hsla(0,0%,100%,.05);color:var(--ff-text-color-regular);font-size:var(--ff-font-size-base);line-height:1.6;padding:16px 20px}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from,.slide-leave-to{opacity:0;transform:translateY(-10px)}
+@font-face{font-display:inline;font-family:element-icons;font-style:normal;font-weight:400;src:url(fonts/element-icons.woff) format("woff"),url(fonts/element-icons.ttf) format("truetype")}[class*=ff-icon-]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:element-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;vertical-align:baseline}.ff-icon-ice-cream-round:before{content:"\e6a0"}.ff-icon-ice-cream-square:before{content:"\e6a3"}.ff-icon-lollipop:before{content:"\e6a4"}.ff-icon-potato-strips:before{content:"\e6a5"}.ff-icon-milk-tea:before{content:"\e6a6"}.ff-icon-ice-drink:before{content:"\e6a7"}.ff-icon-ice-tea:before{content:"\e6a9"}.ff-icon-coffee:before{content:"\e6aa"}.ff-icon-orange:before{content:"\e6ab"}.ff-icon-pear:before{content:"\e6ac"}.ff-icon-apple:before{content:"\e6ad"}.ff-icon-cherry:before{content:"\e6ae"}.ff-icon-watermelon:before{content:"\e6af"}.ff-icon-grape:before{content:"\e6b0"}.ff-icon-refrigerator:before{content:"\e6b1"}.ff-icon-goblet-square-full:before{content:"\e6b2"}.ff-icon-goblet-square:before{content:"\e6b3"}.ff-icon-goblet-full:before{content:"\e6b4"}.ff-icon-goblet:before{content:"\e6b5"}.ff-icon-cold-drink:before{content:"\e6b6"}.ff-icon-coffee-cup:before{content:"\e6b8"}.ff-icon-water-cup:before{content:"\e6b9"}.ff-icon-hot-water:before{content:"\e6ba"}.ff-icon-ice-cream:before{content:"\e6bb"}.ff-icon-dessert:before{content:"\e6bc"}.ff-icon-sugar:before{content:"\e6bd"}.ff-icon-tableware:before{content:"\e6be"}.ff-icon-burger:before{content:"\e6bf"}.ff-icon-knife-fork:before{content:"\e6c1"}.ff-icon-fork-spoon:before{content:"\e6c2"}.ff-icon-chicken:before{content:"\e6c3"}.ff-icon-food:before{content:"\e6c4"}.ff-icon-dish-1:before{content:"\e6c5"}.ff-icon-dish:before{content:"\e6c6"}.ff-icon-moon-night:before{content:"\e6ee"}.ff-icon-moon:before{content:"\e6f0"}.ff-icon-cloudy-and-sunny:before{content:"\e6f1"}.ff-icon-partly-cloudy:before{content:"\e6f2"}.ff-icon-cloudy:before{content:"\e6f3"}.ff-icon-sunny:before{content:"\e6f6"}.ff-icon-sunset:before{content:"\e6f7"}.ff-icon-sunrise-1:before{content:"\e6f8"}.ff-icon-sunrise:before{content:"\e6f9"}.ff-icon-heavy-rain:before{content:"\e6fa"}.ff-icon-lightning:before{content:"\e6fb"}.ff-icon-light-rain:before{content:"\e6fc"}.ff-icon-wind-power:before{content:"\e6fd"}.ff-icon-baseball:before{content:"\e712"}.ff-icon-soccer:before{content:"\e713"}.ff-icon-football:before{content:"\e715"}.ff-icon-basketball:before{content:"\e716"}.ff-icon-ship:before{content:"\e73f"}.ff-icon-truck:before{content:"\e740"}.ff-icon-bicycle:before{content:"\e741"}.ff-icon-mobile-phone:before{content:"\e6d3"}.ff-icon-service:before{content:"\e6d4"}.ff-icon-key:before{content:"\e6e2"}.ff-icon-unlock:before{content:"\e6e4"}.ff-icon-lock:before{content:"\e6e5"}.ff-icon-watch:before{content:"\e6fe"}.ff-icon-watch-1:before{content:"\e6ff"}.ff-icon-timer:before{content:"\e702"}.ff-icon-alarm-clock:before{content:"\e703"}.ff-icon-map-location:before{content:"\e704"}.ff-icon-delete-location:before{content:"\e705"}.ff-icon-add-location:before{content:"\e706"}.ff-icon-location-information:before{content:"\e707"}.ff-icon-location-outline:before{content:"\e708"}.ff-icon-location:before{content:"\e79e"}.ff-icon-place:before{content:"\e709"}.ff-icon-discover:before{content:"\e70a"}.ff-icon-first-aid-kit:before{content:"\e70b"}.ff-icon-trophy-1:before{content:"\e70c"}.ff-icon-trophy:before{content:"\e70d"}.ff-icon-medal:before{content:"\e70e"}.ff-icon-medal-1:before{content:"\e70f"}.ff-icon-stopwatch:before{content:"\e710"}.ff-icon-mic:before{content:"\e711"}.ff-icon-copy-document:before{content:"\e718"}.ff-icon-full-screen:before{content:"\e719"}.ff-icon-switch-button:before{content:"\e71b"}.ff-icon-aim:before{content:"\e71c"}.ff-icon-crop:before{content:"\e71d"}.ff-icon-odometer:before{content:"\e71e"}.ff-icon-time:before{content:"\e71f"}.ff-icon-bangzhu:before{content:"\e724"}.ff-icon-close-notification:before{content:"\e726"}.ff-icon-microphone:before{content:"\e727"}.ff-icon-turn-off-microphone:before{content:"\e728"}.ff-icon-position:before{content:"\e729"}.ff-icon-postcard:before{content:"\e72a"}.ff-icon-message:before{content:"\e72b"}.ff-icon-chat-line-square:before{content:"\e72d"}.ff-icon-chat-dot-square:before{content:"\e72e"}.ff-icon-chat-dot-round:before{content:"\e72f"}.ff-icon-chat-square:before{content:"\e730"}.ff-icon-chat-line-round:before{content:"\e731"}.ff-icon-chat-round:before{content:"\e732"}.ff-icon-set-up:before{content:"\e733"}.ff-icon-turn-off:before{content:"\e734"}.ff-icon-open:before{content:"\e735"}.ff-icon-connection:before{content:"\e736"}.ff-icon-link:before{content:"\e737"}.ff-icon-cpu:before{content:"\e738"}.ff-icon-thumb:before{content:"\e739"}.ff-icon-female:before{content:"\e73a"}.ff-icon-male:before{content:"\e73b"}.ff-icon-guide:before{content:"\e73c"}.ff-icon-news:before{content:"\e73e"}.ff-icon-price-tag:before{content:"\e744"}.ff-icon-discount:before{content:"\e745"}.ff-icon-wallet:before{content:"\e747"}.ff-icon-coin:before{content:"\e748"}.ff-icon-money:before{content:"\e749"}.ff-icon-bank-card:before{content:"\e74a"}.ff-icon-box:before{content:"\e74b"}.ff-icon-present:before{content:"\e74c"}.ff-icon-sell:before{content:"\e6d5"}.ff-icon-sold-out:before{content:"\e6d6"}.ff-icon-shopping-bag-2:before{content:"\e74d"}.ff-icon-shopping-bag-1:before{content:"\e74e"}.ff-icon-shopping-cart-2:before{content:"\e74f"}.ff-icon-shopping-cart-1:before{content:"\e750"}.ff-icon-shopping-cart-full:before{content:"\e751"}.ff-icon-smoking:before{content:"\e752"}.ff-icon-no-smoking:before{content:"\e753"}.ff-icon-house:before{content:"\e754"}.ff-icon-table-lamp:before{content:"\e755"}.ff-icon-school:before{content:"\e756"}.ff-icon-office-building:before{content:"\e757"}.ff-icon-toilet-paper:before{content:"\e758"}.ff-icon-notebook-2:before{content:"\e759"}.ff-icon-notebook-1:before{content:"\e75a"}.ff-icon-files:before{content:"\e75b"}.ff-icon-collection:before{content:"\e75c"}.ff-icon-receiving:before{content:"\e75d"}.ff-icon-suitcase-1:before{content:"\e760"}.ff-icon-suitcase:before{content:"\e761"}.ff-icon-film:before{content:"\e763"}.ff-icon-collection-tag:before{content:"\e765"}.ff-icon-data-analysis:before{content:"\e766"}.ff-icon-pie-chart:before{content:"\e767"}.ff-icon-data-board:before{content:"\e768"}.ff-icon-data-line:before{content:"\e76d"}.ff-icon-reading:before{content:"\e769"}.ff-icon-magic-stick:before{content:"\e76a"}.ff-icon-coordinate:before{content:"\e76b"}.ff-icon-mouse:before{content:"\e76c"}.ff-icon-brush:before{content:"\e76e"}.ff-icon-headset:before{content:"\e76f"}.ff-icon-umbrella:before{content:"\e770"}.ff-icon-scissors:before{content:"\e771"}.ff-icon-mobile:before{content:"\e773"}.ff-icon-attract:before{content:"\e774"}.ff-icon-monitor:before{content:"\e775"}.ff-icon-search:before{content:"\e778"}.ff-icon-takeaway-box:before{content:"\e77a"}.ff-icon-paperclip:before{content:"\e77d"}.ff-icon-printer:before{content:"\e77e"}.ff-icon-document-add:before{content:"\e782"}.ff-icon-document:before{content:"\e785"}.ff-icon-document-checked:before{content:"\e786"}.ff-icon-document-copy:before{content:"\e787"}.ff-icon-document-delete:before{content:"\e788"}.ff-icon-document-remove:before{content:"\e789"}.ff-icon-tickets:before{content:"\e78b"}.ff-icon-folder-checked:before{content:"\e77f"}.ff-icon-folder-delete:before{content:"\e780"}.ff-icon-folder-remove:before{content:"\e781"}.ff-icon-folder-add:before{content:"\e783"}.ff-icon-folder-opened:before{content:"\e784"}.ff-icon-folder:before{content:"\e78a"}.ff-icon-edit-outline:before{content:"\e764"}.ff-icon-edit:before{content:"\e78c"}.ff-icon-date:before{content:"\e78e"}.ff-icon-c-scale-to-original:before{content:"\e7c6"}.ff-icon-view:before{content:"\e6ce"}.ff-icon-loading:before{content:"\e6cf"}.ff-icon-rank:before{content:"\e6d1"}.ff-icon-sort-down:before{content:"\e7c4"}.ff-icon-sort-up:before{content:"\e7c5"}.ff-icon-sort:before{content:"\e6d2"}.ff-icon-finished:before{content:"\e6cd"}.ff-icon-refresh-left:before{content:"\e6c7"}.ff-icon-refresh-right:before{content:"\e6c8"}.ff-icon-refresh:before{content:"\e6d0"}.ff-icon-video-play:before{content:"\e7c0"}.ff-icon-video-pause:before{content:"\e7c1"}.ff-icon-d-arrow-right:before{content:"\e6dc"}.ff-icon-d-arrow-left:before{content:"\e6dd"}.ff-icon-arrow-up:before{content:"\e6e1"}.ff-icon-arrow-down:before{content:"\e6df"}.ff-icon-arrow-right:before{content:"\e6e0"}.ff-icon-arrow-left:before{content:"\e6de"}.ff-icon-top-right:before{content:"\e6e7"}.ff-icon-top-left:before{content:"\e6e8"}.ff-icon-top:before{content:"\e6e6"}.ff-icon-bottom:before{content:"\e6eb"}.ff-icon-right:before{content:"\e6e9"}.ff-icon-back:before{content:"\e6ea"}.ff-icon-bottom-right:before{content:"\e6ec"}.ff-icon-bottom-left:before{content:"\e6ed"}.ff-icon-caret-top:before{content:"\e78f"}.ff-icon-caret-bottom:before{content:"\e790"}.ff-icon-caret-right:before{content:"\e791"}.ff-icon-caret-left:before{content:"\e792"}.ff-icon-d-caret:before{content:"\e79a"}.ff-icon-share:before{content:"\e793"}.ff-icon-menu:before{content:"\e798"}.ff-icon-s-grid:before{content:"\e7a6"}.ff-icon-s-check:before{content:"\e7a7"}.ff-icon-s-data:before{content:"\e7a8"}.ff-icon-s-opportunity:before{content:"\e7aa"}.ff-icon-s-custom:before{content:"\e7ab"}.ff-icon-s-claim:before{content:"\e7ad"}.ff-icon-s-finance:before{content:"\e7ae"}.ff-icon-s-comment:before{content:"\e7af"}.ff-icon-s-flag:before{content:"\e7b0"}.ff-icon-s-marketing:before{content:"\e7b1"}.ff-icon-s-shop:before{content:"\e7b4"}.ff-icon-s-open:before{content:"\e7b5"}.ff-icon-s-management:before{content:"\e7b6"}.ff-icon-s-ticket:before{content:"\e7b7"}.ff-icon-s-release:before{content:"\e7b8"}.ff-icon-s-home:before{content:"\e7b9"}.ff-icon-s-promotion:before{content:"\e7ba"}.ff-icon-s-operation:before{content:"\e7bb"}.ff-icon-s-unfold:before{content:"\e7bc"}.ff-icon-s-fold:before{content:"\e7a9"}.ff-icon-s-platform:before{content:"\e7bd"}.ff-icon-s-order:before{content:"\e7be"}.ff-icon-s-cooperation:before{content:"\e7bf"}.ff-icon-bell:before{content:"\e725"}.ff-icon-message-solid:before{content:"\e799"}.ff-icon-video-camera:before{content:"\e772"}.ff-icon-video-camera-solid:before{content:"\e796"}.ff-icon-camera:before{content:"\e779"}.ff-icon-camera-solid:before{content:"\e79b"}.ff-icon-download:before{content:"\e77c"}.ff-icon-upload2:before{content:"\e77b"}.ff-icon-upload:before{content:"\e7c3"}.ff-icon-picture-outline-round:before{content:"\e75f"}.ff-icon-picture-outline:before{content:"\e75e"}.ff-icon-picture:before{content:"\e79f"}.ff-icon-close:before{content:"\e6db"}.ff-icon-check:before{content:"\e6da"}.ff-icon-plus:before{content:"\e6d9"}.ff-icon-minus:before{content:"\e6d8"}.ff-icon-help:before{content:"\e73d"}.ff-icon-s-help:before{content:"\e7b3"}.ff-icon-circle-close:before{content:"\e78d"}.ff-icon-circle-check:before{content:"\e720"}.ff-icon-circle-plus-outline:before{content:"\e723"}.ff-icon-remove-outline:before{content:"\e722"}.ff-icon-zoom-out:before{content:"\e776"}.ff-icon-zoom-in:before{content:"\e777"}.ff-icon-error:before{content:"\e79d"}.ff-icon-success:before{content:"\e79c"}.ff-icon-circle-plus:before{content:"\e7a0"}.ff-icon-remove:before{content:"\e7a2"}.ff-icon-info:before{content:"\e7a1"}.ff-icon-question:before{content:"\e7a4"}.ff-icon-warning-outline:before{content:"\e6c9"}.ff-icon-warning:before{content:"\e7a3"}.ff-icon-goods:before{content:"\e7c2"}.ff-icon-s-goods:before{content:"\e7b2"}.ff-icon-star-off:before{content:"\e717"}.ff-icon-star-on:before{content:"\e797"}.ff-icon-more-outline:before{content:"\e6cc"}.ff-icon-more:before{content:"\e794"}.ff-icon-phone-outline:before{content:"\e6cb"}.ff-icon-phone:before{content:"\e795"}.ff-icon-user:before{content:"\e6e3"}.ff-icon-user-solid:before{content:"\e7a5"}.ff-icon-setting:before{content:"\e6ca"}.ff-icon-s-tools:before{content:"\e7ac"}.ff-icon-delete:before{content:"\e6d7"}.ff-icon-delete-solid:before{content:"\e7c9"}.ff-icon-eleme:before{content:"\e7c7"}.ff-icon-platform-eleme:before{content:"\e7ca"}.ff-icon-loading{animation:rotating 2s linear infinite}.ff-icon--right{margin-left:5px}.ff-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--ff-color-white:#fff;--ff-color-black:#000;--ff-pixel:#2d2d2d;--ff-light:#fff;--ff-dark:#000;--ff-content:#224;--ff-bg:#e8e8e9;--ff-reflex-dark:1;--ff-reflex-light:1;--ff-pixel-bg:#2d2d2d;--ff-pixel-bg-hover:#3a3a3a;--ff-pixel-border:#000;--ff-pixel-shadow:4px 4px 0 #000;--ff-pixel-shadow-hover:2px 2px 0 #000;--ff-pixel-shadow-active:0 0 0 #000;--ff-pixel-radius:0;--ff-color-primary:#409eff;--ff-color-primary-light-3:color-mix(in srgb,#fff 30%,#409eff);--ff-color-primary-light-5:color-mix(in srgb,#fff 50%,#409eff);--ff-color-primary-light-7:color-mix(in srgb,#fff 70%,#409eff);--ff-color-primary-light-9:color-mix(in srgb,#fff 90%,#409eff);--ff-color-primary-light-8:color-mix(in srgb,#fff 80%,#409eff);--ff-color-primary-dark-2:color-mix(in srgb,#000 20%,#409eff);--ff-color-success:#67c23a;--ff-color-success-light-3:color-mix(in srgb,#fff 30%,#67c23a);--ff-color-success-light-5:color-mix(in srgb,#fff 50%,#67c23a);--ff-color-success-light-7:color-mix(in srgb,#fff 70%,#67c23a);--ff-color-success-light-9:color-mix(in srgb,#fff 90%,#67c23a);--ff-color-success-light-8:color-mix(in srgb,#fff 80%,#67c23a);--ff-color-success-dark-2:color-mix(in srgb,#000 20%,#67c23a);--ff-color-warning:#e6a23c;--ff-color-warning-light-3:color-mix(in srgb,#fff 30%,#e6a23c);--ff-color-warning-light-5:color-mix(in srgb,#fff 50%,#e6a23c);--ff-color-warning-light-7:color-mix(in srgb,#fff 70%,#e6a23c);--ff-color-warning-light-9:color-mix(in srgb,#fff 90%,#e6a23c);--ff-color-warning-light-8:color-mix(in srgb,#fff 80%,#e6a23c);--ff-color-warning-dark-2:color-mix(in srgb,#000 20%,#e6a23c);--ff-color-danger:#f56c6c;--ff-color-danger-light-3:color-mix(in srgb,#fff 30%,#f56c6c);--ff-color-danger-light-5:color-mix(in srgb,#fff 50%,#f56c6c);--ff-color-danger-light-7:color-mix(in srgb,#fff 70%,#f56c6c);--ff-color-danger-light-9:color-mix(in srgb,#fff 90%,#f56c6c);--ff-color-danger-light-8:color-mix(in srgb,#fff 80%,#f56c6c);--ff-color-danger-dark-2:color-mix(in srgb,#000 20%,#f56c6c);--ff-color-info:#909399;--ff-color-info-light-3:color-mix(in srgb,#fff 30%,#909399);--ff-color-info-light-5:color-mix(in srgb,#fff 50%,#909399);--ff-color-info-light-7:color-mix(in srgb,#fff 70%,#909399);--ff-color-info-light-9:color-mix(in srgb,#fff 90%,#909399);--ff-color-info-light-8:color-mix(in srgb,#fff 80%,#909399);--ff-color-info-dark-2:color-mix(in srgb,#000 20%,#909399);--ff-bg-color:#fff;--ff-bg-color-page:#f2f3f5;--ff-bg-color-overlay:#fff;--ff-text-color-primary:#303133;--ff-text-color-regular:#606266;--ff-text-color-secondary:#909399;--ff-text-color-placeholder:#a8abb2;--ff-text-color-disabled:#c0c4cc;--ff-border-color:#dcdfe6;--ff-border-color-light:#e4e7ed;--ff-border-color-lighter:#ebeef5;--ff-border-color-extra-light:#f2f6fc;--ff-border-color-dark:#d4d7de;--ff-border-color-darker:#cdd0d6;--ff-fill-color:#f0f2f5;--ff-fill-color-light:#f5f7fa;--ff-fill-color-lighter:#fafafa;--ff-fill-color-extra-light:#fafcff;--ff-fill-color-dark:#ebedf0;--ff-fill-color-darker:#e6e8eb;--ff-fill-color-blank:#fff;--ff-border-width:1px;--ff-border-style:solid;--ff-border-color-hover:var(--ff-text-color-disabled);--ff-border:var(--ff-border-width) var(--ff-border-style) var(--ff-border-color);--ff-border-radius-base:0;--ff-border-radius-small:0;--ff-border-radius-round:0;--ff-border-radius-circle:0;--ff-font-size-extra-large:20px;--ff-font-size-large:18px;--ff-font-size-medium:16px;--ff-font-size-base:14px;--ff-font-size-small:13px;--ff-font-size-extra-small:12px;--ff-font-family:"Press Start 2P","Courier New",Courier,monospace;--ff-font-weight-primary:500;--ff-disabled-bg-color:var(--ff-fill-color-light);--ff-disabled-text-color:var(--ff-text-color-placeholder);--ff-disabled-border-color:var(--ff-border-color-light);--ff-transition-duration:0.15s;--ff-transition-duration-fast:0.1s}.ff-button{--ff-button-font-weight:var(--ff-font-weight-primary);--ff-button-border-color:var(--ff-border-color);--ff-button-bg-color:var(--ff-fill-color-blank);--ff-button-text-color:var(--ff-text-color-regular);--ff-button-disabled-text-color:var(--ff-disabled-text-color);--ff-button-disabled-bg-color:var(--ff-fill-color-blank);--ff-button-disabled-border-color:var(--ff-border-color-light);--ff-button-hover-text-color:var(--ff-color-primary);--ff-button-hover-bg-color:var(--ff-color-primary-light-9);--ff-button-hover-border-color:var(--ff-color-primary-light-7);--ff-button-active-text-color:var(--ff-button-hover-text-color);--ff-button-active-border-color:var(--ff-color-primary);--ff-button-active-bg-color:var(--ff-button-hover-bg-color);--ff-button-outline-color:var(--ff-color-primary-light-5);--ff-button-active-color:var(--ff-text-color-primary);align-items:center;-webkit-appearance:none;background:var(--ff-pixel-bg);border:2px solid var(--ff-pixel-border);border-radius:var(--ff-pixel-radius);box-shadow:var(--ff-pixel-shadow);box-sizing:border-box;color:var(--ff-button-text-color);cursor:pointer;display:inline-flex;font-size:var(--ff-font-size-base);font-weight:var(--ff-button-font-weight);height:36px;image-rendering:pixelated;justify-content:center;line-height:1;outline:none;padding:8px 16px;text-align:center;transition:all var(--ff-transition-duration) steps(3);user-select:none;vertical-align:middle;white-space:nowrap}.ff-button+.ff-button{margin-left:16px}.ff-button:focus,.ff-button:hover{background:var(--ff-pixel-bg-hover);border-color:var(--ff-pixel-border);box-shadow:var(--ff-pixel-shadow-hover);color:var(--ff-button-hover-text-color);outline:none;transform:translate(2px,2px)}.ff-button:active{background:var(--ff-pixel-bg-hover);box-shadow:var(--ff-pixel-shadow-active);color:var(--ff-button-active-text-color);outline:none;transform:translate(4px,4px)}.ff-button.is-plain{--ff-button-hover-text-color:var(--ff-color-primary);--ff-button-hover-bg-color:var(--ff-pixel-bg);--ff-button-hover-border-color:var(--ff-color-primary);background:transparent;border-color:var(--ff-pixel-border)}.ff-button.is-round{border-radius:0}.ff-button.is-circle{border-radius:0;padding:8px}.ff-button.is-disabled,.ff-button.is-disabled:focus,.ff-button.is-disabled:hover,.ff-button[disabled],.ff-button[disabled]:focus,.ff-button[disabled]:hover{background:#1a1a1a;border-color:#333;box-shadow:none;color:var(--ff-button-disabled-text-color);cursor:not-allowed;opacity:.7;transform:none}.ff-button [class*=ff-icon]+span{margin-left:6px}.ff-button--primary{--ff-button-text-color:var(--ff-color-white);--ff-button-bg-color:var(--ff-color-primary);--ff-button-border-color:var(--ff-color-primary);--ff-button-outline-color:var(--ff-color-primary-light-5);--ff-button-active-color:var(--ff-color-primary-dark-2);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-primary-light-3);--ff-button-hover-border-color:var(--ff-color-primary-light-3);--ff-button-active-bg-color:var(--ff-color-primary-dark-2);--ff-button-active-border-color:var(--ff-color-primary-dark-2);--ff-button-disabled-text-color:var(--ff-color-white);--ff-button-disabled-bg-color:var(--ff-color-primary-light-5);--ff-button-disabled-border-color:var(--ff-color-primary-light-5);background:var(--ff-color-primary);border-color:var(--ff-pixel-border)}.ff-button--primary.is-plain{--ff-button-text-color:var(--ff-color-primary);--ff-button-bg-color:transparent;--ff-button-border-color:var(--ff-color-primary);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-primary);--ff-button-hover-border-color:var(--ff-pixel-border);--ff-button-active-text-color:var(--ff-color-white);background:transparent}.ff-button--success{--ff-button-text-color:var(--ff-color-white);--ff-button-bg-color:var(--ff-color-success);--ff-button-border-color:var(--ff-color-success);--ff-button-outline-color:var(--ff-color-success-light-5);--ff-button-active-color:var(--ff-color-success-dark-2);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-success-light-3);--ff-button-hover-border-color:var(--ff-color-success-light-3);--ff-button-active-bg-color:var(--ff-color-success-dark-2);--ff-button-active-border-color:var(--ff-color-success-dark-2);--ff-button-disabled-text-color:var(--ff-color-white);--ff-button-disabled-bg-color:var(--ff-color-success-light-5);--ff-button-disabled-border-color:var(--ff-color-success-light-5);background:var(--ff-color-success);border-color:var(--ff-pixel-border)}.ff-button--success.is-plain{--ff-button-text-color:var(--ff-color-success);--ff-button-bg-color:transparent;--ff-button-border-color:var(--ff-color-success);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-success);--ff-button-hover-border-color:var(--ff-pixel-border);--ff-button-active-text-color:var(--ff-color-white);background:transparent}.ff-button--warning{--ff-button-text-color:var(--ff-color-white);--ff-button-bg-color:var(--ff-color-warning);--ff-button-border-color:var(--ff-color-warning);--ff-button-outline-color:var(--ff-color-warning-light-5);--ff-button-active-color:var(--ff-color-warning-dark-2);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-warning-light-3);--ff-button-hover-border-color:var(--ff-color-warning-light-3);--ff-button-active-bg-color:var(--ff-color-warning-dark-2);--ff-button-active-border-color:var(--ff-color-warning-dark-2);--ff-button-disabled-text-color:var(--ff-color-white);--ff-button-disabled-bg-color:var(--ff-color-warning-light-5);--ff-button-disabled-border-color:var(--ff-color-warning-light-5);background:var(--ff-color-warning);border-color:var(--ff-pixel-border)}.ff-button--warning.is-plain{--ff-button-text-color:var(--ff-color-warning);--ff-button-bg-color:transparent;--ff-button-border-color:var(--ff-color-warning);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-warning);--ff-button-hover-border-color:var(--ff-pixel-border);--ff-button-active-text-color:var(--ff-color-white);background:transparent}.ff-button--info{--ff-button-text-color:var(--ff-color-white);--ff-button-bg-color:var(--ff-color-info);--ff-button-border-color:var(--ff-color-info);--ff-button-outline-color:var(--ff-color-info-light-5);--ff-button-active-color:var(--ff-color-info-dark-2);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-info-light-3);--ff-button-hover-border-color:var(--ff-color-info-light-3);--ff-button-active-bg-color:var(--ff-color-info-dark-2);--ff-button-active-border-color:var(--ff-color-info-dark-2);--ff-button-disabled-text-color:var(--ff-color-white);--ff-button-disabled-bg-color:var(--ff-color-info-light-5);--ff-button-disabled-border-color:var(--ff-color-info-light-5);background:var(--ff-color-info);border-color:var(--ff-pixel-border)}.ff-button--info.is-plain{--ff-button-text-color:var(--ff-color-info);--ff-button-bg-color:transparent;--ff-button-border-color:var(--ff-color-info);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-info);--ff-button-hover-border-color:var(--ff-pixel-border);--ff-button-active-text-color:var(--ff-color-white);background:transparent}.ff-button--danger{--ff-button-text-color:var(--ff-color-white);--ff-button-bg-color:var(--ff-color-danger);--ff-button-border-color:var(--ff-color-danger);--ff-button-outline-color:var(--ff-color-danger-light-5);--ff-button-active-color:var(--ff-color-danger-dark-2);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-danger-light-3);--ff-button-hover-border-color:var(--ff-color-danger-light-3);--ff-button-active-bg-color:var(--ff-color-danger-dark-2);--ff-button-active-border-color:var(--ff-color-danger-dark-2);--ff-button-disabled-text-color:var(--ff-color-white);--ff-button-disabled-bg-color:var(--ff-color-danger-light-5);--ff-button-disabled-border-color:var(--ff-color-danger-light-5);background:var(--ff-color-danger);border-color:var(--ff-pixel-border)}.ff-button--danger.is-plain{--ff-button-text-color:var(--ff-color-danger);--ff-button-bg-color:transparent;--ff-button-border-color:var(--ff-color-danger);--ff-button-hover-text-color:var(--ff-color-white);--ff-button-hover-bg-color:var(--ff-color-danger);--ff-button-hover-border-color:var(--ff-pixel-border);--ff-button-active-text-color:var(--ff-color-white);background:transparent}.ff-button--large{--ff-button-size:44px;font-size:var(--ff-font-size-medium);padding:12px 20px}.ff-button--large,.ff-button--small{border-radius:0;height:var(--ff-button-size)}.ff-button--small{--ff-button-size:26px;font-size:11px;padding:5px 12px}.ff-collapse{background:var(--ff-pixel-bg);border:2px solid var(--ff-pixel-border);border-radius:0;box-shadow:var(--ff-pixel-shadow);overflow:hidden}.ff-collapse-item{border-bottom:2px solid var(--ff-pixel-border)}.ff-collapse-item:last-child{border-bottom:none}.ff-collapse-item__header{align-items:center;background:transparent;color:#e0e0e0;cursor:pointer;display:flex;font-size:var(--ff-font-size-base);font-weight:var(--ff-font-weight-primary);justify-content:space-between;padding:16px 20px;transition:all var(--ff-transition-duration) steps(3)}.ff-collapse-item__header:hover{background:var(--ff-pixel-bg-hover);color:var(--ff-color-primary)}.ff-collapse-item__header.is-active{background:hsla(0,0%,100%,.05);color:var(--ff-color-primary)}.ff-collapse-item__header.is-disabled{color:var(--ff-disabled-text-color);cursor:not-allowed;opacity:.6}.ff-collapse-item__header.is-disabled:hover{background:transparent;color:var(--ff-disabled-text-color)}.ff-collapse-item__header .header-angle{color:var(--ff-text-color-secondary);transition:transform var(--ff-transition-duration) steps(4)}.ff-collapse-item__header.is-active .header-angle{transform:rotate(90deg)}.ff-collapse-item__wrapper{overflow:hidden;transition:height var(--ff-transition-duration) steps(4)}.ff-collapse-item__content{background:#252525;color:silver;font-size:var(--ff-font-size-base);line-height:1.6;padding:16px 20px}.slide-enter-active,.slide-leave-active{transition:all var(--ff-transition-duration) steps(4)}.slide-enter-from,.slide-leave-to{opacity:0;transform:translateY(-8px)}

package/package.json

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