npm - fantasia-ui - Versions diffs - 0.2.13 → 0.2.21 - Mend

fantasia-ui 0.2.13 → 0.2.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (152) hide show

package/dist/fantasia-ui.umd.js CHANGED Viewed

@@ -1,9 +1,4516 @@
-(function(C,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@vicons/ionicons5"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","@vicons/ionicons5","@vueuse/core"],e):(C=typeof globalThis!="undefined"?globalThis:C||self,e(C.FantasiaUI={},C.Vue,C.IconsIonicons5,C.VueUse))})(this,function(C,e,x,ee){"use strict";var ln=Object.defineProperty,rn=Object.defineProperties;var an=Object.getOwnPropertyDescriptors;var Ye=Object.getOwnPropertySymbols;var sn=Object.prototype.hasOwnProperty,cn=Object.prototype.propertyIsEnumerable;var Xe=(C,e,x)=>e in C?ln(C,e,{enumerable:!0,configurable:!0,writable:!0,value:x}):C[e]=x,Z=(C,e)=>{for(var x in e||(e={}))sn.call(e,x)&&Xe(C,x,e[x]);if(Ye)for(var x of Ye(e))cn.call(e,x)&&Xe(C,x,e[x]);return C},v=(C,e)=>rn(C,an(e));var G=(C,e,x)=>new Promise((ee,K)=>{var D=W=>{try{X(x.next(W))}catch(q){K(q)}},j=W=>{try{X(x.throw(W))}catch(q){K(q)}},X=W=>W.done?ee(W.value):Promise.resolve(W.value).then(D,j);X((x=x.apply(C,e)).next())});const K=e.defineComponent({__name:"FIcon",props:{color:{},size:{default:"1em"}},setup(s){const t=s,n=e.computed(()=>({width:typeof t.size=="number"?`${t.size}px`:t.size,height:typeof t.size=="number"?`${t.size}px`:t.size,color:t.color}));return(o,l)=>(e.openBlock(),e.createElementBlock("span",{role:"img",class:"f-icon",style:e.normalizeStyle(e.unref(n))},[e.renderSlot(o.$slots,"default",{},void 0,!0)],4))}}),D=(s,t)=>{const n=s.__vccOpts||s;for(const[o,l]of t)n[o]=l;return n},j=D(K,[["__scopeId","data-v-baf7de0c"]]),X="data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1780285609860'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='12961'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cpath%20d='M894.4%20281.504a39.36%2039.36%200%200%200-27.104-11.808l-293.888-10.976-22.016%2046.88%2030.592%2087.2-55.2%2099.008%2022.4%2079.904%2056%2068.48%2081.024-70.496c7.808-6.88%2020.288-6.496%2027.104%201.216l103.904%20106.4c7.296%207.296%206.88%2019.2-0.928%2026.112a18.944%2018.944%200%200%201-13.76%204.896l-284.8-10.624-14.24%2038.72%2015.52%2034.592%20327.488%2011.808c21.504%200.8%2039.616-15.104%2040.096-35.52l18.208-439.296a34.368%2034.368%200%200%200-10.4-26.496zM684.096%20483.2c-32.32-1.184-57.28-26.88-56-57.088%201.28-30.592%2028.416-54.208%2060.288-52.992%2031.904%201.184%2057.312%2026.88%2056%2057.088-1.184%2030.208-28.384%2054.304-60.288%2052.992z%20m-211.104%20253.6l9.92-40.8-231.424%2015.104c-10.784%200.8-19.776-6.496-20.672-16.704a17.856%2017.856%200%200%201%204.672-13.504l171.52-186.272a18.048%2018.048%200%200%201%2014.208-6.112c5.184%200%2010.272%201.984%2014.176%205.696l57.28%2056.704-24.576-60.32%2044-104.288L472%20302.72l16.384-48.096-315.392%2020.8c-21.504%201.184-37.504%2018.784-36.192%2039.072l31.904%20439.424c0.384%209.792%205.184%2018.688%2013.408%2024.896%207.776%206.496%2017.696%209.792%2028%208.992l281.792-18.304-18.88-32.704z'%20p-id='12962'%3e%3c/path%3e%3c/svg%3e",W={key:0,class:"loop cubes"},q={key:2,class:"msg"},te=D(e.defineComponent({__name:"FLoading",props:{type:{default:"dots"},text:{},mask:{type:Boolean,default:!1}},setup(s){const t=s;return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex-center-col size-full loading-container",{"global-mask":n.mask}])},[n.type==="cubes"?(e.openBlock(),e.createElementBlock("div",W,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(6,l=>e.createElementVNode("div",{class:"item cubes",key:l})),64))])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["loader",n.type])},null,2)),t.text?(e.openBlock(),e.createElementBlock("p",q,e.toDisplayString(t.text),1)):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-20f58a50"]]),qe={class:"f-image"},Ge={key:0,class:"f-image__placeholder"},Ke={key:0,class:"f-image__error"},Je=["src","loading"],se=D(e.defineComponent({__name:"FImage",props:{src:{},alt:{},fit:{default:"cover"},lazy:{type:Boolean,default:!0}},setup(s){const t=s,n=e.ref("loading");e.watch(()=>t.src,()=>{n.value="loading"},{immediate:!1});const o=()=>n.value="loaded",l=()=>n.value="error";return(r,d)=>(e.openBlock(),e.createElementBlock("div",qe,[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.unref(n)==="loading"?(e.openBlock(),e.createElementBlock("div",Ge,[e.createVNode(te,{type:"classic first"})])):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.unref(n)==="error"?(e.openBlock(),e.createElementBlock("div",Ke,[e.renderSlot(r.$slots,"error",{},()=>[e.createVNode(j,{size:"48px"},{default:e.withCtx(()=>[e.createVNode(e.unref(X))]),_:1})],!0)])):e.createCommentVNode("",!0)]),_:3}),e.withDirectives(e.createElementVNode("img",{src:t.src,loading:r.lazy?"lazy":"eager",style:e.normalizeStyle({objectFit:t.fit}),class:"f-image__img",onLoad:o,onError:l},null,44,Je),[[e.vShow,e.unref(n)==="loaded"]])]))}}),[["__scopeId","data-v-e959ab10"]]),Qe=["type","placeholder","disabled","readonly","name","id"],ce=D(e.defineComponent({__name:"FInput",props:e.mergeModels({placeholder:{default:"输入..."},type:{default:"text"},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},name:{default:""},id:{default:""}},{modelValue:{default:""},modelModifiers:{}}),emits:e.mergeModels(["input","change","focus","blur"],["update:modelValue"]),setup(s,{emit:t}){const n=e.useModel(s,"modelValue"),o=t,l=a=>{const b=a.target.value;o("input",b)},r=a=>{const b=a.target.value;o("change",b)},d=a=>{o("focus",a)},i=a=>{o("blur",a)};return(a,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["f-input",{"is-disabled":a.disabled,"is-readonly":"readonly"in a?a.readonly:e.unref(e.readonly)}])},[e.createVNode(j,{class:"f-input__icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(x.Search))]),_:1}),e.withDirectives(e.createElementVNode("input",{class:"f-input__text","onUpdate:modelValue":b[0]||(b[0]=B=>n.value=B),type:a.type,placeholder:a.placeholder,disabled:a.disabled,readonly:"readonly"in a?a.readonly:e.unref(e.readonly),name:a.name,id:a.id,onInput:l,onChange:r,onFocus:d,onBlur:i},null,40,Qe),[[e.vModelDynamic,n.value]])],2))}}),[["__scopeId","data-v-9af0fbbe"]]),Ze=["onMousemove"],ve={key:0,class:"f-rate__score"},ie=D(e.defineComponent({__name:"FRate",props:e.mergeModels({modelValue:{},count:{default:5},readonly:{type:Boolean,default:!1},allowHalf:{type:Boolean,default:!1},color:{default:"#f5a623"},voidColor:{default:"#c0c4cc"},showText:{type:Boolean,default:!1},scoreTemplate:{default:"{value} 分"},size:{default:"normal"}},{modelValue:{default:0},modelModifiers:{}}),emits:e.mergeModels(["change"],["update:modelValue"]),setup(s,{emit:t}){const n=e.useModel(s,"modelValue"),o=s,l=t,r=e.ref(null),d=e.computed(()=>{var m;return(m=r.value)!=null?m:n.value}),i=e.computed(()=>o.scoreTemplate.replace("{value}",String(n.value))),a=e.computed(()=>o.size==="normal"?16:o.size==="small"?12:20),b=m=>{const E=d.value;return E>=m?"full":o.allowHalf&&E>=m-.5?"half":"empty"},B=m=>b(m)==="full"?o.voidColor:o.color,u=(m,E)=>{if(!o.readonly)if(o.allowHalf){const V=m.currentTarget,{left:M,width:F}=V.getBoundingClientRect();r.value=(m.clientX-M)/F<.5?E-.5:E}else r.value=E},p=()=>{o.readonly||(r.value=null)},g=()=>{var E;if(o.readonly)return;const m=(E=r.value)!=null?E:n.value;n.value=m,l("change",m)};return(m,E)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["f-rate",{"f-rate--readonly":o.readonly}]),onMouseleave:p},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.count,V=>(e.openBlock(),e.createElementBlock("span",{key:V,class:"f-rate__item",onMousemove:M=>u(M,V),onClick:g},[e.createVNode(j,{color:B(V),size:e.unref(a)},{default:e.withCtx(()=>[b(V)==="full"?(e.openBlock(),e.createBlock(e.unref(x.StarOutline),{key:0})):b(V)==="half"?(e.openBlock(),e.createBlock(e.unref(x.StarHalf),{key:1})):(e.openBlock(),e.createBlock(e.unref(x.Star),{key:2}))]),_:2},1032,["color","size"])],40,Ze))),128)),o.showText?(e.openBlock(),e.createElementBlock("span",ve,e.toDisplayString(e.unref(i)),1)):e.createCommentVNode("",!0)],34))}}),[["__scopeId","data-v-3b5c4f14"]]),et={class:"f-dropdown-wrapper"},tt={class:"f-dropdown-content"},ot=["onClick"],nt={key:0,class:"opt-icon"},lt={class:"opt-label"},oe=D(e.defineComponent({__name:"FDropdown",props:{placement:{default:"right-start"},offset:{default:12},zIndex:{default:2e3},trigger:{default:"hover"},options:{default:()=>[]}},emits:["select"],setup(s,{emit:t}){const n=s,o=t,l=e.ref(!1),r=e.ref(null),d=e.ref(null),i=e.ref(null),a=e.ref(0),b=e.ref(0),B=e.computed(()=>{const[w]=n.placement.split("-"),c=(Array.isArray(n.offset)?n.offset[0]:n.offset)+4,h={position:"absolute"};return w==="right"?(h.width=`${c}px`,h.left=`-${c}px`,h.top=0,h.bottom=0):w==="left"?(h.width=`${c}px`,h.right=`-${c}px`,h.top=0,h.bottom=0):w==="bottom"?(h.height=`${c}px`,h.top=`-${c}px`,h.left=0,h.right=0):w==="top"&&(h.height=`${c}px`,h.bottom=`-${c}px`,h.left=0,h.right=0),h}),u=e.computed(()=>{if(!r.value)return{};const w=r.value,{placement:$}=n,c=Array.isArray(n.offset)?n.offset[0]:n.offset,[h,S]=$.split("-"),A=window.innerWidth,z=window.innerHeight,L=b.value||160,_=a.value||200;let f=0,k=0,y=h;h==="right"?(k=w.right+c,k+L>A&&(k=w.left-L-c,y="left")):h==="left"?(k=w.left-L-c,k<0&&(k=w.right+c,y="right")):h==="bottom"?(f=w.bottom+c,f+_>z&&(f=w.top-_-c,y="top")):h==="top"&&(f=w.top-_-c,f<0&&(f=w.bottom+c,y="bottom")),y==="top"||y==="bottom"?(S==="start"?k=w.left:S==="end"?k=w.right-L:k=w.left+(w.width-L)/2,k=Math.max(8,Math.min(k,A-L-8))):(S==="start"?f=w.top:S==="end"?f=w.bottom-_:f=w.top+(w.height-_)/2,f=Math.max(8,Math.min(f,z-_-8)));const N=y==="right"?"left":y==="left"?"right":S==="start"?"left":S==="end"?"right":"center",I=y==="bottom"?"top":y==="top"?"bottom":S==="start"?"top":S==="end"?"bottom":"center";return{top:`${f}px`,left:`${k}px`,transformOrigin:`${I} ${N}`}});let p=null,g=null;const m=()=>{p&&(clearTimeout(p),p=null)},E=w=>{n.trigger==="click"&&(w.stopPropagation(),l.value?l.value=!1:(r.value=d.value.getBoundingClientRect(),l.value=!0))},V=()=>{n.trigger==="hover"&&(m(),g=setTimeout(()=>{d.value&&(r.value=d.value.getBoundingClientRect()),l.value=!0},400))},M=()=>{n.trigger==="hover"&&(g&&(clearTimeout(g),g=null),p=setTimeout(()=>{l.value=!1},400))},F=w=>{n.trigger!=="click"||!l.value||(l.value=!1)},R=w=>{w.disabled||(o("select",w.key,w),w.children||(l.value=!1))};return e.watch(l,w=>G(null,null,function*(){var $,c;w?(r.value=d.value.getBoundingClientRect(),yield e.nextTick(),a.value=(($=i.value)==null?void 0:$.offsetHeight)||200,b.value=((c=i.value)==null?void 0:c.offsetWidth)||160):(a.value=0,b.value=0)})),e.onUnmounted(()=>{m(),g&&clearTimeout(g)}),ee.useEventListener(window,"click",F),(w,$)=>(e.openBlock(),e.createElementBlock("div",et,[e.createElementVNode("div",{ref_key:"triggerRef",ref:d,class:"f-dropdown-trigger-wrapper",onMouseenter:V,onMouseleave:M,onClick:E},[e.renderSlot(w.$slots,"default",{},void 0,!0)],544),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"f-dropdown-motion"},{default:e.withCtx(()=>[e.unref(l)?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"dropdownRef",ref:i,class:"f-dropdown-item",style:e.normalizeStyle([e.unref(u),{zIndex:w.zIndex}]),onMouseenter:m,onMouseleave:M,onClick:$[0]||($[0]=e.withModifiers(()=>{},["stop"]))},[w.trigger==="hover"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"f-dropdown-bridge",style:e.normalizeStyle(e.unref(B))},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",tt,[w.options&&w.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(w.options,c=>(e.openBlock(),e.createElementBlock("div",{key:c.key,class:e.normalizeClass(["f-dropdown-option",{"is-disabled":c.disabled}]),onClick:h=>R(c)},[c.icon?(e.openBlock(),e.createElementBlock("span",nt,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.icon)))])):e.createCommentVNode("",!0),e.createElementVNode("span",lt,e.toDisplayString(c.label),1)],10,ot))),128)):e.renderSlot(w.$slots,"content",{key:1},void 0,!0)])],36)):e.createCommentVNode("",!0)]),_:3})]))]))}}),[["__scopeId","data-v-addb3a3b"]]),de=D(e.defineComponent({__name:"FSelect",props:e.mergeModels({options:{},placeholder:{}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["select"],["update:modelValue"]),setup(s,{emit:t}){const n=s,o=t,l=e.useModel(s,"modelValue"),r=e.ref(!1),d=e.computed(()=>{var B,u,p;return(p=(B=n.options.find(g=>g.key===l.value))==null?void 0:B.label)!=null?p:(u=n.placeholder)!=null?u:"请选择"}),i=e.computed(()=>l.value!==void 0&&l.value!==""),a=(B,u)=>{l.value=B,o("select",B,u),r.value=!1},b=B=>{r.value=B};return(B,u)=>(e.openBlock(),e.createBlock(oe,{options:B.options,trigger:"click",onSelect:a,onShow:u[0]||(u[0]=p=>b(!0)),onHide:u[1]||(u[1]=p=>b(!1)),placement:"bottom",offset:4},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["f-select",{"is-active":e.unref(i),"is-open":e.unref(r)}])},[e.createElementVNode("span",{class:e.normalizeClass(["f-select__label",{"is-placeholder":!e.unref(i)}])},e.toDisplayString(e.unref(d)),3),e.createVNode(j,{class:"f-select__arrow"},{default:e.withCtx(()=>[e.createVNode(e.unref(x.ChevronDownOutline))]),_:1})],2)]),_:1},8,["options"]))}}),[["__scopeId","data-v-61444561"]]),rt={key:0,class:"f-pagination"},at={key:0,class:"f-pagination__total"},st={key:1,class:"f-pagination__size"},ct=["value"],it=["value"],dt={key:3,class:"f-pagination__list"},ft={key:0,class:"page-btn ellipsis"},pt=["onClick"],mt={key:5,class:"f-pagination__jump"},ht=["max"],fe=D(e.defineComponent({__name:"FPagination",props:e.mergeModels({total:{},pageSize:{default:10},hideOnSingle:{type:Boolean,default:!1},pageSizes:{default:()=>[10,20,50,100]},layout:{default:()=>["prev","pager","next"]}},{modelValue:{default:1},modelModifiers:{}}),emits:e.mergeModels(["update:pageSize"],["update:modelValue"]),setup(s,{emit:t}){const n=s,o=t,l=e.useModel(s,"modelValue"),r=e.computed(()=>{var p;return(p=n.layout)!=null?p:["prev","pager","next"]}),d=e.computed(()=>Math.ceil(n.total/n.pageSize)||1),i=e.computed(()=>{const p=d.value,g=l.value;return!p||p<=0?[]:p<=7?Array.from({length:p},(m,E)=>E+1):g<=4?[1,2,3,4,5,"...",p]:g>=p-3?[1,"...",p-4,p-3,p-2,p-1,p]:[1,"...",g-1,g,g+1,"...",p]}),a=p=>{typeof p=="number"&&(p<1||p>d.value||p===l.value||(l.value=p))},b=p=>{o("update:pageSize",parseInt(p.target.value,10)),l.value=1},B=e.ref(""),u=()=>{const p=parseInt(B.value,10);isNaN(p)||a(p),B.value=""};return(p,g)=>!p.hideOnSingle||e.unref(d)>1?(e.openBlock(),e.createElementBlock("div",rt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),m=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:m},[m==="total"?(e.openBlock(),e.createElementBlock("span",at," 共 "+e.toDisplayString(p.total)+" 条 ",1)):m==="sizes"?(e.openBlock(),e.createElementBlock("div",st,[e.createElementVNode("select",{class:"size-select",value:p.pageSize,onChange:b},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.pageSizes,E=>(e.openBlock(),e.createElementBlock("option",{key:E,value:E},e.toDisplayString(E)+" 条/页",9,it))),128))],40,ct)])):m==="prev"?(e.openBlock(),e.createElementBlock("button",{key:2,class:e.normalizeClass(["page-btn",{disabled:l.value===1}]),onClick:g[0]||(g[0]=E=>a(l.value-1))},[e.createVNode(j,null,{default:e.withCtx(()=>[e.createVNode(e.unref(x.ChevronBackOutline))]),_:1})],2)):m==="pager"?(e.openBlock(),e.createElementBlock("ul",dt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),(E,V)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:V},[E==="..."?(e.openBlock(),e.createElementBlock("li",ft,[e.createVNode(j,null,{default:e.withCtx(()=>[e.createVNode(e.unref(x.EllipsisHorizontal))]),_:1})])):(e.openBlock(),e.createElementBlock("li",{key:1,class:e.normalizeClass(["page-btn",{active:l.value===E}]),onClick:M=>a(E)},e.toDisplayString(E),11,pt))],64))),128))])):m==="next"?(e.openBlock(),e.createElementBlock("button",{key:4,class:e.normalizeClass(["page-btn",{disabled:l.value===e.unref(d)}]),onClick:g[1]||(g[1]=E=>a(l.value+1))},[e.createVNode(j,null,{default:e.withCtx(()=>[e.createVNode(e.unref(x.ChevronForwardOutline))]),_:1})],2)):m==="jumper"?(e.openBlock(),e.createElementBlock("div",mt,[g[3]||(g[3]=e.createElementVNode("span",{class:"jump-label"},"前往",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":g[2]||(g[2]=E=>e.isRef(B)?B.value=E:null),class:"jump-input",type:"number",min:1,max:e.unref(d),onKeydown:e.withKeys(u,["enter"]),onBlur:u},null,40,ht),[[e.vModelText,e.unref(B)]]),g[4]||(g[4]=e.createElementVNode("span",{class:"jump-label"},"页",-1))])):e.createCommentVNode("",!0)],64))),128))])):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-930f8b20"]]),ut={key:0,class:"f-card__header"},_t={key:0,class:"f-card__header-extra"},kt={key:1,class:"f-card__cover"},gt={key:2,class:"f-card__body"},yt={key:3,class:"f-card__footer"},bt={key:0,class:"f-card__header"},Bt={key:0,class:"f-card__header-extra"},$t={key:1,class:"f-card__cover"},Ct={class:"f-card__content"},Et={key:0,class:"f-card__body"},wt={key:1,class:"f-card__footer"},pe=D(e.defineComponent({__name:"FCard",props:{hoverable:{type:Boolean,default:!0},direction:{default:"vertical"}},setup(s){return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["f-card",[`f-card--${t.direction}`,{"is-hoverable":t.hoverable}]])},[t.direction==="vertical"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.$slots.header||t.$slots["header-extra"]?(e.openBlock(),e.createElementBlock("div",ut,[e.renderSlot(t.$slots,"header",{},void 0,!0),t.$slots["header-extra"]?(e.openBlock(),e.createElementBlock("div",_t,[e.renderSlot(t.$slots,"header-extra",{},void 0,!0)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.$slots.cover?(e.openBlock(),e.createElementBlock("div",kt,[e.renderSlot(t.$slots,"cover",{},void 0,!0)])):e.createCommentVNode("",!0),t.$slots.default?(e.openBlock(),e.createElementBlock("div",gt,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",yt,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.$slots.header||t.$slots["header-extra"]?(e.openBlock(),e.createElementBlock("div",bt,[e.renderSlot(t.$slots,"header",{},void 0,!0),t.$slots["header-extra"]?(e.openBlock(),e.createElementBlock("div",Bt,[e.renderSlot(t.$slots,"header-extra",{},void 0,!0)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.$slots.cover?(e.openBlock(),e.createElementBlock("div",$t,[e.renderSlot(t.$slots,"cover",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Ct,[t.$slots.default?(e.openBlock(),e.createElementBlock("div",Et,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",wt,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)])],64))],2))}}),[["__scopeId","data-v-a66fa373"]]),Vt={key:0,class:"f-tag__dot"},ne=D(e.defineComponent({__name:"FTag",props:{color:{},type:{default:"round"},effect:{},closable:{type:Boolean},size:{default:"normal"}},emits:["close"],setup(s,{emit:t}){const n=t,o=e.ref(!1);return(l,r)=>{var d,i,a;return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["f-tag",[`f-tag--${(d=l.type)!=null?d:"round"}`,`f-tag--${(i=l.effect)!=null?i:"light"}`,(a=l.color)!=null?a:"default"]]),onMouseenter:r[1]||(r[1]=b=>o.value=!0),onMouseleave:r[2]||(r[2]=b=>o.value=!1)},[l.type==="dot"?(e.openBlock(),e.createElementBlock("span",Vt)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default",{},void 0,!0),l.closable?(e.openBlock(),e.createBlock(j,{key:1,class:"f-tag__close",onClick:r[0]||(r[0]=e.withModifiers(b=>n("close"),["stop"]))},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o)?e.unref(x.CloseCircle):e.unref(x.Close))))]),_:1})):e.createCommentVNode("",!0)],34)}}}),[["__scopeId","data-v-02bd5aa6"]]),le=D(e.defineComponent({__name:"FTooltip",props:{content:{},placement:{default:"top"},disabled:{type:Boolean,default:!1},delay:{default:100},offset:{default:6},maxWidth:{default:240}},setup(s){const t=s,n=e.ref(null),o=e.ref(null),l=e.ref(!1),r=e.ref({top:0,left:0});let d=null;const i=()=>{t.disabled||(d=setTimeout(()=>{l.value=!0,e.nextTick(b)},t.delay))},a=()=>{d&&clearTimeout(d),l.value=!1},b=()=>{var R,w;if(!o.value)return;const B=(w=(R=n.value)==null?void 0:R.firstElementChild)!=null?w:n.value;if(!B)return;const u=B.getBoundingClientRect(),p=o.value.getBoundingClientRect(),g=t.offset,[m,E]=t.placement.split("-");let V=0,M=0;switch(m){case"top":V=u.top-p.height-g;break;case"bottom":V=u.bottom+g;break;case"left":M=u.left-p.width-g;break;case"right":M=u.right+g;break}m==="top"||m==="bottom"?E==="start"?M=u.left:E==="end"?M=u.right-p.width:M=u.left+(u.width-p.width)/2:E==="start"?V=u.top:E==="end"?V=u.bottom-p.height:V=u.top+(u.height-p.height)/2;const F=8;M=Math.max(F,Math.min(M,window.innerWidth-p.width-F)),V=Math.max(F,Math.min(V,window.innerHeight-p.height-F)),r.value={top:V+window.scrollY,left:M+window.scrollX}};return e.onUnmounted(a),(B,u)=>(e.openBlock(),e.createElementBlock("div",{class:"f-tooltip",ref_key:"triggerRef",ref:n,onMouseenter:i,onMouseleave:a},[e.renderSlot(B.$slots,"default",{},void 0,!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"f-tooltip"},{default:e.withCtx(()=>[e.unref(l)&&(B.content||B.$slots.content)?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"tooltipRef",ref:o,class:e.normalizeClass(["f-tooltip-wrapper",`is-${B.placement.split("-")[0]}`]),style:e.normalizeStyle({top:`${e.unref(r).top}px`,left:`${e.unref(r).left}px`,maxWidth:`${B.maxWidth}px`})},[e.renderSlot(B.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(B.content),1)],!0),u[0]||(u[0]=e.createElementVNode("span",{class:"f-tooltip-arrow"},null,-1))],6)):e.createCommentVNode("",!0)]),_:3})]))],544))}}),[["__scopeId","data-v-be9acca7"]]),St={class:"f-progress"},Nt={key:0,class:"f-progress__text"},re=D(e.defineComponent({__name:"FProgress",props:{percent:{},color:{},showText:{type:Boolean,default:!1},height:{default:5}},setup(s){const t=s,n=e.computed(()=>Math.min(100,Math.max(0,t.percent)));return(o,l)=>(e.openBlock(),e.createElementBlock("div",St,[e.createElementVNode("div",{class:"f-progress__track",style:e.normalizeStyle({height:`${o.height}px`})},[e.createElementVNode("div",{class:"f-progress__fill",style:e.normalizeStyle({width:`${e.unref(n)}%`,background:o.color})},null,4)],4),o.showText?(e.openBlock(),e.createElementBlock("span",Nt,e.toDisplayString(e.unref(n))+"%",1)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-c2164d6e"]]),Ft={class:"f-tabs__nav-container"},Mt={class:"f-tabs__nav"},zt=["onClick"],Tt={class:"f-tabs__label"},me=D(e.defineComponent({__name:"FTabs",props:{tabs:{},active:{},type:{default:"line"}},emits:["update:active","change"],setup(s,{emit:t}){const n=s,o=t,l=e.computed({get:()=>{var i;if(n.active&&n.tabs.some(a=>a.name===n.active&&!a.disabled))return n.active;const d=n.tabs.find(a=>!a.disabled);return(i=d==null?void 0:d.name)!=null?i:""},set:d=>{o("update:active",d),o("change",d)}}),r=(d,i)=>{i||(l.value=d)};return(d,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["f-tabs",[`f-tabs--${d.type}`]])},[e.createElementVNode("div",Ft,[e.createElementVNode("div",Mt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.tabs,a=>(e.openBlock(),e.createElementBlock("div",{key:a.name,class:e.normalizeClass(["f-tabs__tab",{active:e.unref(l)===a.name,disabled:a.disabled}]),onClick:b=>r(a.name,a.disabled)},[e.createElementVNode("span",Tt,e.toDisplayString(a.label),1)],10,zt))),128))])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.tabs,a=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:a.name,class:"f-tabs__panel"},[e.renderSlot(d.$slots,a.name,{},void 0,!0)])),[[e.vShow,e.unref(l)===a.name]])),128))],2))}}),[["__scopeId","data-v-268fc654"]]),It={class:"f-breadcrumb__current","aria-current":"page"},Dt=["href"],xt={key:3,class:"f-breadcrumb__text"},he=D(e.defineComponent({__name:"FBreadcrumb",props:{items:{default:()=>[]},separator:{default:"/"},animated:{type:Boolean,default:!1}},setup(s){return(t,n)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(["f-breadcrumb",{"f-breadcrumb--animated":t.animated}]),"aria-label":"breadcrumb"},[e.createVNode(e.TransitionGroup,{name:"breadcrumb"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(o,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o.label},[l>0?(e.openBlock(),e.createElementBlock("span",{key:`sep-${o.label}`,class:"f-breadcrumb__sep","aria-hidden":"true"},e.toDisplayString(t.separator),1)):e.createCommentVNode("",!0),l===t.items.length-1?e.renderSlot(t.$slots,"default",{key:1,item:o},()=>[e.createElementVNode("span",It,e.toDisplayString(o.label),1)],!0):o.href?(e.openBlock(),e.createElementBlock("a",{key:2,href:o.href,class:"f-breadcrumb__link"},e.toDisplayString(o.label),9,Dt)):(e.openBlock(),e.createElementBlock("span",xt,e.toDisplayString(o.label),1))],64))),128))]),_:3})],2))}}),[["__scopeId","data-v-bb787dcc"]]),ue=D(e.defineComponent({__name:"FCol",props:{span:{default:24},offset:{default:0},order:{default:0},xs:{},sm:{},md:{},lg:{}},setup(s){const t=s,n=r=>typeof r=="number"?{span:r}:r,o=e.computed(()=>({"--col-span":t.span,"--col-offset":t.offset,"--col-order":t.order})),l=e.computed(()=>{const r=[],d={xs:t.xs,sm:t.sm,md:t.md,lg:t.lg};for(const[i,a]of Object.entries(d)){if(a===void 0)continue;const{span:b,offset:B,order:u}=n(a);b!==void 0&&r.push(`f-col--${i}-${b}`),B!==void 0&&r.push(`f-col--${i}-offset-${B}`),u!==void 0&&r.push(`f-col--${i}-order-${u}`)}return r});return(r,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["f-col",e.unref(l)]),style:e.normalizeStyle(e.unref(o))},[e.renderSlot(r.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-5a8b0cb4"]]),_e=D(e.defineComponent({__name:"FRow",props:{gutter:{default:0},justify:{default:"start"},align:{default:"top"},wrap:{default:"wrap"},tag:{default:"div"}},setup(s){const t=s,n=e.computed(()=>Array.isArray(t.gutter)?t.gutter[0]:t.gutter),o=e.computed(()=>Array.isArray(t.gutter)?t.gutter[1]:0),l={start:"flex-start",end:"flex-end",center:"center","space-between":"space-between","space-around":"space-around","space-evenly":"space-evenly"},r={top:"flex-start",middle:"center",bottom:"flex-end",stretch:"stretch"},d=e.computed(()=>({marginLeft:n.value?`-${n.value/2}px`:void 0,marginRight:n.value?`-${n.value/2}px`:void 0,rowGap:o.value?`${o.value}px`:void 0,justifyContent:l[t.justify],alignItems:r[t.align],flexWrap:t.wrap,"--row-gutter-h":n.value?`${n.value/2}px`:"0px"}));return(i,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.tag),{class:"f-row",style:e.normalizeStyle(e.unref(d))},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default",{},void 0,!0)]),_:3},8,["style"]))}}),[["__scopeId","data-v-72f62339"]]),Lt={class:"f-space__item"},Rt={key:0,class:"f-space__split","aria-hidden":"true"},ke=D(e.defineComponent({__name:"FSpace",props:{direction:{default:"horizontal"},size:{default:"normal"},align:{default:"center"},justify:{default:"start"},wrap:{type:Boolean,default:!1},split:{}},setup(s){const t=s,n={small:6,normal:12,large:18},o=a=>typeof a=="number"?a:n[a],l=e.computed(()=>{const a=t.size;return Array.isArray(a)?`${o(a[1])}px ${o(a[0])}px`:`${o(a)}px`}),r=e.computed(()=>({flexDirection:t.direction==="vertical"?"column":"row",alignItems:t.align,justifyContent:t.justify,flexWrap:t.wrap?"wrap":"nowrap",gap:l.value})),d=e.useSlots(),i=e.computed(()=>{var B;const a=(B=d.default)==null?void 0:B.call(d);if(!a)return[];const b=[];for(const u of a)u.type===e.Fragment?b.push(...u.children):b.push(u);return b.filter(u=>u.type!==Comment)});return(a,b)=>(e.openBlock(),e.createElementBlock("div",{class:"f-space",style:e.normalizeStyle(e.unref(r))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),(B,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:u},[e.createElementVNode("div",Lt,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(B)))]),a.split&&u<e.unref(i).length-1?(e.openBlock(),e.createElementBlock("span",Rt,e.toDisplayString(a.split),1)):e.createCommentVNode("",!0)],64))),128))],4))}}),[["__scopeId","data-v-5fb3b1a0"]]),ge=D(e.defineComponent({__name:"FContainer",props:{gap:{default:12}},setup(s){const t=s,n=e.computed(()=>({gap:typeof t.gap=="number"?`${t.gap}px`:t.gap}));return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:"f-container",style:e.normalizeStyle(e.unref(n))},[e.renderSlot(o.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-08450ddf"]]),ye=D(e.defineComponent({__name:"FDivider",props:{color:{},direction:{default:"horizontal"},line:{default:"solid"}},setup(s){const t=s,n=e.computed(()=>{const o=t.color||"var(--el-color-primary)",l=t.direction==="horizontal";return{borderTop:l?`${t.line} ${o}`:"none",borderLeft:l?"none":`${t.line} ${o}`,height:l?"0":"100%",width:l?"100%":"0",margin:l?"24px 0":"0"}});return(o,l)=>(e.openBlock(),e.createElementBlock("hr",{style:e.normalizeStyle(n.value)},null,4))}}),[["__scopeId","data-v-512ee743"]]),At=["src","alt"],be=D(e.defineComponent({__name:"FAvatar",props:{src:{},alt:{},size:{default:"normal"},shape:{default:"circle"},icon:{}},setup(s){const t=s,n={small:"32px",normal:"48px",large:"64px"},o=e.computed(()=>({width:typeof t.size=="string"?n[t.size]:`${t.size}px`,height:typeof t.size=="string"?n[t.size]:`${t.size}px`,borderRadius:t.shape==="circle"?"50%":"8px"}));return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:"f-avatar",style:e.normalizeStyle(e.unref(o))},[l.src?(e.openBlock(),e.createElementBlock("img",{key:0,src:l.src,alt:l.alt},null,8,At)):(e.openBlock(),e.createBlock(j,{key:1,size:24},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.icon?l.icon:e.unref(x.Person))))]),_:1}))],4))}}),[["__scopeId","data-v-b3665268"]]),Pt=["disabled"],Be=D(e.defineComponent({__name:"FButton",props:{size:{default:"normal"},round:{type:[Boolean,Number],default:!1},disabled:{type:Boolean},bgColor:{},variant:{}},setup(s){const t=s,n={small:{height:"24px",minWidth:"24px",padding:"0 8px",fontSize:"11px"},normal:{height:"32px",minWidth:"32px",padding:"0 12px",fontSize:"12px"},large:{height:"40px",minWidth:"40px",padding:"0 16px",fontSize:"13px"}},o=e.computed(()=>{var l;return v(Z({},(l=n[t.size])!=null?l:n.normal),{borderRadius:t.round===!0?"999px":typeof t.round=="number"?`${t.round}px`:"6px",backgroundColor:t.bgColor})});return(l,r)=>{var d;return e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["f-button",[`f-button--${(d=l.variant)!=null?d:"default"}`,{"is-disabled":l.disabled}]]),style:e.normalizeStyle(e.unref(o)),disabled:l.disabled},[e.renderSlot(l.$slots,"default",{},void 0,!0)],14,Pt)}}}),[["__scopeId","data-v-eeff7101"]]),$e=D(e.defineComponent({__name:"FTypography",props:{color:{default:""}},setup(s){const t=s,n=e.computed(()=>({color:t.color}));return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:"f-typography",style:e.normalizeStyle(e.unref(n))},[e.renderSlot(o.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-50e044db"]]),Ce=D(e.defineComponent({__name:"FText",props:{tag:{default:"span"},heading:{},size:{default:"normal"},weight:{default:"normal"},color:{},truncate:{type:Boolean},italic:{type:Boolean}},setup(s){const t=s,n={1:"3xl",2:"2xl",3:"xl",4:"lg",5:"normal",6:"sm"},o={1:"bolder",2:"bold",3:"bold",4:"medium",5:"medium",6:"normal"},l=e.computed(()=>{var i;return t.heading?`h${t.heading}`:(i=t.tag)!=null?i:"span"}),r=e.computed(()=>{var i;return(i=t.size)!=null?i:t.heading?n[t.heading]:"normal"}),d=e.computed(()=>{var i;return(i=t.weight)!=null?i:t.heading?o[t.heading]:"normal"});return(i,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l)),{class:e.normalizeClass(["f-text",[`f-text--${e.unref(r)}`,`f-text--${e.unref(d)}`,i.color&&`f-text--${i.color}`,{"f-text--truncate":i.truncate,"f-text--italic":i.italic}]])},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default",{},void 0,!0)]),_:3},8,["class"]))}}),[["__scopeId","data-v-8bcfc6b3"]]),Ht=["href","target","rel"],Ee=D(e.defineComponent({__name:"FLink",props:{href:{},target:{default:"_self"},underline:{default:"hover"},color:{},disabled:{type:Boolean}},setup(s){const t=s;return(n,o)=>(e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass(["f-link",[t.color&&`f-link--${t.color}`,`f-link--underline-${t.underline}`,{"f-link--disabled":t.disabled}]]),href:t.disabled?void 0:t.href,target:t.target,rel:t.target==="_blank"?"noopener noreferrer":void 0},[e.renderSlot(n.$slots,"default",{},void 0,!0)],10,Ht))}}),[["__scopeId","data-v-daaa3e25"]]),jt={class:"f-badge"},we=D(e.defineComponent({__name:"FBadge",props:{value:{},max:{default:99},dot:{type:Boolean,default:!1},type:{default:"danger"},placement:{default:"top-right"},offset:{default:()=>[0,0]}},setup(s){const t=s,n=e.computed(()=>{var l;return t.dot?"":typeof t.value=="number"&&t.value>t.max?`${t.max}+`:(l=t.value)!=null?l:""}),o=e.computed(()=>{const[l,r]=t.offset;return{"top-right":{top:0,right:0,transform:`translate(calc(50% + ${l}px), calc(-50% + ${r}px))`},"top-left":{top:0,left:0,transform:`translate(calc(-50% + ${l}px), calc(-50% + ${r}px))`},"bottom-right":{bottom:0,right:0,transform:`translate(calc(50% + ${l}px), calc(50% + ${r}px))`},"bottom-left":{bottom:0,left:0,transform:`translate(calc(-50% + ${l}px), calc(50% + ${r}px))`}}[t.placement]});return(l,r)=>(e.openBlock(),e.createElementBlock("div",jt,[e.renderSlot(l.$slots,"default",{},void 0,!0),l.dot||l.value!==void 0&&l.value!==""?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["f-badge__content",[`f-badge--${l.type}`,{"f-badge--dot":l.dot}]]),style:e.normalizeStyle(e.unref(o))},e.toDisplayString(e.unref(n)),7)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-be6947ff"]]),Ve=D(e.defineComponent({__name:"FAffix",props:{placement:{default:"top-right"},offset:{default:()=>[8,8]}},setup(s){const t=s,n=e.computed(()=>{const[o,l]=t.offset;return{"top-left":{top:`${l}px`,left:`${o}px`},"top-right":{top:`${l}px`,right:`${o}px`},"bottom-left":{bottom:`${l}px`,left:`${o}px`},"bottom-right":{bottom:`${l}px`,right:`${o}px`}}[t.placement]});return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:"f-affix",style:e.normalizeStyle(e.unref(n))},[e.renderSlot(o.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-8506d679"]]),Se=D(e.defineComponent({__name:"FForm",props:{model:{},rules:{default:()=>({})},labelWidth:{default:"80px"},labelPosition:{default:"right"},size:{default:"normal"}},setup(s,{expose:t}){const n=s,o=e.ref([]),l=a=>{o.value.push(a)},r=a=>{o.value=o.value.filter(b=>b.prop!==a)};return e.provide("FFormContext",{model:n.model,rules:n.rules,labelWidth:n.labelWidth,labelPosition:e.computed(()=>n.labelPosition),size:e.computed(()=>n.size),registerField:l,unregisterField:r}),t({validate:()=>G(null,null,function*(){const a=o.value.map(u=>u.validate());if((yield Promise.all(a)).filter(u=>u!==void 0).length>0)throw new Error("表单校验失败");return!0}),resetFields:()=>{o.value.forEach(a=>a.clearValidate())}}),(a,b)=>(e.openBlock(),e.createElementBlock("form",{class:e.normalizeClass(["f-form",[`f-form--label-${a.labelPosition}`,`f-form--size-${a.size}`]]),onSubmit:b[0]||(b[0]=e.withModifiers(()=>{},["prevent"]))},[e.renderSlot(a.$slots,"default",{},void 0,!0)],34))}}),[["__scopeId","data-v-21f7de9b"]]),Ot=(s,t)=>G(null,null,function*(){const n=Array.isArray(t)?t:[t];for(let o of n){o.transform&&(s=o.transform(s));const l=s==null||s==="",r=o.whitespace&&typeof s=="string"&&s.trim()==="";if(o.required&&(l||r))return o.message||"此字段为必填项";if(!o.required&&l)continue;if(o.type){const i=Wt(s,o);if(i)return i}const d=Ut(s,o);if(d)return d;if(o.pattern&&!o.pattern.test(String(s)))return o.message||"格式不匹配";if(o.enum&&!o.enum.includes(s))return o.message||"不在指定的枚举范围内";if(o.validator){const i=yield Promise.resolve(o.validator(s,o));if(typeof i=="string")return i;if(i===!1)return o.message||"校验失败"}}}),Wt=(s,t)=>{const{type:n,message:o}=t;switch(n){case"string":if(typeof s!="string")return o||"必须是字符串";break;case"number":if(typeof s!="number"||isNaN(s))return o||"必须是数字";break;case"integer":if(!Number.isInteger(s))return o||"必须是整数";break;case"boolean":if(typeof s!="boolean")return o||"必须是布尔值";break;case"array":if(!Array.isArray(s))return o||"必须是数组";break;case"object":if(typeof s!="object"||s===null)return o||"必须是对象";break;case"email":if(!/^[^\s@]+@([^\s@]+\.)+[^\s@]+$/.test(s))return o||"邮箱格式不正确";break;case"regexp":if(t.pattern&&!t.pattern.test(String(s)))return t.message||"格式不匹配";break}},Ut=(s,t)=>{const{min:n,max:o,len:l,message:r,type:d}=t,i=d==="number"||d==="integer"||d==="float",a=i&&typeof s=="number"?s:s==null?void 0:s.length;if(a!==void 0){if(l!==void 0&&a!==l)return r||(i?`值必须等于 ${l}`:`长度必须为 ${l}`);if(n!==void 0&&a<n)return r||(i?`最小值不能小于 ${n}`:`长度不能小于 ${n}`);if(o!==void 0&&a>o)return r||(i?`最大值不能大于 ${o}`:`长度不能大于 ${o}`)}},Yt={key:0,class:"star"},Xt={class:"f-form-item__content"},qt={key:0,class:"f-form-item__error"},Ne=D(e.defineComponent({__name:"FFormItem",props:{label:{},prop:{}},setup(s,{expose:t}){const n=s,o=e.inject("FFormContext"),l=e.ref(""),r=e.computed(()=>{var u;return((u=o==null?void 0:o.labelPosition)==null?void 0:u.value)||"right"}),d=e.computed(()=>{var u;return((u=o==null?void 0:o.size)==null?void 0:u.value)||"default"}),i=e.computed(()=>{if(!(o!=null&&o.rules)||!n.prop)return[];const u=o.rules[n.prop]||[];return Array.isArray(u)?u:[u]}),a=e.computed(()=>i.value.some(u=>u.required)),b=()=>G(null,null,function*(){if(!n.prop||!o)return;const u=o.model[n.prop],p=yield Ot(u,i.value);return l.value=p||"",p}),B=()=>{l.value=""};return e.provide("FFormItemContext",{errorMsg:l,validate:b}),e.onMounted(()=>{n.prop&&(o!=null&&o.registerField)&&o.registerField({prop:n.prop,validate:b,clearValidate:B})}),e.onUnmounted(()=>{n.prop&&(o!=null&&o.unregisterField)&&o.unregisterField(n.prop)}),e.watch(()=>o==null?void 0:o.model[n.prop],()=>{l.value&&b()}),t({validate:b,clearValidate:B}),(u,p)=>{var g;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["f-form-item",[`is-label-${e.unref(r)}`,`is-size-${e.unref(d)}`,{"is-error":e.unref(l)}]])},[u.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:"f-form-item__label",style:e.normalizeStyle({width:e.unref(r)==="top"?"100%":(g=e.unref(o))==null?void 0:g.labelWidth,textAlign:e.unref(r)==="top"?"left":e.unref(r)})},[e.unref(a)?(e.openBlock(),e.createElementBlock("span",Yt,"*")):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(u.label)+"： ",1)],4)):e.createCommentVNode("",!0),e.createElementVNode("div",Xt,[e.renderSlot(u.$slots,"default",{},void 0,!0),e.createVNode(e.Transition,{name:"err-slide"},{default:e.withCtx(()=>[e.unref(l)?(e.openBlock(),e.createElementBlock("p",qt,e.toDisplayString(e.unref(l)),1)):e.createCommentVNode("",!0)]),_:1})])],2)}}}),[["__scopeId","data-v-c3d6ec01"]]),Gt={class:"f-checkbox__wrapper"},Kt=["checked","disabled"],Jt={key:0,class:"f-checkbox__label"},Fe=D(e.defineComponent({__name:"FCheckbox",props:e.mergeModels({label:{},disabled:{type:Boolean}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:["update:modelValue"],setup(s){const t=e.useModel(s,"modelValue"),n=s,o=l=>{if(n.disabled)return;const r=l.target;t.value=r.checked};return(l,r)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["f-checkbox",{"is-disabled":l.disabled}])},[e.createElementVNode("span",Gt,[e.createElementVNode("input",{type:"checkbox",checked:t.value,disabled:l.disabled,onChange:o},null,40,Kt),r[0]||(r[0]=e.createElementVNode("span",{class:"f-checkbox__checkmark"},null,-1))]),l.label?(e.openBlock(),e.createElementBlock("span",Jt,e.toDisplayString(l.label),1)):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-633b283a"]]),Qt={class:"alert__body"},Zt={class:"alert__title"},vt={class:"alert__content"},Me=D(e.defineComponent({__name:"FAlert",props:{type:{default:"info"},title:{},content:{}},setup(s){const t=s,n=e.computed(()=>({success:{icon:x.CheckmarkCircleOutline,label:"Success"},error:{icon:x.AlertCircleOutline,label:"Error"},warning:{icon:x.WarningOutline,label:"Warning"},info:{icon:x.InformationCircleOutline,label:"Tips"}})[t.type]);return(o,l)=>{var r;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["alert",`alert--${o.type}`])},[e.createVNode(j,{class:"alert__icon"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(n).icon)))]),_:1}),e.createElementVNode("div",Qt,[e.createElementVNode("h4",Zt,e.toDisplayString((r=o.title)!=null?r:e.unref(n).label),1),e.createElementVNode("div",vt,[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.content),1)],!0)])])],2)}}}),[["__scopeId","data-v-f16678ef"]]),eo={class:"f-editor__toolbar"},to={class:"f-editor__status"},oo={class:"f-editor__lines"},no={class:"f-editor__code-wrapper"},lo=["innerHTML"],ro=["rows","readonly","placeholder"],ae=17.6,ze=12,ao=180,so=1500,Te=D(e.defineComponent({__name:"FEditor",props:e.mergeModels({placeholder:{},rows:{},language:{},readonly:{type:Boolean},showLine:{type:Boolean},height:{default:420}},{modelValue:{default:""},modelModifiers:{}}),emits:e.mergeModels(["blur"],["update:modelValue"]),setup(s,{emit:t}){const n=e.useModel(s,"modelValue"),o=s,l=t,r=e.ref(),d=e.ref(),i=e.ref(),a=e.ref(0),b=e.ref(1),B=e.ref(0),u=f=>{if(f.key==="Tab"){f.preventDefault();const k=r.value;if(!k)return;const y=k.selectionStart,N=k.selectionEnd;n.value=n.value.slice(0,y)+"  "+n.value.slice(N),e.nextTick(()=>{k.selectionStart=k.selectionEnd=y+2});return}if(f.key==="Enter"){const k=r.value;if(!k)return;const y=k.selectionStart,N=n.value.lastIndexOf(`
-`,y-1)+1,I=n.value.slice(N,y),T=I.match(/^\s*/),H=T?T[0]:"",P=I.trim().slice(-1),O=P==="{"||P==="["?"  ":"";if(O){f.preventDefault();const U=`
-`+H+O;n.value=n.value.slice(0,y)+U+n.value.slice(y),e.nextTick(()=>{k.selectionStart=k.selectionEnd=y+U.length})}}},p=o.height,g=e.computed(()=>{const f=ze*2+V.value*ae;return Math.min(p,Math.max(ao,f))}),m=()=>{const f=r.value;f&&(B.value=f.selectionStart,b.value=n.value.slice(0,f.selectionStart).split(`
-`).length)},E=e.computed(()=>n.value.split(`
-`)),V=e.computed(()=>E.value.length),M=e.computed(()=>V.value>so);let F=null;const R=e.ref(n.value);e.watch(n,f=>{F&&clearTimeout(F);const k=f.length>2e4?120:0;F=setTimeout(()=>{R.value=f},k)},{immediate:!0});const w=e.computed(()=>{if(o.language!=="json"||!R.value.trim())return null;try{return JSON.parse(R.value),null}catch(f){const k=f.message||"",y=k.match(/position (\d+)/);if(y)return parseInt(y[1],10);const N=k.match(/line (\d+) column (\d+)/);if(N){const I=parseInt(N[1],10),T=parseInt(N[2],10),H=R.value.split(`
-`);let P=0;for(let O=0;O<I-1;O++)P+=H[O].length+1;return P+T-1}return R.value.length}}),$=e.computed(()=>w.value===null?null:R.value.slice(0,w.value).split(`
-`).length),c=e.computed(()=>w.value===null),h=()=>{if(o.language==="json")try{n.value=JSON.stringify(JSON.parse(n.value),null,2)}catch(f){}},S=f=>f.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),A=f=>S(f).replace(/("(?:\\.|[^"\\])*")(\s*:)?/g,(y,N,I)=>`<span class="${I?"tok-key":"tok-string"}">${N}</span>${I||""}`).replace(/\b(true|false|null)\b/g,'<span class="tok-keyword">$1</span>').replace(/(-?\b\d+\.?\d*(?:[eE][+-]?\d+)?\b)/g,'<span class="tok-number">$1</span>').replace(/([{}[\],])/g,'<span class="tok-punct">$1</span>'),z=e.computed(()=>{const k=R.value.split(`
-`),y=w.value,N=$.value;let I=0;return k.map((T,H)=>{const P=H+1,O=I;I+=T.length+1;let U;if(N===P&&y!==null){const Y=y-O,J=T.slice(0,Math.max(0,Y)),Q=T.slice(Y,Y+1)||" ",Ue=T.slice(Y+1);U=(M.value?S(J):A(J))+`<span class="tok-error">${S(Q)}</span>`+(M.value?S(Ue):A(Ue))}else o.language==="json"&&!M.value?U=A(T):U=S(T);return{lineNo:P,html:U||"&nbsp;"}})}),L=()=>{r.value&&(a.value=r.value.scrollTop,d.value&&(d.value.scrollTop=r.value.scrollTop,d.value.scrollLeft=r.value.scrollLeft),i.value&&(i.value.scrollTop=r.value.scrollTop))},_=()=>{L(),m()};return(f,k)=>{var y;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["f-editor",{"f-editor--invalid":!e.unref(c)}])},[e.createElementVNode("div",eo,[e.createElementVNode("span",to,[e.createElementVNode("span",oo,e.toDisplayString(e.unref(V))+" 行",1),e.unref(M)?(e.openBlock(),e.createBlock(ne,{key:0,color:"orange",type:"square",effect:"plain"},{default:e.withCtx(()=>k[2]||(k[2]=[e.createTextVNode("大文件模式")])),_:1,__:[2]})):e.createCommentVNode("",!0)]),f.language==="json"?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"f-editor__format",onClick:h}," 格式化 ")):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"f-editor__body",style:e.normalizeStyle({height:`${e.unref(g)}px`})},[f.showLine?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"gutterRef",ref:i,class:"f-editor__gutter"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(V),N=>(e.openBlock(),e.createElementBlock("div",{key:N,class:e.normalizeClass(["f-editor__gutter-line",{"f-editor__gutter-line--active":N===e.unref(b)}])},e.toDisplayString(N),3))),128))],512)):e.createCommentVNode("",!0),e.createElementVNode("div",no,[e.createElementVNode("div",{class:"f-editor__active-line",style:e.normalizeStyle({top:`${ze+(e.unref(b)-1)*ae-e.unref(a)}px`,height:`${ae}px`})},null,4),e.createElementVNode("pre",{ref_key:"highlightRef",ref:d,class:"f-editor__highlight"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(z),N=>(e.openBlock(),e.createElementBlock("span",{key:N.lineNo,class:"f-editor__line",innerHTML:N.html+`
-`},null,8,lo))),128))],512),e.withDirectives(e.createElementVNode("textarea",{ref_key:"textareaRef",ref:r,"onUpdate:modelValue":k[0]||(k[0]=N=>n.value=N),rows:(y=f.rows)!=null?y:8,readonly:"readonly"in f?f.readonly:e.unref(e.readonly),class:"f-editor__textarea",spellcheck:"false",placeholder:f.placeholder,onKeydown:u,onScroll:L,onInput:_,onClick:m,onKeyup:m,onBlur:k[1]||(k[1]=N=>l("blur"))},null,40,ro),[[e.vModelText,n.value]])])],4)],2)}}}),[["__scopeId","data-v-6d590649"]]),co={class:"f-table"},io={key:0,class:"f-table__loading"},fo={class:"f-table__inner"},po={key:0,class:"f-table__col--index"},mo={class:"f-table__head"},ho={key:0,class:"f-table__th f-table__th--index"},uo={class:"f-table__th-inner"},_o={class:"f-table__body"},ko={key:0,class:"f-table__spacer"},go=["colspan"],yo={key:0,class:"f-table__td f-table__td--index"},bo={key:2},Bo=["colspan"],$o={key:3,class:"f-table__spacer"},Co=["colspan"],Ie=D(e.defineComponent({__name:"FTable",props:{data:{},columns:{},rowHeight:{default:40},overscan:{default:5},showIndex:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},loadingText:{default:"加载中..."},emptyText:{default:"暂无数据"}},setup(s){const t=s,n=e.ref(null),o=e.ref(0),l=e.ref(0),r=e.computed(()=>t.columns.length+(t.showIndex?1:0)),d=e.computed(()=>{const m=Math.floor(o.value/t.rowHeight)-t.overscan;return Math.max(0,m)}),i=e.computed(()=>{const m=Math.ceil(l.value/t.rowHeight),E=d.value+m+t.overscan*2;return Math.min(t.data.length-1,E)}),a=e.computed(()=>t.data.slice(d.value,i.value+1).map((m,E)=>({row:m,index:d.value+E}))),b=e.computed(()=>d.value*t.rowHeight),B=e.computed(()=>Math.max(0,(t.data.length-i.value-1)*t.rowHeight)),u=m=>{o.value=m.target.scrollTop},p=m=>m==null?"-":typeof m=="object"?JSON.stringify(m):String(m);let g=null;return e.onMounted(()=>{n.value&&(l.value=n.value.clientHeight,g=new ResizeObserver(([m])=>{m&&(l.value=m.contentRect.height)}),g.observe(n.value))}),e.onBeforeUnmount(()=>{g==null||g.disconnect()}),e.watch(()=>t.data,()=>{n.value&&(n.value.scrollTop=0),o.value=0}),(m,E)=>(e.openBlock(),e.createElementBlock("div",co,[m.loading?(e.openBlock(),e.createElementBlock("div",io,[E[0]||(E[0]=e.createElementVNode("span",{class:"spinner"},null,-1)),e.createElementVNode("span",null,e.toDisplayString(m.loadingText),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"f-table__scroll",ref_key:"scrollEl",ref:n,onScroll:u},[e.createElementVNode("table",fo,[e.createElementVNode("colgroup",null,[m.showIndex?(e.openBlock(),e.createElementBlock("col",po)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.columns,V=>{var M,F;return e.openBlock(),e.createElementBlock("col",{key:V.key,style:e.normalizeStyle({width:(M=V.width)!=null?M:"auto",minWidth:(F=V.minWidth)!=null?F:"120px"})},null,4)}),128))]),e.createElementVNode("thead",mo,[e.createElementVNode("tr",null,[m.showIndex?(e.openBlock(),e.createElementBlock("th",ho,"#")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.columns,V=>(e.openBlock(),e.createElementBlock("th",{key:V.key,class:e.normalizeClass(["f-table__th",V.thClass])},[e.renderSlot(m.$slots,`header-${V.key}`,{column:V},()=>[e.createElementVNode("div",uo,[e.createElementVNode("span",null,e.toDisplayString(V.label),1)])],!0)],2))),128))])]),e.createElementVNode("tbody",_o,[e.unref(b)>0?(e.openBlock(),e.createElementBlock("tr",ko,[e.createElementVNode("td",{colspan:e.unref(r),style:e.normalizeStyle({height:e.unref(b)+"px"})},null,12,go)])):e.createCommentVNode("",!0),e.unref(a).length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(a),({row:V,index:M})=>(e.openBlock(),e.createElementBlock("tr",{key:M,class:"f-table__row"},[m.showIndex?(e.openBlock(),e.createElementBlock("td",yo,e.toDisplayString(M+1),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.columns,F=>(e.openBlock(),e.createElementBlock("td",{key:F.key,class:e.normalizeClass(["f-table__td",F.tdClass])},[m.$slots[`cell-${F.key}`]?e.renderSlot(m.$slots,`cell-${F.key}`,{key:0,row:V,value:V[F.key],index:M,col:F},void 0,!0):m.$slots.cell?e.renderSlot(m.$slots,"cell",{key:1,row:V,value:V[F.key],index:M,col:F},void 0,!0):(e.openBlock(),e.createBlock(le,{key:2,content:p(V[F.key])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p(V[F.key])),1)]),_:2},1032,["content"]))],2))),128))]))),128)):m.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("tr",bo,[e.createElementVNode("td",{colspan:e.unref(r),class:"f-table__empty"},[e.renderSlot(m.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(m.emptyText),1)],!0)],8,Bo)])),e.unref(B)>0?(e.openBlock(),e.createElementBlock("tr",$o,[e.createElementVNode("td",{colspan:e.unref(r),style:e.normalizeStyle({height:e.unref(B)+"px"})},null,12,Co)])):e.createCommentVNode("",!0)])])],544)]))}}),[["__scopeId","data-v-22daf8be"]]),De=D(e.defineComponent({__name:"FDialog",props:e.mergeModels({maskClosable:{type:Boolean,default:!0},maskColor:{default:"black"},showMask:{type:Boolean,default:!0}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:["update:modelValue"],setup(s){const t=s,n=e.useModel(s,"modelValue"),o=()=>{t.maskClosable&&(n.value=!1)},l=e.computed(()=>{if(!t.showMask)return"transparent";switch(t.maskColor){case"white":return"rgba(255, 255, 255, 0.5)";case"black":return"rgba(0, 0, 0, 0.5)";case"transparent":return"transparent";default:return"rgba(0, 0, 0, 0.5)"}});return(r,d)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"f-dialog-mask",style:e.normalizeStyle({backgroundColor:e.unref(l)}),onClick:o},[e.createElementVNode("div",{class:"f-dialog-container",onClick:d[0]||(d[0]=e.withModifiers(()=>{},["stop"]))},[e.renderSlot(r.$slots,"default",{},void 0,!0)])],4)):e.createCommentVNode("",!0)]),_:3})]))}}),[["__scopeId","data-v-31496822"]]),Eo={class:"f-upload"},wo={class:"f-upload__label"},Vo=["accept"],So={key:0,class:"f-upload__file-item"},No={class:"f-upload__file-info"},Fo={class:"f-upload__file-name"},xe=D(e.defineComponent({__name:"FUpload",props:e.mergeModels({accept:{},limit:{},progress:{}},{file:{default:""},fileModifiers:{}}),emits:e.mergeModels(["change","exceed"],["update:file"]),setup(s,{emit:t}){const n=e.useModel(s,"file"),o=s,l=t,r=e.ref(!1),d=e.ref(!1),i=()=>{n.value=""},a=p=>{p.preventDefault(),r.value=!0},b=p=>{p.preventDefault(),r.value=!1},B=p=>{var m,E;p.preventDefault(),r.value=!1;const g=(E=(m=p.dataTransfer)==null?void 0:m.files)==null?void 0:E[0];if(g){if(o.limit&&g.size>o.limit){l("exceed",g);return}l("change",g)}},u=p=>{var m;const g=(m=p.target.files)==null?void 0:m[0];if(g){if(o.limit&&g.size>o.limit){l("exceed",g);return}l("change",g)}};return(p,g)=>(e.openBlock(),e.createElementBlock("div",Eo,[e.createElementVNode("div",{class:e.normalizeClass(["f-upload__zone",{"f-upload--drag":e.unref(r)}]),onDragover:a,onDragleave:b,onDrop:B},[e.createElementVNode("label",wo,[e.createElementVNode("input",{type:"file",accept:p.accept,class:"f-upload__input",onChange:u},null,40,Vo),e.renderSlot(p.$slots,"default",{},()=>[e.createVNode(j,{size:40},{default:e.withCtx(()=>[e.createVNode(e.unref(x.CloudUpload))]),_:1}),g[2]||(g[2]=e.createElementVNode("span",{class:"f-upload__title"},"点击或拖拽文件至此处",-1)),g[3]||(g[3]=e.createElementVNode("span",{class:"f-upload__hint"},"支持 .xlsx .xls .json .txt",-1))],!0)])],34),n.value?(e.openBlock(),e.createElementBlock("div",So,[e.createVNode(j,null,{default:e.withCtx(()=>[e.createVNode(e.unref(x.DocumentOutline))]),_:1}),e.createElementVNode("div",No,[e.createElementVNode("span",Fo,e.toDisplayString(n.value),1),p.progress!=null?(e.openBlock(),e.createBlock(re,{key:0,percent:p.progress,"show-text":""},null,8,["percent"])):e.createCommentVNode("",!0)]),e.createVNode(j,{onClick:e.withModifiers(i,["stop"]),onMouseenter:g[0]||(g[0]=m=>d.value=!0),onMouseleave:g[1]||(g[1]=m=>d.value=!1),style:{cursor:"pointer",transition:"color 0.2s"}},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d)?e.unref(x.CloseCircle):e.unref(x.Close))))]),_:1})])):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-07b95a32"]]),Le=e.defineComponent({__name:"FButtonGroup",props:{size:{default:"default"},type:{default:"default"},disabled:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1}},setup(s){const t=s,{size:n,type:o,disabled:l}=e.toRefs(t);return e.provide("fButtonGroupContext",e.reactive({size:n,type:o,disabled:l})),(r,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["f-button-group",{"f-button-group--vertical":r.vertical}]),role:"group"},[e.renderSlot(r.$slots,"default")],2))}}),Mo={class:"f-collapse"},Re=e.defineComponent({__name:"FCollapse",props:e.mergeModels({accordion:{type:Boolean,default:!1}},{modelValue:{default:()=>[]},modelModifiers:{}}),emits:["update:modelValue"],setup(s){const t=s,n=e.useModel(s,"modelValue"),o=e.computed(()=>Array.isArray(n.value)?n.value:n.value===void 0||n.value===null||n.value===""?[]:[n.value]);function l(r){if(t.accordion){n.value=o.value.includes(r)?"":r;return}const d=[...o.value],i=d.indexOf(r);i>-1?d.splice(i,1):d.push(r),n.value=d}return e.provide("fCollapseContext",e.reactive({activeNames:o,handleItemClick:l})),(r,d)=>(e.openBlock(),e.createElementBlock("div",Mo,[e.renderSlot(r.$slots,"default")]))}}),zo={class:"f-collapse-item__header-title"},To={class:"f-collapse-item__wrapper"},Io={class:"f-collapse-item__content"},Ae=e.defineComponent({__name:"FCollapseItem",props:{name:{},title:{default:""},disabled:{type:Boolean,default:!1}},setup(s){const t=s,n=e.inject("fCollapseContext"),o=e.computed(()=>!!(n!=null&&n.activeNames.includes(t.name)));function l(){t.disabled||n==null||n.handleItemClick(t.name)}function r(a){const b=a;b.style.height="0px",requestAnimationFrame(()=>{b.style.height=`${b.scrollHeight}px`})}function d(a){a.style.height="auto"}function i(a){const b=a;b.style.height=`${b.scrollHeight}px`,requestAnimationFrame(()=>{b.style.height="0px"})}return(a,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["f-collapse-item",{"f-collapse-item--active":e.unref(o),"f-collapse-item--disabled":a.disabled}])},[e.createElementVNode("div",{class:"f-collapse-item__header",onClick:l},[e.renderSlot(a.$slots,"title",{},()=>[e.createElementVNode("span",zo,e.toDisplayString(a.title),1)]),b[0]||(b[0]=e.createElementVNode("svg",{class:"f-collapse-item__icon",viewBox:"0 0 12 12",width:"12",height:"12"},[e.createElementVNode("path",{d:"M2 4l4 4 4-4",stroke:"currentColor","stroke-width":"1.5",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})],-1))]),e.createVNode(e.Transition,{onEnter:r,onAfterEnter:d,onLeave:i},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",To,[e.createElementVNode("div",Io,[e.renderSlot(a.$slots,"default")])],512),[[e.vShow,e.unref(o)]])]),_:3})],2))}}),Do={class:"f-color-picker__swatch"},xo={key:0,class:"f-color-picker__panel"},Lo={class:"f-color-picker__sliders"},Ro={class:"f-color-picker__slider-group"},Ao=["value"],Po={key:0,class:"f-color-picker__predefine"},Ho=["onClick"],jo="linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)",Pe=e.defineComponent({__name:"FColorPicker",props:e.mergeModels({showAlpha:{type:Boolean,default:!1},predefine:{default:()=>[]},size:{default:"default"},disabled:{type:Boolean,default:!1}},{modelValue:{default:"#409eff"},modelModifiers:{}}),emits:["update:modelValue"],setup(s){const t=s,n=e.useModel(s,"modelValue");function o(_,f,k){f/=100,k/=100;const y=k*f,N=y*(1-Math.abs(_/60%2-1)),I=k-y;let T=0,H=0,P=0;return _<60?[T,H,P]=[y,N,0]:_<120?[T,H,P]=[N,y,0]:_<180?[T,H,P]=[0,y,N]:_<240?[T,H,P]=[0,N,y]:_<300?[T,H,P]=[N,0,y]:[T,H,P]=[y,0,N],{r:Math.round((T+I)*255),g:Math.round((H+I)*255),b:Math.round((P+I)*255)}}function l(_,f,k){_/=255,f/=255,k/=255;const y=Math.max(_,f,k),N=Math.min(_,f,k),I=y-N;let T=0;I!==0&&(y===_?T=60*((f-k)/I%6):y===f?T=60*((k-_)/I+2):T=60*((_-f)/I+4)),T<0&&(T+=360);const H=y===0?0:I/y;return{h:T,s:H*100,v:y*100}}function r(_,f,k){return`#${[_,f,k].map(y=>y.toString(16).padStart(2,"0")).join("")}`}function d(_){const f=_.trim(),k=f.match(/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i);if(k){let N=k[1];N.length===3&&(N=N.split("").map(O=>O+O).join(""));const I=parseInt(N.slice(0,2),16),T=parseInt(N.slice(2,4),16),H=parseInt(N.slice(4,6),16),P=N.length===8?parseInt(N.slice(6,8),16)/255:1;return v(Z({},l(I,T,H)),{a:P})}const y=f.match(/^rgba?\(([^)]+)\)$/i);if(y){const[N,I,T,H=1]=y[1].split(",").map(P=>parseFloat(P.trim()));return v(Z({},l(N,I,T)),{a:H})}return null}const i=e.reactive({h:0,s:0,v:100,a:1});let a=!1;e.watch(n,_=>{if(a){a=!1;return}const f=d(_);f&&(i.h=f.h,i.s=f.s,i.v=f.v,i.a=f.a)},{immediate:!0});function b(){return o(i.h,i.s,i.v)}function B(){const{r:_,g:f,b:k}=b();return t.showAlpha?`rgba(${_}, ${f}, ${k}, ${Math.round(i.a*100)/100})`:r(_,f,k)}function u(){a=!0,n.value=B()}const p=e.computed(()=>b()),g=e.ref(!1),m=e.ref(null);function E(_){m.value&&!m.value.contains(_.target)&&(g.value=!1)}e.watch(g,_=>{_?e.nextTick(()=>document.addEventListener("mousedown",E)):document.removeEventListener("mousedown",E)}),e.onBeforeUnmount(()=>document.removeEventListener("mousedown",E));function V(){t.disabled||(g.value=!g.value)}function M(_,f,k){const y=_.getBoundingClientRect();f(k.clientX,k.clientY,y);function N(T){f(T.clientX,T.clientY,y)}function I(){document.removeEventListener("mousemove",N),document.removeEventListener("mouseup",I)}document.addEventListener("mousemove",N),document.addEventListener("mouseup",I)}function F(_,f,k){return Math.min(Math.max(_,f),k)}const R=e.ref(null);function w(_){R.value&&M(R.value,(f,k,y)=>{const N=F(f-y.left,0,y.width),I=F(k-y.top,0,y.height);i.s=N/y.width*100,i.v=100-I/y.height*100,u()},_)}const $=e.ref(null);function c(_){$.value&&M($.value,(f,k,y)=>{const N=F(f-y.left,0,y.width);i.h=N/y.width*360,u()},_)}const h=e.ref(null);function S(_){h.value&&M(h.value,(f,k,y)=>{const N=F(f-y.left,0,y.width);i.a=N/y.width,u()},_)}function A(_){const f=_.trim();return/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(f)||/^rgba?\([^)]+\)$/i.test(f)?d(f):null}function z(_){const f=_.target,k=A(f.value);k?(i.h=k.h,i.s=k.s,i.v=k.v,i.a=k.a,u()):f.value=B()}function L(_){const f=d(_);f&&(i.h=f.h,i.s=f.s,i.v=f.v,i.a=f.a,u())}return(_,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:m,class:e.normalizeClass(["f-color-picker",[`f-color-picker--${_.size}`,{"f-color-picker--disabled":_.disabled}]])},[e.createElementVNode("div",{class:"f-color-picker__trigger",onClick:V},[e.createElementVNode("div",Do,[e.createElementVNode("span",{class:"f-color-picker__swatch-color",style:e.normalizeStyle({background:`rgba(${e.unref(p).r}, ${e.unref(p).g}, ${e.unref(p).b}, ${e.unref(i).a})`})},null,4)])]),e.createVNode(e.Transition,{name:"f-color-picker-fade"},{default:e.withCtx(()=>[e.unref(g)?(e.openBlock(),e.createElementBlock("div",xo,[e.createElementVNode("div",{ref_key:"panelRef",ref:R,class:"f-color-picker__saturation",style:e.normalizeStyle({backgroundColor:`hsl(${e.unref(i).h}, 100%, 50%)`}),onMousedown:w},[e.createElementVNode("div",{class:"f-color-picker__saturation-thumb",style:e.normalizeStyle({left:`${e.unref(i).s}%`,top:`${100-e.unref(i).v}%`})},null,4)],36),e.createElementVNode("div",Lo,[e.createElementVNode("div",Ro,[e.createElementVNode("div",{ref_key:"hueRef",ref:$,class:"f-color-picker__hue",style:e.normalizeStyle({backgroundImage:jo}),onMousedown:c},[e.createElementVNode("div",{class:"f-color-picker__slider-thumb",style:e.normalizeStyle({left:`${e.unref(i).h/360*100}%`})},null,4)],36),_.showAlpha?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"alphaRef",ref:h,class:"f-color-picker__alpha",onMousedown:S},[e.createElementVNode("div",{class:"f-color-picker__alpha-gradient",style:e.normalizeStyle({backgroundImage:`linear-gradient(to right, transparent, rgb(${e.unref(p).r}, ${e.unref(p).g}, ${e.unref(p).b}))`})},null,4),e.createElementVNode("div",{class:"f-color-picker__slider-thumb",style:e.normalizeStyle({left:`${e.unref(i).a*100}%`})},null,4)],544)):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"f-color-picker__current",style:e.normalizeStyle({background:`rgba(${e.unref(p).r}, ${e.unref(p).g}, ${e.unref(p).b}, ${e.unref(i).a})`})},null,4)]),e.createElementVNode("input",{class:"f-color-picker__input",type:"text",value:B(),onChange:z,onKeydown:f[0]||(f[0]=e.withKeys(k=>k.target.blur(),["enter"]))},null,40,Ao),_.predefine.length?(e.openBlock(),e.createElementBlock("div",Po,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.predefine,k=>(e.openBlock(),e.createElementBlock("span",{key:k,class:"f-color-picker__predefine-item",style:e.normalizeStyle({background:k}),onClick:y=>L(k)},null,12,Ho))),128))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),_:1})],2))}}),Oo={class:"f-empty"},Wo=["src"],Uo={key:1,viewBox:"0 0 160 160",class:"f-empty__image-default"},Yo={class:"f-empty__description"},Xo={key:0,class:"f-empty__extra"},He=e.defineComponent({__name:"FEmpty",props:{description:{default:"暂无数据"},image:{default:""},imageSize:{default:120}},setup(s){return(t,n)=>(e.openBlock(),e.createElementBlock("div",Oo,[e.createElementVNode("div",{class:"f-empty__image",style:e.normalizeStyle({width:`${t.imageSize}px`,height:`${t.imageSize}px`})},[e.renderSlot(t.$slots,"image",{},()=>[t.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.image,class:"f-empty__image-img",alt:""},null,8,Wo)):(e.openBlock(),e.createElementBlock("svg",Uo,n[0]||(n[0]=[e.createStaticVNode('<ellipse cx="80" cy="132" rx="46" ry="8" fill="currentColor" opacity="0.08"></ellipse><path d="M40 60 L120 60 L128 128 L32 128 Z" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round" opacity="0.35"></path><path d="M40 60 L58 32 L102 32 L120 60" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round" opacity="0.35"></path><line x1="32" y1="88" x2="128" y2="88" stroke="currentColor" stroke-width="3" opacity="0.35"></line><path d="M64 88 Q80 106 96 88" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" opacity="0.5"></path>',5)])))])],4),e.createElementVNode("div",Yo,[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])]),t.$slots.default?(e.openBlock(),e.createElementBlock("div",Xo,[e.renderSlot(t.$slots,"default")])):e.createCommentVNode("",!0)]))}}),qo={class:"f-slider__mark-label"},Go=["aria-valuemin","aria-valuemax","aria-valuenow","onMousedown","onKeydown","onMouseenter"],Ko={key:0,class:"f-slider__tooltip"},je=e.defineComponent({__name:"FSlider",props:e.mergeModels({min:{default:0},max:{default:100},step:{default:1},range:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},showTooltip:{type:Boolean,default:!0},marks:{default:()=>({})},size:{default:"default"}},{modelValue:{default:0},modelModifiers:{}}),emits:["update:modelValue"],setup(s){const t=s,n=e.useModel(s,"modelValue"),o=e.reactive(t.range?[t.min,t.max]:[t.min]);let l=!1;e.watch(n,$=>{if(l){l=!1;return}t.range&&Array.isArray($)?(o[0]=$[0],o[1]=$[1]):!t.range&&typeof $=="number"&&(o[0]=$)},{immediate:!0});function r(){l=!0,n.value=t.range?[o[0],o[1]]:o[0]}const d=e.computed(()=>{const $=String(t.step),c=$.indexOf(".");return c===-1?0:$.length-c-1});function i($){const c=Math.min(Math.max($,t.min),t.max),h=Math.round((c-t.min)/t.step)*t.step+t.min,S=Number(h.toFixed(d.value));return Math.min(Math.max(S,t.min),t.max)}function a($){return t.max===t.min?0:($-t.min)/(t.max-t.min)*100}function b($){return i(t.min+$/100*(t.max-t.min))}const B=e.ref(null),u=e.ref(null),p=e.ref(null);function g($,c,h){return t.vertical?100-Math.min(Math.max(c-h.top,0),h.height)/h.height*100:Math.min(Math.max($-h.left,0),h.width)/h.width*100}function m($,c){if(t.disabled)return;c.preventDefault(),c.stopPropagation();const h=B.value;if(!h)return;const S=h.getBoundingClientRect();u.value=$;function A(_,f){const k=g(_,f,S);let y=b(k);t.range&&($===0?y=Math.min(y,o[1]):y=Math.max(y,o[0])),o[$]!==y&&(o[$]=y,r())}A(c.clientX,c.clientY);function z(_){A(_.clientX,_.clientY)}function L(){u.value=null,document.removeEventListener("mousemove",z),document.removeEventListener("mouseup",L)}document.addEventListener("mousemove",z),document.addEventListener("mouseup",L)}function E($){if(t.disabled||!B.value||$.target.closest(".f-slider__thumb"))return;const c=B.value.getBoundingClientRect(),h=g($.clientX,$.clientY,c),S=b(h),A=t.range?Math.abs(S-o[0])<=Math.abs(S-o[1])?0:1:0;o[A]=S,r()}function V($,c){if(t.disabled)return;const h=t.vertical?{inc:"ArrowUp",dec:"ArrowDown"}:{inc:"ArrowRight",dec:"ArrowLeft"};let S=o[$];if(c.key===h.inc)S+=t.step;else if(c.key===h.dec)S-=t.step;else if(c.key==="Home")S=t.min;else if(c.key==="End")S=t.max;else return;c.preventDefault(),S=i(S),t.range&&(S=$===0?Math.min(S,o[1]):Math.max(S,o[0])),o[$]=S,r()}const M=e.computed(()=>{if(t.range){const c=a(o[0]),h=a(o[1]);return t.vertical?{bottom:`${c}%`,height:`${h-c}%`}:{left:`${c}%`,width:`${h-c}%`}}const $=a(o[0]);return t.vertical?{bottom:"0%",height:`${$}%`}:{left:"0%",width:`${$}%`}});function F($){const c=a(o[$]);return t.vertical?{bottom:`${c}%`}:{left:`${c}%`}}const R=e.computed(()=>Object.entries(t.marks).map(([$,c])=>({value:Number($),label:c,percent:a(Number($))})));function w($){return t.showTooltip&&(u.value===$||p.value===$)}return($,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["f-slider",[`f-slider--${$.size}`,{"f-slider--vertical":$.vertical,"f-slider--disabled":$.disabled,"f-slider--with-marks":e.unref(R).length}]])},[e.createElementVNode("div",{ref_key:"trackRef",ref:B,class:"f-slider__track",onMousedown:E},[e.createElementVNode("div",{class:"f-slider__bar",style:e.normalizeStyle(e.unref(M))},null,4),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(R),h=>(e.openBlock(),e.createElementBlock("span",{key:h.value,class:"f-slider__mark",style:e.normalizeStyle($.vertical?{bottom:`${h.percent}%`}:{left:`${h.percent}%`})},[c[1]||(c[1]=e.createElementVNode("span",{class:"f-slider__mark-dot"},null,-1)),e.createElementVNode("span",qo,e.toDisplayString(h.label),1)],4))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),(h,S)=>(e.openBlock(),e.createElementBlock("div",{key:S,class:e.normalizeClass(["f-slider__thumb",{"f-slider__thumb--active":e.unref(u)===S}]),style:e.normalizeStyle(F(S)),tabindex:"0",role:"slider","aria-valuemin":$.min,"aria-valuemax":$.max,"aria-valuenow":h,onMousedown:A=>m(S,A),onKeydown:A=>V(S,A),onMouseenter:A=>p.value=S,onMouseleave:c[0]||(c[0]=A=>p.value=null)},[e.createVNode(e.Transition,{name:"f-slider-tooltip-fade"},{default:e.withCtx(()=>[w(S)?(e.openBlock(),e.createElementBlock("div",Ko,e.toDisplayString(h),1)):e.createCommentVNode("",!0)]),_:2},1024)],46,Go))),128))],544)],2))}}),Oe=e.defineComponent({__name:"FScrollbar",props:{height:{default:""},maxHeight:{default:""},native:{type:Boolean,default:!1},always:{type:Boolean,default:!1},minSize:{default:20},vertical:{type:Boolean,default:!0},horizontal:{type:Boolean,default:!0}},emits:["scroll"],setup(s,{expose:t,emit:n}){const o=s,l=n,r=e.ref(null),d=e.ref(null),i=e.ref(null),a=e.ref(null),b=e.ref(1),B=e.ref(1),u=e.ref(0),p=e.ref(0),g=e.ref(!1),m=e.ref(!1);let E=null,V=null;const M=e.computed(()=>({height:o.height||void 0,maxHeight:o.maxHeight||void 0}));function F(){const z=r.value;if(!z)return;const{clientHeight:L,scrollHeight:_,clientWidth:f,scrollWidth:k,scrollTop:y,scrollLeft:N}=z;b.value=_>0?Math.min(L/_,1):1,B.value=k>0?Math.min(f/k,1):1;const I=_-L,T=k-f;u.value=I>0?y/I*(1-b.value)*100:0,p.value=T>0?N/T*(1-B.value)*100:0}function R(){F(),g.value||$();const z=r.value;z&&l("scroll",{scrollTop:z.scrollTop,scrollLeft:z.scrollLeft})}let w=null;function $(){m.value=!0,w&&clearTimeout(w),w=setTimeout(()=>{g.value||(m.value=!1)},800)}function c(z,L){L.preventDefault(),L.stopPropagation();const _=r.value;if(!_)return;g.value=!0,m.value=!0;const f=z==="y"?L.clientY:L.clientX,k=z==="y"?_.scrollTop:_.scrollLeft,y=z==="y"?_.clientHeight:_.clientWidth,N=z==="y"?_.scrollHeight:_.scrollWidth,I=z==="y"?b.value:B.value;function T(P){const U=(z==="y"?P.clientY:P.clientX)-f,Y=I>0?U/I:0,J=N-y,Q=Math.min(Math.max(k+Y,0),J);z==="y"?_.scrollTop=Q:_.scrollLeft=Q}function H(){g.value=!1,$(),document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",H)}document.addEventListener("mousemove",T),document.addEventListener("mouseup",H)}function h(z,L){const _=r.value;_&&(typeof z=="number"?_.scrollTo(z,L!=null?L:_.scrollTop):_.scrollTo(z))}function S(z){r.value&&(r.value.scrollTop=z)}function A(z){r.value&&(r.value.scrollLeft=z)}return t({scrollTo:h,setScrollTop:S,setScrollLeft:A,update:F,wrapRef:r}),e.onMounted(()=>{o.native||e.nextTick(()=>{F(),r.value&&(E=new ResizeObserver(()=>F()),E.observe(r.value)),d.value&&(V=new ResizeObserver(()=>F()),V.observe(d.value))})}),e.onBeforeUnmount(()=>{E==null||E.disconnect(),V==null||V.disconnect(),w&&clearTimeout(w)}),e.watch(()=>[o.height,o.maxHeight],()=>e.nextTick(F)),(z,L)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["f-scrollbar",{"f-scrollbar--native":z.native}]),onMouseenter:L[2]||(L[2]=_=>!z.native&&$())},[e.createElementVNode("div",{ref_key:"wrapRef",ref:r,class:e.normalizeClass(["f-scrollbar__wrap",{"f-scrollbar__wrap--hidden-bar":!z.native}]),style:e.normalizeStyle(e.unref(M)),onScroll:R},[e.createElementVNode("div",{ref_key:"resizeRef",ref:d,class:"f-scrollbar__view"},[e.renderSlot(z.$slots,"default")],512)],38),z.native?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[z.vertical&&e.unref(b)<1?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["f-scrollbar__bar f-scrollbar__bar--vertical",{"f-scrollbar__bar--visible":z.always||e.unref(m)||e.unref(g)}])},[e.createElementVNode("div",{ref_key:"thumbYRef",ref:i,class:"f-scrollbar__thumb",style:e.normalizeStyle({height:`${e.unref(b)*100}%`,top:`${e.unref(u)}%`}),onMousedown:L[0]||(L[0]=_=>c("y",_))},null,36)],2)):e.createCommentVNode("",!0),z.horizontal&&e.unref(B)<1?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["f-scrollbar__bar f-scrollbar__bar--horizontal",{"f-scrollbar__bar--visible":z.always||e.unref(m)||e.unref(g)}])},[e.createElementVNode("div",{ref_key:"thumbXRef",ref:a,class:"f-scrollbar__thumb",style:e.normalizeStyle({width:`${e.unref(B)*100}%`,left:`${e.unref(p)}%`}),onMousedown:L[1]||(L[1]=_=>c("x",_))},null,36)],2)):e.createCommentVNode("",!0)],64))],34))}}),Jo=["disabled"],Qo=["value","disabled","placeholder"],Zo=["disabled"],vo={key:2,class:"f-input-number__stack"},en=["disabled"],tn=["disabled"],We=e.defineComponent({__name:"FInputNumber",props:e.mergeModels({min:{default:-1/0},max:{default:1/0},step:{default:1},precision:{default:void 0},disabled:{type:Boolean,default:!1},size:{default:"default"},controls:{type:Boolean,default:!0},controlsPosition:{default:"right"},placeholder:{default:""}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(s){const t=s,n=e.useModel(s,"modelValue"),o=e.ref(null),l=e.ref(!1),r=e.ref("");function d(c){return t.precision!==void 0?c.toFixed(t.precision):String(c)}function i(c){let h=Math.min(Math.max(c,t.min),t.max);return t.precision!==void 0&&(h=Number(h.toFixed(t.precision))),h}e.watch(n,c=>{l.value||(r.value=c==null||Number.isNaN(c)?"":d(c))},{immediate:!0});const a=e.computed(()=>n.value===void 0||n.value<t.max),b=e.computed(()=>n.value===void 0||n.value>t.min);function B(c){if(c.trim()===""){n.value=void 0,r.value="";return}const h=Number(c);if(Number.isNaN(h)){r.value=n.value===void 0?"":d(n.value);return}const S=i(h);n.value=S,r.value=d(S)}function u(c){const h=c.target.value;(h===""||h==="-"||/^-?\d*\.?\d*$/.test(h))&&(r.value=h)}function p(){l.value=!0}function g(){l.value=!1,B(r.value)}function m(){var c;(c=o.value)==null||c.blur()}function E(c){var A;if(t.disabled)return;const h=(A=n.value)!=null?A:0,S=i(h+c*t.step);n.value=S,r.value=d(S)}let V=null,M=null;function F(c){t.disabled||(E(c),V=setTimeout(()=>{M=setInterval(()=>E(c),80)},400))}function R(){V&&clearTimeout(V),M&&clearInterval(M),V=null,M=null}function w(c){c.key==="ArrowUp"?(c.preventDefault(),E(1)):c.key==="ArrowDown"?(c.preventDefault(),E(-1)):c.key==="Enter"&&m()}function $(c){!l.value||t.disabled||(c.preventDefault(),E(c.deltaY<0?1:-1))}return(c,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["f-input-number",[`f-input-number--${c.size}`,`f-input-number--controls-${c.controlsPosition}`,{"f-input-number--disabled":c.disabled,"f-input-number--without-controls":!c.controls}]])},[c.controls&&c.controlsPosition==="both"?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"f-input-number__control f-input-number__control--minus",tabindex:"-1",disabled:c.disabled||!e.unref(b),onMousedown:h[0]||(h[0]=e.withModifiers(S=>F(-1),["prevent"])),onMouseup:R,onMouseleave:R},h[4]||(h[4]=[e.createElementVNode("svg",{viewBox:"0 0 12 12",width:"10",height:"10"},[e.createElementVNode("path",{d:"M2 6h8",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"})],-1)]),40,Jo)):e.createCommentVNode("",!0),e.createElementVNode("input",{ref_key:"inputRef",ref:o,class:"f-input-number__inner",type:"text",inputmode:"decimal",value:e.unref(r),disabled:c.disabled,placeholder:c.placeholder,onInput:u,onFocus:p,onBlur:g,onKeydown:w,onWheel:$},null,40,Qo),c.controls&&c.controlsPosition==="both"?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"f-input-number__control f-input-number__control--plus",tabindex:"-1",disabled:c.disabled||!e.unref(a),onMousedown:h[1]||(h[1]=e.withModifiers(S=>F(1),["prevent"])),onMouseup:R,onMouseleave:R},h[5]||(h[5]=[e.createElementVNode("svg",{viewBox:"0 0 12 12",width:"10",height:"10"},[e.createElementVNode("path",{d:"M2 6h8M6 2v8",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"})],-1)]),40,Zo)):e.createCommentVNode("",!0),c.controls&&c.controlsPosition==="right"?(e.openBlock(),e.createElementBlock("div",vo,[e.createElementVNode("button",{type:"button",class:"f-input-number__stack-btn",tabindex:"-1",disabled:c.disabled||!e.unref(a),onMousedown:h[2]||(h[2]=e.withModifiers(S=>F(1),["prevent"])),onMouseup:R,onMouseleave:R},h[6]||(h[6]=[e.createElementVNode("svg",{viewBox:"0 0 12 12",width:"8",height:"8"},[e.createElementVNode("path",{d:"M2 7l4-4 4 4",stroke:"currentColor","stroke-width":"1.5",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})],-1)]),40,en),e.createElementVNode("button",{type:"button",class:"f-input-number__stack-btn",tabindex:"-1",disabled:c.disabled||!e.unref(b),onMousedown:h[3]||(h[3]=e.withModifiers(S=>F(-1),["prevent"])),onMouseup:R,onMouseleave:R},h[7]||(h[7]=[e.createElementVNode("svg",{viewBox:"0 0 12 12",width:"8",height:"8"},[e.createElementVNode("path",{d:"M2 5l4 4 4-4",stroke:"currentColor","stroke-width":"1.5",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})],-1)]),40,tn)])):e.createCommentVNode("",!0)],2))}}),on=Object.freeze(Object.defineProperty({__proto__:null,FAffix:Ve,FAlert:Me,FAvatar:be,FBadge:we,FBreadcrumb:he,FButton:Be,FButtonGroup:Le,FCard:pe,FCheckbox:Fe,FCol:ue,FCollapse:Re,FCollapseItem:Ae,FColorPicker:Pe,FContainer:ge,FDialog:De,FDivider:ye,FDropdown:oe,FEditor:Te,FEmpty:He,FForm:Se,FFormItem:Ne,FIcon:j,FImage:se,FInput:ce,FInputNumber:We,FLink:Ee,FLoading:te,FPagination:fe,FProgress:re,FRate:ie,FRow:_e,FScrollbar:Oe,FSelect:de,FSlider:je,FSpace:ke,FTable:Ie,FTabs:me,FTag:ne,FText:Ce,FTooltip:le,FTypography:$e,FUpload:xe},Symbol.toStringTag,{value:"Module"})),nn=s=>{Object.entries(on).forEach(([t,n])=>{s.component(t,n)})};C.FAffix=Ve,C.FAlert=Me,C.FAvatar=be,C.FBadge=we,C.FBreadcrumb=he,C.FButton=Be,C.FButtonGroup=Le,C.FCard=pe,C.FCheckbox=Fe,C.FCol=ue,C.FCollapse=Re,C.FCollapseItem=Ae,C.FColorPicker=Pe,C.FContainer=ge,C.FDialog=De,C.FDivider=ye,C.FDropdown=oe,C.FEditor=Te,C.FEmpty=He,C.FForm=Se,C.FFormItem=Ne,C.FIcon=j,C.FImage=se,C.FInput=ce,C.FInputNumber=We,C.FLink=Ee,C.FLoading=te,C.FPagination=fe,C.FProgress=re,C.FRate=ie,C.FRow=_e,C.FScrollbar=Oe,C.FSelect=de,C.FSlider=je,C.FSpace=ke,C.FTable=Ie,C.FTabs=me,C.FTag=ne,C.FText=Ce,C.FTooltip=le,C.FTypography=$e,C.FUpload=xe,C.default=nn,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("@vicons/ionicons5"), require("@vueuse/core")) : typeof define === "function" && define.amd ? define(["exports", "vue", "@vicons/ionicons5", "@vueuse/core"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.FantasiaUI = {}, global.Vue, global.IconsIonicons5, global.VueUse));
+})(this, function(exports2, vue, ionicons5, core) {
+  "use strict";var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+    __name: "FIcon",
+    props: {
+      color: {},
+      size: { default: "1em" }
+    },
+    setup(__props) {
+      const props = __props;
+      const style = vue.computed(() => ({
+        width: typeof props.size === "number" ? `${props.size}px` : props.size,
+        height: typeof props.size === "number" ? `${props.size}px` : props.size,
+        color: props.color
+      }));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("span", {
+          role: "img",
+          class: "f-icon",
+          style: vue.normalizeStyle(vue.unref(style))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 4);
+      };
+    }
+  });
+  const _export_sfc = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+      target[key] = val;
+    }
+    return target;
+  };
+  const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-baf7de0c"]]);
+  const PictureError = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1780285609860'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='12961'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cpath%20d='M894.4%20281.504a39.36%2039.36%200%200%200-27.104-11.808l-293.888-10.976-22.016%2046.88%2030.592%2087.2-55.2%2099.008%2022.4%2079.904%2056%2068.48%2081.024-70.496c7.808-6.88%2020.288-6.496%2027.104%201.216l103.904%20106.4c7.296%207.296%206.88%2019.2-0.928%2026.112a18.944%2018.944%200%200%201-13.76%204.896l-284.8-10.624-14.24%2038.72%2015.52%2034.592%20327.488%2011.808c21.504%200.8%2039.616-15.104%2040.096-35.52l18.208-439.296a34.368%2034.368%200%200%200-10.4-26.496zM684.096%20483.2c-32.32-1.184-57.28-26.88-56-57.088%201.28-30.592%2028.416-54.208%2060.288-52.992%2031.904%201.184%2057.312%2026.88%2056%2057.088-1.184%2030.208-28.384%2054.304-60.288%2052.992z%20m-211.104%20253.6l9.92-40.8-231.424%2015.104c-10.784%200.8-19.776-6.496-20.672-16.704a17.856%2017.856%200%200%201%204.672-13.504l171.52-186.272a18.048%2018.048%200%200%201%2014.208-6.112c5.184%200%2010.272%201.984%2014.176%205.696l57.28%2056.704-24.576-60.32%2044-104.288L472%20302.72l16.384-48.096-315.392%2020.8c-21.504%201.184-37.504%2018.784-36.192%2039.072l31.904%20439.424c0.384%209.792%205.184%2018.688%2013.408%2024.896%207.776%206.496%2017.696%209.792%2028%208.992l281.792-18.304-18.88-32.704z'%20p-id='12962'%3e%3c/path%3e%3c/svg%3e";
+  const _hoisted_1$w = {
+    key: 0,
+    class: "loop cubes"
+  };
+  const _hoisted_2$q = {
+    key: 2,
+    class: "msg"
+  };
+  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+    __name: "FLoading",
+    props: {
+      type: { default: "dots" },
+      text: {},
+      mask: { type: Boolean, default: false }
+    },
+    setup(__props) {
+      const props = __props;
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["flex-center-col size-full loading-container", { "global-mask": _ctx.mask }])
+        }, [
+          _ctx.type === "cubes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
+            (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(6, (i) => {
+              return vue.createElementVNode("div", {
+                class: "item cubes",
+                key: i
+              });
+            }), 64))
+          ])) : (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: vue.normalizeClass(["loader", _ctx.type])
+          }, null, 2)),
+          props.text ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$q, vue.toDisplayString(props.text), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  const FLoading = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-20f58a50"]]);
+  const _hoisted_1$v = { class: "f-image" };
+  const _hoisted_2$p = {
+    key: 0,
+    class: "f-image__placeholder"
+  };
+  const _hoisted_3$m = {
+    key: 0,
+    class: "f-image__error"
+  };
+  const _hoisted_4$b = ["src", "loading"];
+  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+    __name: "FImage",
+    props: {
+      src: {},
+      alt: {},
+      fit: { default: "cover" },
+      lazy: { type: Boolean, default: true }
+    },
+    setup(__props) {
+      const props = __props;
+      const status = vue.ref("loading");
+      vue.watch(() => props.src, () => {
+        status.value = "loading";
+      }, { immediate: false });
+      const onLoad = () => status.value = "loaded";
+      const onError = () => status.value = "error";
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              vue.unref(status) === "loading" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, [
+                vue.createVNode(FLoading, { type: "classic first" })
+              ])) : vue.createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              vue.unref(status) === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$m, [
+                vue.renderSlot(_ctx.$slots, "error", {}, () => [
+                  vue.createVNode(FIcon, { size: "48px" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(PictureError))
+                    ]),
+                    _: 1
+                  })
+                ], true)
+              ])) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          }),
+          vue.withDirectives(vue.createElementVNode("img", {
+            src: props.src,
+            loading: _ctx.lazy ? "lazy" : "eager",
+            style: vue.normalizeStyle({ objectFit: props.fit }),
+            class: "f-image__img",
+            onLoad,
+            onError
+          }, null, 44, _hoisted_4$b), [
+            [vue.vShow, vue.unref(status) === "loaded"]
+          ])
+        ]);
+      };
+    }
+  });
+  const FImage = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-e959ab10"]]);
+  const _hoisted_1$u = ["type", "placeholder", "disabled", "readonly", "name", "id"];
+  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+    __name: "FInput",
+    props: /* @__PURE__ */ vue.mergeModels({
+      placeholder: { default: "输入..." },
+      type: { default: "text" },
+      disabled: { type: Boolean, default: false },
+      readonly: { type: Boolean, default: false },
+      name: { default: "" },
+      id: { default: "" }
+    }, {
+      "modelValue": { default: "" },
+      "modelModifiers": {}
+    }),
+    emits: /* @__PURE__ */ vue.mergeModels(["input", "change", "focus", "blur"], ["update:modelValue"]),
+    setup(__props, { emit: __emit }) {
+      const model = vue.useModel(__props, "modelValue");
+      const emit = __emit;
+      const handleInput = (event) => {
+        const value = event.target.value;
+        emit("input", value);
+      };
+      const handleChange = (event) => {
+        const value = event.target.value;
+        emit("change", value);
+      };
+      const handleFocus = (event) => {
+        emit("focus", event);
+      };
+      const handleBlur = (event) => {
+        emit("blur", event);
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["f-input", { "is-disabled": _ctx.disabled, "is-readonly": "readonly" in _ctx ? _ctx.readonly : vue.unref(vue.readonly) }])
+        }, [
+          vue.createVNode(FIcon, { class: "f-input__icon" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(ionicons5.Search))
+            ]),
+            _: 1
+          }),
+          vue.withDirectives(vue.createElementVNode("input", {
+            class: "f-input__text",
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+            type: _ctx.type,
+            placeholder: _ctx.placeholder,
+            disabled: _ctx.disabled,
+            readonly: "readonly" in _ctx ? _ctx.readonly : vue.unref(vue.readonly),
+            name: _ctx.name,
+            id: _ctx.id,
+            onInput: handleInput,
+            onChange: handleChange,
+            onFocus: handleFocus,
+            onBlur: handleBlur
+          }, null, 40, _hoisted_1$u), [
+            [vue.vModelDynamic, model.value]
+          ])
+        ], 2);
+      };
+    }
+  });
+  const FInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-9af0fbbe"]]);
+  const _hoisted_1$t = ["onMousemove"];
+  const _hoisted_2$o = {
+    key: 0,
+    class: "f-rate__score"
+  };
+  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+    __name: "FRate",
+    props: /* @__PURE__ */ vue.mergeModels({
+      modelValue: {},
+      count: { default: 5 },
+      readonly: { type: Boolean, default: false },
+      allowHalf: { type: Boolean, default: false },
+      color: { default: "#f5a623" },
+      voidColor: { default: "#c0c4cc" },
+      showText: { type: Boolean, default: false },
+      scoreTemplate: { default: "{value} 分" },
+      size: { default: "normal" }
+    }, {
+      "modelValue": { default: 0 },
+      "modelModifiers": {}
+    }),
+    emits: /* @__PURE__ */ vue.mergeModels(["change"], ["update:modelValue"]),
+    setup(__props, { emit: __emit }) {
+      const model = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const emit = __emit;
+      const hoverValue = vue.ref(null);
+      const displayValue = vue.computed(() => {
+        var _a;
+        return (_a = hoverValue.value) != null ? _a : model.value;
+      });
+      const scoreText = vue.computed(
+        () => props.scoreTemplate.replace("{value}", String(model.value))
+      );
+      const starSize = vue.computed(
+        () => props.size === "normal" ? 16 : props.size === "small" ? 12 : 20
+      );
+      const getStarType = (index) => {
+        const val = displayValue.value;
+        if (val >= index) return "full";
+        if (props.allowHalf && val >= index - 0.5) return "half";
+        return "empty";
+      };
+      const getStarColor = (index) => {
+        return getStarType(index) === "full" ? props.voidColor : props.color;
+      };
+      const onMouseMove = (event, index) => {
+        if (props.readonly) return;
+        if (props.allowHalf) {
+          const target = event.currentTarget;
+          const { left, width } = target.getBoundingClientRect();
+          hoverValue.value = (event.clientX - left) / width < 0.5 ? index - 0.5 : index;
+        } else {
+          hoverValue.value = index;
+        }
+      };
+      const onMouseLeave = () => {
+        if (props.readonly) return;
+        hoverValue.value = null;
+      };
+      const onClick = () => {
+        var _a;
+        if (props.readonly) return;
+        const val = (_a = hoverValue.value) != null ? _a : model.value;
+        model.value = val;
+        emit("change", val);
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["f-rate", { "f-rate--readonly": props.readonly }]),
+          onMouseleave: onMouseLeave
+        }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.count, (index) => {
+            return vue.openBlock(), vue.createElementBlock("span", {
+              key: index,
+              class: "f-rate__item",
+              onMousemove: ($event) => onMouseMove($event, index),
+              onClick
+            }, [
+              vue.createVNode(FIcon, {
+                color: getStarColor(index),
+                size: vue.unref(starSize)
+              }, {
+                default: vue.withCtx(() => [
+                  getStarType(index) === "full" ? (vue.openBlock(), vue.createBlock(vue.unref(ionicons5.StarOutline), { key: 0 })) : getStarType(index) === "half" ? (vue.openBlock(), vue.createBlock(vue.unref(ionicons5.StarHalf), { key: 1 })) : (vue.openBlock(), vue.createBlock(vue.unref(ionicons5.Star), { key: 2 }))
+                ]),
+                _: 2
+              }, 1032, ["color", "size"])
+            ], 40, _hoisted_1$t);
+          }), 128)),
+          props.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$o, vue.toDisplayString(vue.unref(scoreText)), 1)) : vue.createCommentVNode("", true)
+        ], 34);
+      };
+    }
+  });
+  const FRate = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-3b5c4f14"]]);
+  const _hoisted_1$s = { class: "f-dropdown-wrapper" };
+  const _hoisted_2$n = { class: "f-dropdown-content" };
+  const _hoisted_3$l = ["onClick"];
+  const _hoisted_4$a = {
+    key: 0,
+    class: "opt-icon"
+  };
+  const _hoisted_5$9 = { class: "opt-label" };
+  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+    __name: "FDropdown",
+    props: {
+      placement: { default: "right-start" },
+      offset: { default: 12 },
+      zIndex: { default: 2e3 },
+      trigger: { default: "hover" },
+      options: { default: () => [] }
+    },
+    emits: ["select"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const show = vue.ref(false);
+      const anchorRect = vue.ref(null);
+      const triggerRef = vue.ref(null);
+      const dropdownRef = vue.ref(null);
+      const dropdownHeight = vue.ref(0);
+      const dropdownWidth = vue.ref(0);
+      const bridgeStyle = vue.computed(() => {
+        const [side] = props.placement.split("-");
+        const gap = Array.isArray(props.offset) ? props.offset[0] : props.offset;
+        const size = gap + 4;
+        const styles = { position: "absolute" };
+        if (side === "right") {
+          styles.width = `${size}px`;
+          styles.left = `-${size}px`;
+          styles.top = 0;
+          styles.bottom = 0;
+        } else if (side === "left") {
+          styles.width = `${size}px`;
+          styles.right = `-${size}px`;
+          styles.top = 0;
+          styles.bottom = 0;
+        } else if (side === "bottom") {
+          styles.height = `${size}px`;
+          styles.top = `-${size}px`;
+          styles.left = 0;
+          styles.right = 0;
+        } else if (side === "top") {
+          styles.height = `${size}px`;
+          styles.bottom = `-${size}px`;
+          styles.left = 0;
+          styles.right = 0;
+        }
+        return styles;
+      });
+      const dropdownStyle = vue.computed(() => {
+        if (!anchorRect.value) return {};
+        const rect = anchorRect.value;
+        const { placement } = props;
+        const gap = Array.isArray(props.offset) ? props.offset[0] : props.offset;
+        const [side, align] = placement.split("-");
+        const vw = window.innerWidth;
+        const vh = window.innerHeight;
+        const w = dropdownWidth.value || 160;
+        const h = dropdownHeight.value || 200;
+        let top = 0;
+        let left = 0;
+        let resolvedSide = side;
+        if (side === "right") {
+          left = rect.right + gap;
+          if (left + w > vw) {
+            left = rect.left - w - gap;
+            resolvedSide = "left";
+          }
+        } else if (side === "left") {
+          left = rect.left - w - gap;
+          if (left < 0) {
+            left = rect.right + gap;
+            resolvedSide = "right";
+          }
+        } else if (side === "bottom") {
+          top = rect.bottom + gap;
+          if (top + h > vh) {
+            top = rect.top - h - gap;
+            resolvedSide = "top";
+          }
+        } else if (side === "top") {
+          top = rect.top - h - gap;
+          if (top < 0) {
+            top = rect.bottom + gap;
+            resolvedSide = "bottom";
+          }
+        }
+        if (resolvedSide === "top" || resolvedSide === "bottom") {
+          if (align === "start") left = rect.left;
+          else if (align === "end") left = rect.right - w;
+          else left = rect.left + (rect.width - w) / 2;
+          left = Math.max(8, Math.min(left, vw - w - 8));
+        } else {
+          if (align === "start") top = rect.top;
+          else if (align === "end") top = rect.bottom - h;
+          else top = rect.top + (rect.height - h) / 2;
+          top = Math.max(8, Math.min(top, vh - h - 8));
+        }
+        const originX = resolvedSide === "right" ? "left" : resolvedSide === "left" ? "right" : align === "start" ? "left" : align === "end" ? "right" : "center";
+        const originY = resolvedSide === "bottom" ? "top" : resolvedSide === "top" ? "bottom" : align === "start" ? "top" : align === "end" ? "bottom" : "center";
+        return {
+          top: `${top}px`,
+          left: `${left}px`,
+          transformOrigin: `${originY} ${originX}`
+        };
+      });
+      let leaveTimer = null;
+      let showTimer = null;
+      const clearLeaveTimer = () => {
+        if (leaveTimer) {
+          clearTimeout(leaveTimer);
+          leaveTimer = null;
+        }
+      };
+      const handleTriggerClick = (e) => {
+        if (props.trigger !== "click") return;
+        e.stopPropagation();
+        if (!show.value) {
+          anchorRect.value = triggerRef.value.getBoundingClientRect();
+          show.value = true;
+        } else {
+          show.value = false;
+        }
+      };
+      const handleMouseEnter = () => {
+        if (props.trigger !== "hover") return;
+        clearLeaveTimer();
+        showTimer = setTimeout(() => {
+          if (triggerRef.value) {
+            anchorRect.value = triggerRef.value.getBoundingClientRect();
+          }
+          show.value = true;
+        }, 400);
+      };
+      const handleMouseLeave = () => {
+        if (props.trigger !== "hover") return;
+        if (showTimer) {
+          clearTimeout(showTimer);
+          showTimer = null;
+        }
+        leaveTimer = setTimeout(() => {
+          show.value = false;
+        }, 400);
+      };
+      const handleWindowClick = (e) => {
+        if (props.trigger !== "click" || !show.value) return;
+        show.value = false;
+      };
+      const handleOptionClick = (option) => {
+        if (option.disabled) return;
+        emit("select", option.key, option);
+        if (!option.children) show.value = false;
+      };
+      vue.watch(show, (val) => __async(null, null, function* () {
+        var _a, _b;
+        if (val) {
+          anchorRect.value = triggerRef.value.getBoundingClientRect();
+          yield vue.nextTick();
+          dropdownHeight.value = ((_a = dropdownRef.value) == null ? void 0 : _a.offsetHeight) || 200;
+          dropdownWidth.value = ((_b = dropdownRef.value) == null ? void 0 : _b.offsetWidth) || 160;
+        } else {
+          dropdownHeight.value = 0;
+          dropdownWidth.value = 0;
+        }
+      }));
+      vue.onUnmounted(() => {
+        clearLeaveTimer();
+        if (showTimer) clearTimeout(showTimer);
+      });
+      core.useEventListener(window, "click", handleWindowClick);
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
+          vue.createElementVNode("div", {
+            ref_key: "triggerRef",
+            ref: triggerRef,
+            class: "f-dropdown-trigger-wrapper",
+            onMouseenter: handleMouseEnter,
+            onMouseleave: handleMouseLeave,
+            onClick: handleTriggerClick
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 544),
+          (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+            vue.createVNode(vue.Transition, { name: "f-dropdown-motion" }, {
+              default: vue.withCtx(() => [
+                vue.unref(show) ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  ref_key: "dropdownRef",
+                  ref: dropdownRef,
+                  class: "f-dropdown-item",
+                  style: vue.normalizeStyle([vue.unref(dropdownStyle), { zIndex: _ctx.zIndex }]),
+                  onMouseenter: clearLeaveTimer,
+                  onMouseleave: handleMouseLeave,
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  _ctx.trigger === "hover" ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 0,
+                    class: "f-dropdown-bridge",
+                    style: vue.normalizeStyle(vue.unref(bridgeStyle))
+                  }, null, 4)) : vue.createCommentVNode("", true),
+                  vue.createElementVNode("div", _hoisted_2$n, [
+                    _ctx.options && _ctx.options.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.options, (opt) => {
+                      return vue.openBlock(), vue.createElementBlock("div", {
+                        key: opt.key,
+                        class: vue.normalizeClass(["f-dropdown-option", { "is-disabled": opt.disabled }]),
+                        onClick: ($event) => handleOptionClick(opt)
+                      }, [
+                        opt.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$a, [
+                          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(opt.icon)))
+                        ])) : vue.createCommentVNode("", true),
+                        vue.createElementVNode("span", _hoisted_5$9, vue.toDisplayString(opt.label), 1)
+                      ], 10, _hoisted_3$l);
+                    }), 128)) : vue.renderSlot(_ctx.$slots, "content", { key: 1 }, void 0, true)
+                  ])
+                ], 36)) : vue.createCommentVNode("", true)
+              ]),
+              _: 3
+            })
+          ]))
+        ]);
+      };
+    }
+  });
+  const FDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-addb3a3b"]]);
+  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+    __name: "FSelect",
+    props: /* @__PURE__ */ vue.mergeModels({
+      options: {},
+      placeholder: {}
+    }, {
+      "modelValue": {},
+      "modelModifiers": {}
+    }),
+    emits: /* @__PURE__ */ vue.mergeModels(["select"], ["update:modelValue"]),
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const modelValue = vue.useModel(__props, "modelValue");
+      const isOpen = vue.ref(false);
+      const selectedLabel = vue.computed(
+        () => {
+          var _a, _b, _c;
+          return (_c = (_a = props.options.find((o) => o.key === modelValue.value)) == null ? void 0 : _a.label) != null ? _c : (_b = props.placeholder) != null ? _b : "请选择";
+        }
+      );
+      const hasValue = vue.computed(() => modelValue.value !== void 0 && modelValue.value !== "");
+      const handleSelect = (key, option) => {
+        modelValue.value = key;
+        emit("select", key, option);
+        isOpen.value = false;
+      };
+      const handleDropdownShow = (val) => {
+        isOpen.value = val;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(FDropdown, {
+          options: _ctx.options,
+          trigger: "click",
+          onSelect: handleSelect,
+          onShow: _cache[0] || (_cache[0] = ($event) => handleDropdownShow(true)),
+          onHide: _cache[1] || (_cache[1] = ($event) => handleDropdownShow(false)),
+          placement: "bottom",
+          offset: 4
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(["f-select", { "is-active": vue.unref(hasValue), "is-open": vue.unref(isOpen) }])
+            }, [
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(["f-select__label", { "is-placeholder": !vue.unref(hasValue) }])
+              }, vue.toDisplayString(vue.unref(selectedLabel)), 3),
+              vue.createVNode(FIcon, { class: "f-select__arrow" }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(ionicons5.ChevronDownOutline))
+                ]),
+                _: 1
+              })
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["options"]);
+      };
+    }
+  });
+  const FSelect = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-61444561"]]);
+  const _hoisted_1$r = {
+    key: 0,
+    class: "f-pagination"
+  };
+  const _hoisted_2$m = {
+    key: 0,
+    class: "f-pagination__total"
+  };
+  const _hoisted_3$k = {
+    key: 1,
+    class: "f-pagination__size"
+  };
+  const _hoisted_4$9 = ["value"];
+  const _hoisted_5$8 = ["value"];
+  const _hoisted_6$7 = {
+    key: 3,
+    class: "f-pagination__list"
+  };
+  const _hoisted_7$3 = {
+    key: 0,
+    class: "page-btn ellipsis"
+  };
+  const _hoisted_8$2 = ["onClick"];
+  const _hoisted_9$2 = {
+    key: 5,
+    class: "f-pagination__jump"
+  };
+  const _hoisted_10$2 = ["max"];
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+    __name: "FPagination",
+    props: /* @__PURE__ */ vue.mergeModels({
+      total: {},
+      pageSize: { default: 10 },
+      hideOnSingle: { type: Boolean, default: false },
+      pageSizes: { default: () => [10, 20, 50, 100] },
+      layout: { default: () => ["prev", "pager", "next"] }
+    }, {
+      "modelValue": { default: 1 },
+      "modelModifiers": {}
+    }),
+    emits: /* @__PURE__ */ vue.mergeModels(["update:pageSize"], ["update:modelValue"]),
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const currentPage = vue.useModel(__props, "modelValue");
+      const layoutItems = vue.computed(
+        () => {
+          var _a;
+          return (_a = props.layout) != null ? _a : ["prev", "pager", "next"];
+        }
+      );
+      const pageCount = vue.computed(() => Math.ceil(props.total / props.pageSize) || 1);
+      const pages = vue.computed(() => {
+        const total = pageCount.value;
+        const cur = currentPage.value;
+        if (!total || total <= 0) return [];
+        if (total <= 7) return Array.from({ length: total }, (_, i) => i + 1);
+        if (cur <= 4) return [1, 2, 3, 4, 5, "...", total];
+        if (cur >= total - 3) return [1, "...", total - 4, total - 3, total - 2, total - 1, total];
+        return [1, "...", cur - 1, cur, cur + 1, "...", total];
+      });
+      const go = (page) => {
+        if (typeof page !== "number") return;
+        if (page < 1 || page > pageCount.value || page === currentPage.value) return;
+        currentPage.value = page;
+      };
+      const onPageSizeChange = (e) => {
+        emit("update:pageSize", parseInt(e.target.value, 10));
+        currentPage.value = 1;
+      };
+      const jumpInput = vue.ref("");
+      const onJump = () => {
+        const n = parseInt(jumpInput.value, 10);
+        if (!isNaN(n)) go(n);
+        jumpInput.value = "";
+      };
+      return (_ctx, _cache) => {
+        return !_ctx.hideOnSingle || vue.unref(pageCount) > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(layoutItems), (item) => {
+            return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: item }, [
+              item === "total" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$m, " 共 " + vue.toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$k, [
+                vue.createElementVNode("select", {
+                  class: "size-select",
+                  value: _ctx.pageSize,
+                  onChange: onPageSizeChange
+                }, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.pageSizes, (s) => {
+                    return vue.openBlock(), vue.createElementBlock("option", {
+                      key: s,
+                      value: s
+                    }, vue.toDisplayString(s) + " 条/页", 9, _hoisted_5$8);
+                  }), 128))
+                ], 40, _hoisted_4$9)
+              ])) : item === "prev" ? (vue.openBlock(), vue.createElementBlock("button", {
+                key: 2,
+                class: vue.normalizeClass(["page-btn", { disabled: currentPage.value === 1 }]),
+                onClick: _cache[0] || (_cache[0] = ($event) => go(currentPage.value - 1))
+              }, [
+                vue.createVNode(FIcon, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(ionicons5.ChevronBackOutline))
+                  ]),
+                  _: 1
+                })
+              ], 2)) : item === "pager" ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_6$7, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(pages), (page, index) => {
+                  return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index }, [
+                    page === "..." ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_7$3, [
+                      vue.createVNode(FIcon, null, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(ionicons5.EllipsisHorizontal))
+                        ]),
+                        _: 1
+                      })
+                    ])) : (vue.openBlock(), vue.createElementBlock("li", {
+                      key: 1,
+                      class: vue.normalizeClass(["page-btn", { active: currentPage.value === page }]),
+                      onClick: ($event) => go(page)
+                    }, vue.toDisplayString(page), 11, _hoisted_8$2))
+                  ], 64);
+                }), 128))
+              ])) : item === "next" ? (vue.openBlock(), vue.createElementBlock("button", {
+                key: 4,
+                class: vue.normalizeClass(["page-btn", { disabled: currentPage.value === vue.unref(pageCount) }]),
+                onClick: _cache[1] || (_cache[1] = ($event) => go(currentPage.value + 1))
+              }, [
+                vue.createVNode(FIcon, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(ionicons5.ChevronForwardOutline))
+                  ]),
+                  _: 1
+                })
+              ], 2)) : item === "jumper" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$2, [
+                _cache[3] || (_cache[3] = vue.createElementVNode("span", { class: "jump-label" }, "前往", -1)),
+                vue.withDirectives(vue.createElementVNode("input", {
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(jumpInput) ? jumpInput.value = $event : null),
+                  class: "jump-input",
+                  type: "number",
+                  min: 1,
+                  max: vue.unref(pageCount),
+                  onKeydown: vue.withKeys(onJump, ["enter"]),
+                  onBlur: onJump
+                }, null, 40, _hoisted_10$2), [
+                  [vue.vModelText, vue.unref(jumpInput)]
+                ]),
+                _cache[4] || (_cache[4] = vue.createElementVNode("span", { class: "jump-label" }, "页", -1))
+              ])) : vue.createCommentVNode("", true)
+            ], 64);
+          }), 128))
+        ])) : vue.createCommentVNode("", true);
+      };
+    }
+  });
+  const FPagination = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-930f8b20"]]);
+  const _hoisted_1$q = {
+    key: 0,
+    class: "f-card__header"
+  };
+  const _hoisted_2$l = {
+    key: 0,
+    class: "f-card__header-extra"
+  };
+  const _hoisted_3$j = {
+    key: 1,
+    class: "f-card__cover"
+  };
+  const _hoisted_4$8 = {
+    key: 2,
+    class: "f-card__body"
+  };
+  const _hoisted_5$7 = {
+    key: 3,
+    class: "f-card__footer"
+  };
+  const _hoisted_6$6 = {
+    key: 0,
+    class: "f-card__header"
+  };
+  const _hoisted_7$2 = {
+    key: 0,
+    class: "f-card__header-extra"
+  };
+  const _hoisted_8$1 = {
+    key: 1,
+    class: "f-card__cover"
+  };
+  const _hoisted_9$1 = { class: "f-card__content" };
+  const _hoisted_10$1 = {
+    key: 0,
+    class: "f-card__body"
+  };
+  const _hoisted_11$1 = {
+    key: 1,
+    class: "f-card__footer"
+  };
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+    __name: "FCard",
+    props: {
+      hoverable: { type: Boolean, default: true },
+      direction: { default: "vertical" }
+    },
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["f-card", [`f-card--${_ctx.direction}`, { "is-hoverable": _ctx.hoverable }]])
+        }, [
+          _ctx.direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+            _ctx.$slots.header || _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
+              vue.renderSlot(_ctx.$slots, "header", {}, void 0, true),
+              _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$l, [
+                vue.renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
+              ])) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true),
+            _ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$j, [
+              vue.renderSlot(_ctx.$slots, "cover", {}, void 0, true)
+            ])) : vue.createCommentVNode("", true),
+            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8, [
+              vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ])) : vue.createCommentVNode("", true),
+            _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, [
+              vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+            ])) : vue.createCommentVNode("", true)
+          ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            _ctx.$slots.header || _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$6, [
+              vue.renderSlot(_ctx.$slots, "header", {}, void 0, true),
+              _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, [
+                vue.renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
+              ])) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true),
+            _ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, [
+              vue.renderSlot(_ctx.$slots, "cover", {}, void 0, true)
+            ])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_9$1, [
+              _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$1, [
+                vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])) : vue.createCommentVNode("", true),
+              _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$1, [
+                vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+              ])) : vue.createCommentVNode("", true)
+            ])
+          ], 64))
+        ], 2);
+      };
+    }
+  });
+  const FCard = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-a66fa373"]]);
+  const _hoisted_1$p = {
+    key: 0,
+    class: "f-tag__dot"
+  };
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+    __name: "FTag",
+    props: {
+      color: {},
+      type: { default: "round" },
+      effect: {},
+      closable: { type: Boolean },
+      size: { default: "normal" }
+    },
+    emits: ["close"],
+    setup(__props, { emit: __emit }) {
+      const emit = __emit;
+      const isHover = vue.ref(false);
+      return (_ctx, _cache) => {
+        var _a, _b, _c;
+        return vue.openBlock(), vue.createElementBlock("span", {
+          class: vue.normalizeClass(["f-tag", [
+            `f-tag--${(_a = _ctx.type) != null ? _a : "round"}`,
+            `f-tag--${(_b = _ctx.effect) != null ? _b : "light"}`,
+            (_c = _ctx.color) != null ? _c : "default"
+          ]]),
+          onMouseenter: _cache[1] || (_cache[1] = ($event) => isHover.value = true),
+          onMouseleave: _cache[2] || (_cache[2] = ($event) => isHover.value = false)
+        }, [
+          _ctx.type === "dot" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$p)) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          _ctx.closable ? (vue.openBlock(), vue.createBlock(FIcon, {
+            key: 1,
+            class: "f-tag__close",
+            onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => emit("close"), ["stop"]))
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(isHover) ? vue.unref(ionicons5.CloseCircle) : vue.unref(ionicons5.Close))))
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true)
+        ], 34);
+      };
+    }
+  });
+  const FTag = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-02bd5aa6"]]);
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+    __name: "FTooltip",
+    props: {
+      content: {},
+      placement: { default: "top" },
+      disabled: { type: Boolean, default: false },
+      delay: { default: 100 },
+      offset: { default: 6 },
+      maxWidth: { default: 240 }
+    },
+    setup(__props) {
+      const props = __props;
+      const triggerRef = vue.ref(null);
+      const tooltipRef = vue.ref(null);
+      const visible = vue.ref(false);
+      const position = vue.ref({ top: 0, left: 0 });
+      let showTimer = null;
+      const show = () => {
+        if (props.disabled) return;
+        showTimer = setTimeout(() => {
+          visible.value = true;
+          vue.nextTick(updatePosition);
+        }, props.delay);
+      };
+      const hide = () => {
+        if (showTimer) clearTimeout(showTimer);
+        visible.value = false;
+      };
+      const updatePosition = () => {
+        var _a, _b;
+        if (!tooltipRef.value) return;
+        const triggerEl = (_b = (_a = triggerRef.value) == null ? void 0 : _a.firstElementChild) != null ? _b : triggerRef.value;
+        if (!triggerEl) return;
+        const trigger = triggerEl.getBoundingClientRect();
+        const tooltip = tooltipRef.value.getBoundingClientRect();
+        const gap = props.offset;
+        const [side, align] = props.placement.split("-");
+        let top = 0;
+        let left = 0;
+        switch (side) {
+          case "top":
+            top = trigger.top - tooltip.height - gap;
+            break;
+          case "bottom":
+            top = trigger.bottom + gap;
+            break;
+          case "left":
+            left = trigger.left - tooltip.width - gap;
+            break;
+          case "right":
+            left = trigger.right + gap;
+            break;
+        }
+        if (side === "top" || side === "bottom") {
+          if (align === "start") left = trigger.left;
+          else if (align === "end") left = trigger.right - tooltip.width;
+          else left = trigger.left + (trigger.width - tooltip.width) / 2;
+        } else {
+          if (align === "start") top = trigger.top;
+          else if (align === "end") top = trigger.bottom - tooltip.height;
+          else top = trigger.top + (trigger.height - tooltip.height) / 2;
+        }
+        const padding = 8;
+        left = Math.max(padding, Math.min(left, window.innerWidth - tooltip.width - padding));
+        top = Math.max(padding, Math.min(top, window.innerHeight - tooltip.height - padding));
+        position.value = { top: top + window.scrollY, left: left + window.scrollX };
+      };
+      vue.onUnmounted(hide);
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: "f-tooltip",
+          ref_key: "triggerRef",
+          ref: triggerRef,
+          onMouseenter: show,
+          onMouseleave: hide
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+            vue.createVNode(vue.Transition, { name: "f-tooltip" }, {
+              default: vue.withCtx(() => [
+                vue.unref(visible) && (_ctx.content || _ctx.$slots.content) ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  ref_key: "tooltipRef",
+                  ref: tooltipRef,
+                  class: vue.normalizeClass(["f-tooltip-wrapper", `is-${_ctx.placement.split("-")[0]}`]),
+                  style: vue.normalizeStyle({
+                    top: `${vue.unref(position).top}px`,
+                    left: `${vue.unref(position).left}px`,
+                    maxWidth: `${_ctx.maxWidth}px`
+                  })
+                }, [
+                  vue.renderSlot(_ctx.$slots, "content", {}, () => [
+                    vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
+                  ], true),
+                  _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-tooltip-arrow" }, null, -1))
+                ], 6)) : vue.createCommentVNode("", true)
+              ]),
+              _: 3
+            })
+          ]))
+        ], 544);
+      };
+    }
+  });
+  const FTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-be9acca7"]]);
+  const _hoisted_1$o = { class: "f-progress" };
+  const _hoisted_2$k = {
+    key: 0,
+    class: "f-progress__text"
+  };
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+    __name: "FProgress",
+    props: {
+      percent: {},
+      color: {},
+      showText: { type: Boolean, default: false },
+      height: { default: 5 }
+    },
+    setup(__props) {
+      const props = __props;
+      const clampedPercent = vue.computed(() => Math.min(100, Math.max(0, props.percent)));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
+          vue.createElementVNode("div", {
+            class: "f-progress__track",
+            style: vue.normalizeStyle({ height: `${_ctx.height}px` })
+          }, [
+            vue.createElementVNode("div", {
+              class: "f-progress__fill",
+              style: vue.normalizeStyle({
+                width: `${vue.unref(clampedPercent)}%`,
+                background: _ctx.color
+              })
+            }, null, 4)
+          ], 4),
+          _ctx.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$k, vue.toDisplayString(vue.unref(clampedPercent)) + "%", 1)) : vue.createCommentVNode("", true)
+        ]);
+      };
+    }
+  });
+  const FProgress = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-c2164d6e"]]);
+  const _hoisted_1$n = { class: "f-tabs__nav-container" };
+  const _hoisted_2$j = { class: "f-tabs__nav" };
+  const _hoisted_3$i = ["onClick"];
+  const _hoisted_4$7 = { class: "f-tabs__label" };
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+    __name: "FTabs",
+    props: {
+      tabs: {},
+      active: {},
+      type: { default: "line" }
+    },
+    emits: ["update:active", "change"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const activeTab = vue.computed({
+        get: () => {
+          var _a;
+          if (props.active && props.tabs.some((tab) => tab.name === props.active && !tab.disabled)) {
+            return props.active;
+          }
+          const firstEnabled = props.tabs.find((tab) => !tab.disabled);
+          return (_a = firstEnabled == null ? void 0 : firstEnabled.name) != null ? _a : "";
+        },
+        set: (val) => {
+          emit("update:active", val);
+          emit("change", val);
+        }
+      });
+      const setActiveTab = (tabName, disabled) => {
+        if (disabled) return;
+        activeTab.value = tabName;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["f-tabs", [`f-tabs--${_ctx.type}`]])
+        }, [
+          vue.createElementVNode("div", _hoisted_1$n, [
+            vue.createElementVNode("div", _hoisted_2$j, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (tab) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: tab.name,
+                  class: vue.normalizeClass(["f-tabs__tab", {
+                    active: vue.unref(activeTab) === tab.name,
+                    disabled: tab.disabled
+                  }]),
+                  onClick: ($event) => setActiveTab(tab.name, tab.disabled)
+                }, [
+                  vue.createElementVNode("span", _hoisted_4$7, vue.toDisplayString(tab.label), 1)
+                ], 10, _hoisted_3$i);
+              }), 128))
+            ])
+          ]),
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (tab) => {
+            return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+              key: tab.name,
+              class: "f-tabs__panel"
+            }, [
+              vue.renderSlot(_ctx.$slots, tab.name, {}, void 0, true)
+            ])), [
+              [vue.vShow, vue.unref(activeTab) === tab.name]
+            ]);
+          }), 128))
+        ], 2);
+      };
+    }
+  });
+  const FTabs = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-268fc654"]]);
+  const _hoisted_1$m = {
+    class: "f-breadcrumb__current",
+    "aria-current": "page"
+  };
+  const _hoisted_2$i = ["href"];
+  const _hoisted_3$h = {
+    key: 3,
+    class: "f-breadcrumb__text"
+  };
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+    __name: "FBreadcrumb",
+    props: {
+      items: { default: () => [] },
+      separator: { default: "/" },
+      animated: { type: Boolean, default: false }
+    },
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("nav", {
+          class: vue.normalizeClass(["f-breadcrumb", { "f-breadcrumb--animated": _ctx.animated }]),
+          "aria-label": "breadcrumb"
+        }, [
+          vue.createVNode(vue.TransitionGroup, { name: "breadcrumb" }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item, index) => {
+                return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                  key: item.label
+                }, [
+                  index > 0 ? (vue.openBlock(), vue.createElementBlock("span", {
+                    key: `sep-${item.label}`,
+                    class: "f-breadcrumb__sep",
+                    "aria-hidden": "true"
+                  }, vue.toDisplayString(_ctx.separator), 1)) : vue.createCommentVNode("", true),
+                  index === _ctx.items.length - 1 ? vue.renderSlot(_ctx.$slots, "default", {
+                    key: 1,
+                    item
+                  }, () => [
+                    vue.createElementVNode("span", _hoisted_1$m, vue.toDisplayString(item.label), 1)
+                  ], true) : item.href ? (vue.openBlock(), vue.createElementBlock("a", {
+                    key: 2,
+                    href: item.href,
+                    class: "f-breadcrumb__link"
+                  }, vue.toDisplayString(item.label), 9, _hoisted_2$i)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$h, vue.toDisplayString(item.label), 1))
+                ], 64);
+              }), 128))
+            ]),
+            _: 3
+          })
+        ], 2);
+      };
+    }
+  });
+  const FBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-bb787dcc"]]);
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+    __name: "FCol",
+    props: {
+      span: { default: 24 },
+      offset: { default: 0 },
+      order: { default: 0 },
+      xs: {},
+      sm: {},
+      md: {},
+      lg: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const normalize = (size) => typeof size === "number" ? { span: size } : size;
+      const colStyle = vue.computed(() => ({
+        "--col-span": props.span,
+        "--col-offset": props.offset,
+        "--col-order": props.order
+      }));
+      const colClass = vue.computed(() => {
+        const classes = [];
+        const breakpoints = { xs: props.xs, sm: props.sm, md: props.md, lg: props.lg };
+        for (const [bp, val] of Object.entries(breakpoints)) {
+          if (val === void 0) continue;
+          const { span, offset, order } = normalize(val);
+          if (span !== void 0) classes.push(`f-col--${bp}-${span}`);
+          if (offset !== void 0) classes.push(`f-col--${bp}-offset-${offset}`);
+          if (order !== void 0) classes.push(`f-col--${bp}-order-${order}`);
+        }
+        return classes;
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["f-col", vue.unref(colClass)]),
+          style: vue.normalizeStyle(vue.unref(colStyle))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 6);
+      };
+    }
+  });
+  const FCol = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-5a8b0cb4"]]);
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+    __name: "FRow",
+    props: {
+      gutter: { default: 0 },
+      justify: { default: "start" },
+      align: { default: "top" },
+      wrap: { default: "wrap" },
+      tag: { default: "div" }
+    },
+    setup(__props) {
+      const props = __props;
+      const gutterH = vue.computed(
+        () => Array.isArray(props.gutter) ? props.gutter[0] : props.gutter
+      );
+      const gutterV = vue.computed(
+        () => Array.isArray(props.gutter) ? props.gutter[1] : 0
+      );
+      const justifyMap = {
+        "start": "flex-start",
+        "end": "flex-end",
+        "center": "center",
+        "space-between": "space-between",
+        "space-around": "space-around",
+        "space-evenly": "space-evenly"
+      };
+      const alignMap = {
+        "top": "flex-start",
+        "middle": "center",
+        "bottom": "flex-end",
+        "stretch": "stretch"
+      };
+      const rowStyle = vue.computed(() => ({
+        marginLeft: gutterH.value ? `-${gutterH.value / 2}px` : void 0,
+        marginRight: gutterH.value ? `-${gutterH.value / 2}px` : void 0,
+        rowGap: gutterV.value ? `${gutterV.value}px` : void 0,
+        justifyContent: justifyMap[props.justify],
+        alignItems: alignMap[props.align],
+        flexWrap: props.wrap,
+        "--row-gutter-h": gutterH.value ? `${gutterH.value / 2}px` : "0px"
+      }));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
+          class: "f-row",
+          style: vue.normalizeStyle(vue.unref(rowStyle))
+        }, {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
+          _: 3
+        }, 8, ["style"]);
+      };
+    }
+  });
+  const FRow = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-72f62339"]]);
+  const _hoisted_1$l = { class: "f-space__item" };
+  const _hoisted_2$h = {
+    key: 0,
+    class: "f-space__split",
+    "aria-hidden": "true"
+  };
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+    __name: "FSpace",
+    props: {
+      direction: { default: "horizontal" },
+      size: { default: "normal" },
+      align: { default: "center" },
+      justify: { default: "start" },
+      wrap: { type: Boolean, default: false },
+      split: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const sizeMap = {
+        small: 6,
+        normal: 12,
+        large: 18
+      };
+      const resolveSize = (s) => typeof s === "number" ? s : sizeMap[s];
+      const gapStyle = vue.computed(() => {
+        const size = props.size;
+        if (Array.isArray(size)) {
+          return `${resolveSize(size[1])}px ${resolveSize(size[0])}px`;
+        }
+        return `${resolveSize(size)}px`;
+      });
+      const spaceStyle = vue.computed(() => ({
+        flexDirection: props.direction === "vertical" ? "column" : "row",
+        alignItems: props.align,
+        justifyContent: props.justify,
+        flexWrap: props.wrap ? "wrap" : "nowrap",
+        gap: gapStyle.value
+      }));
+      const slots = vue.useSlots();
+      const children = vue.computed(() => {
+        var _a;
+        const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
+        if (!defaultSlot) return [];
+        const result = [];
+        for (const vnode of defaultSlot) {
+          if (vnode.type === vue.Fragment) {
+            result.push(...vnode.children);
+          } else {
+            result.push(vnode);
+          }
+        }
+        return result.filter((v) => v.type !== Comment);
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: "f-space",
+          style: vue.normalizeStyle(vue.unref(spaceStyle))
+        }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(children), (child, index) => {
+            return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index }, [
+              vue.createElementVNode("div", _hoisted_1$l, [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(child)))
+              ]),
+              _ctx.split && index < vue.unref(children).length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$h, vue.toDisplayString(_ctx.split), 1)) : vue.createCommentVNode("", true)
+            ], 64);
+          }), 128))
+        ], 4);
+      };
+    }
+  });
+  const FSpace = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-5fb3b1a0"]]);
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+    __name: "FContainer",
+    props: {
+      gap: { default: 12 }
+    },
+    setup(__props) {
+      const props = __props;
+      const ContainerStyle = vue.computed(() => ({
+        gap: typeof props.gap === "number" ? `${props.gap}px` : props.gap
+      }));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: "f-container",
+          style: vue.normalizeStyle(vue.unref(ContainerStyle))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 4);
+      };
+    }
+  });
+  const FContainer = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-08450ddf"]]);
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+    __name: "FDivider",
+    props: {
+      color: {},
+      direction: { default: "horizontal" },
+      line: { default: "solid" }
+    },
+    setup(__props) {
+      const props = __props;
+      const style = vue.computed(() => {
+        const baseColor = props.color || "var(--el-color-primary)";
+        const isHorizontal = props.direction === "horizontal";
+        return {
+          borderTop: isHorizontal ? `${props.line} ${baseColor}` : "none",
+          borderLeft: !isHorizontal ? `${props.line} ${baseColor}` : "none",
+          height: isHorizontal ? "0" : "100%",
+          width: isHorizontal ? "100%" : "0",
+          margin: isHorizontal ? "24px 0" : "0"
+        };
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("hr", {
+          style: vue.normalizeStyle(style.value)
+        }, null, 4);
+      };
+    }
+  });
+  const FDivider = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-512ee743"]]);
+  const _hoisted_1$k = ["src", "alt"];
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+    __name: "FAvatar",
+    props: {
+      src: {},
+      alt: {},
+      size: { default: "normal" },
+      shape: { default: "circle" },
+      icon: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const sizeMap = {
+        small: "32px",
+        normal: "48px",
+        large: "64px"
+      };
+      const AvatarStyle = vue.computed(() => {
+        return {
+          width: typeof props.size === "string" ? sizeMap[props.size] : `${props.size}px`,
+          height: typeof props.size === "string" ? sizeMap[props.size] : `${props.size}px`,
+          borderRadius: props.shape === "circle" ? "50%" : "8px"
+        };
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: "f-avatar",
+          style: vue.normalizeStyle(vue.unref(AvatarStyle))
+        }, [
+          _ctx.src ? (vue.openBlock(), vue.createElementBlock("img", {
+            key: 0,
+            src: _ctx.src,
+            alt: _ctx.alt
+          }, null, 8, _hoisted_1$k)) : (vue.openBlock(), vue.createBlock(FIcon, {
+            key: 1,
+            size: 24
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon ? _ctx.icon : vue.unref(ionicons5.Person))))
+            ]),
+            _: 1
+          }))
+        ], 4);
+      };
+    }
+  });
+  const FAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-b3665268"]]);
+  const _hoisted_1$j = ["type", "disabled"];
+  const _hoisted_2$g = {
+    key: 0,
+    class: "f-loader"
+  };
+  const _hoisted_3$g = {
+    key: 2,
+    class: "f-button__content"
+  };
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+    __name: "FButton",
+    props: {
+      type: {},
+      size: {},
+      nativeType: { default: "button" },
+      loading: { type: Boolean },
+      disabled: { type: Boolean },
+      round: { type: [Boolean, Number], default: false },
+      circle: { type: Boolean },
+      plain: { type: Boolean },
+      block: { type: Boolean },
+      icon: {},
+      bgColor: {},
+      color: {}
+    },
+    setup(__props) {
+      const SIZE_MAP = {
+        small: { h: "24px", p: "0 8px", f: "12px" },
+        normal: { h: "32px", p: "0 15px", f: "14px" },
+        large: { h: "40px", p: "0 20px", f: "16px" }
+      };
+      const props = __props;
+      const groupContext = vue.inject("FButtonGroupContext", null);
+      const mergedSize = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.size) != null ? _a : groupContext == null ? void 0 : groupContext.size) != null ? _b : "normal";
+      });
+      const mergedType = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.type) != null ? _a : groupContext == null ? void 0 : groupContext.type) != null ? _b : "default";
+      });
+      const isDisabled = vue.computed(() => props.disabled || props.loading || (groupContext == null ? void 0 : groupContext.disabled));
+      const buttonStyle = vue.computed(() => {
+        const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
+        const style = {
+          height: s.h,
+          padding: props.circle ? "0" : s.p,
+          fontSize: s.f,
+          minWidth: s.h,
+          backgroundColor: props.bgColor,
+          color: props.color
+        };
+        if (props.circle) {
+          style.width = s.h;
+          style.borderRadius = "50%";
+        } else if (typeof props.round === "number") {
+          style.borderRadius = `${props.round}px`;
+        } else if (props.round) {
+          style.borderRadius = "999px";
+        }
+        return style;
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("button", {
+          type: _ctx.nativeType,
+          class: vue.normalizeClass(["f-button", [
+            `f-button--${vue.unref(mergedType)}`,
+            `f-button--${vue.unref(mergedSize)}`,
+            {
+              "is-disabled": vue.unref(isDisabled),
+              "is-loading": _ctx.loading,
+              "is-plain": _ctx.plain,
+              "is-block": _ctx.block
+            }
+          ]]),
+          disabled: vue.unref(isDisabled),
+          style: vue.normalizeStyle(vue.unref(buttonStyle))
+        }, [
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$g)) : _ctx.icon ? (vue.openBlock(), vue.createElementBlock("i", {
+            key: 1,
+            class: vue.normalizeClass(["f-icon", _ctx.icon])
+          }, null, 2)) : vue.createCommentVNode("", true),
+          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$g, [
+            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])) : vue.createCommentVNode("", true)
+        ], 14, _hoisted_1$j);
+      };
+    }
+  });
+  const FButton = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-04bddf31"]]);
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+    __name: "FTypography",
+    props: {
+      color: { default: "" }
+    },
+    setup(__props) {
+      const props = __props;
+      const Style = vue.computed(() => {
+        return {
+          color: props.color
+        };
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: "f-typography",
+          style: vue.normalizeStyle(vue.unref(Style))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 4);
+      };
+    }
+  });
+  const FTypography = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-50e044db"]]);
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+    __name: "FText",
+    props: {
+      tag: { default: "span" },
+      heading: {},
+      size: { default: "normal" },
+      weight: { default: "normal" },
+      color: {},
+      truncate: { type: Boolean },
+      italic: { type: Boolean }
+    },
+    setup(__props) {
+      const props = __props;
+      const headingSizeMap = {
+        1: "3xl",
+        2: "2xl",
+        3: "xl",
+        4: "lg",
+        5: "normal",
+        6: "sm"
+      };
+      const headingWeightMap = {
+        1: "bolder",
+        2: "bold",
+        3: "bold",
+        4: "medium",
+        5: "medium",
+        6: "normal"
+      };
+      const resolvedTag = vue.computed(() => {
+        var _a;
+        return props.heading ? `h${props.heading}` : (_a = props.tag) != null ? _a : "span";
+      });
+      const resolvedSize = vue.computed(() => {
+        var _a;
+        return (_a = props.size) != null ? _a : props.heading ? headingSizeMap[props.heading] : "normal";
+      });
+      const resolvedWeight = vue.computed(() => {
+        var _a;
+        return (_a = props.weight) != null ? _a : props.heading ? headingWeightMap[props.heading] : "normal";
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(resolvedTag)), {
+          class: vue.normalizeClass(["f-text", [
+            `f-text--${vue.unref(resolvedSize)}`,
+            `f-text--${vue.unref(resolvedWeight)}`,
+            _ctx.color && `f-text--${_ctx.color}`,
+            { "f-text--truncate": _ctx.truncate, "f-text--italic": _ctx.italic }
+          ]])
+        }, {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
+          _: 3
+        }, 8, ["class"]);
+      };
+    }
+  });
+  const FText = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-8bcfc6b3"]]);
+  const _hoisted_1$i = ["href", "target", "rel"];
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+    __name: "FLink",
+    props: {
+      href: {},
+      target: { default: "_self" },
+      underline: { default: "hover" },
+      color: {},
+      disabled: { type: Boolean }
+    },
+    setup(__props) {
+      const props = __props;
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("a", {
+          class: vue.normalizeClass(["f-link", [
+            props.color && `f-link--${props.color}`,
+            `f-link--underline-${props.underline}`,
+            { "f-link--disabled": props.disabled }
+          ]]),
+          href: props.disabled ? void 0 : props.href,
+          target: props.target,
+          rel: props.target === "_blank" ? "noopener noreferrer" : void 0
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 10, _hoisted_1$i);
+      };
+    }
+  });
+  const FLink = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-daaa3e25"]]);
+  const _hoisted_1$h = { class: "f-badge" };
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+    __name: "FBadge",
+    props: {
+      value: {},
+      max: { default: 99 },
+      dot: { type: Boolean, default: false },
+      type: { default: "danger" },
+      placement: { default: "top-right" },
+      offset: { default: () => [0, 0] }
+    },
+    setup(__props) {
+      const props = __props;
+      const displayValue = vue.computed(() => {
+        var _a;
+        if (props.dot) return "";
+        if (typeof props.value === "number" && props.value > props.max) return `${props.max}+`;
+        return (_a = props.value) != null ? _a : "";
+      });
+      const contentStyle = vue.computed(() => {
+        const [x, y] = props.offset;
+        const map = {
+          "top-right": { top: 0, right: 0, transform: `translate(calc(50% + ${x}px), calc(-50% + ${y}px))` },
+          "top-left": { top: 0, left: 0, transform: `translate(calc(-50% + ${x}px), calc(-50% + ${y}px))` },
+          "bottom-right": { bottom: 0, right: 0, transform: `translate(calc(50% + ${x}px), calc(50% + ${y}px))` },
+          "bottom-left": { bottom: 0, left: 0, transform: `translate(calc(-50% + ${x}px), calc(50% + ${y}px))` }
+        };
+        return map[props.placement];
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          _ctx.dot || _ctx.value !== void 0 && _ctx.value !== "" ? (vue.openBlock(), vue.createElementBlock("span", {
+            key: 0,
+            class: vue.normalizeClass(["f-badge__content", [`f-badge--${_ctx.type}`, { "f-badge--dot": _ctx.dot }]]),
+            style: vue.normalizeStyle(vue.unref(contentStyle))
+          }, vue.toDisplayString(vue.unref(displayValue)), 7)) : vue.createCommentVNode("", true)
+        ]);
+      };
+    }
+  });
+  const FBadge = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-be6947ff"]]);
+  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+    __name: "FAffix",
+    props: {
+      placement: { default: "top-right" },
+      offset: { default: () => [8, 8] }
+    },
+    setup(__props) {
+      const props = __props;
+      const style = vue.computed(() => {
+        const [x, y] = props.offset;
+        const map = {
+          "top-left": { top: `${y}px`, left: `${x}px` },
+          "top-right": { top: `${y}px`, right: `${x}px` },
+          "bottom-left": { bottom: `${y}px`, left: `${x}px` },
+          "bottom-right": { bottom: `${y}px`, right: `${x}px` }
+        };
+        return map[props.placement];
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: "f-affix",
+          style: vue.normalizeStyle(vue.unref(style))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 4);
+      };
+    }
+  });
+  const FAffix = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-8506d679"]]);
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+    __name: "FForm",
+    props: {
+      model: {},
+      rules: { default: () => ({}) },
+      labelWidth: { default: "80px" },
+      labelPosition: { default: "right" },
+      size: { default: "normal" }
+    },
+    setup(__props, { expose: __expose }) {
+      const props = __props;
+      const fields = vue.ref([]);
+      const registerField = (field) => {
+        fields.value.push(field);
+      };
+      const unregisterField = (prop) => {
+        fields.value = fields.value.filter((f) => f.prop !== prop);
+      };
+      vue.provide("FFormContext", {
+        model: props.model,
+        rules: props.rules,
+        labelWidth: props.labelWidth,
+        labelPosition: vue.computed(() => props.labelPosition),
+        size: vue.computed(() => props.size),
+        registerField,
+        unregisterField
+      });
+      const validate = () => __async(null, null, function* () {
+        const validationPromises = fields.value.map((field) => field.validate());
+        const results = yield Promise.all(validationPromises);
+        const errors = results.filter((msg) => msg !== void 0);
+        if (errors.length > 0) {
+          throw new Error("表单校验失败");
+        }
+        return true;
+      });
+      const resetFields = () => {
+        fields.value.forEach((field) => field.clearValidate());
+      };
+      __expose({
+        validate,
+        resetFields
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("form", {
+          class: vue.normalizeClass(["f-form", [
+            `f-form--label-${_ctx.labelPosition}`,
+            `f-form--size-${_ctx.size}`
+          ]]),
+          onSubmit: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+          }, ["prevent"]))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 34);
+      };
+    }
+  });
+  const FForm = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-21f7de9b"]]);
+  const validateSingleField = (value, rules) => __async(null, null, function* () {
+    const ruleArray = Array.isArray(rules) ? rules : [rules];
+    for (let rule of ruleArray) {
+      if (rule.transform) {
+        value = rule.transform(value);
+      }
+      const isEmpty = value === void 0 || value === null || value === "";
+      const isAllWhitespace = rule.whitespace && typeof value === "string" && value.trim() === "";
+      if (rule.required && (isEmpty || isAllWhitespace)) {
+        return rule.message || "此字段为必填项";
+      }
+      if (!rule.required && isEmpty) continue;
+      if (rule.type) {
+        const typeError = checkType(value, rule);
+        if (typeError) return typeError;
+      }
+      const rangeError = checkRange(value, rule);
+      if (rangeError) return rangeError;
+      if (rule.pattern && !rule.pattern.test(String(value))) {
+        return rule.message || "格式不匹配";
+      }
+      if (rule.enum && !rule.enum.includes(value)) {
+        return rule.message || "不在指定的枚举范围内";
+      }
+      if (rule.validator) {
+        const result = yield Promise.resolve(rule.validator(value, rule));
+        if (typeof result === "string") return result;
+        if (result === false) return rule.message || "校验失败";
+      }
+    }
+    return void 0;
+  });
+  const checkType = (value, rule) => {
+    const { type, message } = rule;
+    switch (type) {
+      case "string":
+        if (typeof value !== "string") return message || "必须是字符串";
+        break;
+      case "number":
+        if (typeof value !== "number" || isNaN(value)) return message || "必须是数字";
+        break;
+      case "integer":
+        if (!Number.isInteger(value)) return message || "必须是整数";
+        break;
+      case "boolean":
+        if (typeof value !== "boolean") return message || "必须是布尔值";
+        break;
+      case "array":
+        if (!Array.isArray(value)) return message || "必须是数组";
+        break;
+      case "object":
+        if (typeof value !== "object" || value === null) return message || "必须是对象";
+        break;
+      case "email":
+        const emailRegex = /^[^\s@]+@([^\s@]+\.)+[^\s@]+$/;
+        if (!emailRegex.test(value)) return message || "邮箱格式不正确";
+        break;
+      case "regexp":
+        if (rule.pattern && !rule.pattern.test(String(value))) {
+          return rule.message || "格式不匹配";
+        }
+        break;
+    }
+    return void 0;
+  };
+  const checkRange = (value, rule) => {
+    const { min, max, len, message, type } = rule;
+    const isNum = type === "number" || type === "integer" || type === "float";
+    const valToMeasure = isNum && typeof value === "number" ? value : value == null ? void 0 : value.length;
+    if (valToMeasure === void 0) return void 0;
+    if (len !== void 0 && valToMeasure !== len) {
+      return message || (isNum ? `值必须等于 ${len}` : `长度必须为 ${len}`);
+    }
+    if (min !== void 0 && valToMeasure < min) {
+      return message || (isNum ? `最小值不能小于 ${min}` : `长度不能小于 ${min}`);
+    }
+    if (max !== void 0 && valToMeasure > max) {
+      return message || (isNum ? `最大值不能大于 ${max}` : `长度不能大于 ${max}`);
+    }
+    return void 0;
+  };
+  const _hoisted_1$g = {
+    key: 0,
+    class: "star"
+  };
+  const _hoisted_2$f = { class: "f-form-item__content" };
+  const _hoisted_3$f = {
+    key: 0,
+    class: "f-form-item__error"
+  };
+  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+    __name: "FFormItem",
+    props: {
+      label: {},
+      prop: {}
+    },
+    setup(__props, { expose: __expose }) {
+      const props = __props;
+      const formContext = vue.inject("FFormContext");
+      const errorMsg = vue.ref("");
+      const labelPosition = vue.computed(() => {
+        var _a;
+        return ((_a = formContext == null ? void 0 : formContext.labelPosition) == null ? void 0 : _a.value) || "right";
+      });
+      const size = vue.computed(() => {
+        var _a;
+        return ((_a = formContext == null ? void 0 : formContext.size) == null ? void 0 : _a.value) || "default";
+      });
+      const activeRules = vue.computed(() => {
+        if (!(formContext == null ? void 0 : formContext.rules) || !props.prop) return [];
+        const rules = formContext.rules[props.prop] || [];
+        return Array.isArray(rules) ? rules : [rules];
+      });
+      const isRequired = vue.computed(() => activeRules.value.some((r) => r.required));
+      const validate = () => __async(null, null, function* () {
+        if (!props.prop || !formContext) return void 0;
+        const value = formContext.model[props.prop];
+        const result = yield validateSingleField(value, activeRules.value);
+        errorMsg.value = result || "";
+        return result;
+      });
+      const clearValidate = () => {
+        errorMsg.value = "";
+      };
+      vue.provide("FFormItemContext", { errorMsg, validate });
+      vue.onMounted(() => {
+        if (props.prop && (formContext == null ? void 0 : formContext.registerField)) {
+          formContext.registerField({ prop: props.prop, validate, clearValidate });
+        }
+      });
+      vue.onUnmounted(() => {
+        if (props.prop && (formContext == null ? void 0 : formContext.unregisterField)) {
+          formContext.unregisterField(props.prop);
+        }
+      });
+      vue.watch(() => formContext == null ? void 0 : formContext.model[props.prop], () => {
+        if (errorMsg.value) validate();
+      });
+      __expose({ validate, clearValidate });
+      return (_ctx, _cache) => {
+        var _a;
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["f-form-item", [
+            `is-label-${vue.unref(labelPosition)}`,
+            `is-size-${vue.unref(size)}`,
+            { "is-error": vue.unref(errorMsg) }
+          ]])
+        }, [
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
+            key: 0,
+            class: "f-form-item__label",
+            style: vue.normalizeStyle({
+              width: vue.unref(labelPosition) === "top" ? "100%" : (_a = vue.unref(formContext)) == null ? void 0 : _a.labelWidth,
+              textAlign: vue.unref(labelPosition) === "top" ? "left" : vue.unref(labelPosition)
+            })
+          }, [
+            vue.unref(isRequired) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$g, "*")) : vue.createCommentVNode("", true),
+            vue.createTextVNode(" " + vue.toDisplayString(_ctx.label) + "： ", 1)
+          ], 4)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_2$f, [
+            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
+            vue.createVNode(vue.Transition, { name: "err-slide" }, {
+              default: vue.withCtx(() => [
+                vue.unref(errorMsg) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$f, vue.toDisplayString(vue.unref(errorMsg)), 1)) : vue.createCommentVNode("", true)
+              ]),
+              _: 1
+            })
+          ])
+        ], 2);
+      };
+    }
+  });
+  const FFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-c3d6ec01"]]);
+  const _hoisted_1$f = { class: "f-checkbox__wrapper" };
+  const _hoisted_2$e = ["checked", "disabled"];
+  const _hoisted_3$e = {
+    key: 0,
+    class: "f-checkbox__label"
+  };
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const handleChange = (e) => {
+        if (props.disabled) return;
+        const target = e.target;
+        modelValue.value = target.checked;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$f, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$e),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$e, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  const FCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-633b283a"]]);
+  const _hoisted_1$b = { class: "alert__body" };
+  const _hoisted_2$a = { class: "alert__title" };
+  const _hoisted_3$a = { class: "alert__content" };
+  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+    __name: "FAlert",
+    props: {
+      type: { default: "info" },
+      title: {},
+      content: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const config = vue.computed(() => ({
+        success: { icon: ionicons5.CheckmarkCircleOutline, label: "Success" },
+        error: { icon: ionicons5.AlertCircleOutline, label: "Error" },
+        warning: { icon: ionicons5.WarningOutline, label: "Warning" },
+        info: { icon: ionicons5.InformationCircleOutline, label: "Tips" }
+      })[props.type]);
+      return (_ctx, _cache) => {
+        var _a;
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["alert", `alert--${_ctx.type}`])
+        }, [
+          vue.createVNode(FIcon, { class: "alert__icon" }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(config).icon)))
+            ]),
+            _: 1
+          }),
+          vue.createElementVNode("div", _hoisted_1$b, [
+            vue.createElementVNode("h4", _hoisted_2$a, vue.toDisplayString((_a = _ctx.title) != null ? _a : vue.unref(config).label), 1),
+            vue.createElementVNode("div", _hoisted_3$a, [
+              vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
+              ], true)
+            ])
+          ])
+        ], 2);
+      };
+    }
+  });
+  const FAlert = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-f16678ef"]]);
+  const _hoisted_1$9 = { class: "f-editor__toolbar" };
+  const _hoisted_2$8 = { class: "f-editor__status" };
+  const _hoisted_3$8 = { class: "f-editor__lines" };
+  const _hoisted_4$6 = { class: "f-editor__code-wrapper" };
+  const _hoisted_5$6 = ["innerHTML"];
+  const _hoisted_6$5 = ["rows", "readonly", "placeholder"];
+  const LINE_HEIGHT_PX = 17.6;
+  const PADDING_TOP_PX = 12;
+  const MIN_BODY_HEIGHT = 180;
+  const HEAVY_LINE_THRESHOLD = 1500;
+  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+    __name: "FEditor",
+    props: /* @__PURE__ */ vue.mergeModels({
+      placeholder: {},
+      rows: {},
+      language: {},
+      readonly: { type: Boolean },
+      showLine: { type: Boolean },
+      height: { default: 420 }
+    }, {
+      "modelValue": { default: "" },
+      "modelModifiers": {}
+    }),
+    emits: /* @__PURE__ */ vue.mergeModels(["blur"], ["update:modelValue"]),
+    setup(__props, { emit: __emit }) {
+      const model = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const emit = __emit;
+      const textareaRef = vue.ref();
+      const highlightRef = vue.ref();
+      const gutterRef = vue.ref();
+      const scrollTop = vue.ref(0);
+      const currentLine = vue.ref(1);
+      const cursorPos = vue.ref(0);
+      const onKeydown = (e) => {
+        if (e.key === "Tab") {
+          e.preventDefault();
+          const el = textareaRef.value;
+          if (!el) return;
+          const start = el.selectionStart;
+          const end = el.selectionEnd;
+          model.value = model.value.slice(0, start) + "  " + model.value.slice(end);
+          vue.nextTick(() => {
+            el.selectionStart = el.selectionEnd = start + 2;
+          });
+          return;
+        }
+        if (e.key === "Enter") {
+          const el = textareaRef.value;
+          if (!el) return;
+          const start = el.selectionStart;
+          const lineStart = model.value.lastIndexOf("\n", start - 1) + 1;
+          const currentLineText = model.value.slice(lineStart, start);
+          const indentMatch = currentLineText.match(/^\s*/);
+          const indent = indentMatch ? indentMatch[0] : "";
+          const lastChar = currentLineText.trim().slice(-1);
+          const extra = lastChar === "{" || lastChar === "[" ? "  " : "";
+          if (extra) {
+            e.preventDefault();
+            const insert = "\n" + indent + extra;
+            model.value = model.value.slice(0, start) + insert + model.value.slice(start);
+            vue.nextTick(() => {
+              el.selectionStart = el.selectionEnd = start + insert.length;
+            });
+          }
+        }
+      };
+      const MAX_BODY_HEIGHT = props.height;
+      const bodyHeight = vue.computed(() => {
+        const contentHeight = PADDING_TOP_PX * 2 + lineCount.value * LINE_HEIGHT_PX;
+        return Math.min(MAX_BODY_HEIGHT, Math.max(MIN_BODY_HEIGHT, contentHeight));
+      });
+      const updateCursorInfo = () => {
+        const el = textareaRef.value;
+        if (!el) return;
+        cursorPos.value = el.selectionStart;
+        currentLine.value = model.value.slice(0, el.selectionStart).split("\n").length;
+      };
+      const lines = vue.computed(() => model.value.split("\n"));
+      const lineCount = vue.computed(() => lines.value.length);
+      const isHeavy = vue.computed(() => lineCount.value > HEAVY_LINE_THRESHOLD);
+      let debounceTimer = null;
+      const debouncedSource = vue.ref(model.value);
+      vue.watch(model, (val) => {
+        if (debounceTimer) clearTimeout(debounceTimer);
+        const delay = val.length > 2e4 ? 120 : 0;
+        debounceTimer = setTimeout(() => {
+          debouncedSource.value = val;
+        }, delay);
+      }, { immediate: true });
+      const errorPosition = vue.computed(() => {
+        if (props.language !== "json" || !debouncedSource.value.trim()) return null;
+        try {
+          JSON.parse(debouncedSource.value);
+          return null;
+        } catch (err) {
+          const msg = err.message || "";
+          const posMatch = msg.match(/position (\d+)/);
+          if (posMatch) return parseInt(posMatch[1], 10);
+          const lineColMatch = msg.match(/line (\d+) column (\d+)/);
+          if (lineColMatch) {
+            const line = parseInt(lineColMatch[1], 10);
+            const col = parseInt(lineColMatch[2], 10);
+            const ls = debouncedSource.value.split("\n");
+            let offset = 0;
+            for (let i = 0; i < line - 1; i++) offset += ls[i].length + 1;
+            return offset + col - 1;
+          }
+          return debouncedSource.value.length;
+        }
+      });
+      const errorLine = vue.computed(() => {
+        if (errorPosition.value === null) return null;
+        return debouncedSource.value.slice(0, errorPosition.value).split("\n").length;
+      });
+      const isJsonValid = vue.computed(() => errorPosition.value === null);
+      const formatJson = () => {
+        if (props.language !== "json") return;
+        try {
+          model.value = JSON.stringify(JSON.parse(model.value), null, 2);
+        } catch (e) {
+        }
+      };
+      const escapeHtml = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+      const tokenize = (text) => {
+        const escaped = escapeHtml(text);
+        return escaped.replace(/("(?:\\.|[^"\\])*")(\s*:)?/g, (_m, str, colon) => {
+          const cls = colon ? "tok-key" : "tok-string";
+          return `<span class="${cls}">${str}</span>${colon ? colon : ""}`;
+        }).replace(/\b(true|false|null)\b/g, '<span class="tok-keyword">$1</span>').replace(/(-?\b\d+\.?\d*(?:[eE][+-]?\d+)?\b)/g, '<span class="tok-number">$1</span>').replace(/([{}[\],])/g, '<span class="tok-punct">$1</span>');
+      };
+      const renderedLines = vue.computed(() => {
+        const src = debouncedSource.value;
+        const ls = src.split("\n");
+        const errPos = errorPosition.value;
+        const errLn = errorLine.value;
+        let runningOffset = 0;
+        return ls.map((lineText, idx) => {
+          const lineNo = idx + 1;
+          const lineStart = runningOffset;
+          runningOffset += lineText.length + 1;
+          let html;
+          if (errLn === lineNo && errPos !== null) {
+            const localPos = errPos - lineStart;
+            const before = lineText.slice(0, Math.max(0, localPos));
+            const errChar = lineText.slice(localPos, localPos + 1) || " ";
+            const after = lineText.slice(localPos + 1);
+            html = (isHeavy.value ? escapeHtml(before) : tokenize(before)) + `<span class="tok-error">${escapeHtml(errChar)}</span>` + (isHeavy.value ? escapeHtml(after) : tokenize(after));
+          } else if (props.language === "json" && !isHeavy.value) {
+            html = tokenize(lineText);
+          } else {
+            html = escapeHtml(lineText);
+          }
+          return { lineNo, html: html || "&nbsp;" };
+        });
+      });
+      const syncScroll = () => {
+        if (!textareaRef.value) return;
+        scrollTop.value = textareaRef.value.scrollTop;
+        if (highlightRef.value) {
+          highlightRef.value.scrollTop = textareaRef.value.scrollTop;
+          highlightRef.value.scrollLeft = textareaRef.value.scrollLeft;
+        }
+        if (gutterRef.value) {
+          gutterRef.value.scrollTop = textareaRef.value.scrollTop;
+        }
+      };
+      const onInputOrScroll = () => {
+        syncScroll();
+        updateCursorInfo();
+      };
+      return (_ctx, _cache) => {
+        var _a;
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["f-editor", { "f-editor--invalid": !vue.unref(isJsonValid) }])
+        }, [
+          vue.createElementVNode("div", _hoisted_1$9, [
+            vue.createElementVNode("span", _hoisted_2$8, [
+              vue.createElementVNode("span", _hoisted_3$8, vue.toDisplayString(vue.unref(lineCount)) + " 行", 1),
+              vue.unref(isHeavy) ? (vue.openBlock(), vue.createBlock(FTag, {
+                key: 0,
+                color: "orange",
+                type: "square",
+                effect: "plain"
+              }, {
+                default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+                  vue.createTextVNode("大文件模式")
+                ])),
+                _: 1,
+                __: [2]
+              })) : vue.createCommentVNode("", true)
+            ]),
+            _ctx.language === "json" ? (vue.openBlock(), vue.createElementBlock("button", {
+              key: 0,
+              type: "button",
+              class: "f-editor__format",
+              onClick: formatJson
+            }, " 格式化 ")) : vue.createCommentVNode("", true)
+          ]),
+          vue.createElementVNode("div", {
+            class: "f-editor__body",
+            style: vue.normalizeStyle({ height: `${vue.unref(bodyHeight)}px` })
+          }, [
+            _ctx.showLine ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              ref_key: "gutterRef",
+              ref: gutterRef,
+              class: "f-editor__gutter"
+            }, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(lineCount), (ln) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: ln,
+                  class: vue.normalizeClass(["f-editor__gutter-line", { "f-editor__gutter-line--active": ln === vue.unref(currentLine) }])
+                }, vue.toDisplayString(ln), 3);
+              }), 128))
+            ], 512)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_4$6, [
+              vue.createElementVNode("div", {
+                class: "f-editor__active-line",
+                style: vue.normalizeStyle({
+                  top: `${PADDING_TOP_PX + (vue.unref(currentLine) - 1) * LINE_HEIGHT_PX - vue.unref(scrollTop)}px`,
+                  height: `${LINE_HEIGHT_PX}px`
+                })
+              }, null, 4),
+              vue.createElementVNode("pre", {
+                ref_key: "highlightRef",
+                ref: highlightRef,
+                class: "f-editor__highlight"
+              }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(renderedLines), (line) => {
+                  return vue.openBlock(), vue.createElementBlock("span", {
+                    key: line.lineNo,
+                    class: "f-editor__line",
+                    innerHTML: line.html + "\n"
+                  }, null, 8, _hoisted_5$6);
+                }), 128))
+              ], 512),
+              vue.withDirectives(vue.createElementVNode("textarea", {
+                ref_key: "textareaRef",
+                ref: textareaRef,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+                rows: (_a = _ctx.rows) != null ? _a : 8,
+                readonly: "readonly" in _ctx ? _ctx.readonly : vue.unref(vue.readonly),
+                class: "f-editor__textarea",
+                spellcheck: "false",
+                placeholder: _ctx.placeholder,
+                onKeydown,
+                onScroll: syncScroll,
+                onInput: onInputOrScroll,
+                onClick: updateCursorInfo,
+                onKeyup: updateCursorInfo,
+                onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur"))
+              }, null, 40, _hoisted_6$5), [
+                [vue.vModelText, model.value]
+              ])
+            ])
+          ], 4)
+        ], 2);
+      };
+    }
+  });
+  const FEditor = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-6d590649"]]);
+  const _hoisted_1$8 = { class: "f-table" };
+  const _hoisted_2$7 = {
+    key: 0,
+    class: "f-table__loading"
+  };
+  const _hoisted_3$7 = { class: "f-table__inner" };
+  const _hoisted_4$5 = {
+    key: 0,
+    class: "f-table__col--index"
+  };
+  const _hoisted_5$5 = { class: "f-table__head" };
+  const _hoisted_6$4 = {
+    key: 0,
+    class: "f-table__th f-table__th--index"
+  };
+  const _hoisted_7$1 = { class: "f-table__th-inner" };
+  const _hoisted_8 = { class: "f-table__body" };
+  const _hoisted_9 = {
+    key: 0,
+    class: "f-table__spacer"
+  };
+  const _hoisted_10 = ["colspan"];
+  const _hoisted_11 = {
+    key: 0,
+    class: "f-table__td f-table__td--index"
+  };
+  const _hoisted_12 = { key: 2 };
+  const _hoisted_13 = ["colspan"];
+  const _hoisted_14 = {
+    key: 3,
+    class: "f-table__spacer"
+  };
+  const _hoisted_15 = ["colspan"];
+  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+    __name: "FTable",
+    props: {
+      data: {},
+      columns: {},
+      rowHeight: { default: 40 },
+      overscan: { default: 5 },
+      showIndex: { type: Boolean, default: true },
+      loading: { type: Boolean, default: false },
+      loadingText: { default: "加载中..." },
+      emptyText: { default: "暂无数据" }
+    },
+    setup(__props) {
+      const props = __props;
+      const scrollEl = vue.ref(null);
+      const scrollTop = vue.ref(0);
+      const viewportHeight = vue.ref(0);
+      const colSpan = vue.computed(() => props.columns.length + (props.showIndex ? 1 : 0));
+      const startIndex = vue.computed(() => {
+        const raw = Math.floor(scrollTop.value / props.rowHeight) - props.overscan;
+        return Math.max(0, raw);
+      });
+      const endIndex = vue.computed(() => {
+        const visible = Math.ceil(viewportHeight.value / props.rowHeight);
+        const raw = startIndex.value + visible + props.overscan * 2;
+        return Math.min(props.data.length - 1, raw);
+      });
+      const visibleRows = vue.computed(
+        () => props.data.slice(startIndex.value, endIndex.value + 1).map((row, i) => ({
+          row,
+          index: startIndex.value + i
+        }))
+      );
+      const offsetTop = vue.computed(() => startIndex.value * props.rowHeight);
+      const offsetBottom = vue.computed(
+        () => Math.max(0, (props.data.length - endIndex.value - 1) * props.rowHeight)
+      );
+      const onScroll = (e) => {
+        scrollTop.value = e.target.scrollTop;
+      };
+      const formatCell = (val) => {
+        if (val === null || val === void 0) return "-";
+        if (typeof val === "object") return JSON.stringify(val);
+        return String(val);
+      };
+      let ro = null;
+      vue.onMounted(() => {
+        if (scrollEl.value) {
+          viewportHeight.value = scrollEl.value.clientHeight;
+          ro = new ResizeObserver(([entry]) => {
+            if (entry)
+              viewportHeight.value = entry.contentRect.height;
+          });
+          ro.observe(scrollEl.value);
+        }
+      });
+      vue.onBeforeUnmount(() => {
+        ro == null ? void 0 : ro.disconnect();
+      });
+      vue.watch(() => props.data, () => {
+        if (scrollEl.value) scrollEl.value.scrollTop = 0;
+        scrollTop.value = 0;
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, [
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "spinner" }, null, -1)),
+            vue.createElementVNode("span", null, vue.toDisplayString(_ctx.loadingText), 1)
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", {
+            class: "f-table__scroll",
+            ref_key: "scrollEl",
+            ref: scrollEl,
+            onScroll
+          }, [
+            vue.createElementVNode("table", _hoisted_3$7, [
+              vue.createElementVNode("colgroup", null, [
+                _ctx.showIndex ? (vue.openBlock(), vue.createElementBlock("col", _hoisted_4$5)) : vue.createCommentVNode("", true),
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (col) => {
+                  var _a, _b;
+                  return vue.openBlock(), vue.createElementBlock("col", {
+                    key: col.key,
+                    style: vue.normalizeStyle({
+                      width: (_a = col.width) != null ? _a : "auto",
+                      minWidth: (_b = col.minWidth) != null ? _b : "120px"
+                    })
+                  }, null, 4);
+                }), 128))
+              ]),
+              vue.createElementVNode("thead", _hoisted_5$5, [
+                vue.createElementVNode("tr", null, [
+                  _ctx.showIndex ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$4, "#")) : vue.createCommentVNode("", true),
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (col) => {
+                    return vue.openBlock(), vue.createElementBlock("th", {
+                      key: col.key,
+                      class: vue.normalizeClass(["f-table__th", col.thClass])
+                    }, [
+                      vue.renderSlot(_ctx.$slots, `header-${col.key}`, { column: col }, () => [
+                        vue.createElementVNode("div", _hoisted_7$1, [
+                          vue.createElementVNode("span", null, vue.toDisplayString(col.label), 1)
+                        ])
+                      ], true)
+                    ], 2);
+                  }), 128))
+                ])
+              ]),
+              vue.createElementVNode("tbody", _hoisted_8, [
+                vue.unref(offsetTop) > 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_9, [
+                  vue.createElementVNode("td", {
+                    colspan: vue.unref(colSpan),
+                    style: vue.normalizeStyle({ height: vue.unref(offsetTop) + "px" })
+                  }, null, 12, _hoisted_10)
+                ])) : vue.createCommentVNode("", true),
+                vue.unref(visibleRows).length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(vue.unref(visibleRows), ({ row, index }) => {
+                  return vue.openBlock(), vue.createElementBlock("tr", {
+                    key: index,
+                    class: "f-table__row"
+                  }, [
+                    _ctx.showIndex ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_11, vue.toDisplayString(index + 1), 1)) : vue.createCommentVNode("", true),
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (col) => {
+                      return vue.openBlock(), vue.createElementBlock("td", {
+                        key: col.key,
+                        class: vue.normalizeClass(["f-table__td", col.tdClass])
+                      }, [
+                        _ctx.$slots[`cell-${col.key}`] ? vue.renderSlot(_ctx.$slots, `cell-${col.key}`, {
+                          key: 0,
+                          row,
+                          value: row[col.key],
+                          index,
+                          col
+                        }, void 0, true) : _ctx.$slots.cell ? vue.renderSlot(_ctx.$slots, "cell", {
+                          key: 1,
+                          row,
+                          value: row[col.key],
+                          index,
+                          col
+                        }, void 0, true) : (vue.openBlock(), vue.createBlock(FTooltip, {
+                          key: 2,
+                          content: formatCell(row[col.key])
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(vue.toDisplayString(formatCell(row[col.key])), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["content"]))
+                      ], 2);
+                    }), 128))
+                  ]);
+                }), 128)) : !_ctx.loading ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_12, [
+                  vue.createElementVNode("td", {
+                    colspan: vue.unref(colSpan),
+                    class: "f-table__empty"
+                  }, [
+                    vue.renderSlot(_ctx.$slots, "empty", {}, () => [
+                      vue.createTextVNode(vue.toDisplayString(_ctx.emptyText), 1)
+                    ], true)
+                  ], 8, _hoisted_13)
+                ])) : vue.createCommentVNode("", true),
+                vue.unref(offsetBottom) > 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_14, [
+                  vue.createElementVNode("td", {
+                    colspan: vue.unref(colSpan),
+                    style: vue.normalizeStyle({ height: vue.unref(offsetBottom) + "px" })
+                  }, null, 12, _hoisted_15)
+                ])) : vue.createCommentVNode("", true)
+              ])
+            ])
+          ], 544)
+        ]);
+      };
+    }
+  });
+  const FTable = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-22daf8be"]]);
+  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      maskClosable: { type: Boolean, default: true },
+      maskColor: { default: "black" },
+      showMask: { type: Boolean, default: true }
+    }, {
+      "modelValue": __spreadValues({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const visible = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.computed(() => {
+        if (!props.showMask) return "transparent";
+        switch (props.maskColor) {
+          case "white":
+            return "rgba(255, 255, 255, 0.5)";
+          case "black":
+            return "rgba(0, 0, 0, 0.5)";
+          case "transparent":
+            return "transparent";
+          default:
+            return "rgba(0, 0, 0, 0.5)";
+        }
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  const FDialog = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-31496822"]]);
+  const _hoisted_1$7 = { class: "f-upload" };
+  const _hoisted_2$6 = { class: "f-upload__label" };
+  const _hoisted_3$6 = ["accept"];
+  const _hoisted_4$4 = {
+    key: 0,
+    class: "f-upload__file-item"
+  };
+  const _hoisted_5$4 = { class: "f-upload__file-info" };
+  const _hoisted_6$3 = { class: "f-upload__file-name" };
+  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+    __name: "FUpload",
+    props: /* @__PURE__ */ vue.mergeModels({
+      accept: {},
+      limit: {},
+      progress: {}
+    }, {
+      "file": { default: "" },
+      "fileModifiers": {}
+    }),
+    emits: /* @__PURE__ */ vue.mergeModels(["change", "exceed"], ["update:file"]),
+    setup(__props, { emit: __emit }) {
+      const file = vue.useModel(__props, "file");
+      const props = __props;
+      const emit = __emit;
+      const dragActive = vue.ref(false);
+      const isCloseHover = vue.ref(false);
+      const clearFile = () => {
+        file.value = "";
+      };
+      const onDragOver = (e) => {
+        e.preventDefault();
+        dragActive.value = true;
+      };
+      const onDragLeave = (e) => {
+        e.preventDefault();
+        dragActive.value = false;
+      };
+      const onDrop = (e) => {
+        var _a, _b;
+        e.preventDefault();
+        dragActive.value = false;
+        const f = (_b = (_a = e.dataTransfer) == null ? void 0 : _a.files) == null ? void 0 : _b[0];
+        if (!f) return;
+        if (props.limit && f.size > props.limit) {
+          emit("exceed", f);
+          return;
+        }
+        emit("change", f);
+      };
+      const onFileChange = (e) => {
+        var _a;
+        const f = (_a = e.target.files) == null ? void 0 : _a[0];
+        if (!f) return;
+        if (props.limit && f.size > props.limit) {
+          emit("exceed", f);
+          return;
+        }
+        emit("change", f);
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["f-upload__zone", { "f-upload--drag": vue.unref(dragActive) }]),
+            onDragover: onDragOver,
+            onDragleave: onDragLeave,
+            onDrop
+          }, [
+            vue.createElementVNode("label", _hoisted_2$6, [
+              vue.createElementVNode("input", {
+                type: "file",
+                accept: _ctx.accept,
+                class: "f-upload__input",
+                onChange: onFileChange
+              }, null, 40, _hoisted_3$6),
+              vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                vue.createVNode(FIcon, { size: 40 }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(ionicons5.CloudUpload))
+                  ]),
+                  _: 1
+                }),
+                _cache[2] || (_cache[2] = vue.createElementVNode("span", { class: "f-upload__title" }, "点击或拖拽文件至此处", -1)),
+                _cache[3] || (_cache[3] = vue.createElementVNode("span", { class: "f-upload__hint" }, "支持 .xlsx .xls .json .txt", -1))
+              ], true)
+            ])
+          ], 34),
+          file.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
+            vue.createVNode(FIcon, null, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(ionicons5.DocumentOutline))
+              ]),
+              _: 1
+            }),
+            vue.createElementVNode("div", _hoisted_5$4, [
+              vue.createElementVNode("span", _hoisted_6$3, vue.toDisplayString(file.value), 1),
+              _ctx.progress != null ? (vue.openBlock(), vue.createBlock(FProgress, {
+                key: 0,
+                percent: _ctx.progress,
+                "show-text": ""
+              }, null, 8, ["percent"])) : vue.createCommentVNode("", true)
+            ]),
+            vue.createVNode(FIcon, {
+              onClick: vue.withModifiers(clearFile, ["stop"]),
+              onMouseenter: _cache[0] || (_cache[0] = ($event) => isCloseHover.value = true),
+              onMouseleave: _cache[1] || (_cache[1] = ($event) => isCloseHover.value = false),
+              style: { "cursor": "pointer", "transition": "color 0.2s" }
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(isCloseHover) ? vue.unref(ionicons5.CloseCircle) : vue.unref(ionicons5.Close))))
+              ]),
+              _: 1
+            })
+          ])) : vue.createCommentVNode("", true)
+        ]);
+      };
+    }
+  });
+  const FUpload = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-07b95a32"]]);
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+    __name: "FButtonGroup",
+    props: {
+      size: { default: "normal" },
+      type: { default: "default" },
+      disabled: { type: Boolean, default: false },
+      vertical: { type: Boolean, default: false }
+    },
+    setup(__props) {
+      const props = __props;
+      const { size, type, disabled } = vue.toRefs(props);
+      vue.provide(
+        "FButtonGroupContext",
+        vue.reactive({
+          size,
+          type,
+          disabled
+        })
+      );
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["f-button-group", { "f-button-group--vertical": _ctx.vertical }]),
+          role: "group"
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2);
+      };
+    }
+  });
+  const _hoisted_1$6 = { class: "f-collapse" };
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+    __name: "FCollapse",
+    props: /* @__PURE__ */ vue.mergeModels({
+      accordion: { type: Boolean, default: false }
+    }, {
+      "modelValue": {
+        default: () => []
+      },
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const activeNames = vue.useModel(__props, "modelValue");
+      const normalizedActiveNames = vue.computed(() => {
+        if (Array.isArray(activeNames.value)) return activeNames.value;
+        return activeNames.value === void 0 || activeNames.value === null || activeNames.value === "" ? [] : [activeNames.value];
+      });
+      function handleItemClick(name) {
+        if (props.accordion) {
+          activeNames.value = normalizedActiveNames.value.includes(name) ? "" : name;
+          return;
+        }
+        const current = [...normalizedActiveNames.value];
+        const idx = current.indexOf(name);
+        if (idx > -1) {
+          current.splice(idx, 1);
+        } else {
+          current.push(name);
+        }
+        activeNames.value = current;
+      }
+      vue.provide(
+        "fCollapseContext",
+        vue.reactive({
+          activeNames: normalizedActiveNames,
+          handleItemClick
+        })
+      );
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$5 = { class: "f-collapse-item__header-title" };
+  const _hoisted_2$5 = { class: "f-collapse-item__wrapper" };
+  const _hoisted_3$5 = { class: "f-collapse-item__content" };
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+    __name: "FCollapseItem",
+    props: {
+      name: {},
+      title: { default: "" },
+      disabled: { type: Boolean, default: false }
+    },
+    setup(__props) {
+      const props = __props;
+      const context = vue.inject("fCollapseContext");
+      const isActive = vue.computed(() => !!(context == null ? void 0 : context.activeNames.includes(props.name)));
+      function handleHeaderClick() {
+        if (props.disabled) return;
+        context == null ? void 0 : context.handleItemClick(props.name);
+      }
+      function onEnter(el) {
+        const element = el;
+        element.style.height = "0px";
+        requestAnimationFrame(() => {
+          element.style.height = `${element.scrollHeight}px`;
+        });
+      }
+      function onAfterEnter(el) {
+        el.style.height = "auto";
+      }
+      function onLeave(el) {
+        const element = el;
+        element.style.height = `${element.scrollHeight}px`;
+        requestAnimationFrame(() => {
+          element.style.height = "0px";
+        });
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["f-collapse-item", {
+            "f-collapse-item--active": vue.unref(isActive),
+            "f-collapse-item--disabled": _ctx.disabled
+          }])
+        }, [
+          vue.createElementVNode("div", {
+            class: "f-collapse-item__header",
+            onClick: handleHeaderClick
+          }, [
+            vue.renderSlot(_ctx.$slots, "title", {}, () => [
+              vue.createElementVNode("span", _hoisted_1$5, vue.toDisplayString(_ctx.title), 1)
+            ]),
+            _cache[0] || (_cache[0] = vue.createElementVNode("svg", {
+              class: "f-collapse-item__icon",
+              viewBox: "0 0 12 12",
+              width: "12",
+              height: "12"
+            }, [
+              vue.createElementVNode("path", {
+                d: "M2 4l4 4 4-4",
+                stroke: "currentColor",
+                "stroke-width": "1.5",
+                fill: "none",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              })
+            ], -1))
+          ]),
+          vue.createVNode(vue.Transition, {
+            onEnter,
+            onAfterEnter,
+            onLeave
+          }, {
+            default: vue.withCtx(() => [
+              vue.withDirectives(vue.createElementVNode("div", _hoisted_2$5, [
+                vue.createElementVNode("div", _hoisted_3$5, [
+                  vue.renderSlot(_ctx.$slots, "default")
+                ])
+              ], 512), [
+                [vue.vShow, vue.unref(isActive)]
+              ])
+            ]),
+            _: 3
+          })
+        ], 2);
+      };
+    }
+  });
+  const _hoisted_1$4 = { class: "f-color-picker__swatch" };
+  const _hoisted_2$4 = {
+    key: 0,
+    class: "f-color-picker__panel"
+  };
+  const _hoisted_3$4 = { class: "f-color-picker__sliders" };
+  const _hoisted_4$3 = { class: "f-color-picker__slider-group" };
+  const _hoisted_5$3 = ["value"];
+  const _hoisted_6$2 = {
+    key: 0,
+    class: "f-color-picker__predefine"
+  };
+  const _hoisted_7 = ["onClick"];
+  const hueBackground = "linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)";
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+    __name: "FColorPicker",
+    props: /* @__PURE__ */ vue.mergeModels({
+      showAlpha: { type: Boolean, default: false },
+      predefine: { default: () => [] },
+      size: { default: "default" },
+      disabled: { type: Boolean, default: false }
+    }, {
+      "modelValue": { default: "#409eff" },
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const modelValue = vue.useModel(__props, "modelValue");
+      function hsvToRgb(h, s, v) {
+        s /= 100;
+        v /= 100;
+        const c = v * s;
+        const x = c * (1 - Math.abs(h / 60 % 2 - 1));
+        const m = v - c;
+        let r = 0;
+        let g = 0;
+        let b = 0;
+        if (h < 60) [r, g, b] = [c, x, 0];
+        else if (h < 120) [r, g, b] = [x, c, 0];
+        else if (h < 180) [r, g, b] = [0, c, x];
+        else if (h < 240) [r, g, b] = [0, x, c];
+        else if (h < 300) [r, g, b] = [x, 0, c];
+        else [r, g, b] = [c, 0, x];
+        return {
+          r: Math.round((r + m) * 255),
+          g: Math.round((g + m) * 255),
+          b: Math.round((b + m) * 255)
+        };
+      }
+      function rgbToHsv(r, g, b) {
+        r /= 255;
+        g /= 255;
+        b /= 255;
+        const max = Math.max(r, g, b);
+        const min = Math.min(r, g, b);
+        const d = max - min;
+        let h = 0;
+        if (d !== 0) {
+          if (max === r) h = 60 * ((g - b) / d % 6);
+          else if (max === g) h = 60 * ((b - r) / d + 2);
+          else h = 60 * ((r - g) / d + 4);
+        }
+        if (h < 0) h += 360;
+        const s = max === 0 ? 0 : d / max;
+        return { h, s: s * 100, v: max * 100 };
+      }
+      function rgbToHex(r, g, b) {
+        return `#${[r, g, b].map((c) => c.toString(16).padStart(2, "0")).join("")}`;
+      }
+      function parseColor(input) {
+        const str = input.trim();
+        const hexMatch = str.match(/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i);
+        if (hexMatch) {
+          let hex = hexMatch[1];
+          if (hex.length === 3) {
+            hex = hex.split("").map((c) => c + c).join("");
+          }
+          const r = parseInt(hex.slice(0, 2), 16);
+          const g = parseInt(hex.slice(2, 4), 16);
+          const b = parseInt(hex.slice(4, 6), 16);
+          const a = hex.length === 8 ? parseInt(hex.slice(6, 8), 16) / 255 : 1;
+          return __spreadProps(__spreadValues({}, rgbToHsv(r, g, b)), { a });
+        }
+        const rgbMatch = str.match(/^rgba?\(([^)]+)\)$/i);
+        if (rgbMatch) {
+          const [r, g, b, a = 1] = rgbMatch[1].split(",").map((p) => parseFloat(p.trim()));
+          return __spreadProps(__spreadValues({}, rgbToHsv(r, g, b)), { a });
+        }
+        return null;
+      }
+      const hsva = vue.reactive({ h: 0, s: 0, v: 100, a: 1 });
+      let skipNextModelWatch = false;
+      vue.watch(
+        modelValue,
+        (val) => {
+          if (skipNextModelWatch) {
+            skipNextModelWatch = false;
+            return;
+          }
+          const parsed = parseColor(val);
+          if (parsed) {
+            hsva.h = parsed.h;
+            hsva.s = parsed.s;
+            hsva.v = parsed.v;
+            hsva.a = parsed.a;
+          }
+        },
+        { immediate: true }
+      );
+      function currentRgb() {
+        return hsvToRgb(hsva.h, hsva.s, hsva.v);
+      }
+      function toColorString() {
+        const { r, g, b } = currentRgb();
+        if (props.showAlpha) {
+          return `rgba(${r}, ${g}, ${b}, ${Math.round(hsva.a * 100) / 100})`;
+        }
+        return rgbToHex(r, g, b);
+      }
+      function emitColor() {
+        skipNextModelWatch = true;
+        modelValue.value = toColorString();
+      }
+      const previewRgb = vue.computed(() => currentRgb());
+      const visible = vue.ref(false);
+      const rootRef = vue.ref(null);
+      function handleOutsideClick(e) {
+        if (rootRef.value && !rootRef.value.contains(e.target)) {
+          visible.value = false;
+        }
+      }
+      vue.watch(visible, (val) => {
+        if (val) {
+          vue.nextTick(() => document.addEventListener("mousedown", handleOutsideClick));
+        } else {
+          document.removeEventListener("mousedown", handleOutsideClick);
+        }
+      });
+      vue.onBeforeUnmount(() => document.removeEventListener("mousedown", handleOutsideClick));
+      function togglePanel() {
+        if (props.disabled) return;
+        visible.value = !visible.value;
+      }
+      function startTrack(el, onMove, e) {
+        const rect = el.getBoundingClientRect();
+        onMove(e.clientX, e.clientY, rect);
+        function handleMove(moveEvent) {
+          onMove(moveEvent.clientX, moveEvent.clientY, rect);
+        }
+        function handleUp() {
+          document.removeEventListener("mousemove", handleMove);
+          document.removeEventListener("mouseup", handleUp);
+        }
+        document.addEventListener("mousemove", handleMove);
+        document.addEventListener("mouseup", handleUp);
+      }
+      function clamp(value, min, max) {
+        return Math.min(Math.max(value, min), max);
+      }
+      const panelRef = vue.ref(null);
+      function handlePanelDrag(e) {
+        if (!panelRef.value) return;
+        startTrack(
+          panelRef.value,
+          (clientX, clientY, rect) => {
+            const x = clamp(clientX - rect.left, 0, rect.width);
+            const y = clamp(clientY - rect.top, 0, rect.height);
+            hsva.s = x / rect.width * 100;
+            hsva.v = 100 - y / rect.height * 100;
+            emitColor();
+          },
+          e
+        );
+      }
+      const hueRef = vue.ref(null);
+      function handleHueDrag(e) {
+        if (!hueRef.value) return;
+        startTrack(
+          hueRef.value,
+          (clientX, _clientY, rect) => {
+            const x = clamp(clientX - rect.left, 0, rect.width);
+            hsva.h = x / rect.width * 360;
+            emitColor();
+          },
+          e
+        );
+      }
+      const alphaRef = vue.ref(null);
+      function handleAlphaDrag(e) {
+        if (!alphaRef.value) return;
+        startTrack(
+          alphaRef.value,
+          (clientX, _clientY, rect) => {
+            const x = clamp(clientX - rect.left, 0, rect.width);
+            hsva.a = x / rect.width;
+            emitColor();
+          },
+          e
+        );
+      }
+      function tryParseColor(str) {
+        const s = str.trim();
+        if (/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(s) || /^rgba?\([^)]+\)$/i.test(s)) {
+          return parseColor(s);
+        }
+        return null;
+      }
+      function handleInputChange(e) {
+        const target = e.target;
+        const parsed = tryParseColor(target.value);
+        if (parsed) {
+          hsva.h = parsed.h;
+          hsva.s = parsed.s;
+          hsva.v = parsed.v;
+          hsva.a = parsed.a;
+          emitColor();
+        } else {
+          target.value = toColorString();
+        }
+      }
+      function selectPredefine(color) {
+        const parsed = parseColor(color);
+        if (!parsed) return;
+        hsva.h = parsed.h;
+        hsva.s = parsed.s;
+        hsva.v = parsed.v;
+        hsva.a = parsed.a;
+        emitColor();
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          ref_key: "rootRef",
+          ref: rootRef,
+          class: vue.normalizeClass(["f-color-picker", [`f-color-picker--${_ctx.size}`, { "f-color-picker--disabled": _ctx.disabled }]])
+        }, [
+          vue.createElementVNode("div", {
+            class: "f-color-picker__trigger",
+            onClick: togglePanel
+          }, [
+            vue.createElementVNode("div", _hoisted_1$4, [
+              vue.createElementVNode("span", {
+                class: "f-color-picker__swatch-color",
+                style: vue.normalizeStyle({ background: `rgba(${vue.unref(previewRgb).r}, ${vue.unref(previewRgb).g}, ${vue.unref(previewRgb).b}, ${vue.unref(hsva).a})` })
+              }, null, 4)
+            ])
+          ]),
+          vue.createVNode(vue.Transition, { name: "f-color-picker-fade" }, {
+            default: vue.withCtx(() => [
+              vue.unref(visible) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, [
+                vue.createElementVNode("div", {
+                  ref_key: "panelRef",
+                  ref: panelRef,
+                  class: "f-color-picker__saturation",
+                  style: vue.normalizeStyle({ backgroundColor: `hsl(${vue.unref(hsva).h}, 100%, 50%)` }),
+                  onMousedown: handlePanelDrag
+                }, [
+                  vue.createElementVNode("div", {
+                    class: "f-color-picker__saturation-thumb",
+                    style: vue.normalizeStyle({ left: `${vue.unref(hsva).s}%`, top: `${100 - vue.unref(hsva).v}%` })
+                  }, null, 4)
+                ], 36),
+                vue.createElementVNode("div", _hoisted_3$4, [
+                  vue.createElementVNode("div", _hoisted_4$3, [
+                    vue.createElementVNode("div", {
+                      ref_key: "hueRef",
+                      ref: hueRef,
+                      class: "f-color-picker__hue",
+                      style: vue.normalizeStyle({ backgroundImage: hueBackground }),
+                      onMousedown: handleHueDrag
+                    }, [
+                      vue.createElementVNode("div", {
+                        class: "f-color-picker__slider-thumb",
+                        style: vue.normalizeStyle({ left: `${vue.unref(hsva).h / 360 * 100}%` })
+                      }, null, 4)
+                    ], 36),
+                    _ctx.showAlpha ? (vue.openBlock(), vue.createElementBlock("div", {
+                      key: 0,
+                      ref_key: "alphaRef",
+                      ref: alphaRef,
+                      class: "f-color-picker__alpha",
+                      onMousedown: handleAlphaDrag
+                    }, [
+                      vue.createElementVNode("div", {
+                        class: "f-color-picker__alpha-gradient",
+                        style: vue.normalizeStyle({ backgroundImage: `linear-gradient(to right, transparent, rgb(${vue.unref(previewRgb).r}, ${vue.unref(previewRgb).g}, ${vue.unref(previewRgb).b}))` })
+                      }, null, 4),
+                      vue.createElementVNode("div", {
+                        class: "f-color-picker__slider-thumb",
+                        style: vue.normalizeStyle({ left: `${vue.unref(hsva).a * 100}%` })
+                      }, null, 4)
+                    ], 544)) : vue.createCommentVNode("", true)
+                  ]),
+                  vue.createElementVNode("div", {
+                    class: "f-color-picker__current",
+                    style: vue.normalizeStyle({ background: `rgba(${vue.unref(previewRgb).r}, ${vue.unref(previewRgb).g}, ${vue.unref(previewRgb).b}, ${vue.unref(hsva).a})` })
+                  }, null, 4)
+                ]),
+                vue.createElementVNode("input", {
+                  class: "f-color-picker__input",
+                  type: "text",
+                  value: toColorString(),
+                  onChange: handleInputChange,
+                  onKeydown: _cache[0] || (_cache[0] = vue.withKeys(($event) => $event.target.blur(), ["enter"]))
+                }, null, 40, _hoisted_5$3),
+                _ctx.predefine.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.predefine, (color) => {
+                    return vue.openBlock(), vue.createElementBlock("span", {
+                      key: color,
+                      class: "f-color-picker__predefine-item",
+                      style: vue.normalizeStyle({ background: color }),
+                      onClick: ($event) => selectPredefine(color)
+                    }, null, 12, _hoisted_7);
+                  }), 128))
+                ])) : vue.createCommentVNode("", true)
+              ])) : vue.createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ], 2);
+      };
+    }
+  });
+  const _hoisted_1$3 = { class: "f-empty" };
+  const _hoisted_2$3 = ["src"];
+  const _hoisted_3$3 = {
+    key: 1,
+    viewBox: "0 0 160 160",
+    class: "f-empty__image-default"
+  };
+  const _hoisted_4$2 = { class: "f-empty__description" };
+  const _hoisted_5$2 = {
+    key: 0,
+    class: "f-empty__extra"
+  };
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+    __name: "FEmpty",
+    props: {
+      description: { default: "暂无数据" },
+      image: { default: "" },
+      imageSize: { default: 120 }
+    },
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+          vue.createElementVNode("div", {
+            class: "f-empty__image",
+            style: vue.normalizeStyle({ width: `${_ctx.imageSize}px`, height: `${_ctx.imageSize}px` })
+          }, [
+            vue.renderSlot(_ctx.$slots, "image", {}, () => [
+              _ctx.image ? (vue.openBlock(), vue.createElementBlock("img", {
+                key: 0,
+                src: _ctx.image,
+                class: "f-empty__image-img",
+                alt: ""
+              }, null, 8, _hoisted_2$3)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_3$3, _cache[0] || (_cache[0] = [
+                vue.createStaticVNode('<ellipse cx="80" cy="132" rx="46" ry="8" fill="currentColor" opacity="0.08"></ellipse><path d="M40 60 L120 60 L128 128 L32 128 Z" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round" opacity="0.35"></path><path d="M40 60 L58 32 L102 32 L120 60" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round" opacity="0.35"></path><line x1="32" y1="88" x2="128" y2="88" stroke="currentColor" stroke-width="3" opacity="0.35"></line><path d="M64 88 Q80 106 96 88" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" opacity="0.5"></path>', 5)
+              ])))
+            ])
+          ], 4),
+          vue.createElementVNode("div", _hoisted_4$2, [
+            vue.renderSlot(_ctx.$slots, "description", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
+            ])
+          ]),
+          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$2, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ])) : vue.createCommentVNode("", true)
+        ]);
+      };
+    }
+  });
+  const _hoisted_1$2 = { class: "f-slider__mark-label" };
+  const _hoisted_2$2 = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "onMousedown", "onKeydown", "onMouseenter"];
+  const _hoisted_3$2 = {
+    key: 0,
+    class: "f-slider__tooltip"
+  };
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+    __name: "FSlider",
+    props: /* @__PURE__ */ vue.mergeModels({
+      min: { default: 0 },
+      max: { default: 100 },
+      step: { default: 1 },
+      range: { type: Boolean, default: false },
+      vertical: { type: Boolean, default: false },
+      disabled: { type: Boolean, default: false },
+      showTooltip: { type: Boolean, default: true },
+      marks: { default: () => ({}) },
+      size: { default: "default" }
+    }, {
+      "modelValue": { default: 0 },
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const modelValue = vue.useModel(__props, "modelValue");
+      const values = vue.reactive(props.range ? [props.min, props.max] : [props.min]);
+      let skipNextWatch = false;
+      vue.watch(
+        modelValue,
+        (val) => {
+          if (skipNextWatch) {
+            skipNextWatch = false;
+            return;
+          }
+          if (props.range && Array.isArray(val)) {
+            values[0] = val[0];
+            values[1] = val[1];
+          } else if (!props.range && typeof val === "number") {
+            values[0] = val;
+          }
+        },
+        { immediate: true }
+      );
+      function emitChange() {
+        skipNextWatch = true;
+        modelValue.value = props.range ? [values[0], values[1]] : values[0];
+      }
+      const decimalPlaces = vue.computed(() => {
+        const str = String(props.step);
+        const idx = str.indexOf(".");
+        return idx === -1 ? 0 : str.length - idx - 1;
+      });
+      function clampValue(raw) {
+        const clamped = Math.min(Math.max(raw, props.min), props.max);
+        const stepped = Math.round((clamped - props.min) / props.step) * props.step + props.min;
+        const fixed = Number(stepped.toFixed(decimalPlaces.value));
+        return Math.min(Math.max(fixed, props.min), props.max);
+      }
+      function valueToPercent(v) {
+        if (props.max === props.min) return 0;
+        return (v - props.min) / (props.max - props.min) * 100;
+      }
+      function percentToValue(percent) {
+        return clampValue(props.min + percent / 100 * (props.max - props.min));
+      }
+      const trackRef = vue.ref(null);
+      const activeThumb = vue.ref(null);
+      const hoveredThumb = vue.ref(null);
+      function percentFromEvent(clientX, clientY, rect) {
+        if (props.vertical) {
+          const y = Math.min(Math.max(clientY - rect.top, 0), rect.height);
+          return 100 - y / rect.height * 100;
+        }
+        const x = Math.min(Math.max(clientX - rect.left, 0), rect.width);
+        return x / rect.width * 100;
+      }
+      function startDrag(index, e) {
+        if (props.disabled) return;
+        e.preventDefault();
+        e.stopPropagation();
+        const track = trackRef.value;
+        if (!track) return;
+        const rect = track.getBoundingClientRect();
+        activeThumb.value = index;
+        function apply(clientX, clientY) {
+          const percent = percentFromEvent(clientX, clientY, rect);
+          let next = percentToValue(percent);
+          if (props.range) {
+            if (index === 0) next = Math.min(next, values[1]);
+            else next = Math.max(next, values[0]);
+          }
+          if (values[index] !== next) {
+            values[index] = next;
+            emitChange();
+          }
+        }
+        apply(e.clientX, e.clientY);
+        function onMove(moveEvent) {
+          apply(moveEvent.clientX, moveEvent.clientY);
+        }
+        function onUp() {
+          activeThumb.value = null;
+          document.removeEventListener("mousemove", onMove);
+          document.removeEventListener("mouseup", onUp);
+        }
+        document.addEventListener("mousemove", onMove);
+        document.addEventListener("mouseup", onUp);
+      }
+      function handleTrackClick(e) {
+        if (props.disabled || !trackRef.value) return;
+        if (e.target.closest(".f-slider__thumb")) return;
+        const rect = trackRef.value.getBoundingClientRect();
+        const percent = percentFromEvent(e.clientX, e.clientY, rect);
+        const clicked = percentToValue(percent);
+        const targetIndex = props.range ? Math.abs(clicked - values[0]) <= Math.abs(clicked - values[1]) ? 0 : 1 : 0;
+        values[targetIndex] = clicked;
+        emitChange();
+      }
+      function handleKeydown(index, e) {
+        if (props.disabled) return;
+        const dir = props.vertical ? { inc: "ArrowUp", dec: "ArrowDown" } : { inc: "ArrowRight", dec: "ArrowLeft" };
+        let next = values[index];
+        if (e.key === dir.inc) next += props.step;
+        else if (e.key === dir.dec) next -= props.step;
+        else if (e.key === "Home") next = props.min;
+        else if (e.key === "End") next = props.max;
+        else return;
+        e.preventDefault();
+        next = clampValue(next);
+        if (props.range) {
+          next = index === 0 ? Math.min(next, values[1]) : Math.max(next, values[0]);
+        }
+        values[index] = next;
+        emitChange();
+      }
+      const barStyle = vue.computed(() => {
+        if (props.range) {
+          const start = valueToPercent(values[0]);
+          const end = valueToPercent(values[1]);
+          return props.vertical ? { bottom: `${start}%`, height: `${end - start}%` } : { left: `${start}%`, width: `${end - start}%` };
+        }
+        const percent = valueToPercent(values[0]);
+        return props.vertical ? { bottom: "0%", height: `${percent}%` } : { left: "0%", width: `${percent}%` };
+      });
+      function thumbStyle(index) {
+        const percent = valueToPercent(values[index]);
+        return props.vertical ? { bottom: `${percent}%` } : { left: `${percent}%` };
+      }
+      const markEntries = vue.computed(
+        () => Object.entries(props.marks).map(([key, label]) => ({
+          value: Number(key),
+          label,
+          percent: valueToPercent(Number(key))
+        }))
+      );
+      function tooltipVisible(index) {
+        return props.showTooltip && (activeThumb.value === index || hoveredThumb.value === index);
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["f-slider", [`f-slider--${_ctx.size}`, { "f-slider--vertical": _ctx.vertical, "f-slider--disabled": _ctx.disabled, "f-slider--with-marks": vue.unref(markEntries).length }]])
+        }, [
+          vue.createElementVNode("div", {
+            ref_key: "trackRef",
+            ref: trackRef,
+            class: "f-slider__track",
+            onMousedown: handleTrackClick
+          }, [
+            vue.createElementVNode("div", {
+              class: "f-slider__bar",
+              style: vue.normalizeStyle(vue.unref(barStyle))
+            }, null, 4),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(markEntries), (mark) => {
+              return vue.openBlock(), vue.createElementBlock("span", {
+                key: mark.value,
+                class: "f-slider__mark",
+                style: vue.normalizeStyle(_ctx.vertical ? { bottom: `${mark.percent}%` } : { left: `${mark.percent}%` })
+              }, [
+                _cache[1] || (_cache[1] = vue.createElementVNode("span", { class: "f-slider__mark-dot" }, null, -1)),
+                vue.createElementVNode("span", _hoisted_1$2, vue.toDisplayString(mark.label), 1)
+              ], 4);
+            }), 128)),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(values), (value, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: index,
+                class: vue.normalizeClass(["f-slider__thumb", { "f-slider__thumb--active": vue.unref(activeThumb) === index }]),
+                style: vue.normalizeStyle(thumbStyle(index)),
+                tabindex: "0",
+                role: "slider",
+                "aria-valuemin": _ctx.min,
+                "aria-valuemax": _ctx.max,
+                "aria-valuenow": value,
+                onMousedown: ($event) => startDrag(index, $event),
+                onKeydown: ($event) => handleKeydown(index, $event),
+                onMouseenter: ($event) => hoveredThumb.value = index,
+                onMouseleave: _cache[0] || (_cache[0] = ($event) => hoveredThumb.value = null)
+              }, [
+                vue.createVNode(vue.Transition, { name: "f-slider-tooltip-fade" }, {
+                  default: vue.withCtx(() => [
+                    tooltipVisible(index) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, vue.toDisplayString(value), 1)) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 2
+                }, 1024)
+              ], 46, _hoisted_2$2);
+            }), 128))
+          ], 544)
+        ], 2);
+      };
+    }
+  });
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    __name: "FScrollbar",
+    props: {
+      height: { default: "" },
+      maxHeight: { default: "" },
+      native: { type: Boolean, default: false },
+      always: { type: Boolean, default: false },
+      minSize: { default: 20 },
+      vertical: { type: Boolean, default: true },
+      horizontal: { type: Boolean, default: true }
+    },
+    emits: ["scroll"],
+    setup(__props, { expose: __expose, emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const wrapRef = vue.ref(null);
+      const resizeRef = vue.ref(null);
+      const thumbYRef = vue.ref(null);
+      const thumbXRef = vue.ref(null);
+      const ratioY = vue.ref(1);
+      const ratioX = vue.ref(1);
+      const moveY = vue.ref(0);
+      const moveX = vue.ref(0);
+      const isDragging = vue.ref(false);
+      const showBar = vue.ref(false);
+      let wrapResizeObserver = null;
+      let contentResizeObserver = null;
+      const wrapStyle = vue.computed(() => ({
+        height: props.height || void 0,
+        maxHeight: props.maxHeight || void 0
+      }));
+      function update() {
+        const wrap = wrapRef.value;
+        if (!wrap) return;
+        const { clientHeight, scrollHeight, clientWidth, scrollWidth, scrollTop, scrollLeft } = wrap;
+        ratioY.value = scrollHeight > 0 ? Math.min(clientHeight / scrollHeight, 1) : 1;
+        ratioX.value = scrollWidth > 0 ? Math.min(clientWidth / scrollWidth, 1) : 1;
+        const maxScrollTop = scrollHeight - clientHeight;
+        const maxScrollLeft = scrollWidth - clientWidth;
+        moveY.value = maxScrollTop > 0 ? scrollTop / maxScrollTop * (1 - ratioY.value) * 100 : 0;
+        moveX.value = maxScrollLeft > 0 ? scrollLeft / maxScrollLeft * (1 - ratioX.value) * 100 : 0;
+      }
+      function handleScroll() {
+        update();
+        if (!isDragging.value) {
+          flashBar();
+        }
+        const wrap = wrapRef.value;
+        if (wrap) {
+          emit("scroll", { scrollTop: wrap.scrollTop, scrollLeft: wrap.scrollLeft });
+        }
+      }
+      let flashTimer = null;
+      function flashBar() {
+        showBar.value = true;
+        if (flashTimer) clearTimeout(flashTimer);
+        flashTimer = setTimeout(() => {
+          if (!isDragging.value) showBar.value = false;
+        }, 800);
+      }
+      function startDrag(axis, e) {
+        e.preventDefault();
+        e.stopPropagation();
+        const wrap = wrapRef.value;
+        if (!wrap) return;
+        isDragging.value = true;
+        showBar.value = true;
+        const startClientPos = axis === "y" ? e.clientY : e.clientX;
+        const startScroll = axis === "y" ? wrap.scrollTop : wrap.scrollLeft;
+        const trackSize = axis === "y" ? wrap.clientHeight : wrap.clientWidth;
+        const scrollSize = axis === "y" ? wrap.scrollHeight : wrap.scrollWidth;
+        const ratio = axis === "y" ? ratioY.value : ratioX.value;
+        function onMouseMove(moveEvent) {
+          const currentClientPos = axis === "y" ? moveEvent.clientY : moveEvent.clientX;
+          const delta = currentClientPos - startClientPos;
+          const scrollDelta = ratio > 0 ? delta / ratio : 0;
+          const maxScroll = scrollSize - trackSize;
+          const nextScroll = Math.min(Math.max(startScroll + scrollDelta, 0), maxScroll);
+          if (axis === "y") {
+            wrap.scrollTop = nextScroll;
+          } else {
+            wrap.scrollLeft = nextScroll;
+          }
+        }
+        function onMouseUp() {
+          isDragging.value = false;
+          flashBar();
+          document.removeEventListener("mousemove", onMouseMove);
+          document.removeEventListener("mouseup", onMouseUp);
+        }
+        document.addEventListener("mousemove", onMouseMove);
+        document.addEventListener("mouseup", onMouseUp);
+      }
+      function scrollTo(options, yCoord) {
+        const wrap = wrapRef.value;
+        if (!wrap) return;
+        if (typeof options === "number") {
+          wrap.scrollTo(options, yCoord != null ? yCoord : wrap.scrollTop);
+        } else {
+          wrap.scrollTo(options);
+        }
+      }
+      function setScrollTop(value) {
+        if (wrapRef.value) wrapRef.value.scrollTop = value;
+      }
+      function setScrollLeft(value) {
+        if (wrapRef.value) wrapRef.value.scrollLeft = value;
+      }
+      __expose({
+        scrollTo,
+        setScrollTop,
+        setScrollLeft,
+        update,
+        wrapRef
+      });
+      vue.onMounted(() => {
+        if (props.native) return;
+        vue.nextTick(() => {
+          update();
+          if (wrapRef.value) {
+            wrapResizeObserver = new ResizeObserver(() => update());
+            wrapResizeObserver.observe(wrapRef.value);
+          }
+          if (resizeRef.value) {
+            contentResizeObserver = new ResizeObserver(() => update());
+            contentResizeObserver.observe(resizeRef.value);
+          }
+        });
+      });
+      vue.onBeforeUnmount(() => {
+        wrapResizeObserver == null ? void 0 : wrapResizeObserver.disconnect();
+        contentResizeObserver == null ? void 0 : contentResizeObserver.disconnect();
+        if (flashTimer) clearTimeout(flashTimer);
+      });
+      vue.watch(
+        () => [props.height, props.maxHeight],
+        () => vue.nextTick(update)
+      );
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["f-scrollbar", { "f-scrollbar--native": _ctx.native }]),
+          onMouseenter: _cache[2] || (_cache[2] = ($event) => !_ctx.native && flashBar())
+        }, [
+          vue.createElementVNode("div", {
+            ref_key: "wrapRef",
+            ref: wrapRef,
+            class: vue.normalizeClass(["f-scrollbar__wrap", { "f-scrollbar__wrap--hidden-bar": !_ctx.native }]),
+            style: vue.normalizeStyle(vue.unref(wrapStyle)),
+            onScroll: handleScroll
+          }, [
+            vue.createElementVNode("div", {
+              ref_key: "resizeRef",
+              ref: resizeRef,
+              class: "f-scrollbar__view"
+            }, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ], 512)
+          ], 38),
+          !_ctx.native ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+            _ctx.vertical && vue.unref(ratioY) < 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(["f-scrollbar__bar f-scrollbar__bar--vertical", { "f-scrollbar__bar--visible": _ctx.always || vue.unref(showBar) || vue.unref(isDragging) }])
+            }, [
+              vue.createElementVNode("div", {
+                ref_key: "thumbYRef",
+                ref: thumbYRef,
+                class: "f-scrollbar__thumb",
+                style: vue.normalizeStyle({ height: `${vue.unref(ratioY) * 100}%`, top: `${vue.unref(moveY)}%` }),
+                onMousedown: _cache[0] || (_cache[0] = ($event) => startDrag("y", $event))
+              }, null, 36)
+            ], 2)) : vue.createCommentVNode("", true),
+            _ctx.horizontal && vue.unref(ratioX) < 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 1,
+              class: vue.normalizeClass(["f-scrollbar__bar f-scrollbar__bar--horizontal", { "f-scrollbar__bar--visible": _ctx.always || vue.unref(showBar) || vue.unref(isDragging) }])
+            }, [
+              vue.createElementVNode("div", {
+                ref_key: "thumbXRef",
+                ref: thumbXRef,
+                class: "f-scrollbar__thumb",
+                style: vue.normalizeStyle({ width: `${vue.unref(ratioX) * 100}%`, left: `${vue.unref(moveX)}%` }),
+                onMousedown: _cache[1] || (_cache[1] = ($event) => startDrag("x", $event))
+              }, null, 36)
+            ], 2)) : vue.createCommentVNode("", true)
+          ], 64)) : vue.createCommentVNode("", true)
+        ], 34);
+      };
+    }
+  });
+  const _hoisted_1$1 = ["disabled"];
+  const _hoisted_2$1 = ["value", "disabled", "placeholder"];
+  const _hoisted_3$1 = ["disabled"];
+  const _hoisted_4$1 = {
+    key: 2,
+    class: "f-input-number__stack"
+  };
+  const _hoisted_5$1 = ["disabled"];
+  const _hoisted_6$1 = ["disabled"];
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+    __name: "FInputNumber",
+    props: /* @__PURE__ */ vue.mergeModels({
+      min: { default: -Infinity },
+      max: { default: Infinity },
+      step: { default: 1 },
+      precision: { default: void 0 },
+      disabled: { type: Boolean, default: false },
+      size: { default: "default" },
+      controls: { type: Boolean, default: true },
+      controlsPosition: { default: "right" },
+      placeholder: { default: "" }
+    }, {
+      "modelValue": {},
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const modelValue = vue.useModel(__props, "modelValue");
+      const inputRef = vue.ref(null);
+      const isFocused = vue.ref(false);
+      const displayText = vue.ref("");
+      function format(value) {
+        return props.precision !== void 0 ? value.toFixed(props.precision) : String(value);
+      }
+      function clamp(value) {
+        let result = Math.min(Math.max(value, props.min), props.max);
+        if (props.precision !== void 0) {
+          result = Number(result.toFixed(props.precision));
+        }
+        return result;
+      }
+      vue.watch(
+        modelValue,
+        (val) => {
+          if (isFocused.value) return;
+          displayText.value = val === void 0 || val === null || Number.isNaN(val) ? "" : format(val);
+        },
+        { immediate: true }
+      );
+      const canIncrease = vue.computed(() => modelValue.value === void 0 || modelValue.value < props.max);
+      const canDecrease = vue.computed(() => modelValue.value === void 0 || modelValue.value > props.min);
+      function commit(raw) {
+        if (raw.trim() === "") {
+          modelValue.value = void 0;
+          displayText.value = "";
+          return;
+        }
+        const parsed = Number(raw);
+        if (Number.isNaN(parsed)) {
+          displayText.value = modelValue.value === void 0 ? "" : format(modelValue.value);
+          return;
+        }
+        const clamped = clamp(parsed);
+        modelValue.value = clamped;
+        displayText.value = format(clamped);
+      }
+      function handleInput(e) {
+        const raw = e.target.value;
+        if (raw === "" || raw === "-" || /^-?\d*\.?\d*$/.test(raw)) {
+          displayText.value = raw;
+        }
+      }
+      function handleFocus() {
+        isFocused.value = true;
+      }
+      function handleBlur() {
+        isFocused.value = false;
+        commit(displayText.value);
+      }
+      function handleEnter() {
+        var _a;
+        (_a = inputRef.value) == null ? void 0 : _a.blur();
+      }
+      function step(direction) {
+        var _a;
+        if (props.disabled) return;
+        const base = (_a = modelValue.value) != null ? _a : 0;
+        const next = clamp(base + direction * props.step);
+        modelValue.value = next;
+        displayText.value = format(next);
+      }
+      let repeatTimer = null;
+      let repeatInterval = null;
+      function startRepeat(direction) {
+        if (props.disabled) return;
+        step(direction);
+        repeatTimer = setTimeout(() => {
+          repeatInterval = setInterval(() => step(direction), 80);
+        }, 400);
+      }
+      function stopRepeat() {
+        if (repeatTimer) clearTimeout(repeatTimer);
+        if (repeatInterval) clearInterval(repeatInterval);
+        repeatTimer = null;
+        repeatInterval = null;
+      }
+      function handleKeydown(e) {
+        if (e.key === "ArrowUp") {
+          e.preventDefault();
+          step(1);
+        } else if (e.key === "ArrowDown") {
+          e.preventDefault();
+          step(-1);
+        } else if (e.key === "Enter") {
+          handleEnter();
+        }
+      }
+      function handleWheel(e) {
+        if (!isFocused.value || props.disabled) return;
+        e.preventDefault();
+        step(e.deltaY < 0 ? 1 : -1);
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["f-input-number", [
+            `f-input-number--${_ctx.size}`,
+            `f-input-number--controls-${_ctx.controlsPosition}`,
+            { "f-input-number--disabled": _ctx.disabled, "f-input-number--without-controls": !_ctx.controls }
+          ]])
+        }, [
+          _ctx.controls && _ctx.controlsPosition === "both" ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 0,
+            type: "button",
+            class: "f-input-number__control f-input-number__control--minus",
+            tabindex: "-1",
+            disabled: _ctx.disabled || !vue.unref(canDecrease),
+            onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(($event) => startRepeat(-1), ["prevent"])),
+            onMouseup: stopRepeat,
+            onMouseleave: stopRepeat
+          }, _cache[4] || (_cache[4] = [
+            vue.createElementVNode("svg", {
+              viewBox: "0 0 12 12",
+              width: "10",
+              height: "10"
+            }, [
+              vue.createElementVNode("path", {
+                d: "M2 6h8",
+                stroke: "currentColor",
+                "stroke-width": "1.5",
+                "stroke-linecap": "round"
+              })
+            ], -1)
+          ]), 40, _hoisted_1$1)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("input", {
+            ref_key: "inputRef",
+            ref: inputRef,
+            class: "f-input-number__inner",
+            type: "text",
+            inputmode: "decimal",
+            value: vue.unref(displayText),
+            disabled: _ctx.disabled,
+            placeholder: _ctx.placeholder,
+            onInput: handleInput,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            onKeydown: handleKeydown,
+            onWheel: handleWheel
+          }, null, 40, _hoisted_2$1),
+          _ctx.controls && _ctx.controlsPosition === "both" ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 1,
+            type: "button",
+            class: "f-input-number__control f-input-number__control--plus",
+            tabindex: "-1",
+            disabled: _ctx.disabled || !vue.unref(canIncrease),
+            onMousedown: _cache[1] || (_cache[1] = vue.withModifiers(($event) => startRepeat(1), ["prevent"])),
+            onMouseup: stopRepeat,
+            onMouseleave: stopRepeat
+          }, _cache[5] || (_cache[5] = [
+            vue.createElementVNode("svg", {
+              viewBox: "0 0 12 12",
+              width: "10",
+              height: "10"
+            }, [
+              vue.createElementVNode("path", {
+                d: "M2 6h8M6 2v8",
+                stroke: "currentColor",
+                "stroke-width": "1.5",
+                "stroke-linecap": "round"
+              })
+            ], -1)
+          ]), 40, _hoisted_3$1)) : vue.createCommentVNode("", true),
+          _ctx.controls && _ctx.controlsPosition === "right" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [
+            vue.createElementVNode("button", {
+              type: "button",
+              class: "f-input-number__stack-btn",
+              tabindex: "-1",
+              disabled: _ctx.disabled || !vue.unref(canIncrease),
+              onMousedown: _cache[2] || (_cache[2] = vue.withModifiers(($event) => startRepeat(1), ["prevent"])),
+              onMouseup: stopRepeat,
+              onMouseleave: stopRepeat
+            }, _cache[6] || (_cache[6] = [
+              vue.createElementVNode("svg", {
+                viewBox: "0 0 12 12",
+                width: "8",
+                height: "8"
+              }, [
+                vue.createElementVNode("path", {
+                  d: "M2 7l4-4 4 4",
+                  stroke: "currentColor",
+                  "stroke-width": "1.5",
+                  fill: "none",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                })
+              ], -1)
+            ]), 40, _hoisted_5$1),
+            vue.createElementVNode("button", {
+              type: "button",
+              class: "f-input-number__stack-btn",
+              tabindex: "-1",
+              disabled: _ctx.disabled || !vue.unref(canDecrease),
+              onMousedown: _cache[3] || (_cache[3] = vue.withModifiers(($event) => startRepeat(-1), ["prevent"])),
+              onMouseup: stopRepeat,
+              onMouseleave: stopRepeat
+            }, _cache[7] || (_cache[7] = [
+              vue.createElementVNode("svg", {
+                viewBox: "0 0 12 12",
+                width: "8",
+                height: "8"
+              }, [
+                vue.createElementVNode("path", {
+                  d: "M2 5l4 4 4-4",
+                  stroke: "currentColor",
+                  "stroke-width": "1.5",
+                  fill: "none",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                })
+              ], -1)
+            ]), 40, _hoisted_6$1)
+          ])) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  var __defProp2 = Object.defineProperty;
+  var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+  var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+  var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues2 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
+    if (__getOwnPropSymbols2)
+      for (var prop of __getOwnPropSymbols2(b)) {
+        if (__propIsEnum2.call(b, prop))
+          __defNormalProp2(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+    __name: "FIcon",
+    props: {
+      color: {},
+      size: { default: "1em" }
+    },
+    setup(__props) {
+      const props = __props;
+      const style = vue.computed(() => ({
+        width: typeof props.size === "number" ? `${props.size}px` : props.size,
+        height: typeof props.size === "number" ? `${props.size}px` : props.size,
+        color: props.color
+      }));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("span", {
+          role: "img",
+          class: "f-icon",
+          style: vue.normalizeStyle(vue.unref(style))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 4);
+      };
+    }
+  });
+  const _export_sfc$1 = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+      target[key] = val;
+    }
+    return target;
+  };
+  const FIcon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["__scopeId", "data-v-baf7de0c"]]);
+  const _hoisted_1$e = { class: "f-checkbox__wrapper" };
+  const _hoisted_2$d = ["checked", "disabled"];
+  const _hoisted_3$d = {
+    key: 0,
+    class: "f-checkbox__label"
+  };
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues2({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const handleChange = (e) => {
+        if (props.disabled) return;
+        const target = e.target;
+        modelValue.value = target.checked;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$e, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$d),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$d, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      maskClosable: { type: Boolean, default: true },
+      maskColor: { default: "black" },
+      showMask: { type: Boolean, default: true }
+    }, {
+      "modelValue": __spreadValues2({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const visible = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.computed(() => {
+        if (!props.showMask) return "transparent";
+        switch (props.maskColor) {
+          case "white":
+            return "rgba(255, 255, 255, 0.5)";
+          case "black":
+            return "rgba(0, 0, 0, 0.5)";
+          case "transparent":
+            return "transparent";
+          default:
+            return "rgba(0, 0, 0, 0.5)";
+        }
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  var __defProp22 = Object.defineProperty;
+  var __getOwnPropSymbols22 = Object.getOwnPropertySymbols;
+  var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+  var __propIsEnum22 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp22 = (obj, key, value) => key in obj ? __defProp22(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues22 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp22.call(b, prop))
+        __defNormalProp22(a, prop, b[prop]);
+    if (__getOwnPropSymbols22)
+      for (var prop of __getOwnPropSymbols22(b)) {
+        if (__propIsEnum22.call(b, prop))
+          __defNormalProp22(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const _hoisted_1$d = { class: "f-checkbox__wrapper" };
+  const _hoisted_2$c = ["checked", "disabled"];
+  const _hoisted_3$c = {
+    key: 0,
+    class: "f-checkbox__label"
+  };
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues22({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const handleChange = (e) => {
+        if (props.disabled) return;
+        const target = e.target;
+        modelValue.value = target.checked;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$d, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$c),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$c, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      maskClosable: { type: Boolean, default: true },
+      maskColor: { default: "black" },
+      showMask: { type: Boolean, default: true }
+    }, {
+      "modelValue": __spreadValues22({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const visible = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.computed(() => {
+        if (!props.showMask) return "transparent";
+        switch (props.maskColor) {
+          case "white":
+            return "rgba(255, 255, 255, 0.5)";
+          case "black":
+            return "rgba(0, 0, 0, 0.5)";
+          case "transparent":
+            return "transparent";
+          default:
+            return "rgba(0, 0, 0, 0.5)";
+        }
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  var __defProp222 = Object.defineProperty;
+  var __getOwnPropSymbols222 = Object.getOwnPropertySymbols;
+  var __hasOwnProp222 = Object.prototype.hasOwnProperty;
+  var __propIsEnum222 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp222 = (obj, key, value) => key in obj ? __defProp222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues222 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp222.call(b, prop))
+        __defNormalProp222(a, prop, b[prop]);
+    if (__getOwnPropSymbols222)
+      for (var prop of __getOwnPropSymbols222(b)) {
+        if (__propIsEnum222.call(b, prop))
+          __defNormalProp222(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const _hoisted_1$c = { class: "f-checkbox__wrapper" };
+  const _hoisted_2$b = ["checked", "disabled"];
+  const _hoisted_3$b = {
+    key: 0,
+    class: "f-checkbox__label"
+  };
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const handleChange = (e) => {
+        if (props.disabled) return;
+        const target = e.target;
+        modelValue.value = target.checked;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$c, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$b),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      maskClosable: { type: Boolean, default: true },
+      maskColor: { default: "black" },
+      showMask: { type: Boolean, default: true }
+    }, {
+      "modelValue": __spreadValues222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const visible = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.computed(() => {
+        if (!props.showMask) return "transparent";
+        switch (props.maskColor) {
+          case "white":
+            return "rgba(255, 255, 255, 0.5)";
+          case "black":
+            return "rgba(0, 0, 0, 0.5)";
+          case "transparent":
+            return "transparent";
+          default:
+            return "rgba(0, 0, 0, 0.5)";
+        }
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  var __defProp2222 = Object.defineProperty;
+  var __getOwnPropSymbols2222 = Object.getOwnPropertySymbols;
+  var __hasOwnProp2222 = Object.prototype.hasOwnProperty;
+  var __propIsEnum2222 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp2222 = (obj, key, value) => key in obj ? __defProp2222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues2222 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp2222.call(b, prop))
+        __defNormalProp2222(a, prop, b[prop]);
+    if (__getOwnPropSymbols2222)
+      for (var prop of __getOwnPropSymbols2222(b)) {
+        if (__propIsEnum2222.call(b, prop))
+          __defNormalProp2222(a, prop, b[prop]);
+      }
+    return a;
+  };
+  const _hoisted_1$a = { class: "f-checkbox__wrapper" };
+  const _hoisted_2$9 = ["checked", "disabled"];
+  const _hoisted_3$9 = {
+    key: 0,
+    class: "f-checkbox__label"
+  };
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues2222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.useModel(__props, "modelValue");
+      const props = __props;
+      const handleChange = (e) => {
+        if (props.disabled) return;
+        const target = e.target;
+        modelValue.value = target.checked;
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$a, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$9),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      maskClosable: { type: Boolean, default: true },
+      maskColor: { default: "black" },
+      showMask: { type: Boolean, default: true }
+    }, {
+      "modelValue": __spreadValues2222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const props = __props;
+      const visible = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.computed(() => {
+        if (!props.showMask) return "transparent";
+        switch (props.maskColor) {
+          case "white":
+            return "rgba(255, 255, 255, 0.5)";
+          case "black":
+            return "rgba(0, 0, 0, 0.5)";
+          case "transparent":
+            return "transparent";
+          default:
+            return "rgba(0, 0, 0, 0.5)";
+        }
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  const _hoisted_1 = { class: "f-result__icon" };
+  const _hoisted_2 = {
+    key: 0,
+    class: "f-result__code"
+  };
+  const _hoisted_3 = {
+    key: 0,
+    class: "f-result__title"
+  };
+  const _hoisted_4 = {
+    key: 1,
+    class: "f-result__subtitle"
+  };
+  const _hoisted_5 = {
+    key: 2,
+    class: "f-result__extra"
+  };
+  const _hoisted_6 = {
+    key: 3,
+    class: "f-result__content"
+  };
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    __name: "FResult",
+    props: {
+      status: { default: "info" },
+      title: {},
+      subTitle: {},
+      icon: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const statusIconMap = {
+        success: ionicons5.CheckmarkCircle,
+        error: ionicons5.CloseCircle,
+        warning: ionicons5.AlertCircle,
+        info: ionicons5.InformationCircle
+      };
+      const isCodeStatus = vue.computed(() => ["403", "404", "500"].includes(props.status));
+      const showCode = vue.computed(() => !props.icon && isCodeStatus.value);
+      const resolvedIcon = vue.computed(() => {
+        var _a;
+        return (_a = props.icon) != null ? _a : statusIconMap[props.status];
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["f-result", `f-result--${_ctx.status}`])
+        }, [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+              vue.unref(showCode) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(_ctx.status), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(FIcon$1), {
+                key: 1,
+                size: 72
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(resolvedIcon))))
+                ]),
+                _: 1
+              }))
+            ], true)
+          ]),
+          _ctx.$slots.title || _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+            vue.renderSlot(_ctx.$slots, "title", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+            ], true)
+          ])) : vue.createCommentVNode("", true),
+          _ctx.$slots.subtitle || _ctx.subTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            vue.renderSlot(_ctx.$slots, "subtitle", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.subTitle), 1)
+            ], true)
+          ])) : vue.createCommentVNode("", true),
+          _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+            vue.renderSlot(_ctx.$slots, "extra", {}, void 0, true)
+          ])) : vue.createCommentVNode("", true),
+          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  const FResult = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c8f97d09"]]);
+  const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    FAffix,
+    FAlert,
+    FAvatar,
+    FBadge,
+    FBreadcrumb,
+    FButton,
+    FButtonGroup: _sfc_main$8,
+    FCard,
+    FCheckbox,
+    FCol,
+    FCollapse: _sfc_main$7,
+    FCollapseItem: _sfc_main$6,
+    FColorPicker: _sfc_main$5,
+    FContainer,
+    FDialog,
+    FDivider,
+    FDropdown,
+    FEditor,
+    FEmpty: _sfc_main$4,
+    FForm,
+    FFormItem,
+    FIcon,
+    FImage,
+    FInput,
+    FInputNumber: _sfc_main$1,
+    FLink,
+    FLoading,
+    FPagination,
+    FProgress,
+    FRate,
+    FResult,
+    FRow,
+    FScrollbar: _sfc_main$2,
+    FSelect,
+    FSlider: _sfc_main$3,
+    FSpace,
+    FTable,
+    FTabs,
+    FTag,
+    FText,
+    FTooltip,
+    FTypography,
+    FUpload
+  }, Symbol.toStringTag, { value: "Module" }));
+  const install = (app) => {
+    Object.entries(components).forEach(([name, component]) => {
+      app.component(name, component);
+    });
+  };
+  exports2.FAffix = FAffix;
+  exports2.FAlert = FAlert;
+  exports2.FAvatar = FAvatar;
+  exports2.FBadge = FBadge;
+  exports2.FBreadcrumb = FBreadcrumb;
+  exports2.FButton = FButton;
+  exports2.FButtonGroup = _sfc_main$8;
+  exports2.FCard = FCard;
+  exports2.FCheckbox = FCheckbox;
+  exports2.FCol = FCol;
+  exports2.FCollapse = _sfc_main$7;
+  exports2.FCollapseItem = _sfc_main$6;
+  exports2.FColorPicker = _sfc_main$5;
+  exports2.FContainer = FContainer;
+  exports2.FDialog = FDialog;
+  exports2.FDivider = FDivider;
+  exports2.FDropdown = FDropdown;
+  exports2.FEditor = FEditor;
+  exports2.FEmpty = _sfc_main$4;
+  exports2.FForm = FForm;
+  exports2.FFormItem = FFormItem;
+  exports2.FIcon = FIcon;
+  exports2.FImage = FImage;
+  exports2.FInput = FInput;
+  exports2.FInputNumber = _sfc_main$1;
+  exports2.FLink = FLink;
+  exports2.FLoading = FLoading;
+  exports2.FPagination = FPagination;
+  exports2.FProgress = FProgress;
+  exports2.FRate = FRate;
+  exports2.FResult = FResult;
+  exports2.FRow = FRow;
+  exports2.FScrollbar = _sfc_main$2;
+  exports2.FSelect = FSelect;
+  exports2.FSlider = _sfc_main$3;
+  exports2.FSpace = FSpace;
+  exports2.FTable = FTable;
+  exports2.FTabs = FTabs;
+  exports2.FTag = FTag;
+  exports2.FText = FText;
+  exports2.FTooltip = FTooltip;
+  exports2.FTypography = FTypography;
+  exports2.FUpload = FUpload;
+  exports2.default = install;
+  Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+});