@component-hook/picker 0.2.3 → 0.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/react/index.css +1 -1
  2. package/dist/react/picker.es.js +159 -159
  3. package/dist/react/picker.umd.js +2 -2
  4. package/dist/vue/index.css +1 -1
  5. package/dist/vue/picker.es.d.ts +5 -3
  6. package/dist/vue/picker.es.js +11 -11
  7. package/dist/vue/picker.umd.js +3 -3
  8. package/package.json +3 -3
package/dist/react/index.css CHANGED
@@ -1 +1 @@
1
- .mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0003}.picker{position:fixed;left:0;right:0;bottom:0;height:270px;z-index:10000;background:#fff;-webkit-user-select:none;user-select:none}.picker_title{position:relative;height:44px;color:#333}.picker_title:after{content:"";display:block;border-bottom:1px solid #ebebeb;left:0;right:0;transform:scaleY(.5)}.picker_title button{position:absolute;height:44px;line-height:44px;padding:0 12px;font-size:14px;border:none;background-color:transparent}.picker_title h4{margin:0;font-size:16px;font-weight:400;height:44px;line-height:44px;text-align:center}.picker_cancel{left:0;cursor:pointer;transition:all .3s}.picker_cancel:hover{filter:brightness(110%)}.picker_confirm{right:0;cursor:pointer;transition:all .3s}.picker_confirm:hover{filter:brightness(110%)}.picker_panel{position:relative;height:226px;padding:24px 12px;box-sizing:border-box}.picker_mask_top,.picker_mask_bottom{position:absolute;left:0;right:0;height:72px;background:#fff;transform:translateZ(0);z-index:1;pointer-events:none}.picker_mask_top{top:24px;background:linear-gradient(to bottom,#ffffffe6,#ffffff80)}.picker_mask_top:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid #ebebeb;transform:scaleY(.5)}.picker_mask_bottom{bottom:24px;background:linear-gradient(to top,#ffffffe6,#ffffff80)}.picker_mask_bottom:before{content:"";display:block;position:absolute;left:0;right:0;top:0;border-bottom:1px solid #ebebeb;transform:scaleY(.5)}.picker_wheel{flex:1;overflow:hidden}.picker_wheel_wrapper{display:flex;align-items:stretch;height:100%}.picker_wheel_scroll{margin-top:72px;padding:0}.picker_wheel_item{height:34px;line-height:34px;font-size:17px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:all .3s ease}.fade-exit-active{opacity:0;transition:all .3s ease}.slide-enter{opacity:.5;transform:translate3d(0,270px,0)}.slide-enter-active{transition:all .3s ease;opacity:1;transform:translateZ(0)}.slide-exit-active{transition:all .3s ease;opacity:.5;transform:translate3d(0,270px,0)}
1
+ .component-hook-picker-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0003}.component-hook-picker{position:fixed;left:0;right:0;bottom:0;height:270px;z-index:10000;background:#fff;-webkit-user-select:none;user-select:none}.component-hook-picker_title{position:relative;height:44px;color:#333}.component-hook-picker_title:after{content:"";display:block;border-bottom:1px solid #ebebeb;left:0;right:0;transform:scaleY(.5)}.component-hook-picker_title button{position:absolute;height:44px;line-height:44px;padding:0 12px;font-size:14px;border:none;background-color:transparent}.component-hook-picker_title button:hover{background-color:transparent}.component-hook-picker_title h4{margin:0;font-size:16px;font-weight:400;height:44px;line-height:44px;text-align:center}.component-hook-picker_cancel{left:0;cursor:pointer;transition:all .3s}.component-hook-picker_cancel:hover{filter:brightness(110%)}.component-hook-picker_confirm{right:0;cursor:pointer;transition:all .3s}.component-hook-picker_confirm:hover{filter:brightness(110%)}.component-hook-picker_panel{position:relative;height:226px;padding:24px 12px;box-sizing:border-box}.component-hook-picker_mask_top,.component-hook-picker_mask_bottom{position:absolute;left:0;right:0;height:72px;background:#fff;transform:translateZ(0);z-index:1;pointer-events:none}.component-hook-picker_mask_top{top:24px;background:linear-gradient(to bottom,#ffffffe6,#ffffff80)}.component-hook-picker_mask_top:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid #ebebeb;transform:scaleY(.5)}.component-hook-picker_mask_bottom{bottom:24px;background:linear-gradient(to top,#ffffffe6,#ffffff80)}.component-hook-picker_mask_bottom:before{content:"";display:block;position:absolute;left:0;right:0;top:0;border-bottom:1px solid #ebebeb;transform:scaleY(.5)}.component-hook-picker_wheel{flex:1;overflow:hidden}.component-hook-picker_wheel_wrapper{display:flex;align-items:stretch;height:100%}.component-hook-picker_wheel_scroll{margin-top:72px;padding:0}.component-hook-picker_wheel_item{height:34px;line-height:34px;font-size:17px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}.component-hook-picker-fade-enter{opacity:0}.component-hook-picker-fade-enter-active{opacity:1;transition:all .3s ease}.component-hook-picker-fade-exit-active{opacity:0;transition:all .3s ease}.component-hook-picker-slide-enter{opacity:.5;transform:translate3d(0,270px,0)}.component-hook-picker-slide-enter-active{transition:all .3s ease;opacity:1;transform:translateZ(0)}.component-hook-picker-slide-exit-active{transition:all .3s ease;opacity:.5;transform:translate3d(0,270px,0)}