@kengic/uni 0.5.1 → 0.5.2-beta.1

package/dist/uni/uni-ui/uni-link/uni-link.vue

@@ -1,128 +1,143 @@
 <template>
-	<a v-if="isShowA" class="uni-link" :href="href"
-		:class="{'uni-link--withline':showUnderLine===true||showUnderLine==='true'}"
-		:style="{color,fontSize:fontSize+'px'}" :download="download">
-		<slot>{{text}}</slot>
-	</a>
-	<!-- #ifndef APP-NVUE -->
-	<text v-else class="uni-link" :class="{'uni-link--withline':showUnderLine===true||showUnderLine==='true'}"
-		:style="{color,fontSize:fontSize+'px'}" @click="openURL">
-		<slot>{{text}}</slot>
-	</text>
-	<!-- #endif -->
-	<!-- #ifdef APP-NVUE -->
-	<text v-else class="uni-link" :class="{'uni-link--withline':showUnderLine===true||showUnderLine==='true'}"
-		:style="{color,fontSize:fontSize+'px'}" @click="openURL">
-		{{text}}
-	</text>
-	<!-- #endif -->
+    <a
+        v-if="isShowA"
+        class="uni-link"
+        :href="href"
+        :class="{ 'uni-link--withline': showUnderLine === true || showUnderLine === 'true' }"
+        :style="{ color, fontSize: fontSize + 'px' }"
+        :download="download"
+    >
+        <slot>{{ text }}</slot>
+    </a>
+    <!-- #ifndef APP-NVUE -->
+    <text
+        v-else
+        class="uni-link"
+        :class="{ 'uni-link--withline': showUnderLine === true || showUnderLine === 'true' }"
+        :style="{ color, fontSize: fontSize + 'px' }"
+        @click="openURL"
+    >
+        <slot>{{ text }}</slot>
+    </text>
+    <!-- #endif -->
+    <!-- #ifdef APP-NVUE -->
+    <text
+        v-else
+        class="uni-link"
+        :class="{ 'uni-link--withline': showUnderLine === true || showUnderLine === 'true' }"
+        :style="{ color, fontSize: fontSize + 'px' }"
+        @click="openURL"
+    >
+        {{ text }}
+    </text>
+    <!-- #endif -->
 </template>
 
 <script>
-	/**
-	 * Link 外部网页超链接组件
-	 * @description uni-link是一个外部网页超链接组件，在小程序内复制url，在app内打开外部浏览器，在h5端打开新网页
-	 * @tutorial https://ext.dcloud.net.cn/plugin?id=1182
-	 * @property {String} href 点击后打开的外部网页url
-	 * @property {String} text 显示的文字
-	 * @property {String} downlaod H5平台下载文件名
-	 * @property {Boolean} showUnderLine 是否显示下划线
-	 * @property {String} copyTips 在小程序端复制链接时显示的提示语
-	 * @property {String} color 链接文字颜色
-	 * @property {String} fontSize 链接文字大小
-	 * @example * <uni-link href="https://ext.dcloud.net.cn" text="https://ext.dcloud.net.cn"></uni-link>
-	 */
-	export default {
-		name: 'uniLink',
-		props: {
-			href: {
-				type: String,
-				default: ''
-			},
-			text: {
-				type: String,
-				default: ''
-			},
-			download: {
-				type: String,
-				default: ''
-			},
-			showUnderLine: {
-				type: [Boolean, String],
-				default: true
-			},
-			copyTips: {
-				type: String,
-				default: '已自动复制网址，请在手机浏览器里粘贴该网址'
-			},
-			color: {
-				type: String,
-				default: '#999999'
-			},
-			fontSize: {
-				type: [Number, String],
-				default: 14
-			}
-		},
-		computed: {
-			isShowA() {
-				// #ifdef H5
-				this._isH5 = true;
-				// #endif
-				if ((this.isMail() || this.isTel()) && this._isH5 === true) {
-					return true;
-				}
-				return false;
-			}
-		},
-		created() {
-			this._isH5 = null;
-		},
-		methods: {
-			isMail() {
-				return this.href.startsWith('mailto:');
-			},
-			isTel() {
-				return this.href.startsWith('tel:');
-			},
-			openURL() {
-				// #ifdef APP-PLUS
-				if (this.isTel()) {
-					this.makePhoneCall(this.href.replace('tel:', ''));
-				} else {
-					plus.runtime.openURL(this.href);
-				}
-				// #endif
-				// #ifdef H5
-				window.open(this.href)
-				// #endif
-				// #ifdef MP
-				uni.setClipboardData({
-					data: this.href
-				});
-				uni.showModal({
-					content: this.copyTips,
-					showCancel: false
-				});
-				// #endif
-			},
-			makePhoneCall(phoneNumber) {
-				uni.makePhoneCall({
-					phoneNumber
-				})
-			}
-		}
-	}
+    /**
+     * Link 外部网页超链接组件
+     * @description uni-link是一个外部网页超链接组件，在小程序内复制url，在app内打开外部浏览器，在h5端打开新网页
+     * @tutorial https://ext.dcloud.net.cn/plugin?id=1182
+     * @property {String} href 点击后打开的外部网页url
+     * @property {String} text 显示的文字
+     * @property {String} downlaod H5平台下载文件名
+     * @property {Boolean} showUnderLine 是否显示下划线
+     * @property {String} copyTips 在小程序端复制链接时显示的提示语
+     * @property {String} color 链接文字颜色
+     * @property {String} fontSize 链接文字大小
+     * @example * <uni-link href="https://ext.dcloud.net.cn" text="https://ext.dcloud.net.cn"></uni-link>
+     */
+    export default {
+        name: 'uniLink',
+        props: {
+            href: {
+                type: String,
+                default: '',
+            },
+            text: {
+                type: String,
+                default: '',
+            },
+            download: {
+                type: String,
+                default: '',
+            },
+            showUnderLine: {
+                type: [Boolean, String],
+                default: true,
+            },
+            copyTips: {
+                type: String,
+                default: '已自动复制网址，请在手机浏览器里粘贴该网址',
+            },
+            color: {
+                type: String,
+                default: '#999999',
+            },
+            fontSize: {
+                type: [Number, String],
+                default: 14,
+            },
+        },
+        computed: {
+            isShowA() {
+                // #ifdef H5
+                this._isH5 = true;
+                // #endif
+                if ((this.isMail() || this.isTel()) && this._isH5 === true) {
+                    return true;
+                }
+                return false;
+            },
+        },
+        created() {
+            this._isH5 = null;
+        },
+        methods: {
+            isMail() {
+                return this.href.startsWith('mailto:');
+            },
+            isTel() {
+                return this.href.startsWith('tel:');
+            },
+            openURL() {
+                // #ifdef APP-PLUS
+                if (this.isTel()) {
+                    this.makePhoneCall(this.href.replace('tel:', ''));
+                } else {
+                    plus.runtime.openURL(this.href);
+                }
+                // #endif
+                // #ifdef H5
+                window.open(this.href);
+                // #endif
+                // #ifdef MP
+                uni.setClipboardData({
+                    data: this.href,
+                });
+                uni.showModal({
+                    content: this.copyTips,
+                    showCancel: false,
+                });
+                // #endif
+            },
+            makePhoneCall(phoneNumber) {
+                uni.makePhoneCall({
+                    phoneNumber,
+                });
+            },
+        },
+    };
 </script>
 
 <style>
-	/* #ifndef APP-NVUE */
-	.uni-link {
-		cursor: pointer;
-	}
+    /* #ifndef APP-NVUE */
+    .uni-link {
+        cursor: pointer;
+    }
 
-	/* #endif */
-	.uni-link--withline {
-		text-decoration: underline;
-	}
+    /* #endif */
+    .uni-link--withline {
+        text-decoration: underline;
+    }
 </style>

package/dist/uni/uni-ui/uni-list/uni-list.vue

@@ -1,123 +1,132 @@
 <template>
-	<!-- #ifndef APP-NVUE -->
-	<view class="uni-list uni-border-top-bottom">
-		<view v-if="border" class="uni-list--border-top"></view>
-		<slot />
-		<view v-if="border" class="uni-list--border-bottom"></view>
-	</view>
-	<!-- #endif -->
-	<!-- #ifdef APP-NVUE -->
-	<list :bounce="false" :scrollable="true" show-scrollbar :render-reverse="renderReverse" @scroll="scroll" class="uni-list" :class="{ 'uni-list--border': border }" :enableBackToTop="enableBackToTop"
-		loadmoreoffset="15">
-		<slot />
-	</list>
-	<!-- #endif -->
+    <!-- #ifndef APP-NVUE -->
+    <view class="uni-list uni-border-top-bottom">
+        <view v-if="border" class="uni-list--border-top"></view>
+        <slot />
+        <view v-if="border" class="uni-list--border-bottom"></view>
+    </view>
+    <!-- #endif -->
+    <!-- #ifdef APP-NVUE -->
+    <list
+        :bounce="false"
+        :scrollable="true"
+        show-scrollbar
+        :render-reverse="renderReverse"
+        @scroll="scroll"
+        class="uni-list"
+        :class="{ 'uni-list--border': border }"
+        :enableBackToTop="enableBackToTop"
+        loadmoreoffset="15"
+    >
+        <slot />
+    </list>
+    <!-- #endif -->
 </template>
 
 <script>
-	/**
-	 * List 列表
-	 * @description 列表组件
-	 * @tutorial https://ext.dcloud.net.cn/plugin?id=24
-	 * @property {String} 	border = [true|false] 		标题
-	 */
-	export default {
-		name: 'UniList',
-		'mp-weixin': {
-			options: {
-				multipleSlots: false
-			}
-		},
-		props: {
-			stackFromEnd:{
-				type: Boolean,
-				default:false
-			},
-			enableBackToTop: {
-				type: [Boolean, String],
-				default: false
-			},
-			scrollY: {
-				type: [Boolean, String],
-				default: false
-			},
-			border: {
-				type: Boolean,
-				default: true
-			},
-			renderReverse:{
-				type: Boolean,
-				default: false
-			}
-		},
-		// provide() {
-		// 	return {
-		// 		list: this
-		// 	};
-		// },
-		created() {
-			this.firstChildAppend = false;
-		},
-		methods: {
-			loadMore(e) {
-				this.$emit('scrolltolower');
-			},
-			scroll(e) {
-				this.$emit('scroll', e);
-			}
-		}
-	};
+    /**
+     * List 列表
+     * @description 列表组件
+     * @tutorial https://ext.dcloud.net.cn/plugin?id=24
+     * @property {String} 	border = [true|false] 		标题
+     */
+    export default {
+        name: 'UniList',
+        'mp-weixin': {
+            options: {
+                multipleSlots: false,
+            },
+        },
+        props: {
+            stackFromEnd: {
+                type: Boolean,
+                default: false,
+            },
+            enableBackToTop: {
+                type: [Boolean, String],
+                default: false,
+            },
+            scrollY: {
+                type: [Boolean, String],
+                default: false,
+            },
+            border: {
+                type: Boolean,
+                default: true,
+            },
+            renderReverse: {
+                type: Boolean,
+                default: false,
+            },
+        },
+        // provide() {
+        // 	return {
+        // 		list: this
+        // 	};
+        // },
+        created() {
+            this.firstChildAppend = false;
+        },
+        methods: {
+            loadMore(e) {
+                this.$emit('scrolltolower');
+            },
+            scroll(e) {
+                this.$emit('scroll', e);
+            },
+        },
+    };
 </script>
 <style lang="scss">
-	$uni-bg-color:#ffffff;
-	$uni-border-color:#e5e5e5;
+    $uni-bg-color: #ffffff;
+    $uni-border-color: #e5e5e5;
 
-	.uni-list {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		background-color: $uni-bg-color;
-		position: relative;
-		flex-direction: column;
-	}
+    .uni-list {
+        /* #ifndef APP-NVUE */
+        display: flex;
+        /* #endif */
+        background-color: $uni-bg-color;
+        position: relative;
+        flex-direction: column;
+    }
 
-	.uni-list--border {
-		position: relative;
-		/* #ifdef APP-NVUE */
-		border-top-color: $uni-border-color;
-		border-top-style: solid;
-		border-top-width: 0.5px;
-		border-bottom-color: $uni-border-color;
-		border-bottom-style: solid;
-		border-bottom-width: 0.5px;
-		/* #endif */
-		z-index: -1;
-	}
+    .uni-list--border {
+        position: relative;
+        /* #ifdef APP-NVUE */
+        border-top-color: $uni-border-color;
+        border-top-style: solid;
+        border-top-width: 0.5px;
+        border-bottom-color: $uni-border-color;
+        border-bottom-style: solid;
+        border-bottom-width: 0.5px;
+        /* #endif */
+        z-index: -1;
+    }
 
-	/* #ifndef APP-NVUE */
+    /* #ifndef APP-NVUE */
 
-	.uni-list--border-top {
-		position: absolute;
-		top: 0;
-		right: 0;
-		left: 0;
-		height: 1px;
-		-webkit-transform: scaleY(0.5);
-		transform: scaleY(0.5);
-		background-color: $uni-border-color;
-		z-index: 1;
-	}
+    .uni-list--border-top {
+        position: absolute;
+        top: 0;
+        right: 0;
+        left: 0;
+        height: 1px;
+        -webkit-transform: scaleY(0.5);
+        transform: scaleY(0.5);
+        background-color: $uni-border-color;
+        z-index: 1;
+    }
 
-	.uni-list--border-bottom {
-		position: absolute;
-		bottom: 0;
-		right: 0;
-		left: 0;
-		height: 1px;
-		-webkit-transform: scaleY(0.5);
-		transform: scaleY(0.5);
-		background-color: $uni-border-color;
-	}
+    .uni-list--border-bottom {
+        position: absolute;
+        bottom: 0;
+        right: 0;
+        left: 0;
+        height: 1px;
+        -webkit-transform: scaleY(0.5);
+        transform: scaleY(0.5);
+        background-color: $uni-border-color;
+    }
 
-	/* #endif */
+    /* #endif */
 </style>

package/dist/uni/uni-ui/uni-list/uni-refresh.vue

@@ -17,21 +17,21 @@
         props: {
             display: {
                 type: [String],
-                default: "hide"
-            }
+                default: 'hide',
+            },
         },
         data() {
             return {
-                pulling: false
-            }
+                pulling: false,
+            };
         },
         computed: {
             isShow() {
-                if (this.display === "show" || this.pulling === true) {
+                if (this.display === 'show' || this.pulling === true) {
                     return true;
                 }
                 return false;
-            }
+            },
         },
         created() {},
         methods: {
@@ -39,22 +39,22 @@
                 this.pulling = value;
             },
             onrefresh(e) {
-                this.$emit("refresh", e);
+                this.$emit('refresh', e);
             },
             onpullingdown(e) {
                 // #ifdef APP-NVUE
-                this.$emit("pullingdown", e);
+                this.$emit('pullingdown', e);
                 // #endif
                 // #ifndef APP-NVUE
                 var detail = {
                     viewHeight: 90,
-                    pullingDistance: e.height
-                }
-                this.$emit("pullingdown", detail);
+                    pullingDistance: e.height,
+                };
+                this.$emit('pullingdown', detail);
                 // #endif
-            }
-        }
-    }
+            },
+        },
+    };
 </script>
 
 <style>

package/dist/uni/uni-ui/uni-list/uni-refresh.wxs

@@ -3,11 +3,11 @@ var pullDown = {
     maxHeight: 200,
     callRefresh: 'onrefresh',
     callPullingDown: 'onpullingdown',
-    refreshSelector: '.uni-refresh'
+    refreshSelector: '.uni-refresh',
 };
 
 function ready(newValue, oldValue, ownerInstance, instance) {
-    var state = instance.getState()
+    var state = instance.getState();
     state.canPullDown = newValue;
     // console.log(newValue);
 }
@@ -15,9 +15,9 @@ function ready(newValue, oldValue, ownerInstance, instance) {
 function touchStart(e, instance) {
     var state = instance.getState();
     state.refreshInstance = instance.selectComponent(pullDown.refreshSelector);
-    state.canPullDown = (state.refreshInstance != null && state.refreshInstance != undefined);
+    state.canPullDown = state.refreshInstance != null && state.refreshInstance != undefined;
     if (!state.canPullDown) {
-        return
+        return;
     }
 
     // console.log("touchStart");
@@ -25,16 +25,16 @@ function touchStart(e, instance) {
     state.height = 0;
     state.touchStartY = e.touches[0].pageY || e.changedTouches[0].pageY;
     state.refreshInstance.setStyle({
-        'height': 0
+        height: 0,
     });
-    state.refreshInstance.callMethod("onchange", true);
+    state.refreshInstance.callMethod('onchange', true);
 }
 
 function touchMove(e, ownerInstance) {
     var instance = e.instance;
     var state = instance.getState();
     if (!state.canPullDown) {
-        return
+        return;
     }
 
     var oldHeight = state.height;
@@ -46,23 +46,23 @@ function touchMove(e, ownerInstance) {
 
     var refreshInstance = state.refreshInstance;
     refreshInstance.setStyle({
-        'height': height + 'px'
+        height: height + 'px',
     });
 
     height = height < pullDown.maxHeight ? height : pullDown.maxHeight;
     state.height = height;
     refreshInstance.callMethod(pullDown.callPullingDown, {
-        height: height
+        height: height,
     });
 }
 
 function touchEnd(e, ownerInstance) {
     var state = e.instance.getState();
     if (!state.canPullDown) {
-        return
+        return;
     }
 
-    state.refreshInstance.callMethod("onchange", false);
+    state.refreshInstance.callMethod('onchange', false);
 
     var refreshInstance = state.refreshInstance;
     if (state.height > pullDown.threshold) {
@@ -71,7 +71,7 @@ function touchEnd(e, ownerInstance) {
     }
 
     refreshInstance.setStyle({
-        'height': 0
+        height: 0,
     });
 }
 
@@ -83,5 +83,5 @@ module.exports = {
     touchmove: touchMove,
     touchstart: touchStart,
     touchend: touchEnd,
-    propObserver: propObserver
-}
+    propObserver: propObserver,
+};