ai.touchui-vue 1.30.2 → 1.30.3

package/packages/form/src/form.vue

@@ -1,184 +1,184 @@
-<template>
-	<div class="to-form" :class="setClass">
-		<ul ref="toForm" :style="setUlStyle">
-			<slot></slot>
-			<li v-if="submitPosition === 'rightBottom'" class="placeholder" :style="setLiStyle"></li>
-		</ul>
-		<div v-if="$slots.submit" class="submit" :style="setSubmitStyle">
-			<slot name="submit"></slot>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'ToForm',
-	componentName: 'ToForm',
-	provide() {
-		return {
-			ToForm: this
-		}
-	},
-	props: {
-		// label 的宽度
-		// auto 自动宽度
-		// max 取最长的 label 的宽度
-		// 1-20
-		labelWidth: {
-			type: [Number, String],
-			default: ''
-		},
-		// label 的位置
-		// top：顶部
-		// left：左侧
-		labelPosition: {
-			type: String,
-			default: 'left'
-		},
-		// 列数
-		// 1-20：指定列数
-		// auto：自动列数
-		col: {
-			type: [Number, String],
-			default: 1
-		},
-		// right：右侧
-		// rightBottom：右下角
-		// follow：跟随
-		// bottom: 底部
-		// item: 跟着一个 item，受 label-width 影响
-		submitPosition: {
-			type: String,
-			default: ''
-		},
-		// list：类 list 模式
-		type: {
-			type: String,
-			default: ''
-		},
-		space: {
-			type: [Number, String],
-			default() {
-				return this.type === 'list' ? 0 : 0.5
-			}
-		},
-		spaceX: {
-			type: [Number, String],
-			default() {
-				return ''
-			}
-		},
-		spaceY: {
-			type: [Number, String],
-			default() {
-				return ''
-			}
-		},
-		valueWidth: {
-			type: String,
-			default: ''
-		},
-		// 表单元素对比值时判断用
-		comparable: Boolean,
-		readonly: Boolean
-	},
-	data() {
-		return {
-			items: [],
-			timer: null
-		}
-	},
-	computed: {
-		setClass: function() {
-			let arr = []
-			if (this.col && this.submitPosition !== 'follow') {
-				arr.push(`to-form-col-${this.col}`)
-			}
-			if (this.labelWidth) {
-				arr.push(`to-form-label-width-${this.labelWidth}`)
-			}
-			if (this.submitPosition) {
-				arr.push(`to-form-submit-position-${this.submitPosition}`)
-			}
-			if (this.type) {
-				arr.push(`to-form-type-${this.type}`)
-			}
-			if (this.labelPosition) {
-				arr.push(`to-form-label-position-${this.labelPosition}`)
-			}
-			if (this.valueWidth) {
-				arr.push(`to-form-value-width-${this.valueWidth}`)
-			}
-			return arr;
-		},
-		setUlStyle() {
-			let obj = {}
-			if (this.space || this.space === 0) {
-				obj.marginTop = '-' + this.space + 'em'
-			}
-			if (this.spaceY || this.spaceY === 0) {
-				obj.marginTop = '-' + this.spaceY + 'em'
-			}
-			return obj
-		},
-		setSubmitStyle() {
-			let obj = {}
-			if ((this.space || this.space === 0) && this.submitPosition !== 'right' && this.submitPosition !== 'follow' && this.type !== 'list') {
-				obj.marginTop = this.space + 'em'
-			}
-			if ((this.space || this.space === 0) && (this.submitPosition === 'rightBottom' || this.submitPosition === 'item')) {
-				obj.paddingTop = this.space + 'em'
-			}
-			if ((this.spaceY || this.spaceY === 0) && this.submitPosition !== 'right' && this.submitPosition !== 'follow' && this.type !== 'list') {
-				obj.marginTop = this.spaceY + 'em'
-			}
-			if ((this.spaceY || this.spaceY === 0) && (this.submitPosition === 'rightBottom' || this.submitPosition === 'item')) {
-				obj.paddingTop = this.spaceY + 'em'
-			}
-			return obj
-		},
-		setLiStyle() {
-			let obj = {}
-			if ((this.space || this.space === 0) && this.submitPosition === 'rightBottom') {
-				obj.marginTop = this.space + 'em'
-			}
-			if ((this.spaceY || this.spaceY === 0) && this.submitPosition === 'rightBottom') {
-				obj.marginTop = `${this.spaceY}em`
-			}
-			return obj
-		}
-	},
-	mounted() {
-		if (this.labelWidth === 'max') {
-			window.addEventListener('resize', this.adjust);
-			this.adjust()
-		}
-	},
-	beforeDestroy() {
-		if (this.labelWidth === 'max') {
-			window.removeEventListener('resize', this.adjust)
-		}
-	},
-	methods: {
-		adjust() {
-			setTimeout(() => {
-				let maxWidth = 0
-				this.items.forEach(item=>{
-					if (item.$refs.label) {
-						item.$refs.label.style.width = ''
-					}
-				})
-				this.items.forEach(item=>{
-					if (item.$refs.label && maxWidth < item.$refs.labelText.clientWidth && item.$refs.labelText) {
-						maxWidth = item.$refs.labelText.clientWidth
-					}
-				})
-				this.items.forEach(item=>{
-					if (item.$refs.label) {
-						item.$refs.label.style.width = (maxWidth + 1) + 'px'
-					}
-				})
-			}, 200)
-		}
-	}
-};
-</script>
+<template>
+	<div class="to-form" :class="setClass">
+		<ul ref="toForm" :style="setUlStyle">
+			<slot></slot>
+			<li v-if="submitPosition === 'rightBottom'" class="placeholder" :style="setLiStyle"></li>
+		</ul>
+		<div v-if="$slots.submit" class="submit" :style="setSubmitStyle">
+			<slot name="submit"></slot>
+		</div>
+	</div>
+</template>
+<script>
+export default {
+	name: 'ToForm',
+	componentName: 'ToForm',
+	provide() {
+		return {
+			ToForm: this
+		}
+	},
+	props: {
+		// label 的宽度
+		// auto 自动宽度
+		// max 取最长的 label 的宽度
+		// 1-20
+		labelWidth: {
+			type: [Number, String],
+			default: ''
+		},
+		// label 的位置
+		// top：顶部
+		// left：左侧
+		labelPosition: {
+			type: String,
+			default: 'left'
+		},
+		// 列数
+		// 1-20：指定列数
+		// auto：自动列数
+		col: {
+			type: [Number, String],
+			default: 1
+		},
+		// right：右侧
+		// rightBottom：右下角
+		// follow：跟随
+		// bottom: 底部
+		// item: 跟着一个 item，受 label-width 影响
+		submitPosition: {
+			type: String,
+			default: ''
+		},
+		// list：类 list 模式
+		type: {
+			type: String,
+			default: ''
+		},
+		space: {
+			type: [Number, String],
+			default() {
+				return this.type === 'list' ? 0 : 0.5
+			}
+		},
+		spaceX: {
+			type: [Number, String],
+			default() {
+				return ''
+			}
+		},
+		spaceY: {
+			type: [Number, String],
+			default() {
+				return ''
+			}
+		},
+		valueWidth: {
+			type: String,
+			default: ''
+		},
+		// 表单元素对比值时判断用
+		comparable: Boolean,
+		readonly: Boolean
+	},
+	data() {
+		return {
+			items: [],
+			timer: null
+		}
+	},
+	computed: {
+		setClass: function() {
+			let arr = []
+			if (this.col && this.submitPosition !== 'follow') {
+				arr.push(`to-form-col-${this.col}`)
+			}
+			if (this.labelWidth) {
+				arr.push(`to-form-label-width-${this.labelWidth}`)
+			}
+			if (this.submitPosition) {
+				arr.push(`to-form-submit-position-${this.submitPosition}`)
+			}
+			if (this.type) {
+				arr.push(`to-form-type-${this.type}`)
+			}
+			if (this.labelPosition) {
+				arr.push(`to-form-label-position-${this.labelPosition}`)
+			}
+			if (this.valueWidth) {
+				arr.push(`to-form-value-width-${this.valueWidth}`)
+			}
+			return arr;
+		},
+		setUlStyle() {
+			let obj = {}
+			if (this.space || this.space === 0) {
+				obj.marginTop = '-' + this.space + 'em'
+			}
+			if (this.spaceY || this.spaceY === 0) {
+				obj.marginTop = '-' + this.spaceY + 'em'
+			}
+			return obj
+		},
+		setSubmitStyle() {
+			let obj = {}
+			if ((this.space || this.space === 0) && this.submitPosition !== 'right' && this.submitPosition !== 'follow' && this.type !== 'list') {
+				obj.marginTop = this.space + 'em'
+			}
+			if ((this.space || this.space === 0) && (this.submitPosition === 'rightBottom' || this.submitPosition === 'item')) {
+				obj.paddingTop = this.space + 'em'
+			}
+			if ((this.spaceY || this.spaceY === 0) && this.submitPosition !== 'right' && this.submitPosition !== 'follow' && this.type !== 'list') {
+				obj.marginTop = this.spaceY + 'em'
+			}
+			if ((this.spaceY || this.spaceY === 0) && (this.submitPosition === 'rightBottom' || this.submitPosition === 'item')) {
+				obj.paddingTop = this.spaceY + 'em'
+			}
+			return obj
+		},
+		setLiStyle() {
+			let obj = {}
+			if ((this.space || this.space === 0) && this.submitPosition === 'rightBottom') {
+				obj.marginTop = this.space + 'em'
+			}
+			if ((this.spaceY || this.spaceY === 0) && this.submitPosition === 'rightBottom') {
+				obj.marginTop = `${this.spaceY}em`
+			}
+			return obj
+		}
+	},
+	mounted() {
+		if (this.labelWidth === 'max') {
+			window.addEventListener('resize', this.adjust);
+			this.adjust()
+		}
+	},
+	beforeDestroy() {
+		if (this.labelWidth === 'max') {
+			window.removeEventListener('resize', this.adjust)
+		}
+	},
+	methods: {
+		adjust() {
+			setTimeout(() => {
+				let maxWidth = 0
+				this.items.forEach(item=>{
+					if (item.$refs.label) {
+						item.$refs.label.style.width = ''
+					}
+				})
+				this.items.forEach(item=>{
+					if (item.$refs.label && maxWidth < item.$refs.labelText.clientWidth && item.$refs.labelText) {
+						maxWidth = item.$refs.labelText.clientWidth
+					}
+				})
+				this.items.forEach(item=>{
+					if (item.$refs.label) {
+						item.$refs.label.style.width = (maxWidth + 1) + 'px'
+					}
+				})
+			}, 200)
+		}
+	}
+};
+</script>

package/packages/grid/index.js

@@ -1,10 +1,10 @@
-import grid from './src/grid';
-import gridItem from '../grid/src/grid-item';
-
-/* istanbul ignore next */
-grid.install = function(Vue) {
-	Vue.component(grid.name, grid);
-	Vue.component(gridItem.name, gridItem);
-};
-
-export default grid;
+import grid from './src/grid';
+import gridItem from '../grid/src/grid-item';
+
+/* istanbul ignore next */
+grid.install = function(Vue) {
+	Vue.component(grid.name, grid);
+	Vue.component(gridItem.name, gridItem);
+};
+
+export default grid;

package/packages/grid/src/grid-item.vue

@@ -1,65 +1,65 @@
-<template>
-	<div class="to-gridItem" :style="setStyle" :class="setClass">
-		<slot></slot>
-	</div>
-</template>
-<script>
-export default {
-	name: 'ToGridItem',
-	componentName: 'ToGridItem',
-	inject: ['grid'],
-	props: {
-		merge: {
-			type: [Number, String],
-			default: 1
-		},
-		width: {
-			type: [Number, String],
-			default: ''
-		},
-		side: Boolean
-	},
-	computed: {
-		setStyle() {
-			let obj = {}
-			if (Number(this.grid.space) > 0) {
-				obj.paddingTop = `${this.grid.space}em`
-				obj.paddingLeft = `${this.grid.space}em`
-			}
-			if (Number(this.grid.spaceY) > 0) {
-				obj.paddingTop = `${this.grid.spaceY}em`
-			}
-			if (Number(this.grid.spaceX) > 0) {
-				obj.paddingLeft = `${this.grid.spaceX}em`
-			}
-			if (Number(this.grid.space) === -1) {
-				obj.marginTop = '-1px'
-				obj.marginLeft = '-1px'
-			}
-			if (Number(this.grid.spaceY) === -1) {
-				obj.marginTop = '-1px'
-			}
-			if (Number(this.grid.spaceX) === -1) {
-				obj.marginLeft = '-1px'
-			}
-			if (this.width) {
-				if (!isNaN(this.width)) {
-					obj.width = this.width + 'em';
-				} else if (this.width === 'full') {
-					obj.width = '100%';
-				} else {
-					obj.width = this.width;
-				}
-			}
-			return obj
-		},
-		setClass() {
-			let arr = [
-				Number(this.merge) > 1 ? 'merge-' + this.merge : '',
-				this.side ? 'to-gridItem-side' : ''
-			]
-			return arr
-		}
-	}
-};
-</script>
+<template>
+	<div class="to-gridItem" :style="setStyle" :class="setClass">
+		<slot></slot>
+	</div>
+</template>
+<script>
+export default {
+	name: 'ToGridItem',
+	componentName: 'ToGridItem',
+	inject: ['grid'],
+	props: {
+		merge: {
+			type: [Number, String],
+			default: 1
+		},
+		width: {
+			type: [Number, String],
+			default: ''
+		},
+		side: Boolean
+	},
+	computed: {
+		setStyle() {
+			let obj = {}
+			if (Number(this.grid.space) > 0) {
+				obj.paddingTop = `${this.grid.space}em`
+				obj.paddingLeft = `${this.grid.space}em`
+			}
+			if (Number(this.grid.spaceY) > 0) {
+				obj.paddingTop = `${this.grid.spaceY}em`
+			}
+			if (Number(this.grid.spaceX) > 0) {
+				obj.paddingLeft = `${this.grid.spaceX}em`
+			}
+			if (Number(this.grid.space) === -1) {
+				obj.marginTop = '-1px'
+				obj.marginLeft = '-1px'
+			}
+			if (Number(this.grid.spaceY) === -1) {
+				obj.marginTop = '-1px'
+			}
+			if (Number(this.grid.spaceX) === -1) {
+				obj.marginLeft = '-1px'
+			}
+			if (this.width) {
+				if (!isNaN(this.width)) {
+					obj.width = this.width + 'em';
+				} else if (this.width === 'full') {
+					obj.width = '100%';
+				} else {
+					obj.width = this.width;
+				}
+			}
+			return obj
+		},
+		setClass() {
+			let arr = [
+				Number(this.merge) > 1 ? 'merge-' + this.merge : '',
+				this.side ? 'to-gridItem-side' : ''
+			]
+			return arr
+		}
+	}
+};
+</script>