ai.touchui-vue 1.30.2 → 1.30.4

package/packages/grid/src/grid.vue

@@ -1,190 +1,190 @@
-<template>
-	<div class="to-grid" :class="setClass" :style="setStyle">
-		<div class="to-gridContent" :style="setContentStyle">
-			<slot></slot>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'ToGrid',
-	componentName: 'ToGrid',
-	provide() {
-		return {
-			grid: this
-		}
-	},
-	props: {
-		type: {
-			// 'v'：垂直布局
-			// ''：水平布局
-			type: [String],
-			default: ''
-		},
-		mode: {
-			type: String,
-			default: ''
-		},
-		space: {
-			type: [Number, String],
-			default: 0
-		},
-		spaceX: {
-			type: [Number, String],
-			default: 0
-		},
-		spaceY: {
-			type: [Number, String],
-			default: 0
-		},
-		padding: {
-			type: [Number, String],
-			default: 0
-		},
-		paddingX: {
-			type: [Number, String],
-			default: 0
-		},
-		paddingY: {
-			type: [Number, String],
-			default: 0
-		},
-		paddingPosition: {
-			type: String,
-			default: ''
-		},
-		col: {
-			// none：根据 item 自动计算
-			// auto：根据内容自动计算
-			// 1-10：设置列数
-			type: [Number, String],
-			default: ''
-		},
-		height: {
-			type: [Number, String],
-			default: ''
-		},
-		verticalAlign: {
-			type: String,
-			default: 'top'
-		},
-		va: {
-			type: String,
-			default: 'top'
-		},
-		line: {
-			type: String,
-			default: 'none'
-		},
-		wrap: {
-			type: Boolean,
-			default: true
-		}
-	},
-	computed: {
-		setStyle() {
-			let obj = {};
-			if (!this.paddingPosition) {
-				if (this.padding && String(this.padding).includes(' ')) {
-					const paddings = this.padding.split(' ')
-					let arr = []
-					paddings.map(item => {
-						if (isNaN(Number(item))) {
-							arr.push(item)
-						} else {
-							arr.push(item + 'em')
-						}
-					})
-					obj.padding = arr.join(' ')
-				} else {
-					if (!this.paddingX && !this.paddingY) {
-						obj.padding = isNaN(Number(this.padding)) ? this.padding : this.padding + 'em'
-					} else {
-						if (this.paddingX) {
-							obj.paddingLeft = isNaN(Number(this.paddingX)) ? this.paddingX : this.paddingX + 'em'
-							obj.paddingRight = isNaN(Number(this.paddingX)) ? this.paddingX : this.paddingX + 'em'
-						}
-						if (this.paddingY) {
-							obj.paddingTop = isNaN(Number(this.paddingY)) ? this.paddingY : this.paddingY + 'em'
-							obj.paddingBottom = isNaN(Number(this.paddingY)) ? this.paddingY : this.paddingY + 'em'
-						}
-					}
-				}
-			} else {
-				if (['u', 'n', 'c', 'left', 'side'].includes(this.position)) {
-					obj.paddingLeft = isNaN(Number(this.padding)) ? this.padding : this.padding + 'em'
-				}
-				if (['u', 'n', 'ɔ', 'right', 'side'].includes(this.position)) {
-					obj.paddingRight = isNaN(Number(this.padding)) ? this.padding : this.padding + 'em'
-				}
-				if (['n', 'c', 'ɔ'].includes(this.position)) {
-					obj.paddingTop = isNaN(Number(this.padding)) ? this.padding : this.padding + 'em'
-				}
-				if (['u', 'c', 'ɔ'].includes(this.position)) {
-					obj.paddingBottom = isNaN(Number(this.padding)) ? this.padding : this.padding + 'em'
-				}
-			}
-			return obj;
-		},
-		setContentStyle() {
-			let obj = {}
-			if (this.space && this.type !== 'v') {
-				obj.marginTop = `-${this.space}em`
-			}
-			if (this.space) {
-				obj.marginLeft = `-${this.space}em`
-			}
-			if (this.spaceY && this.type !== 'v') {
-				obj.marginTop = `-${this.spaceY}em`
-			}
-			if (this.spaceX) {
-				obj.marginLeft = `-${this.spaceX}em`
-			}
-			if (String(this.space) === '-1') {
-				obj.paddingTop = '1px'
-				obj.paddingLeft = '1px'
-			}
-			if (String(this.spaceY) === '-1') {
-				obj.paddingTop = '1px'
-			}
-			if (String(this.spaceX) === '-1') {
-				obj.paddingLeft = '1px'
-			}
-			if (this.height && this.height !== 'full') {
-				if (!isNaN(this.height)) {
-					obj.height = this.height + 'em';
-				} else {
-					obj.height = this.height;
-				}
-			}
-			return obj
-		},
-		setClass() {
-			let arr = [
-				this.col !== '' ? 'to-grid-col-' + this.col : '',
-				this.line === 'solid' ? 'to-grid-line-solid' : '',
-				this.line === 'dashed' ? 'to-grid-line-dashed' : ''
-			]
-			if (this.mode) {
-				arr.push(`to-grid-mode-${this.mode}`)
-			}
-			if (!this.wrap) {
-				arr.push('to-grid-wrap-false')
-			}
-			if (this.type === 'v') {
-				arr.push('to-grid-type-v')
-			}
-			if (this.height === 'full') {
-				arr.push('to-grid-height-full')
-			}
-			if (this.verticalAlign === 'center' || this.va === 'center') {
-				arr.push('to-grid-vertical-align-center')
-			}
-			if (this.verticalAlign === 'bottom' || this.va === 'bottom') {
-				arr.push('to-grid-vertical-align-bottom')
-			}
-			return arr
-		}
-	}
-};
-</script>
+<template>
+	<div class="to-grid" :class="setClass" :style="setStyle">
+		<div class="to-gridContent" :style="setContentStyle">
+			<slot></slot>
+		</div>
+	</div>
+</template>
+<script>
+export default {
+	name: 'ToGrid',
+	componentName: 'ToGrid',
+	provide() {
+		return {
+			grid: this
+		}
+	},
+	props: {
+		type: {
+			// 'v'：垂直布局
+			// ''：水平布局
+			type: [String],
+			default: ''
+		},
+		mode: {
+			type: String,
+			default: ''
+		},
+		space: {
+			type: [Number, String],
+			default: 0
+		},
+		spaceX: {
+			type: [Number, String],
+			default: 0
+		},
+		spaceY: {
+			type: [Number, String],
+			default: 0
+		},
+		padding: {
+			type: [Number, String],
+			default: 0
+		},
+		paddingX: {
+			type: [Number, String],
+			default: 0
+		},
+		paddingY: {
+			type: [Number, String],
+			default: 0
+		},
+		paddingPosition: {
+			type: String,
+			default: ''
+		},
+		col: {
+			// none：根据 item 自动计算
+			// auto：根据内容自动计算
+			// 1-10：设置列数
+			type: [Number, String],
+			default: ''
+		},
+		height: {
+			type: [Number, String],
+			default: ''
+		},
+		verticalAlign: {
+			type: String,
+			default: 'top'
+		},
+		va: {
+			type: String,
+			default: 'top'
+		},
+		line: {
+			type: String,
+			default: 'none'
+		},
+		wrap: {
+			type: Boolean,
+			default: true
+		}
+	},
+	computed: {
+		setStyle() {
+			let obj = {};
+			if (!this.paddingPosition) {
+				if (this.padding && String(this.padding).includes(' ')) {
+					const paddings = this.padding.split(' ')
+					let arr = []
+					paddings.map(item => {
+						if (isNaN(Number(item))) {
+							arr.push(item)
+						} else {
+							arr.push(item + 'em')
+						}
+					})
+					obj.padding = arr.join(' ')
+				} else {
+					if (!this.paddingX && !this.paddingY) {
+						obj.padding = isNaN(Number(this.padding)) ? this.padding : this.padding + 'em'
+					} else {
+						if (this.paddingX) {
+							obj.paddingLeft = isNaN(Number(this.paddingX)) ? this.paddingX : this.paddingX + 'em'
+							obj.paddingRight = isNaN(Number(this.paddingX)) ? this.paddingX : this.paddingX + 'em'
+						}
+						if (this.paddingY) {
+							obj.paddingTop = isNaN(Number(this.paddingY)) ? this.paddingY : this.paddingY + 'em'
+							obj.paddingBottom = isNaN(Number(this.paddingY)) ? this.paddingY : this.paddingY + 'em'
+						}
+					}
+				}
+			} else {
+				if (['u', 'n', 'c', 'left', 'side'].includes(this.position)) {
+					obj.paddingLeft = isNaN(Number(this.padding)) ? this.padding : this.padding + 'em'
+				}
+				if (['u', 'n', 'ɔ', 'right', 'side'].includes(this.position)) {
+					obj.paddingRight = isNaN(Number(this.padding)) ? this.padding : this.padding + 'em'
+				}
+				if (['n', 'c', 'ɔ'].includes(this.position)) {
+					obj.paddingTop = isNaN(Number(this.padding)) ? this.padding : this.padding + 'em'
+				}
+				if (['u', 'c', 'ɔ'].includes(this.position)) {
+					obj.paddingBottom = isNaN(Number(this.padding)) ? this.padding : this.padding + 'em'
+				}
+			}
+			return obj;
+		},
+		setContentStyle() {
+			let obj = {}
+			if (this.space && this.type !== 'v') {
+				obj.marginTop = `-${this.space}em`
+			}
+			if (this.space) {
+				obj.marginLeft = `-${this.space}em`
+			}
+			if (this.spaceY && this.type !== 'v') {
+				obj.marginTop = `-${this.spaceY}em`
+			}
+			if (this.spaceX) {
+				obj.marginLeft = `-${this.spaceX}em`
+			}
+			if (String(this.space) === '-1') {
+				obj.paddingTop = '1px'
+				obj.paddingLeft = '1px'
+			}
+			if (String(this.spaceY) === '-1') {
+				obj.paddingTop = '1px'
+			}
+			if (String(this.spaceX) === '-1') {
+				obj.paddingLeft = '1px'
+			}
+			if (this.height && this.height !== 'full') {
+				if (!isNaN(this.height)) {
+					obj.height = this.height + 'em';
+				} else {
+					obj.height = this.height;
+				}
+			}
+			return obj
+		},
+		setClass() {
+			let arr = [
+				this.col !== '' ? 'to-grid-col-' + this.col : '',
+				this.line === 'solid' ? 'to-grid-line-solid' : '',
+				this.line === 'dashed' ? 'to-grid-line-dashed' : ''
+			]
+			if (this.mode) {
+				arr.push(`to-grid-mode-${this.mode}`)
+			}
+			if (!this.wrap) {
+				arr.push('to-grid-wrap-false')
+			}
+			if (this.type === 'v') {
+				arr.push('to-grid-type-v')
+			}
+			if (this.height === 'full') {
+				arr.push('to-grid-height-full')
+			}
+			if (this.verticalAlign === 'center' || this.va === 'center') {
+				arr.push('to-grid-vertical-align-center')
+			}
+			if (this.verticalAlign === 'bottom' || this.va === 'bottom') {
+				arr.push('to-grid-vertical-align-bottom')
+			}
+			return arr
+		}
+	}
+};
+</script>

package/packages/grid-item/index.js

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

package/packages/guider/index.js

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