chore: update

dist/static/js/index6.js

@@ -1 +1 @@
-import{d as R,r as i,a9 as M,E as S,h as e,P as $,O as b,n as k,aa as B,U as E,a as I,c as N,w as L,o as W,u as d,e as u,f as x,m as q}from"./index.js";import{d as C}from"./home-filled.js";import{u as _}from"./hooks.js";const A={options:{type:Array,default:()=>[]},defaultValue:{type:Number,default:0}},O=R({name:"ReSegmented",props:A,emits:["change"],setup(w,{emit:y}){const p=i(0),f=i(0),{isDark:h}=M(),g=i(!1),o=i(-1),c=i(""),r=B(),t=i(w.defaultValue);function n({option:a,index:l},s){a.disabled||(s.preventDefault(),t.value=l,c.value="",y("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 j(a,l){l.preventDefault(),o.value=-1}function V(a=t.value){k(()=>{var s;const l=(s=r==null?void 0:r.proxy)==null?void 0:s.$refs[`labelRef${a}`];p.value=l.clientWidth,f.value=l.offsetLeft,g.value=!0})}S(()=>t.value,a=>{k(()=>{V(a)})},{deep:!0,immediate:!0});const D=()=>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=>j({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),D()])])}}),m=E(O),T=u("div",{class:"card-header"},[u("span",{class:"font-medium"},"分段控制器")],-1),X=u("p",{class:"mb-2"},"基础用法",-1),F=u("p",{class:"mb-2"},"默认选中和禁用",-1),P=u("p",{class:"mb-2"},"设置图标",-1),U=u("p",{class:"mb-2"},"只设置图标",-1),z=u("p",{class:"mb-2"},"自定义渲染",-1),G=u("p",{class:"mb-2"},"change事件",-1),Q=R({name:"Segmented",__name:"index",setup(w){const y=[{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,[x("周一")])]),value:1},{label:()=>e("div",null,[b(_("terminalWindowLine"),{class:"m-auto w-[20px] h-[20px]"}),e("p",null,[x("周二")])]),value:2},{label:()=>e("div",null,[b(_("streamline-emojis:cow-face"),{class:"m-auto w-[20px] h-[20px]"}),e("p",null,[x("周三")])]),value:3}],o=[{label:"周一",value:1},{label:"周二",value:2},{label:"周三",value:3}];function c({index:r,option:t}){const{label:n,value:v}=t;q(`当前选中项索引为：${r}，名字为${n}，值为${v}`,{type:"success"})}return(r,t)=>{const n=I("el-divider"),v=I("el-card");return W(),N(v,{shadow:"never"},{header:L(()=>[T]),default:L(()=>[X,e(d(m),{options:y}),e(n),F,e(d(m),{options:p,defaultValue:2}),e(n),P,e(d(m),{options:f}),e(n),U,e(d(m),{options:h}),e(n),z,e(d(m),{options:g}),e(n),G,e(d(m),{options:o,onChange:c}),e(n)]),_:1})}}});export{Q as default};
+import{d as g,f as i,h as m,w as t,o as v,j as n,u as s,m as o,i as r,Q as a,a9 as k,aa as y,a as d}from"./index.js";import{u as $}from"./hooks.js";import{d as c}from"./check.js";const M=d("div",{class:"card-header"},[d("span",{class:"font-medium"}," Message提示 ")],-1),w=d("h4",{class:"mb-4"},"element-plus 的消息提示，点击弹出提示信息",-1),_=d("h4",{class:"mb-4"}," 类似 Ant Design 风格的消息提示，点击弹出提示信息（基于 ElMessage 样式改版，不会影响 ElMessage 原本样式，使用和打包大小成本极低并适配暗黑模式） ",-1),S=g({name:"Message",__name:"index",setup(T){return(b,e)=>{const l=i("el-button"),p=i("el-space"),C=i("el-divider"),f=i("el-card");return v(),m(f,{shadow:"never"},{header:t(()=>[M]),default:t(()=>[w,n(p,{wrap:""},{default:t(()=>[n(l,{type:"info",onClick:e[0]||(e[0]=u=>s(o)("Info类型消息",{customClass:"el"}))},{default:t(()=>[r(" Info ")]),_:1}),n(l,{type:"success",onClick:e[1]||(e[1]=u=>s(o)("Success类型消息",{customClass:"el",type:"success"}))},{default:t(()=>[r(" Success ")]),_:1}),n(l,{type:"warning",onClick:e[2]||(e[2]=u=>s(o)("Warning类型消息",{customClass:"el",type:"warning"}))},{default:t(()=>[r(" Warning ")]),_:1}),n(l,{type:"danger",onClick:e[3]||(e[3]=u=>s(o)("Error类型消息",{customClass:"el",type:"error"}))},{default:t(()=>[r(" Error ")]),_:1}),n(l,{onClick:e[4]||(e[4]=u=>s(o)("可关闭消息",{customClass:"el",showClose:!0}))},{default:t(()=>[r(" 可关闭 ")]),_:1}),n(l,{onClick:e[5]||(e[5]=u=>s(o)("分组消息合并",{customClass:"el",type:"success",grouping:!0}))},{default:t(()=>[r(" 分组消息合并 ")]),_:1}),n(l,{onClick:e[6]||(e[6]=u=>s(o)("自定义消息图标",{customClass:"el",icon:s($)(s(c))}))},{default:t(()=>[r(" 自定义图标 ")]),_:1}),n(l,{onClick:e[7]||(e[7]=u=>s(o)("3秒后关闭",{customClass:"el",duration:3e3,onClose:()=>s(o)("消息已关闭",{customClass:"el",type:"success"})}))},{default:t(()=>[r(" 自定义延时关闭时间并设置关闭后其他操作 ")]),_:1}),n(l,{onClick:e[8]||(e[8]=u=>s(o)(a("p",null,[a("span",null,"Message can be "),a("i",{style:"color: teal"},"VNode")]),{customClass:"el"}))},{default:t(()=>[r(" 自定义内容 ")]),_:1}),n(l,{onClick:e[9]||(e[9]=u=>s(o)("<strong>This is <i>HTML</i> string</strong>",{customClass:"el",dangerouslyUseHTMLString:!0}))},{default:t(()=>[r(" HTML 片段作为正文内容 ")]),_:1})]),_:1}),n(C),_,n(p,{wrap:""},{default:t(()=>[n(l,{type:"info",onClick:e[10]||(e[10]=u=>s(o)("Info类型消息"))},{default:t(()=>[r("Info")]),_:1}),n(l,{type:"success",onClick:e[11]||(e[11]=u=>s(o)("Success类型消息",{type:"success"}))},{default:t(()=>[r(" Success ")]),_:1}),n(l,{type:"warning",onClick:e[12]||(e[12]=u=>s(o)("Warning类型消息",{type:"warning"}))},{default:t(()=>[r(" Warning ")]),_:1}),n(l,{type:"danger",onClick:e[13]||(e[13]=u=>s(o)("Error类型消息",{type:"error"}))},{default:t(()=>[r(" Error ")]),_:1}),n(l,{onClick:e[14]||(e[14]=u=>s(o)("可关闭消息",{showClose:!0}))},{default:t(()=>[r(" 可关闭 ")]),_:1}),n(l,{onClick:e[15]||(e[15]=u=>s(o)("分组消息合并",{type:"success",grouping:!0}))},{default:t(()=>[r(" 分组消息合并 ")]),_:1}),n(l,{onClick:e[16]||(e[16]=u=>s(o)("自定义消息图标",{icon:s(k)}))},{default:t(()=>[r(" 自定义图标 ")]),_:1}),n(l,{onClick:e[17]||(e[17]=u=>s(o)("3秒后关闭",{duration:3e3,onClose:()=>s(o)("消息已关闭",{type:"success"})}))},{default:t(()=>[r(" 自定义延时关闭时间并设置关闭后其他操作 ")]),_:1}),n(l,{onClick:e[18]||(e[18]=u=>s(o)(a("p",null,[a("span",null,"Message can be "),a("i",{style:"color: teal"},"VNode")])))},{default:t(()=>[r(" 自定义内容 ")]),_:1}),n(l,{onClick:e[19]||(e[19]=u=>s(o)("<strong>This is <i>HTML</i> string</strong>",{dangerouslyUseHTMLString:!0}))},{default:t(()=>[r(" HTML 片段作为正文内容 ")]),_:1})]),_:1}),n(C),n(l,{onClick:s(y)},{default:t(()=>[r(" 关闭所有消息提示 ")]),_:1},8,["onClick"])]),_:1})}}});export{S as default};