2 lines
81 KiB
JavaScript
2 lines
81 KiB
JavaScript
import{$ as e,B as t,G as n,Ht as r,J as i,K as a,Lt as o,M as s,T as c,U as l,V as u,_ as d,a as f,b as p,c as m,et as h,gt as g,h as _,it as v,lt as y,o as b,p as x,r as ee,t as S,ut as C,v as w,w as T,wt as E,x as D,y as O,zt as te}from"./_plugin-vue_export-helper-Ktpf6lZe.js";import{n as ne,r as re}from"./app-BeHz6434.js";import{C as k,D as A,E as ie,H as ae,I as oe,J as se,O as ce,S as le,T as j,V as ue,_ as M,a as N,b as P,c as F,d as de,f as I,g as L,h as R,i as z,k as fe,l as pe,m as B,n as V,o as H,p as U,r as W,s as me,t as G,u as K,w as q,x as he,y as ge}from"./ui-BhP3ZSBa.js";import{a as _e,c as ve,i as ye,l as be,n as xe,o as Se,r as Ce,s as we,t as Te,u as Ee}from"./star-t2VpZHzk.js";import{t as De}from"./copy-vpCcPh9a.js";import{t as Oe}from"./layout-grid-4RbS718w.js";import{t as ke}from"./list-CLWjpOzg.js";import{n as Ae,r as je,t as Me}from"./user-D5GR1UC5.js";import{n as Ne,r as J,t as Pe}from"./search-PJpc0enG.js";import{t as Fe}from"./trash-2-CumKnXxQ.js";var Y=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}});s(),v();var Ie={class:`showcase-section`,"aria-labelledby":`button-title`},Le={class:`demo-panel`},Re={class:`demo-panel`},ze={class:`demo-panel`},Be={class:`demo-panel`},Ve={class:`demo-panel`},He={__name:`button`,setup(t){return(t,n)=>(l(),D(`section`,Ie,[n[17]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`button-title`},`Button 按钮`),w(`p`,null,`保持克制的交互组件，优先保证可读性和响应速度。`)],-1),n[18]||=w(`p`,{class:`demo-label`},`基础用法`,-1),w(`div`,Le,[c(A,{type:`primary`},{default:e(()=>[...n[0]||=[T(`主要操作`,-1)]]),_:1}),c(A,{type:`secondary`},{default:e(()=>[...n[1]||=[T(`次要操作`,-1)]]),_:1}),c(A,{type:`outline`},{default:e(()=>[...n[2]||=[T(`描边按钮`,-1)]]),_:1}),c(A,{type:`ghost`},{default:e(()=>[...n[3]||=[T(`低强调`,-1)]]),_:1}),c(A,{type:`danger`},{default:e(()=>[...n[4]||=[T(`危险操作`,-1)]]),_:1}),c(A,{type:`link`},{default:e(()=>[...n[5]||=[T(`链接按钮`,-1)]]),_:1})]),n[19]||=w(`p`,{class:`demo-label`},`禁用态`,-1),w(`div`,Re,[c(A,{disabled:``},{default:e(()=>[...n[6]||=[T(`默认禁用`,-1)]]),_:1}),c(A,{type:`secondary`,disabled:``},{default:e(()=>[...n[7]||=[T(`次要禁用`,-1)]]),_:1}),c(A,{type:`outline`,disabled:``},{default:e(()=>[...n[8]||=[T(`描边禁用`,-1)]]),_:1}),c(A,{type:`danger`,disabled:``},{default:e(()=>[...n[9]||=[T(`危险禁用`,-1)]]),_:1})]),n[20]||=w(`p`,{class:`demo-label`},`加载态`,-1),w(`div`,ze,[c(A,{loading:``},{default:e(()=>[...n[10]||=[T(`提交中`,-1)]]),_:1}),c(A,{type:`secondary`,loading:``},{default:e(()=>[...n[11]||=[T(`保存中`,-1)]]),_:1}),c(A,{type:`outline`,loading:``},{default:e(()=>[...n[12]||=[T(`加载中`,-1)]]),_:1})]),n[21]||=w(`p`,{class:`demo-label`},`通栏`,-1),w(`div`,Be,[c(A,{block:``},{default:e(()=>[...n[13]||=[T(`通栏按钮`,-1)]]),_:1})]),n[22]||=w(`p`,{class:`demo-label`},`图标按钮`,-1),w(`div`,Ve,[c(A,null,{default:e(()=>[c(g(J)),n[14]||=T(` 新建`,-1)]),_:1}),c(A,{type:`secondary`},{default:e(()=>[c(g(Pe)),n[15]||=T(` 搜索`,-1)]),_:1}),c(A,{type:`outline`},{default:e(()=>[n[16]||=T(`删除 `,-1),c(g(Fe))]),_:1}),c(A,{type:`danger`,"aria-label":`删除`},{default:e(()=>[c(g(Fe))]),_:1}),c(A,{type:`ghost`,"aria-label":`新建`},{default:e(()=>[c(g(J))]),_:1})])]))}};E(),s();var Ue=S({__name:`button-group-separator`,props:{orientation:{type:String,default:`vertical`,validator:e=>[`horizontal`,`vertical`].includes(e)}},setup(e){let t=e,n=d(()=>[`button-group-separator`,t.orientation===`horizontal`?`button-group-separator-horizontal`:``]);return(e,t)=>(l(),D(`div`,{class:o(n.value),"data-slot":`button-group-separator`,"aria-hidden":`true`},null,2))}},[[`__scopeId`,`data-v-d1854c61`]]);s(),v();var We={class:`showcase-section`,"aria-labelledby":`button-group-title`},Ge={class:`demo-panel`},Ke={class:`demo-panel`},qe={class:`demo-panel`},Je={__name:`button-group`,setup(t){return(t,n)=>(l(),D(`section`,We,[n[12]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`button-group-title`},`ButtonGroup 按钮组`),w(`p`,null,`将多个按钮组合为关联操作，支持分隔线与垂直布局。`)],-1),n[13]||=w(`p`,{class:`demo-label`},`基础用法`,-1),w(`div`,Ge,[c(ie,null,{default:e(()=>[c(A,{type:`outline`},{default:e(()=>[c(g(J)),n[0]||=T(` 新建`,-1)]),_:1}),c(A,{type:`outline`},{default:e(()=>[...n[1]||=[T(`编辑`,-1)]]),_:1}),c(A,{type:`outline`},{default:e(()=>[...n[2]||=[T(`删除`,-1)]]),_:1})]),_:1}),c(ie,null,{default:e(()=>[c(A,null,{default:e(()=>[...n[3]||=[T(`左`,-1)]]),_:1}),c(Ue),c(A,null,{default:e(()=>[...n[4]||=[T(`中`,-1)]]),_:1}),c(Ue),c(A,null,{default:e(()=>[...n[5]||=[T(`右`,-1)]]),_:1})]),_:1})]),n[14]||=w(`p`,{class:`demo-label`},`垂直布局`,-1),w(`div`,Ke,[c(ie,{orientation:`vertical`},{default:e(()=>[c(A,{type:`outline`},{default:e(()=>[...n[6]||=[T(`上`,-1)]]),_:1}),c(A,{type:`outline`},{default:e(()=>[...n[7]||=[T(`中`,-1)]]),_:1}),c(A,{type:`outline`},{default:e(()=>[...n[8]||=[T(`下`,-1)]]),_:1})]),_:1})]),n[15]||=w(`p`,{class:`demo-label`},`分页样式`,-1),w(`div`,qe,[c(ie,null,{default:e(()=>[c(A,{type:`outline`},{default:e(()=>[...n[9]||=[T(`10`,-1)]]),_:1}),c(A,{type:`outline`},{default:e(()=>[...n[10]||=[T(`20`,-1)]]),_:1}),c(A,{type:`outline`},{default:e(()=>[...n[11]||=[T(`50`,-1)]]),_:1})]),_:1})])]))}};s(),v();var Ye={class:`showcase-section`,"aria-labelledby":`tabs-title`},Xe={class:`demo-panel demo-panel-column`},Ze={class:`demo-panel demo-panel-column`},Qe={class:`demo-panel demo-panel-column`},$e={class:`demo-panel demo-panel-column`},et={class:`demo-panel demo-panel-column`},tt={class:`demo-panel demo-panel-column`},nt={class:`demo-panel demo-panel-column`},rt={class:`demo-panel demo-panel-column`},it=S({__name:`tabs`,setup(t){let n=C(`tab1`),r=C(`overview`),i=[{key:`overview`,label:`项目概览`,content:`当前迭代进度 68%，剩余 3 个里程碑待评审。`},{key:`members`,label:`成员`,content:`共 12 位成员，其中 8 位本周活跃，2 位在休假。`},{key:`activity`,label:`动态`,content:`最近一次发布在 2 小时前，包含 3 个缺陷修复。`}];return(t,a)=>(l(),D(`section`,Ye,[a[31]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`tabs-title`},`Tabs 标签页`),w(`p`,null,` line 线型标签页，支持 TabPane 插槽与 items 数组两种数据源、左右侧边布局与键盘方向键导航。 `)],-1),a[32]||=w(`p`,{class:`demo-label`},`基础用法（TabPane 插槽）`,-1),w(`div`,Xe,[c(N,{modelValue:n.value,"onUpdate:modelValue":a[0]||=e=>n.value=e,style:{width:`100%`}},{default:e(()=>[c(Y,{"tab-key":`tab1`,label:`项目概览`},{default:e(()=>[...a[5]||=[w(`p`,{class:`popover-demo-text`},`项目进度 68%，当前迭代还有 3 个里程碑待评审。`,-1)]]),_:1}),c(Y,{"tab-key":`tab2`,label:`成员`},{default:e(()=>[...a[6]||=[w(`p`,{class:`popover-demo-text`},`共 12 位成员，其中 8 位本周活跃，2 位在休假。`,-1)]]),_:1}),c(Y,{"tab-key":`tab3`,label:`动态`},{default:e(()=>[...a[7]||=[w(`p`,{class:`popover-demo-text`},`最近一次发布在 2 小时前，包含 3 个缺陷修复。`,-1)]]),_:1})]),_:1},8,[`modelValue`])]),a[33]||=w(`p`,{class:`demo-label`},`items 数组模式`,-1),w(`div`,Ze,[c(N,{items:i,style:{width:`100%`}})]),a[34]||=w(`p`,{class:`demo-label`},`自定义标签（#label 插槽）`,-1),w(`div`,Qe,[c(N,{modelValue:n.value,"onUpdate:modelValue":a[1]||=e=>n.value=e,style:{width:`100%`}},{default:e(()=>[c(Y,{"tab-key":`tab1`},{label:e(()=>[c(g(Me),{class:`tabs-demo-icon`}),a[8]||=T(`概览`,-1)]),default:e(()=>[a[9]||=w(`p`,{class:`popover-demo-text`},`项目进度 68%，当前迭代还有 3 个里程碑待评审。`,-1)]),_:1}),c(Y,{"tab-key":`tab2`},{label:e(()=>[c(g(_e),{class:`tabs-demo-icon`}),a[10]||=T(`消息`,-1)]),default:e(()=>[a[11]||=w(`p`,{class:`popover-demo-text`},`共 12 位成员，其中 8 位本周活跃，2 位在休假。`,-1)]),_:1})]),_:1},8,[`modelValue`])]),a[35]||=w(`p`,{class:`demo-label`},`标签栏居中（centered）`,-1),w(`div`,$e,[c(N,{centered:``,style:{width:`100%`}},{default:e(()=>[c(Y,{"tab-key":`center-a`,label:`概览`},{default:e(()=>[...a[12]||=[w(`p`,{class:`popover-demo-text`},`top 方向：标签列表水平居中显示。`,-1)]]),_:1}),c(Y,{"tab-key":`center-b`,label:`设置`},{default:e(()=>[...a[13]||=[w(`p`,{class:`popover-demo-text`},`标签较少时列表整体居中。`,-1)]]),_:1})]),_:1}),c(N,{centered:``,placement:`left`,style:{width:`100%`,"min-height":`120px`}},{default:e(()=>[c(Y,{"tab-key":`center-c`,label:`概览`},{default:e(()=>[...a[14]||=[w(`p`,{class:`popover-demo-text`},`left 方向：标签列表垂直居中显示。`,-1)]]),_:1}),c(Y,{"tab-key":`center-d`,label:`设置`},{default:e(()=>[...a[15]||=[w(`p`,{class:`popover-demo-text`},`标签较少时列表整体垂直居中。`,-1)]]),_:1})]),_:1})]),a[36]||=w(`p`,{class:`demo-label`},`侧边方向（placement）`,-1),w(`div`,et,[c(N,{modelValue:r.value,"onUpdate:modelValue":a[2]||=e=>r.value=e,placement:`left`,style:{width:`100%`,"min-height":`120px`}},{default:e(()=>[c(Y,{"tab-key":`overview`,label:`概览`},{default:e(()=>[...a[16]||=[w(`p`,{class:`popover-demo-text`},`左侧布局：标签纵向排列，内容区自适应剩余宽度。`,-1)]]),_:1}),c(Y,{"tab-key":`settings`,label:`设置`},{default:e(()=>[...a[17]||=[w(`p`,{class:`popover-demo-text`},`设置面板用于调整项目参数与通知偏好。`,-1)]]),_:1})]),_:1},8,[`modelValue`]),c(N,{modelValue:r.value,"onUpdate:modelValue":a[3]||=e=>r.value=e,placement:`right`,style:{width:`100%`,"min-height":`120px`}},{default:e(()=>[c(Y,{"tab-key":`overview`,label:`概览`},{default:e(()=>[...a[18]||=[w(`p`,{class:`popover-demo-text`},`右侧布局：标签在右，内容靠左对齐。`,-1)]]),_:1}),c(Y,{"tab-key":`settings`,label:`设置`},{default:e(()=>[...a[19]||=[w(`p`,{class:`popover-demo-text`},`设置面板用于调整项目参数与通知偏好。`,-1)]]),_:1})]),_:1},8,[`modelValue`])]),a[37]||=w(`p`,{class:`demo-label`},`禁用`,-1),w(`div`,tt,[c(N,{modelValue:n.value,"onUpdate:modelValue":a[4]||=e=>n.value=e,style:{width:`100%`}},{default:e(()=>[c(Y,{"tab-key":`tab1`,label:`项目概览`},{default:e(()=>[...a[20]||=[w(`p`,{class:`popover-demo-text`},`可访问的内容面板。`,-1)]]),_:1}),c(Y,{"tab-key":`tab2`,label:`成员（禁用）`,disabled:``},{default:e(()=>[...a[21]||=[w(`p`,{class:`popover-demo-text`},`此标签被禁用，不可切换。`,-1)]]),_:1}),c(Y,{"tab-key":`tab3`,label:`动态`},{default:e(()=>[...a[22]||=[w(`p`,{class:`popover-demo-text`},`最近一次发布在 2 小时前，包含 3 个缺陷修复。`,-1)]]),_:1})]),_:1},8,[`modelValue`]),c(N,{disabled:``,style:{width:`100%`}},{default:e(()=>[c(Y,{"tab-key":`a`,label:`整组禁用 A`},{default:e(()=>[...a[23]||=[w(`p`,{class:`popover-demo-text`},`整组禁用时所有标签不可交互。`,-1)]]),_:1}),c(Y,{"tab-key":`b`,label:`整组禁用 B`},{default:e(()=>[...a[24]||=[w(`p`,{class:`popover-demo-text`},`整组禁用时所有标签不可交互。`,-1)]]),_:1})]),_:1})]),a[38]||=w(`p`,{class:`demo-label`},`懒渲染`,-1),w(`div`,nt,[c(N,{style:{width:`100%`}},{default:e(()=>[c(Y,{"tab-key":`first`,label:`首个标签`},{default:e(()=>[...a[25]||=[w(`p`,{class:`popover-demo-text`},`内容在激活时首次渲染，切换后保留，不重复创建。`,-1)]]),_:1}),c(Y,{"tab-key":`second`,label:`第二个标签`},{default:e(()=>[...a[26]||=[w(`p`,{class:`popover-demo-text`},`未激活的面板不会渲染到 DOM，切换回来内容仍保留。`,-1)]]),_:1})]),_:1})]),a[39]||=w(`p`,{class:`demo-label`},`标签栏附加内容（leftExtra / rightExtra 插槽）`,-1),w(`div`,rt,[c(N,{style:{width:`100%`}},{leftExtra:e(()=>[...a[27]||=[w(`span`,{class:`tabs-extra-demo`},`左`,-1)]]),rightExtra:e(()=>[c(A,{type:`outline`},{default:e(()=>[...a[28]||=[T(`右侧操作`,-1)]]),_:1})]),default:e(()=>[c(Y,{"tab-key":`extra-a`,label:`概览`},{default:e(()=>[...a[29]||=[w(`p`,{class:`popover-demo-text`},`标签栏两端可插入额外内容，不参与 tab 键盘导航。`,-1)]]),_:1}),c(Y,{"tab-key":`extra-b`,label:`设置`},{default:e(()=>[...a[30]||=[w(`p`,{class:`popover-demo-text`},`左侧插槽渲染在标签之前，右侧插槽渲染在标签之后。`,-1)]]),_:1})]),_:1})])]))}},[[`__scopeId`,`data-v-9cc9deb3`]]);s(),E(),v();var at={class:`showcase-section`,"aria-labelledby":`pagination-title`},ot={class:`demo-panel`},st={class:`demo-panel demo-panel-column`},ct={class:`popover-demo-text`},lt={class:`demo-panel demo-panel-column`},ut={class:`popover-demo-text`},dt={class:`demo-panel`},ft={class:`demo-panel demo-panel-column`},pt={class:`demo-panel`},mt={class:`demo-panel`},ht={__name:`pagination`,setup(t){let n=C(1),i=C(1),a=C(20),o=C(3),s=d(()=>Math.ceil(500/a.value));return(t,u)=>(l(),D(`section`,at,[u[5]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`pagination-title`},`Pagination 分页`),w(`p`,null,`页码窗口折叠、每页条数切换、快速跳转与总数显示，支持受控与非受控两种用法。`)],-1),u[6]||=w(`p`,{class:`demo-label`},`基础用法（非受控）`,-1),w(`div`,ot,[c(U,{total:85}),c(U,{total:500})]),u[7]||=w(`p`,{class:`demo-label`},`受控模式（v-model:current）`,-1),w(`div`,st,[c(U,{current:n.value,"onUpdate:current":u[0]||=e=>n.value=e,total:500},null,8,[`current`]),w(`p`,ct,`当前页：`+r(n.value),1)]),u[8]||=w(`p`,{class:`demo-label`},`每页条数切换（showSizeChanger）`,-1),w(`div`,lt,[c(U,{current:i.value,"onUpdate:current":u[1]||=e=>i.value=e,"page-size":a.value,"onUpdate:pageSize":u[2]||=e=>a.value=e,total:500,"show-size-changer":``},null,8,[`current`,`page-size`]),w(`p`,ut,` 每页 `+r(a.value)+` 条，共 `+r(s.value)+` 页 `,1)]),u[9]||=w(`p`,{class:`demo-label`},`快速跳转（showQuickJumper）`,-1),w(`div`,dt,[c(U,{current:o.value,"onUpdate:current":u[3]||=e=>o.value=e,total:1e3,"show-quick-jumper":``},null,8,[`current`])]),u[10]||=w(`p`,{class:`demo-label`},`总数显示（showTotal 与自定义插槽）`,-1),w(`div`,ft,[c(U,{total:168,"show-total":``}),c(U,{total:168,"show-total":``},{showTotal:e(({total:e,from:t,to:n})=>[T(` 第 `+r(t)+`-`+r(n)+` 条，共 `+r(e)+` 条 `,1)]),_:1})]),u[11]||=w(`p`,{class:`demo-label`},`禁用`,-1),w(`div`,pt,[c(U,{current:i.value,"onUpdate:current":u[4]||=e=>i.value=e,total:300,disabled:``,"show-size-changer":``,"show-quick-jumper":``,"show-total":``},null,8,[`current`])]),u[12]||=w(`p`,{class:`demo-label`},`单页隐藏（hideOnSinglePage）`,-1),w(`div`,mt,[c(U,{total:8,"hide-on-single-page":``}),c(U,{total:8})])]))}};s(),v();var gt={class:`showcase-section`,"aria-labelledby":`input-title`},_t={class:`demo-panel demo-panel-grid`},vt={class:`demo-panel demo-panel-grid`},yt={class:`demo-panel demo-panel-grid`},bt={class:`demo-panel demo-panel-grid`},xt={class:`demo-panel demo-panel-grid`},St={class:`demo-panel demo-panel-grid`},Ct={class:`demo-panel demo-panel-grid`},wt={__name:`input`,setup(t){let n=C(``),r=C(``),i=C(``),a=C(1.28),o=C(``),s=C(``),u=C(``);return(t,d)=>(l(),D(`section`,gt,[d[8]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`input-title`},`Input 输入框`),w(`p`,null,`文本输入组件，含前后缀、清除、字数统计与校验状态。`)],-1),d[9]||=w(`p`,{class:`demo-label`},`基础用法`,-1),w(`div`,_t,[c(L,{modelValue:n.value,"onUpdate:modelValue":d[0]||=e=>n.value=e},null,8,[`modelValue`]),c(L,{"model-value":`已禁用`,disabled:``})]),d[10]||=w(`p`,{class:`demo-label`},`前后缀与清除`,-1),w(`div`,vt,[c(L,{modelValue:r.value,"onUpdate:modelValue":d[1]||=e=>r.value=e,"allow-clear":``},{prefix:e(()=>[c(g(Me))]),_:1},8,[`modelValue`]),c(L,{"model-value":`suffix@example.com`,"allow-clear":``},{suffix:e(()=>[c(g(_e))]),_:1}),c(L,{modelValue:i.value,"onUpdate:modelValue":d[2]||=e=>i.value=e,"allow-clear":``},{prefix:e(()=>[c(g(Pe))]),_:1},8,[`modelValue`])]),d[11]||=w(`p`,{class:`demo-label`},`校验状态`,-1),w(`div`,yt,[c(L,{"model-value":`错误的输入`,status:`error`,"allow-clear":``}),c(L,{"model-value":`需要关注的输入`,status:`warning`,"allow-clear":``})]),d[12]||=w(`p`,{class:`demo-label`},`字数统计`,-1),w(`div`,bt,[c(L,{modelValue:r.value,"onUpdate:modelValue":d[3]||=e=>r.value=e,"show-count":``,maxlength:20},null,8,[`modelValue`]),c(L,{"model-value":`无上限长度统计`,"show-count":``})]),d[13]||=w(`p`,{class:`demo-label`},`密码框`,-1),w(`div`,xt,[c(L,{modelValue:s.value,"onUpdate:modelValue":d[4]||=e=>s.value=e,type:`password`,"allow-clear":``},null,8,[`modelValue`]),c(L,{"model-value":`123456`,type:`password`})]),d[14]||=w(`p`,{class:`demo-label`},`数字输入`,-1),w(`div`,St,[c(L,{modelValue:a.value,"onUpdate:modelValue":d[5]||=e=>a.value=e,type:`number`,maxlength:`10`},null,8,[`modelValue`]),c(L,{modelValue:o.value,"onUpdate:modelValue":d[6]||=e=>o.value=e,type:`number`},null,8,[`modelValue`])]),d[15]||=w(`p`,{class:`demo-label`},`多行文本`,-1),w(`div`,Ct,[c(L,{modelValue:u.value,"onUpdate:modelValue":d[7]||=e=>u.value=e,type:`textarea`,"show-count":``,maxlength:100},null,8,[`modelValue`]),c(L,{"model-value":`警告状态的文本域`,type:`textarea`,status:`warning`,rows:4})])]))}};s(),v();var Tt={class:`showcase-section`,"aria-labelledby":`checkbox-title`},Et={class:`demo-panel demo-panel-column`},Dt={class:`demo-panel demo-panel-column`},Ot={class:`demo-panel demo-panel-column`},kt={__name:`checkbox`,setup(t){let n=C(!1),r=C(!1),i=C(!0),a=C(!0),o=C(!1),s=C(!1),u=d({get:()=>a.value&&o.value&&s.value,set:e=>{a.value=e,o.value=e,s.value=e}}),f=d(()=>{let e=[a,o,s].filter(e=>e.value).length;return e>0&&e<3});return(t,d)=>(l(),D(`section`,Tt,[d[15]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`checkbox-title`},`Checkbox 复选框`),w(`p`,null,`多选控件，支持半选（indeterminate）与禁用态。`)],-1),d[16]||=w(`p`,{class:`demo-label`},`基础用法`,-1),w(`div`,Et,[c(j,{modelValue:n.value,"onUpdate:modelValue":d[0]||=e=>n.value=e},{default:e(()=>[...d[7]||=[T(`同意服务条款与隐私政策`,-1)]]),_:1},8,[`modelValue`]),c(j,{modelValue:r.value,"onUpdate:modelValue":d[1]||=e=>r.value=e},{default:e(()=>[...d[8]||=[T(`订阅产品动态邮件`,-1)]]),_:1},8,[`modelValue`])]),d[17]||=w(`p`,{class:`demo-label`},`禁用态`,-1),w(`div`,Dt,[c(j,{disabled:``},{default:e(()=>[...d[9]||=[T(`未选中禁用`,-1)]]),_:1}),c(j,{modelValue:i.value,"onUpdate:modelValue":d[2]||=e=>i.value=e,disabled:``},{default:e(()=>[...d[10]||=[T(`选中禁用`,-1)]]),_:1},8,[`modelValue`])]),d[18]||=w(`p`,{class:`demo-label`},`半选（全选场景）`,-1),w(`div`,Ot,[c(j,{modelValue:u.value,"onUpdate:modelValue":d[3]||=e=>u.value=e,indeterminate:f.value},{default:e(()=>[...d[11]||=[T(`全选`,-1)]]),_:1},8,[`modelValue`,`indeterminate`]),c(j,{modelValue:a.value,"onUpdate:modelValue":d[4]||=e=>a.value=e},{default:e(()=>[...d[12]||=[T(`选项 A`,-1)]]),_:1},8,[`modelValue`]),c(j,{modelValue:o.value,"onUpdate:modelValue":d[5]||=e=>o.value=e},{default:e(()=>[...d[13]||=[T(`选项 B`,-1)]]),_:1},8,[`modelValue`]),c(j,{modelValue:s.value,"onUpdate:modelValue":d[6]||=e=>s.value=e},{default:e(()=>[...d[14]||=[T(`选项 C`,-1)]]),_:1},8,[`modelValue`])])]))}};s(),v();var At={class:`showcase-section`,"aria-labelledby":`radio-title`},jt={class:`demo-panel`},Mt={class:`demo-panel demo-panel-column`},Nt={__name:`radio`,setup(t){let n=C(`apple`),r=C(`m`),i=C(`a`);return(t,a)=>(l(),D(`section`,At,[a[11]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`radio-title`},`Radio 单选框`),w(`p`,null,`在多个互斥选项中选择其一，支持方向键导航。`)],-1),a[12]||=w(`p`,{class:`demo-label`},`基础用法`,-1),w(`div`,jt,[c(de,{modelValue:n.value,"onUpdate:modelValue":a[0]||=e=>n.value=e},{default:e(()=>[c(I,{value:`apple`},{default:e(()=>[...a[3]||=[T(`苹果`,-1)]]),_:1}),c(I,{value:`banana`},{default:e(()=>[...a[4]||=[T(`香蕉`,-1)]]),_:1}),c(I,{value:`orange`},{default:e(()=>[...a[5]||=[T(`橙子`,-1)]]),_:1})]),_:1},8,[`modelValue`])]),a[13]||=w(`p`,{class:`demo-label`},`禁用态`,-1),w(`div`,Mt,[c(de,{modelValue:r.value,"onUpdate:modelValue":a[1]||=e=>r.value=e},{default:e(()=>[c(I,{value:`s`},{default:e(()=>[...a[6]||=[T(`小`,-1)]]),_:1}),c(I,{value:`m`},{default:e(()=>[...a[7]||=[T(`中`,-1)]]),_:1}),c(I,{value:`l`,disabled:``},{default:e(()=>[...a[8]||=[T(`大（禁用）`,-1)]]),_:1})]),_:1},8,[`modelValue`]),c(de,{modelValue:i.value,"onUpdate:modelValue":a[2]||=e=>i.value=e,disabled:``},{default:e(()=>[c(I,{value:`a`},{default:e(()=>[...a[9]||=[T(`整组禁用 A`,-1)]]),_:1}),c(I,{value:`b`},{default:e(()=>[...a[10]||=[T(`整组禁用 B`,-1)]]),_:1})]),_:1},8,[`modelValue`])])]))}};s(),E(),v();var Pt={class:`showcase-section`,"aria-labelledby":`segmented-title`},Ft={class:`demo-label`},It={class:`demo-panel`},Lt={class:`demo-panel`},Rt={class:`demo-panel`},zt={class:`demo-panel`},Bt={class:`demo-panel`},Vt={class:`demo-panel`},Ht={class:`demo-panel demo-panel-column`},Ut={__name:`segmented`,setup(e){let t=C(`daily`),n=C(`list`),i=C(`left`),a=C(`list`),o=C(`list`),s=C(`list`),u=C(`list`),d=C(`list`),f=[{label:`日`,value:`daily`},{label:`周`,value:`weekly`},{label:`月`,value:`monthly`}],p=[{label:`列表`,value:`list`,icon:ke},{label:`卡片`,value:`grid`,icon:Oe},{label:`日历`,value:`calendar`,icon:be},{label:`图表`,value:`chart`,icon:ve}],m=p.map(e=>({value:e.value,icon:e.icon})),h=[...p.slice(0,3),{label:`图表（禁用）`,value:`chart`,disabled:!0}];return(e,_)=>(l(),D(`section`,Pt,[_[8]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`segmented-title`},`Segmented 分段控制器`),w(`p`,null,`在一组互斥选项中切换，等价于带底座滑块的单选组，支持图标、尺寸与方向键导航。`)],-1),w(`p`,Ft,`基础用法（当前值：`+r(t.value)+`）`,1),w(`div`,It,[c(K,{modelValue:t.value,"onUpdate:modelValue":_[0]||=e=>t.value=e,options:f},null,8,[`modelValue`])]),_[9]||=w(`p`,{class:`demo-label`},`带图标`,-1),w(`div`,Lt,[c(K,{modelValue:a.value,"onUpdate:modelValue":_[1]||=e=>a.value=e,options:p},null,8,[`modelValue`])]),_[10]||=w(`p`,{class:`demo-label`},`仅图标（省略 label）`,-1),w(`div`,Rt,[c(K,{modelValue:n.value,"onUpdate:modelValue":_[2]||=e=>n.value=e,options:g(m)},null,8,[`modelValue`,`options`])]),_[11]||=w(`p`,{class:`demo-label`},`全圆角`,-1),w(`div`,zt,[c(K,{modelValue:i.value,"onUpdate:modelValue":_[3]||=e=>i.value=e,shape:`round`,options:f},null,8,[`modelValue`])]),_[12]||=w(`p`,{class:`demo-label`},`通栏（block）`,-1),w(`div`,Bt,[c(K,{modelValue:o.value,"onUpdate:modelValue":_[4]||=e=>o.value=e,block:``,options:p},null,8,[`modelValue`])]),_[13]||=w(`p`,{class:`demo-label`},`纵向`,-1),w(`div`,Vt,[c(K,{modelValue:s.value,"onUpdate:modelValue":_[5]||=e=>s.value=e,vertical:``,options:p},null,8,[`modelValue`])]),_[14]||=w(`p`,{class:`demo-label`},`禁用态`,-1),w(`div`,Ht,[c(K,{modelValue:u.value,"onUpdate:modelValue":_[6]||=e=>u.value=e,options:h},null,8,[`modelValue`]),c(K,{modelValue:d.value,"onUpdate:modelValue":_[7]||=e=>d.value=e,disabled:``,options:f},null,8,[`modelValue`])])]))}};s(),v();var Wt={class:`showcase-section`,"aria-labelledby":`switch-title`},Gt={class:`demo-panel demo-panel-column`},Kt={class:`demo-panel demo-panel-column`},qt={__name:`switch`,setup(t){let n=C(!0),r=C(!1),i=C(!0);return(t,a)=>(l(),D(`section`,Wt,[a[7]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`switch-title`},`Switch 开关`),w(`p`,null,`表示两种互斥状态之间的切换。`)],-1),a[8]||=w(`p`,{class:`demo-label`},`基础用法`,-1),w(`div`,Gt,[c(H,{modelValue:n.value,"onUpdate:modelValue":a[0]||=e=>n.value=e},{default:e(()=>[...a[3]||=[T(`接收通知`,-1)]]),_:1},8,[`modelValue`]),c(H,{modelValue:r.value,"onUpdate:modelValue":a[1]||=e=>r.value=e},{default:e(()=>[...a[4]||=[T(`自动保存`,-1)]]),_:1},8,[`modelValue`])]),a[9]||=w(`p`,{class:`demo-label`},`禁用态`,-1),w(`div`,Kt,[c(H,{modelValue:i.value,"onUpdate:modelValue":a[2]||=e=>i.value=e,disabled:``},{default:e(()=>[...a[5]||=[T(`选中禁用`,-1)]]),_:1},8,[`modelValue`]),c(H,{"model-value":!1,disabled:``},{default:e(()=>[...a[6]||=[T(`未选中禁用`,-1)]]),_:1})])]))}};s(),v();var Jt={class:`showcase-section`,"aria-labelledby":`select-title`},Yt={class:`demo-panel demo-panel-grid`},Xt={class:`demo-panel demo-panel-grid`},Zt={class:`demo-panel demo-panel-grid`},Qt={class:`demo-panel`},$t={class:`demo-panel demo-panel-grid`},en={class:`demo-panel demo-panel-grid`},tn={class:`demo-panel demo-panel-grid`},nn={class:`demo-panel`},rn=[`onClick`],an=[`onClick`],on=[`onClick`],sn=S({__name:`select`,setup(n){let r=C(`beijing`),i=C(``),a=C(`shanghai`),o=C(`high`),s=[{label:`北京`,value:`beijing`},{label:`上海`,value:`shanghai`},{label:`广州`,value:`guangzhou`},{label:`深圳`,value:`shenzhen`},{label:`杭州`,value:`hangzhou`,disabled:!0}],u=[{label:`苹果`,value:`apple`},{label:`香蕉`,value:`banana`},{label:`橙子`,value:`orange`},{label:`葡萄`,value:`grape`}],d=C(``),f=C(``),p=C(``),m=C(``),h=[{label:`前端工程师`,value:`fe`,keyword:`前端 qianduan fe`},{label:`后端工程师`,value:`be`,keyword:`后端 houduan be`},{label:`产品经理`,value:`pm`,keyword:`产品 chanpin pm`},{label:`设计师`,value:`designer`,keyword:`设计 sheji ui`}],g=(e,t)=>`${t.label} ${t.keyword}`.toLowerCase().includes(String(e||``).trim().toLowerCase()),_=C(``),v=[{name:`华东大区`,code:`east`},{name:`华南大区`,code:`south`},{name:`华北大区`,code:`north`},{name:`华西大区`,code:`west`,disabled:!0}],y=C(``),b=C(!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`}],ee=C(x),S=null;function T(e){S&&clearTimeout(S),b.value=!0;let t=String(e||``).trim().toLowerCase();S=setTimeout(()=>{ee.value=x.filter(e=>`${e.label} ${e.keyword}`.toLowerCase().includes(t)),b.value=!1,S=null},700)}return t(()=>{S&&clearTimeout(S)}),(t,n)=>(l(),D(`section`,Jt,[n[11]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`select-title`},`Select 下拉选择`),w(`p`,null,` 基础单选下拉，支持 options 数组与插槽两种数据源、筛选（默认开启，可自定义）、清除、禁用与键盘导航。 `)],-1),n[12]||=w(`p`,{class:`demo-label`},`基础用法`,-1),w(`div`,Yt,[c(B,{modelValue:r.value,"onUpdate:modelValue":n[0]||=e=>r.value=e,options:s},null,8,[`modelValue`]),c(B,{modelValue:i.value,"onUpdate:modelValue":n[1]||=e=>i.value=e,options:u},null,8,[`modelValue`])]),n[13]||=w(`p`,{class:`demo-label`},`清除与禁用`,-1),w(`div`,Xt,[c(B,{modelValue:a.value,"onUpdate:modelValue":n[2]||=e=>a.value=e,options:s,clearable:``},null,8,[`modelValue`]),c(B,{"model-value":`beijing`,options:s,disabled:``}),c(B,{options:s,clearable:``})]),n[14]||=w(`p`,{class:`demo-label`},`筛选（默认开启）`,-1),w(`div`,Zt,[c(B,{modelValue:d.value,"onUpdate:modelValue":n[3]||=e=>d.value=e,options:s},null,8,[`modelValue`]),c(B,{modelValue:p.value,"onUpdate:modelValue":n[4]||=e=>p.value=e,options:h,"filter-option":g},null,8,[`modelValue`])]),n[15]||=w(`p`,{class:`demo-label`},`关闭筛选`,-1),w(`div`,Qt,[c(B,{modelValue:f.value,"onUpdate:modelValue":n[5]||=e=>f.value=e,options:u,filterable:!1},null,8,[`modelValue`])]),n[16]||=w(`p`,{class:`demo-label`},`远程加载`,-1),w(`div`,$t,[c(B,{modelValue:y.value,"onUpdate:modelValue":n[6]||=e=>y.value=e,options:ee.value,loading:b.value,remote:``,onSearch:T},null,8,[`modelValue`,`options`,`loading`])]),n[17]||=w(`p`,{class:`demo-label`},`自由输入（allowFreeInput）`,-1),w(`div`,en,[c(B,{modelValue:m.value,"onUpdate:modelValue":n[7]||=e=>m.value=e,options:s,"allow-free-input":``},null,8,[`modelValue`]),c(B,{modelValue:d.value,"onUpdate:modelValue":n[8]||=e=>d.value=e,options:s},null,8,[`modelValue`])]),n[18]||=w(`p`,{class:`demo-label`},`自定义字段名（labelKey / valueKey）`,-1),w(`div`,tn,[c(B,{modelValue:_.value,"onUpdate:modelValue":n[9]||=e=>_.value=e,options:v,"label-key":`name`,"value-key":`code`},null,8,[`modelValue`])]),n[19]||=w(`p`,{class:`demo-label`},`插槽自定义选项`,-1),w(`div`,nn,[c(B,{modelValue:o.value,"onUpdate:modelValue":n[10]||=e=>o.value=e,style:{width:`200px`}},{default:e(({select:e})=>[w(`div`,{class:`select-demo-option`,onClick:t=>e(`high`)},`高优先级`,8,rn),w(`div`,{class:`select-demo-option`,onClick:t=>e(`medium`)},`中优先级`,8,an),w(`div`,{class:`select-demo-option`,onClick:t=>e(`low`)},`低优先级`,8,on)]),_:1},8,[`modelValue`])])]))}},[[`__scopeId`,`data-v-332f6db9`]]);s(),v();var cn={class:`showcase-section`,"aria-labelledby":`date-title`},ln={class:`demo-panel demo-panel-grid`},un={class:`demo-panel demo-panel-grid`},dn={class:`demo-panel demo-panel-grid`},fn={class:`demo-panel demo-panel-grid`},pn={class:`demo-panel demo-panel-grid`},mn={class:`demo-panel demo-panel-grid`},hn=`2026-08-15`,gn={__name:`date`,setup(e){let t=C(`2026`),n=C(`08`),r=C(`2026-08`),i=C(`2026-08-15`),a=C(`2026-08-15 09:30`),o=C(`2026-08-15 09:30:00`),s=C([`2026-08-10`,`2026-08-15`]),u=C([`2026-08-10 09:00`,`2026-08-15 18:00`]),d=[`YYYY年MM月DD日`,`YYYY-MM-DD`];return(e,f)=>(l(),D(`section`,cn,[f[12]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`date-title`},`DatePicker 日期选择`),w(`p`,null,` format 同时决定选择面板、选择精度和展示格式；valueFormat 仅控制绑定值格式， 未设置时自动跟随 format。 `)],-1),f[13]||=w(`p`,{class:`demo-label`},`年、月、年月`,-1),w(`div`,ln,[c(k,{modelValue:t.value,"onUpdate:modelValue":f[0]||=e=>t.value=e,format:`YYYY`},null,8,[`modelValue`]),c(k,{modelValue:n.value,"onUpdate:modelValue":f[1]||=e=>n.value=e,format:`MM`},null,8,[`modelValue`]),c(k,{modelValue:r.value,"onUpdate:modelValue":f[2]||=e=>r.value=e,format:`YYYY-MM`},null,8,[`modelValue`])]),f[14]||=w(`p`,{class:`demo-label`},`单个日期（纯日期）`,-1),w(`div`,un,[c(k,{modelValue:i.value,"onUpdate:modelValue":f[3]||=e=>i.value=e},null,8,[`modelValue`]),c(k,{modelValue:i.value,"onUpdate:modelValue":f[4]||=e=>i.value=e,format:`YYYY/MM/DD`},null,8,[`modelValue`]),c(k,{modelValue:i.value,"onUpdate:modelValue":f[5]||=e=>i.value=e,format:d},null,8,[`modelValue`])]),f[15]||=w(`p`,{class:`demo-label`},`日期时间（format 驱动）`,-1),w(`div`,dn,[c(k,{modelValue:a.value,"onUpdate:modelValue":f[6]||=e=>a.value=e,format:`YYYY-MM-DD HH:mm`},null,8,[`modelValue`]),c(k,{modelValue:o.value,"onUpdate:modelValue":f[7]||=e=>o.value=e,format:`YYYY-MM-DD HH:mm`,"value-format":`YYYY-MM-DD HH:mm:ss`},null,8,[`modelValue`])]),f[16]||=w(`p`,{class:`demo-label`},`范围选择（纯日期）`,-1),w(`div`,fn,[c(le,{modelValue:s.value,"onUpdate:modelValue":f[8]||=e=>s.value=e},null,8,[`modelValue`]),c(le,{modelValue:s.value,"onUpdate:modelValue":f[9]||=e=>s.value=e,format:`YYYY/MM/DD`},null,8,[`modelValue`])]),f[17]||=w(`p`,{class:`demo-label`},`范围选择含时间`,-1),w(`div`,pn,[c(le,{modelValue:u.value,"onUpdate:modelValue":f[10]||=e=>u.value=e,format:`YYYY-MM-DD HH:mm`},null,8,[`modelValue`])]),f[18]||=w(`p`,{class:`demo-label`},`禁用态`,-1),w(`div`,mn,[c(k,{"model-value":hn,disabled:``}),c(le,{modelValue:s.value,"onUpdate:modelValue":f[11]||=e=>s.value=e,disabled:``},null,8,[`modelValue`])])]))}};s(),v();var _n={class:`showcase-section`,"aria-labelledby":`form-title`},vn={class:`demo-panel demo-panel-column`},yn={class:`form-demo-actions`},bn={class:`demo-panel demo-panel-column`},xn={class:`form-demo-actions`},Sn={class:`demo-panel demo-panel-column`},Cn={class:`form-demo-actions`},wn={class:`demo-panel demo-panel-column`},Tn={class:`form-demo-actions`},En=S({__name:`form`,setup(t){let n=y({username:``,email:``}),r={username:[{required:!0,message:`请输入用户名`}],email:[{required:!0,message:`请输入邮箱地址`},{type:`email`,message:`邮箱格式不正确`}]};function i(e){G.success(`提交成功：${e.username} · ${e.email}`)}function a({errorFields:e}){G.error(`校验未通过：${e.map(e=>e.name).join(`、`)}`)}function o(){n.username=``,n.email=``}let s=y({nickname:``,bio:``}),u={nickname:[{required:!0,message:`请输入昵称`}],bio:[{max:20,message:`简介不能超过 20 个字`}]};function d(e){G.success(`提交成功：${e.nickname}`)}function f(){s.nickname=``,s.bio=``}let p=y({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){G.success(`校验通过：${e.phone} / ${e.code}`)}function g(){p.phone=``,p.code=``}let _=y({department:void 0,joinDate:``,period:null}),v={department:[{required:!0,message:`请选择部门`}],joinDate:[{required:!0,message:`请选择入职日期`}],period:[{required:!0,message:`请选择任职期间`}]},b=[{label:`研发部`,value:`rd`},{label:`产品部`,value:`pd`},{label:`设计部`,value:`design`}];function x(e){G.success(`提交成功：${e.department} / ${e.joinDate}`)}function ee(){_.department=void 0,_.joinDate=``,_.period=null}return(t,y)=>(l(),D(`section`,_n,[y[17]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`form-title`},`Form 表单`),w(`p`,null,`轻量级表单组件，支持横向 / 纵向布局、基础校验规则与提交 / 重置事件。`)],-1),y[18]||=w(`p`,{class:`demo-label`},`基础用法（横向布局）`,-1),w(`div`,vn,[c(ge,{class:`form-demo`,model:n,rules:r,"label-align":`right`,onSubmit:i,onSubmitFailed:a,onReset:o},{default:e(()=>[c(M,{name:`username`,label:`用户名`},{default:e(()=>[c(L,{modelValue:n.username,"onUpdate:modelValue":y[0]||=e=>n.username=e,placeholder:`请输入用户名`,"allow-clear":``},null,8,[`modelValue`])]),_:1}),c(M,{name:`email`,label:`邮箱`,extra:`用于接收系统通知`},{default:e(()=>[c(L,{modelValue:n.email,"onUpdate:modelValue":y[1]||=e=>n.email=e,placeholder:`you@example.com`,"allow-clear":``},null,8,[`modelValue`])]),_:1}),w(`div`,yn,[c(A,{type:`primary`,"html-type":`submit`},{default:e(()=>[...y[9]||=[T(`提交`,-1)]]),_:1}),c(A,{type:`outline`,"html-type":`reset`},{default:e(()=>[...y[10]||=[T(`重置`,-1)]]),_:1})])]),_:1},8,[`model`])]),y[19]||=w(`p`,{class:`demo-label`},`纵向布局`,-1),w(`div`,bn,[c(ge,{class:`form-demo`,model:s,rules:u,layout:`vertical`,onSubmit:d,onReset:f},{default:e(()=>[c(M,{name:`nickname`,label:`昵称`},{default:e(()=>[c(L,{modelValue:s.nickname,"onUpdate:modelValue":y[2]||=e=>s.nickname=e,placeholder:`给自己起个好听的名字`,"allow-clear":``},null,8,[`modelValue`])]),_:1}),c(M,{name:`bio`,label:`个人简介`,help:`一句话介绍自己`},{default:e(()=>[c(L,{modelValue:s.bio,"onUpdate:modelValue":y[3]||=e=>s.bio=e,type:`textarea`,rows:3,maxlength:20,"show-count":``},null,8,[`modelValue`])]),_:1}),w(`div`,xn,[c(A,{type:`primary`,"html-type":`submit`},{default:e(()=>[...y[11]||=[T(`提交`,-1)]]),_:1}),c(A,{type:`outline`,"html-type":`reset`},{default:e(()=>[...y[12]||=[T(`重置`,-1)]]),_:1})])]),_:1},8,[`model`])]),y[20]||=w(`p`,{class:`demo-label`},`自定义校验（validator）`,-1),w(`div`,Sn,[c(ge,{class:`form-demo`,model:p,rules:m,onSubmit:h,onReset:g},{default:e(()=>[c(M,{name:`phone`,label:`手机号`},{default:e(()=>[c(L,{modelValue:p.phone,"onUpdate:modelValue":y[4]||=e=>p.phone=e,placeholder:`请输入 11 位手机号`,maxlength:`11`,"allow-clear":``},null,8,[`modelValue`])]),_:1}),c(M,{name:`code`,label:`验证码`,help:`输入短信中的 6 位数字`},{default:e(()=>[c(L,{modelValue:p.code,"onUpdate:modelValue":y[5]||=e=>p.code=e,placeholder:`6 位数字`,maxlength:`6`,"allow-clear":``},null,8,[`modelValue`])]),_:1}),w(`div`,Cn,[c(A,{type:`primary`,"html-type":`submit`},{default:e(()=>[...y[13]||=[T(`提交`,-1)]]),_:1}),c(A,{type:`outline`,"html-type":`reset`},{default:e(()=>[...y[14]||=[T(`重置`,-1)]]),_:1})])]),_:1},8,[`model`])]),y[21]||=w(`p`,{class:`demo-label`},`校验提示（Select / DatePicker / RangePicker）`,-1),w(`div`,wn,[c(ge,{class:`form-demo`,model:_,rules:v,onSubmit:x,onReset:ee},{default:e(()=>[c(M,{name:`department`,label:`部门`},{default:e(()=>[c(B,{modelValue:_.department,"onUpdate:modelValue":y[6]||=e=>_.department=e,options:b,style:{width:`100%`}},null,8,[`modelValue`])]),_:1}),c(M,{name:`joinDate`,label:`入职日期`},{default:e(()=>[c(k,{modelValue:_.joinDate,"onUpdate:modelValue":y[7]||=e=>_.joinDate=e},null,8,[`modelValue`])]),_:1}),c(M,{name:`period`,label:`任职期间`,extra:`如仍在职可只选开始日期`},{default:e(()=>[c(le,{modelValue:_.period,"onUpdate:modelValue":y[8]||=e=>_.period=e},null,8,[`modelValue`])]),_:1}),w(`div`,Tn,[c(A,{type:`primary`,"html-type":`submit`},{default:e(()=>[...y[15]||=[T(`提交`,-1)]]),_:1}),c(A,{type:`outline`,"html-type":`reset`},{default:e(()=>[...y[16]||=[T(`重置`,-1)]]),_:1})])]),_:1},8,[`model`])])]))}},[[`__scopeId`,`data-v-7f27310d`]]);s(),E(),v();var Dn={class:`showcase-section`,"aria-labelledby":`popover-title`},On={class:`demo-panel`},kn={class:`demo-panel popover-placement-grid`},An={class:`popover-demo-text`},jn={class:`demo-panel`},Mn={class:`popover-demo-form`},Nn={class:`demo-panel`},Pn={class:`demo-panel`},Fn={class:`popover-demo-text`},In={__name:`popover`,setup(t){let i=C(!1),a=C(``),o=C(0),s=[`top`,`top-start`,`top-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`,`right`,`right-start`,`right-end`];return(t,u)=>(l(),D(`section`,Dn,[u[24]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`popover-title`},`Popover 气泡卡片`),w(`p`,null,`浮层基座，承载 Tooltip、Select、Dropdown 等后续组件的定位与交互。`)],-1),u[25]||=w(`p`,{class:`demo-label`},`基础用法`,-1),w(`div`,On,[c(q,{trigger:`click`,placement:`top`,arrow:``,unwrapped:``},{trigger:e(()=>[c(A,null,{default:e(()=>[...u[5]||=[T(`点击打开`,-1)]]),_:1})]),content:e(()=>[...u[6]||=[w(`p`,{class:`popover-demo-title`},`标题`,-1),w(`p`,{class:`popover-demo-text`},`这是一段浮层内容，用于说明当前操作。`,-1)]]),_:1}),c(q,{trigger:`hover`,placement:`top`,arrow:``,unwrapped:``},{trigger:e(()=>[c(A,{type:`outline`},{default:e(()=>[...u[7]||=[T(`悬停打开`,-1)]]),_:1})]),content:e(()=>[...u[8]||=[w(`p`,{class:`popover-demo-text`},`hover 触发的浮层，移入浮层内不会关闭。`,-1)]]),_:1}),c(q,{trigger:`focus`,placement:`top`,arrow:``,unwrapped:``},{trigger:e(()=>[c(L)]),content:e(()=>[...u[9]||=[w(`p`,{class:`popover-demo-text`},`focus 触发，失焦后关闭。`,-1)]]),_:1})]),u[26]||=w(`p`,{class:`demo-label`},`十二方位`,-1),w(`div`,kn,[(l(),D(x,null,n(s,t=>c(q,{key:t,trigger:`hover`,placement:t,arrow:``,unwrapped:``},{trigger:e(()=>[c(A,{type:`outline`},{default:e(()=>[T(r(t),1)]),_:2},1024)]),content:e(()=>[w(`p`,An,r(t),1)]),_:2},1032,[`placement`])),64))]),u[27]||=w(`p`,{class:`demo-label`},`携带表单内容`,-1),w(`div`,jn,[c(q,{trigger:`click`,placement:`bottom-start`,unwrapped:``},{trigger:e(()=>[c(A,null,{default:e(()=>[...u[10]||=[T(`筛选`,-1)]]),_:1})]),content:e(()=>[w(`div`,Mn,[c(L,{modelValue:a.value,"onUpdate:modelValue":u[0]||=e=>a.value=e},null,8,[`modelValue`]),c(A,{block:``},{default:e(()=>[...u[11]||=[T(`应用`,-1)]]),_:1})])]),_:1})]),u[28]||=w(`p`,{class:`demo-label`},`禁用与受控`,-1),w(`div`,Nn,[c(q,{trigger:`click`,placement:`top`,arrow:``,disabled:``,unwrapped:``},{trigger:e(()=>[c(A,{type:`outline`},{default:e(()=>[...u[12]||=[T(`禁用`,-1)]]),_:1})]),content:e(()=>[...u[13]||=[w(`p`,{class:`popover-demo-text`},`禁用后不响应触发`,-1)]]),_:1}),c(q,{open:i.value,"onUpdate:open":u[1]||=e=>i.value=e,trigger:`manual`,placement:`top`,arrow:``,unwrapped:``},{trigger:e(()=>[c(A,{type:`outline`},{default:e(()=>[...u[14]||=[T(`manual 受控`,-1)]]),_:1})]),content:e(()=>[...u[15]||=[w(`p`,{class:`popover-demo-text`},`由外部状态控制开关`,-1)]]),_:1},8,[`open`]),c(A,{type:`secondary`,onClick:u[2]||=e=>i.value=!0},{default:e(()=>[...u[16]||=[T(`打开`,-1)]]),_:1}),c(A,{type:`secondary`,onClick:u[3]||=e=>i.value=!1},{default:e(()=>[...u[17]||=[T(`关闭`,-1)]]),_:1})]),u[29]||=w(`p`,{class:`demo-label`},`零包裹模式（unwrapped）`,-1),w(`div`,Pn,[c(q,{trigger:`click`,placement:`top`,arrow:``,unwrapped:``},{trigger:e(()=>[c(A,null,{default:e(()=>[...u[18]||=[T(`组件作触发器`,-1)]]),_:1})]),content:e(()=>[...u[19]||=[w(`p`,{class:`popover-demo-text`},`事件注入到 Button 组件根元素，DOM 中无中间包裹层。`,-1)]]),_:1}),c(q,{trigger:`click`,placement:`top`,arrow:``,unwrapped:``},{trigger:e(()=>[c(A,{onClick:u[4]||=e=>o.value++},{default:e(()=>[...u[20]||=[T(`点击（用户 + 内部）`,-1)]]),_:1})]),content:e(()=>[w(`p`,Fn,` 用户 @click 与内部 toggle 均触发，互不覆盖（已点击 `+r(o.value)+` 次）。 `,1)]),_:1}),c(q,{trigger:`click`,placement:`top`,arrow:``,unwrapped:``},{trigger:e(()=>[c(A,{type:`outline`},{default:e(()=>[...u[21]||=[T(`多根`,-1)]]),_:1}),c(A,{type:`outline`},{default:e(()=>[...u[22]||=[T(`fragment`,-1)]]),_:1})]),content:e(()=>[...u[23]||=[w(`p`,{class:`popover-demo-text`},`多根插槽无法注入事件，自动回退到 span 包裹层。`,-1)]]),_:1})])]))}};s(),E();var Ln={class:`showcase-section`,"aria-labelledby":`tooltip-title`},Rn={class:`demo-panel`},zn={class:`demo-panel`},Bn={class:`demo-panel popover-placement-grid`},Vn={class:`demo-panel`},Hn=`第一行提示
|
||
第二行提示`,Un={__name:`tooltip`,setup(t){let i=[`top`,`top-start`,`top-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`,`right`,`right-start`,`right-end`];return(t,a)=>(l(),D(`section`,Ln,[a[6]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`tooltip-title`},`Tooltip 文字提示`),w(`p`,null,`hover 触发的轻量提示，支持纯文本与富内容、十二方位、箭头开关与禁用。`)],-1),a[7]||=w(`p`,{class:`demo-label`},`基础用法`,-1),w(`div`,Rn,[c(W,{content:`这是一个文字提示`},{default:e(()=>[c(A,null,{default:e(()=>[...a[0]||=[T(`悬停查看提示`,-1)]]),_:1})]),_:1}),c(W,{content:Hn},{default:e(()=>[c(A,{type:`outline`},{default:e(()=>[...a[1]||=[T(`多行提示`,-1)]]),_:1})]),_:1}),c(W,{arrow:!1,content:`无箭头提示`},{default:e(()=>[c(A,{type:`ghost`},{default:e(()=>[...a[2]||=[T(`无箭头`,-1)]]),_:1})]),_:1})]),a[8]||=w(`p`,{class:`demo-label`},`富内容`,-1),w(`div`,zn,[c(W,{placement:`top`},{content:e(()=>[...a[3]||=[w(`p`,{class:`popover-demo-title`},`富内容标题`,-1),w(`p`,{class:`popover-demo-text`},`可以放标题与说明文字。`,-1)]]),default:e(()=>[c(A,{type:`secondary`},{default:e(()=>[...a[4]||=[T(`悬停查看富内容`,-1)]]),_:1})]),_:1})]),a[9]||=w(`p`,{class:`demo-label`},`十二方位`,-1),w(`div`,Bn,[(l(),D(x,null,n(i,t=>c(W,{key:t,placement:t,content:t},{default:e(()=>[c(A,{type:`outline`},{default:e(()=>[T(r(t),1)]),_:2},1024)]),_:2},1032,[`placement`,`content`])),64))]),a[10]||=w(`p`,{class:`demo-label`},`禁用`,-1),w(`div`,Vn,[c(W,{content:`禁用后不显示`,disabled:``},{default:e(()=>[c(A,{type:`outline`},{default:e(()=>[...a[5]||=[T(`禁用提示`,-1)]]),_:1})]),_:1})])]))}};s(),E(),v();var Wn={class:`showcase-section`,"aria-labelledby":`message-title`},Gn={class:`placement-grid`},Kn=[`onClick`],qn={class:`demo-panel`},Jn={class:`demo-panel`},Yn={class:`demo-panel`},Xn=S({__name:`message`,setup(t){let i=[`top-left`,`top-center`,`top-right`,`center-left`,`center`,`center-right`,`bottom-left`,`bottom-center`,`bottom-right`],a=C(`top-center`);function s(){G.info(`正在上传文件…`),G.success(`文件上传完成`),G.warning(`其中 2 个文件已跳过`)}function u(e){a.value=e,G.config({placement:e}),G.info(`消息出现在 ${e}`)}return(t,d)=>(l(),D(`section`,Wn,[d[11]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`message-title`},`Message 轻提示`),w(`p`,null,`页面顶部居中的轻量反馈，用于操作结果提示，默认自动消失，不阻塞交互。`)],-1),d[12]||=w(`p`,{class:`demo-label`},`出现位置（9 方位）`,-1),w(`div`,Gn,[(l(),D(x,null,n(i,e=>w(`button`,{key:e,type:`button`,class:o([`placement-cell`,{"placement-cell-active":a.value===e}]),onClick:t=>u(e)},r(e),11,Kn)),64))]),d[13]||=w(`p`,{class:`demo-label`},`四种类型`,-1),w(`div`,qn,[c(A,{type:`outline`,onClick:d[0]||=e=>g(G).info(`这是一条普通信息提示`)},{default:e(()=>[...d[5]||=[T(`Info`,-1)]]),_:1}),c(A,{type:`outline`,onClick:d[1]||=e=>g(G).success(`操作成功，数据已保存`)},{default:e(()=>[...d[6]||=[T(`Success`,-1)]]),_:1}),c(A,{type:`outline`,onClick:d[2]||=e=>g(G).warning(`当前内容尚未完成编辑`)},{default:e(()=>[...d[7]||=[T(`Warning`,-1)]]),_:1}),c(A,{type:`outline`,onClick:d[3]||=e=>g(G).error(`提交失败，请稍后重试`)},{default:e(()=>[...d[8]||=[T(`Error`,-1)]]),_:1})]),d[14]||=w(`p`,{class:`demo-label`},`可手动关闭`,-1),w(`div`,Jn,[c(A,{type:`outline`,onClick:d[4]||=e=>g(G).info(`可点击右侧关闭按钮立即移除`,{closable:!0,duration:0})},{default:e(()=>[...d[9]||=[T(` 常驻可关闭 `,-1)]]),_:1})]),d[15]||=w(`p`,{class:`demo-label`},`多条堆叠`,-1),w(`div`,Yn,[c(A,{type:`outline`,onClick:s},{default:e(()=>[...d[10]||=[T(`连续触发 3 条`,-1)]]),_:1})])]))}},[[`__scopeId`,`data-v-fb911ced`]]);s(),E(),v();var Zn={class:`fms-notification-body`},Qn={key:0,class:`fms-notification-title`},$n={key:1,class:`fms-notification-desc`},er=S({__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:n}){let a=e,s=n,f={info:oe,success:ae,warning:fe,error:ue},m=d(()=>f[a.type]||oe),h=null;function _(){h&&=(clearTimeout(h),null)}function v(){a.duration>0&&(h=setTimeout(()=>s(`close`),a.duration))}function y(){s(`close`)}return u(v),t(_),(t,n)=>(l(),D(`div`,{class:o([`fms-notification`,`fms-notification-${e.type}`]),role:`alert`},[(l(),O(i(m.value),{class:`fms-notification-icon`})),w(`div`,Zn,[e.title?(l(),D(`p`,Qn,r(e.title),1)):p(``,!0),e.description?(l(),D(`p`,$n,r(e.description),1)):p(``,!0)]),e.closable?(l(),D(`button`,{key:0,type:`button`,class:`fms-notification-close`,"aria-label":`关闭`,onClick:y},[c(g(ce),{size:14})])):p(``,!0)],2))}},[[`__scopeId`,`data-v-b3590fbd`]]);v();var X=y({items:[],placement:`top-right`});s(),f(),E();var tr={class:`fms-notification-container`},nr=S({__name:`notification-container`,setup(t){let r=[`top-left`,`top-center`,`top-right`,`center-left`,`center`,`center-right`,`bottom-left`,`bottom-center`,`bottom-right`];function i(e){let t=X.items.findIndex(t=>t.id===e);t!==-1&&X.items.splice(t,1)}function a(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 s(e){return X.items.filter(t=>(t.placement||X.placement||`top-right`)===e)}return(t,u)=>(l(),O(_,{to:`body`},[w(`div`,tr,[(l(),D(x,null,n(r,t=>c(ee,{key:t,name:`fms-notification`,tag:`div`,class:o([`fms-notification-list`,...a(t)])},{default:e(()=>[(l(!0),D(x,null,n(s(t),e=>(l(),O(er,{key:e.id,id:e.id,type:e.type,title:e.title,description:e.description,duration:e.duration,closable:e.closable,onClose:t=>i(e.id)},null,8,[`id`,`type`,`title`,`description`,`duration`,`closable`,`onClose`]))),128))]),_:2},1032,[`class`])),64))])]))}},[[`__scopeId`,`data-v-dd7a2c65`]]);s(),f();var rr=null,ir=0;function ar(){rr||(rr=document.createElement(`div`),document.body.appendChild(rr),b(c(nr),rr))}function or(e){ar();let t=`fms-notification-${++ir}`;return X.items.push({id:t,type:`info`,title:``,description:``,duration:4500,closable:!0,...e,placement:e&&e.placement||X.placement||`top-right`}),{close:()=>sr(t)}}function sr(e){let t=X.items.findIndex(t=>t.id===e);t!==-1&&X.items.splice(t,1)}function cr(){X.items.splice(0,X.items.length)}var Z={open:e=>or({...e}),close:e=>sr(e),closeAll:()=>cr(),config:e=>{e&&e.placement&&(X.placement=e.placement)}};s(),E(),v();var lr={class:`showcase-section`,"aria-labelledby":`notification-title`},ur={class:`placement-grid`},dr=[`onClick`],fr={class:`demo-panel`},pr={class:`demo-panel`},mr=S({__name:`notification`,setup(t){let i=[`top-left`,`top-center`,`top-right`,`center-left`,`center`,`center-right`,`bottom-left`,`bottom-center`,`bottom-right`],a=C(`top-right`);function s(){Z.open({type:`success`,title:`新消息`,description:`你有一条来自产品团队的评论。`}),Z.open({type:`info`,title:`日程提醒`,description:`15:00 有需求评审会议。`}),Z.open({type:`warning`,title:`配额预警`,description:`存储配额已使用 85%，建议清理。`})}function u(e){a.value=e,Z.config({placement:e}),Z.open({type:`info`,title:`位置预览`,description:`通知出现在 ${e}`})}return(t,d)=>(l(),D(`section`,lr,[d[11]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`notification-title`},`Notification 通知`),w(`p`,null,`右上角通知卡片，承载标题与描述信息，支持手动关闭与自动消失，可堆叠。`)],-1),d[12]||=w(`p`,{class:`demo-label`},`出现位置（9 方位）`,-1),w(`div`,ur,[(l(),D(x,null,n(i,e=>w(`button`,{key:e,type:`button`,class:o([`placement-cell`,{"placement-cell-active":a.value===e}]),onClick:t=>u(e)},r(e),11,dr)),64))]),d[13]||=w(`p`,{class:`demo-label`},`四种类型`,-1),w(`div`,fr,[c(A,{type:`outline`,onClick:d[0]||=e=>g(Z).open({type:`info`,title:`系统通知`,description:`平台将于今晚 22:00 进行例行维护。`})},{default:e(()=>[...d[5]||=[T(`Info`,-1)]]),_:1}),c(A,{type:`outline`,onClick:d[1]||=e=>g(Z).open({type:`success`,title:`发布成功`,description:`版本 v2.4.0 已成功发布至生产环境。`})},{default:e(()=>[...d[6]||=[T(`Success`,-1)]]),_:1}),c(A,{type:`outline`,onClick:d[2]||=e=>g(Z).open({type:`warning`,title:`存储空间不足`,description:`当前用量已达 90%，请及时清理。`})},{default:e(()=>[...d[7]||=[T(`Warning`,-1)]]),_:1}),c(A,{type:`outline`,onClick:d[3]||=e=>g(Z).open({type:`error`,title:`同步失败`,description:`与服务器的连接已断开，请检查网络。`})},{default:e(()=>[...d[8]||=[T(`Error`,-1)]]),_:1})]),d[14]||=w(`p`,{class:`demo-label`},`多条堆叠与全部关闭`,-1),w(`div`,pr,[c(A,{type:`outline`,onClick:s},{default:e(()=>[...d[9]||=[T(`连续触发 3 条`,-1)]]),_:1}),c(A,{type:`secondary`,onClick:d[4]||=e=>g(Z).closeAll()},{default:e(()=>[...d[10]||=[T(`关闭全部`,-1)]]),_:1})])]))}},[[`__scopeId`,`data-v-ad02f7e3`]]);s(),v();var hr={class:`showcase-section`,"aria-labelledby":`modal-title`},gr={class:`demo-panel`},_r={class:`demo-panel`},vr={class:`demo-panel`},yr={class:`demo-panel`},br={class:`demo-panel`},xr={__name:`modal`,setup(t){let n=C(!1),r=C(!1),i=C(!1),a=C(!1),o=C(!1),s=C(!1),u=C(!1);function d(){o.value=!0,s.value=!0,setTimeout(()=>{s.value=!1,o.value=!1},1200)}function f(){u.value=!1,G.success(`保存成功`)}return(t,p)=>(l(),D(`section`,hr,[p[27]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`modal-title`},`Modal 模态框`),w(`p`,null,`居中弹窗，支持遮罩关闭、Esc 关闭与底部按钮区，聚焦会约束在弹窗内部。`)],-1),p[28]||=w(`p`,{class:`demo-label`},`基础用法`,-1),w(`div`,gr,[c(A,{type:`primary`,onClick:p[0]||=e=>n.value=!0},{default:e(()=>[...p[13]||=[T(`打开模态框`,-1)]]),_:1})]),p[29]||=w(`p`,{class:`demo-label`},`垂直居中 / 无遮罩`,-1),w(`div`,_r,[c(A,{type:`outline`,onClick:p[1]||=e=>r.value=!0},{default:e(()=>[...p[14]||=[T(`垂直居中`,-1)]]),_:1}),c(A,{type:`outline`,onClick:p[2]||=e=>i.value=!0},{default:e(()=>[...p[15]||=[T(`无遮罩`,-1)]]),_:1})]),p[30]||=w(`p`,{class:`demo-label`},`自定义底部（#footer 插槽）`,-1),w(`div`,vr,[c(A,{type:`outline`,onClick:p[3]||=e=>a.value=!0},{default:e(()=>[...p[16]||=[T(`自定义底部`,-1)]]),_:1})]),p[31]||=w(`p`,{class:`demo-label`},`异步提交（confirmLoading）`,-1),w(`div`,yr,[c(A,{type:`outline`,onClick:d},{default:e(()=>[...p[17]||=[T(`提交后自动关闭`,-1)]]),_:1})]),p[32]||=w(`p`,{class:`demo-label`},`受控模式 + 关闭后反馈`,-1),w(`div`,br,[c(A,{type:`outline`,onClick:p[4]||=e=>u.value=!0},{default:e(()=>[...p[18]||=[T(`保存并提示`,-1)]]),_:1})]),c(R,{open:n.value,"onUpdate:open":p[5]||=e=>n.value=e,title:`基础模态框`,width:440},{default:e(()=>[...p[19]||=[w(`p`,null,` 这是一个基础模态框。拖动标题栏可移动位置，拖动右下角可调整尺寸；右上角可切换全屏；点击遮罩、关闭按钮或按 Esc 均可关闭。 `,-1)]]),_:1},8,[`open`]),c(R,{open:r.value,"onUpdate:open":p[6]||=e=>r.value=e,title:`垂直居中`,width:440,centered:``},{default:e(()=>[...p[20]||=[w(`p`,null,[T(`使用 `),w(`code`,null,`centered`),T(` 属性让弹窗在视口垂直居中显示，适合短内容。`)],-1)]]),_:1},8,[`open`]),c(R,{open:i.value,"onUpdate:open":p[7]||=e=>i.value=e,title:`无遮罩`,width:440,mask:!1},{default:e(()=>[...p[21]||=[w(`p`,null,[T(`使用 `),w(`code`,null,`:mask="false"`),T(` 隐藏遮罩，弹窗仍可交互，但不再有背景变暗效果。`)],-1)]]),_:1},8,[`open`]),c(R,{open:a.value,"onUpdate:open":p[10]||=e=>a.value=e,title:`自定义底部`,width:440},{footer:e(()=>[c(A,{type:`outline`,onClick:p[8]||=e=>a.value=!1},{default:e(()=>[...p[22]||=[T(`稍后再说`,-1)]]),_:1}),c(A,{type:`danger`,onClick:p[9]||=e=>a.value=!1},{default:e(()=>[...p[23]||=[T(`立即删除`,-1)]]),_:1})]),default:e(()=>[p[24]||=w(`p`,null,[T(`通过 `),w(`code`,null,`#footer`),T(` 插槽替换默认的确定/取消按钮。`)],-1)]),_:1},8,[`open`]),c(R,{open:o.value,"onUpdate:open":p[11]||=e=>o.value=e,title:`异步提交`,width:440,"confirm-loading":s.value},{default:e(()=>[...p[25]||=[w(`p`,null,`确定按钮进入加载态，加载期间所有关闭方式（遮罩/Esc/关闭/取消）均被阻止，避免中断提交。`,-1)]]),_:1},8,[`open`,`confirm-loading`]),c(R,{open:u.value,"onUpdate:open":p[12]||=e=>u.value=e,title:`保存数据`,width:440,"ok-text":`保存`,onOk:f},{default:e(()=>[...p[26]||=[w(`p`,null,`点击「保存」后自动关闭，并触发一条成功提示。`,-1)]]),_:1},8,[`open`])]))}};s(),E(),v();var Sr={class:`showcase-section`,"aria-labelledby":`drawer-title`},Cr={class:`demo-panel`},wr={class:`demo-panel`},Tr={class:`demo-panel`},Er={__name:`drawer`,setup(t){let n=C(!1),i=C(`right`),a=C(!1),o=C(!1);function s(e){i.value=e,n.value=!0}return(t,u)=>(l(),D(`section`,Sr,[u[25]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`drawer-title`},`Drawer 抽屉`),w(`p`,null,`从屏幕四边滑入的侧边面板，适合承载表单或详情，支持受控与非受控两种用法。`)],-1),u[26]||=w(`p`,{class:`demo-label`},`四个方向`,-1),w(`div`,Cr,[c(A,{type:`outline`,onClick:u[0]||=e=>s(`left`)},{default:e(()=>[...u[11]||=[T(`左侧`,-1)]]),_:1}),c(A,{type:`outline`,onClick:u[1]||=e=>s(`right`)},{default:e(()=>[...u[12]||=[T(`右侧`,-1)]]),_:1}),c(A,{type:`outline`,onClick:u[2]||=e=>s(`top`)},{default:e(()=>[...u[13]||=[T(`顶部`,-1)]]),_:1}),c(A,{type:`outline`,onClick:u[3]||=e=>s(`bottom`)},{default:e(()=>[...u[14]||=[T(`底部`,-1)]]),_:1})]),u[27]||=w(`p`,{class:`demo-label`},`自定义头部与底部`,-1),w(`div`,wr,[c(A,{type:`outline`,onClick:u[4]||=e=>a.value=!0},{default:e(()=>[...u[15]||=[T(`自定义内容`,-1)]]),_:1})]),u[28]||=w(`p`,{class:`demo-label`},`无遮罩`,-1),w(`div`,Tr,[c(A,{type:`outline`,onClick:u[5]||=e=>o.value=!0},{default:e(()=>[...u[16]||=[T(`无遮罩抽屉`,-1)]]),_:1})]),c(he,{open:n.value,"onUpdate:open":u[6]||=e=>n.value=e,title:`抽屉面板`,placement:i.value,width:360},{default:e(()=>[w(`p`,null,[u[17]||=T(` 抽屉从`,-1),w(`strong`,null,r(i.value),1),u[18]||=T(`侧滑入，拖动边缘可调整尺寸；点击遮罩、关闭按钮或按 Esc 均可关闭。 `,-1)]),u[19]||=w(`p`,{style:{"margin-top":`12px`}},`适用于表单填写、详情查看等需要更大空间的场景。`,-1)]),_:1},8,[`open`,`placement`]),c(he,{open:a.value,"onUpdate:open":u[9]||=e=>a.value=e,title:`自定义头部与底部`,width:400},{extra:e(()=>[c(A,{type:`link`},{default:e(()=>[...u[20]||=[T(`帮助`,-1)]]),_:1})]),footer:e(()=>[c(A,{type:`outline`,onClick:u[7]||=e=>a.value=!1},{default:e(()=>[...u[21]||=[T(`取消`,-1)]]),_:1}),c(A,{type:`primary`,onClick:u[8]||=e=>a.value=!1},{default:e(()=>[...u[22]||=[T(`确定`,-1)]]),_:1})]),default:e(()=>[u[23]||=w(`p`,null,[T(` 头部左侧通过 `),w(`code`,null,`#extra`),T(` 插槽放入附加操作，底部通过 `),w(`code`,null,`#footer`),T(` 插槽放置按钮。 `)],-1)]),_:1},8,[`open`]),c(he,{open:o.value,"onUpdate:open":u[10]||=e=>o.value=e,title:`无遮罩`,width:320,mask:!1},{default:e(()=>[...u[24]||=[w(`p`,null,[T(`使用 `),w(`code`,null,`:mask="false"`),T(` 隐藏遮罩，抽屉滑入时页面保持可交互。`)],-1)]]),_:1},8,[`open`])]))}};s(),v(),E();var Dr={class:`showcase-section`,"aria-labelledby":`spin-title`},Or={class:`demo-panel`},kr={class:`demo-panel`},Ar={class:`demo-panel`},jr={class:`demo-panel demo-panel-column`},Mr={class:`spin-control-row`},Nr={class:`demo-panel demo-panel-column`},Pr={class:`spin-control-row`},Fr={class:`spin-compare`},Ir={class:`spin-card`},Lr={class:`spin-table`},Rr={class:`spin-card`},zr={class:`spin-table`},Br=S({__name:`spin`,setup(t){let i=C(!0),a=C(!0),o=[{name:`FMS UI`,version:`0.0.1`,status:`运行中`},{name:`组件库`,version:`1.2.0`,status:`运行中`},{name:`主题系统`,version:`2.0.0`,status:`已停用`}];return(t,s)=>(l(),D(`section`,Dr,[s[9]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`spin-title`},`Spin 加载中`),w(`p`,null,`反馈加载状态：独立指示器，或包裹内容并覆盖轻量遮罩，加载期间内部布局保持不变。`)],-1),s[10]||=w(`p`,{class:`demo-label`},`基础指示器（形态一）`,-1),w(`div`,Or,[c(pe)]),s[11]||=w(`p`,{class:`demo-label`},`带文案`,-1),w(`div`,kr,[c(pe,{description:`正在加载…`})]),s[12]||=w(`p`,{class:`demo-label`},`自定义指示器（#indicator 插槽）`,-1),w(`div`,Ar,[c(pe,{description:`刷新中`},{indicator:e(()=>[c(g(Ne),{class:`spin-custom-indicator`,"aria-hidden":`true`})]),_:1})]),s[13]||=w(`p`,{class:`demo-label`},`延迟显示（delay，防短请求闪烁）`,-1),w(`div`,jr,[w(`div`,Mr,[s[2]||=w(`span`,null,`延迟 1 秒后显示加载`,-1),c(H,{modelValue:a.value,"onUpdate:modelValue":s[0]||=e=>a.value=e},null,8,[`modelValue`])]),c(pe,{spinning:a.value,delay:1e3,description:`正在加载…`},null,8,[`spinning`])]),s[14]||=w(`p`,{class:`demo-label`},`包裹内容（形态二，内部布局不变）`,-1),w(`div`,Nr,[w(`div`,Pr,[s[3]||=w(`span`,null,`加载状态`,-1),c(H,{modelValue:i.value,"onUpdate:modelValue":s[1]||=e=>i.value=e},null,8,[`modelValue`])]),w(`div`,Fr,[w(`div`,Ir,[s[5]||=w(`div`,{class:`spin-card-head`},[w(`strong`,null,`服务列表`),w(`span`,{class:`spin-card-badge`},`基准`)],-1),w(`table`,Lr,[s[4]||=w(`thead`,null,[w(`tr`,null,[w(`th`,null,`服务`),w(`th`,null,`版本`),w(`th`,null,`状态`)])],-1),w(`tbody`,null,[(l(),D(x,null,n(o,e=>w(`tr`,{key:e.name},[w(`td`,null,r(e.name),1),w(`td`,null,r(e.version),1),w(`td`,null,r(e.status),1)])),64))])])]),c(pe,{spinning:i.value,description:`加载中`},{default:e(()=>[w(`div`,Rr,[s[7]||=w(`div`,{class:`spin-card-head`},[w(`strong`,null,`服务列表`),w(`span`,{class:`spin-card-badge`},`Spin`)],-1),w(`table`,zr,[s[6]||=w(`thead`,null,[w(`tr`,null,[w(`th`,null,`服务`),w(`th`,null,`版本`),w(`th`,null,`状态`)])],-1),w(`tbody`,null,[(l(),D(x,null,n(o,e=>w(`tr`,{key:e.name},[w(`td`,null,r(e.name),1),w(`td`,null,r(e.version),1),w(`td`,null,r(e.status),1)])),64))])])])]),_:1},8,[`spinning`])]),s[8]||=w(`p`,{class:`spin-hint`},` 同一卡片在未包裹与包裹 Spin（含加载中）两种状态下尺寸一致，内部元素位置不偏移。 `,-1)])]))}},[[`__scopeId`,`data-v-8f447b2d`]]);s(),E();var Q=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=d(()=>{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=d(()=>({"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)=>(l(),D(`div`,{class:o(r.value),style:te(n.value)},[a(e.$slots,`default`)],6))}});s(),E();var $=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=d(()=>({"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=d(()=>{if(t.flex===void 0)return{};let e=t.flex;return typeof e==`number`?{flex:`${e} ${e} auto`}:{flex:e}}),i=d(()=>t.flex!==void 0);return(e,t)=>(l(),D(`div`,{class:o(n.value),style:te(r.value)},[a(e.$slots,`default`)],6))}});s();var Vr={class:`showcase-section`,"aria-labelledby":`grid-title`},Hr={class:`demo-panel`},Ur={class:`grid-demo-block`},Wr={class:`demo-panel`},Gr={class:`grid-demo-block`},Kr={class:`demo-panel`},qr={class:`grid-demo-block`},Jr={class:`demo-panel`},Yr={class:`grid-demo-block`},Xr={class:`demo-panel`},Zr={class:`grid-demo-block`},Qr={class:`demo-panel`},$r={class:`grid-demo-block`},ei={class:`demo-panel`},ti={class:`grid-demo-block`},ni=S({__name:`grid`,setup(t){return(t,n)=>(l(),D(`section`,Vr,[n[21]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`grid-title`},`Grid 栅格`),w(`p`,null,`24 栅格布局容器，用于快速搭建页面结构：Row 控制行间距与对齐，Col 控制占位与偏移。`)],-1),n[22]||=w(`p`,{class:`demo-label`},`基础栅格（每列 1/3）`,-1),w(`div`,Hr,[w(`div`,Ur,[c(Q,{gutter:16},{default:e(()=>[c($,{span:8},{default:e(()=>[...n[0]||=[w(`div`,{class:`grid-cell`},`span 8`,-1)]]),_:1}),c($,{span:8},{default:e(()=>[...n[1]||=[w(`div`,{class:`grid-cell`},`span 8`,-1)]]),_:1}),c($,{span:8},{default:e(()=>[...n[2]||=[w(`div`,{class:`grid-cell`},`span 8`,-1)]]),_:1})]),_:1})])]),n[23]||=w(`p`,{class:`demo-label`},`gutter 水平 + 垂直间距 [24, 16]`,-1),w(`div`,Wr,[w(`div`,Gr,[c(Q,{gutter:[24,16]},{default:e(()=>[c($,{span:6},{default:e(()=>[...n[3]||=[w(`div`,{class:`grid-cell`},`span 6`,-1)]]),_:1}),c($,{span:6},{default:e(()=>[...n[4]||=[w(`div`,{class:`grid-cell`},`span 6`,-1)]]),_:1}),c($,{span:6},{default:e(()=>[...n[5]||=[w(`div`,{class:`grid-cell`},`span 6`,-1)]]),_:1}),c($,{span:6},{default:e(()=>[...n[6]||=[w(`div`,{class:`grid-cell`},`span 6`,-1)]]),_:1}),c($,{span:6},{default:e(()=>[...n[7]||=[w(`div`,{class:`grid-cell`},`span 6`,-1)]]),_:1}),c($,{span:6},{default:e(()=>[...n[8]||=[w(`div`,{class:`grid-cell`},`span 6`,-1)]]),_:1})]),_:1})])]),n[24]||=w(`p`,{class:`demo-label`},`对齐 align="middle" + justify="space-between"`,-1),w(`div`,Kr,[w(`div`,qr,[c(Q,{gutter:16,align:`middle`,justify:`space-between`},{default:e(()=>[c($,{span:4},{default:e(()=>[...n[9]||=[w(`div`,{class:`grid-cell grid-cell-sm`},`span 4`,-1)]]),_:1}),c($,{span:4},{default:e(()=>[...n[10]||=[w(`div`,{class:`grid-cell grid-cell-md`},`span 4`,-1)]]),_:1}),c($,{span:4},{default:e(()=>[...n[11]||=[w(`div`,{class:`grid-cell grid-cell-lg`},`span 4`,-1)]]),_:1})]),_:1})])]),n[25]||=w(`p`,{class:`demo-label`},`偏移 offset（左侧空出 8 格）`,-1),w(`div`,Jr,[w(`div`,Yr,[c(Q,{gutter:16},{default:e(()=>[c($,{span:8,offset:8},{default:e(()=>[...n[12]||=[w(`div`,{class:`grid-cell`},`offset 8 / span 8`,-1)]]),_:1})]),_:1})])]),n[26]||=w(`p`,{class:`demo-label`},`排序 order（DOM 顺序 3-1-2，视觉顺序 1-2-3）`,-1),w(`div`,Xr,[w(`div`,Zr,[c(Q,{gutter:16},{default:e(()=>[c($,{span:6,order:3},{default:e(()=>[...n[13]||=[w(`div`,{class:`grid-cell`},`order 3`,-1)]]),_:1}),c($,{span:6,order:1},{default:e(()=>[...n[14]||=[w(`div`,{class:`grid-cell`},`order 1`,-1)]]),_:1}),c($,{span:6,order:2},{default:e(()=>[...n[15]||=[w(`div`,{class:`grid-cell`},`order 2`,-1)]]),_:1})]),_:1})])]),n[27]||=w(`p`,{class:`demo-label`},`push / pull（两列交换位置）`,-1),w(`div`,Qr,[w(`div`,$r,[c(Q,{gutter:16},{default:e(()=>[c($,{span:8,push:8},{default:e(()=>[...n[16]||=[w(`div`,{class:`grid-cell`},`push 8（移到右侧）`,-1)]]),_:1}),c($,{span:8,pull:8},{default:e(()=>[...n[17]||=[w(`div`,{class:`grid-cell`},`pull 8（移到左侧）`,-1)]]),_:1})]),_:1})])]),n[28]||=w(`p`,{class:`demo-label`},`flex（第一列固定 100px，其余均分剩余）`,-1),w(`div`,ei,[w(`div`,ti,[c(Q,{gutter:16},{default:e(()=>[c($,{flex:`100px`},{default:e(()=>[...n[18]||=[w(`div`,{class:`grid-cell`},`flex 100px`,-1)]]),_:1}),c($,{flex:`auto`},{default:e(()=>[...n[19]||=[w(`div`,{class:`grid-cell`},`flex auto`,-1)]]),_:1}),c($,{flex:`auto`},{default:e(()=>[...n[20]||=[w(`div`,{class:`grid-cell`},`flex auto`,-1)]]),_:1})]),_:1})])])]))}},[[`__scopeId`,`data-v-6eb39c88`]]);s(),E(),v();var ri={class:`showcase-section`,"aria-labelledby":`splitter-title`},ii={class:`demo-panel`},ai={class:`demo-panel`},oi={class:`demo-panel`},si={class:`splitter-pane`},ci={class:`demo-panel`},li={class:`demo-panel`},ui=S({__name:`splitter`,setup(t){let n=C([240,0]);function i(e){n.value=e}return(t,a)=>(l(),D(`section`,ri,[a[10]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`splitter-title`},`Splitter 分割面板`),w(`p`,null,` 水平或垂直分割容器，拖动分隔条调整各面板尺寸，支持固定尺寸、最小/最大约束与键盘方向键操作。 `)],-1),a[11]||=w(`p`,{class:`demo-label`},`水平分割（首尾固定，中间自适应）`,-1),w(`div`,ii,[c(me,{class:`splitter-demo`},{default:e(()=>[c(F,{"default-size":`200`},{default:e(()=>[...a[0]||=[w(`div`,{class:`splitter-pane`},`左侧 200px`,-1)]]),_:1}),c(F,null,{default:e(()=>[...a[1]||=[w(`div`,{class:`splitter-pane`},`中间自适应`,-1)]]),_:1}),c(F,{"default-size":`200`},{default:e(()=>[...a[2]||=[w(`div`,{class:`splitter-pane`},`右侧 200px`,-1)]]),_:1})]),_:1})]),a[12]||=w(`p`,{class:`demo-label`},`垂直分割（百分比尺寸）`,-1),w(`div`,ai,[c(me,{direction:`vertical`,class:`splitter-demo`},{default:e(()=>[c(F,{"default-size":`40%`},{default:e(()=>[...a[3]||=[w(`div`,{class:`splitter-pane`},`上 40%`,-1)]]),_:1}),c(F,null,{default:e(()=>[...a[4]||=[w(`div`,{class:`splitter-pane`},`下自适应`,-1)]]),_:1})]),_:1})]),a[13]||=w(`p`,{class:`demo-label`},`min / max 约束`,-1),w(`div`,oi,[c(me,{class:`splitter-demo`,onResize:i},{default:e(()=>[c(F,{min:`120`,max:`240`,"default-size":`240`},{default:e(()=>[...a[5]||=[w(`div`,{class:`splitter-pane`},`min 120 / max 240`,-1)]]),_:1}),c(F,null,{default:e(()=>[w(`div`,si,`左侧当前：`+r(n.value[0])+`px`,1)]),_:1})]),_:1})]),a[14]||=w(`p`,{class:`demo-label`},`hover 时显示分割线`,-1),w(`div`,ci,[c(me,{class:`splitter-demo`,"bar-on-hover":``},{default:e(()=>[c(F,{"default-size":`40%`},{default:e(()=>[...a[6]||=[w(`div`,{class:`splitter-pane`},`平时无分割线`,-1)]]),_:1}),c(F,null,{default:e(()=>[...a[7]||=[w(`div`,{class:`splitter-pane`},`悬停或聚焦分隔条时显示`,-1)]]),_:1})]),_:1})]),a[15]||=w(`p`,{class:`demo-label`},`禁用调整`,-1),w(`div`,li,[c(me,{class:`splitter-demo`},{default:e(()=>[c(F,{"default-size":`50%`,resizable:!1},{default:e(()=>[...a[8]||=[w(`div`,{class:`splitter-pane`},`不可调整`,-1)]]),_:1}),c(F,{"default-size":`50%`},{default:e(()=>[...a[9]||=[w(`div`,{class:`splitter-pane`},`不可调整`,-1)]]),_:1})]),_:1})])]))}},[[`__scopeId`,`data-v-2f9b7b32`]]);s(),E(),v();var di={class:`showcase-section`,"aria-labelledby":`dropdown-title`},fi={class:`demo-panel`},pi={class:`demo-panel`},mi={class:`demo-panel`},hi={class:`demo-panel`},gi={class:`demo-panel`},_i={class:`demo-panel`},vi={class:`demo-panel`},yi={class:`dropdown-demo-custom`},bi={key:0,class:`dropdown-demo-result`},xi=S({__name:`dropdown`,setup(t){let n=C(``),i=C(!1);function a({key:e}){n.value=String(e)}let o=[{key:`profile`,label:`个人中心`},{key:`billing`,label:`账单管理`},{key:`settings`,label:`系统设置`}],s=[{key:`edit`,label:`编辑`,icon:J},{key:`copy`,label:`复制`,icon:De,shortcut:`⌘C`},{key:`notify`,label:`通知`,icon:Ee,shortcut:`⌘N`}],u=[{key:`account`,label:`账号信息`,icon:Me},{key:`profile`,label:`个人资料`},{type:`label`,label:`会话`},{key:`messages`,label:`消息`,icon:ye,shortcut:`⌘K`},{key:`divider-1`,divider:!0},{key:`logout`,label:`退出登录`,icon:Se,danger:!0}],d=[{key:`new`,label:`新建项目`,icon:J},{key:`rename`,label:`重命名`,icon:Ce,disabled:!0},{key:`delete`,label:`删除项目`,icon:Se,danger:!0,disabled:!0}],f=[{key:`team`,label:`团队管理`},{key:`invite`,label:`邀请成员`,icon:J,children:[{key:`invite-mail`,label:`通过邮件`,icon:_e},{key:`invite-msg`,label:`通过消息`,icon:ye},{key:`divider-2`,divider:!0},{key:`invite-more`,label:`更多方式`}]},{key:`billing`,label:`账单管理`,icon:we,shortcut:`⌘B`}],m=[{key:`refresh`,label:`刷新`},{key:`divider-3`,divider:!0},{key:`copy`,label:`复制`,icon:De,shortcut:`⌘C`},{key:`delete`,label:`删除`,icon:Se,danger:!0}];return(t,h)=>(l(),D(`section`,di,[h[16]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`dropdown-title`},`Dropdown 下拉菜单`),w(`p`,null,`数据驱动菜单项，支持点击 / 悬停 / 右键触发、多级子菜单与键盘导航。`)],-1),h[17]||=w(`p`,{class:`demo-label`},`基础用法`,-1),w(`div`,fi,[c(P,{items:o,onClick:a},{trigger:e(()=>[c(A,{type:`outline`},{default:e(()=>[...h[3]||=[T(`操作`,-1)]]),_:1})]),_:1}),c(P,{items:s,onClick:a},{trigger:e(()=>[c(A,{type:`outline`},{default:e(()=>[...h[4]||=[T(`更多操作`,-1)]]),_:1})]),_:1})]),h[18]||=w(`p`,{class:`demo-label`},`分组、分隔线与危险项`,-1),w(`div`,pi,[c(P,{items:u,onClick:a},{trigger:e(()=>[c(A,{type:`outline`},{default:e(()=>[...h[5]||=[T(`用户菜单`,-1)]]),_:1})]),_:1})]),h[19]||=w(`p`,{class:`demo-label`},`禁用项`,-1),w(`div`,mi,[c(P,{items:d,onClick:a},{trigger:e(()=>[c(A,{type:`outline`},{default:e(()=>[...h[6]||=[T(`项目管理`,-1)]]),_:1})]),_:1})]),h[20]||=w(`p`,{class:`demo-label`},`多级子菜单`,-1),w(`div`,hi,[c(P,{items:f,onClick:a},{trigger:e(()=>[c(A,{type:`outline`},{default:e(()=>[...h[7]||=[T(`团队`,-1)]]),_:1})]),_:1})]),h[21]||=w(`p`,{class:`demo-label`},`hover 触发`,-1),w(`div`,gi,[c(P,{items:o,trigger:`hover`,onClick:a},{trigger:e(()=>[c(A,{type:`outline`},{default:e(()=>[...h[8]||=[T(`悬停打开`,-1)]]),_:1})]),_:1})]),h[22]||=w(`p`,{class:`demo-label`},`右键触发`,-1),w(`div`,_i,[c(P,{items:m,trigger:`contextmenu`,placement:`bottom-start`,onClick:a},{trigger:e(()=>[...h[9]||=[w(`div`,{class:`dropdown-demo-context`},`在此区域右键`,-1)]]),_:1})]),h[23]||=w(`p`,{class:`demo-label`},`受控与自定义内容`,-1),w(`div`,vi,[c(P,{open:i.value,"onUpdate:open":h[0]||=e=>i.value=e,items:o,onClick:a},{trigger:e(()=>[c(A,{type:`outline`},{default:e(()=>[...h[10]||=[T(`受控菜单`,-1)]]),_:1})]),_:1},8,[`open`]),c(A,{type:`secondary`,onClick:h[1]||=e=>i.value=!0},{default:e(()=>[...h[11]||=[T(`打开`,-1)]]),_:1}),c(A,{type:`secondary`,onClick:h[2]||=e=>i.value=!1},{default:e(()=>[...h[12]||=[T(`关闭`,-1)]]),_:1}),c(P,{onClick:a},{trigger:e(()=>[c(A,{type:`outline`},{default:e(()=>[...h[13]||=[T(`自定义内容`,-1)]]),_:1})]),menu:e(({close:t})=>[w(`div`,yi,[h[15]||=w(`p`,null,`自定义菜单内容，不依赖 items。`,-1),c(A,{block:``,onClick:e=>t()},{default:e(()=>[...h[14]||=[T(`知道了`,-1)]]),_:1},8,[`onClick`])])]),_:1})]),n.value?(l(),D(`p`,bi,`最近操作：`+r(n.value),1)):p(``,!0)]))}},[[`__scopeId`,`data-v-df39eeb7`]]);s(),v(),E();var Si={class:`showcase-section`,"aria-labelledby":`tag-title`},Ci={class:`demo-panel`},wi={class:`demo-panel`},Ti={class:`demo-panel`},Ei={key:0,class:`tag-demo-empty`},Di={class:`demo-panel`},Oi={class:`demo-panel`},ki=S({__name:`tag`,setup(t){let i=C([`Vue 3`,`Vite`,`Pinia`,`oxlint`]);function a(e){i.value=i.value.filter(t=>t!==e)}return(t,o)=>(l(),D(`section`,Si,[o[13]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`tag-title`},`Tag 标签`),w(`p`,null,`胶囊小标签，用于分类、状态与标记；支持变体、图标、可关闭与链接。`)],-1),o[14]||=w(`p`,{class:`demo-label`},`基础变体`,-1),w(`div`,Ci,[c(z,null,{default:e(()=>[...o[0]||=[T(`默认`,-1)]]),_:1}),c(z,{variant:`secondary`},{default:e(()=>[...o[1]||=[T(`次要`,-1)]]),_:1}),c(z,{variant:`outline`},{default:e(()=>[...o[2]||=[T(`描边`,-1)]]),_:1}),c(z,{variant:`danger`},{default:e(()=>[...o[3]||=[T(`危险`,-1)]]),_:1}),c(z,{variant:`ghost`},{default:e(()=>[...o[4]||=[T(`幽灵`,-1)]]),_:1})]),o[15]||=w(`p`,{class:`demo-label`},`图标标签`,-1),w(`div`,wi,[c(z,{variant:`secondary`},{icon:e(()=>[c(g(xe),{"aria-hidden":`true`})]),default:e(()=>[o[5]||=T(` AI 生成 `,-1)]),_:1}),c(z,{variant:`outline`},{icon:e(()=>[c(g(Te),{"aria-hidden":`true`})]),default:e(()=>[o[6]||=T(` 精选 `,-1)]),_:1})]),o[16]||=w(`p`,{class:`demo-label`},`可关闭`,-1),w(`div`,Ti,[(l(!0),D(x,null,n(i.value,t=>(l(),O(z,{key:t,variant:`secondary`,closable:``,onClose:e=>a(t)},{default:e(()=>[T(r(t),1)]),_:2},1032,[`onClose`]))),128)),i.value.length?p(``,!0):(l(),D(`span`,Ei,`全部已关闭`))]),o[17]||=w(`p`,{class:`demo-label`},`禁用态`,-1),w(`div`,Di,[c(z,{disabled:``},{default:e(()=>[...o[7]||=[T(`默认禁用`,-1)]]),_:1}),c(z,{variant:`outline`,disabled:``},{default:e(()=>[...o[8]||=[T(`描边禁用`,-1)]]),_:1}),c(z,{variant:`danger`,disabled:``},{default:e(()=>[...o[9]||=[T(`危险禁用`,-1)]]),_:1}),c(z,{variant:`secondary`,closable:``,disabled:``},{default:e(()=>[...o[10]||=[T(`不可关闭`,-1)]]),_:1})]),o[18]||=w(`p`,{class:`demo-label`},`链接标签`,-1),w(`div`,Oi,[c(z,{href:`https://vuejs.org`,target:`_blank`},{default:e(()=>[...o[11]||=[T(`Vue`,-1)]]),_:1}),c(z,{href:`https://vitejs.dev`,target:`_blank`,variant:`outline`},{default:e(()=>[...o[12]||=[T(`Vite`,-1)]]),_:1})])]))}},[[`__scopeId`,`data-v-ece7f8e6`]]);s(),E(),f(),v();var Ai={class:`showcase-section`,"aria-labelledby":`tree-title`},ji={class:`demo-panel`},Mi={class:`tree-demo-col`},Ni={class:`tree-demo-col`},Pi={class:`tree-demo-out`},Fi={class:`demo-panel`},Ii={class:`tree-demo-col`},Li={class:`tree-demo-out`},Ri={class:`tree-demo-col`},zi={class:`tree-demo-out`},Bi={class:`demo-panel`},Vi={class:`demo-panel`},Hi={class:`demo-panel demo-panel-column`},Ui={class:`demo-panel`},Wi={class:`tree-custom-title`},Gi=S({__name:`tree`,setup(t){let n=[{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`}]}],i=C([]),a=C([`0-0-0`]),s=C([]),u=C([{key:`root`,title:`异步根目录`,isLeaf:!1},{key:`root2`,title:`另一个根（叶子）`,isLeaf:!0}]),d=C([]);function f(e,t){for(let n of e){if(n.key===t)return n;if(n.children){let e=f(n.children,t);if(e)return e}}return null}function p(e){setTimeout(()=>{let t=[{key:`${e.key}-1`,title:`子节点 A`,isLeaf:!0},{key:`${e.key}-2`,title:`子节点 B（可继续展开）`,isLeaf:!1}],n=f(u.value,e.key);n&&(n.children=t),d.value=[...d.value,e.key]},800)}let g=C([{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 _(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=_(e[n].children,t);if(r)return r}}return null}function v(e,t,n){for(let r of e){if(r.key===t)return n;if(r.children){let e=v(r.children,t,r.children);if(e)return e}}return null}function y({dragKey:e,dropKey:t,dropPosition:n}){let r=g.value,i=_(r,e);if(i){if(n===`inside`){let e=f(r,t);e.children=e.children||[],e.children.push(i),e.isLeaf=!1}else{let e=v(r,t,r),a=e.findIndex(e=>e.key===t);e.splice(n===`before`?a:a+1,0,i)}g.value=[...r]}}let b=C(``);return(t,f)=>(l(),D(`section`,Ai,[f[5]||=w(`div`,{class:`section-heading`},[w(`p`,{class:`eyebrow`},`Components`),w(`h2`,{id:`tree-title`},`Tree 树形控件`),w(`p`,null,` 层级数据展示与选择：支持展开折叠、单选/多选、复选框（半选联动）、异步加载、拖拽排序与关键词过滤。 `)],-1),f[6]||=w(`p`,{class:`demo-label`},`基础 · 展开与单选`,-1),w(`div`,ji,[w(`div`,Mi,[c(V,{"tree-data":n,"default-expand-all":``})]),w(`div`,Ni,[c(V,{"tree-data":n,"selected-keys":i.value,"onUpdate:selectedKeys":f[0]||=e=>i.value=e},null,8,[`selected-keys`]),w(`p`,Pi,`selectedKeys：`+r(i.value),1)])]),f[7]||=w(`p`,{class:`demo-label`},`复选框 · 父子联动与半选`,-1),w(`div`,Fi,[w(`div`,Ii,[c(V,{"tree-data":n,checkable:``,"checked-keys":a.value,"onUpdate:checkedKeys":f[1]||=e=>a.value=e,"default-expand-all":``},null,8,[`checked-keys`]),w(`p`,Li,`checkedKeys（联动）：`+r(a.value),1)]),w(`div`,Ri,[c(V,{"tree-data":n,checkable:``,"check-strictly":!0,"checked-keys":s.value,"onUpdate:checkedKeys":f[2]||=e=>s.value=e,"default-expand-all":``},null,8,[`checked-keys`]),w(`p`,zi,`strictCheckedKeys（严格）：`+r(s.value),1)])]),f[8]||=w(`p`,{class:`demo-label`},`异步加载（lazy）`,-1),w(`div`,Bi,[c(V,{"tree-data":u.value,lazy:``,"loaded-keys":d.value,"onUpdate:loadedKeys":f[3]||=e=>d.value=e,onLoad:p},null,8,[`tree-data`,`loaded-keys`])]),f[9]||=w(`p`,{class:`demo-label`},`拖拽排序（draggable）`,-1),w(`div`,Vi,[c(V,{"tree-data":g.value,draggable:``,"default-expand-all":``,onDrop:y},null,8,[`tree-data`])]),f[10]||=w(`p`,{class:`demo-label`},`关键词过滤`,-1),w(`div`,Hi,[h(w(`input`,{"onUpdate:modelValue":f[4]||=e=>b.value=e,class:`tree-demo-input`},null,512),[[m,b.value]]),c(V,{"tree-data":n,filter:b.value,"default-expand-all":``},null,8,[`filter`])]),f[11]||=w(`p`,{class:`demo-label`},`自定义 #title 插槽`,-1),w(`div`,Ui,[c(V,{"tree-data":n,"default-expand-all":``},{title:e(({node:e})=>[w(`span`,Wi,[w(`span`,{class:o([`tree-custom-dot`,{"is-parent":e.children}])},null,2),T(` `+r(e.title),1)])]),_:1})])]))}},[[`__scopeId`,`data-v-3a959eea`]]);s(),v(),E();var Ki={class:`app-shell`},qi={class:`app-header`},Ji={class:`theme-controls`},Yi={class:`color-picker`,role:`group`,"aria-label":`主题色`},Xi=[`aria-label`,`title`,`aria-pressed`,`onClick`],Zi={class:`app-body`},Qi={class:`app-sidebar`},$i={class:`nav-group-title`},ea=[`onClick`],ta={class:`app-content`},na=S(Object.assign({name:`Demo`},{__name:`index`,setup(t){let a=ne(),s=d(()=>a.darkMode);function u(){a.toggleDark()}let f=d(()=>a.primaryColor);function m(e){a.setPrimary(e)}let h=C(`button`),_=[{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:`segmented`,label:`Segmented 分段控制器`},{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 加载中`}]}],v={button:He,"button-group":Je,tabs:it,pagination:ht,input:wt,checkbox:kt,radio:Nt,segmented:Ut,switch:qt,select:sn,date:gn,form:En,popover:In,tooltip:Un,message:Xn,notification:mr,modal:xr,drawer:Er,spin:Br,grid:ni,splitter:ui,dropdown:xi,tag:ki,tree:Gi};return(t,a)=>(l(),D(`main`,Ki,[w(`header`,qi,[a[0]||=w(`div`,{class:`brand`},[w(`p`,{class:`eyebrow`},`FMS UI`),w(`h1`,null,`基础组件`)],-1),w(`div`,Ji,[w(`div`,Yi,[(l(!0),D(x,null,n(g(re),e=>(l(),D(`button`,{key:e.color,class:`swatch`,type:`button`,style:te({background:e.color}),"aria-label":e.name,title:e.name,"aria-pressed":f.value===e.color,onClick:t=>m(e.color)},[f.value===e.color?(l(),O(g(se),{key:0,class:`check`})):p(``,!0)],12,Xi))),128))]),c(g(A),{type:`ghost`,class:`theme-toggle-btn`,title:s.value?`浅色模式`:`深色模式`,onClick:u},{default:e(()=>[(l(),O(i(s.value?g(je):g(Ae))))]),_:1},8,[`title`])])]),w(`div`,Zi,[w(`aside`,Qi,[w(`nav`,null,[(l(),D(x,null,n(_,e=>w(`div`,{key:e.label,class:`nav-group`},[w(`p`,$i,r(e.label),1),(l(!0),D(x,null,n(e.items,e=>(l(),D(`button`,{key:e.key,type:`button`,class:o([`nav-item`,{"nav-item-active":h.value===e.key}]),onClick:t=>h.value=e.key},r(e.label),11,ea))),128))])),64))])]),w(`div`,ta,[(l(),O(i(v[h.value]),{key:h.value}))])])]))}}),[[`__scopeId`,`data-v-7d7c17f5`]]);export{na as default}; |