chore: update

dist/static/js/index8.js

@@ -1 +1 @@
-import{d as L,r,ab as V,X as D,j as e,Y as $,M as b,x as j,ac as B,S as N,c as k,f as W,w as I,g as E,u as d,h as u,i as y,q as X}from"./index.js";import{d as C}from"./home-filled.js";import{u as _}from"./hooks.js";const q={options:{type:Array,default:()=>[]},defaultValue:{type:Number,default:0}},A=L({name:"ReSegmented",props:q,emits:["change"],setup(w,{emit:x}){const p=r(0),f=r(0),{isDark:h}=V(),g=r(!1),o=r(-1),c=r(""),i=B(),t=r(w.defaultValue);function n({option:a,index:l},s){a.disabled||(s.preventDefault(),t.value=l,c.value="",x("change",{index:l,option:a}))}function v({option:a,index:l},s){s.preventDefault(),o.value=l,a.disabled||t.value===l?c.value="":c.value=h.value?"#1f1f1f":"rgba(0, 0, 0, 0.06)"}function R(a,l){l.preventDefault(),o.value=-1}function M(a=t.value){j(()=>{var s;const l=(s=i==null?void 0:i.proxy)==null?void 0:s.$refs[`labelRef${a}`];p.value=l.clientWidth,f.value=l.offsetLeft,g.value=!0})}D(()=>t.value,a=>{j(()=>{M(a)})},{deep:!0,immediate:!0});const S=()=>w.options.map((a,l)=>e("label",{ref:`labelRef${l}`,class:["pure-segmented-item",(a==null?void 0:a.disabled)&&"pure-segmented-item-disabled"],style:{background:o.value===l?c.value:"",color:!a.disabled&&(t.value===l||o.value===l)?h.value?"rgba(255, 255, 255, 0.85)":"rgba(0,0,0,.88)":""},onMouseenter:s=>v({option:a,index:l},s),onMouseleave:s=>R({option:a,index:l},s),onClick:s=>n({option:a,index:l},s)},[e("input",{type:"radio",name:"segmented"},null),e("div",{class:"pure-segmented-item-label"},[a.icon&&!$(a.label)?e("span",{class:"pure-segmented-item-icon",style:{marginRight:a.label?"6px":0}},[b(_(a.icon))]):null,a.label?$(a.label)?b(a.label):e("span",null,[a.label]):null])]));return()=>e("div",{class:"pure-segmented"},[e("div",{class:"pure-segmented-group"},[e("div",{class:"pure-segmented-item-selected",style:{width:`${p.value}px`,transform:`translateX(${f.value}px)`,display:g.value?"block":"none"}},null),S()])])}}),m=N(A),T=u("div",{class:"card-header"},[u("span",{class:"font-medium"},"分段控制器")],-1),O=u("p",{class:"mb-2"},"基础用法",-1),Y=u("p",{class:"mb-2"},"默认选中和禁用",-1),z=u("p",{class:"mb-2"},"设置图标",-1),F=u("p",{class:"mb-2"},"只设置图标",-1),G=u("p",{class:"mb-2"},"自定义渲染",-1),H=u("p",{class:"mb-2"},"change事件",-1),Q=L({name:"Segmented",__name:"index",setup(w){const x=[{label:"周一",value:1},{label:"周二",value:2},{label:"周三",value:3},{label:"周四",value:4},{label:"周五",value:5}],p=[{label:"周一",value:1},{label:"周二",value:2},{label:"周三",value:3,disabled:!0},{label:"周四",value:4},{label:"周五",value:5,disabled:!0}],f=[{label:"周一",value:1,icon:C},{label:"周二",value:2},{label:"周三",value:3,icon:"terminalWindowLine"},{label:"周四",value:4,icon:"streamline-emojis:airplane"},{label:"周五",value:5,icon:"streamline-emojis:2"}],h=[{value:1,icon:C},{value:2,icon:"terminalWindowLine"},{value:3,icon:"streamline-emojis:cow-face"},{value:4,icon:"streamline-emojis:airplane"},{value:5,icon:"streamline-emojis:2"}],g=[{label:()=>e("div",null,[b(_(C),{class:"m-auto w-[20px] h-[20px]"}),e("p",null,[y("周一")])]),value:1},{label:()=>e("div",null,[b(_("terminalWindowLine"),{class:"m-auto w-[20px] h-[20px]"}),e("p",null,[y("周二")])]),value:2},{label:()=>e("div",null,[b(_("streamline-emojis:cow-face"),{class:"m-auto w-[20px] h-[20px]"}),e("p",null,[y("周三")])]),value:3}],o=[{label:"周一",value:1},{label:"周二",value:2},{label:"周三",value:3}];function c({index:i,option:t}){const{label:n,value:v}=t;X(`当前选中项索引为：${i}，名字为${n}，值为${v}`,{type:"success"})}return(i,t)=>{const n=k("el-divider"),v=k("el-card");return E(),W(v,{shadow:"never"},{header:I(()=>[T]),default:I(()=>[O,e(d(m),{options:x}),e(n),Y,e(d(m),{options:p,defaultValue:2}),e(n),z,e(d(m),{options:f}),e(n),F,e(d(m),{options:h}),e(n),G,e(d(m),{options:g}),e(n),H,e(d(m),{options:o,onChange:c}),e(n)]),_:1})}}});export{Q as default};
+import{d as S,r as u,ab as M,ac as $,ad as B,X as W,j as e,Y as j,M as h,x as k,ae as q,S as E,c as I,f as N,w as L,g as X,h as t,i as V,t as A,u as m,q as T}from"./index.js";import{d as R}from"./home-filled.js";import{u as x}from"./hooks.js";const F={options:{type:Array,default:()=>[]},modelValue:{type:void 0,require:!1,default:"0"}},O=S({name:"ReSegmented",props:F,emits:["change","update:modelValue"],setup(p,{emit:c}){const v=u(0),_=u(0),{isDark:w}=M(),y=u(!1),i=u(-1),d=u(""),f=q(),o=$(p.modelValue)?B(p,"modelValue"):u(0);function r({option:l,index:a},s){l.disabled||(s.preventDefault(),$(p.modelValue)?c("update:modelValue",a):o.value=a,d.value="",c("change",{index:a,option:l}))}function n({option:l,index:a},s){s.preventDefault(),i.value=a,l.disabled||o.value===a?d.value="":d.value=w.value?"#1f1f1f":"rgba(0, 0, 0, 0.06)"}function g(l,a){a.preventDefault(),i.value=-1}function C(l=o.value){k(()=>{var s;const a=(s=f==null?void 0:f.proxy)==null?void 0:s.$refs[`labelRef${l}`];v.value=a.clientWidth,_.value=a.offsetLeft,y.value=!0})}W(()=>o.value,l=>{k(()=>{C(l)})},{deep:!0,immediate:!0});const D=()=>p.options.map((l,a)=>e("label",{ref:`labelRef${a}`,class:["pure-segmented-item",(l==null?void 0:l.disabled)&&"pure-segmented-item-disabled"],style:{background:i.value===a?d.value:"",color:!l.disabled&&(o.value===a||i.value===a)?w.value?"rgba(255, 255, 255, 0.85)":"rgba(0,0,0,.88)":""},onMouseenter:s=>n({option:l,index:a},s),onMouseleave:s=>g({option:l,index:a},s),onClick:s=>r({option:l,index:a},s)},[e("input",{type:"radio",name:"segmented"},null),e("div",{class:"pure-segmented-item-label"},[l.icon&&!j(l.label)?e("span",{class:"pure-segmented-item-icon",style:{marginRight:l.label?"6px":0}},[h(x(l.icon))]):null,l.label?j(l.label)?h(l.label):e("span",null,[l.label]):null])]));return()=>e("div",{class:"pure-segmented"},[e("div",{class:"pure-segmented-group"},[e("div",{class:"pure-segmented-item-selected",style:{width:`${v.value}px`,transform:`translateX(${_.value}px)`,display:y.value?"block":"none"}},null),D()])])}}),b=E(O),U=t("div",{class:"card-header"},[t("span",{class:"font-medium"},"分段控制器")],-1),Y={class:"mb-2"},z={class:"text-primary"},G=t("p",{class:"mb-2"},"禁用",-1),H=t("p",{class:"mb-2"},"设置图标",-1),J=t("p",{class:"mb-2"},"只设置图标",-1),K=t("p",{class:"mb-2"},"自定义渲染",-1),P=t("p",{class:"mb-2"},"change事件",-1),le=S({name:"Segmented",__name:"index",setup(p){const c=u(4),v=[{label:"周一"},{label:"周二"},{label:"周三"},{label:"周四"},{label:"周五"}],_=[{label:"周一"},{label:"周二"},{label:"周三",disabled:!0},{label:"周四"},{label:"周五",disabled:!0}],w=[{label:"周一",icon:R},{label:"周二"},{label:"周三",icon:"terminalWindowLine"},{label:"周四",icon:"streamline-emojis:airplane"},{label:"周五",icon:"streamline-emojis:2"}],y=[{icon:R},{icon:"terminalWindowLine"},{icon:"streamline-emojis:cow-face"},{icon:"streamline-emojis:airplane"},{icon:"streamline-emojis:2"}],i=[{label:()=>e("div",null,[h(x(R),{class:"m-auto w-[20px] h-[20px]"}),e("p",null,[V("周一")])])},{label:()=>e("div",null,[h(x("terminalWindowLine"),{class:"m-auto w-[20px] h-[20px]"}),e("p",null,[V("周二")])])},{label:()=>e("div",null,[h(x("streamline-emojis:cow-face"),{class:"m-auto w-[20px] h-[20px]"}),e("p",null,[V("周三")])])}],d=[{label:"周一",value:1},{label:"周二",value:2},{label:"周三",value:3}];function f({index:o,option:r}){const{label:n,value:g}=r;T(`当前选中项索引为：${o}，名字为${n}，值为${g}`,{type:"success"})}return(o,r)=>{const n=I("el-divider"),g=I("el-card");return X(),N(g,{shadow:"never"},{header:L(()=>[U]),default:L(()=>[t("p",Y,[V(" 基础用法（v-model）"),t("span",z,A(v[c.value].label),1)]),e(m(b),{options:v,modelValue:c.value,"onUpdate:modelValue":r[0]||(r[0]=C=>c.value=C)},null,8,["modelValue"]),e(n),G,e(m(b),{options:_}),e(n),H,e(m(b),{options:w}),e(n),J,e(m(b),{options:y}),e(n),K,e(m(b),{options:i}),e(n),P,e(m(b),{options:d,onChange:f}),e(n)]),_:1})}}});export{le as default};