@10yun/cv-mobile-ui 0.3.26 → 0.4.2

package/ui-uni/uni-tbody/uni-tbody.vue

@@ -1,30 +0,0 @@
-<template>
-	<!-- #ifdef H5 -->
-	<tbody>
-		<slot></slot>
-	</tbody>
-	<!-- #endif -->
-	<!-- #ifndef H5 -->
-	<view>
-		<slot></slot>
-	</view>
-	<!-- #endif -->
-</template>
-
-<script>
-	export default {
-		name: 'uniBody',
-		options: {
-			virtualHost: true
-		},
-		data() {
-			return {
-
-			}
-		},
-		created() {},
-		methods: {}
-	}
-</script>
-
-<style scoped></style>

package/ui-uni/uni-td/uni-td.vue

@@ -1,88 +0,0 @@
-<template>
-	<!-- #ifdef H5 -->
-	<td class="uni-table-td" :rowspan="rowspan" :colspan="colspan" :class="{'table--border':border}" :style="{width:width + 'px','text-align':align}">
-		<slot></slot>
-	</td>
-	<!-- #endif -->
-	<!-- #ifndef H5 -->
-	<!-- :class="{'table--border':border}"  -->
-	<view class="uni-table-td" :class="{'table--border':border}" :style="{width:width + 'px','text-align':align}">
-		<slot></slot>
-	</view>
-	<!-- #endif -->
-
-</template>
-
-<script>
-	/**
-	 * Td 单元格
-	 * @description 表格中的标准单元格组件
-	 * @tutorial https://ext.dcloud.net.cn/plugin?id=3270
-	 * @property {Number} 	align = [left|center|right]	单元格对齐方式
-	 */
-	export default {
-		name: 'uniTd',
-		options: {
-			virtualHost: true
-		},
-		props: {
-			width: {
-				type: [String, Number],
-				default: ''
-			},
-			align: {
-				type: String,
-				default: 'left'
-			},
-			rowspan: {
-				type: [Number, String],
-				default: 1
-			},
-			colspan: {
-				type: [Number, String],
-				default: 1
-			}
-		},
-		data() {
-			return {
-				border: false
-			};
-		},
-		created() {
-			this.root = this.getTable()
-			this.border = this.root.border
-		},
-		methods: {
-			/**
-			 * 获取父元素实例
-			 */
-			getTable() {
-				let parent = this.$parent;
-				let parentName = parent.$options.name;
-				while (parentName !== 'uniTable') {
-					parent = parent.$parent;
-					if (!parent) return false;
-					parentName = parent.$options.name;
-				}
-				return parent;
-			},
-		}
-	}
-</script>
-
-<style scoped>
-	.uni-table-td {
-		display: table-cell;
-		padding: 8px 10px;
-		font-size: 14px;
-		border-bottom: 1px #EBEEF5 solid;
-		font-weight: 400;
-		color: #606266;
-		line-height: 23px;
-		box-sizing: border-box;
-	}
-
-	.table--border {
-		border-right: 1px #EBEEF5 solid;
-	}
-</style>

package/ui-uni/uni-th/uni-th.vue

@@ -1,259 +0,0 @@
-<template>
-	<!-- #ifdef H5 -->
-	<th :rowspan="rowspan" :colspan="colspan" class="uni-table-th" :class="{ 'table--border': border }" :style="{ width: width + 'px', 'text-align': align }">
-		<view class="uni-table-th-row">
-			<view class="uni-table-th-content" :style="{ 'justify-content': contentAlign }" @click="sort">
-				<slot></slot>
-				<view v-if="sortable" class="arrow-box">
-					<text class="arrow up" :class="{ active: ascending }" @click.stop="ascendingFn"></text>
-					<text class="arrow down" :class="{ active: descending }" @click.stop="descendingFn"></text>
-				</view>
-			</view>
-			<dropdown v-if="filterType || filterData.length" :filterData="filterData" :filterType="filterType" @change="ondropdown"></dropdown>
-		</view>
-	</th>
-	<!-- #endif -->
-	<!-- #ifndef H5 -->
-	<view class="uni-table-th" :class="{ 'table--border': border }" :style="{ width: width + 'px', 'text-align': align }">
-		<slot></slot>
-	</view>
-	<!-- #endif -->
-</template>
-
-<script>
-	import dropdown from './filter-dropdown.vue'
-	/**
-	 * Th 表头
-	 * @description 表格内的表头单元格组件
-	 * @tutorial https://ext.dcloud.net.cn/plugin?id=3270
-	 * @property {Number} 	width 						单元格宽度
-	 * @property {Boolean} 	sortable 					是否启用排序
-	 * @property {Number} 	align = [left|center|right]	单元格对齐方式
-	 * @value left   	单元格文字左侧对齐
-	 * @value center	单元格文字居中
-	 * @value right		单元格文字右侧对齐
-	 * @property {Array}	filterData 筛选数据
-	 * @property {String}	filterType	[search|select] 筛选类型
-	 * @value search	关键字搜素
-	 * @value select	条件选择
-	 * @event {Function} sort-change 排序触发事件
-	 */
-	export default {
-		name: 'uniTh',
-		options: {
-			virtualHost: true
-		},
-		components: {
-			dropdown
-		},
-		emits: ['sort-change', 'filter-change'],
-		props: {
-			width: {
-				type: [String, Number],
-				default: ''
-			},
-			align: {
-				type: String,
-				default: 'left'
-			},
-			rowspan: {
-				type: [Number, String],
-				default: 1
-			},
-			colspan: {
-				type: [Number, String],
-				default: 1
-			},
-			sortable: {
-				type: Boolean,
-				default: false
-			},
-			filterType: {
-				type: String,
-				default: ""
-			},
-			filterData: {
-				type: Array,
-				default () {
-					return []
-				}
-			}
-		},
-		data() {
-			return {
-				border: false,
-				ascending: false,
-				descending: false
-			}
-		},
-		computed: {
-			contentAlign() {
-				let align = 'left'
-				switch (this.align) {
-					case 'left':
-						align = 'flex-start'
-						break
-					case 'center':
-						align = 'center'
-						break
-					case 'right':
-						align = 'flex-end'
-						break
-				}
-				return align
-			}
-		},
-		created() {
-			this.root = this.getTable('uniTable')
-			this.rootTr = this.getTable('uniTr')
-			this.rootTr.minWidthUpdate(this.width ? this.width : 140)
-			this.border = this.root.border
-			this.root.thChildren.push(this)
-		},
-		methods: {
-			sort() {
-				if (!this.sortable) return
-				this.clearOther()
-				if (!this.ascending && !this.descending) {
-					this.ascending = true
-					this.$emit('sort-change', {
-						order: 'ascending'
-					})
-					return
-				}
-				if (this.ascending && !this.descending) {
-					this.ascending = false
-					this.descending = true
-					this.$emit('sort-change', {
-						order: 'descending'
-					})
-					return
-				}
-
-				if (!this.ascending && this.descending) {
-					this.ascending = false
-					this.descending = false
-					this.$emit('sort-change', {
-						order: null
-					})
-				}
-			},
-			ascendingFn() {
-				this.clearOther()
-				this.ascending = !this.ascending
-				this.descending = false
-				this.$emit('sort-change', {
-					order: this.ascending ? 'ascending' : null
-				})
-			},
-			descendingFn() {
-				this.clearOther()
-				this.descending = !this.descending
-				this.ascending = false
-				this.$emit('sort-change', {
-					order: this.descending ? 'descending' : null
-				})
-			},
-			clearOther() {
-				this.root.thChildren.map(item => {
-					if (item !== this) {
-						item.ascending = false
-						item.descending = false
-					}
-					return item
-				})
-			},
-			ondropdown(e) {
-				this.$emit("filter-change", e)
-			},
-			/**
-			 * 获取父元素实例
-			 */
-			getTable(name) {
-				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 scoped>
-	.uni-table-th {
-		padding: 12px 10px;
-		/* #ifndef APP-NVUE */
-		display: table-cell;
-		box-sizing: border-box;
-		/* #endif */
-		font-size: 14px;
-		font-weight: bold;
-		color: #909399;
-		border-bottom: 1px #ebeef5 solid;
-	}
-
-	.uni-table-th-row {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-	}
-
-	.table--border {
-		border-right: 1px #ebeef5 solid;
-	}
-
-	.uni-table-th-content {
-		display: flex;
-		align-items: center;
-		flex: 1;
-	}
-
-	.arrow {
-		display: block;
-		position: relative;
-		width: 10px;
-		height: 8px;
-		left: 5px;
-		overflow: hidden;
-		cursor: pointer;
-	}
-
-	.down {
-		top: 3px;
-	}
-
-	.down ::after {
-		content: "";
-		width: 8px;
-		height: 8px;
-		position: absolute;
-		left: 2px;
-		top: -5px;
-		transform: rotate(45deg);
-		background-color: #ccc;
-	}
-
-	.down.active ::after {
-		background-color: #007aff;
-	}
-
-	.up ::after {
-		content: "";
-		width: 8px;
-		height: 8px;
-		position: absolute;
-		left: 2px;
-		top: 5px;
-		transform: rotate(45deg);
-		background-color: #ccc;
-	}
-
-	.up.active ::after {
-		background-color: #007aff;
-	}
-</style>

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

@@ -1,114 +0,0 @@
-<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 -->
-</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
-			}
-		}
-	}
-</script>
-
-<style scoped>
-	.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;
-	}
-
-	.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 #ebeef5 solid;
-		font-size: 14px;
-	}
-
-	.tr-table--border {
-		border-right: 1px #ebeef5 solid;
-	}
-
-	/* #ifndef APP-NVUE */
-	/* #endif */
-</style>

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

@@ -1,171 +0,0 @@
-<template>
-	<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 {
-
-			};
-		},
-		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
-			}
-		}
-	}
-</script>
-
-<style scoped>
-	/* .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__base {
-		font-size: 15px;
-		color: #333;
-		font-weight: 500;
-	}
-
-	.uni-h1 {
-		font-size: 20px;
-		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-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; */
-	}
-</style>