2 lines
156 KiB
JavaScript
2 lines
156 KiB
JavaScript
import{r as e,t}from"./rolldown-runtime-hePW80VL.js";import{$ as n,A as r,Ct as i,D as a,E as o,F as s,G as c,H as l,I as u,K as d,L as f,N as p,O as m,P as h,R as g,St as _,V as v,W as y,_ as b,at as x,b as S,d as C,et as w,g as T,h as E,j as D,k as O,l as k,m as A,o as j,p as M,xt as N,y as P}from"./createLucideIcon-C_iUwQl2.js";import{_ as F,a as I,b as L,d as R,h as z,i as B,m as V,n as H,r as U,s as ee,t as W,u as te,v as ne,x as G,y as re}from"./input-CDcVWtI6.js";import{A as ie,C as ae,D as oe,E as se,M as ce,N as le,O as ue,P as K,S as de,T as fe,_ as pe,a as me,b as he,c as ge,d as _e,f as ve,g as ye,h as be,i as xe,j as Se,k as Ce,l as we,m as Te,n as Ee,r as De,s as Oe,t as ke,u as Ae,v as je,w as Me,x as Ne,y as Pe}from"./ColorThemePicker-Bdd_P9uX.js";import{n as Fe,t as q}from"./button-t9yUGN1c.js";import{n as Ie,t as Le}from"./form-item-3JH0S_Y_.js";var Re={class:`showcase-section`,"aria-labelledby":`button-title`},ze={class:`demo-panel`},Be={class:`demo-panel`},Ve={class:`demo-panel`},He={class:`demo-panel`},Ue={class:`demo-panel`},We={__name:`button`,setup(e){return(e,t)=>(p(),b(`section`,Re,[t[17]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`button-title`},`Button 按钮`),A(`p`,null,`保持克制的交互组件，优先保证可读性和响应速度。`)],-1),t[18]||=A(`p`,{class:`demo-label`},`基础用法`,-1),A(`div`,ze,[S(q,{type:`default`},{default:c(()=>[...t[0]||=[P(`主要操作`,-1)]]),_:1}),S(q,{type:`secondary`},{default:c(()=>[...t[1]||=[P(`次要操作`,-1)]]),_:1}),S(q,{type:`outline`},{default:c(()=>[...t[2]||=[P(`描边按钮`,-1)]]),_:1}),S(q,{type:`ghost`},{default:c(()=>[...t[3]||=[P(`低强调`,-1)]]),_:1}),S(q,{type:`danger`},{default:c(()=>[...t[4]||=[P(`危险操作`,-1)]]),_:1}),S(q,{type:`link`},{default:c(()=>[...t[5]||=[P(`链接按钮`,-1)]]),_:1})]),t[19]||=A(`p`,{class:`demo-label`},`禁用态`,-1),A(`div`,Be,[S(q,{disabled:``},{default:c(()=>[...t[6]||=[P(`默认禁用`,-1)]]),_:1}),S(q,{type:`secondary`,disabled:``},{default:c(()=>[...t[7]||=[P(`次要禁用`,-1)]]),_:1}),S(q,{type:`outline`,disabled:``},{default:c(()=>[...t[8]||=[P(`描边禁用`,-1)]]),_:1}),S(q,{type:`danger`,disabled:``},{default:c(()=>[...t[9]||=[P(`危险禁用`,-1)]]),_:1})]),t[20]||=A(`p`,{class:`demo-label`},`加载态`,-1),A(`div`,Ve,[S(q,{loading:``},{default:c(()=>[...t[10]||=[P(`提交中`,-1)]]),_:1}),S(q,{type:`secondary`,loading:``},{default:c(()=>[...t[11]||=[P(`保存中`,-1)]]),_:1}),S(q,{type:`outline`,loading:``},{default:c(()=>[...t[12]||=[P(`加载中`,-1)]]),_:1})]),t[21]||=A(`p`,{class:`demo-label`},`通栏`,-1),A(`div`,He,[S(q,{block:``},{default:c(()=>[...t[13]||=[P(`通栏按钮`,-1)]]),_:1})]),t[22]||=A(`p`,{class:`demo-label`},`图标按钮`,-1),A(`div`,Ue,[S(q,null,{default:c(()=>[S(x(ve)),t[14]||=P(` 新建`,-1)]),_:1}),S(q,{type:`secondary`},{default:c(()=>[S(x(Ae)),t[15]||=P(` 搜索`,-1)]),_:1}),S(q,{type:`outline`},{default:c(()=>[t[16]||=P(`删除 `,-1),S(x(me))]),_:1}),S(q,{type:`danger`,"aria-label":`删除`},{default:c(()=>[S(x(me))]),_:1}),S(q,{type:`ghost`,"aria-label":`新建`},{default:c(()=>[S(x(ve))]),_:1})])]))}},Ge=[`data-orientation`],Ke=j({__name:`button-group`,props:{orientation:{type:String,default:`horizontal`,validator:e=>[`horizontal`,`vertical`].includes(e)}},setup(e){let t=e,n=M(()=>[`button-group`,t.orientation===`vertical`?`button-group-vertical`:``]);return(t,r)=>(p(),b(`div`,{class:N(n.value),role:`group`,"data-slot":`button-group`,"data-orientation":e.orientation},[u(t.$slots,`default`,{},void 0,!0)],10,Ge))}},[[`__scopeId`,`data-v-099a2917`]]),qe=j({__name:`button-group-separator`,props:{orientation:{type:String,default:`vertical`,validator:e=>[`horizontal`,`vertical`].includes(e)}},setup(e){let t=e,n=M(()=>[`button-group-separator`,t.orientation===`horizontal`?`button-group-separator-horizontal`:``]);return(e,t)=>(p(),b(`div`,{class:N(n.value),"data-slot":`button-group-separator`,"aria-hidden":`true`},null,2))}},[[`__scopeId`,`data-v-d1854c61`]]),Je={class:`showcase-section`,"aria-labelledby":`button-group-title`},Ye={class:`demo-panel`},Xe={class:`demo-panel`},Ze={class:`demo-panel`},Qe={__name:`button-group`,setup(e){return(e,t)=>(p(),b(`section`,Je,[t[12]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`button-group-title`},`ButtonGroup 按钮组`),A(`p`,null,`将多个按钮组合为关联操作，支持分隔线与垂直布局。`)],-1),t[13]||=A(`p`,{class:`demo-label`},`基础用法`,-1),A(`div`,Ye,[S(Ke,null,{default:c(()=>[S(q,{type:`outline`},{default:c(()=>[S(x(ve)),t[0]||=P(` 新建`,-1)]),_:1}),S(q,{type:`outline`},{default:c(()=>[...t[1]||=[P(`编辑`,-1)]]),_:1}),S(q,{type:`outline`},{default:c(()=>[...t[2]||=[P(`删除`,-1)]]),_:1})]),_:1}),S(Ke,null,{default:c(()=>[S(q,null,{default:c(()=>[...t[3]||=[P(`左`,-1)]]),_:1}),S(qe),S(q,null,{default:c(()=>[...t[4]||=[P(`中`,-1)]]),_:1}),S(qe),S(q,null,{default:c(()=>[...t[5]||=[P(`右`,-1)]]),_:1})]),_:1})]),t[14]||=A(`p`,{class:`demo-label`},`垂直布局`,-1),A(`div`,Xe,[S(Ke,{orientation:`vertical`},{default:c(()=>[S(q,{type:`outline`},{default:c(()=>[...t[6]||=[P(`上`,-1)]]),_:1}),S(q,{type:`outline`},{default:c(()=>[...t[7]||=[P(`中`,-1)]]),_:1}),S(q,{type:`outline`},{default:c(()=>[...t[8]||=[P(`下`,-1)]]),_:1})]),_:1})]),t[15]||=A(`p`,{class:`demo-label`},`分页样式`,-1),A(`div`,Ze,[S(Ke,null,{default:c(()=>[S(q,{type:`outline`},{default:c(()=>[...t[9]||=[P(`10`,-1)]]),_:1}),S(q,{type:`outline`},{default:c(()=>[...t[10]||=[P(`20`,-1)]]),_:1}),S(q,{type:`outline`},{default:c(()=>[...t[11]||=[P(`50`,-1)]]),_:1})]),_:1})])]))}},$e={class:`tabs-nav`},et={key:0,class:`tabs-nav-extra`},tt=[`aria-orientation`],nt=[`id`,`aria-selected`,`aria-controls`,`tabindex`,`disabled`,`onClick`],rt={key:1},it={key:1,class:`tabs-nav-extra`},at={class:`tabs-content`},ot=[`id`,`aria-labelledby`],st=j({__name:`tabs`,props:{modelValue:{type:[String,Number],default:void 0},placement:{type:String,default:`top`,validator:e=>[`top`,`left`,`right`].includes(e)},centered:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},items:{type:Array,default:void 0}},emits:[`update:modelValue`,`change`,`tabClick`],setup(e,{emit:t}){let r=e,a=t,o=l(),c=v(),f=n(new Set),h={},_=w(null);function S(e){return e.flatMap(e=>e==null?[]:Array.isArray(e)?S(e):typeof e.type==`symbol`?e.type===Fragment&&e.children?S(Array.isArray(e.children)?e.children:[e.children]):[]:[e])}function C(e){return e.type?.name===`TabPane`}function D(e){if(e==null)return{};if(typeof e==`object`&&!Array.isArray(e)&&!m(e))return{content:e.default?()=>e.default():void 0,label:e.label?()=>e.label():void 0};let t=Array.isArray(e)?e:[e];return{content:()=>t}}let j=M(()=>{let e=[],t=0;for(let n of S(o.default?.()??[])){if(!C(n))continue;let r=n.props??{},{content:i,label:a}=D(n.children),o=r.tabKey==null?n.key==null?t:n.key:r.tabKey;e.push({key:String(o),rawKey:o,disabled:!!r.disabled,labelText:a||r.label==null?void 0:String(r.label),labelRender:a,content:i}),t+=1}return e}),P=M(()=>(r.items||[]).map((e,t)=>{let n=e.key==null?t:e.key,r,i;return o.label?i=()=>o.label({item:e,index:t}):e.label!=null&&(m(e.label)?i=()=>[e.label]:r=String(e.label)),{key:String(n),rawKey:n,disabled:!!e.disabled,labelText:r,labelRender:i,content:typeof e.content==`function`?e.content:e.content==null?void 0:()=>[e.content]}})),F=M(()=>r.items!=null&&r.items.length>0?P.value:j.value),I=M(()=>F.value.filter(e=>!e.disabled).map(e=>e.key)),L=M(()=>{let e=r.modelValue==null?_.value:r.modelValue,t=e==null?null:String(e);if(t!=null){let e=F.value.find(e=>e.key===t);if(e&&!e.disabled)return e.key}return I.value[0]??null});y(L,e=>{e!=null&&f.add(e)},{immediate:!0});function R(e){String(e)!==L.value&&(r.modelValue==null?_.value=String(e):a(`update:modelValue`,e),a(`change`,e))}function z(e,t){r.disabled||e.disabled||(a(`tabClick`,e.rawKey,t),R(e.rawKey))}function B(e){let t=F.value.find(t=>t.key===e);!t||t.disabled||r.disabled||R(t.rawKey)}function V(e,t){t?h[e]=t:delete h[e]}function H(e){h[e]?.focus()}function U(e){e!=null&&(B(e),O(()=>H(e)))}function ee(e){if(r.disabled||I.value.length===0)return;let t=r.placement!==`top`,n=e.key===(t?`ArrowDown`:`ArrowRight`)?1:e.key===(t?`ArrowUp`:`ArrowLeft`)?-1:null;if(n!=null){e.preventDefault();let t=I.value,r=t.indexOf(L.value);U(t[r===-1?n===1?0:t.length-1:(r+n+t.length)%t.length]);return}e.key===`Home`?(e.preventDefault(),U(I.value[0])):e.key===`End`&&(e.preventDefault(),U(I.value[I.value.length-1]))}return(t,n)=>(p(),b(`div`,{class:N([`tabs`,[`tabs-${e.placement}`,{"tabs-disabled":e.disabled,"tabs-centered":e.centered}]])},[A(`div`,$e,[x(o).leftExtra?(p(),b(`div`,et,[u(t.$slots,`leftExtra`,{},void 0,!0)])):T(``,!0),A(`div`,{class:`tabs-nav-list`,role:`tablist`,"aria-orientation":e.placement===`top`?`horizontal`:`vertical`,onKeydown:ee},[(p(!0),b(k,null,s(F.value,(t,n)=>(p(),b(`button`,{key:t.key,ref_for:!0,ref:e=>V(t.key,e),type:`button`,class:N([`tabs-tab`,{"tabs-tab-active":L.value===t.key,"tabs-tab-disabled":t.disabled}]),role:`tab`,id:`${x(c)}-tab-${n}`,"aria-selected":L.value===t.key,"aria-controls":`${x(c)}-panel-${n}`,tabindex:L.value===t.key?0:-1,disabled:e.disabled||t.disabled,onClick:e=>z(t,e)},[t.labelRender?(p(),E(g(t.labelRender),{key:0})):t.labelText===void 0?T(``,!0):(p(),b(`span`,rt,i(t.labelText),1))],10,nt))),128))],40,tt),x(o).rightExtra?(p(),b(`div`,it,[u(t.$slots,`rightExtra`,{},void 0,!0)])):T(``,!0)]),A(`div`,at,[(p(!0),b(k,null,s(F.value,(e,t)=>(p(),b(k,{key:e.key},[f.has(e.key)?d((p(),b(`div`,{key:0,class:`tabs-pane`,role:`tabpanel`,id:`${x(c)}-panel-${t}`,"aria-labelledby":`${x(c)}-tab-${t}`,tabindex:`0`},[e.content?(p(),E(g(e.content),{key:0})):T(``,!0)],8,ot)),[[re,L.value===e.key]]):T(``,!0)],64))),128))])],2))}},[[`__scopeId`,`data-v-e5a98f75`]]),J=Object.assign({name:`TabPane`},{__name:`tab-pane`,props:{tabKey:{type:[String,Number],default:void 0},label:{type:String,default:void 0},disabled:{type:Boolean,default:!1}},setup(e){return(e,t)=>null}}),ct={class:`showcase-section`,"aria-labelledby":`tabs-title`},lt={class:`demo-panel demo-panel-column`},ut={class:`demo-panel demo-panel-column`},dt={class:`demo-panel demo-panel-column`},ft={class:`demo-panel demo-panel-column`},pt={class:`demo-panel demo-panel-column`},mt={class:`demo-panel demo-panel-column`},ht={class:`demo-panel demo-panel-column`},gt={class:`demo-panel demo-panel-column`},_t=j({__name:`tabs`,setup(e){let t=w(`tab1`),n=w(`overview`),r=[{key:`overview`,label:`项目概览`,content:`当前迭代进度 68%，剩余 3 个里程碑待评审。`},{key:`members`,label:`成员`,content:`共 12 位成员，其中 8 位本周活跃，2 位在休假。`},{key:`activity`,label:`动态`,content:`最近一次发布在 2 小时前，包含 3 个缺陷修复。`}];return(e,i)=>(p(),b(`section`,ct,[i[31]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`tabs-title`},`Tabs 标签页`),A(`p`,null,`line 线型标签页，支持 TabPane 插槽与 items 数组两种数据源、左右侧边布局与键盘方向键导航。`)],-1),i[32]||=A(`p`,{class:`demo-label`},`基础用法（TabPane 插槽）`,-1),A(`div`,lt,[S(st,{modelValue:t.value,"onUpdate:modelValue":i[0]||=e=>t.value=e,style:{width:`100%`}},{default:c(()=>[S(J,{"tab-key":`tab1`,label:`项目概览`},{default:c(()=>[...i[5]||=[A(`p`,{class:`popover-demo-text`},`项目进度 68%，当前迭代还有 3 个里程碑待评审。`,-1)]]),_:1}),S(J,{"tab-key":`tab2`,label:`成员`},{default:c(()=>[...i[6]||=[A(`p`,{class:`popover-demo-text`},`共 12 位成员，其中 8 位本周活跃，2 位在休假。`,-1)]]),_:1}),S(J,{"tab-key":`tab3`,label:`动态`},{default:c(()=>[...i[7]||=[A(`p`,{class:`popover-demo-text`},`最近一次发布在 2 小时前，包含 3 个缺陷修复。`,-1)]]),_:1})]),_:1},8,[`modelValue`])]),i[33]||=A(`p`,{class:`demo-label`},`items 数组模式`,-1),A(`div`,ut,[S(st,{items:r,style:{width:`100%`}})]),i[34]||=A(`p`,{class:`demo-label`},`自定义标签（#label 插槽）`,-1),A(`div`,dt,[S(st,{modelValue:t.value,"onUpdate:modelValue":i[1]||=e=>t.value=e,style:{width:`100%`}},{default:c(()=>[S(J,{"tab-key":`tab1`},{label:c(()=>[S(x(B),{class:`tabs-demo-icon`}),i[8]||=P(`概览`,-1)]),default:c(()=>[i[9]||=A(`p`,{class:`popover-demo-text`},`项目进度 68%，当前迭代还有 3 个里程碑待评审。`,-1)]),_:1}),S(J,{"tab-key":`tab2`},{label:c(()=>[S(x(je),{class:`tabs-demo-icon`}),i[10]||=P(`消息`,-1)]),default:c(()=>[i[11]||=A(`p`,{class:`popover-demo-text`},`共 12 位成员，其中 8 位本周活跃，2 位在休假。`,-1)]),_:1})]),_:1},8,[`modelValue`])]),i[35]||=A(`p`,{class:`demo-label`},`标签栏居中（centered）`,-1),A(`div`,ft,[S(st,{centered:``,style:{width:`100%`}},{default:c(()=>[S(J,{"tab-key":`center-a`,label:`概览`},{default:c(()=>[...i[12]||=[A(`p`,{class:`popover-demo-text`},`top 方向：标签列表水平居中显示。`,-1)]]),_:1}),S(J,{"tab-key":`center-b`,label:`设置`},{default:c(()=>[...i[13]||=[A(`p`,{class:`popover-demo-text`},`标签较少时列表整体居中。`,-1)]]),_:1})]),_:1}),S(st,{centered:``,placement:`left`,style:{width:`100%`,"min-height":`120px`}},{default:c(()=>[S(J,{"tab-key":`center-c`,label:`概览`},{default:c(()=>[...i[14]||=[A(`p`,{class:`popover-demo-text`},`left 方向：标签列表垂直居中显示。`,-1)]]),_:1}),S(J,{"tab-key":`center-d`,label:`设置`},{default:c(()=>[...i[15]||=[A(`p`,{class:`popover-demo-text`},`标签较少时列表整体垂直居中。`,-1)]]),_:1})]),_:1})]),i[36]||=A(`p`,{class:`demo-label`},`侧边方向（placement）`,-1),A(`div`,pt,[S(st,{modelValue:n.value,"onUpdate:modelValue":i[2]||=e=>n.value=e,placement:`left`,style:{width:`100%`,"min-height":`120px`}},{default:c(()=>[S(J,{"tab-key":`overview`,label:`概览`},{default:c(()=>[...i[16]||=[A(`p`,{class:`popover-demo-text`},`左侧布局：标签纵向排列，内容区自适应剩余宽度。`,-1)]]),_:1}),S(J,{"tab-key":`settings`,label:`设置`},{default:c(()=>[...i[17]||=[A(`p`,{class:`popover-demo-text`},`设置面板用于调整项目参数与通知偏好。`,-1)]]),_:1})]),_:1},8,[`modelValue`]),S(st,{modelValue:n.value,"onUpdate:modelValue":i[3]||=e=>n.value=e,placement:`right`,style:{width:`100%`,"min-height":`120px`}},{default:c(()=>[S(J,{"tab-key":`overview`,label:`概览`},{default:c(()=>[...i[18]||=[A(`p`,{class:`popover-demo-text`},`右侧布局：标签在右，内容靠左对齐。`,-1)]]),_:1}),S(J,{"tab-key":`settings`,label:`设置`},{default:c(()=>[...i[19]||=[A(`p`,{class:`popover-demo-text`},`设置面板用于调整项目参数与通知偏好。`,-1)]]),_:1})]),_:1},8,[`modelValue`])]),i[37]||=A(`p`,{class:`demo-label`},`禁用`,-1),A(`div`,mt,[S(st,{modelValue:t.value,"onUpdate:modelValue":i[4]||=e=>t.value=e,style:{width:`100%`}},{default:c(()=>[S(J,{"tab-key":`tab1`,label:`项目概览`},{default:c(()=>[...i[20]||=[A(`p`,{class:`popover-demo-text`},`可访问的内容面板。`,-1)]]),_:1}),S(J,{"tab-key":`tab2`,label:`成员（禁用）`,disabled:``},{default:c(()=>[...i[21]||=[A(`p`,{class:`popover-demo-text`},`此标签被禁用，不可切换。`,-1)]]),_:1}),S(J,{"tab-key":`tab3`,label:`动态`},{default:c(()=>[...i[22]||=[A(`p`,{class:`popover-demo-text`},`最近一次发布在 2 小时前，包含 3 个缺陷修复。`,-1)]]),_:1})]),_:1},8,[`modelValue`]),S(st,{disabled:``,style:{width:`100%`}},{default:c(()=>[S(J,{"tab-key":`a`,label:`整组禁用 A`},{default:c(()=>[...i[23]||=[A(`p`,{class:`popover-demo-text`},`整组禁用时所有标签不可交互。`,-1)]]),_:1}),S(J,{"tab-key":`b`,label:`整组禁用 B`},{default:c(()=>[...i[24]||=[A(`p`,{class:`popover-demo-text`},`整组禁用时所有标签不可交互。`,-1)]]),_:1})]),_:1})]),i[38]||=A(`p`,{class:`demo-label`},`懒渲染`,-1),A(`div`,ht,[S(st,{style:{width:`100%`}},{default:c(()=>[S(J,{"tab-key":`first`,label:`首个标签`},{default:c(()=>[...i[25]||=[A(`p`,{class:`popover-demo-text`},`内容在激活时首次渲染，切换后保留，不重复创建。`,-1)]]),_:1}),S(J,{"tab-key":`second`,label:`第二个标签`},{default:c(()=>[...i[26]||=[A(`p`,{class:`popover-demo-text`},`未激活的面板不会渲染到 DOM，切换回来内容仍保留。`,-1)]]),_:1})]),_:1})]),i[39]||=A(`p`,{class:`demo-label`},`标签栏附加内容（leftExtra / rightExtra 插槽）`,-1),A(`div`,gt,[S(st,{style:{width:`100%`}},{leftExtra:c(()=>[...i[27]||=[A(`span`,{class:`tabs-extra-demo`},`左`,-1)]]),rightExtra:c(()=>[S(q,{type:`outline`},{default:c(()=>[...i[28]||=[P(`右侧操作`,-1)]]),_:1})]),default:c(()=>[S(J,{"tab-key":`extra-a`,label:`概览`},{default:c(()=>[...i[29]||=[A(`p`,{class:`popover-demo-text`},`标签栏两端可插入额外内容，不参与 tab 键盘导航。`,-1)]]),_:1}),S(J,{"tab-key":`extra-b`,label:`设置`},{default:c(()=>[...i[30]||=[A(`p`,{class:`popover-demo-text`},`左侧插槽渲染在标签之前，右侧插槽渲染在标签之后。`,-1)]]),_:1})]),_:1})])]))}},[[`__scopeId`,`data-v-7ef0d203`]]),vt=[`disabled`,`readonly`,`value`,`aria-autocomplete`,`aria-expanded`,`aria-activedescendant`,`aria-busy`],yt={class:`select-option-label`},bt={key:0,class:`select-empty`},Y=j({__name:`select`,props:{modelValue:{type:[String,Number,Object,Boolean],default:void 0},options:{type:Array,default:void 0},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},filterable:{type:Boolean,default:!0},filterOption:{type:Function,default:void 0},remote:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},notFoundText:{type:String,default:`无匹配选项`},allowFreeInput:{type:Boolean,default:!1},labelKey:{type:String,default:`label`},valueKey:{type:String,default:`value`}},emits:[`update:modelValue`,`change`,`search`],setup(e,{emit:t}){let n=e,r=t,o=w(null),l=w(null),d=w(null),f=w(!1),m=w(-1),h=w(``),g=w(null),_=w(!1),C=w(!1),D=w(null),j=`${v()}-listbox`,P=M(()=>(n.options||[]).map((e,t)=>{if(typeof e==`object`&&e){let r=e[n.valueKey],i=e[n.labelKey]??r;return{label:i==null?``:String(i),value:r,selected:Object.is(r,n.modelValue),disabled:!!e.disabled,index:t,raw:e}}return{label:String(e),value:e,selected:Object.is(e,n.modelValue),disabled:!1,index:t,raw:e}})),F=M(()=>R.value.reduce((e,t)=>(t.disabled||e.push(t.index),e),[])),I=M(()=>String(h.value||``).trim().toLowerCase());function L(e,t){return!e||String(t.label).toLowerCase().includes(e)||String(t.value).toLowerCase().includes(e)}let R=M(()=>!n.filterable||n.remote?P.value:P.value.filter(e=>n.filterOption?n.filterOption(h.value,e.raw):L(I.value,e))),z=M(()=>n.modelValue!==void 0&&n.modelValue!==null&&n.modelValue!==``),B=M(()=>P.value.find(e=>e.selected)),V=M(()=>B.value?B.value.label:D.value&&Object.is(D.value.value,n.modelValue)?D.value.label:String(n.modelValue)),H=M(()=>f.value&&C.value?h.value:z.value?V.value:``),ee=M(()=>f.value&&m.value>=0?`${j}-option-${m.value}`:void 0),W=M(()=>f.value&&C.value?h.value.length>0:z.value),te=M(()=>n.clearable&&!n.disabled&&W.value&&_.value);y([()=>n.modelValue,B],([e,t])=>{z.value?t?D.value={value:e,label:t.label}:(!D.value||!Object.is(D.value.value,e))&&(D.value=null):D.value=null},{immediate:!0});function ne(e){f.value=e}y(f,e=>{e?(h.value=``,O(()=>{m.value=F.value.find(e=>Object.is(P.value[e].value,n.modelValue))??-1,n.filterable?g.value?.focus():o.value?.focus(),ve()})):(m.value=-1,de(),C.value=!1)}),y(h,()=>{f.value&&(m.value=F.value[0]??-1,O(ye))}),y(P,()=>{f.value&&(m.value=F.value[0]??-1,O(ye))});function re(){n.disabled||(f.value||=!0)}function ae(){re()}function oe(){_.value=!0}function se(e){return!!(e&&(d.value?.contains(e)||o.value?.contains(e)))}function ce(e){se(e.relatedTarget)||(_.value=!1,n.allowFreeInput&&C.value&&(de(),C.value=!1),f.value=!1)}function le(e){e.target.closest?.(`a[href], button, input, textarea, select, [tabindex]:not([tabindex="-1"])`)||e.preventDefault()}function ue(){g.value?.focus(),re()}function K(e){n.disabled||(C.value=!0,h.value=e.target.value,n.remote&&r(`search`,h.value),f.value||=!0)}function de(){if(n.allowFreeInput){C.value&&!Object.is(h.value,n.modelValue)&&(r(`update:modelValue`,h.value),r(`change`,h.value,void 0)),h.value=``;return}let e=h.value.trim();if(!e){h.value=z.value?B.value?.label??``:``;return}let t=P.value.find(t=>!t.disabled&&t.label===e);t?(r(`update:modelValue`,t.value),r(`change`,t.value,t),h.value=``):z.value?h.value=B.value?.label??``:h.value=``}function fe(e){n.disabled||e.disabled||(C.value=!1,D.value={value:e.value,label:e.label},r(`update:modelValue`,e.value),r(`change`,e.value,e),f.value=!1)}function pe(e){n.disabled||(C.value=!1,r(`update:modelValue`,e),r(`change`,e,void 0),f.value=!1)}function me(){f.value=!1}function ge(){C.value=!1,h.value=``,m.value=-1,D.value=null,g.value?.focus({preventScroll:!0}),r(`update:modelValue`,void 0),r(`change`,void 0,void 0)}function _e(e){let t=F.value;if(t.length===0){m.value=-1;return}let n=t.indexOf(m.value),r=n===-1?e===1?0:t.length-1:(n+e+t.length)%t.length;m.value=t[r],O(ve)}function ve(){o.value?.querySelector(`.select-option-active`)?.scrollIntoView({block:`nearest`})}function ye(){l.value&&(l.value.scrollTop=0)}function be(){C.value=!1,h.value=``,f.value=!1}function Se(e){if(!f.value&&[`ArrowDown`,`ArrowUp`,`Home`,`End`,`Enter`].includes(e.key)){e.preventDefault(),f.value=!0;return}switch(e.key){case`ArrowDown`:e.preventDefault(),_e(1);break;case`ArrowUp`:e.preventDefault(),_e(-1);break;case`Home`:e.preventDefault(),m.value=F.value[0]??-1,O(ve);break;case`End`:e.preventDefault(),m.value=F.value[F.value.length-1]??-1,O(ve);break;case`Enter`:{if(e.preventDefault(),!n.allowFreeInput){let e=P.value.find(e=>!e.disabled&&e.label===h.value.trim());if(e){fe(e);break}}let t=P.value[m.value];t&&!t.disabled&&fe(t);break}case`Escape`:if(!f.value)break;e.preventDefault(),e.stopPropagation(),be()}}return(t,n)=>(p(),b(`div`,{class:N([`select`,{"select-disabled":e.disabled}])},[S(xe,{open:f.value,trigger:`manual`,placement:`bottom-start`,arrow:!1,offset:4,disabled:e.disabled,"follow-trigger-width":!0,"onUpdate:open":ne},{trigger:c(()=>[A(`span`,{ref_key:`selectTriggerRef`,ref:d,class:N([`select-trigger`,{"select-trigger-open":f.value,"select-trigger-focused":_.value}]),onClick:ue,onFocusin:oe,onFocusout:ce},[A(`input`,{ref_key:`triggerInputRef`,ref:g,class:`select-input`,type:`text`,disabled:e.disabled,readonly:!e.filterable&&!e.allowFreeInput,value:H.value,autocomplete:`off`,spellcheck:`false`,role:`combobox`,"aria-haspopup":`listbox`,"aria-autocomplete":e.filterable||e.allowFreeInput?`list`:`none`,"aria-expanded":f.value,"aria-controls":j,"aria-activedescendant":ee.value,"aria-busy":e.loading||void 0,onInput:K,onFocus:ae,onKeydown:Se},null,40,vt),e.loading?(p(),E(x(he),{key:0,class:`select-loading`,role:`status`,"aria-label":`加载中`})):te.value?(p(),b(`button`,{key:1,class:`select-clear`,type:`button`,"aria-label":`清除`,onPointerdown:n[0]||=G(()=>{},[`prevent`]),onClick:G(ge,[`stop`])},[S(x(U))],32)):(p(),E(x(Ce),{key:2,class:N([`select-arrow`,{"select-arrow-open":f.value}]),"aria-hidden":`true`},null,8,[`class`]))],34)]),content:c(()=>[A(`div`,{ref_key:`dropdownEl`,ref:o,id:j,class:`select-dropdown`,role:`listbox`,tabindex:`-1`,onFocusout:ce,onPointerdown:le,onKeydown:Se},[e.options==null?u(t.$slots,`default`,{select:pe,close:me},void 0,!0,1):(p(),b(`div`,{key:0,ref_key:`selectListEl`,ref:l,class:`select-list`},[(p(!0),b(k,null,s(R.value,(e,t,r,o)=>{let s=[e,m.value===e.index];if(o&&o.el&&o.key===e.value&&a(o,s))return o;let c=(p(),b(`div`,{key:e.value,id:`${j}-option-${e.index}`,class:N([`select-option`,{"select-option-active":m.value===e.index,"select-option-selected":e.selected,"select-option-disabled":e.disabled}]),role:`option`,"aria-selected":e.selected,"aria-disabled":e.disabled||void 0,onMouseenter:t=>!e.disabled&&(m.value=e.index),onPointerdown:n[1]||=G(()=>{},[`prevent`]),onClick:t=>fe(e)},[A(`span`,yt,i(e.label),1),e.selected?(p(),E(x(ie),{key:0,class:`select-option-check`,"aria-hidden":`true`})):T(``,!0)],42,[`id`,`aria-selected`,`aria-disabled`,`onMouseenter`,`onClick`]));return c.memo=s,c},n,2),128)),R.value.length===0?(p(),b(`div`,bt,i(e.notFoundText),1)):T(``,!0)],512))],544)]),_:3},8,[`open`,`disabled`])],2))}},[[`__scopeId`,`data-v-b3e764d7`]]),xt={key:0,class:`pagination-total`},St={class:`pagination-list`},Ct={class:`pagination-item`},wt=[`disabled`],Tt=[`aria-current`,`disabled`,`onClick`],Et=[`aria-label`,`disabled`,`onClick`],Dt={class:`pagination-item`},Ot=[`disabled`],kt={key:1,class:`pagination-size-changer`},At={key:2,class:`pagination-jumper`},jt=j({__name:`pagination`,props:{current:{type:Number,default:void 0},pageSize:{type:Number,default:void 0},total:{type:Number,default:0},disabled:{type:Boolean,default:!1},hideOnSinglePage:{type:Boolean,default:!1},showSizeChanger:{type:Boolean,default:!1},pageSizeOptions:{type:Array,default:()=>[10,20,50,100]},showQuickJumper:{type:Boolean,default:!1},showTotal:{type:Boolean,default:!1}},emits:[`update:current`,`update:pageSize`,`change`,`showSizeChange`],setup(e,{emit:t}){let n=e,r=t,a=w(1),o=w(10),c=w(``);function l(e,t){return Math.min(t,Math.max(1,e))}let d=M(()=>n.pageSize==null?o.value:n.pageSize),f=M(()=>n.pageSizeOptions.map(e=>Number(e))),m=M(()=>Math.max(1,Math.ceil((n.total||0)/d.value))),h=M(()=>{let e=n.current==null?a.value:n.current;return l(Number(e)||1,m.value)}),g=M(()=>n.total===0?0:(h.value-1)*d.value+1),_=M(()=>Math.min(n.total,h.value*d.value)),v=M(()=>{let e=m.value,t=h.value;if(e<=7)return Array.from({length:e},(e,t)=>({type:`page`,page:t+1}));let n=[];n.push({type:`page`,page:1}),t>4&&n.push({type:`jump-prev`,page:Math.max(1,t-5)});let r=Math.max(2,t-1),i=Math.min(e-1,t+1);for(let e=r;e<=i;e+=1)n.push({type:`page`,page:e});return t<e-3&&n.push({type:`jump-next`,page:Math.min(e,t+5)}),n.push({type:`page`,page:e}),n.filter((e,t)=>e.type!==`page`||t===0||e.page!==n[t-1].page)}),C=M(()=>h.value>1&&!n.disabled),D=M(()=>h.value<m.value&&!n.disabled);function O(e){let t=l(Number(e)||1,m.value);t!==h.value&&(n.current==null?a.value=t:r(`update:current`,t),r(`change`,t,d.value))}function j(e){let t=Number(e);!Number.isFinite(t)||t===d.value||(n.pageSize==null?o.value=t:r(`update:pageSize`,t),r(`showSizeChange`,h.value,t),r(`change`,h.value,t))}function F(e){if(e.key!==`Enter`)return;let t=Number.parseInt(c.value,10);Number.isInteger(t)&&t>0&&O(t),c.value=``}return y(m,()=>{n.current==null&&a.value>m.value&&(a.value=m.value)}),(t,n)=>!e.hideOnSinglePage||m.value>1?(p(),b(`nav`,{key:0,class:N([`pagination`,{"pagination-disabled":e.disabled}]),role:`navigation`,"aria-label":`分页`},[e.showTotal?(p(),b(`span`,xt,[u(t.$slots,`showTotal`,{total:e.total,from:g.value,to:_.value},()=>[P(` 共 `+i(e.total)+` 条 `,1)],!0)])):T(``,!0),A(`ul`,St,[A(`li`,Ct,[A(`button`,{type:`button`,class:`pagination-prev`,"aria-label":`上一页`,disabled:!C.value,onClick:n[0]||=e=>O(h.value-1)},[S(x(ue),{"aria-hidden":`true`})],8,wt)]),(p(!0),b(k,null,s(v.value,t=>(p(),b(`li`,{key:`${t.type}-${t.page}`,class:`pagination-item`},[t.type===`page`?(p(),b(`button`,{key:0,type:`button`,class:N([`pagination-page`,{"pagination-page-current":t.page===h.value}]),"aria-current":t.page===h.value?`page`:void 0,disabled:e.disabled,onClick:e=>O(t.page)},i(t.page),11,Tt)):(p(),b(`button`,{key:1,type:`button`,class:`pagination-ellipsis`,"aria-label":t.type===`jump-prev`?`向前跳 5 页`:`向后跳 5 页`,disabled:e.disabled,onClick:e=>O(t.page)},[S(x(de),{class:`pagination-ellipsis-more`,"aria-hidden":`true`}),t.type===`jump-prev`?(p(),E(x(se),{key:0,class:`pagination-ellipsis-jump`,"aria-hidden":`true`})):(p(),E(x(fe),{key:1,class:`pagination-ellipsis-jump`,"aria-hidden":`true`}))],8,Et))]))),128)),A(`li`,Dt,[A(`button`,{type:`button`,class:`pagination-next`,"aria-label":`下一页`,disabled:!D.value,onClick:n[1]||=e=>O(h.value+1)},[S(x(oe),{"aria-hidden":`true`})],8,Ot)])]),e.showSizeChanger?(p(),b(`div`,kt,[S(Y,{"model-value":d.value,options:f.value,filterable:!1,disabled:e.disabled,"aria-label":`每页条数`,style:{width:`96px`,"min-width":`96px`},"onUpdate:modelValue":j},null,8,[`model-value`,`options`,`disabled`])])):T(``,!0),e.showQuickJumper?(p(),b(`div`,At,[n[4]||=A(`span`,null,`跳至`,-1),S(W,{modelValue:c.value,"onUpdate:modelValue":n[2]||=e=>c.value=e,class:`pagination-jumper-input`,type:`number`,disabled:e.disabled,"aria-label":`跳至页码`,onKeydown:L(F,[`enter`]),onBlur:n[3]||=e=>c.value=``},null,8,[`modelValue`,`disabled`]),n[5]||=A(`span`,null,`页`,-1)])):T(``,!0)],2)):T(``,!0)}},[[`__scopeId`,`data-v-4e2c099c`]]),Mt={class:`showcase-section`,"aria-labelledby":`pagination-title`},Nt={class:`demo-panel`},Pt={class:`demo-panel demo-panel-column`},Ft={class:`popover-demo-text`},It={class:`demo-panel demo-panel-column`},Lt={class:`popover-demo-text`},Rt={class:`demo-panel`},zt={class:`demo-panel demo-panel-column`},Bt={class:`demo-panel`},Vt={class:`demo-panel`},Ht={__name:`pagination`,setup(e){let t=w(1),n=w(1),r=w(20),a=w(3),o=M(()=>Math.ceil(500/r.value));return(e,s)=>(p(),b(`section`,Mt,[s[5]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`pagination-title`},`Pagination 分页`),A(`p`,null,`页码窗口折叠、每页条数切换、快速跳转与总数显示，支持受控与非受控两种用法。`)],-1),s[6]||=A(`p`,{class:`demo-label`},`基础用法（非受控）`,-1),A(`div`,Nt,[S(jt,{total:85}),S(jt,{total:500})]),s[7]||=A(`p`,{class:`demo-label`},`受控模式（v-model:current）`,-1),A(`div`,Pt,[S(jt,{current:t.value,"onUpdate:current":s[0]||=e=>t.value=e,total:500},null,8,[`current`]),A(`p`,Ft,`当前页：`+i(t.value),1)]),s[8]||=A(`p`,{class:`demo-label`},`每页条数切换（showSizeChanger）`,-1),A(`div`,It,[S(jt,{current:n.value,"onUpdate:current":s[1]||=e=>n.value=e,"page-size":r.value,"onUpdate:pageSize":s[2]||=e=>r.value=e,total:500,"show-size-changer":``},null,8,[`current`,`page-size`]),A(`p`,Lt,` 每页 `+i(r.value)+` 条，共 `+i(o.value)+` 页 `,1)]),s[9]||=A(`p`,{class:`demo-label`},`快速跳转（showQuickJumper）`,-1),A(`div`,Rt,[S(jt,{current:a.value,"onUpdate:current":s[3]||=e=>a.value=e,total:1e3,"show-quick-jumper":``},null,8,[`current`])]),s[10]||=A(`p`,{class:`demo-label`},`总数显示（showTotal 与自定义插槽）`,-1),A(`div`,zt,[S(jt,{total:168,"show-total":``}),S(jt,{total:168,"show-total":``},{showTotal:c(({total:e,from:t,to:n})=>[P(` 第 `+i(t)+`-`+i(n)+` 条，共 `+i(e)+` 条 `,1)]),_:1})]),s[11]||=A(`p`,{class:`demo-label`},`禁用`,-1),A(`div`,Bt,[S(jt,{current:n.value,"onUpdate:current":s[4]||=e=>n.value=e,total:300,disabled:``,"show-size-changer":``,"show-quick-jumper":``,"show-total":``},null,8,[`current`])]),s[12]||=A(`p`,{class:`demo-label`},`单页隐藏（hideOnSinglePage）`,-1),A(`div`,Vt,[S(jt,{total:8,"hide-on-single-page":``}),S(jt,{total:8})])]))}},Ut={class:`showcase-section`,"aria-labelledby":`input-title`},Wt={class:`demo-panel demo-panel-grid`},Gt={class:`demo-panel demo-panel-grid`},Kt={class:`demo-panel demo-panel-grid`},qt={class:`demo-panel demo-panel-grid`},Jt={class:`demo-panel demo-panel-grid`},Yt={class:`demo-panel demo-panel-grid`},Xt={class:`demo-panel demo-panel-grid`},Zt={__name:`input`,setup(e){let t=w(``),n=w(``),r=w(``),i=w(1.28),a=w(``),o=w(``),s=w(``);return(e,l)=>(p(),b(`section`,Ut,[l[8]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`input-title`},`Input 输入框`),A(`p`,null,`文本输入组件，含前后缀、清除、字数统计与校验状态。`)],-1),l[9]||=A(`p`,{class:`demo-label`},`基础用法`,-1),A(`div`,Wt,[S(W,{modelValue:t.value,"onUpdate:modelValue":l[0]||=e=>t.value=e},null,8,[`modelValue`]),S(W,{"model-value":`已禁用`,disabled:``})]),l[10]||=A(`p`,{class:`demo-label`},`前后缀与清除`,-1),A(`div`,Gt,[S(W,{modelValue:n.value,"onUpdate:modelValue":l[1]||=e=>n.value=e,"allow-clear":``},{prefix:c(()=>[S(x(B))]),_:1},8,[`modelValue`]),S(W,{"model-value":`suffix@example.com`,"allow-clear":``},{suffix:c(()=>[S(x(je))]),_:1}),S(W,{modelValue:r.value,"onUpdate:modelValue":l[2]||=e=>r.value=e,"allow-clear":``},{prefix:c(()=>[S(x(Ae))]),_:1},8,[`modelValue`])]),l[11]||=A(`p`,{class:`demo-label`},`校验状态`,-1),A(`div`,Kt,[S(W,{"model-value":`错误的输入`,status:`error`,"allow-clear":``}),S(W,{"model-value":`需要关注的输入`,status:`warning`,"allow-clear":``})]),l[12]||=A(`p`,{class:`demo-label`},`字数统计`,-1),A(`div`,qt,[S(W,{modelValue:n.value,"onUpdate:modelValue":l[3]||=e=>n.value=e,"show-count":``,maxlength:20},null,8,[`modelValue`]),S(W,{"model-value":`无上限长度统计`,"show-count":``})]),l[13]||=A(`p`,{class:`demo-label`},`密码框`,-1),A(`div`,Jt,[S(W,{modelValue:o.value,"onUpdate:modelValue":l[4]||=e=>o.value=e,type:`password`,"allow-clear":``},null,8,[`modelValue`]),S(W,{"model-value":`123456`,type:`password`})]),l[14]||=A(`p`,{class:`demo-label`},`数字输入`,-1),A(`div`,Yt,[S(W,{modelValue:i.value,"onUpdate:modelValue":l[5]||=e=>i.value=e,type:`number`,maxlength:`10`},null,8,[`modelValue`]),S(W,{modelValue:a.value,"onUpdate:modelValue":l[6]||=e=>a.value=e,type:`number`},null,8,[`modelValue`])]),l[15]||=A(`p`,{class:`demo-label`},`多行文本`,-1),A(`div`,Xt,[S(W,{modelValue:s.value,"onUpdate:modelValue":l[7]||=e=>s.value=e,type:`textarea`,"show-count":``,maxlength:100},null,8,[`modelValue`]),S(W,{"model-value":`警告状态的文本域`,type:`textarea`,status:`warning`,rows:4})])]))}},Qt=[`checked`,`disabled`,`name`,`value`],$t={class:`checkbox-box`,"aria-hidden":`true`},en={key:0,class:`checkbox-label`},tn=j({__name:`checkbox`,props:{modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},name:{type:String,default:void 0},value:{type:[String,Number,Boolean],default:void 0}},emits:[`update:modelValue`,`change`,`focus`,`blur`],setup(e,{emit:t}){let n=e,r=t,i=w(null),a=M(()=>n.modelValue?ie:n.indeterminate?Te:null),o=M(()=>[`checkbox`,n.modelValue?`checkbox-checked`:``,n.indeterminate?`checkbox-indeterminate`:``,n.disabled?`checkbox-disabled`:``]);function s(e){r(`update:modelValue`,e.target.checked),r(`change`,e.target.checked,e)}function c(e){r(`focus`,e)}function l(e){r(`blur`,e)}function d(){i.value&&(i.value.indeterminate=n.indeterminate&&!n.modelValue)}return D(d),y(()=>[n.indeterminate,n.modelValue],d),(t,n)=>(p(),b(`label`,{class:N(o.value)},[A(`input`,{ref_key:`inputRef`,ref:i,class:`checkbox-input`,type:`checkbox`,checked:e.modelValue,disabled:e.disabled,name:e.name,value:e.value,onChange:s,onFocus:c,onBlur:l},null,40,Qt),A(`span`,$t,[a.value?(p(),E(g(a.value),{key:0})):T(``,!0)]),t.$slots.default?(p(),b(`span`,en,[u(t.$slots,`default`,{},void 0,!0)])):T(``,!0)],2))}},[[`__scopeId`,`data-v-7885c010`]]),nn={class:`showcase-section`,"aria-labelledby":`checkbox-title`},rn={class:`demo-panel demo-panel-column`},an={class:`demo-panel demo-panel-column`},on={class:`demo-panel demo-panel-column`},sn={__name:`checkbox`,setup(e){let t=w(!1),n=w(!1),r=w(!0),i=w(!0),a=w(!1),o=w(!1),s=M({get:()=>i.value&&a.value&&o.value,set:e=>{i.value=e,a.value=e,o.value=e}}),l=M(()=>{let e=[i,a,o].filter(e=>e.value).length;return e>0&&e<3});return(e,u)=>(p(),b(`section`,nn,[u[15]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`checkbox-title`},`Checkbox 复选框`),A(`p`,null,`多选控件，支持半选（indeterminate）与禁用态。`)],-1),u[16]||=A(`p`,{class:`demo-label`},`基础用法`,-1),A(`div`,rn,[S(tn,{modelValue:t.value,"onUpdate:modelValue":u[0]||=e=>t.value=e},{default:c(()=>[...u[7]||=[P(`同意服务条款与隐私政策`,-1)]]),_:1},8,[`modelValue`]),S(tn,{modelValue:n.value,"onUpdate:modelValue":u[1]||=e=>n.value=e},{default:c(()=>[...u[8]||=[P(`订阅产品动态邮件`,-1)]]),_:1},8,[`modelValue`])]),u[17]||=A(`p`,{class:`demo-label`},`禁用态`,-1),A(`div`,an,[S(tn,{disabled:``},{default:c(()=>[...u[9]||=[P(`未选中禁用`,-1)]]),_:1}),S(tn,{modelValue:r.value,"onUpdate:modelValue":u[2]||=e=>r.value=e,disabled:``},{default:c(()=>[...u[10]||=[P(`选中禁用`,-1)]]),_:1},8,[`modelValue`])]),u[18]||=A(`p`,{class:`demo-label`},`半选（全选场景）`,-1),A(`div`,on,[S(tn,{modelValue:s.value,"onUpdate:modelValue":u[3]||=e=>s.value=e,indeterminate:l.value},{default:c(()=>[...u[11]||=[P(`全选`,-1)]]),_:1},8,[`modelValue`,`indeterminate`]),S(tn,{modelValue:i.value,"onUpdate:modelValue":u[4]||=e=>i.value=e},{default:c(()=>[...u[12]||=[P(`选项 A`,-1)]]),_:1},8,[`modelValue`]),S(tn,{modelValue:a.value,"onUpdate:modelValue":u[5]||=e=>a.value=e},{default:c(()=>[...u[13]||=[P(`选项 B`,-1)]]),_:1},8,[`modelValue`]),S(tn,{modelValue:o.value,"onUpdate:modelValue":u[6]||=e=>o.value=e},{default:c(()=>[...u[14]||=[P(`选项 C`,-1)]]),_:1},8,[`modelValue`])])]))}},cn={class:`radio-group`},ln=j({__name:`radio-group`,props:{modelValue:{type:[String,Number,Boolean],default:void 0},disabled:{type:Boolean,default:!1},name:{type:String,default:void 0}},emits:[`update:modelValue`,`change`],setup(e,{emit:t}){let n=e,r=t,i=v(),a=M(()=>n.name||i),o=M(()=>n.modelValue),s=M(()=>n.disabled);function c(e){n.disabled||(Object.is(e,n.modelValue)||r(`update:modelValue`,e),r(`change`,e))}return h(`fms-radio-group`,{name:a,modelValue:o,disabled:s,select:c}),(e,t)=>(p(),b(`div`,cn,[u(e.$slots,`default`,{},void 0,!0)]))}},[[`__scopeId`,`data-v-e6e85c3f`]]),un=[`name`,`checked`,`disabled`,`value`],dn={key:0,class:`radio-label`},fn=j({__name:`radio`,props:{value:{type:[String,Number,Boolean],required:!0},disabled:{type:Boolean,default:!1}},setup(e){let t=e,n=o(`fms-radio-group`,null),r=M(()=>n?.name.value??void 0),i=M(()=>n?.disabled.value||t.disabled),a=M(()=>n?n.modelValue.value===t.value:!1),s=M(()=>[`radio`,a.value?`radio-checked`:``,i.value?`radio-disabled`:``]);function c(){n?.select(t.value)}return(t,n)=>(p(),b(`label`,{class:N(s.value)},[A(`input`,{class:`radio-input`,type:`radio`,name:r.value,checked:a.value,disabled:i.value,value:e.value,onChange:c},null,40,un),n[0]||=A(`span`,{class:`radio-box`,"aria-hidden":`true`},null,-1),t.$slots.default?(p(),b(`span`,dn,[u(t.$slots,`default`,{},void 0,!0)])):T(``,!0)],2))}},[[`__scopeId`,`data-v-568bc87e`]]),pn={class:`showcase-section`,"aria-labelledby":`radio-title`},mn={class:`demo-panel`},hn={class:`demo-panel demo-panel-column`},gn={__name:`radio`,setup(e){let t=w(`apple`),n=w(`m`),r=w(`a`);return(e,i)=>(p(),b(`section`,pn,[i[11]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`radio-title`},`Radio 单选框`),A(`p`,null,`在多个互斥选项中选择其一，支持方向键导航。`)],-1),i[12]||=A(`p`,{class:`demo-label`},`基础用法`,-1),A(`div`,mn,[S(ln,{modelValue:t.value,"onUpdate:modelValue":i[0]||=e=>t.value=e},{default:c(()=>[S(fn,{value:`apple`},{default:c(()=>[...i[3]||=[P(`苹果`,-1)]]),_:1}),S(fn,{value:`banana`},{default:c(()=>[...i[4]||=[P(`香蕉`,-1)]]),_:1}),S(fn,{value:`orange`},{default:c(()=>[...i[5]||=[P(`橙子`,-1)]]),_:1})]),_:1},8,[`modelValue`])]),i[13]||=A(`p`,{class:`demo-label`},`禁用态`,-1),A(`div`,hn,[S(ln,{modelValue:n.value,"onUpdate:modelValue":i[1]||=e=>n.value=e},{default:c(()=>[S(fn,{value:`s`},{default:c(()=>[...i[6]||=[P(`小`,-1)]]),_:1}),S(fn,{value:`m`},{default:c(()=>[...i[7]||=[P(`中`,-1)]]),_:1}),S(fn,{value:`l`,disabled:``},{default:c(()=>[...i[8]||=[P(`大（禁用）`,-1)]]),_:1})]),_:1},8,[`modelValue`]),S(ln,{modelValue:r.value,"onUpdate:modelValue":i[2]||=e=>r.value=e,disabled:``},{default:c(()=>[S(fn,{value:`a`},{default:c(()=>[...i[9]||=[P(`整组禁用 A`,-1)]]),_:1}),S(fn,{value:`b`},{default:c(()=>[...i[10]||=[P(`整组禁用 B`,-1)]]),_:1})]),_:1},8,[`modelValue`])])]))}},_n=[`aria-checked`,`disabled`],vn={key:0,class:`switch-label`},yn=j({__name:`switch`,props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:[`update:modelValue`,`change`],setup(e,{emit:t}){let n=e,r=t,i=M(()=>[`switch`,n.modelValue?`switch-checked`:``,n.disabled?`switch-disabled`:``]);function a(e){if(n.disabled)return;let t=!n.modelValue;r(`update:modelValue`,t),r(`change`,t,e)}return(t,n)=>(p(),b(`button`,{type:`button`,role:`switch`,"aria-checked":e.modelValue,disabled:e.disabled,class:N(i.value),onClick:a},[n[0]||=A(`span`,{class:`switch-track`,"aria-hidden":`true`},[A(`span`,{class:`switch-thumb`})],-1),t.$slots.default?(p(),b(`span`,vn,[u(t.$slots,`default`,{},void 0,!0)])):T(``,!0)],10,_n))}},[[`__scopeId`,`data-v-084b6552`]]),bn={class:`showcase-section`,"aria-labelledby":`switch-title`},xn={class:`demo-panel demo-panel-column`},Sn={class:`demo-panel demo-panel-column`},Cn={__name:`switch`,setup(e){let t=w(!0),n=w(!1),r=w(!0);return(e,i)=>(p(),b(`section`,bn,[i[7]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`switch-title`},`Switch 开关`),A(`p`,null,`表示两种互斥状态之间的切换。`)],-1),i[8]||=A(`p`,{class:`demo-label`},`基础用法`,-1),A(`div`,xn,[S(yn,{modelValue:t.value,"onUpdate:modelValue":i[0]||=e=>t.value=e},{default:c(()=>[...i[3]||=[P(`接收通知`,-1)]]),_:1},8,[`modelValue`]),S(yn,{modelValue:n.value,"onUpdate:modelValue":i[1]||=e=>n.value=e},{default:c(()=>[...i[4]||=[P(`自动保存`,-1)]]),_:1},8,[`modelValue`])]),i[9]||=A(`p`,{class:`demo-label`},`禁用态`,-1),A(`div`,Sn,[S(yn,{modelValue:r.value,"onUpdate:modelValue":i[2]||=e=>r.value=e,disabled:``},{default:c(()=>[...i[5]||=[P(`选中禁用`,-1)]]),_:1},8,[`modelValue`]),S(yn,{"model-value":!1,disabled:``},{default:c(()=>[...i[6]||=[P(`未选中禁用`,-1)]]),_:1})])]))}},wn={class:`showcase-section`,"aria-labelledby":`select-title`},Tn={class:`demo-panel demo-panel-grid`},En={class:`demo-panel demo-panel-grid`},Dn={class:`demo-panel demo-panel-grid`},On={class:`demo-panel`},kn={class:`demo-panel demo-panel-grid`},An={class:`demo-panel demo-panel-grid`},jn={class:`demo-panel demo-panel-grid`},Mn={class:`demo-panel`},Nn=[`onClick`],Pn=[`onClick`],Fn=[`onClick`],In=j({__name:`select`,setup(e){let t=w(`beijing`),n=w(``),i=w(`shanghai`),a=w(`high`),o=[{label:`北京`,value:`beijing`},{label:`上海`,value:`shanghai`},{label:`广州`,value:`guangzhou`},{label:`深圳`,value:`shenzhen`},{label:`杭州`,value:`hangzhou`,disabled:!0}],s=[{label:`苹果`,value:`apple`},{label:`香蕉`,value:`banana`},{label:`橙子`,value:`orange`},{label:`葡萄`,value:`grape`}],l=w(``),u=w(``),d=w(``),f=w(``),m=[{label:`前端工程师`,value:`fe`,keyword:`前端 qianduan fe`},{label:`后端工程师`,value:`be`,keyword:`后端 houduan be`},{label:`产品经理`,value:`pm`,keyword:`产品 chanpin pm`},{label:`设计师`,value:`designer`,keyword:`设计 sheji ui`}],h=(e,t)=>`${t.label} ${t.keyword}`.toLowerCase().includes(String(e||``).trim().toLowerCase()),g=w(``),_=[{name:`华东大区`,code:`east`},{name:`华南大区`,code:`south`},{name:`华北大区`,code:`north`},{name:`华西大区`,code:`west`,disabled:!0}],v=w(``),y=w(!1),x=[{label:`张敏 · 前端工程师`,value:`张敏 · 前端工程师`,keyword:`zhangmin qianduan`},{label:`李伟 · 后端工程师`,value:`李伟 · 后端工程师`,keyword:`liwei houduan`},{label:`王芳 · 产品经理`,value:`王芳 · 产品经理`,keyword:`wangfang chanpin`},{label:`陈晨 · UI 设计师`,value:`陈晨 · UI 设计师`,keyword:`chenchen sheji ui`},{label:`赵磊 · 测试工程师`,value:`赵磊 · 测试工程师`,keyword:`zhaolei ceshi qa`}],C=w(x),T=null;function E(e){T&&clearTimeout(T),y.value=!0;let t=String(e||``).trim().toLowerCase();T=setTimeout(()=>{C.value=x.filter(e=>`${e.label} ${e.keyword}`.toLowerCase().includes(t)),y.value=!1,T=null},700)}return r(()=>{T&&clearTimeout(T)}),(e,r)=>(p(),b(`section`,wn,[r[11]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`select-title`},`Select 下拉选择`),A(`p`,null,` 基础单选下拉，支持 options 数组与插槽两种数据源、筛选（默认开启，可自定义）、清除、禁用与键盘导航。 `)],-1),r[12]||=A(`p`,{class:`demo-label`},`基础用法`,-1),A(`div`,Tn,[S(Y,{modelValue:t.value,"onUpdate:modelValue":r[0]||=e=>t.value=e,options:o},null,8,[`modelValue`]),S(Y,{modelValue:n.value,"onUpdate:modelValue":r[1]||=e=>n.value=e,options:s},null,8,[`modelValue`])]),r[13]||=A(`p`,{class:`demo-label`},`清除与禁用`,-1),A(`div`,En,[S(Y,{modelValue:i.value,"onUpdate:modelValue":r[2]||=e=>i.value=e,options:o,clearable:``},null,8,[`modelValue`]),S(Y,{"model-value":`beijing`,options:o,disabled:``}),S(Y,{options:o,clearable:``})]),r[14]||=A(`p`,{class:`demo-label`},`筛选（默认开启）`,-1),A(`div`,Dn,[S(Y,{modelValue:l.value,"onUpdate:modelValue":r[3]||=e=>l.value=e,options:o},null,8,[`modelValue`]),S(Y,{modelValue:d.value,"onUpdate:modelValue":r[4]||=e=>d.value=e,options:m,"filter-option":h},null,8,[`modelValue`])]),r[15]||=A(`p`,{class:`demo-label`},`关闭筛选`,-1),A(`div`,On,[S(Y,{modelValue:u.value,"onUpdate:modelValue":r[5]||=e=>u.value=e,options:s,filterable:!1},null,8,[`modelValue`])]),r[16]||=A(`p`,{class:`demo-label`},`远程加载`,-1),A(`div`,kn,[S(Y,{modelValue:v.value,"onUpdate:modelValue":r[6]||=e=>v.value=e,options:C.value,loading:y.value,remote:``,onSearch:E},null,8,[`modelValue`,`options`,`loading`])]),r[17]||=A(`p`,{class:`demo-label`},`自由输入（allowFreeInput）`,-1),A(`div`,An,[S(Y,{modelValue:f.value,"onUpdate:modelValue":r[7]||=e=>f.value=e,options:o,"allow-free-input":``},null,8,[`modelValue`]),S(Y,{modelValue:l.value,"onUpdate:modelValue":r[8]||=e=>l.value=e,options:o},null,8,[`modelValue`])]),r[18]||=A(`p`,{class:`demo-label`},`自定义字段名（labelKey / valueKey）`,-1),A(`div`,jn,[S(Y,{modelValue:g.value,"onUpdate:modelValue":r[9]||=e=>g.value=e,options:_,"label-key":`name`,"value-key":`code`},null,8,[`modelValue`])]),r[19]||=A(`p`,{class:`demo-label`},`插槽自定义选项`,-1),A(`div`,Mn,[S(Y,{modelValue:a.value,"onUpdate:modelValue":r[10]||=e=>a.value=e,style:{width:`200px`}},{default:c(({select:e})=>[A(`div`,{class:`select-demo-option`,onClick:t=>e(`high`)},`高优先级`,8,Nn),A(`div`,{class:`select-demo-option`,onClick:t=>e(`medium`)},`中优先级`,8,Pn),A(`div`,{class:`select-demo-option`,onClick:t=>e(`low`)},`低优先级`,8,Fn)]),_:1},8,[`modelValue`])])]))}},[[`__scopeId`,`data-v-960e8984`]]),X=e(t(((e,t)=>{(function(n,r){typeof e==`object`&&t!==void 0?t.exports=r():typeof define==`function`&&define.amd?define(r):(n=typeof globalThis<`u`?globalThis:n||self).dayjs=r()})(e,(function(){var e=1e3,t=6e4,n=36e5,r=`millisecond`,i=`second`,a=`minute`,o=`hour`,s=`day`,c=`week`,l=`month`,u=`quarter`,d=`year`,f=`date`,p=`Invalid Date`,m=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,h=/\[([^\]]+)]|YYYY|YY|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,g={name:`en`,weekdays:`Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday`.split(`_`),months:`January_February_March_April_May_June_July_August_September_October_November_December`.split(`_`),ordinal:function(e){var t=[`th`,`st`,`nd`,`rd`],n=e%100;return`[`+e+(t[(n-20)%10]||t[n]||t[0])+`]`}},_=function(e,t,n){var r=String(e);return!r||r.length>=t?e:``+Array(t+1-r.length).join(n)+e},v={s:_,z:function(e){var t=-e.utcOffset(),n=Math.abs(t),r=Math.floor(n/60),i=n%60;return(t<=0?`+`:`-`)+_(r,2,`0`)+`:`+_(i,2,`0`)},m:function e(t,n){if(t.date()<n.date())return-e(n,t);var r=12*(n.year()-t.year())+(n.month()-t.month()),i=t.clone().add(r,l),a=n-i<0,o=t.clone().add(r+(a?-1:1),l);return+(-(r+(n-i)/(a?i-o:o-i))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:l,y:d,w:c,d:s,D:f,h:o,m:a,s:i,ms:r,Q:u}[e]||String(e||``).toLowerCase().replace(/s$/,``)},u:function(e){return e===void 0}},y=`en`,b={};b[y]=g;var x=`$isDayjsObject`,S=function(e){return e instanceof E||!(!e||!e[x])},C=function e(t,n,r){var i;if(!t)return y;if(typeof t==`string`){var a=t.toLowerCase();b[a]&&(i=a),n&&(b[a]=n,i=a);var o=t.split(`-`);if(!i&&o.length>1)return e(o[0])}else{var s=t.name;b[s]=t,i=s}return!r&&i&&(y=i),i||!r&&y},w=function(e,t){if(S(e))return e.clone();var n=typeof t==`object`?t:{};return n.date=e,n.args=arguments,new E(n)},T=v;T.l=C,T.i=S,T.w=function(e,t){return w(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var E=function(){function g(e){this.$L=C(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[x]=!0}var _=g.prototype;return _.parse=function(e){this.$d=function(e){var t=e.date,n=e.utc;if(t===null)return new Date(NaN);if(T.u(t))return new Date;if(t instanceof Date)return new Date(t);if(typeof t==`string`&&!/Z$/i.test(t)){var r=t.match(m);if(r){var i=r[2]-1||0,a=(r[7]||`0`).substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,a)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,a)}}return new Date(t)}(e),this.init()},_.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},_.$utils=function(){return T},_.isValid=function(){return this.$d.toString()!==p},_.isSame=function(e,t){var n=w(e);return this.startOf(t)<=n&&n<=this.endOf(t)},_.isAfter=function(e,t){return w(e)<this.startOf(t)},_.isBefore=function(e,t){return this.endOf(t)<w(e)},_.$g=function(e,t,n){return T.u(e)?this[t]:this.set(n,e)},_.unix=function(){return Math.floor(this.valueOf()/1e3)},_.valueOf=function(){return this.$d.getTime()},_.startOf=function(e,t){var n=this,r=!!T.u(t)||t,u=T.p(e),p=function(e,t){var i=T.w(n.$u?Date.UTC(n.$y,t,e):new Date(n.$y,t,e),n);return r?i:i.endOf(s)},m=function(e,t){return T.w(n.toDate()[e].apply(n.toDate(`s`),(r?[0,0,0,0]:[23,59,59,999]).slice(t)),n)},h=this.$W,g=this.$M,_=this.$D,v=`set`+(this.$u?`UTC`:``);switch(u){case d:return r?p(1,0):p(31,11);case l:return r?p(1,g):p(0,g+1);case c:var y=this.$locale().weekStart||0,b=(h<y?h+7:h)-y;return p(r?_-b:_+(6-b),g);case s:case f:return m(v+`Hours`,0);case o:return m(v+`Minutes`,1);case a:return m(v+`Seconds`,2);case i:return m(v+`Milliseconds`,3);default:return this.clone()}},_.endOf=function(e){return this.startOf(e,!1)},_.$set=function(e,t){var n,c=T.p(e),u=`set`+(this.$u?`UTC`:``),p=(n={},n[s]=u+`Date`,n[f]=u+`Date`,n[l]=u+`Month`,n[d]=u+`FullYear`,n[o]=u+`Hours`,n[a]=u+`Minutes`,n[i]=u+`Seconds`,n[r]=u+`Milliseconds`,n)[c],m=c===s?this.$D+(t-this.$W):t;if(c===l||c===d){var h=this.clone().set(f,1);h.$d[p](m),h.init(),this.$d=h.set(f,Math.min(this.$D,h.daysInMonth())).$d}else p&&this.$d[p](m);return this.init(),this},_.set=function(e,t){return this.clone().$set(e,t)},_.get=function(e){return this[T.p(e)]()},_.add=function(r,u){var f,p=this;r=Number(r);var m=T.p(u),h=function(e){var t=w(p);return T.w(t.date(t.date()+Math.round(e*r)),p)};if(m===l)return this.set(l,this.$M+r);if(m===d)return this.set(d,this.$y+r);if(m===s)return h(1);if(m===c)return h(7);var g=(f={},f[a]=t,f[o]=n,f[i]=e,f)[m]||1,_=this.$d.getTime()+r*g;return T.w(_,this)},_.subtract=function(e,t){return this.add(-1*e,t)},_.format=function(e){var t=this,n=this.$locale();if(!this.isValid())return n.invalidDate||p;var r=e||`YYYY-MM-DDTHH:mm:ssZ`,i=T.z(this),a=this.$H,o=this.$m,s=this.$M,c=n.weekdays,l=n.months,u=n.meridiem,d=function(e,n,i,a){return e&&(e[n]||e(t,r))||i[n].slice(0,a)},f=function(e){return T.s(a%12||12,e,`0`)},m=u||function(e,t,n){var r=e<12?`AM`:`PM`;return n?r.toLowerCase():r};return r.replace(h,(function(e,r){return r||function(e){switch(e){case`YY`:return String(t.$y).slice(-2);case`YYYY`:return T.s(t.$y,4,`0`);case`M`:return s+1;case`MM`:return T.s(s+1,2,`0`);case`MMM`:return d(n.monthsShort,s,l,3);case`MMMM`:return d(l,s);case`D`:return t.$D;case`DD`:return T.s(t.$D,2,`0`);case`d`:return String(t.$W);case`dd`:return d(n.weekdaysMin,t.$W,c,2);case`ddd`:return d(n.weekdaysShort,t.$W,c,3);case`dddd`:return c[t.$W];case`H`:return String(a);case`HH`:return T.s(a,2,`0`);case`h`:return f(1);case`hh`:return f(2);case`a`:return m(a,o,!0);case`A`:return m(a,o,!1);case`m`:return String(o);case`mm`:return T.s(o,2,`0`);case`s`:return String(t.$s);case`ss`:return T.s(t.$s,2,`0`);case`SSS`:return T.s(t.$ms,3,`0`);case`Z`:return i}return null}(e)||i.replace(`:`,``)}))},_.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},_.diff=function(r,f,p){var m,h=this,g=T.p(f),_=w(r),v=(_.utcOffset()-this.utcOffset())*t,y=this-_,b=function(){return T.m(h,_)};switch(g){case d:m=b()/12;break;case l:m=b();break;case u:m=b()/3;break;case c:m=(y-v)/6048e5;break;case s:m=(y-v)/864e5;break;case o:m=y/n;break;case a:m=y/t;break;case i:m=y/e;break;default:m=y}return p?m:T.a(m)},_.daysInMonth=function(){return this.endOf(l).$D},_.$locale=function(){return b[this.$L]},_.locale=function(e,t){if(!e)return this.$L;var n=this.clone(),r=C(e,t,!0);return r&&(n.$L=r),n},_.clone=function(){return T.w(this.$d,this)},_.toDate=function(){return new Date(this.valueOf())},_.toJSON=function(){return this.isValid()?this.toISOString():null},_.toISOString=function(){return this.$d.toISOString()},_.toString=function(){return this.$d.toUTCString()},g}(),D=E.prototype;return w.prototype=D,[[`$ms`,r],[`$s`,i],[`$m`,a],[`$H`,o],[`$W`,s],[`$M`,l],[`$y`,d],[`$D`,f]].forEach((function(e){D[e[1]]=function(t){return this.$g(t,e[0],e[1])}})),w.extend=function(e,t){return e.$i||=(e(t,E,w),!0),w},w.locale=C,w.isDayjs=S,w.unix=function(e){return w(1e3*e)},w.en=b[y],w.Ls=b,w.p={},w}))}))()),Ln=[`tabindex`,`aria-label`,`aria-disabled`,`aria-activedescendant`,`onKeydown`],Rn={role:`presentation`},zn=[`id`,`aria-selected`,`onClick`],Bn={__name:`time-select`,props:{modelValue:{type:[Date,null],default:null},fields:{type:Array,default:()=>[`hour`,`minute`,`second`],validator:e=>e.every(e=>[`hour`,`minute`,`second`].includes(e))},hour12:{type:Boolean,default:!1},lowerMeridiem:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(e,{emit:t}){let n=e,r=t,a=v(),o=w({}),c=M(()=>n.modelValue?(0,X.default)(n.modelValue):(0,X.default)()),l=M(()=>{let e=[];for(let t of n.fields)t===`hour`?e.push({key:t,label:`小时`,values:n.hour12?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t)}):e.push({key:t,label:t===`minute`?`分钟`:`秒`,values:Array.from({length:60},(e,t)=>t)});return n.hour12&&n.fields.includes(`hour`)&&e.push({key:`meridiem`,label:`上下午`,values:[`am`,`pm`]}),e});function u(e){return e.key===`meridiem`?c.value.hour()<12?`am`:`pm`:e.key===`hour`&&n.hour12?c.value.hour()%12||12:c.value.get(e.key)}function d(e,t){return e.key===`meridiem`?n.lowerMeridiem?t:t===`am`?`AM`:`PM`:String(t).padStart(2,`0`)}function f(e,t){if(n.disabled)return;let i=c.value;if(e.key===`meridiem`){let e=i.hour();t===`am`&&e>=12?i=i.subtract(12,`hour`):t===`pm`&&e<12&&(i=i.add(12,`hour`))}else if(e.key===`hour`&&n.hour12){let e=Number(t)%12;i=i.hour(e+(i.hour()>=12?12:0))}else i=i.set(e.key,t);r(`update:modelValue`,i.toDate())}function m(e,t){if(n.disabled)return;let r=e.values.indexOf(u(e)),i=Math.min(e.values.length-1,Math.max(0,r+t));f(e,e.values[i])}function h(e,t){e?o.value[t]=e:delete o.value[t]}function g(e){O(()=>{let t=o.value[e],n=t?.querySelector(`.is-active`);!t||!n||(t.scrollTop=n.offsetTop-(t.clientHeight-n.clientHeight)/2)})}function _(e,t){let n=null;t.key===`ArrowUp`?n=-1:t.key===`ArrowDown`?n=1:t.key===`PageUp`?n=-5:t.key===`PageDown`?n=5:t.key===`Home`?n=-e.values.length:t.key===`End`&&(n=e.values.length),n!==null&&(t.preventDefault(),m(e,n))}return y([()=>n.modelValue,l],()=>l.value.forEach(e=>g(e.key)),{flush:`post`}),D(()=>l.value.forEach(e=>g(e.key))),(t,n)=>(p(),b(`div`,{class:N([`fms-time-select`,{"is-disabled":e.disabled}])},[(p(!0),b(k,null,s(l.value,t=>(p(),b(`div`,{key:t.key,class:`fms-time-col`},[A(`div`,{ref_for:!0,ref:e=>h(e,t.key),class:`fms-time-list`,role:`listbox`,tabindex:e.disabled?-1:0,"aria-label":t.label,"aria-disabled":e.disabled,"aria-activedescendant":`${x(a)}-${t.key}-${u(t)}`,onKeydown:e=>_(t,e)},[A(`ul`,Rn,[(p(!0),b(k,null,s(t.values,e=>(p(),b(`li`,{id:`${x(a)}-${t.key}-${e}`,key:e,class:N([`fms-time-item`,{"is-active":u(t)===e}]),role:`option`,"aria-selected":u(t)===e,onClick:n=>f(t,e)},i(d(t,e)),11,zn))),128))])],40,Ln)]))),128))],2))}},Vn=t(((e,t)=>{(function(n,r){typeof e==`object`&&t!==void 0?t.exports=r():typeof define==`function`&&define.amd?define(r):(n=typeof globalThis<`u`?globalThis:n||self).dayjs_plugin_advancedFormat=r()})(e,(function(){return function(e,t){var n=t.prototype,r=n.format;n.format=function(e){var t=this,n=this.$locale();if(!this.isValid())return r.bind(this)(e);var i=this.$utils(),a=(e||`YYYY-MM-DDTHH:mm:ssZ`).replace(/\[([^\]]+)]|Q|wo|ww|w|WW|W|zzz|z|gggg|GGGG|Do|X|x|k{1,2}|S/g,(function(e){switch(e){case`Q`:return Math.ceil((t.$M+1)/3);case`Do`:return n.ordinal(t.$D);case`gggg`:return t.weekYear();case`GGGG`:return t.isoWeekYear();case`wo`:return n.ordinal(t.week(),`W`);case`w`:case`ww`:return i.s(t.week(),e===`w`?1:2,`0`);case`W`:case`WW`:return i.s(t.isoWeek(),e===`W`?1:2,`0`);case`k`:case`kk`:return i.s(String(t.$H===0?24:t.$H),e===`k`?1:2,`0`);case`X`:return Math.floor(t.$d.getTime()/1e3);case`x`:return t.$d.getTime();case`z`:return`[`+t.offsetName()+`]`;case`zzz`:return`[`+t.offsetName(`long`)+`]`;default:return e}}));return r.bind(this)(a)}}}))})),Hn=t(((e,t)=>{(function(n,r){typeof e==`object`&&t!==void 0?t.exports=r():typeof define==`function`&&define.amd?define(r):(n=typeof globalThis<`u`?globalThis:n||self).dayjs_plugin_customParseFormat=r()})(e,(function(){var e={LTS:`h:mm:ss A`,LT:`h:mm A`,L:`MM/DD/YYYY`,LL:`MMMM D, YYYY`,LLL:`MMMM D, YYYY h:mm A`,LLLL:`dddd, MMMM D, YYYY h:mm A`},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d/,r=/\d\d/,i=/\d\d?/,a=/\d*[^-_:/,()\s\d]+/,o={},s=function(e){return(e=+e)+(e>68?1900:2e3)},c=function(e){return function(t){this[e]=+t}},l=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||={}).offset=function(e){if(!e||e===`Z`)return 0;var t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return n===0?0:t[0]===`+`?-n:n}(e)}],u=function(e){var t=o[e];return t&&(t.indexOf?t:t.s.concat(t.f))},d=function(e,t){var n,r=o.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?`pm`:`PM`);return n},f={A:[a,function(e){this.afternoon=d(e,!1)}],a:[a,function(e){this.afternoon=d(e,!0)}],Q:[n,function(e){this.month=3*(e-1)+1}],S:[n,function(e){this.milliseconds=100*e}],SS:[r,function(e){this.milliseconds=10*e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[i,c(`seconds`)],ss:[i,c(`seconds`)],m:[i,c(`minutes`)],mm:[i,c(`minutes`)],H:[i,c(`hours`)],h:[i,c(`hours`)],HH:[i,c(`hours`)],hh:[i,c(`hours`)],D:[i,c(`day`)],DD:[r,c(`day`)],Do:[a,function(e){var t=o.ordinal,n=e.match(/\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\[|\]/g,``)===e&&(this.day=r)}],w:[i,c(`week`)],ww:[r,c(`week`)],M:[i,c(`month`)],MM:[r,c(`month`)],MMM:[a,function(e){var t=u(`months`),n=(u(`monthsShort`)||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw Error();this.month=n%12||n}],MMMM:[a,function(e){var t=u(`months`).indexOf(e)+1;if(t<1)throw Error();this.month=t%12||t}],Y:[/[+-]?\d+/,c(`year`)],YY:[r,function(e){this.year=s(e)}],YYYY:[/\d{4}/,c(`year`)],Z:l,ZZ:l};function p(n){for(var r=n,i=o&&o.formats,a=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var a=r&&r.toUpperCase();return n||i[r]||e[r]||i[a].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),s=a.length,c=0;c<s;c+=1){var l=a[c],u=f[l],d=u&&u[0],p=u&&u[1];a[c]=p?{regex:d,parser:p}:l.replace(/^\[|\]$/g,``)}return function(e){for(var t={},n=0,r=0;n<s;n+=1){var i=a[n];if(typeof i==`string`)r+=i.length;else{var o=i.regex,c=i.parser,l=e.slice(r),u=o.exec(l)[0];c.call(t,u),e=e.replace(u,``)}}return function(e){var t=e.afternoon;if(t!==void 0){var n=e.hours;t?n<12&&(e.hours+=12):n===12&&(e.hours=0),delete e.afternoon}}(t),t}}return function(e,t,n){n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(s=e.parseTwoDigitYear);var r=t.prototype,i=r.parse;r.parse=function(e){var t=e.date,r=e.utc,a=e.args;this.$u=r;var s=a[1];if(typeof s==`string`){var c=!0===a[2],l=!0===a[3],u=c||l,d=a[2];l&&(d=a[2]),o=this.$locale(),!c&&d&&(o=n.Ls[d]),this.$d=function(e,t,n,r){try{if([`x`,`X`].indexOf(t)>-1)return new Date((t===`X`?1e3:1)*e);var i=p(t)(e),a=i.year,o=i.month,s=i.day,c=i.hours,l=i.minutes,u=i.seconds,d=i.milliseconds,f=i.zone,m=i.week,h=new Date,g=s||(a||o?1:h.getDate()),_=a||h.getFullYear(),v=0;a&&!o||(v=o>0?o-1:h.getMonth());var y,b=c||0,x=l||0,S=u||0,C=d||0;return f?new Date(Date.UTC(_,v,g,b,x,S,C+60*f.offset*1e3)):n?new Date(Date.UTC(_,v,g,b,x,S,C)):(y=new Date(_,v,g,b,x,S,C),m&&(y=r(y).week(m).toDate()),y)}catch{return new Date(``)}}(t,s,r,n),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(s)&&(this.$d=new Date(``)),o={}}else if(s instanceof Array)for(var f=s.length,m=1;m<=f;m+=1){a[1]=s[m-1];var h=n.apply(this,a);if(h.isValid()){this.$d=h.$d,this.$L=h.$L,this.init();break}m===f&&(this.$d=new Date(``))}else i.call(this,e)}}}))})),Un=e(Vn(),1),Wn=e(Hn(),1);X.default.extend(Wn.default),X.default.extend(Un.default);var Gn=`YYYY-MM-DD HH:mm:ss`,Kn=`YYYY-MM-DD`,qn=[`日`,`一`,`二`,`三`,`四`,`五`,`六`],Jn=`YYYY.MMMM.dddd.MMM.ddd.SSS.YY.MM.DD.Do.dd.HH.hh.mm.ss.ZZ.M.D.d.H.h.m.s.Z.A.a`.split(`.`);function Yn(e,t){if(Array.isArray(e)){let n=e.filter(e=>typeof e==`string`&&e.length>0);return n.length?n:[t]}return e?[e]:[t]}function Xn(e){return Array.isArray(e)?e.some(e=>typeof e==`string`&&e.length>0):typeof e==`string`&&e.length>0}function Zn(e,t=Kn){return Yn(e,t)[0]}function Qn(e){let t=String(e||``),n=[],r=0;for(;r<t.length;){if(t[r]===`[`){let e=t.indexOf(`]`,r+1);r=e===-1?t.length:e+1;continue}let e=Jn.find(e=>t.startsWith(e,r));e?(n.push(e),r+=e.length):r+=1}return n}function $n(e){let t=Zn(e),n=Qn(t),r=n.some(e=>e===`YY`||e===`YYYY`),i=n.some(e=>[`M`,`MM`,`MMM`,`MMMM`].includes(e)),a=n.some(e=>e===`D`||e===`DD`||e===`Do`),o=n.find(e=>[`H`,`HH`,`h`,`hh`].includes(e))||``,s=!!o,c=n.some(e=>e===`m`||e===`mm`),l=n.some(e=>e===`s`||e===`ss`),u=n.includes(`SSS`),d=n.find(e=>e===`A`||e===`a`)||``,f=[];return s&&f.push(`hour`),c&&f.push(`minute`),l&&f.push(`second`),!r&&!i&&!a&&f.length===0?$n(Kn):{primaryFormat:t,tokens:n,hasYear:r,hasMonth:i,hasDay:a,hasDateParts:r||i||a,hasHour:s,hasMinute:c,hasSecond:l,hasMillisecond:u,hasTime:f.length>0,timeFields:f,hour12:o===`h`||o===`hh`,meridiem:!!d,lowerMeridiem:d===`a`}}function Z(e){if(e==null)return null;let t=(0,X.default)(e);return t.isValid()?t:null}function er(e,t=Gn){if(e==null||e===``)return null;if(typeof e==`string`)return rr(e,t);let n=Z(e);return n?n.toDate():null}function tr(e,t){let n=typeof t==`string`||Array.isArray(t)?$n(t):t,r=Z(e);if(!r)return null;let i=r;return n.hasYear&&!n.hasMonth&&(i=i.month(0)),(n.hasYear||n.hasMonth)&&!n.hasDay&&(i=i.date(1)),n.hasHour||(i=i.hour(0)),n.hasMinute||(i=i.minute(0)),n.hasSecond||(i=i.second(0)),n.hasMillisecond||(i=i.millisecond(0)),i.toDate()}function nr(e,t=Gn){let n=Z(e);if(!n)return``;let[r]=Yn(t,Gn);return n.format(r)}function rr(e,t=Gn){if(e==null||e===``)return null;if(typeof e!=`string`){let t=Z(e);return t?t.toDate():null}let n=Yn(t,Gn);for(let t of n){let n=(0,X.default)(e,t,!0);if(n.isValid())return n.toDate()}let r=(0,X.default)(e);return r.isValid()?r.toDate():null}function ir(e){let t=Z(e);return t?t.startOf(`day`).toDate():null}function ar(e,t){let n=Z(e),r=Z(t);return n&&r?n.isSame(r,`day`):!1}function or(e,t){let n=Z(e),r=Z(t);return n&&r?n.isSame(r,`month`):!1}function sr(e,t){return(Z(e)??(0,X.default)()).add(t,`month`).toDate()}function cr(e,t){let n=Z(e),r=Z(t);return!n||!r?0:n.isBefore(r)?-1:+!!n.isAfter(r)}function lr(e,t,n){if(!e||!t||!n)return!1;let r=Z(e),i=ir(t),a=ir(n);if(!r||!i||!a)return!1;let o=(0,X.default)(i).isBefore(a)?i:a,s=o===i?a:i;return!r.isBefore(o,`day`)&&!r.isAfter(s,`day`)}function ur(e,t){let n=Z(e)??(0,X.default)();if(t==null)return n.startOf(`day`).toDate();let r=Z(t);return r?n.hour(r.hour()).minute(r.minute()).second(r.second()).millisecond(0).toDate():n.startOf(`day`).toDate()}function dr(e,t){let n=(0,X.default)().year(e).month(t).date(1),r=n.day(),i=n.subtract(r,`day`),a=[];for(let e=0;e<42;e++)a.push(i.add(e,`day`));return a}function fr(e,t){let n=dr(e,t),r=[];for(let e=0;e<6;e++)r.push(n.slice(e*7,e*7+7));return r}var pr={class:`fms-calendar-body`},mr={key:0,class:`fms-calendar-main`},hr={key:0,class:`fms-calendar-header`},gr={class:`fms-cal-nav-group`},_r=[`aria-label`],vr={class:`fms-cal-title`,"aria-live":`polite`},yr=[`aria-expanded`],br=[`aria-expanded`],xr={class:`fms-cal-nav-group`},Sr=[`aria-label`],Cr=[`aria-label`],wr={class:`fms-cal-weekdays`,role:`row`},Tr=[`disabled`,`tabindex`,`aria-label`,`aria-selected`,`onClick`,`onFocus`,`onMouseenter`,`onKeydown`],Er={class:`fms-cal-cell-inner`},Dr=[`aria-label`],Or=[`aria-pressed`,`onClick`],kr={key:3,class:`fms-calendar-selector`,role:`group`,"aria-label":`月份选择`},Ar=[`aria-pressed`,`onClick`],jr={key:1,class:`fms-calendar-time`},Mr={class:`fms-time-group`},Nr={class:`fms-time-group`},Pr={__name:`calendar-panel`,props:{type:{type:String,default:`date`,validator:e=>[`date`,`range`].includes(e)},modelValue:{type:[Date,null],default:null},start:{type:[Date,null],default:null},end:{type:[Date,null],default:null},hoverValue:{type:[Date,null],default:null},pickerConfig:{type:Object,default:()=>$n(Kn)},disabledDate:{type:Function,default:()=>!1}},emits:[`pick`,`hover`,`update:start`,`update:end`],setup(e,{expose:t,emit:n}){let r=e,a=n;function o(){return Z(r.modelValue||r.start||r.end)?.toDate()??new Date}function c(){return r.pickerConfig.hasDateParts?r.pickerConfig.hasDay?`date`:r.pickerConfig.hasMonth?`month`:`year`:`time`}let l=w(null),u=o(),d=w(u),f=w(u),m=w(c()),h=w((0,X.default)(u).year()-5),g=new Map,_=new Map,v=M(()=>(0,X.default)(d.value).year()),C=M(()=>(0,X.default)(d.value).month()),D=M(()=>`${v.value} 年 ${C.value+1} 月`),j=M(()=>(0,X.default)(f.value).format(`YYYY-MM-DD`)),F=M(()=>!r.start||r.start&&r.end),I=M(()=>{let e=new Date;return fr(v.value,C.value).map(t=>t.map(t=>{let n=t.toDate(),i=!!r.disabledDate(n),a=r.type===`range`&&ar(t,r.start),o=r.type===`range`&&ar(t,r.end),s=r.type===`range`&&lr(t,r.start,r.end),c=r.type===`range`&&r.start&&!r.end&&r.hoverValue&&lr(t,r.start,r.hoverValue),l=r.type===`date`&&ar(t,r.modelValue);return{key:t.format(`YYYY-MM-DD`),value:t,date:n,day:t.date(),disabled:i,selected:l||a||o||s,label:t.format(`YYYY年M月D日`),classes:{"is-other-month":!or(t,d.value),"is-today":ar(t,e),"is-selected":l,"is-range-start":a,"is-range-end":o,"is-range-single":a&&o,"is-in-range":s,"is-in-hover-range":c&&!i,"is-disabled":i}}}))}),L=M(()=>I.value.flat()),R=M(()=>{let e=L.value.find(e=>e.key===j.value);return e&&!e.disabled?e.key:L.value.find(e=>!e.disabled)?.key}),z=M(()=>{let e=(0,X.default)().year();return Array.from({length:12},(t,n)=>{let r=h.value+n;return{value:r,label:`${r} 年`,current:r===e,selected:r===v.value}})}),B=M(()=>{let e=(0,X.default)();return Array.from({length:12},(t,n)=>({value:n,label:`${n+1} 月`,current:e.year()===v.value&&e.month()===n,selected:n===C.value}))}),V=w(r.modelValue??new Date),H=w(r.start??(0,X.default)().startOf(`day`).toDate()),U=w(r.end??(0,X.default)().endOf(`day`).toDate());y(()=>r.modelValue,e=>{e&&(V.value=e)}),y(()=>r.start,e=>{e&&(H.value=e)}),y(()=>r.end,e=>{e&&(U.value=e)}),y(()=>r.pickerConfig,()=>{m.value=c()});function ee(){let e=sr(d.value,-1);d.value=e,f.value=e}function W(){let e=sr(d.value,1);d.value=e,f.value=e}function te(){if(m.value===`year`){h.value-=12;return}let e=(0,X.default)(d.value).subtract(1,`year`).toDate();d.value=e,f.value=e}function ne(){if(m.value===`year`){h.value+=12;return}let e=(0,X.default)(d.value).add(1,`year`).toDate();d.value=e,f.value=e}function G(e,t){e?_.set(t,e):_.delete(t)}function re(e){O(()=>_.get(e)?.focus())}function ie(e){m.value=m.value===e?c():e,m.value===`date`?ye():(e===`year`&&(h.value=v.value-5),re(`${e}-${e===`year`?v.value:C.value}`))}function ae(e){let t=(0,X.default)(d.value).date(1).year(e).toDate();d.value=t,f.value=t,r.pickerConfig.hasMonth?(m.value=`month`,re(`month-${C.value}`)):r.pickerConfig.hasDay?(m.value=`date`,ye()):a(`pick`,le(t))}function ce(e){let t=(0,X.default)(d.value).date(1).month(e).toDate();d.value=t,f.value=t,r.pickerConfig.hasDay?(m.value=`date`,ye()):a(`pick`,le(t))}function le(e){return r.pickerConfig.hasTime?r.type===`range`?ur(e,F.value?H.value:U.value):ur(e,V.value):ur(e,null)}function K(e){e.disabled||(f.value=e.date,or(e.value,d.value)||(d.value=e.date),a(`pick`,le(e.date)))}function de(e){r.type!==`range`||!r.start||r.end||a(`hover`,e.disabled?null:e.date)}function pe(){r.type===`range`&&r.start&&!r.end&&a(`hover`,null)}function me(e){V.value=e,!(r.pickerConfig.hasDateParts&&!r.modelValue)&&a(`pick`,ur(r.modelValue??e,e))}function he(e){H.value=e,r.start&&a(`update:start`,ur(r.start,e))}function ge(e){U.value=e,r.end&&a(`update:end`,ur(r.end,e))}function _e(e,t){e?g.set(t,e):g.delete(t)}function ve(){O(()=>{let e=L.value.find(e=>e.key===j.value&&!e.disabled);e||=L.value.find(e=>!e.disabled),e&&(f.value=e.date,g.get(e.key)?.focus())})}function ye(){m.value===`date`?ve():m.value===`year`?re(`year-${v.value}`):m.value===`month`?re(`month-${C.value}`):O(()=>l.value?.querySelector(`.fms-time-list`)?.focus())}function be(e,t){let n=e;for(let e=0;e<366&&r.disabledDate(n.toDate());e+=1)n=n.add(t,`day`);f.value=n.toDate(),or(n,d.value)||(d.value=n.toDate()),ve()}function xe(e,t){let n=t.value,r=null,i=1;if(e.key===`ArrowLeft`)r=n.subtract(1,`day`),i=-1;else if(e.key===`ArrowRight`)r=n.add(1,`day`);else if(e.key===`ArrowUp`)r=n.subtract(7,`day`),i=-1;else if(e.key===`ArrowDown`)r=n.add(7,`day`);else if(e.key===`Home`)r=n.subtract(n.day(),`day`);else if(e.key===`End`)r=n.add(6-n.day(),`day`),i=-1;else if(e.key===`PageUp`)r=n.subtract(1,`month`),i=-1;else if(e.key===`PageDown`)r=n.add(1,`month`);else if(e.key===`Enter`||e.key===` `){e.preventDefault(),K(t);return}r&&(e.preventDefault(),be(r,i))}return t({focusActive:ye}),(t,n)=>(p(),b(`div`,{ref_key:`panelEl`,ref:l,class:N([`fms-calendar-panel`,[`is-${e.type}`,{"has-time":e.pickerConfig.hasTime,"is-time-only":e.pickerConfig.hasTime&&!e.pickerConfig.hasDateParts}]])},[A(`div`,pr,[e.pickerConfig.hasDateParts?(p(),b(`div`,mr,[e.pickerConfig.hasYear||e.pickerConfig.hasMonth?(p(),b(`div`,hr,[A(`div`,gr,[e.pickerConfig.hasYear?(p(),b(`button`,{key:0,type:`button`,class:`fms-cal-nav`,"aria-label":m.value===`year`?`前十二年`:`上一年`,onClick:te},[S(x(se),{size:16,"aria-hidden":`true`})],8,_r)):T(``,!0),m.value===`date`&&e.pickerConfig.hasMonth?(p(),b(`button`,{key:1,type:`button`,class:`fms-cal-nav`,"aria-label":`上个月`,onClick:ee},[S(x(ue),{size:16,"aria-hidden":`true`})])):T(``,!0)]),A(`div`,vr,[e.pickerConfig.hasYear?(p(),b(`button`,{key:0,type:`button`,class:N([`fms-cal-title-button`,{"is-active":m.value===`year`}]),"aria-expanded":m.value===`year`,onClick:n[0]||=e=>ie(`year`)},[m.value===`year`?(p(),b(k,{key:0},[P(i(h.value)+` - `+i(h.value+11),1)],64)):(p(),b(k,{key:1},[P(i(v.value)+` 年`,1)],64))],10,yr)):T(``,!0),e.pickerConfig.hasMonth&&m.value!==`year`?(p(),b(`button`,{key:1,type:`button`,class:N([`fms-cal-title-button`,{"is-active":m.value===`month`}]),"aria-expanded":m.value===`month`,onClick:n[1]||=e=>ie(`month`)},i(e.pickerConfig.hasYear?`${C.value+1} 月`:`选择月份`),11,br)):T(``,!0)]),A(`div`,xr,[m.value===`date`&&e.pickerConfig.hasMonth?(p(),b(`button`,{key:0,type:`button`,class:`fms-cal-nav`,"aria-label":`下个月`,onClick:W},[S(x(oe),{size:16,"aria-hidden":`true`})])):T(``,!0),e.pickerConfig.hasYear?(p(),b(`button`,{key:1,type:`button`,class:`fms-cal-nav`,"aria-label":m.value===`year`?`后十二年`:`下一年`,onClick:ne},[S(x(fe),{size:16,"aria-hidden":`true`})],8,Sr)):T(``,!0)])])):T(``,!0),m.value===`date`?(p(),b(`div`,{key:1,class:`fms-calendar-grid`,role:`grid`,"aria-label":D.value},[A(`div`,wr,[(p(!0),b(k,null,s(x(qn),e=>(p(),b(`span`,{key:e,class:`fms-cal-weekday`,role:`columnheader`},i(e),1))),128))]),A(`div`,{class:`fms-cal-rows`,onMouseleave:pe},[(p(!0),b(k,null,s(I.value,(e,t)=>(p(),b(`div`,{key:t,class:`fms-cal-row`,role:`row`},[(p(!0),b(k,null,s(e,e=>(p(),b(`button`,{key:e.key,ref_for:!0,ref:t=>_e(t,e.key),type:`button`,class:N([`fms-cal-cell`,e.classes]),role:`gridcell`,disabled:e.disabled,tabindex:e.key===R.value?0:-1,"aria-label":e.label,"aria-selected":e.selected,onClick:t=>K(e),onFocus:t=>f.value=e.date,onMouseenter:t=>de(e),onKeydown:t=>xe(t,e)},[A(`span`,Er,i(e.day),1)],42,Tr))),128))]))),128))],32)],8,Cr)):m.value===`year`?(p(),b(`div`,{key:2,class:`fms-calendar-selector`,role:`group`,"aria-label":`${h.value} 年至 ${h.value+11} 年`},[(p(!0),b(k,null,s(z.value,e=>(p(),b(`button`,{key:e.value,ref_for:!0,ref:t=>G(t,`year-${e.value}`),type:`button`,class:N([`fms-calendar-selector-item`,{"is-current":e.current,"is-selected":e.selected}]),"aria-pressed":e.selected,onClick:t=>ae(e.value)},i(e.label),11,Or))),128))],8,Dr)):(p(),b(`div`,kr,[(p(!0),b(k,null,s(B.value,e=>(p(),b(`button`,{key:e.value,ref_for:!0,ref:t=>G(t,`month-${e.value}`),type:`button`,class:N([`fms-calendar-selector-item`,{"is-current":e.current,"is-selected":e.selected}]),"aria-pressed":e.selected,onClick:t=>ce(e.value)},i(e.label),11,Ar))),128))]))])):T(``,!0),e.pickerConfig.hasTime?(p(),b(`div`,jr,[e.type===`date`?(p(),E(Bn,{key:0,"model-value":V.value,fields:e.pickerConfig.timeFields,hour12:e.pickerConfig.hour12,"lower-meridiem":e.pickerConfig.lowerMeridiem,"onUpdate:modelValue":me},null,8,[`model-value`,`fields`,`hour12`,`lower-meridiem`])):(p(),b(k,{key:1},[A(`div`,Mr,[n[2]||=A(`span`,{class:`fms-time-label`},`开始`,-1),S(Bn,{"model-value":H.value,fields:e.pickerConfig.timeFields,hour12:e.pickerConfig.hour12,"lower-meridiem":e.pickerConfig.lowerMeridiem,"onUpdate:modelValue":he},null,8,[`model-value`,`fields`,`hour12`,`lower-meridiem`])]),A(`div`,Nr,[n[3]||=A(`span`,{class:`fms-time-label`},`结束`,-1),S(Bn,{"model-value":U.value,fields:e.pickerConfig.timeFields,hour12:e.pickerConfig.hour12,"lower-meridiem":e.pickerConfig.lowerMeridiem,"onUpdate:modelValue":ge},null,8,[`model-value`,`fields`,`hour12`,`lower-meridiem`])])],64))])):T(``,!0)])],2))}},Fr={class:`fms-date-prefix`,"aria-hidden":`true`},Ir=[`aria-expanded`,`value`,`disabled`],Lr={class:`fms-date-suffix`},Rr={__name:`date-picker`,props:{modelValue:{type:[Date,String,null],default:null},format:{type:[String,Array],default:Kn},valueFormat:{type:[String,Array],default:``},clearable:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},disabledDate:{type:Function,default:()=>!1}},emits:[`update:modelValue`,`change`],setup(e,{emit:t}){let n=e,r=t,i=w(!1),a=w(null),o=w(null),s=M(()=>$n(n.format)),l=M(()=>Xn(n.valueFormat)?n.valueFormat:s.value.primaryFormat),u=M(()=>er(n.modelValue,l.value)),d=M(()=>u.value?nr(u.value,s.value.primaryFormat):``),f=M(()=>u.value!==null);function m(e){return tr(e,s.value)}function h(e){let t=m(e);return t?nr(t,l.value):``}function g(e){let t=h(e);r(`update:modelValue`,t),r(`change`,t)}function _(e){a.value=m(e),g(a.value),s.value.hasTime||(i.value=!1)}function v(e){e.stopPropagation(),!n.disabled&&(r(`update:modelValue`,``),r(`change`,``),i.value=!1)}function C(){n.disabled||(i.value=!i.value)}function T(){n.disabled||(i.value=!0,O(()=>o.value?.focusActive()))}function D(e){if(e.key===`ArrowDown`){e.preventDefault(),T();return}e.key===`Enter`||e.key===` `?(e.preventDefault(),i.value?i.value=!1:T()):e.key===`Escape`&&i.value&&(e.preventDefault(),i.value=!1)}return y(i,e=>{if(!e){a.value=null;return}u.value?a.value=m(u.value):s.value.hasTime&&!s.value.hasDateParts?a.value=m(new Date):a.value=null}),y(()=>n.disabled,e=>{e&&(i.value=!1)}),y(s,()=>{i.value&&(a.value=u.value?m(u.value):null,!a.value&&s.value.hasTime&&!s.value.hasDateParts&&(a.value=m(new Date)))}),(t,n)=>(p(),b(`div`,{class:N([`fms-date-picker`,{"is-disabled":e.disabled,"is-open":i.value}])},[S(xe,{open:i.value,"onUpdate:open":n[0]||=e=>i.value=e,trigger:`manual`,placement:`bottom-start`,arrow:!1,offset:8,disabled:e.disabled,"follow-trigger-width":!0},{trigger:c(()=>[A(`div`,{class:`fms-date-trigger`,onClick:C},[A(`span`,Fr,[S(x(Se),{size:15})]),A(`input`,{class:`fms-date-input`,type:`text`,readonly:``,"aria-label":`选择日期或时间`,"aria-haspopup":`dialog`,"aria-expanded":i.value,value:d.value,disabled:e.disabled,onKeydown:D},null,40,Ir),A(`span`,Lr,[f.value&&e.clearable&&!e.disabled?(p(),b(`button`,{key:0,type:`button`,class:`fms-date-clear`,"aria-label":`清除日期或时间`,onClick:v},[S(x(U),{size:14,"aria-hidden":`true`})])):(p(),E(x(Ce),{key:1,size:15,class:`fms-date-arrow`,"aria-hidden":`true`}))])])]),content:c(()=>[S(Pr,{ref_key:`panelRef`,ref:o,type:`date`,"model-value":a.value,"picker-config":s.value,"disabled-date":e.disabledDate,onPick:_},null,8,[`model-value`,`picker-config`,`disabled-date`])]),_:1},8,[`open`,`disabled`])],2))}},zr={class:`fms-date-prefix`,"aria-hidden":`true`},Br=[`aria-expanded`,`value`,`disabled`],Vr=[`aria-expanded`,`value`,`disabled`],Hr={class:`fms-date-suffix`},Ur={__name:`range-picker`,props:{modelValue:{type:[Array,null],default:null},format:{type:[String,Array],default:Kn},valueFormat:{type:[String,Array],default:``},clearable:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},disabledDate:{type:Function,default:()=>!1}},emits:[`update:modelValue`,`change`],setup(e,{emit:t}){let n=e,r=t,i=w(!1),a=w(null),o=w(null),s=w(null),l=w(null),u=M(()=>$n(n.format)),d=M(()=>Xn(n.valueFormat)?n.valueFormat:u.value.primaryFormat);function f(e){return er(n.modelValue?.[e],d.value)}let m=M(()=>f(0)),h=M(()=>f(1)),g=M(()=>m.value?nr(m.value,u.value.primaryFormat):``),_=M(()=>h.value?nr(h.value,u.value.primaryFormat):``),v=M(()=>m.value!==null||h.value!==null);function C(e){return tr(e,u.value)}function T(e){if(!e)return``;let t=C(e);return t?nr(t,d.value):``}function D(e,t){let n=[T(e),T(t)];r(`update:modelValue`,n),r(`change`,n)}function k(){if(!a.value||!o.value||cr(a.value,o.value)<=0)return;let e=a.value;a.value=o.value,o.value=e}function j(e){let t=C(e);if(!a.value||o.value){a.value=t,o.value=null,s.value=null;return}o.value=t,s.value=null,k(),D(a.value,o.value),u.value.hasTime||(i.value=!1)}function P(e){a.value=C(e),o.value&&(k(),D(a.value,o.value))}function F(e){o.value=C(e),!(!a.value||!o.value)&&(k(),D(a.value,o.value))}function I(e){s.value=e}function L(e){e.stopPropagation(),!n.disabled&&(D(null,null),i.value=!1)}function R(){n.disabled||(i.value=!i.value)}function z(){n.disabled||(i.value=!0,O(()=>l.value?.focusActive()))}function B(e){if(e.key===`ArrowDown`){e.preventDefault(),z();return}e.key===`Enter`||e.key===` `?(e.preventDefault(),i.value?i.value=!1:z()):e.key===`Escape`&&i.value&&(e.preventDefault(),i.value=!1)}return y(i,e=>{if(s.value=null,!e){a.value=null,o.value=null;return}if(a.value=m.value?C(m.value):null,o.value=h.value?C(h.value):null,!u.value.hasDateParts&&u.value.hasTime){let e=C(new Date);a.value??=e,o.value??=e}}),y(()=>n.disabled,e=>{e&&(i.value=!1)}),y(u,()=>{if(i.value&&(s.value=null,a.value=m.value?C(m.value):null,o.value=h.value?C(h.value):null,!u.value.hasDateParts&&u.value.hasTime)){let e=C(new Date);a.value??=e,o.value??=e}}),(t,n)=>(p(),b(`div`,{class:N([`fms-range-picker`,{"is-disabled":e.disabled,"is-open":i.value}])},[S(xe,{open:i.value,"onUpdate:open":n[0]||=e=>i.value=e,trigger:`manual`,placement:`bottom-start`,arrow:!1,offset:8,disabled:e.disabled,"follow-trigger-width":!0},{trigger:c(()=>[A(`div`,{class:`fms-range-trigger`,onClick:R},[A(`span`,zr,[S(x(Se),{size:15})]),A(`input`,{class:`fms-range-input`,type:`text`,readonly:``,"aria-label":`开始日期或时间`,"aria-haspopup":`dialog`,"aria-expanded":i.value,value:g.value,disabled:e.disabled,onKeydown:B},null,40,Br),n[1]||=A(`span`,{class:`fms-range-sep`,"aria-hidden":`true`},`~`,-1),A(`input`,{class:`fms-range-input`,type:`text`,readonly:``,"aria-label":`结束日期或时间`,"aria-haspopup":`dialog`,"aria-expanded":i.value,value:_.value,disabled:e.disabled,onKeydown:B},null,40,Vr),A(`span`,Hr,[v.value&&e.clearable&&!e.disabled?(p(),b(`button`,{key:0,type:`button`,class:`fms-date-clear`,"aria-label":`清除日期或时间范围`,onClick:L},[S(x(U),{size:14,"aria-hidden":`true`})])):(p(),E(x(Ce),{key:1,size:15,class:`fms-date-arrow`,"aria-hidden":`true`}))])])]),content:c(()=>[S(Pr,{ref_key:`panelRef`,ref:l,type:`range`,start:a.value,end:o.value,"hover-value":s.value,"picker-config":u.value,"disabled-date":e.disabledDate,onPick:j,onHover:I,"onUpdate:start":P,"onUpdate:end":F},null,8,[`start`,`end`,`hover-value`,`picker-config`,`disabled-date`])]),_:1},8,[`open`,`disabled`])],2))}},Wr={class:`showcase-section`,"aria-labelledby":`date-title`},Gr={class:`demo-panel demo-panel-grid`},Kr={class:`demo-panel demo-panel-grid`},qr={class:`demo-panel demo-panel-grid`},Jr={class:`demo-panel demo-panel-grid`},Yr={class:`demo-panel demo-panel-grid`},Xr={class:`demo-panel demo-panel-grid`},Zr=`2026-08-15`,Qr={__name:`date`,setup(e){let t=w(`2026`),n=w(`08`),r=w(`2026-08`),i=w(`2026-08-15`),a=w(`2026-08-15 09:30`),o=w(`2026-08-15 09:30:00`),s=w([`2026-08-10`,`2026-08-15`]),c=w([`2026-08-10 09:00`,`2026-08-15 18:00`]),l=[`YYYY年MM月DD日`,`YYYY-MM-DD`];return(e,u)=>(p(),b(`section`,Wr,[u[12]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`date-title`},`DatePicker 日期选择`),A(`p`,null,` format 同时决定选择面板、选择精度和展示格式；valueFormat 仅控制绑定值格式， 未设置时自动跟随 format。 `)],-1),u[13]||=A(`p`,{class:`demo-label`},`年、月、年月`,-1),A(`div`,Gr,[S(Rr,{modelValue:t.value,"onUpdate:modelValue":u[0]||=e=>t.value=e,format:`YYYY`},null,8,[`modelValue`]),S(Rr,{modelValue:n.value,"onUpdate:modelValue":u[1]||=e=>n.value=e,format:`MM`},null,8,[`modelValue`]),S(Rr,{modelValue:r.value,"onUpdate:modelValue":u[2]||=e=>r.value=e,format:`YYYY-MM`},null,8,[`modelValue`])]),u[14]||=A(`p`,{class:`demo-label`},`单个日期（纯日期）`,-1),A(`div`,Kr,[S(Rr,{modelValue:i.value,"onUpdate:modelValue":u[3]||=e=>i.value=e},null,8,[`modelValue`]),S(Rr,{modelValue:i.value,"onUpdate:modelValue":u[4]||=e=>i.value=e,format:`YYYY/MM/DD`},null,8,[`modelValue`]),S(Rr,{modelValue:i.value,"onUpdate:modelValue":u[5]||=e=>i.value=e,format:l},null,8,[`modelValue`])]),u[15]||=A(`p`,{class:`demo-label`},`日期时间（format 驱动）`,-1),A(`div`,qr,[S(Rr,{modelValue:a.value,"onUpdate:modelValue":u[6]||=e=>a.value=e,format:`YYYY-MM-DD HH:mm`},null,8,[`modelValue`]),S(Rr,{modelValue:o.value,"onUpdate:modelValue":u[7]||=e=>o.value=e,format:`YYYY-MM-DD HH:mm`,"value-format":`YYYY-MM-DD HH:mm:ss`},null,8,[`modelValue`])]),u[16]||=A(`p`,{class:`demo-label`},`范围选择（纯日期）`,-1),A(`div`,Jr,[S(Ur,{modelValue:s.value,"onUpdate:modelValue":u[8]||=e=>s.value=e},null,8,[`modelValue`]),S(Ur,{modelValue:s.value,"onUpdate:modelValue":u[9]||=e=>s.value=e,format:`YYYY/MM/DD`},null,8,[`modelValue`])]),u[17]||=A(`p`,{class:`demo-label`},`范围选择含时间`,-1),A(`div`,Yr,[S(Ur,{modelValue:c.value,"onUpdate:modelValue":u[10]||=e=>c.value=e,format:`YYYY-MM-DD HH:mm`},null,8,[`modelValue`])]),u[18]||=A(`p`,{class:`demo-label`},`禁用态`,-1),A(`div`,Xr,[S(Rr,{"model-value":Zr,disabled:``}),S(Ur,{modelValue:s.value,"onUpdate:modelValue":u[11]||=e=>s.value=e,disabled:``},null,8,[`modelValue`])])]))}},$r={class:`showcase-section`,"aria-labelledby":`form-title`},ei={class:`demo-panel demo-panel-column`},ti={class:`form-demo-actions`},ni={class:`demo-panel demo-panel-column`},ri={class:`form-demo-actions`},ii={class:`demo-panel demo-panel-column`},ai={class:`form-demo-actions`},oi={class:`demo-panel demo-panel-column`},si={class:`form-demo-actions`},ci=j({__name:`form`,setup(e){let t=n({username:``,email:``}),r={username:[{required:!0,message:`请输入用户名`}],email:[{required:!0,message:`请输入邮箱地址`},{type:`email`,message:`邮箱格式不正确`}]};function i(e){H.success(`提交成功：${e.username} · ${e.email}`)}function a({errorFields:e}){H.error(`校验未通过：${e.map(e=>e.name).join(`、`)}`)}function o(){t.username=``,t.email=``}let s=n({nickname:``,bio:``}),l={nickname:[{required:!0,message:`请输入昵称`}],bio:[{max:20,message:`简介不能超过 20 个字`}]};function u(e){H.success(`提交成功：${e.nickname}`)}function d(){s.nickname=``,s.bio=``}let f=n({phone:``,code:``}),m={phone:[{required:!0,message:`请输入手机号`},{pattern:/^1[3-9]\d{9}$/,message:`手机号格式不正确`}],code:[{required:!0,message:`请输入验证码`},{validator:e=>e&&!/^\d{6}$/.test(e)?`验证码需为 6 位数字`:!0}]};function h(e){H.success(`校验通过：${e.phone} / ${e.code}`)}function g(){f.phone=``,f.code=``}let _=n({department:void 0,joinDate:``,period:null}),v={department:[{required:!0,message:`请选择部门`}],joinDate:[{required:!0,message:`请选择入职日期`}],period:[{required:!0,message:`请选择任职期间`}]},y=[{label:`研发部`,value:`rd`},{label:`产品部`,value:`pd`},{label:`设计部`,value:`design`}];function x(e){H.success(`提交成功：${e.department} / ${e.joinDate}`)}function C(){_.department=void 0,_.joinDate=``,_.period=null}return(e,n)=>(p(),b(`section`,$r,[n[17]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`form-title`},`Form 表单`),A(`p`,null,`轻量级表单组件，支持横向 / 纵向布局、基础校验规则与提交 / 重置事件。`)],-1),n[18]||=A(`p`,{class:`demo-label`},`基础用法（横向布局）`,-1),A(`div`,ei,[S(Ie,{class:`form-demo`,model:t,rules:r,"label-align":`right`,onSubmit:i,onSubmitFailed:a,onReset:o},{default:c(()=>[S(Le,{name:`username`,label:`用户名`},{default:c(()=>[S(W,{modelValue:t.username,"onUpdate:modelValue":n[0]||=e=>t.username=e,placeholder:`请输入用户名`,"allow-clear":``},null,8,[`modelValue`])]),_:1}),S(Le,{name:`email`,label:`邮箱`,extra:`用于接收系统通知`},{default:c(()=>[S(W,{modelValue:t.email,"onUpdate:modelValue":n[1]||=e=>t.email=e,placeholder:`you@example.com`,"allow-clear":``},null,8,[`modelValue`])]),_:1}),A(`div`,ti,[S(q,{type:`default`,"html-type":`submit`},{default:c(()=>[...n[9]||=[P(`提交`,-1)]]),_:1}),S(q,{type:`outline`,"html-type":`reset`},{default:c(()=>[...n[10]||=[P(`重置`,-1)]]),_:1})])]),_:1},8,[`model`])]),n[19]||=A(`p`,{class:`demo-label`},`纵向布局`,-1),A(`div`,ni,[S(Ie,{class:`form-demo`,model:s,rules:l,layout:`vertical`,onSubmit:u,onReset:d},{default:c(()=>[S(Le,{name:`nickname`,label:`昵称`},{default:c(()=>[S(W,{modelValue:s.nickname,"onUpdate:modelValue":n[2]||=e=>s.nickname=e,placeholder:`给自己起个好听的名字`,"allow-clear":``},null,8,[`modelValue`])]),_:1}),S(Le,{name:`bio`,label:`个人简介`,help:`一句话介绍自己`},{default:c(()=>[S(W,{modelValue:s.bio,"onUpdate:modelValue":n[3]||=e=>s.bio=e,type:`textarea`,rows:3,maxlength:20,"show-count":``},null,8,[`modelValue`])]),_:1}),A(`div`,ri,[S(q,{type:`default`,"html-type":`submit`},{default:c(()=>[...n[11]||=[P(`提交`,-1)]]),_:1}),S(q,{type:`outline`,"html-type":`reset`},{default:c(()=>[...n[12]||=[P(`重置`,-1)]]),_:1})])]),_:1},8,[`model`])]),n[20]||=A(`p`,{class:`demo-label`},`自定义校验（validator）`,-1),A(`div`,ii,[S(Ie,{class:`form-demo`,model:f,rules:m,onSubmit:h,onReset:g},{default:c(()=>[S(Le,{name:`phone`,label:`手机号`},{default:c(()=>[S(W,{modelValue:f.phone,"onUpdate:modelValue":n[4]||=e=>f.phone=e,placeholder:`请输入 11 位手机号`,maxlength:`11`,"allow-clear":``},null,8,[`modelValue`])]),_:1}),S(Le,{name:`code`,label:`验证码`,help:`输入短信中的 6 位数字`},{default:c(()=>[S(W,{modelValue:f.code,"onUpdate:modelValue":n[5]||=e=>f.code=e,placeholder:`6 位数字`,maxlength:`6`,"allow-clear":``},null,8,[`modelValue`])]),_:1}),A(`div`,ai,[S(q,{type:`default`,"html-type":`submit`},{default:c(()=>[...n[13]||=[P(`提交`,-1)]]),_:1}),S(q,{type:`outline`,"html-type":`reset`},{default:c(()=>[...n[14]||=[P(`重置`,-1)]]),_:1})])]),_:1},8,[`model`])]),n[21]||=A(`p`,{class:`demo-label`},`校验提示（Select / DatePicker / RangePicker）`,-1),A(`div`,oi,[S(Ie,{class:`form-demo`,model:_,rules:v,onSubmit:x,onReset:C},{default:c(()=>[S(Le,{name:`department`,label:`部门`},{default:c(()=>[S(Y,{modelValue:_.department,"onUpdate:modelValue":n[6]||=e=>_.department=e,options:y,style:{width:`100%`}},null,8,[`modelValue`])]),_:1}),S(Le,{name:`joinDate`,label:`入职日期`},{default:c(()=>[S(Rr,{modelValue:_.joinDate,"onUpdate:modelValue":n[7]||=e=>_.joinDate=e},null,8,[`modelValue`])]),_:1}),S(Le,{name:`period`,label:`任职期间`,extra:`如仍在职可只选开始日期`},{default:c(()=>[S(Ur,{modelValue:_.period,"onUpdate:modelValue":n[8]||=e=>_.period=e},null,8,[`modelValue`])]),_:1}),A(`div`,si,[S(q,{type:`default`,"html-type":`submit`},{default:c(()=>[...n[15]||=[P(`提交`,-1)]]),_:1}),S(q,{type:`outline`,"html-type":`reset`},{default:c(()=>[...n[16]||=[P(`重置`,-1)]]),_:1})])]),_:1},8,[`model`])])]))}},[[`__scopeId`,`data-v-729744f7`]]),li={class:`showcase-section`,"aria-labelledby":`popover-title`},ui={class:`demo-panel`},di={class:`demo-panel popover-placement-grid`},fi={class:`popover-demo-text`},pi={class:`demo-panel`},mi={class:`popover-demo-form`},hi={class:`demo-panel`},gi={__name:`popover`,setup(e){let t=w(!1),n=w(``),r=[`top`,`top-start`,`top-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`,`right`,`right-start`,`right-end`];return(e,a)=>(p(),b(`section`,li,[a[17]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`popover-title`},`Popover 气泡卡片`),A(`p`,null,`浮层基座，承载 Tooltip、Select、Dropdown 等后续组件的定位与交互。`)],-1),a[18]||=A(`p`,{class:`demo-label`},`基础用法`,-1),A(`div`,ui,[S(xe,{trigger:`click`,placement:`top`,arrow:``},{trigger:c(()=>[S(q,null,{default:c(()=>[...a[4]||=[P(`点击打开`,-1)]]),_:1})]),content:c(()=>[...a[5]||=[A(`p`,{class:`popover-demo-title`},`标题`,-1),A(`p`,{class:`popover-demo-text`},`这是一段浮层内容，用于说明当前操作。`,-1)]]),_:1}),S(xe,{trigger:`hover`,placement:`top`,arrow:``},{trigger:c(()=>[S(q,{type:`outline`},{default:c(()=>[...a[6]||=[P(`悬停打开`,-1)]]),_:1})]),content:c(()=>[...a[7]||=[A(`p`,{class:`popover-demo-text`},`hover 触发的浮层，移入浮层内不会关闭。`,-1)]]),_:1}),S(xe,{trigger:`focus`,placement:`top`,arrow:``},{trigger:c(()=>[S(W)]),content:c(()=>[...a[8]||=[A(`p`,{class:`popover-demo-text`},`focus 触发，失焦后关闭。`,-1)]]),_:1})]),a[19]||=A(`p`,{class:`demo-label`},`十二方位`,-1),A(`div`,di,[(p(),b(k,null,s(r,e=>S(xe,{key:e,trigger:`hover`,placement:e,arrow:``},{trigger:c(()=>[S(q,{type:`outline`},{default:c(()=>[P(i(e),1)]),_:2},1024)]),content:c(()=>[A(`p`,fi,i(e),1)]),_:2},1032,[`placement`])),64))]),a[20]||=A(`p`,{class:`demo-label`},`携带表单内容`,-1),A(`div`,pi,[S(xe,{trigger:`click`,placement:`bottom-start`},{trigger:c(()=>[S(q,null,{default:c(()=>[...a[9]||=[P(`筛选`,-1)]]),_:1})]),content:c(()=>[A(`div`,mi,[S(W,{modelValue:n.value,"onUpdate:modelValue":a[0]||=e=>n.value=e},null,8,[`modelValue`]),S(q,{block:``},{default:c(()=>[...a[10]||=[P(`应用`,-1)]]),_:1})])]),_:1})]),a[21]||=A(`p`,{class:`demo-label`},`禁用与受控`,-1),A(`div`,hi,[S(xe,{trigger:`click`,placement:`top`,arrow:``,disabled:``},{trigger:c(()=>[S(q,{type:`outline`},{default:c(()=>[...a[11]||=[P(`禁用`,-1)]]),_:1})]),content:c(()=>[...a[12]||=[A(`p`,{class:`popover-demo-text`},`禁用后不响应触发`,-1)]]),_:1}),S(xe,{open:t.value,"onUpdate:open":a[1]||=e=>t.value=e,trigger:`manual`,placement:`top`,arrow:``},{trigger:c(()=>[S(q,{type:`outline`},{default:c(()=>[...a[13]||=[P(`manual 受控`,-1)]]),_:1})]),content:c(()=>[...a[14]||=[A(`p`,{class:`popover-demo-text`},`由外部状态控制开关`,-1)]]),_:1},8,[`open`]),S(q,{type:`secondary`,onClick:a[2]||=e=>t.value=!0},{default:c(()=>[...a[15]||=[P(`打开`,-1)]]),_:1}),S(q,{type:`secondary`,onClick:a[3]||=e=>t.value=!1},{default:c(()=>[...a[16]||=[P(`关闭`,-1)]]),_:1})])]))}},_i={class:`tooltip-text`},vi=j({__name:`tooltip`,props:{content:{type:String,default:``},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},placement:{type:String,default:`top`},arrow:{type:Boolean,default:!0},mouseEnterDelay:{type:Number,default:100},mouseLeaveDelay:{type:Number,default:100},disabled:{type:Boolean,default:!1}},emits:[`update:open`,`openChange`],setup(e,{emit:t}){let n=t;return(t,r)=>(p(),E(xe,{open:e.open,"default-open":e.defaultOpen,trigger:`hover`,placement:e.placement,arrow:e.arrow,"mouse-enter-delay":e.mouseEnterDelay,"mouse-leave-delay":e.mouseLeaveDelay,disabled:e.disabled,"onUpdate:open":r[0]||=e=>n(`update:open`,e),onOpenChange:r[1]||=e=>n(`openChange`,e)},{trigger:c(()=>[u(t.$slots,`default`,{},void 0,!0)]),content:c(()=>[u(t.$slots,`content`,{},()=>[A(`span`,_i,i(e.content),1)],!0)]),_:3},8,[`open`,`default-open`,`placement`,`arrow`,`mouse-enter-delay`,`mouse-leave-delay`,`disabled`]))}},[[`__scopeId`,`data-v-c2f20c5f`]]),yi={class:`showcase-section`,"aria-labelledby":`tooltip-title`},bi={class:`demo-panel`},xi={class:`demo-panel`},Si={class:`demo-panel popover-placement-grid`},Ci={class:`demo-panel`},wi=`第一行提示
|
||
第二行提示`,Ti={__name:`tooltip`,setup(e){let t=[`top`,`top-start`,`top-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`,`right`,`right-start`,`right-end`];return(e,n)=>(p(),b(`section`,yi,[n[6]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`tooltip-title`},`Tooltip 文字提示`),A(`p`,null,`hover 触发的轻量提示，支持纯文本与富内容、十二方位、箭头开关与禁用。`)],-1),n[7]||=A(`p`,{class:`demo-label`},`基础用法`,-1),A(`div`,bi,[S(vi,{content:`这是一个文字提示`},{default:c(()=>[S(q,null,{default:c(()=>[...n[0]||=[P(`悬停查看提示`,-1)]]),_:1})]),_:1}),S(vi,{content:wi},{default:c(()=>[S(q,{type:`outline`},{default:c(()=>[...n[1]||=[P(`多行提示`,-1)]]),_:1})]),_:1}),S(vi,{arrow:!1,content:`无箭头提示`},{default:c(()=>[S(q,{type:`ghost`},{default:c(()=>[...n[2]||=[P(`无箭头`,-1)]]),_:1})]),_:1})]),n[8]||=A(`p`,{class:`demo-label`},`富内容`,-1),A(`div`,xi,[S(vi,{placement:`top`},{content:c(()=>[...n[3]||=[A(`p`,{class:`popover-demo-title`},`富内容标题`,-1),A(`p`,{class:`popover-demo-text`},`可以放标题与说明文字。`,-1)]]),default:c(()=>[S(q,{type:`secondary`},{default:c(()=>[...n[4]||=[P(`悬停查看富内容`,-1)]]),_:1})]),_:1})]),n[9]||=A(`p`,{class:`demo-label`},`十二方位`,-1),A(`div`,Si,[(p(),b(k,null,s(t,e=>S(vi,{key:e,placement:e,content:e},{default:c(()=>[S(q,{type:`outline`},{default:c(()=>[P(i(e),1)]),_:2},1024)]),_:2},1032,[`placement`,`content`])),64))]),n[10]||=A(`p`,{class:`demo-label`},`禁用`,-1),A(`div`,Ci,[S(vi,{content:`禁用后不显示`,disabled:``},{default:c(()=>[S(q,{type:`outline`},{default:c(()=>[...n[5]||=[P(`禁用提示`,-1)]]),_:1})]),_:1})])]))}},Ei={class:`showcase-section`,"aria-labelledby":`message-title`},Di={class:`placement-grid`},Oi=[`onClick`],ki={class:`demo-panel`},Ai={class:`demo-panel`},ji={class:`demo-panel`},Mi=j({__name:`message`,setup(e){let t=[`top-left`,`top-center`,`top-right`,`center-left`,`center`,`center-right`,`bottom-left`,`bottom-center`,`bottom-right`],n=w(`top-center`);function r(){H.info(`正在上传文件…`),H.success(`文件上传完成`),H.warning(`其中 2 个文件已跳过`)}function a(e){n.value=e,H.config({placement:e}),H.info(`消息出现在 ${e}`)}return(e,o)=>(p(),b(`section`,Ei,[o[11]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`message-title`},`Message 轻提示`),A(`p`,null,`页面顶部居中的轻量反馈，用于操作结果提示，默认自动消失，不阻塞交互。`)],-1),o[12]||=A(`p`,{class:`demo-label`},`出现位置（9 方位）`,-1),A(`div`,Di,[(p(),b(k,null,s(t,e=>A(`button`,{key:e,type:`button`,class:N([`placement-cell`,{"placement-cell-active":n.value===e}]),onClick:t=>a(e)},i(e),11,Oi)),64))]),o[13]||=A(`p`,{class:`demo-label`},`四种类型`,-1),A(`div`,ki,[S(q,{type:`outline`,onClick:o[0]||=e=>x(H).info(`这是一条普通信息提示`)},{default:c(()=>[...o[5]||=[P(`Info`,-1)]]),_:1}),S(q,{type:`outline`,onClick:o[1]||=e=>x(H).success(`操作成功，数据已保存`)},{default:c(()=>[...o[6]||=[P(`Success`,-1)]]),_:1}),S(q,{type:`outline`,onClick:o[2]||=e=>x(H).warning(`当前内容尚未完成编辑`)},{default:c(()=>[...o[7]||=[P(`Warning`,-1)]]),_:1}),S(q,{type:`outline`,onClick:o[3]||=e=>x(H).error(`提交失败，请稍后重试`)},{default:c(()=>[...o[8]||=[P(`Error`,-1)]]),_:1})]),o[14]||=A(`p`,{class:`demo-label`},`可手动关闭`,-1),A(`div`,Ai,[S(q,{type:`outline`,onClick:o[4]||=e=>x(H).info(`可点击右侧关闭按钮立即移除`,{closable:!0,duration:0})},{default:c(()=>[...o[9]||=[P(` 常驻可关闭 `,-1)]]),_:1})]),o[15]||=A(`p`,{class:`demo-label`},`多条堆叠`,-1),A(`div`,ji,[S(q,{type:`outline`,onClick:r},{default:c(()=>[...o[10]||=[P(`连续触发 3 条`,-1)]]),_:1})])]))}},[[`__scopeId`,`data-v-fb911ced`]]),Ni={class:`fms-notification-body`},Pi={key:0,class:`fms-notification-title`},Fi={key:1,class:`fms-notification-desc`},Ii=j({__name:`notification`,props:{id:{type:String,default:``},type:{type:String,default:`info`,validator:e=>[`info`,`success`,`warning`,`error`].includes(e)},title:{type:String,default:``},description:{type:String,default:``},duration:{type:Number,default:4500},closable:{type:Boolean,default:!0}},emits:[`close`],setup(e,{emit:t}){let n=e,a=t,o={info:ee,success:R,warning:I,error:te},s=M(()=>o[n.type]||ee),c=null;function l(){c&&=(clearTimeout(c),null)}function u(){n.duration>0&&(c=setTimeout(()=>a(`close`),n.duration))}function d(){a(`close`)}return D(u),r(l),(t,n)=>(p(),b(`div`,{class:N([`fms-notification`,`fms-notification-${e.type}`]),role:`alert`},[(p(),E(g(s.value),{class:`fms-notification-icon`})),A(`div`,Ni,[e.title?(p(),b(`p`,Pi,i(e.title),1)):T(``,!0),e.description?(p(),b(`p`,Fi,i(e.description),1)):T(``,!0)]),e.closable?(p(),b(`button`,{key:0,type:`button`,class:`fms-notification-close`,"aria-label":`关闭`,onClick:d},[S(x(U),{size:14})])):T(``,!0)],2))}},[[`__scopeId`,`data-v-b3590fbd`]]),Li=n({items:[],placement:`top-right`}),Ri={class:`fms-notification-container`},zi=j({__name:`notification-container`,setup(e){let t=[`top-left`,`top-center`,`top-right`,`center-left`,`center`,`center-right`,`bottom-left`,`bottom-center`,`bottom-right`];function n(e){let t=Li.items.findIndex(t=>t.id===e);t!==-1&&Li.items.splice(t,1)}function r(e){let t=e.split(`-`)[0],n=e.split(`-`)[1]||`center`;return[`fms-placement-${t===`center`?`center-v`:t}`,`fms-placement-${n===`center`?`center-h`:n}`]}function i(e){return Li.items.filter(t=>(t.placement||Li.placement||`top-right`)===e)}return(e,a)=>(p(),E(C,{to:`body`},[A(`div`,Ri,[(p(),b(k,null,s(t,e=>S(z,{key:e,name:`fms-notification`,tag:`div`,class:N([`fms-notification-list`,...r(e)])},{default:c(()=>[(p(!0),b(k,null,s(i(e),e=>(p(),E(Ii,{key:e.id,id:e.id,type:e.type,title:e.title,description:e.description,duration:e.duration,closable:e.closable,onClose:t=>n(e.id)},null,8,[`id`,`type`,`title`,`description`,`duration`,`closable`,`onClose`]))),128))]),_:2},1032,[`class`])),64))])]))}},[[`__scopeId`,`data-v-3db3fd2e`]]),Bi=null,Vi=0;function Hi(){Bi||(Bi=document.createElement(`div`),document.body.appendChild(Bi),F(S(zi),Bi))}function Ui(e){Hi();let t=`fms-notification-${++Vi}`;return Li.items.push({id:t,type:`info`,title:``,description:``,duration:4500,closable:!0,...e,placement:e&&e.placement||Li.placement||`top-right`}),{close:()=>Wi(t)}}function Wi(e){let t=Li.items.findIndex(t=>t.id===e);t!==-1&&Li.items.splice(t,1)}function Gi(){Li.items.splice(0,Li.items.length)}var Ki={open:e=>Ui({...e}),close:e=>Wi(e),closeAll:()=>Gi(),config:e=>{e&&e.placement&&(Li.placement=e.placement)}},qi={class:`showcase-section`,"aria-labelledby":`notification-title`},Ji={class:`placement-grid`},Yi=[`onClick`],Xi={class:`demo-panel`},Zi={class:`demo-panel`},Qi=j({__name:`notification`,setup(e){let t=[`top-left`,`top-center`,`top-right`,`center-left`,`center`,`center-right`,`bottom-left`,`bottom-center`,`bottom-right`],n=w(`top-right`);function r(){Ki.open({type:`success`,title:`新消息`,description:`你有一条来自产品团队的评论。`}),Ki.open({type:`info`,title:`日程提醒`,description:`15:00 有需求评审会议。`}),Ki.open({type:`warning`,title:`配额预警`,description:`存储配额已使用 85%，建议清理。`})}function a(e){n.value=e,Ki.config({placement:e}),Ki.open({type:`info`,title:`位置预览`,description:`通知出现在 ${e}`})}return(e,o)=>(p(),b(`section`,qi,[o[11]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`notification-title`},`Notification 通知`),A(`p`,null,`右上角通知卡片，承载标题与描述信息，支持手动关闭与自动消失，可堆叠。`)],-1),o[12]||=A(`p`,{class:`demo-label`},`出现位置（9 方位）`,-1),A(`div`,Ji,[(p(),b(k,null,s(t,e=>A(`button`,{key:e,type:`button`,class:N([`placement-cell`,{"placement-cell-active":n.value===e}]),onClick:t=>a(e)},i(e),11,Yi)),64))]),o[13]||=A(`p`,{class:`demo-label`},`四种类型`,-1),A(`div`,Xi,[S(q,{type:`outline`,onClick:o[0]||=e=>x(Ki).open({type:`info`,title:`系统通知`,description:`平台将于今晚 22:00 进行例行维护。`})},{default:c(()=>[...o[5]||=[P(`Info`,-1)]]),_:1}),S(q,{type:`outline`,onClick:o[1]||=e=>x(Ki).open({type:`success`,title:`发布成功`,description:`版本 v2.4.0 已成功发布至生产环境。`})},{default:c(()=>[...o[6]||=[P(`Success`,-1)]]),_:1}),S(q,{type:`outline`,onClick:o[2]||=e=>x(Ki).open({type:`warning`,title:`存储空间不足`,description:`当前用量已达 90%，请及时清理。`})},{default:c(()=>[...o[7]||=[P(`Warning`,-1)]]),_:1}),S(q,{type:`outline`,onClick:o[3]||=e=>x(Ki).open({type:`error`,title:`同步失败`,description:`与服务器的连接已断开，请检查网络。`})},{default:c(()=>[...o[8]||=[P(`Error`,-1)]]),_:1})]),o[14]||=A(`p`,{class:`demo-label`},`多条堆叠与全部关闭`,-1),A(`div`,Zi,[S(q,{type:`outline`,onClick:r},{default:c(()=>[...o[9]||=[P(`连续触发 3 条`,-1)]]),_:1}),S(q,{type:`secondary`,onClick:o[4]||=e=>x(Ki).closeAll()},{default:c(()=>[...o[10]||=[P(`关闭全部`,-1)]]),_:1})])]))}},[[`__scopeId`,`data-v-ad02f7e3`]]),$i=[`a[href]`,`button:not([disabled])`,`input:not([disabled])`,`select:not([disabled])`,`textarea:not([disabled])`,`[tabindex]:not([tabindex="-1"])`].join(`,`);function ea(e){return Array.from(e.querySelectorAll($i)).filter(e=>e.getClientRects().length>0)}function ta(e){let t=ea(e);t.length>0?t[0].focus():e.focus()}function na(e,t){if(e.key!==`Tab`)return;let n=ea(t);if(n.length===0){e.preventDefault(),t.focus();return}let r=n[0],i=n[n.length-1],a=document.activeElement;e.shiftKey&&(a===r||!t.contains(a))?(e.preventDefault(),i.focus()):!e.shiftKey&&(a===i||!t.contains(a))&&(e.preventDefault(),r.focus())}var ra=0,ia=null;function aa(){if(ra===0){let e=document.body;ia={overflow:e.style.overflow,paddingRight:e.style.paddingRight};let t=window.innerWidth-document.documentElement.clientWidth;t>0&&(e.style.paddingRight=`${t}px`),e.style.overflow=`hidden`}ra++}function oa(){ra!==0&&(ra--,ra===0&&ia&&(document.body.style.overflow=ia.overflow,document.body.style.paddingRight=ia.paddingRight,ia=null))}function sa(){document.body.style.userSelect=``,document.body.style.webkitUserSelect=``}function ca(e,t,n={}){let{constrain:r=!0,minVisible:i=40}=n;if(!e||!t)return{reset:()=>{},destroy:()=>{}};let a=0,o=0,s=0,c=0,l=0,u=0,d=null,f=!1;function p(n){if(n.button!==0||n.target.closest(`button, a, input, textarea, select, [data-no-drag]`))return;f=!0,s=n.clientX,c=n.clientY,l=a,u=o;let r=e.getBoundingClientRect();d={left:r.left,top:r.top,width:r.width,height:r.height},t.setPointerCapture(n.pointerId),n.preventDefault(),document.body.style.userSelect=`none`,document.body.style.webkitUserSelect=`none`}function m(t){if(!f)return;let n=l+(t.clientX-s),p=u+(t.clientY-c);if(r){let e=i-d.left,t=window.innerWidth-d.width-i-d.left,r=i-d.top,a=window.innerHeight-d.height-i-d.top;e<=t&&(n=Math.min(Math.max(n,e),t)),r<=a&&(p=Math.min(Math.max(p,r),a))}a=n,o=p,e.style.transform=`translate3d(${n}px, ${p}px, 0)`}function h(){f&&(f=!1,sa())}return t.addEventListener(`pointerdown`,p),t.addEventListener(`pointermove`,m),t.addEventListener(`pointerup`,h),t.addEventListener(`pointercancel`,h),{reset(){a=0,o=0,f=!1,e.style.transform=``,sa()},destroy(){f=!1,sa(),t.removeEventListener(`pointerdown`,p),t.removeEventListener(`pointermove`,m),t.removeEventListener(`pointerup`,h),t.removeEventListener(`pointercancel`,h)}}}function la(e,t,n={}){let{direction:r=`se`,minWidth:i=200,minHeight:a=120,maxWidth:o=window.innerWidth,maxHeight:s=window.innerHeight,onResize:c=()=>{}}=n;if(!e||!t)return{destroy:()=>{}};let l=0,u=0,d=null,f=!1;function p(n){if(n.button!==0)return;f=!0,l=n.clientX,u=n.clientY;let r=e.getBoundingClientRect();d={width:r.width,height:r.height},t.classList.add(`is-resizing`),t.setPointerCapture(n.pointerId),n.preventDefault(),document.body.style.userSelect=`none`,document.body.style.webkitUserSelect=`none`}function m(e){if(!f)return;let t=e.clientX-l,n=e.clientY-u,p=d.width,m=d.height;r.includes(`e`)&&(p=d.width+t),r.includes(`w`)&&(p=d.width-t),r.includes(`s`)&&(m=d.height+n),r.includes(`n`)&&(m=d.height-n),p=Math.min(Math.max(p,i),o),m=Math.min(Math.max(m,a),s),c({width:Math.round(p),height:Math.round(m)})}function h(){f&&(f=!1,t.classList.remove(`is-resizing`),sa())}return t.addEventListener(`pointerdown`,p),t.addEventListener(`pointermove`,m),t.addEventListener(`pointerup`,h),t.addEventListener(`pointercancel`,h),{destroy(){f=!1,t.classList.remove(`is-resizing`),sa(),t.removeEventListener(`pointerdown`,p),t.removeEventListener(`pointermove`,m),t.removeEventListener(`pointerup`,h),t.removeEventListener(`pointercancel`,h)}}}var ua={key:0,class:`fms-modal-mask`,"aria-hidden":`true`},da=[`aria-label`,`aria-labelledby`],fa=[`id`],pa={class:`fms-modal-header-actions`},ma=[`aria-label`],ha={class:`fms-modal-body`},ga={key:0,class:`fms-modal-footer`},_a=j({__name:`modal`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},title:{type:String,default:``},width:{type:[Number,String],default:520},centered:{type:Boolean,default:!1},mask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},footer:{type:Boolean,default:!0},okText:{type:String,default:`确定`},cancelText:{type:String,default:`取消`},confirmLoading:{type:Boolean,default:!1}},emits:[`update:open`,`ok`,`cancel`],setup(e,{emit:t}){let n=e,a=t,o=w(n.defaultOpen),s=w(null),l=w(null),d=v(),f=null,m=null,h=[],g=w(!1),D=w(null),j=w(null),F=w(null),I=w(null),L=w(null),R=M({get:()=>n.open===void 0?o.value:n.open,set:e=>{n.open===void 0&&(o.value=e),a(`update:open`,e)}}),z=M(()=>typeof n.width==`number`?`${n.width}px`:n.width),B=M(()=>D.value?{width:`${D.value.width}px`,height:`${D.value.height}px`}:{width:z.value});function H(){n.confirmLoading||(a(`cancel`),ee(!1))}function ee(e){R.value=e}function W(){a(`ok`)}function te(){g.value=!g.value}function ne(e){e.target===e.currentTarget&&n.maskClosable&&H()}function G(e){if(n.keyboard&&e.key===`Escape`){H();return}na(e,s.value)}return y(R,e=>{e?(f=document.activeElement,aa(),O(()=>{!R.value||!s.value||(ta(s.value),s.value.addEventListener(`keydown`,G),m=ca(s.value,l.value),n.resizable&&(h=[{el:j.value,direction:`e`},{el:F.value,direction:`w`},{el:I.value,direction:`s`},{el:L.value,direction:`n`}].filter(e=>e.el).map(({el:e,direction:t})=>la(s.value,e,{direction:t,maxWidth:window.innerWidth-32,maxHeight:window.innerHeight-124,onResize:e=>{D.value=e}}))))})):(oa(),s.value&&s.value.removeEventListener(`keydown`,G),m&&=(m.destroy(),null),h.forEach(e=>e.destroy()),h=[],g.value=!1,D.value=null,f&&typeof f.focus==`function`&&f.focus(),f=null)}),y(g,e=>{R.value&&(e?m&&=(m.reset(),m.destroy(),null):s.value&&l.value&&(m=ca(s.value,l.value)))}),r(()=>{s.value&&s.value.removeEventListener(`keydown`,G),m&&m.destroy(),h.forEach(e=>e.destroy()),oa()}),(t,n)=>(p(),E(C,{to:`body`},[S(V,{name:`fms-modal-mask`},{default:c(()=>[R.value&&e.mask?(p(),b(`div`,ua)):T(``,!0)]),_:1}),S(V,{name:`fms-modal`},{default:c(()=>[R.value?(p(),b(`div`,{key:0,class:N([`fms-modal-wrap`,{"fms-modal-centered":e.centered}]),onClick:ne},[A(`div`,{ref_key:`panelRef`,ref:s,class:N([`fms-modal`,{"fms-modal-fullscreen":g.value}]),role:`dialog`,"aria-modal":`true`,"aria-label":e.title?void 0:`对话框`,"aria-labelledby":e.title?x(d):void 0,tabindex:`-1`,style:_(B.value)},[A(`div`,{ref_key:`headerRef`,ref:l,class:`fms-modal-header`},[e.title?(p(),b(`p`,{key:0,id:x(d),class:`fms-modal-title`},i(e.title),9,fa)):T(``,!0),A(`div`,pa,[e.fullscreen?(p(),b(`button`,{key:0,type:`button`,class:`fms-modal-header-btn`,"aria-label":g.value?`退出全屏`:`全屏`,onClick:te},[g.value?(p(),E(x(be),{key:0,size:14})):(p(),E(x(pe),{key:1,size:14}))],8,ma)):T(``,!0),e.closable?(p(),b(`button`,{key:1,type:`button`,class:`fms-modal-header-btn`,"aria-label":`关闭`,onClick:H},[S(x(U),{size:14})])):T(``,!0)])],512),A(`div`,ha,[u(t.$slots,`default`,{},void 0,!0)]),e.footer?(p(),b(`div`,ga,[u(t.$slots,`footer`,{},()=>[S(q,{type:`outline`,disabled:e.confirmLoading,onClick:H},{default:c(()=>[P(i(e.cancelText),1)]),_:1},8,[`disabled`]),S(q,{loading:e.confirmLoading,onClick:W},{default:c(()=>[P(i(e.okText),1)]),_:1},8,[`loading`])],!0)])):T(``,!0),e.resizable&&!g.value?(p(),b(k,{key:1},[A(`div`,{ref_key:`resizeERef`,ref:j,class:`fms-modal-resizer fms-modal-resizer-e`,"aria-hidden":`true`},null,512),A(`div`,{ref_key:`resizeWRef`,ref:F,class:`fms-modal-resizer fms-modal-resizer-w`,"aria-hidden":`true`},null,512),A(`div`,{ref_key:`resizeSRef`,ref:I,class:`fms-modal-resizer fms-modal-resizer-s`,"aria-hidden":`true`},null,512),A(`div`,{ref_key:`resizeNRef`,ref:L,class:`fms-modal-resizer fms-modal-resizer-n`,"aria-hidden":`true`},null,512)],64)):T(``,!0)],14,da)],2)):T(``,!0)]),_:3})]))}},[[`__scopeId`,`data-v-a8bae84c`]]),va={class:`showcase-section`,"aria-labelledby":`modal-title`},ya={class:`demo-panel`},ba={class:`demo-panel`},xa={class:`demo-panel`},Sa={class:`demo-panel`},Ca={class:`demo-panel`},wa={__name:`modal`,setup(e){let t=w(!1),n=w(!1),r=w(!1),i=w(!1),a=w(!1),o=w(!1),s=w(!1);function l(){a.value=!0,o.value=!0,setTimeout(()=>{o.value=!1,a.value=!1},1200)}function u(){s.value=!1,H.success(`保存成功`)}return(e,d)=>(p(),b(`section`,va,[d[27]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`modal-title`},`Modal 模态框`),A(`p`,null,`居中弹窗，支持遮罩关闭、Esc 关闭与底部按钮区，聚焦会约束在弹窗内部。`)],-1),d[28]||=A(`p`,{class:`demo-label`},`基础用法`,-1),A(`div`,ya,[S(q,{type:`default`,onClick:d[0]||=e=>t.value=!0},{default:c(()=>[...d[13]||=[P(`打开模态框`,-1)]]),_:1})]),d[29]||=A(`p`,{class:`demo-label`},`垂直居中 / 无遮罩`,-1),A(`div`,ba,[S(q,{type:`outline`,onClick:d[1]||=e=>n.value=!0},{default:c(()=>[...d[14]||=[P(`垂直居中`,-1)]]),_:1}),S(q,{type:`outline`,onClick:d[2]||=e=>r.value=!0},{default:c(()=>[...d[15]||=[P(`无遮罩`,-1)]]),_:1})]),d[30]||=A(`p`,{class:`demo-label`},`自定义底部（#footer 插槽）`,-1),A(`div`,xa,[S(q,{type:`outline`,onClick:d[3]||=e=>i.value=!0},{default:c(()=>[...d[16]||=[P(`自定义底部`,-1)]]),_:1})]),d[31]||=A(`p`,{class:`demo-label`},`异步提交（confirmLoading）`,-1),A(`div`,Sa,[S(q,{type:`outline`,onClick:l},{default:c(()=>[...d[17]||=[P(`提交后自动关闭`,-1)]]),_:1})]),d[32]||=A(`p`,{class:`demo-label`},`受控模式 + 关闭后反馈`,-1),A(`div`,Ca,[S(q,{type:`outline`,onClick:d[4]||=e=>s.value=!0},{default:c(()=>[...d[18]||=[P(`保存并提示`,-1)]]),_:1})]),S(_a,{open:t.value,"onUpdate:open":d[5]||=e=>t.value=e,title:`基础模态框`,width:440},{default:c(()=>[...d[19]||=[A(`p`,null,`这是一个基础模态框。拖动标题栏可移动位置，拖动右下角可调整尺寸；右上角可切换全屏；点击遮罩、关闭按钮或按 Esc 均可关闭。`,-1)]]),_:1},8,[`open`]),S(_a,{open:n.value,"onUpdate:open":d[6]||=e=>n.value=e,title:`垂直居中`,width:440,centered:``},{default:c(()=>[...d[20]||=[A(`p`,null,[P(`使用 `),A(`code`,null,`centered`),P(` 属性让弹窗在视口垂直居中显示，适合短内容。`)],-1)]]),_:1},8,[`open`]),S(_a,{open:r.value,"onUpdate:open":d[7]||=e=>r.value=e,title:`无遮罩`,width:440,mask:!1},{default:c(()=>[...d[21]||=[A(`p`,null,[P(`使用 `),A(`code`,null,`:mask="false"`),P(` 隐藏遮罩，弹窗仍可交互，但不再有背景变暗效果。`)],-1)]]),_:1},8,[`open`]),S(_a,{open:i.value,"onUpdate:open":d[10]||=e=>i.value=e,title:`自定义底部`,width:440},{footer:c(()=>[S(q,{type:`outline`,onClick:d[8]||=e=>i.value=!1},{default:c(()=>[...d[22]||=[P(`稍后再说`,-1)]]),_:1}),S(q,{type:`danger`,onClick:d[9]||=e=>i.value=!1},{default:c(()=>[...d[23]||=[P(`立即删除`,-1)]]),_:1})]),default:c(()=>[d[24]||=A(`p`,null,[P(`通过 `),A(`code`,null,`#footer`),P(` 插槽替换默认的确定/取消按钮。`)],-1)]),_:1},8,[`open`]),S(_a,{open:a.value,"onUpdate:open":d[11]||=e=>a.value=e,title:`异步提交`,width:440,"confirm-loading":o.value},{default:c(()=>[...d[25]||=[A(`p`,null,`确定按钮进入加载态，加载期间所有关闭方式（遮罩/Esc/关闭/取消）均被阻止，避免中断提交。`,-1)]]),_:1},8,[`open`,`confirm-loading`]),S(_a,{open:s.value,"onUpdate:open":d[12]||=e=>s.value=e,title:`保存数据`,width:440,"ok-text":`保存`,onOk:u},{default:c(()=>[...d[26]||=[A(`p`,null,`点击「保存」后自动关闭，并触发一条成功提示。`,-1)]]),_:1},8,[`open`])]))}},Ta=[`aria-label`,`aria-labelledby`],Ea={key:0,class:`fms-drawer-header`},Da={class:`fms-drawer-header-main`},Oa=[`id`],ka={key:1,class:`fms-drawer-extra`},Aa={class:`fms-drawer-body`},ja={key:1,class:`fms-drawer-footer`},Ma=j({__name:`drawer`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},title:{type:String,default:``},placement:{type:String,default:`right`,validator:e=>[`left`,`right`,`top`,`bottom`].includes(e)},width:{type:[Number,String],default:378},height:{type:[Number,String],default:378},mask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0}},emits:[`update:open`,`cancel`],setup(e,{emit:t}){let n=e,a=t,o=w(n.defaultOpen),s=w(null),l=v(),d=null,f=null,m=w(null),h=w(null),g=M({get:()=>n.open===void 0?o.value:n.open,set:e=>{n.open===void 0&&(o.value=e),a(`update:open`,e)}}),D=M(()=>n.placement===`left`||n.placement===`right`),k=M(()=>{let e=D.value?n.width:n.height;return typeof e==`number`?`${e}px`:e}),j=M(()=>D.value?{width:m.value?`${m.value}px`:k.value}:{height:m.value?`${m.value}px`:k.value}),P=M(()=>{switch(n.placement){case`left`:return`e`;case`right`:return`w`;case`top`:return`s`;default:return`n`}});function F(e){g.value=e}function I(){n.maskClosable&&L()}function L(){a(`cancel`),F(!1)}function R(e){if(n.keyboard&&e.key===`Escape`){L();return}na(e,s.value)}return y(g,e=>{e?(d=document.activeElement,aa(),O(()=>{!g.value||!s.value||(ta(s.value),s.value.addEventListener(`keydown`,R),n.resizable&&(f=la(s.value,h.value,{direction:P.value,maxWidth:window.innerWidth,maxHeight:window.innerHeight,onResize:({width:e,height:t})=>{m.value=D.value?e:t}})))})):(oa(),s.value&&s.value.removeEventListener(`keydown`,R),f&&=(f.destroy(),null),m.value=null,d&&typeof d.focus==`function`&&d.focus(),d=null)}),r(()=>{s.value&&s.value.removeEventListener(`keydown`,R),f&&f.destroy(),oa()}),(t,n)=>(p(),E(C,{to:`body`},[S(V,{name:`fms-drawer-mask`},{default:c(()=>[g.value&&e.mask?(p(),b(`div`,{key:0,class:`fms-drawer-mask`,"aria-hidden":`true`,onClick:I})):T(``,!0)]),_:1}),S(V,{name:`fms-drawer`},{default:c(()=>[g.value?(p(),b(`div`,{key:0,class:N([`fms-drawer-wrap`,`fms-drawer-${e.placement}`])},[A(`section`,{ref_key:`panelRef`,ref:s,class:`fms-drawer`,role:`dialog`,"aria-modal":`true`,"aria-label":e.title?void 0:`抽屉`,"aria-labelledby":e.title?x(l):void 0,tabindex:`-1`,style:_(j.value)},[e.title||e.closable||t.$slots.extra?(p(),b(`header`,Ea,[A(`div`,Da,[e.title?(p(),b(`p`,{key:0,id:x(l),class:`fms-drawer-title`},i(e.title),9,Oa)):T(``,!0),t.$slots.extra?(p(),b(`div`,ka,[u(t.$slots,`extra`,{},void 0,!0)])):T(``,!0)]),e.closable?(p(),b(`button`,{key:0,type:`button`,class:`fms-drawer-close`,"aria-label":`关闭`,onClick:L},[S(x(U),{size:14})])):T(``,!0)])):T(``,!0),A(`div`,Aa,[u(t.$slots,`default`,{},void 0,!0)]),t.$slots.footer?(p(),b(`footer`,ja,[u(t.$slots,`footer`,{},void 0,!0)])):T(``,!0),e.resizable?(p(),b(`div`,{key:2,ref_key:`resizeRef`,ref:h,class:N([`fms-drawer-resizer`,`fms-drawer-resizer-${P.value}`]),"aria-hidden":`true`},null,2)):T(``,!0)],12,Ta)],2)):T(``,!0)]),_:3})]))}},[[`__scopeId`,`data-v-b6d627bd`]]),Na={class:`showcase-section`,"aria-labelledby":`drawer-title`},Pa={class:`demo-panel`},Fa={class:`demo-panel`},Ia={class:`demo-panel`},La={__name:`drawer`,setup(e){let t=w(!1),n=w(`right`),r=w(!1),a=w(!1);function o(e){n.value=e,t.value=!0}return(e,s)=>(p(),b(`section`,Na,[s[25]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`drawer-title`},`Drawer 抽屉`),A(`p`,null,`从屏幕四边滑入的侧边面板，适合承载表单或详情，支持受控与非受控两种用法。`)],-1),s[26]||=A(`p`,{class:`demo-label`},`四个方向`,-1),A(`div`,Pa,[S(q,{type:`outline`,onClick:s[0]||=e=>o(`left`)},{default:c(()=>[...s[11]||=[P(`左侧`,-1)]]),_:1}),S(q,{type:`outline`,onClick:s[1]||=e=>o(`right`)},{default:c(()=>[...s[12]||=[P(`右侧`,-1)]]),_:1}),S(q,{type:`outline`,onClick:s[2]||=e=>o(`top`)},{default:c(()=>[...s[13]||=[P(`顶部`,-1)]]),_:1}),S(q,{type:`outline`,onClick:s[3]||=e=>o(`bottom`)},{default:c(()=>[...s[14]||=[P(`底部`,-1)]]),_:1})]),s[27]||=A(`p`,{class:`demo-label`},`自定义头部与底部`,-1),A(`div`,Fa,[S(q,{type:`outline`,onClick:s[4]||=e=>r.value=!0},{default:c(()=>[...s[15]||=[P(`自定义内容`,-1)]]),_:1})]),s[28]||=A(`p`,{class:`demo-label`},`无遮罩`,-1),A(`div`,Ia,[S(q,{type:`outline`,onClick:s[5]||=e=>a.value=!0},{default:c(()=>[...s[16]||=[P(`无遮罩抽屉`,-1)]]),_:1})]),S(Ma,{open:t.value,"onUpdate:open":s[6]||=e=>t.value=e,title:`抽屉面板`,placement:n.value,width:360},{default:c(()=>[A(`p`,null,[s[17]||=P(`抽屉从`,-1),A(`strong`,null,i(n.value),1),s[18]||=P(`侧滑入，拖动边缘可调整尺寸；点击遮罩、关闭按钮或按 Esc 均可关闭。`,-1)]),s[19]||=A(`p`,{style:{"margin-top":`12px`}},`适用于表单填写、详情查看等需要更大空间的场景。`,-1)]),_:1},8,[`open`,`placement`]),S(Ma,{open:r.value,"onUpdate:open":s[9]||=e=>r.value=e,title:`自定义头部与底部`,width:400},{extra:c(()=>[S(q,{type:`link`},{default:c(()=>[...s[20]||=[P(`帮助`,-1)]]),_:1})]),footer:c(()=>[S(q,{type:`outline`,onClick:s[7]||=e=>r.value=!1},{default:c(()=>[...s[21]||=[P(`取消`,-1)]]),_:1}),S(q,{type:`default`,onClick:s[8]||=e=>r.value=!1},{default:c(()=>[...s[22]||=[P(`确定`,-1)]]),_:1})]),default:c(()=>[s[23]||=A(`p`,null,[P(`头部左侧通过 `),A(`code`,null,`#extra`),P(` 插槽放入附加操作，底部通过 `),A(`code`,null,`#footer`),P(` 插槽放置按钮。`)],-1)]),_:1},8,[`open`]),S(Ma,{open:a.value,"onUpdate:open":s[10]||=e=>a.value=e,title:`无遮罩`,width:320,mask:!1},{default:c(()=>[...s[24]||=[A(`p`,null,[P(`使用 `),A(`code`,null,`:mask="false"`),P(` 隐藏遮罩，抽屉滑入时页面保持可交互。`)],-1)]]),_:1},8,[`open`])]))}},Ra=[`aria-busy`],za={key:0,class:`spin-container`},Ba={key:0,class:`spin-description`,role:`status`,"aria-label":`加载中`},Va={key:1,class:`spin-section`,role:`status`,"aria-label":`加载中`},Ha={key:0,class:`spin-description`},Ua=j(Object.assign({name:`FmsSpin`},{__name:`spin`,props:{spinning:{type:Boolean,default:!0},delay:{type:Number,default:0},description:{type:String,default:``}},setup(e){let t=e,n=l(),a=w(!1),o=null;function s(){if(o&&=(clearTimeout(o),null),!t.spinning){a.value=!1;return}t.delay>0?o=setTimeout(()=>{a.value=!0},t.delay):a.value=!0}y(()=>[t.spinning,t.delay],s,{immediate:!0}),r(()=>{o&&clearTimeout(o)});function c(){return!!(n.default&&n.default().length>0)}let d=M(()=>!!t.description||!!n.description);return(t,n)=>(p(),b(`div`,{class:N([`spin`,{"spin-nested":c(),"spin-spinning":a.value}]),"aria-busy":a.value,"aria-live":`polite`},[c()?(p(),b(`div`,za,[u(t.$slots,`default`,{},void 0,!0)])):T(``,!0),a.value?(p(),b(k,{key:1},[c()?(p(),b(`div`,Va,[u(t.$slots,`indicator`,{},()=>[S(x(Fe),{class:`spin-indicator`})],!0),d.value?(p(),b(`div`,Ha,[u(t.$slots,`description`,{},()=>[P(i(e.description),1)],!0)])):T(``,!0)])):(p(),b(k,{key:0},[u(t.$slots,`indicator`,{},()=>[S(x(Fe),{class:`spin-indicator`})],!0),d.value?(p(),b(`div`,Ba,[u(t.$slots,`description`,{},()=>[P(i(e.description),1)],!0)])):T(``,!0)],64))],64)):T(``,!0)],10,Ra))}}),[[`__scopeId`,`data-v-3ada4517`]]),Wa={class:`showcase-section`,"aria-labelledby":`spin-title`},Ga={class:`demo-panel`},Ka={class:`demo-panel`},qa={class:`demo-panel`},Ja={class:`demo-panel demo-panel-column`},Ya={class:`spin-control-row`},Xa={class:`demo-panel demo-panel-column`},Za={class:`spin-control-row`},Qa={class:`spin-compare`},$a={class:`spin-card`},eo={class:`spin-table`},to={class:`spin-card`},no={class:`spin-table`},ro=j({__name:`spin`,setup(e){let t=w(!0),n=w(!0),r=[{name:`FMS UI`,version:`0.0.1`,status:`运行中`},{name:`组件库`,version:`1.2.0`,status:`运行中`},{name:`主题系统`,version:`2.0.0`,status:`已停用`}];return(e,a)=>(p(),b(`section`,Wa,[a[9]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`spin-title`},`Spin 加载中`),A(`p`,null,`反馈加载状态：独立指示器，或包裹内容并覆盖轻量遮罩，加载期间内部布局保持不变。`)],-1),a[10]||=A(`p`,{class:`demo-label`},`基础指示器（形态一）`,-1),A(`div`,Ga,[S(Ua)]),a[11]||=A(`p`,{class:`demo-label`},`带文案`,-1),A(`div`,Ka,[S(Ua,{description:`正在加载…`})]),a[12]||=A(`p`,{class:`demo-label`},`自定义指示器（#indicator 插槽）`,-1),A(`div`,qa,[S(Ua,{description:`刷新中`},{indicator:c(()=>[S(x(_e),{class:`spin-custom-indicator`,"aria-hidden":`true`})]),_:1})]),a[13]||=A(`p`,{class:`demo-label`},`延迟显示（delay，防短请求闪烁）`,-1),A(`div`,Ja,[A(`div`,Ya,[a[2]||=A(`span`,null,`延迟 1 秒后显示加载`,-1),S(yn,{modelValue:n.value,"onUpdate:modelValue":a[0]||=e=>n.value=e},null,8,[`modelValue`])]),S(Ua,{spinning:n.value,delay:1e3,description:`正在加载…`},null,8,[`spinning`])]),a[14]||=A(`p`,{class:`demo-label`},`包裹内容（形态二，内部布局不变）`,-1),A(`div`,Xa,[A(`div`,Za,[a[3]||=A(`span`,null,`加载状态`,-1),S(yn,{modelValue:t.value,"onUpdate:modelValue":a[1]||=e=>t.value=e},null,8,[`modelValue`])]),A(`div`,Qa,[A(`div`,$a,[a[5]||=A(`div`,{class:`spin-card-head`},[A(`strong`,null,`服务列表`),A(`span`,{class:`spin-card-badge`},`基准`)],-1),A(`table`,eo,[a[4]||=A(`thead`,null,[A(`tr`,null,[A(`th`,null,`服务`),A(`th`,null,`版本`),A(`th`,null,`状态`)])],-1),A(`tbody`,null,[(p(),b(k,null,s(r,e=>A(`tr`,{key:e.name},[A(`td`,null,i(e.name),1),A(`td`,null,i(e.version),1),A(`td`,null,i(e.status),1)])),64))])])]),S(Ua,{spinning:t.value,description:`加载中`},{default:c(()=>[A(`div`,to,[a[7]||=A(`div`,{class:`spin-card-head`},[A(`strong`,null,`服务列表`),A(`span`,{class:`spin-card-badge`},`Spin`)],-1),A(`table`,no,[a[6]||=A(`thead`,null,[A(`tr`,null,[A(`th`,null,`服务`),A(`th`,null,`版本`),A(`th`,null,`状态`)])],-1),A(`tbody`,null,[(p(),b(k,null,s(r,e=>A(`tr`,{key:e.name},[A(`td`,null,i(e.name),1),A(`td`,null,i(e.version),1),A(`td`,null,i(e.status),1)])),64))])])])]),_:1},8,[`spinning`])]),a[8]||=A(`p`,{class:`spin-hint`},`同一卡片在未包裹与包裹 Spin（含加载中）两种状态下尺寸一致，内部元素位置不偏移。`,-1)])]))}},[[`__scopeId`,`data-v-d5072278`]]),io=Object.assign({name:`FmsRow`},{__name:`row`,props:{gutter:{type:[Number,Array],default:0},align:{type:String,default:void 0,validator:e=>[`top`,`middle`,`bottom`,`stretch`].includes(e)},justify:{type:String,default:void 0,validator:e=>[`start`,`end`,`center`,`space-around`,`space-between`,`space-evenly`].includes(e)},wrap:{type:Boolean,default:!0}},setup(e){let t=e,n=M(()=>{let e=t.gutter;if(Array.isArray(e))return{"--fms-grid-gutter-h":Number(e[0])||0,"--fms-grid-gutter-v":Number(e[1])||0};let n=Number(e)||0;return{"--fms-grid-gutter-h":n,"--fms-grid-gutter-v":n}}),r=M(()=>({"fms-row":!0,"fms-row-no-wrap":!t.wrap,[`fms-row-align-${t.align}`]:!!t.align,[`fms-row-justify-${t.justify}`]:!!t.justify}));return(e,t)=>(p(),b(`div`,{class:N(r.value),style:_(n.value)},[u(e.$slots,`default`)],6))}}),Q=Object.assign({name:`FmsCol`},{__name:`col`,props:{span:{type:[Number,String],default:void 0},offset:{type:[Number,String],default:void 0},order:{type:[Number,String],default:void 0},push:{type:[Number,String],default:void 0},pull:{type:[Number,String],default:void 0},flex:{type:[Number,String],default:void 0}},setup(e){let t=e,n=M(()=>({"fms-col":!0,[`fms-col-${t.span}`]:t.span!==void 0&&!i.value,[`fms-col-offset-${t.offset}`]:t.offset!==void 0,[`fms-col-order-${t.order}`]:t.order!==void 0,[`fms-col-push-${t.push}`]:t.push!==void 0,[`fms-col-pull-${t.pull}`]:t.pull!==void 0})),r=M(()=>{if(t.flex===void 0)return{};let e=t.flex;return typeof e==`number`?{flex:`${e} ${e} auto`}:{flex:e}}),i=M(()=>t.flex!==void 0);return(e,t)=>(p(),b(`div`,{class:N(n.value),style:_(r.value)},[u(e.$slots,`default`)],6))}}),ao={class:`showcase-section`,"aria-labelledby":`grid-title`},oo={class:`demo-panel`},so={class:`grid-demo-block`},co={class:`demo-panel`},lo={class:`grid-demo-block`},uo={class:`demo-panel`},fo={class:`grid-demo-block`},po={class:`demo-panel`},mo={class:`grid-demo-block`},ho={class:`demo-panel`},go={class:`grid-demo-block`},_o={class:`demo-panel`},vo={class:`grid-demo-block`},yo={class:`demo-panel`},bo={class:`grid-demo-block`},xo=j({__name:`grid`,setup(e){return(e,t)=>(p(),b(`section`,ao,[t[21]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`grid-title`},`Grid 栅格`),A(`p`,null,`24 栅格布局容器，用于快速搭建页面结构：Row 控制行间距与对齐，Col 控制占位与偏移。`)],-1),t[22]||=A(`p`,{class:`demo-label`},`基础栅格（每列 1/3）`,-1),A(`div`,oo,[A(`div`,so,[S(io,{gutter:16},{default:c(()=>[S(Q,{span:8},{default:c(()=>[...t[0]||=[A(`div`,{class:`grid-cell`},`span 8`,-1)]]),_:1}),S(Q,{span:8},{default:c(()=>[...t[1]||=[A(`div`,{class:`grid-cell`},`span 8`,-1)]]),_:1}),S(Q,{span:8},{default:c(()=>[...t[2]||=[A(`div`,{class:`grid-cell`},`span 8`,-1)]]),_:1})]),_:1})])]),t[23]||=A(`p`,{class:`demo-label`},`gutter 水平 + 垂直间距 [24, 16]`,-1),A(`div`,co,[A(`div`,lo,[S(io,{gutter:[24,16]},{default:c(()=>[S(Q,{span:6},{default:c(()=>[...t[3]||=[A(`div`,{class:`grid-cell`},`span 6`,-1)]]),_:1}),S(Q,{span:6},{default:c(()=>[...t[4]||=[A(`div`,{class:`grid-cell`},`span 6`,-1)]]),_:1}),S(Q,{span:6},{default:c(()=>[...t[5]||=[A(`div`,{class:`grid-cell`},`span 6`,-1)]]),_:1}),S(Q,{span:6},{default:c(()=>[...t[6]||=[A(`div`,{class:`grid-cell`},`span 6`,-1)]]),_:1}),S(Q,{span:6},{default:c(()=>[...t[7]||=[A(`div`,{class:`grid-cell`},`span 6`,-1)]]),_:1}),S(Q,{span:6},{default:c(()=>[...t[8]||=[A(`div`,{class:`grid-cell`},`span 6`,-1)]]),_:1})]),_:1})])]),t[24]||=A(`p`,{class:`demo-label`},`对齐 align="middle" + justify="space-between"`,-1),A(`div`,uo,[A(`div`,fo,[S(io,{gutter:16,align:`middle`,justify:`space-between`},{default:c(()=>[S(Q,{span:4},{default:c(()=>[...t[9]||=[A(`div`,{class:`grid-cell grid-cell-sm`},`span 4`,-1)]]),_:1}),S(Q,{span:4},{default:c(()=>[...t[10]||=[A(`div`,{class:`grid-cell grid-cell-md`},`span 4`,-1)]]),_:1}),S(Q,{span:4},{default:c(()=>[...t[11]||=[A(`div`,{class:`grid-cell grid-cell-lg`},`span 4`,-1)]]),_:1})]),_:1})])]),t[25]||=A(`p`,{class:`demo-label`},`偏移 offset（左侧空出 8 格）`,-1),A(`div`,po,[A(`div`,mo,[S(io,{gutter:16},{default:c(()=>[S(Q,{span:8,offset:8},{default:c(()=>[...t[12]||=[A(`div`,{class:`grid-cell`},`offset 8 / span 8`,-1)]]),_:1})]),_:1})])]),t[26]||=A(`p`,{class:`demo-label`},`排序 order（DOM 顺序 3-1-2，视觉顺序 1-2-3）`,-1),A(`div`,ho,[A(`div`,go,[S(io,{gutter:16},{default:c(()=>[S(Q,{span:6,order:3},{default:c(()=>[...t[13]||=[A(`div`,{class:`grid-cell`},`order 3`,-1)]]),_:1}),S(Q,{span:6,order:1},{default:c(()=>[...t[14]||=[A(`div`,{class:`grid-cell`},`order 1`,-1)]]),_:1}),S(Q,{span:6,order:2},{default:c(()=>[...t[15]||=[A(`div`,{class:`grid-cell`},`order 2`,-1)]]),_:1})]),_:1})])]),t[27]||=A(`p`,{class:`demo-label`},`push / pull（两列交换位置）`,-1),A(`div`,_o,[A(`div`,vo,[S(io,{gutter:16},{default:c(()=>[S(Q,{span:8,push:8},{default:c(()=>[...t[16]||=[A(`div`,{class:`grid-cell`},`push 8（移到右侧）`,-1)]]),_:1}),S(Q,{span:8,pull:8},{default:c(()=>[...t[17]||=[A(`div`,{class:`grid-cell`},`pull 8（移到左侧）`,-1)]]),_:1})]),_:1})])]),t[28]||=A(`p`,{class:`demo-label`},`flex（第一列固定 100px，其余均分剩余）`,-1),A(`div`,yo,[A(`div`,bo,[S(io,{gutter:16},{default:c(()=>[S(Q,{flex:`100px`},{default:c(()=>[...t[18]||=[A(`div`,{class:`grid-cell`},`flex 100px`,-1)]]),_:1}),S(Q,{flex:`auto`},{default:c(()=>[...t[19]||=[A(`div`,{class:`grid-cell`},`flex auto`,-1)]]),_:1}),S(Q,{flex:`auto`},{default:c(()=>[...t[20]||=[A(`div`,{class:`grid-cell`},`flex auto`,-1)]]),_:1})]),_:1})])])]))}},[[`__scopeId`,`data-v-6eb39c88`]]),So={class:`showcase-section`,"aria-labelledby":`splitter-title`},Co={class:`demo-panel`},wo={class:`demo-panel`},To={class:`demo-panel`},Eo={class:`splitter-pane`},Do={class:`demo-panel`},Oo={class:`demo-panel`},ko=j({__name:`splitter`,setup(e){let t=w([240,0]);function n(e){t.value=e}return(e,r)=>(p(),b(`section`,So,[r[10]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`splitter-title`},`Splitter 分割面板`),A(`p`,null,`水平或垂直分割容器，拖动分隔条调整各面板尺寸，支持固定尺寸、最小/最大约束与键盘方向键操作。`)],-1),r[11]||=A(`p`,{class:`demo-label`},`水平分割（首尾固定，中间自适应）`,-1),A(`div`,Co,[S(le,{class:`splitter-demo`},{default:c(()=>[S(K,{"default-size":`200`},{default:c(()=>[...r[0]||=[A(`div`,{class:`splitter-pane`},`左侧 200px`,-1)]]),_:1}),S(K,null,{default:c(()=>[...r[1]||=[A(`div`,{class:`splitter-pane`},`中间自适应`,-1)]]),_:1}),S(K,{"default-size":`200`},{default:c(()=>[...r[2]||=[A(`div`,{class:`splitter-pane`},`右侧 200px`,-1)]]),_:1})]),_:1})]),r[12]||=A(`p`,{class:`demo-label`},`垂直分割（百分比尺寸）`,-1),A(`div`,wo,[S(le,{direction:`vertical`,class:`splitter-demo`},{default:c(()=>[S(K,{"default-size":`40%`},{default:c(()=>[...r[3]||=[A(`div`,{class:`splitter-pane`},`上 40%`,-1)]]),_:1}),S(K,null,{default:c(()=>[...r[4]||=[A(`div`,{class:`splitter-pane`},`下自适应`,-1)]]),_:1})]),_:1})]),r[13]||=A(`p`,{class:`demo-label`},`min / max 约束`,-1),A(`div`,To,[S(le,{class:`splitter-demo`,onResize:n},{default:c(()=>[S(K,{min:`120`,max:`240`,"default-size":`240`},{default:c(()=>[...r[5]||=[A(`div`,{class:`splitter-pane`},`min 120 / max 240`,-1)]]),_:1}),S(K,null,{default:c(()=>[A(`div`,Eo,`左侧当前：`+i(t.value[0])+`px`,1)]),_:1})]),_:1})]),r[14]||=A(`p`,{class:`demo-label`},`hover 时显示分割线`,-1),A(`div`,Do,[S(le,{class:`splitter-demo`,"bar-on-hover":``},{default:c(()=>[S(K,{"default-size":`40%`},{default:c(()=>[...r[6]||=[A(`div`,{class:`splitter-pane`},`平时无分割线`,-1)]]),_:1}),S(K,null,{default:c(()=>[...r[7]||=[A(`div`,{class:`splitter-pane`},`悬停或聚焦分隔条时显示`,-1)]]),_:1})]),_:1})]),r[15]||=A(`p`,{class:`demo-label`},`禁用调整`,-1),A(`div`,Oo,[S(le,{class:`splitter-demo`},{default:c(()=>[S(K,{"default-size":`50%`,resizable:!1},{default:c(()=>[...r[8]||=[A(`div`,{class:`splitter-pane`},`不可调整`,-1)]]),_:1}),S(K,{"default-size":`50%`},{default:c(()=>[...r[9]||=[A(`div`,{class:`splitter-pane`},`不可调整`,-1)]]),_:1})]),_:1})])]))}},[[`__scopeId`,`data-v-5333c8a0`]]),Ao={class:`showcase-section`,"aria-labelledby":`dropdown-title`},jo={class:`demo-panel`},Mo={class:`demo-panel`},No={class:`demo-panel`},Po={class:`demo-panel`},Fo={class:`demo-panel`},Io={class:`demo-panel`},Lo={class:`demo-panel`},Ro={class:`dropdown-demo-custom`},zo={key:0,class:`dropdown-demo-result`},Bo=j({__name:`dropdown`,setup(e){let t=w(``),n=w(!1);function r({key:e}){t.value=String(e)}let a=[{key:`profile`,label:`个人中心`},{key:`billing`,label:`账单管理`},{key:`settings`,label:`系统设置`}],o=[{key:`edit`,label:`编辑`,icon:ve},{key:`copy`,label:`复制`,icon:Me,shortcut:`⌘C`},{key:`notify`,label:`通知`,icon:ce,shortcut:`⌘N`}],s=[{key:`account`,label:`账号信息`,icon:B},{key:`profile`,label:`个人资料`},{type:`label`,label:`会话`},{key:`messages`,label:`消息`,icon:ye,shortcut:`⌘K`},{key:`divider-1`,divider:!0},{key:`logout`,label:`退出登录`,icon:Pe,danger:!0}],l=[{key:`new`,label:`新建项目`,icon:ve},{key:`rename`,label:`重命名`,icon:we,disabled:!0},{key:`delete`,label:`删除项目`,icon:Pe,danger:!0,disabled:!0}],u=[{key:`team`,label:`团队管理`},{key:`invite`,label:`邀请成员`,icon:ve,children:[{key:`invite-mail`,label:`通过邮件`,icon:je},{key:`invite-msg`,label:`通过消息`,icon:ye},{key:`divider-2`,divider:!0},{key:`invite-more`,label:`更多方式`}]},{key:`billing`,label:`账单管理`,icon:ae,shortcut:`⌘B`}],d=[{key:`refresh`,label:`刷新`},{key:`divider-3`,divider:!0},{key:`copy`,label:`复制`,icon:Me,shortcut:`⌘C`},{key:`delete`,label:`删除`,icon:Pe,danger:!0}];return(e,f)=>(p(),b(`section`,Ao,[f[16]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`dropdown-title`},`Dropdown 下拉菜单`),A(`p`,null,`数据驱动菜单项，支持点击 / 悬停 / 右键触发、多级子菜单与键盘导航。`)],-1),f[17]||=A(`p`,{class:`demo-label`},`基础用法`,-1),A(`div`,jo,[S(De,{items:a,onClick:r},{trigger:c(()=>[S(q,{type:`outline`},{default:c(()=>[...f[3]||=[P(`操作`,-1)]]),_:1})]),_:1}),S(De,{items:o,onClick:r},{trigger:c(()=>[S(q,{type:`outline`},{default:c(()=>[...f[4]||=[P(`更多操作`,-1)]]),_:1})]),_:1})]),f[18]||=A(`p`,{class:`demo-label`},`分组、分隔线与危险项`,-1),A(`div`,Mo,[S(De,{items:s,onClick:r},{trigger:c(()=>[S(q,{type:`outline`},{default:c(()=>[...f[5]||=[P(`用户菜单`,-1)]]),_:1})]),_:1})]),f[19]||=A(`p`,{class:`demo-label`},`禁用项`,-1),A(`div`,No,[S(De,{items:l,onClick:r},{trigger:c(()=>[S(q,{type:`outline`},{default:c(()=>[...f[6]||=[P(`项目管理`,-1)]]),_:1})]),_:1})]),f[20]||=A(`p`,{class:`demo-label`},`多级子菜单`,-1),A(`div`,Po,[S(De,{items:u,onClick:r},{trigger:c(()=>[S(q,{type:`outline`},{default:c(()=>[...f[7]||=[P(`团队`,-1)]]),_:1})]),_:1})]),f[21]||=A(`p`,{class:`demo-label`},`hover 触发`,-1),A(`div`,Fo,[S(De,{items:a,trigger:`hover`,onClick:r},{trigger:c(()=>[S(q,{type:`outline`},{default:c(()=>[...f[8]||=[P(`悬停打开`,-1)]]),_:1})]),_:1})]),f[22]||=A(`p`,{class:`demo-label`},`右键触发`,-1),A(`div`,Io,[S(De,{items:d,trigger:`contextmenu`,placement:`bottom-start`,onClick:r},{trigger:c(()=>[...f[9]||=[A(`div`,{class:`dropdown-demo-context`},`在此区域右键`,-1)]]),_:1})]),f[23]||=A(`p`,{class:`demo-label`},`受控与自定义内容`,-1),A(`div`,Lo,[S(De,{open:n.value,"onUpdate:open":f[0]||=e=>n.value=e,items:a,onClick:r},{trigger:c(()=>[S(q,{type:`outline`},{default:c(()=>[...f[10]||=[P(`受控菜单`,-1)]]),_:1})]),_:1},8,[`open`]),S(q,{type:`secondary`,onClick:f[1]||=e=>n.value=!0},{default:c(()=>[...f[11]||=[P(`打开`,-1)]]),_:1}),S(q,{type:`secondary`,onClick:f[2]||=e=>n.value=!1},{default:c(()=>[...f[12]||=[P(`关闭`,-1)]]),_:1}),S(De,{onClick:r},{trigger:c(()=>[S(q,{type:`outline`},{default:c(()=>[...f[13]||=[P(`自定义内容`,-1)]]),_:1})]),menu:c(({close:e})=>[A(`div`,Ro,[f[15]||=A(`p`,null,`自定义菜单内容，不依赖 items。`,-1),S(q,{block:``,onClick:t=>e()},{default:c(()=>[...f[14]||=[P(`知道了`,-1)]]),_:1},8,[`onClick`])])]),_:1})]),t.value?(p(),b(`p`,zo,`最近操作：`+i(t.value),1)):T(``,!0)]))}},[[`__scopeId`,`data-v-aa1a55d5`]]),Vo={key:0,class:`tag-icon`},Ho={class:`tag-content`},Uo=[`aria-disabled`],$=j({__name:`tag`,props:{variant:{type:String,default:`default`,validator:e=>[`default`,`secondary`,`outline`,`danger`,`ghost`].includes(e)},closable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},href:{type:String,default:void 0}},emits:[`close`],setup(e,{emit:t}){let n=e,r=t,i=w(!0),a=M(()=>[`tag`,`tag-${n.variant}`,n.disabled?`tag-disabled`:``,i.value?``:`tag-hidden`]);function o(e){n.disabled||(r(`close`,e),e.defaultPrevented||(i.value=!1))}function s(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),o(e))}return(t,n)=>(p(),E(g(e.href?`a`:`span`),{class:N(a.value),href:e.disabled?void 0:e.href,"aria-disabled":e.disabled||void 0},{default:c(()=>[t.$slots.icon?(p(),b(`span`,Vo,[u(t.$slots,`icon`,{},void 0,!0)])):T(``,!0),A(`span`,Ho,[u(t.$slots,`default`,{},void 0,!0)]),e.closable?(p(),b(`span`,{key:1,class:`tag-close`,role:`button`,tabindex:`disabled ? -1 : 0`,"aria-label":`关闭`,"aria-disabled":e.disabled||void 0,onClick:o,onKeydown:s},[u(t.$slots,`closeIcon`,{},()=>[S(x(U),{"aria-hidden":`true`})],!0)],40,Uo)):T(``,!0)]),_:3},8,[`class`,`href`,`aria-disabled`]))}},[[`__scopeId`,`data-v-a38750f8`]]),Wo={class:`showcase-section`,"aria-labelledby":`tag-title`},Go={class:`demo-panel`},Ko={class:`demo-panel`},qo={class:`demo-panel`},Jo={key:0,class:`tag-demo-empty`},Yo={class:`demo-panel`},Xo={class:`demo-panel`},Zo=j({__name:`tag`,setup(e){let t=w([`Vue 3`,`Vite`,`Pinia`,`oxlint`]);function n(e){t.value=t.value.filter(t=>t!==e)}return(e,r)=>(p(),b(`section`,Wo,[r[13]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`tag-title`},`Tag 标签`),A(`p`,null,`胶囊小标签，用于分类、状态与标记；支持变体、图标、可关闭与链接。`)],-1),r[14]||=A(`p`,{class:`demo-label`},`基础变体`,-1),A(`div`,Go,[S($,null,{default:c(()=>[...r[0]||=[P(`默认`,-1)]]),_:1}),S($,{variant:`secondary`},{default:c(()=>[...r[1]||=[P(`次要`,-1)]]),_:1}),S($,{variant:`outline`},{default:c(()=>[...r[2]||=[P(`描边`,-1)]]),_:1}),S($,{variant:`danger`},{default:c(()=>[...r[3]||=[P(`危险`,-1)]]),_:1}),S($,{variant:`ghost`},{default:c(()=>[...r[4]||=[P(`幽灵`,-1)]]),_:1})]),r[15]||=A(`p`,{class:`demo-label`},`图标标签`,-1),A(`div`,Ko,[S($,{variant:`secondary`},{icon:c(()=>[S(x(ge),{"aria-hidden":`true`})]),default:c(()=>[r[5]||=P(` AI 生成 `,-1)]),_:1}),S($,{variant:`outline`},{icon:c(()=>[S(x(Oe),{"aria-hidden":`true`})]),default:c(()=>[r[6]||=P(` 精选 `,-1)]),_:1})]),r[16]||=A(`p`,{class:`demo-label`},`可关闭`,-1),A(`div`,qo,[(p(!0),b(k,null,s(t.value,e=>(p(),E($,{key:e,variant:`secondary`,closable:``,onClose:t=>n(e)},{default:c(()=>[P(i(e),1)]),_:2},1032,[`onClose`]))),128)),t.value.length?T(``,!0):(p(),b(`span`,Jo,`全部已关闭`))]),r[17]||=A(`p`,{class:`demo-label`},`禁用态`,-1),A(`div`,Yo,[S($,{disabled:``},{default:c(()=>[...r[7]||=[P(`默认禁用`,-1)]]),_:1}),S($,{variant:`outline`,disabled:``},{default:c(()=>[...r[8]||=[P(`描边禁用`,-1)]]),_:1}),S($,{variant:`danger`,disabled:``},{default:c(()=>[...r[9]||=[P(`危险禁用`,-1)]]),_:1}),S($,{variant:`secondary`,closable:``,disabled:``},{default:c(()=>[...r[10]||=[P(`不可关闭`,-1)]]),_:1})]),r[18]||=A(`p`,{class:`demo-label`},`链接标签`,-1),A(`div`,Xo,[S($,{href:`https://vuejs.org`,target:`_blank`},{default:c(()=>[...r[11]||=[P(`Vue`,-1)]]),_:1}),S($,{href:`https://vitejs.dev`,target:`_blank`,variant:`outline`},{default:c(()=>[...r[12]||=[P(`Vite`,-1)]]),_:1})])]))}},[[`__scopeId`,`data-v-ece7f8e6`]]);function Qo(e){return{key:`key`,title:`title`,children:`children`,...e}}function $o(e,t){return e[t.key]}function es(e,t){return e[t.title]}function ts(e,t){let n=e[t.children];return Array.isArray(n)&&n.length?n:null}function ns(e,t,{lazy:n=!1,loadedKeys:r=new Set}={}){if(e.isLeaf===!0)return!0;if(e.isLeaf===!1)return!1;let i=ts(e,t);return n?r.has($o(e,t))&&!i:!i}function rs(e,t){let n=new Map,r=new Map,i=new Map,a=new Map,o=[],s=(e,o,c)=>{e.forEach(e=>{let l=$o(e,t);i.set(l,e),n.set(l,o),r.set(l,c);let u=ts(e,t);a.set(l,u?u.map(e=>$o(e,t)):[]),u&&s(u,l,c+1)})},c=Array.isArray(e)?e:[];return s(c,null,0),c.forEach(e=>o.push($o(e,t))),{parentMap:n,levelMap:r,nodeMap:i,childrenMap:a,rootKeys:o}}function is(e,t){let n=[e],r=[...t.get(e)||[]];for(;r.length;){let e=r.pop();n.push(e);let i=t.get(e);i&&r.push(...i)}return n}function as(e,t){let n=new Set;return e.forEach(e=>{let r=t.get(e);for(;r!=null;)n.add(r),r=t.get(r)}),[...n]}function os(e,t,n){let r=new Set(t),i=new Set,a=rs(e,n);t.forEach(e=>{is(e,a.childrenMap).forEach(e=>r.add(e))});let o=e=>e.map(e=>{let t=$o(e,n),a=ts(e,n);if(!a)return r.has(t)?`checked`:`unchecked`;let s=a.map(e=>o([e])[0]),c;return c=s.every(e=>e===`checked`)?`checked`:s.some(e=>e===`checked`||e===`half`)?`half`:`unchecked`,c===`checked`?r.add(t):r.delete(t),c===`half`?i.add(t):i.delete(t),c});return o(Array.isArray(e)?e:[]),{checked:r,half:i}}function ss(e,t,n){let r=new Set,i=new Set,a=(t||``).trim().toLowerCase();if(!a)return{matched:r,expand:i};let o=(e,t)=>{e.forEach(e=>{let s=$o(e,n);String(es(e,n)??``).toLowerCase().includes(a)&&(r.add(s),t.forEach(e=>i.add(e)));let c=ts(e,n);c&&o(c,[...t,s])})};return o(Array.isArray(e)?e:[],[]),{matched:r,expand:i}}function cs(e,t){let n=e-t.top;return n<t.height*.25?`before`:n>t.height*.75?`after`:`inside`}var ls={key:0},us=[`aria-selected`,`aria-expanded`,`aria-disabled`,`tabindex`,`draggable`],ds={key:0,class:`tree-node-grip`,"aria-hidden":!0},fs=[`aria-label`],ps={key:2,class:`tree-node-switcher is-placeholder`,"aria-hidden":!0},ms={key:3,class:`tree-node-checkbox`},hs={key:1},gs={class:`tree-highlight`},_s={key:2},vs={key:0,class:`tree-node-children`},ys={class:`tree-node-children-inner`},bs=j({__name:`tree-node`,props:{node:{type:Object,required:!0},level:{type:Number,default:0}},setup(e){let t=e,n=o(`tree`),a=n.fieldNames,l=M(()=>$o(t.node,a.value)),u=M(()=>ns(t.node,a.value,{lazy:n.props.lazy,loadedKeys:n.loadedSet.value})),d=M(()=>!!(n.props.disabled||t.node.disabled)),m=M(()=>!!t.node.disableCheckbox),h=M(()=>n.props.lazy&&n.loadingKeys.value.has(l.value)&&!n.loadedSet.value.has(l.value)),v=M(()=>n.effectiveExpanded.value.has(l.value)),y=M(()=>n.selectedSet.value.has(l.value)),C=M(()=>n.checkedSet.value.has(l.value)),O=M(()=>n.halfSet.value.has(l.value)),j=M(()=>ts(t.node,a.value)),F=M(()=>n.dragKey.value===l.value),I=M(()=>n.dragKey.value!=null&&n.dropKey.value===l.value&&!F.value),L=M(()=>{if(!I.value)return``;let e=n.dropPosition.value;return e===`before`?`drop-before`:e===`after`?`drop-after`:`drop-inside`}),R=n.titleSlot,z={render:()=>R({node:t.node,expanded:v.value,selected:y.value})},B=M(()=>String(n.getNodeTitle(t.node)??``)),H=M(()=>{let e=B.value,t=(n.filter.value||``).trim();if(!t||!e)return null;let r=e.toLowerCase().indexOf(t.toLowerCase());return r===-1?null:{before:e.slice(0,r),match:e.slice(r,r+t.length),after:e.slice(r+t.length)}}),U=M(()=>!n.filterActive.value||!!(n.filterVisible.value&&n.filterVisible.value.has(l.value))),ee=M(()=>[`tree-node`,v.value?`is-expanded`:``,u.value?`is-leaf`:``,y.value?`is-selected`:``,d.value?`is-disabled`:``,h.value?`is-loading`:``,m.value?`is-checkbox-disabled`:``,n.props.blockNode?`is-block`:``,F.value?`is-dragging`:``,L.value]),W=w(null),te=M(()=>n.activeKey.value===l.value?0:-1);D(()=>n.registerNode(l.value,W.value)),r(()=>n.unregisterNode(l.value));function ne(){d.value||h.value||(n.toggleExpand(l.value,t.node),n.activeKey.value=l.value,W.value?.focus())}function re(e){d.value||(n.handleSelect(l.value,t.node,e),n.activeKey.value=l.value,W.value?.focus())}function ie(){n.handleCheck(l.value,t.node)}function ae(e){if(d.value){e.preventDefault();return}n.onDragStart(t.node,e)}function se(e){n.onDragOver(t.node,e)}function ce(e){n.onDragLeave(t.node,e)}function le(e){n.onDrop(t.node,e)}return(t,r)=>{let o=f(`TreeNode`,!0);return U.value?(p(),b(`div`,ls,[A(`div`,{ref_key:`rowRef`,ref:W,class:N(ee.value),style:_({"--level":e.level}),role:`treeitem`,"aria-selected":y.value,"aria-expanded":u.value?void 0:v.value,"aria-disabled":d.value||void 0,tabindex:te.value,draggable:x(n).props.draggable&&!d.value?`true`:void 0,onDragstart:ae,onDragover:se,onDragleave:ce,onDrop:le},[x(n).props.draggable?(p(),b(`span`,ds,[S(x(Ne))])):T(``,!0),u.value?(p(),b(`span`,ps)):(p(),b(`span`,{key:1,class:`tree-node-switcher`,role:`button`,tabindex:`-1`,"aria-label":v.value?`收起`:`展开`,onClick:G(ne,[`stop`])},[h.value?(p(),E(x(he),{key:0,class:`tree-spinner`,"aria-hidden":!0})):(p(),E(x(oe),{key:1,class:N([`tree-switcher-icon`,{"is-open":v.value}]),"aria-hidden":!0},null,8,[`class`]))],8,fs)),x(n).props.checkable?(p(),b(`span`,ms,[S(tn,{"model-value":C.value,indeterminate:O.value,disabled:d.value||m.value,onChange:ie},null,8,[`model-value`,`indeterminate`,`disabled`])])):T(``,!0),A(`span`,{class:N([`tree-node-content`,{"is-block":x(n).props.blockNode}]),onClick:re},[x(R)?(p(),E(g(z),{key:0})):H.value?(p(),b(`span`,hs,[P(i(H.value.before),1),A(`span`,gs,i(H.value.match),1),P(i(H.value.after),1)])):(p(),b(`span`,_s,i(B.value),1))],2)],46,us),S(V,{name:`tree-collapse`},{default:c(()=>[j.value&&v.value?(p(),b(`div`,vs,[A(`div`,ys,[(p(!0),b(k,null,s(j.value,t=>(p(),E(o,{key:x($o)(t,x(a)),node:t,level:e.level+1},null,8,[`node`,`level`]))),128))])])):T(``,!0)]),_:1})])):T(``,!0)}}},[[`__scopeId`,`data-v-1f082b25`]]),xs={key:0,class:`tree-empty`},Ss=j({__name:`tree`,props:{treeData:{type:Array,default:()=>[]},fieldNames:{type:Object,default:()=>({})},checkable:{type:Boolean,default:!1},selectable:{type:Boolean,default:!0},multiple:{type:Boolean,default:!1},checkStrictly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},filter:{type:String,default:``},blockNode:{type:Boolean,default:!1},defaultExpandAll:{type:Boolean,default:!1},defaultExpandParent:{type:Boolean,default:!0},autoExpandParent:{type:Boolean,default:!1},expandedKeys:{type:Array,default:void 0},selectedKeys:{type:Array,default:void 0},checkedKeys:{type:[Array,Object],default:void 0},loadedKeys:{type:Array,default:void 0},defaultExpandedKeys:{type:Array,default:()=>[]},defaultSelectedKeys:{type:Array,default:()=>[]},defaultCheckedKeys:{type:Array,default:()=>[]},defaultLoadedKeys:{type:Array,default:()=>[]}},emits:[`select`,`check`,`expand`,`load`,`drop`,`dragstart`,`dragover`,`dragleave`,`dragend`,`update:expandedKeys`,`update:selectedKeys`,`update:checkedKeys`,`update:loadedKeys`],setup(e,{emit:t}){let n=e,r=t,i=M(()=>Qo(n.fieldNames)),a=M(()=>rs(n.treeData,i.value)),o=l();function c(e,t,i,a){let o=w(a?a(n[t]):n[t]||[]),s=M(()=>n[e]!==void 0),c=M(()=>{let t=s.value?n[e]:o.value;return a?a(t):t??[]});function l(e){s.value||(o.value=a?a(e):e),r(i,e)}return c.set=l,c.controlled=s,c.internal=o,c}function d(e){return Array.isArray(e)?e:e&&Array.isArray(e.checked)?e.checked:[]}let f=c(`expandedKeys`,`defaultExpandedKeys`,`update:expandedKeys`),m=c(`selectedKeys`,`defaultSelectedKeys`,`update:selectedKeys`),g=c(`checkedKeys`,`defaultCheckedKeys`,`update:checkedKeys`,d),_=c(`loadedKeys`,`defaultLoadedKeys`,`update:loadedKeys`),v=n.defaultExpandAll?[...a.value.nodeMap.keys()]:[...new Set([...n.defaultExpandedKeys||[],...n.defaultExpandParent?as(n.defaultExpandedKeys||[],a.value.parentMap):[]])];f.controlled.value||(f.internal.value=v);let x=M(()=>new Set(f.value)),S=M(()=>new Set(m.value)),C=M(()=>new Set(_.value)),O=M(()=>n.checkable?n.checkStrictly?{checked:new Set(g.value),half:new Set}:os(n.treeData,g.value,i.value):{checked:new Set,half:new Set}),A=M(()=>O.value.checked),j=M(()=>O.value.half),F=M(()=>n.filter?ss(n.treeData,n.filter,i.value):null),I=M(()=>!!n.filter),L=M(()=>F.value?new Set([...F.value.matched,...F.value.expand]):null),R=M(()=>F.value?new Set(F.value.expand):new Set),z=M(()=>{let e=new Set(x.value);return R.value.forEach(t=>e.add(t)),e}),B=w(new Set);y(()=>_.value,()=>{let e=new Set;B.value.forEach(t=>{C.value.has(t)||e.add(t)}),B.value=e});let V=M(()=>{let e=[],t=n=>{(n||[]).forEach(n=>{let r=$o(n,i.value);e.push(r);let a=ts(n,i.value);a&&z.value.has(r)&&t(a)})};return t(n.treeData),e});D(()=>{!K.value&&V.value.length&&(K.value=V.value[0])});function H(e,t){let o=t||a.value.nodeMap.get(e);if(n.disabled||o&&o.disabled)return;let s=new Set(x.value),c=!s.has(e);c?(s.add(e),n.lazy&&o&&!C.value.has(e)&&!ts(o,i.value)&&o.isLeaf!==!0&&(B.value.has(e)||(B.value=new Set(B.value).add(e),r(`load`,o)))):s.delete(e),f.set([...s]),r(`expand`,[...s],{node:o,expanded:c})}function U(e,t,i){let o=t||a.value.nodeMap.get(e);if(n.disabled||!n.selectable||o&&o.disabled)return;let s;if(n.multiple){let t=new Set(m.value);i&&(i.ctrlKey||i.metaKey)?t.has(e)?t.delete(e):t.add(e):t.has(e)&&t.size===1?t.delete(e):(t.clear(),t.add(e)),s=[...t]}else s=m.value.includes(e)?[]:[e];m.set(s),n.autoExpandParent&&W(s),r(`select`,s,{node:o,selectedKeys:s,nativeEvent:i})}function ee(e,t){let o=t||a.value.nodeMap.get(e);if(n.disabled||o&&(o.disabled||o.disableCheckbox))return;let s=!A.value.has(e),c=new Set(g.value);if(n.checkStrictly)s?c.add(e):c.delete(e);else{let t=is(e,a.value.childrenMap);t.forEach(e=>c.delete(e)),s&&t.forEach(e=>c.add(e));let n=a.value.parentMap.get(e);for(;n!=null;)c.delete(n),n=a.value.parentMap.get(n)}let l=[...c];g.set(l),n.autoExpandParent&&W(l);let{checked:u,half:d}=os(n.treeData,l,i.value);r(`check`,{checked:[...u],halfChecked:[...d]},{node:o,checked:s})}function W(e){if(!n.autoExpandParent)return;let t=new Set(z.value);as(e,a.value.parentMap).forEach(e=>t.add(e)),f.set([...t])}let te=w(null),ne=w(null),G=w(null);function re(e,t){let n=[...a.value.childrenMap.get(e)||[]];for(;n.length;){let e=n.pop();if(e===t)return!0;let r=a.value.childrenMap.get(e);r&&n.push(...r)}return!1}function ie(e,t){let n=$o(e,i.value);te.value=n,t.dataTransfer&&(t.dataTransfer.effectAllowed=`move`,t.dataTransfer.setData(`text/plain`,String(n))),r(`dragstart`,{node:e,event:t})}function ae(e,t){t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect=`move`);let n=t.currentTarget.getBoundingClientRect();G.value=cs(t.clientY,n),ne.value=$o(e,i.value),r(`dragover`,{node:e,event:t})}function oe(e,t){r(`dragleave`,{node:e,event:t})}function se(e){let t=e.currentTarget;t&&!t.contains(e.relatedTarget)&&(ne.value=null,G.value=null)}function ce(e,t){t.preventDefault();let n=te.value,a=$o(e,i.value);ue(),n!=null&&n!==a&&(re(n,a)||r(`drop`,{dragKey:n,dropKey:a,dropPosition:G.value,node:e,event:t}))}function le(e){let t=te.value;ue(),r(`dragend`,{node:a.value.nodeMap.get(t),event:e})}function ue(){te.value=null,ne.value=null,G.value=null}let K=w(null),de=new Map;function fe(e,t){t&&de.set(e,t)}function pe(e){de.delete(e)}function me(e){let t=V.value;if(!t.length)return;let r=K.value==null?-1:t.indexOf(K.value);r<0&&(r=0);let o=t[r],s=a.value.nodeMap.get(o),c=!0;switch(e.key){case`ArrowDown`:r=Math.min(t.length-1,r+1);break;case`ArrowUp`:r=Math.max(0,r-1);break;case`ArrowRight`:!z.value.has(o)&&!ns(s,i.value,{lazy:n.lazy,loadedKeys:C.value})?H(o,s):ts(s,i.value)?r=Math.min(t.length-1,r+1):c=!1;break;case`ArrowLeft`:if(z.value.has(o)&&ts(s,i.value))H(o,s);else{let e=a.value.parentMap.get(o);if(e!=null){let n=t.indexOf(e);n>=0&&(r=n)}}break;case`Enter`:U(o,s,e);break;case` `:n.checkable&&!(s&&s.disableCheckbox)?ee(o,s):U(o,s,e);break;default:c=!1}if(c){e.preventDefault(),K.value=t[r];let n=de.get(t[r]);n&&n.focus()}}function he(){K.value==null&&V.value.length&&(K.value=V.value[0])}return h(`tree`,{props:n,fieldNames:i,effectiveExpanded:z,selectedSet:S,checkedSet:A,halfSet:j,loadedSet:C,loadingKeys:B,filter:M(()=>n.filter),filterActive:I,filterVisible:L,activeKey:K,dragKey:te,dropKey:ne,dropPosition:G,toggleExpand:H,handleSelect:U,handleCheck:ee,onDragStart:ie,onDragOver:ae,onDragLeave:oe,onDrop:ce,onDragEnd:le,registerNode:fe,unregisterNode:pe,titleSlot:o.title,getNodeTitle:e=>es(e,i.value)}),(t,n)=>(p(),b(`div`,{class:N([`tree`,{"tree-block-node":e.blockNode,"tree-disabled":e.disabled}]),role:`tree`,onKeydown:me,onFocusin:he,onDragleave:se},[(p(!0),b(k,null,s(a.value.rootKeys,e=>(p(),E(bs,{key:e,node:a.value.nodeMap.get(e),level:0},null,8,[`node`]))),128)),a.value.rootKeys.length?T(``,!0):(p(),b(`div`,xs,[u(t.$slots,`empty`,{},()=>[n[0]||=P(`暂无数据`,-1)],!0)]))],34))}},[[`__scopeId`,`data-v-83560974`]]),Cs={class:`showcase-section`,"aria-labelledby":`tree-title`},ws={class:`demo-panel`},Ts={class:`tree-demo-col`},Es={class:`tree-demo-col`},Ds={class:`tree-demo-out`},Os={class:`demo-panel`},ks={class:`tree-demo-col`},As={class:`tree-demo-out`},js={class:`tree-demo-col`},Ms={class:`tree-demo-out`},Ns={class:`demo-panel`},Ps={class:`demo-panel`},Fs={class:`demo-panel demo-panel-column`},Is={class:`demo-panel`},Ls={class:`tree-custom-title`},Rs=j({__name:`tree`,setup(e){let t=[{key:`0`,title:`前端框架`,children:[{key:`0-0`,title:`Vue`,children:[{key:`0-0-0`,title:`Vue 3`},{key:`0-0-1`,title:`Vue Router`},{key:`0-0-2`,title:`Pinia`}]},{key:`0-1`,title:`React`,children:[{key:`0-1-0`,title:`React 18`},{key:`0-1-1`,title:`Redux`}]}]},{key:`1`,title:`构建工具`,children:[{key:`1-0`,title:`Vite`},{key:`1-1`,title:`Webpack`}]}],n=w([]),r=w([`0-0-0`]),a=w([]),o=w([{key:`root`,title:`异步根目录`,isLeaf:!1},{key:`root2`,title:`另一个根（叶子）`,isLeaf:!0}]),s=w([]);function l(e,t){for(let n of e){if(n.key===t)return n;if(n.children){let e=l(n.children,t);if(e)return e}}return null}function u(e){setTimeout(()=>{let t=[{key:`${e.key}-1`,title:`子节点 A`,isLeaf:!0},{key:`${e.key}-2`,title:`子节点 B（可继续展开）`,isLeaf:!1}],n=l(o.value,e.key);n&&(n.children=t),s.value=[...s.value,e.key]},800)}let f=w([{key:`d0`,title:`文件夹 A`,children:[{key:`d0-0`,title:`文件 A-1`,isLeaf:!0}]},{key:`d1`,title:`文件夹 B`,children:[{key:`d1-0`,title:`文件 B-1`,isLeaf:!0}]},{key:`d2`,title:`独立文件`,isLeaf:!0}]);function m(e,t){for(let n=0;n<e.length;n++){if(e[n].key===t){let[t]=e.splice(n,1);return t}if(e[n].children){let r=m(e[n].children,t);if(r)return r}}return null}function h(e,t,n){for(let r of e){if(r.key===t)return n;if(r.children){let e=h(r.children,t,r.children);if(e)return e}}return null}function g({dragKey:e,dropKey:t,dropPosition:n}){let r=f.value,i=m(r,e);if(i){if(n===`inside`){let e=l(r,t);e.children=e.children||[],e.children.push(i),e.isLeaf=!1}else{let e=h(r,t,r),a=e.findIndex(e=>e.key===t);e.splice(n===`before`?a:a+1,0,i)}f.value=[...r]}}let _=w(``);return(e,l)=>(p(),b(`section`,Cs,[l[5]||=A(`div`,{class:`section-heading`},[A(`p`,{class:`eyebrow`},`Components`),A(`h2`,{id:`tree-title`},`Tree 树形控件`),A(`p`,null,` 层级数据展示与选择：支持展开折叠、单选/多选、复选框（半选联动）、异步加载、拖拽排序与关键词过滤。 `)],-1),l[6]||=A(`p`,{class:`demo-label`},`基础 · 展开与单选`,-1),A(`div`,ws,[A(`div`,Ts,[S(Ss,{"tree-data":t,"default-expand-all":``})]),A(`div`,Es,[S(Ss,{"tree-data":t,"selected-keys":n.value,"onUpdate:selectedKeys":l[0]||=e=>n.value=e},null,8,[`selected-keys`]),A(`p`,Ds,`selectedKeys：`+i(n.value),1)])]),l[7]||=A(`p`,{class:`demo-label`},`复选框 · 父子联动与半选`,-1),A(`div`,Os,[A(`div`,ks,[S(Ss,{"tree-data":t,checkable:``,"checked-keys":r.value,"onUpdate:checkedKeys":l[1]||=e=>r.value=e,"default-expand-all":``},null,8,[`checked-keys`]),A(`p`,As,`checkedKeys（联动）：`+i(r.value),1)]),A(`div`,js,[S(Ss,{"tree-data":t,checkable:``,"check-strictly":!0,"checked-keys":a.value,"onUpdate:checkedKeys":l[2]||=e=>a.value=e,"default-expand-all":``},null,8,[`checked-keys`]),A(`p`,Ms,`strictCheckedKeys（严格）：`+i(a.value),1)])]),l[8]||=A(`p`,{class:`demo-label`},`异步加载（lazy）`,-1),A(`div`,Ns,[S(Ss,{"tree-data":o.value,lazy:``,"loaded-keys":s.value,"onUpdate:loadedKeys":l[3]||=e=>s.value=e,onLoad:u},null,8,[`tree-data`,`loaded-keys`])]),l[9]||=A(`p`,{class:`demo-label`},`拖拽排序（draggable）`,-1),A(`div`,Ps,[S(Ss,{"tree-data":f.value,draggable:``,"default-expand-all":``,onDrop:g},null,8,[`tree-data`])]),l[10]||=A(`p`,{class:`demo-label`},`关键词过滤`,-1),A(`div`,Fs,[d(A(`input`,{"onUpdate:modelValue":l[4]||=e=>_.value=e,class:`tree-demo-input`},null,512),[[ne,_.value]]),S(Ss,{"tree-data":t,filter:_.value,"default-expand-all":``},null,8,[`filter`])]),l[11]||=A(`p`,{class:`demo-label`},`自定义 #title 插槽`,-1),A(`div`,Is,[S(Ss,{"tree-data":t,"default-expand-all":``},{title:c(({node:e})=>[A(`span`,Ls,[A(`span`,{class:N([`tree-custom-dot`,{"is-parent":e.children}])},null,2),P(` `+i(e.title),1)])]),_:1})])]))}},[[`__scopeId`,`data-v-3a959eea`]]),zs={class:`app-shell`},Bs={class:`app-header`},Vs={class:`theme-controls`},Hs={class:`app-body`},Us={class:`app-sidebar`},Ws={class:`nav-group-title`},Gs=[`onClick`],Ks={class:`app-content`},qs=j({__name:`index`,setup(e){let t=w(`button`),n=[{label:`通用`,items:[{key:`button`,label:`Button 按钮`},{key:`button-group`,label:`ButtonGroup 按钮组`},{key:`tabs`,label:`Tabs 标签页`},{key:`pagination`,label:`Pagination 分页`}]},{label:`数据录入`,items:[{key:`input`,label:`Input 输入框`},{key:`checkbox`,label:`Checkbox 复选框`},{key:`radio`,label:`Radio 单选框`},{key:`switch`,label:`Switch 开关`},{key:`select`,label:`Select 下拉选择`},{key:`date`,label:`DatePicker 日期选择`},{key:`form`,label:`Form 表单`}]},{label:`数据展示`,items:[{key:`splitter`,label:`Splitter 分割面板`},{key:`dropdown`,label:`Dropdown 下拉菜单`},{key:`grid`,label:`Grid 栅格`},{key:`tag`,label:`Tag 标签`},{key:`tree`,label:`Tree 树形`}]},{label:`反馈`,items:[{key:`popover`,label:`Popover 气泡卡片`},{key:`tooltip`,label:`Tooltip 文字提示`},{key:`message`,label:`Message 轻提示`},{key:`notification`,label:`Notification 通知`},{key:`modal`,label:`Modal 模态框`},{key:`drawer`,label:`Drawer 抽屉`},{key:`spin`,label:`Spin 加载中`}]}],r={button:We,"button-group":Qe,tabs:_t,pagination:Ht,input:Zt,checkbox:sn,radio:gn,switch:Cn,select:In,date:Qr,form:ci,popover:gi,tooltip:Ti,message:Mi,notification:Qi,modal:wa,drawer:La,spin:ro,grid:xo,splitter:ko,dropdown:Bo,tag:Zo,tree:Rs};return(e,a)=>(p(),b(`main`,zs,[A(`header`,Bs,[a[0]||=A(`div`,{class:`brand`},[A(`p`,{class:`eyebrow`},`FMS UI`),A(`h1`,null,`基础组件`)],-1),A(`div`,Vs,[S(ke),S(Ee)])]),A(`div`,Hs,[A(`aside`,Us,[A(`nav`,null,[(p(),b(k,null,s(n,e=>A(`div`,{key:e.label,class:`nav-group`},[A(`p`,Ws,i(e.label),1),(p(!0),b(k,null,s(e.items,e=>(p(),b(`button`,{key:e.key,type:`button`,class:N([`nav-item`,{"nav-item-active":t.value===e.key}]),onClick:n=>t.value=e.key},i(e.label),11,Gs))),128))])),64))])]),A(`div`,Ks,[(p(),E(g(r[t.value]),{key:t.value}))])])]))}},[[`__scopeId`,`data-v-31440cfb`]]);export{qs as default}; |