| 1 |
- (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[8381],{40339:function(t,e,i){var n=i(28948);n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.id,n,""]]),n.locals&&(t.exports=n.locals);var s=i(56).Z;s("5ac041f4",n,!0,{sourceMap:!1,shadowMode:!1})},44501:function(t,e,i){var n=i(47582);n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.id,n,""]]),n.locals&&(t.exports=n.locals);var s=i(56).Z;s("260f8515",n,!0,{sourceMap:!1,shadowMode:!1})},95164:function(t,e,i){"use strict";i.d(e,{Z:function(){return b}});var n={uIcon:i(38275).Z},s=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("v-uni-view",{ref:"u-swipe-action-item",staticClass:"u-swipe-action-item"},[i("v-uni-view",{staticClass:"u-swipe-action-item__right"},[t._t("button",t._l(t.options,(function(e,n){return i("v-uni-view",{key:n,ref:"u-swipe-action-item__right__button-"+n,refInFor:!0,staticClass:"u-swipe-action-item__right__button",style:[{alignItems:e.style&&e.style.borderRadius?"center":"stretch"}],on:{click:function(i){arguments[0]=i=t.$handleEvent(i),t.buttonClickHandler(e,n)}}},[i("v-uni-view",{staticClass:"u-swipe-action-item__right__button__wrapper",style:[{backgroundColor:e.style&&e.style.backgroundColor?e.style.backgroundColor:"#C7C6CD",borderRadius:e.style&&e.style.borderRadius?e.style.borderRadius:"0",padding:e.style&&e.style.borderRadius?"0":"0 15px"},e.style]},[e.icon?i("u-icon",{attrs:{name:e.icon,color:e.style&&e.style.color?e.style.color:"#ffffff",size:e.iconSize?t.$u.addUnit(e.iconSize):e.style&&e.style.fontSize?1.2*t.$u.getPx(e.style.fontSize):17,customStyle:{marginRight:e.text?"2px":0}}}):t._e(),e.text?i("v-uni-text",{staticClass:"u-swipe-action-item__right__button__wrapper__text u-line-1",style:[{color:e.style&&e.style.color?e.style.color:"#ffffff",fontSize:e.style&&e.style.fontSize?e.style.fontSize:"16px",lineHeight:e.style&&e.style.fontSize?e.style.fontSize:"16px"}]},[t._v(t._s(e.text))]):t._e()],1)],1)})))],2),i("v-uni-view",{wxsProps:{"change:size":"size","change:status":"status"},staticClass:"u-swipe-action-item__content",attrs:{status:t.status,"change:status":t.wxs.statusChange,size:t.size,"change:size":t.wxs.sizeChange},on:{touchstart:function(e){e=t.$handleWxsEvent(e),t.wxs.touchstart(e,t.$getComponentDescriptor())},touchmove:function(e){e=t.$handleWxsEvent(e),t.wxs.touchmove(e,t.$getComponentDescriptor())},touchend:function(e){e=t.$handleWxsEvent(e),t.wxs.touchend(e,t.$getComponentDescriptor())}}},[t._t("default")],2)],1)},o=[],a=i(7028),u=10;function c(t,e){return t>e&&t>u?"horizontal":e>t&&e>u?"vertical":""}var r,l={methods:{getTouchPoint:function(t){return t?t.touches&&t.touches[0]?{x:t.touches[0].pageX,y:t.touches[0].pageY}:t.changedTouches&&t.changedTouches[0]?{x:t.changedTouches[0].pageX,y:t.changedTouches[0].pageY}:{x:t.clientX||0,y:t.clientY||0}:{x:0,y:0}},resetTouchStatus:function(){this.direction="",this.deltaX=0,this.deltaY=0,this.offsetX=0,this.offsetY=0},touchStart:function(t){this.resetTouchStatus();var e=this.getTouchPoint(t);this.startX=e.x,this.startY=e.y},touchMove:function(t){var e=this.getTouchPoint(t);this.deltaX=e.x-this.startX,this.deltaY=e.y-this.startY,this.offsetX=Math.abs(this.deltaX),this.offsetY=Math.abs(this.deltaY),this.direction=this.direction||c(this.offsetX,this.offsetY)}}},p=(i(9653),{props:{show:{type:Boolean,default:uni.$u.props.swipeActionItem.show},name:{type:[String,Number],default:uni.$u.props.swipeActionItem.name},disabled:{type:Boolean,default:uni.$u.props.swipeActionItem.disabled},autoClose:{type:Boolean,default:uni.$u.props.swipeActionItem.autoClose},threshold:{type:Number,default:uni.$u.props.swipeActionItem.threshold},options:{type:Array,default:function(){return uni.$u.props.swipeActionItem.rightOptions}},duration:{type:[String,Number],default:uni.$u.props.swipeActionItem.duration}}}),d={methods:{closeHandler:function(){this.status="close"},setState:function(t){this.status=t},closeOther:function(){this.parent&&this.parent.closeOther(this)}}},h=(r={name:"u-swipe-action-item",mixins:[uni.$u.mpMixin,uni.$u.mixin,p,l]},(0,a.Z)(r,"mixins",[uni.$u.mpMixin,uni.$u.mixin,p,l,d]),(0,a.Z)(r,"data",(function(){return{size:{},parentData:{autoClose:!0},status:"close"}})),(0,a.Z)(r,"watch",{wxsInit:function(t,e){this.queryRect()}}),(0,a.Z)(r,"computed",{wxsInit:function(){return[this.disabled,this.autoClose,this.threshold,this.options,this.duration]}}),(0,a.Z)(r,"mounted",(function(){this.init()})),(0,a.Z)(r,"methods",{init:function(){var t=this;this.updateParentData(),uni.$u.sleep().then((function(){t.queryRect()}))},updateParentData:function(){this.getParentData("u-swipe-action")},queryRect:function(){var t=this;this.$uGetRect(".u-swipe-action-item__right__button",!0).then((function(e){t.size={buttons:e,show:t.show,disabled:t.disabled,threshold:t.threshold,duration:t.duration}}))},buttonClickHandler:function(t,e){this.$emit("click",{index:e,name:this.name})}}),r),f=h,_=(i(40339),i(69453));function v(t){(t.options.wxs||(t.options.wxs={}))["wxs"]=function(t){function e(t,e){var i=t.instance,n=i.getState();if(!n.disabled){var s=t.touches;s&&s.length>1||(n.moving=!0,n.startX=s[0].pageX,n.startY=s[0].pageY,e.callMethod("closeOther"))}}function i(t,e){var i=t.instance,n=i.getState();if(!n.disabled&&n.moving){var s=t.touches,a=s[0].pageX,u=s[0].pageY,c=a-n.startX,r=u-n.startY,l=n.buttonsWidth;(Math.abs(c)>Math.abs(r)||Math.abs(c)>n.threshold)&&(t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation()),Math.abs(c)<Math.abs(r)||("open"===n.status?(c<0&&(c=0),c>l&&(c=l),o(-l+c,i,e)):(c>0&&(c=0),Math.abs(c)>l&&(c=-l),o(c,i,e)))}}function n(t,e){var i=t.instance,n=i.getState();if(n.moving&&!n.disabled){var s=t.changedTouches?t.changedTouches[0]:{},o=s.pageX,u=(s.pageY,o-n.startX);if("open"===n.status){if(u<0)return;if(0===u)return c(i,e);Math.abs(u)<n.threshold?a(i,e):c(i,e)}else{if(u>0)return;Math.abs(u)<n.threshold?c(i,e):a(i,e)}}}function s(t){return t.toString().indexOf("s")>=0?t:t>30?t+"ms":t+"s"}function o(t,e,i){e.getState(),i.selectAllComponents(".u-swipe-action-item__right__button");e.requestAnimationFrame((function(){e.setStyle({transition:"none",transform:"translateX("+t+"px)","-webkit-transform":"translateX("+t+"px)"})}))}function a(t,e){var i=t.getState(),n=(e.selectAllComponents(".u-swipe-action-item__right__button"),s(i.duration)),o=-i.buttonsWidth;t.requestAnimationFrame((function(){t.setStyle({transition:"transform "+n,transform:"translateX("+o+"px)","-webkit-transform":"translateX("+o+"px)"})})),u("open",t,e)}function u(t,e,i){var n=e.getState();n.status=t,i.callMethod("setState",t)}function c(t,e){var i=t.getState(),n=e.selectAllComponents(".u-swipe-action-item__right__button"),o=n.length,a=s(i.duration);t.requestAnimationFrame((function(){t.setStyle({transition:"transform "+a,transform:"translateX(0px)","-webkit-transform":"translateX(0px)"});for(var e=o-1;e>=0;e--)n[e].setStyle({transition:"transform "+a,transform:"translateX(0px)","-webkit-transform":"translateX(0px)"})})),u("close",t,e)}function r(t,e,i,n){var s=n.getState();s.disabled||("close"===t&&"open"===s.status?c(n,i):"open"===t&&"close"===s.status&&a(n,i))}function l(t,e,i,n){var s=n.getState();if(s.disabled=t.disabled,s.duration=t.duration,s.show=t.show,s.threshold=t.threshold,s.buttons=t.buttons,s.buttons)for(var o=s.buttons.length,a=0,u=t.buttons,c=0;c<o;c++)a+=u[c].width;s.buttonsWidth=a}return t.exports={touchstart:e,touchmove:i,touchend:n,sizeChange:l,statusChange:r},t.exports}({exports:{}})}var w,m=v,x=(0,_.Z)(f,s,o,!1,null,"1a507c39",null,!1,n,w);"function"===typeof m&&m(x);var b=x.exports},48906:function(t,e,i){"use strict";var n;i.d(e,{Z:function(){return d}});var s,o=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("v-uni-view",{staticClass:"u-swipe-action"},[t._t("default")],2)},a=[],u=(i(21249),{props:{autoClose:{type:Boolean,default:uni.$u.props.swipeAction.autoClose}}}),c={name:"u-swipe-action",mixins:[uni.$u.mpMixin,uni.$u.mixin,u],data:function(){return{}},provide:function(){return{swipeAction:this}},computed:{parentData:function(){return[this.autoClose]}},watch:{parentData:function(){this.children.length&&this.children.map((function(t){"function"===typeof t.updateParentData&&t.updateParentData()}))}},created:function(){this.children=[]},methods:{closeOther:function(t){this.autoClose&&this.children.map((function(e,i){t!==e&&e.closeHandler()}))}}},r=c,l=i(69453),p=(0,l.Z)(r,o,a,!1,null,"37d0bd4e",null,!1,n,s),d=p.exports},25806:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return p}});var n,s={uSwipeAction:i(48906).Z,uSwipeActionItem:i(95164).Z},o=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("v-uni-view",{staticClass:"u-page"},[i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("演示案例")]),i("v-uni-view",{staticClass:"u-page__swipe-action-item"},[i("u-swipe-action",[t.show1?i("u-swipe-action-item",{attrs:{options:t.options1},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.click.apply(void 0,arguments)}}},[i("v-uni-view",{staticClass:"swipe-action u-border-top u-border-bottom"},[i("v-uni-view",{staticClass:"swipe-action__content"},[i("v-uni-text",{staticClass:"swipe-action__content__text"},[t._v("基础使用")])],1)],1)],1):t._e()],1)],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("按钮组")]),i("v-uni-view",{staticClass:"u-page__swipe-action-item"},[i("u-swipe-action",[i("u-swipe-action-item",{attrs:{options:t.options2}},[i("v-uni-view",{staticClass:"swipe-action u-border-top u-border-bottom"},[i("v-uni-view",{staticClass:"swipe-action__content"},[i("v-uni-text",{staticClass:"swipe-action__content__text"},[t._v("两个按钮并列")])],1)],1)],1)],1)],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("带图标")]),i("v-uni-view",{staticClass:"u-page__swipe-action-item"},[i("u-swipe-action",[i("u-swipe-action-item",{attrs:{options:t.options3}},[i("v-uni-view",{staticClass:"swipe-action u-border-top u-border-bottom"},[i("v-uni-view",{staticClass:"swipe-action__content"},[i("v-uni-text",{staticClass:"swipe-action__content__text"},[t._v("自定义图标")])],1)],1)],1)],1)],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("组合使用")]),i("v-uni-view",{staticClass:"u-page__swipe-action-item"},[i("u-swipe-action",t._l(t.options4,(function(e,n){return i("u-swipe-action-item",{key:n,attrs:{options:e.options,disabled:e.disabled}},[i("v-uni-view",{staticClass:"swipe-action u-border-top",class:[n===t.options4.length-1&&"u-border-bottom"]},[i("v-uni-view",{staticClass:"swipe-action__content"},[i("v-uni-text",{staticClass:"swipe-action__content__text"},[t._v(t._s(e.text))])],1)],1)],1)})),1)],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("自定义按钮形状")]),i("v-uni-view",{staticClass:"u-page__swipe-action-item"},[i("u-swipe-action",[i("u-swipe-action-item",{attrs:{options:t.options5}},[i("v-uni-view",{staticClass:"swipe-action u-border-top u-border-bottom"},[i("v-uni-view",{staticClass:"swipe-action__content"},[i("v-uni-text",{staticClass:"swipe-action__content__text"},[t._v("圆形按钮")])],1)],1)],1)],1)],1)],1)],1)},a=[],u={data:function(){return{show1:!0,moveX:0,showText:"当前状态：关",showStatus:!1,options1:[{text:"删除",style:{backgroundColor:"#f56c6c"}}],options2:[{text:"收藏",style:{backgroundColor:"#3c9cff"}},{text:"删除",style:{backgroundColor:"#f56c6c"}}],options3:[{text:"收藏",icon:"star-fill",iconSize:"20",style:{backgroundColor:"#f9ae3d"}}],options4:[{text:"禁用状态",disabled:!0,options:[{text:"置顶",style:{backgroundColor:"#3c9cff"}},{text:"取消",style:{backgroundColor:"#f9ae3d"}}]},{text:"正常状态",disabled:!1,options:[{text:"置顶",style:{backgroundColor:"#3c9cff"}},{text:"取消",style:{backgroundColor:"#f9ae3d"}}]},{text:"自动关闭",disabled:!1,options:[{text:"置顶",style:{backgroundColor:"#3c9cff"}},{text:"取消",style:{backgroundColor:"#f9ae3d"}}]}],options5:[{icon:"trash-fill",style:{backgroundColor:"#f56c6c",width:"40px",height:"40px",borderRadius:"100px",margin:"0 6px"}},{icon:"heart-fill",style:{backgroundColor:"#5ac725",width:"40px",height:"40px",borderRadius:"100px",margin:"0 6px"}}]}},methods:{click:function(t){var e=this;console.log("click",t),uni.showModal({title:"温馨提示",content:"确定要删除吗？",success:function(t){t.confirm&&(e.show1=!1)}})}}},c=u,r=(i(44501),i(69453)),l=(0,r.Z)(c,o,a,!1,null,"5ab02702",null,!1,s,n),p=l.exports},28948:function(t,e,i){"use strict";i.r(e);var n=i(43481),s=i.n(n),o=i(2400),a=i.n(o),u=a()(s());u.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用\n */uni-view[data-v-1a507c39], uni-scroll-view[data-v-1a507c39], uni-swiper-item[data-v-1a507c39]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-swipe-action-item[data-v-1a507c39]{position:relative;overflow:hidden;touch-action:pan-y}.u-swipe-action-item__content[data-v-1a507c39]{background-color:#fff;z-index:10}.u-swipe-action-item__right[data-v-1a507c39]{position:absolute;top:0;bottom:0;right:0;\ndisplay:flex;\nflex-direction:row}.u-swipe-action-item__right__button[data-v-1a507c39]{\ndisplay:flex;\nflex-direction:row;justify-content:center;overflow:hidden;align-items:center}.u-swipe-action-item__right__button__wrapper[data-v-1a507c39]{\ndisplay:flex;\nflex-direction:row;align-items:center;justify-content:center;padding:0 15px}.u-swipe-action-item__right__button__wrapper__text[data-v-1a507c39]{\ndisplay:flex;\nflex-direction:row;align-items:center;color:#fff;font-size:15px;text-align:center;justify-content:center}',""]),e["default"]=u},47582:function(t,e,i){"use strict";i.r(e);var n=i(43481),s=i.n(n),o=i(2400),a=i.n(o),u=a()(s());u.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用\n */.u-page[data-v-5ab02702]{padding:0}.u-demo-block__title[data-v-5ab02702]{padding:10px 0 2px 15px}.swipe-action__content[data-v-5ab02702]{padding:%?25?% 0}.swipe-action__content__text[data-v-5ab02702]{font-size:15px;color:#303133;padding-left:%?30?%}',""]),e["default"]=u}}]);
|
