init
This commit is contained in:
1
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/transition/transition.js
vendored
Normal file
1
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/transition/transition.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";const e=require("../../../../common/vendor.js"),n=require("../_constants/prefix.js"),s=require("../_constants/event.js");require("../_utils/env.js");const r=require("../_utils/props.js"),t=require("./use-transition.js"),o={...r.commonProps,name:r.makeStringProp("fade"),show:Boolean,duration:r.makeNumberProp(300),timingFunction:r.makeStringProp("ease"),destroyOnClose:Boolean,enterFromClass:String,enterActiveClass:String,enterToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},a={beforeEnter:()=>!0,enter:()=>!0,afterEnter:()=>!0,beforeLeave:()=>!0,leave:()=>!0,afterLeave:()=>!0,[s.CLICK_EVENT]:e=>e instanceof Object},i=`${n.PREFIX}-transition`,l=e.defineComponent({name:i,options:{virtualHost:!0,addGlobalClass:!0,styleIsolation:"shared"}}),u=e.defineComponent({...l,props:o,emits:a,setup(n,{emit:s}){const r=n,o=s,{display:a,classes:i,clickHandler:l,styles:u}=t.useTransition(r,o);return(n,s)=>e.e({a:!r.destroyOnClose||e.unref(a)},!r.destroyOnClose||e.unref(a)?{b:e.n(e.unref(i)),c:e.s(e.unref(u)),d:e.o(((...n)=>e.unref(l)&&e.unref(l)(...n)))}:{})}});wx.createComponent(u);
|
||||
4
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/transition/transition.json
vendored
Normal file
4
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/transition/transition.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/transition/transition.wxml
vendored
Normal file
1
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/transition/transition.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view wx:if="{{a}}" class="{{b}}" style="{{c}}" bindtap="{{d}}"><slot/></view>
|
||||
1
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/transition/use-transition.js
vendored
Normal file
1
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/transition/use-transition.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";const e=require("../../../../common/vendor.js"),t=require("../_constants/event.js"),n=require("../_constants/prefix.js");require("../_utils/env.js");const a=require("../_utils/style.js"),l={fade:{enter:"nutFadeIn",leave:"nutFadeOut"},"fade-up":{enter:"nutFadeUpIn",leave:"nutFadeUpOut"},"fade-down":{enter:"nutFadeDownIn",leave:"nutFadeDownOut"},"fade-left":{enter:"nutFadeLeftIn",leave:"nutFadeLeftOut"},"fade-right":{enter:"nutFadeRightIn",leave:"nutFadeRightOut"},"slide-up":{enter:"nutSlideUpIn",leave:"nutSlideDownOut"},"slide-down":{enter:"nutSlideDownIn",leave:"nutSlideUpOut"},"slide-left":{enter:"nutSlideLeftIn",leave:"nutSlideLeftOut"},"slide-right":{enter:"nutSlideRightIn",leave:"nutSlideRightOut"},zoom:{enter:"nutZoomIn",leave:"nutZoomOut"}},u=`${n.PREFIX}-transition`;function v(e){return Object.keys(l).includes(e)}exports.useTransition=function(n,i){const r=e.ref(!1),s=e.computed((()=>n.name||"fade")),o=e.computed((()=>n.duration||200)),c=e.ref(""),d=e.computed((()=>function(e,{enterClass:t,enterActiveClass:n,enterToClass:a,leaveClass:l,leaveActiveClass:u,leaveToClass:v}){const i=function(e){return{enter:`${e}-enter-from`,enterActive:`${e}-enter-active`,enterTo:`${e}-enter-to ${e}-enter-active`,leave:`${e}-leave-from`,leaveActive:`${e}-leave-active`,leaveTo:`${e}-leave-to ${e}-leave-active`}}(e);return{enter:t||i.enter,enterActive:n||i.enterActive,enterTo:a||i.enterTo,leave:l||i.leave,leaveActive:u||i.leaveActive,leaveTo:v||i.leaveTo}}(n.name,{enterClass:n.enterFromClass,enterActiveClass:n.enterActiveClass,enterToClass:n.enterToClass,leaveClass:n.leaveFromClass,leaveActiveClass:n.leaveActiveClass,leaveToClass:n.leaveToClass})));e.watch((()=>n.show),(t=>{t?async function(){var t,a;r.value||(i("beforeEnter"),r.value=!0,c.value=(null==(t=l[s.value])?void 0:t.enter)?null==(a=l[s.value])?void 0:a.enter:`${d.value.enter} ${d.value.enterActive}`,await e.nextTick$1(),i("enter"),setTimeout((()=>{v(n.name)||(c.value=d.value.enterTo),i("afterEnter")}),o.value))}():async function(){var t,a;r.value&&(i("beforeLeave"),c.value=(null==(t=l[s.value])?void 0:t.leave)?null==(a=l[s.value])?void 0:a.leave:`${d.value.leave} ${d.value.leaveActive}`,await e.nextTick$1(),i("leave"),setTimeout((()=>{!n.show&&r.value&&(r.value=!1),v(n.name)||(c.value=d.value.leaveTo),i("afterLeave")}),o.value))}()}),{immediate:!0});const f=e.computed((()=>a.getMainClass(n,u,{[c.value]:!0,"nut-hidden":!r.value}))),m=e.computed((()=>a.getMainStyle(n,{"animation-duration":v(n.name)?`${n.duration}ms`:"","animation-timing-function":v(n.name)?n.timingFunction:""})));return{display:r,classes:f,styles:m,clickHandler:function(e){i(t.CLICK_EVENT,e)}}};
|
||||
Reference in New Issue
Block a user