mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-06 00:18:51 +08:00
2 lines
2.8 KiB
JavaScript
2 lines
2.8 KiB
JavaScript
var A=Object.defineProperty;var z=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var R=(a,s,t)=>s in a?A(a,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[s]=t,k=(a,s)=>{for(var t in s||(s={}))C.call(s,t)&&R(a,t,s[t]);if(z)for(var t of z(s))L.call(s,t)&&R(a,t,s[t]);return a};import{u as X}from"./hooks-CCgmh5KY.js";import{d as B,a as r,af as N,aY as o,N as q,n as V,f as n,aQ as x,z as Q,A as T,L as I,ac as D,x as i,Z as W,V as Y}from"./index-DI6gHrBb.js";const Z={options:{type:Array,default:()=>[]},modelValue:{type:void 0,require:!1,default:"0"},block:{type:Boolean,default:!1},size:{type:String},disabled:{type:Boolean,default:!1},resize:{type:Boolean,default:!1}},_=B({name:"ReSegmented",props:Z,emits:["change","update:modelValue"],setup(a,{emit:s}){const t=r(0),v=r(0),{isDark:b}=N(),g=r(!1),c=r(-1),m=r(""),f=W(),d=o(a.modelValue)?q(a,"modelValue"):r(0);function M({option:e,index:l},u){a.disabled||e.disabled||(u.preventDefault(),o(a.modelValue)?s("update:modelValue",l):d.value=l,m.value="",s("change",{index:l,option:e}))}function S({option:e,index:l},u){a.disabled||(u.preventDefault(),c.value=l,e.disabled||d.value===l?m.value="":m.value=b.value?"#1f1f1f":"rgba(0, 0, 0, 0.06)")}function $(e,l){a.disabled||(l.preventDefault(),c.value=-1)}function h(e=d.value){i(()=>{var u;const l=(u=f==null?void 0:f.proxy)==null?void 0:u.$refs[`labelRef${e}`];l&&(t.value=l.clientWidth,v.value=l.offsetLeft,g.value=!0)})}function y(){x(".pure-segmented",()=>{i(()=>{h(d.value)})})}(a.block||a.resize)&&y(),V(()=>d.value,e=>{i(()=>{h(e)})},{immediate:!0}),V(()=>a.size,y,{immediate:!0});const w=()=>a.options.map((e,l)=>n("label",{ref:`labelRef${l}`,class:["pure-segmented-item",(a.disabled||(e==null?void 0:e.disabled))&&"pure-segmented-item-disabled"],style:{background:c.value===l?m.value:"",color:a.disabled?null:!e.disabled&&(d.value===l||c.value===l)?b.value?"rgba(255, 255, 255, 0.85)":"rgba(0,0,0,.88)":""},onMouseenter:u=>S({option:e,index:l},u),onMouseleave:u=>$({},u),onClick:u=>M({option:e,index:l},u)},[n("input",{type:"radio",name:"segmented"},null),Q(n("div",{class:"pure-segmented-item-label"},[e.icon&&!D(e.label)?n("span",{class:"pure-segmented-item-icon",style:{marginRight:e.label?"6px":0}},[I(X(e.icon,k({},e==null?void 0:e.iconAttrs)))]):null,e.label?D(e.label)?I(e.label):n("span",null,[e.label]):null]),[[T("tippy"),{content:e==null?void 0:e.tip,zIndex:41e3}]])]));return()=>n("div",{class:{"pure-segmented":!0,"pure-segmented-block":a.block,"pure-segmented--large":a.size==="large","pure-segmented--small":a.size==="small"}},[n("div",{class:"pure-segmented-group"},[n("div",{class:"pure-segmented-item-selected",style:{width:`${t.value}px`,transform:`translateX(${v.value}px)`,display:g.value?"block":"none"}},null),w()])])}}),G=Y(_);export{G as R};
|