vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
2 lines (1 loc) • 1.21 kB
JavaScript
"use strict";const e=require("vue"),f=require("./hook/useWheelPicker.cjs"),h=e.defineComponent({name:"WheelPicker",__name:"index",props:{modelValue:{},list:{},width:{default:80},itemHeight:{default:30},label:{default:"label"},value:{default:"value"},theme:{default:"var(--app-theme)"}},emits:["update:modelValue"],setup(a,{emit:r}){const n=a,c=r,t=e.useTemplateRef("wheelEl"),{styles:o,selectedIndex:i,flattenedItems:m,listStyles:u,getItemLabel:d}=f.useWheelPicker(n,t,c);return(k,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wheelEl",ref:t,class:"app-wheel-picker",style:e.normalizeStyle(e.unref(o))},[s[0]||(s[0]=e.createElementVNode("div",{class:"wheel-mask"},[e.createElementVNode("div",{class:"wheel-mask-top"}),e.createElementVNode("div",{class:"wheel-mask-middle"}),e.createElementVNode("div",{class:"wheel-mask-bottom"})],-1)),e.createElementVNode("div",{class:"wheel-list",style:e.normalizeStyle(e.unref(u))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(p,l)=>(e.openBlock(),e.createElementBlock("div",{key:l,class:e.normalizeClass(["wheel-item",{"is-active":l===e.unref(i)&&l!==0}])},e.toDisplayString(e.unref(d)(p)),3))),128))],4)],4))}});module.exports=h;