init

unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/picker/picker.js

@@ -0,0 +1 @@
+"use strict";const e=require("../../../../common/vendor.js");require("../_utils/env.js");const n=require("../_utils/pxCheck.js");require("../../locale/locale.js");const t=require("../../locale/useTranslate.js"),r=require("../_constants/event.js"),o=require("../_utils/props.js"),a=require("./use-picker.js"),i={...o.commonProps,modelValue:o.makeArrayProp([]),columns:o.makeArrayProp([]),showToolbar:o.truthProp,title:o.makeStringProp(""),okText:o.makeStringProp(""),cancelText:o.makeStringProp(""),threeDimensional:Boolean,swipeDuration:o.makeNumericProp(1e3),visibleOptionNum:o.makeNumericProp(7),optionHeight:o.makeNumericProp(36),fieldNames:o.makeObjectProp({})},l={[r.UPDATE_MODEL_EVENT]:e=>e instanceof Object,[r.CHANGE_EVENT]:e=>e instanceof Object,[r.CONFIRM_EVENT]:e=>e instanceof Object,[r.CANCEL_EVENT]:e=>e instanceof Object},u=e.defineComponent({name:a.componentName,options:{virtualHost:!0,addGlobalClass:!0,styleIsolation:"shared"}}),s=e.defineComponent({...u,props:i,emits:l,setup(r,{emit:o}){const i=r,l=o,u=e.computed((()=>Number(i.visibleOptionNum))),s=e.computed((()=>Number(i.optionHeight))),{translate:c}=t.useTranslate(a.componentName),{changeHandler:m,confirm:p,defaultValues:f,defaultIndexes:d,delayDefaultIndexes:h,columnsList:k,columnFieldNames:N,classes:b,cancel:g,confirmHandler:v}=a.usePicker(i,l);const{confirmHandler:P,handleTileChange:T,handlePickStart:j,handlePickEnd:E,pickerViewStyles:x}=function(){const n=e.reactive({show:!1,picking:!1}),t=e.computed((()=>{const e={};return e.height=u.value*s.value+"px",e["--line-height"]=`${s.value}px`,e}));return{...e.toRefs(n),pickerViewStyles:t,handleTileChange:e=>{const n=e.detail.value,t=d.value;let r=0;for(let o=0;o<n.length;o++)if(t[o]!==n[o]){r=o;break}m(r,k.value[r][n[r]])},confirmHandler:()=>{n.picking?setTimeout((()=>{p()}),0):p()},handlePickStart:()=>{n.picking=!0},handlePickEnd:()=>{n.picking=!1}}}();function C(){P()}return(t,r)=>e.e({a:i.showToolbar},i.showToolbar?{b:e.t(i.cancelText||e.unref(c)("cancel")),c:e.o(((...n)=>e.unref(g)&&e.unref(g)(...n))),d:e.t(i.title),e:e.t(i.okText||e.unref(c)("confirm")),f:e.o(((...e)=>C&&C(...e)))}:{},{g:e.f(e.unref(k),((n,t,r)=>({a:e.f(n,((n,t,r)=>({a:e.t(n[e.unref(N).text]),b:n[e.unref(N).value]?n[e.unref(N).value]:t}))),b:t}))),h:e.unref(n.pxCheck)(s.value),i:e.s(e.unref(x)),j:`height:${s.value}px`,k:e.unref(h),l:e.o(((...n)=>e.unref(T)&&e.unref(T)(...n))),m:e.o(((...n)=>e.unref(j)&&e.unref(j)(...n))),n:e.o(((...n)=>e.unref(E)&&e.unref(E)(...n))),o:e.n(e.unref(b)),p:e.s(i.customStyle)})}});wx.createComponent(s);

unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/picker/picker.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/picker/picker.wxml

@@ -0,0 +1 @@
+<view class="{{o}}" style="{{p}}"><view wx:if="{{a}}" class="nut-picker__bar"><view class="nut-picker__cancel nut-picker__left nut-picker__button" bindtap="{{c}}">{{b}}</view><view class="nut-picker__title">{{d}}</view><view class="nut-picker__confirm nut-picker__right nut-picker__button" bindtap="{{f}}">{{e}}</view></view><slot name="top"/><block wx:if="{{r0}}"><picker-view style="{{i}}" indicator-style="{{j}}" value="{{k}}" immediate-change="{{true}}" mask-class="nut-picker__mask" bindchange="{{l}}" bindpickstart="{{m}}" bindpickend="{{n}}"><picker-view-column wx:for="{{g}}" wx:for-item="column" wx:key="b"><view wx:for="{{column.a}}" wx:for-item="item" wx:key="b" class="nut-picker-roller-item-tarotile" style="{{'line-height:' + h}}">{{item.a}}</view></picker-view-column></picker-view></block><slot/></view>

unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/picker/picker.wxss

@@ -0,0 +1 @@
+.nut-theme-dark .nut-picker-roller,.nut-theme-dark .nut-picker-roller-item,.nut-theme-dark .nut-picker-roller-item-tile,.nut-theme-dark .nut-picker-roller-item-tarotile{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-mask{z-index:1;background-image:linear-gradient(180deg,rgba(27,27,27,.9),rgba(27,27,27,.4)),linear-gradient(0deg,rgba(27,27,27,.9),rgba(27,27,27,.4));background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0)}.nut-picker__list{position:relative;display:block;width:100%;height:100%;overflow:hidden;text-align:center;-webkit-overflow-scrolling:touch}.nut-picker-roller{position:absolute;top:50%;z-index:1;display:block;width:100%;height:var(--line-height);color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));transform:translateY(-50%);transform-style:preserve-3d}.nut-picker-roller-item{position:absolute;top:0;display:block;width:100%;height:var(--nut-picker-item-height, 36px);overflow:hidden;font-size:var(--nut-picker-item-text-font-size, 14px);line-height:var(--nut-picker-item-height, 36px);color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));text-overflow:ellipsis;white-space:nowrap;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-roller-item-tile{display:block;width:100%;overflow:hidden;font-size:var(--nut-picker-item-text-font-size, 14px);color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));text-align:center;text-overflow:ellipsis}.nut-picker-roller-item-tarotile{display:block;width:100%;overflow:hidden;font-size:var(--nut-picker-item-text-font-size, 14px);color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));text-align:center;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-mask{position:absolute;z-index:1;display:block;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.4)),linear-gradient(0deg,rgba(255,255,255,.9),rgba(255,255,255,.4));background-repeat:no-repeat;background-position:top,bottom}.nut-theme-dark .nut-picker{position:relative;background:var(--nut-dark-background, #131313);border-radius:5px}.nut-theme-dark .nut-picker__mask{background:none!important}.nut-theme-dark .nut-picker__bar{display:flex;align-items:center;justify-content:space-between;height:46px}.nut-theme-dark .nut-picker__title,.nut-theme-dark .nut-picker-content,.nut-theme-dark .nut-picker-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-picker{position:relative;background:#fff;border-radius:5px}.nut-picker__bar{display:flex;align-items:center;justify-content:space-between;height:46px}.nut-picker__left{display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;padding:var(--nut-picker-bar-button-padding, 0 15px);font-size:var(--nut-picker-bar-cancel-font-size, 14px);color:var(--nut-picker-cancel-color, #808080);cursor:pointer}.nut-picker__right{display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;padding:var(--nut-picker-bar-button-padding, 0 15px);font-size:var(--nut-picker-bar-ok-font-size, 14px);color:var(--nut-picker-ok-color, var(--nut-primary-color, #fa2c19));cursor:pointer}.nut-picker__column{position:relative;display:flex}.nut-picker__column:before{position:absolute;top:50%;width:100%;height:var(--line-height);content:"";border:var(--nut-picker-item-active-line-border, 1px solid #eae7e7);border-right:0;border-left:0;transform:scale(.9);transform:translateY(-50%)}.nut-picker__columnitem{flex-grow:1;width:0;height:100%;cursor:grab;-webkit-user-select:none;user-select:none}.nut-picker__title{flex:1;font-size:var(--nut-picker-bar-title-font-size, 16px);font-weight:var(--nut-picker-bar-title-font-weight, normal);color:var(--nut-picker-bar-title-color, var(--nut-title-color, #1a1a1a));text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker__wrapper{display:block}

unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/picker/use-picker.js

@@ -0,0 +1 @@
+"use strict";const e=require("../../../../common/vendor.js"),l=require("../_constants/event.js"),u=require("../_constants/prefix.js"),a=require("../_utils/common.js");require("../_utils/env.js");const t=require("../_utils/style.js"),n={text:"text",value:"value",children:"children",className:""},s=`${u.PREFIX}-picker`;exports.componentName=s,exports.usePicker=function(u,c){const r=e.computed((()=>t.getMainClass(u,s))),o=e.reactive({formattedColumns:u.columns}),i=e.computed((()=>({...n,...u.fieldNames}))),d=e.ref([]),v=e.computed((()=>{const e=o.formattedColumns[0],l=i.value;if(e){if(Array.isArray(e))return"multiple";if(l.children in e)return"cascade"}return"single"})),m=e.computed((()=>{switch(v.value){case"single":return[o.formattedColumns];case"multiple":return o.formattedColumns;case"cascade":return((e,l)=>{const u=[],a=i.value;let t={text:"",value:"",[a.children]:e},n=0;for(;t&&t[a.children];){const e=t[a.children],s=l[n];let c=e.findIndex((e=>e[a.value]===s));-1===c&&(c=0),t=t[a.children][c],n+=1,u.push(e)}return u})(o.formattedColumns,d.value?d.value:[])}return[]})),f=e.computed((()=>{const e=i.value;return m.value.map(((l,u)=>{const a=l.findIndex((l=>l[e.value]===d.value[u]));return-1===a?0:a}))})),h=e.ref(m.value.map((()=>0)));e.watch(f,(async l=>{await e.nextTick$1(),h.value=l}),{immediate:!0});const p=e.ref([]),E=e.computed((()=>{const e=i.value;return m.value.map(((l,u)=>l.find((l=>l[e.value]===d.value[u]))||l[0]))})),x=()=>{const e=i.value;d.value&&!d.value.length&&m.value.forEach((l=>{d.value.push(l[0][e.value])})),c(l.CONFIRM_EVENT,{selectedValue:d.value,selectedOptions:E.value})};return e.watch((()=>u.modelValue),(e=>{a.isEqualValue(e,d.value)||(d.value=a.cloneDeep(e))}),{deep:!0,immediate:!0}),e.watch(d,(e=>{a.isEqualValue(e,u.modelValue)||c(l.UPDATE_MODEL_EVENT,e)}),{deep:!0}),e.watch((()=>u.columns),(e=>{o.formattedColumns=e})),{classes:r,...e.toRefs(o),columnsType:v,columnsList:m,columnFieldNames:i,cancel:()=>{c(l.CANCEL_EVENT,{selectedValue:d.value,selectedOptions:E.value})},changeHandler:(e,u)=>{const a=i.value;if(u&&Object.keys(u).length){if(d.value=d.value?d.value:[],"cascade"===v.value){d.value[e]=u[a.value]?u[a.value]:"";let l=e,t=u;for(;t&&t[a.children]&&t[a.children][0];)d.value[l+1]=t[a.children][0][a.value],l+=1,t=t[a.children][0];t&&t[a.children]&&0===t[a.children].length&&(d.value=d.value.slice(0,l+1))}else d.value[e]=Object.prototype.hasOwnProperty.call(u,a.value)?u[a.value]:"";c(l.CHANGE_EVENT,{columnIndex:e,selectedValue:d.value,selectedOptions:E.value})}},confirmHandler:()=>{p.value.length>0&&p.value.forEach((e=>{e.stopMomentum()})),x()},confirm:x,defaultValues:d,defaultIndexes:f,delayDefaultIndexes:h,columnRefs:p,columnRef:e=>{e&&p.value.length<m.value.length&&p.value.push(e)},selectedOptions:E}};