ideaz-element
Version:
<p align="center"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="180" style="width: 180px;" /> </a> </p>
3 lines (2 loc) • 1.01 kB
JavaScript
;const e=require("vue"),d=require("@element-plus/icons-vue"),n=require("element-plus"),i=require("../../../hooks/useFormSize.cjs"),m=require("../../../hooks/useNamespace.cjs"),p=require("../../../hooks/useLocale.cjs"),g=e.defineComponent({name:"ToggleButton",props:{modelValue:{type:String,default:"expand"}},emits:["update:modelValue"],setup(t,{emit:l}){const a=i.useFormSize(),o=m.useNamespace("form"),{t:u}=p.useLocale(),r=e.computed(()=>t.modelValue==="expand"?u("tagSelect.expand"):u("tagSelect.retract")),s=e.computed(()=>({"z-toggle__icon":!0,"z-icon__arrow":t.modelValue!=="expand"})),c=()=>{l("update:modelValue",t.modelValue==="expand"?"up":"expand")};return()=>e.createVNode("div",{class:o.b("toggle"),onClick:c},[e.createVNode(n.ElButton,{class:o.b("toggle-button"),link:!0,type:"primary",size:a.value},{default:()=>[r.value,e.createVNode(n.ElIcon,{class:s.value},{default:()=>[e.createVNode(d.ArrowDown,null,null)]})]})])}});module.exports=g;
//# sourceMappingURL=ToggleButton.cjs.map