@kengic/uni 0.5.1 → 0.5.2-beta.1

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

@@ -1,129 +1,130 @@
 <template>
-	<!-- #ifdef H5 -->
-	<thead class="uni-table-thead">
-		<tr class="uni-table-tr">
-			<th :rowspan="rowspan" colspan="1" class="checkbox" :class="{ 'tr-table--border': border }">
-				<table-checkbox :indeterminate="indeterminate" :checked="checked" @checkboxSelected="checkboxSelected"></table-checkbox>
-			</th>
-		</tr>
-		<slot></slot>
-	</thead>
-	<!-- #endif -->
-	<!-- #ifndef H5 -->
-	<view class="uni-table-thead"><slot></slot></view>
-	<!-- #endif -->
+    <!-- #ifdef H5 -->
+    <thead class="uni-table-thead">
+        <tr class="uni-table-tr">
+            <th :rowspan="rowspan" colspan="1" class="checkbox" :class="{ 'tr-table--border': border }">
+                <table-checkbox :indeterminate="indeterminate" :checked="checked" @checkboxSelected="checkboxSelected"></table-checkbox>
+            </th>
+        </tr>
+        <slot></slot>
+    </thead>
+    <!-- #endif -->
+    <!-- #ifndef H5 -->
+    <view class="uni-table-thead"><slot></slot></view>
+    <!-- #endif -->
 </template>
 
 <script>
-import tableCheckbox from '../uni-tr/table-checkbox.vue'
-export default {
-	name: 'uniThead',
-	components: {
-		tableCheckbox
-	},
-	options: {
-		virtualHost: true
-	},
-	data() {
-		return {
-			border: false,
-			selection: false,
-			rowspan: 1,
-			indeterminate: false,
-			checked: false
-		}
-	},
-	created() {
-		this.root = this.getTable()
-		// #ifdef H5
-		this.root.theadChildren = this
-		// #endif
-		this.border = this.root.border
-		this.selection = this.root.type
-	},
-	methods: {
-		init(self) {
-			this.rowspan++
-		},
-		checkboxSelected(e) {
-			this.indeterminate = false
-			const backIndexData = this.root.backIndexData
-			const data = this.root.trChildren.filter(v => !v.disabled && v.keyValue)
-			if (backIndexData.length === data.length) {
-				this.checked = false
-				this.root.clearSelection()
-			} else {
-				this.checked = true
-				this.root.selectionAll()
-			}
-		},
-		/**
-		 * 获取父元素实例
-		 */
-		getTable(name = 'uniTable') {
-			let parent = this.$parent
-			let parentName = parent.$options.name
-			while (parentName !== name) {
-				parent = parent.$parent
-				if (!parent) return false
-				parentName = parent.$options.name
-			}
-			return parent
-		}
-	}
-}
+    import tableCheckbox from '../uni-tr/table-checkbox.vue';
+
+    export default {
+        name: 'uniThead',
+        components: {
+            tableCheckbox,
+        },
+        options: {
+            virtualHost: true,
+        },
+        data() {
+            return {
+                border: false,
+                selection: false,
+                rowspan: 1,
+                indeterminate: false,
+                checked: false,
+            };
+        },
+        created() {
+            this.root = this.getTable();
+            // #ifdef H5
+            this.root.theadChildren = this;
+            // #endif
+            this.border = this.root.border;
+            this.selection = this.root.type;
+        },
+        methods: {
+            init(self) {
+                this.rowspan++;
+            },
+            checkboxSelected(e) {
+                this.indeterminate = false;
+                const backIndexData = this.root.backIndexData;
+                const data = this.root.trChildren.filter((v) => !v.disabled && v.keyValue);
+                if (backIndexData.length === data.length) {
+                    this.checked = false;
+                    this.root.clearSelection();
+                } else {
+                    this.checked = true;
+                    this.root.selectionAll();
+                }
+            },
+            /**
+             * 获取父元素实例
+             */
+            getTable(name = 'uniTable') {
+                let parent = this.$parent;
+                let parentName = parent.$options.name;
+                while (parentName !== name) {
+                    parent = parent.$parent;
+                    if (!parent) return false;
+                    parentName = parent.$options.name;
+                }
+                return parent;
+            },
+        },
+    };
 </script>
 
 <style lang="scss">
-$border-color: #ebeef5;
+    $border-color: #ebeef5;
 
-.uni-table-thead {
-	display: table-header-group;
-}
+    .uni-table-thead {
+        display: table-header-group;
+    }
 
-.uni-table-tr {
-	/* #ifndef APP-NVUE */
-	display: table-row;
-	transition: all 0.3s;
-	box-sizing: border-box;
-	/* #endif */
-	border: 1px red solid;
-	background-color: #fafafa;
-}
+    .uni-table-tr {
+        /* #ifndef APP-NVUE */
+        display: table-row;
+        transition: all 0.3s;
+        box-sizing: border-box;
+        /* #endif */
+        border: 1px red solid;
+        background-color: #fafafa;
+    }
 
-.checkbox {
-	padding: 0 8px;
-	width: 26px;
-	padding-left: 12px;
-	/* #ifndef APP-NVUE */
-	display: table-cell;
-	vertical-align: middle;
-	/* #endif */
-	color: #333;
-	font-weight: 500;
-	border-bottom: 1px $border-color solid;
-	font-size: 14px;
-	// text-align: center;
-}
+    .checkbox {
+        padding: 0 8px;
+        width: 26px;
+        padding-left: 12px;
+        /* #ifndef APP-NVUE */
+        display: table-cell;
+        vertical-align: middle;
+        /* #endif */
+        color: #333;
+        font-weight: 500;
+        border-bottom: 1px $border-color solid;
+        font-size: 14px;
+        // text-align: center;
+    }
 
-.tr-table--border {
-	border-right: 1px $border-color solid;
-}
+    .tr-table--border {
+        border-right: 1px $border-color solid;
+    }
 
-/* #ifndef APP-NVUE */
-.uni-table-tr {
-	::v-deep .uni-table-th {
-		&.table--border:last-child {
-			// border-right: none;
-		}
-	}
+    /* #ifndef APP-NVUE */
+    .uni-table-tr {
+        ::v-deep .uni-table-th {
+            &.table--border:last-child {
+                // border-right: none;
+            }
+        }
 
-	::v-deep .uni-table-td {
-		&.table--border:last-child {
-			// border-right: none;
-		}
-	}
-}
+        ::v-deep .uni-table-td {
+            &.table--border:last-child {
+                // border-right: none;
+            }
+        }
+    }
 
-/* #endif */
+    /* #endif */
 </style>

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

@@ -1,171 +1,168 @@
 <template>
-	<view class="uni-title__box" :style="{'align-items':textAlign}">
-		<text class="uni-title__base" :class="['uni-'+type]" :style="{'color':color}">{{title}}</text>
-	</view>
+    <view class="uni-title__box" :style="{ 'align-items': textAlign }">
+        <text class="uni-title__base" :class="['uni-' + type]" :style="{ color: color }">{{ title }}</text>
+    </view>
 </template>
 
 <script>
-	/**
-	 * Title 标题
-	 * @description 标题，通常用于记录页面标题，使用当前组件，uni-app 如果开启统计，将会自动统计页面标题
-	 * @tutorial https://ext.dcloud.net.cn/plugin?id=1066
-	 * @property {String} type = [h1|h2|h3|h4|h5] 标题类型
-	 * 	@value h1 一级标题
-	 * 	@value h2 二级标题
-	 * 	@value h3 三级标题
-	 * 	@value h4 四级标题
-	 * 	@value h5 五级标题
-	 * @property {String} title 标题内容
-	 * @property {String} align = [left|center|right] 对齐方式
-	 * 	@value left 做对齐
-	 * 	@value center 居中对齐
-	 * 	@value right 右对齐
-	 * @property {String} color 字体颜色
-	 * @property {Boolean} stat = [true|false] 是否开启统计功能呢，如不填写type值，默认为开启，填写 type 属性，默认为关闭
-	 */
-	export default {
-		name:"UniTitle",
-		props: {
-			type: {
-				type: String,
-				default: ''
-			},
-			title: {
-				type: String,
-				default: ''
-			},
-			align: {
-				type: String,
-				default: 'left'
-			},
-			color: {
-				type: String,
-				default: '#333333'
-			},
-			stat: {
-				type: [Boolean, String],
-				default: ''
-			}
-		},
-		data() {
-			return {
+    /**
+     * Title 标题
+     * @description 标题，通常用于记录页面标题，使用当前组件，uni-app 如果开启统计，将会自动统计页面标题
+     * @tutorial https://ext.dcloud.net.cn/plugin?id=1066
+     * @property {String} type = [h1|h2|h3|h4|h5] 标题类型
+     * 	@value h1 一级标题
+     * 	@value h2 二级标题
+     * 	@value h3 三级标题
+     * 	@value h4 四级标题
+     * 	@value h5 五级标题
+     * @property {String} title 标题内容
+     * @property {String} align = [left|center|right] 对齐方式
+     * 	@value left 做对齐
+     * 	@value center 居中对齐
+     * 	@value right 右对齐
+     * @property {String} color 字体颜色
+     * @property {Boolean} stat = [true|false] 是否开启统计功能呢，如不填写type值，默认为开启，填写 type 属性，默认为关闭
+     */
+    export default {
+        name: 'UniTitle',
+        props: {
+            type: {
+                type: String,
+                default: '',
+            },
+            title: {
+                type: String,
+                default: '',
+            },
+            align: {
+                type: String,
+                default: 'left',
+            },
+            color: {
+                type: String,
+                default: '#333333',
+            },
+            stat: {
+                type: [Boolean, String],
+                default: '',
+            },
+        },
+        data() {
+            return {};
+        },
+        computed: {
+            textAlign() {
+                let align = 'center';
+                switch (this.align) {
+                    case 'left':
+                        align = 'flex-start';
+                        break;
+                    case 'center':
+                        align = 'center';
+                        break;
+                    case 'right':
+                        align = 'flex-end';
+                        break;
+                }
+                return align;
+            },
+        },
+        watch: {
+            title(newVal) {
+                if (this.isOpenStat()) {
+                    // 上报数据
+                    if (uni.report) {
+                        uni.report('title', this.title);
+                    }
+                }
+            },
+        },
+        mounted() {
+            if (this.isOpenStat()) {
+                // 上报数据
+                if (uni.report) {
+                    uni.report('title', this.title);
+                }
+            }
+        },
+        methods: {
+            isOpenStat() {
+                if (this.stat === '') {
+                    this.isStat = false;
+                }
+                let stat_type = (typeof this.stat === 'boolean' && this.stat) || (typeof this.stat === 'string' && this.stat !== '');
+                if (this.type === '') {
+                    this.isStat = true;
+                    if (this.stat.toString() === 'false') {
+                        this.isStat = false;
+                    }
+                }
 
-			};
-		},
-		computed: {
-			textAlign() {
-				let align = 'center';
-				switch (this.align) {
-					case 'left':
-						align = 'flex-start'
-						break;
-					case 'center':
-						align = 'center'
-						break;
-					case 'right':
-						align = 'flex-end'
-						break;
-				}
-				return align
-			}
-		},
-		watch: {
-			title(newVal) {
-				if (this.isOpenStat()) {
-					// 上报数据
-					if (uni.report) {
-						uni.report('title', this.title)
-					}
-				}
-			}
-		},
-		mounted() {
-			if (this.isOpenStat()) {
-				// 上报数据
-				if (uni.report) {
-					uni.report('title', this.title)
-				}
-			}
-		},
-		methods: {
-			isOpenStat() {
-				if (this.stat === '') {
-					this.isStat = false
-				}
-				let stat_type = (typeof(this.stat) === 'boolean' && this.stat) || (typeof(this.stat) === 'string' && this.stat !==
-					'')
-				if (this.type === "") {
-					this.isStat = true
-					if (this.stat.toString() === 'false') {
-						this.isStat = false
-					}
-				}
-
-				if (this.type !== '') {
-					this.isStat = true
-					if (stat_type) {
-						this.isStat = true
-					} else {
-						this.isStat = false
-					}
-				}
-				return this.isStat
-			}
-		}
-	}
+                if (this.type !== '') {
+                    this.isStat = true;
+                    if (stat_type) {
+                        this.isStat = true;
+                    } else {
+                        this.isStat = false;
+                    }
+                }
+                return this.isStat;
+            },
+        },
+    };
 </script>
 
 <style>
-	/* .uni-title {
+    /* .uni-title {
 
 	} */
-	.uni-title__box {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: column;
-		align-items: flex-start;
-		justify-content: center;
-		padding: 8px 0;
-		flex: 1;
-	}
+    .uni-title__box {
+        /* #ifndef APP-NVUE */
+        display: flex;
+        /* #endif */
+        flex-direction: column;
+        align-items: flex-start;
+        justify-content: center;
+        padding: 8px 0;
+        flex: 1;
+    }
 
-	.uni-title__base {
-		font-size: 15px;
-		color: #333;
-		font-weight: 500;
-	}
+    .uni-title__base {
+        font-size: 15px;
+        color: #333;
+        font-weight: 500;
+    }
 
-	.uni-h1 {
-		font-size: 20px;
-		color: #333;
-		font-weight: bold;
-	}
+    .uni-h1 {
+        font-size: 20px;
+        color: #333;
+        font-weight: bold;
+    }
 
-	.uni-h2 {
-		font-size: 18px;
-		color: #333;
-		font-weight: bold;
-	}
+    .uni-h2 {
+        font-size: 18px;
+        color: #333;
+        font-weight: bold;
+    }
 
-	.uni-h3 {
-		font-size: 16px;
-		color: #333;
-		font-weight: bold;
-		/* font-weight: 400; */
-	}
+    .uni-h3 {
+        font-size: 16px;
+        color: #333;
+        font-weight: bold;
+        /* font-weight: 400; */
+    }
 
-	.uni-h4 {
-		font-size: 14px;
-		color: #333;
-		font-weight: bold;
-		/* font-weight: 300; */
-	}
+    .uni-h4 {
+        font-size: 14px;
+        color: #333;
+        font-weight: bold;
+        /* font-weight: 300; */
+    }
 
-	.uni-h5 {
-		font-size: 12px;
-		color: #333;
-		font-weight: bold;
-		/* font-weight: 200; */
-	}
+    .uni-h5 {
+        font-size: 12px;
+        color: #333;
+        font-weight: bold;
+        /* font-weight: 200; */
+    }
 </style>