@kengic/uni 0.5.1 → 0.5.2-beta.1

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

@@ -1,68 +1,63 @@
 <template>
-	<view class="uni-tooltip">
-		<slot></slot>
-		<view v-if="content || $slots.content" class="uni-tooltip-popup">
-			<slot name="content">
-				{{content}}
-			</slot>
-		</view>
-	</view>
+    <view class="uni-tooltip">
+        <slot></slot>
+        <view v-if="content || $slots.content" class="uni-tooltip-popup">
+            <slot name="content">
+                {{ content }}
+            </slot>
+        </view>
+    </view>
 </template>
 
-
 <script>
-	/**
-	 * Tooltip 提示文字
-	 * @description 常用于展示鼠标 hover 时的提示信息。
-	 * @tutorial https://uniapp.dcloud.io/component/uniui/uni-tooltip
-	 * @property {String} content   弹出层显示的内容
-	 * @property {String}  placement出现位置, 目前只支持 left
-	 */
-
-
-	export default {
-		name: "uni-tooltip",
-		data() {
-			return {
-
-			};
-		},
-		props: {
-			content: {
-				type: String,
-				default: ''
-			},
-
-			placement: {
-				type: String,
-				default: 'bottom'
-			},
-		}
-	}
+    /**
+     * Tooltip 提示文字
+     * @description 常用于展示鼠标 hover 时的提示信息。
+     * @tutorial https://uniapp.dcloud.io/component/uniui/uni-tooltip
+     * @property {String} content   弹出层显示的内容
+     * @property {String}  placement出现位置, 目前只支持 left
+     */
+
+    export default {
+        name: 'uni-tooltip',
+        data() {
+            return {};
+        },
+        props: {
+            content: {
+                type: String,
+                default: '',
+            },
+
+            placement: {
+                type: String,
+                default: 'bottom',
+            },
+        },
+    };
 </script>
 
 <style>
-	.uni-tooltip {
-		position: relative;
-		cursor: pointer;
-	}
-
-	.uni-tooltip-popup {
-		z-index: 1;
-		display: none;
-		position: absolute;
-		left: 0;
-		background-color: #333;
-		border-radius: 8px;
-		color: #fff;
-		font-size: 12px;
-		text-align: left;
-		line-height: 16px;
-		padding: 12px;
-	}
-
-
-	.uni-tooltip:hover .uni-tooltip-popup {
-		display: block;
-	}
+    .uni-tooltip {
+        position: relative;
+        cursor: pointer;
+    }
+
+    .uni-tooltip-popup {
+        z-index: 1;
+        display: none;
+        position: absolute;
+        left: 0;
+        background-color: #333;
+        border-radius: 8px;
+        color: #fff;
+        font-size: 12px;
+        text-align: left;
+        line-height: 16px;
+        padding: 12px;
+    }
+
+    .uni-tooltip:hover .uni-tooltip-popup {
+        display: block;
+    }
 </style>

package/dist/uni/uni-ui/uni-tr/table-checkbox.vue

@@ -1,179 +1,178 @@
 <template>
-	<view class="uni-table-checkbox" @click="selected">
-		<view v-if="!indeterminate" class="checkbox__inner" :class="{'is-checked':isChecked,'is-disable':isDisabled}">
-			<view class="checkbox__inner-icon"></view>
-		</view>
-		<view v-else class="checkbox__inner checkbox--indeterminate">
-			<view class="checkbox__inner-icon"></view>
-		</view>
-	</view>
+    <view class="uni-table-checkbox" @click="selected">
+        <view v-if="!indeterminate" class="checkbox__inner" :class="{ 'is-checked': isChecked, 'is-disable': isDisabled }">
+            <view class="checkbox__inner-icon"></view>
+        </view>
+        <view v-else class="checkbox__inner checkbox--indeterminate">
+            <view class="checkbox__inner-icon"></view>
+        </view>
+    </view>
 </template>
 
 <script>
-	export default {
-		name: 'TableCheckbox',
-		emits:['checkboxSelected'],
-		props: {
-			indeterminate: {
-				type: Boolean,
-				default: false
-			},
-			checked: {
-				type: [Boolean,String],
-				default: false
-			},
-			disabled: {
-				type: Boolean,
-				default: false
-			},
-			index: {
-				type: Number,
-				default: -1
-			},
-			cellData: {
-				type: Object,
-				default () {
-					return {}
-				}
-			}
-		},
-		watch:{
-			checked(newVal){
-				if(typeof this.checked === 'boolean'){
-					this.isChecked = newVal
-				}else{
-					this.isChecked = true
-				}
-			},
-			indeterminate(newVal){
-				this.isIndeterminate = newVal
-			}
-		},
-		data() {
-			return {
-				isChecked: false,
-				isDisabled: false,
-				isIndeterminate:false
-			}
-		},
-		created() {
-			if(typeof this.checked === 'boolean'){
-				this.isChecked = this.checked
-			}
-			this.isDisabled = this.disabled
-		},
-		methods: {
-			selected() {
-				if (this.isDisabled) return
-				this.isIndeterminate = false
-				this.isChecked = !this.isChecked
-				this.$emit('checkboxSelected', {
-					checked: this.isChecked,
-					data: this.cellData
-				})
-			}
-		}
-	}
+    export default {
+        name: 'TableCheckbox',
+        emits: ['checkboxSelected'],
+        props: {
+            indeterminate: {
+                type: Boolean,
+                default: false,
+            },
+            checked: {
+                type: [Boolean, String],
+                default: false,
+            },
+            disabled: {
+                type: Boolean,
+                default: false,
+            },
+            index: {
+                type: Number,
+                default: -1,
+            },
+            cellData: {
+                type: Object,
+                default() {
+                    return {};
+                },
+            },
+        },
+        watch: {
+            checked(newVal) {
+                if (typeof this.checked === 'boolean') {
+                    this.isChecked = newVal;
+                } else {
+                    this.isChecked = true;
+                }
+            },
+            indeterminate(newVal) {
+                this.isIndeterminate = newVal;
+            },
+        },
+        data() {
+            return {
+                isChecked: false,
+                isDisabled: false,
+                isIndeterminate: false,
+            };
+        },
+        created() {
+            if (typeof this.checked === 'boolean') {
+                this.isChecked = this.checked;
+            }
+            this.isDisabled = this.disabled;
+        },
+        methods: {
+            selected() {
+                if (this.isDisabled) return;
+                this.isIndeterminate = false;
+                this.isChecked = !this.isChecked;
+                this.$emit('checkboxSelected', {
+                    checked: this.isChecked,
+                    data: this.cellData,
+                });
+            },
+        },
+    };
 </script>
 
 <style lang="scss">
-	$uni-primary: #007aff !default;
-	$border-color: #DCDFE6;
-	$disable:0.4;
+    $uni-primary: #007aff !default;
+    $border-color: #dcdfe6;
+    $disable: 0.4;
 
-	.uni-table-checkbox {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		position: relative;
-		margin: 5px 0;
-		cursor: pointer;
+    .uni-table-checkbox {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+        position: relative;
+        margin: 5px 0;
+        cursor: pointer;
 
-		// 多选样式
-		.checkbox__inner {
-			/* #ifndef APP-NVUE */
-			flex-shrink: 0;
-			box-sizing: border-box;
-			/* #endif */
-			position: relative;
-			width: 16px;
-			height: 16px;
-			border: 1px solid $border-color;
-			border-radius: 2px;
-			background-color: #fff;
-			z-index: 1;
+        // 多选样式
+        .checkbox__inner {
+            /* #ifndef APP-NVUE */
+            flex-shrink: 0;
+            box-sizing: border-box;
+            /* #endif */
+            position: relative;
+            width: 16px;
+            height: 16px;
+            border: 1px solid $border-color;
+            border-radius: 2px;
+            background-color: #fff;
+            z-index: 1;
 
-			.checkbox__inner-icon {
-				position: absolute;
-				/* #ifdef APP-NVUE */
-				top: 2px;
-				/* #endif */
-				/* #ifndef APP-NVUE */
-				top: 2px;
-				/* #endif */
-				left: 5px;
-				height: 7px;
-				width: 3px;
-				border: 1px solid #fff;
-				border-left: 0;
-				border-top: 0;
-				opacity: 0;
-				transform-origin: center;
-				transform: rotate(45deg);
-				box-sizing: content-box;
-			}
+            .checkbox__inner-icon {
+                position: absolute;
+                /* #ifdef APP-NVUE */
+                top: 2px;
+                /* #endif */
+                /* #ifndef APP-NVUE */
+                top: 2px;
+                /* #endif */
+                left: 5px;
+                height: 7px;
+                width: 3px;
+                border: 1px solid #fff;
+                border-left: 0;
+                border-top: 0;
+                opacity: 0;
+                transform-origin: center;
+                transform: rotate(45deg);
+                box-sizing: content-box;
+            }
 
-			&.checkbox--indeterminate {
-				border-color: $uni-primary;
-				background-color: $uni-primary;
+            &.checkbox--indeterminate {
+                border-color: $uni-primary;
+                background-color: $uni-primary;
 
-				.checkbox__inner-icon {
-					position: absolute;
-					opacity: 1;
-					transform: rotate(0deg);
-					height: 2px;
-					top: 0;
-					bottom: 0;
-					margin: auto;
-					left: 0px;
-					right: 0px;
-					bottom: 0;
-					width: auto;
-					border: none;
-					border-radius: 2px;
-					transform: scale(0.5);
-					background-color: #fff;
-				}
-			}
-			&:hover{
-				border-color: $uni-primary;
-			}
-			// 禁用
-			&.is-disable {
-				/* #ifdef H5 */
-				cursor: not-allowed;
-				/* #endif */
-				background-color: #F2F6FC;
-				border-color: $border-color;
-			}
+                .checkbox__inner-icon {
+                    position: absolute;
+                    opacity: 1;
+                    transform: rotate(0deg);
+                    height: 2px;
+                    top: 0;
+                    bottom: 0;
+                    margin: auto;
+                    left: 0px;
+                    right: 0px;
+                    bottom: 0;
+                    width: auto;
+                    border: none;
+                    border-radius: 2px;
+                    transform: scale(0.5);
+                    background-color: #fff;
+                }
+            }
+            &:hover {
+                border-color: $uni-primary;
+            }
+            // 禁用
+            &.is-disable {
+                /* #ifdef H5 */
+                cursor: not-allowed;
+                /* #endif */
+                background-color: #f2f6fc;
+                border-color: $border-color;
+            }
 
-			// 选中
-			&.is-checked {
-				border-color: $uni-primary;
-				background-color: $uni-primary;
+            // 选中
+            &.is-checked {
+                border-color: $uni-primary;
+                background-color: $uni-primary;
 
-				.checkbox__inner-icon {
-					opacity: 1;
-					transform: rotate(45deg);
-				}
+                .checkbox__inner-icon {
+                    opacity: 1;
+                    transform: rotate(45deg);
+                }
 
-				// 选中禁用
-				&.is-disable {
-					opacity: $disable;
-				}
-			}
-			
-		}
-	}
+                // 选中禁用
+                &.is-disable {
+                    opacity: $disable;
+                }
+            }
+        }
+    }
 </style>