提交 db18be91 编写于 作者: 杜庆泉's avatar 杜庆泉

uts 组件实例删除无用的注释

上级 7b35d615
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
}, },
{ {
"path" : "pages/component/component", "path" : "pages/component/helloView",
"style" : "style" :
{ {
"navigationBarTitleText": "", "navigationBarTitleText": "",
......
...@@ -67,15 +67,7 @@ ...@@ -67,15 +67,7 @@
}, },
changeRepeat: function(res) { changeRepeat: function(res) {
let repeatConfig = { this.$refs["animView"].updateRepeatConfig("RESTART");
count: 3,
mode: "restart"
}
console.log(this.$refs["animView"]);
this.$refs["animView"].updateRepeatConfig(repeatConfig, function(res) {
console.log(res);
});
}, },
lottieClickTest: function(res) { lottieClickTest: function(res) {
console.log("lottieClickTest"); console.log("lottieClickTest");
......
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
}, },
testHelloUTSComponent: function() { testHelloUTSComponent: function() {
uni.navigateTo({ uni.navigateTo({
url: '/pages/component/component' url: '/pages/component/helloView'
}) })
}, },
testSyntax: function() { testSyntax: function() {
......
<template>
<div>
<uts-hello-view buttonText="点击按钮内容" style="width:375px;height: 375px;background-color: aqua;"></uts-hello-view>
</div>
</template>
<script>
</script>
<style>
</style>
\ No newline at end of file
...@@ -87,12 +87,10 @@ ...@@ -87,12 +87,10 @@
"path": { "path": {
handler(newPath: string) { handler(newPath: string) {
if(this.$el != null){ if(this.$el != null){
let lottieAnimationView = this.$el! let lottieAnimationView = this.$el!
if (!TextUtils.isEmpty(newPath)) { if (!TextUtils.isEmpty(newPath)) {
if (newPath.startsWith("http://") || newPath.startsWith("https://")) { if (newPath.startsWith("http://") || newPath.startsWith("https://")) {
lottieAnimationView.setAnimationFromUrl(newPath) lottieAnimationView.setAnimationFromUrl(newPath)
} else { } else {
...@@ -106,7 +104,7 @@ ...@@ -106,7 +104,7 @@
} }
} }
}, },
immediate: false //创建时是否通过此方法更新属性,默认值为false immediate: false
}, },
"loop": { "loop": {
handler(newLoop: Boolean) { handler(newLoop: Boolean) {
...@@ -124,7 +122,7 @@ ...@@ -124,7 +122,7 @@
} }
}, },
immediate: false //创建时是否通过此方法更新属性,默认值为false immediate: false
}, },
"autoplay": { "autoplay": {
...@@ -136,7 +134,7 @@ ...@@ -136,7 +134,7 @@
} }
}, },
immediate: false //创建时是否通过此方法更新属性,默认值为false immediate: false
}, },
"action": { "action": {
...@@ -154,13 +152,12 @@ ...@@ -154,13 +152,12 @@
this.$el!.clearAnimation() this.$el!.clearAnimation()
} }
} }
} else { } else {
// 非法入参,不管 // 非法入参,不管
} }
}, },
immediate: false //创建时是否通过此方法更新属性,默认值为false immediate: false
}, },
"hidden": { "hidden": {
...@@ -173,7 +170,7 @@ ...@@ -173,7 +170,7 @@
} }
} }
}, },
immediate: false //创建时是否通过此方法更新属性,默认值为false immediate: false
}, },
}, },
...@@ -187,43 +184,22 @@ ...@@ -187,43 +184,22 @@
} }
} }
}, },
privateMethod() { //如何定义不对外暴露的API? 暂不支持,需在export外写
}
},
created() { //创建组件,替换created
}, },
NVBeforeLoad() { //组件将要创建,对应前端beforeMount
//可选实现,这里可以提前做一些操作 NVLoad(): LottieAnimationView {
},
NVLoad(): LottieAnimationView { //创建原生View,必须定义返回值类型(Android需要明确知道View类型,需特殊校验)
//必须实现
let lottieAnimationView = new LottieAnimationView($androidContext) let lottieAnimationView = new LottieAnimationView($androidContext)
return lottieAnimationView return lottieAnimationView
}, },
NVLoaded() { //原生View已创建 NVLoaded() {
//可选实现,这里可以做后续操作
if(this.$el != null){ if(this.$el != null){
this.$el!.repeatMode = LottieDrawable.RESTART; this.$el!.repeatMode = LottieDrawable.RESTART;
this.$el!.visibility = View.GONE this.$el!.visibility = View.GONE
this.$el!.repeatCount = 0 this.$el!.repeatCount = 0
this.$el!.addAnimatorListener(new CustomAnimListener(this)) this.$el!.addAnimatorListener(new CustomAnimListener(this))
} }
},
NVLayouted() { //原生View布局完成
//可选实现,这里可以做布局后续操作
},
NVBeforeUnload() { //原生View将释放
//可选实现,这里可以做释放View之前的操作
},
NVUnloaded() { //原生View已释放
//可选实现,这里可以做释放View之后的操作
},
unmounted() { //组件销毁
//可选实现
} }
} }
</script> </script>
<style> <style>
......
...@@ -19,35 +19,21 @@ ...@@ -19,35 +19,21 @@
//原生提供以下属性或方法的实现 //原生提供以下属性或方法的实现
export default { export default {
/**
* 组件名称,也就是开发者使用的标签
*/
name: "uts-hello-view", name: "uts-hello-view",
/**
* 组件涉及的事件声明,只有声明过的事件,才能被正常发送
*/
emits: ['buttonClick'],
/**
* 属性声明,组件的使用者会传递这些属性值到组件
*/
props: { props: {
/**
* 字符串类型 属性:buttonText 需要设置默认值
*/
"buttonText": { "buttonText": {
type: String, type: String,
default: "点击触发" default: "点击触发"
} }
}, },
/**
* 组件内部变量声明
*/
data() { data() {
return {} return {}
}, },
/**
* 属性变化监听器实现
*/
watch: { watch: {
"buttonText": { "buttonText": {
/** /**
...@@ -61,52 +47,10 @@ ...@@ -61,52 +47,10 @@
} }
} }
}, },
immediate: false //创建时是否通过此方法更新属性,默认值为false immediate: false
},
},
/**
* 规则:如果没有配置expose,则methods中的方法均对外暴露,如果配置了expose,则以expose的配置为准向外暴露
* ['publicMethod'] 含义为:只有 `publicMethod` 在实例上可用
*/
expose: ['doSth'],
methods: {
/**
* 对外公开的组件方法
*/
doSth(paramA: string) {
// 这是组件的自定义方法
console.log("paramA = " + paramA)
}, },
/**
* 内部使用的组件方法
*/
privateMethod() {
}
},
/**
* 组件被创建,组件第一个生命周期,
* 在内存中被占用的时候被调用,开发者可以在这里执行一些需要提前执行的初始化逻辑
* [可选实现]
*/
created() {
}, },
/**
* 对应平台的view载体即将被创建,对应前端beforeMount
* [可选实现]
*/
NVBeforeLoad() {
},
/**
* 创建原生View,必须定义返回值类型
* 开发者需要重点实现这个函数,声明原生组件被创建出来的过程,以及最终生成的原生组件类型
* (Android需要明确知道View类型,需特殊校验)
* todo 补充IOS平台限制
* [必须实现]
*/
NVLoad(): LinearLayout { NVLoad(): LinearLayout {
//必须实现 //必须实现
let contentLayout = new LinearLayout($androidContext) let contentLayout = new LinearLayout($androidContext)
...@@ -116,44 +60,7 @@ ...@@ -116,44 +60,7 @@
contentLayout.addView(button, LinearLayout.LayoutParams(500, 500)); contentLayout.addView(button, LinearLayout.LayoutParams(500, 500));
button.setOnClickListener(new ButtonClickListsner()) button.setOnClickListener(new ButtonClickListsner())
return contentLayout return contentLayout
},
/**
* 原生View已创建
* [可选实现]
*/
NVLoaded() {
},
/**
* 原生View布局完成
* [可选实现]
*/
NVLayouted() {
},
/**
* 原生View将释放
* [可选实现]
*/
NVBeforeUnload() {
},
/**
* 原生View已释放,这里可以做释放View之后的操作
* [可选实现]
*/
NVUnloaded() {
},
/**
* 组件销毁
* [可选实现]
*/
unmounted() {
} }
} }
</script> </script>
<style> <style>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册