ai.touchui-vue 1.31.3 → 1.32.0

package/packages/checkboxes/src/checkboxes.vue

@@ -1,97 +1,97 @@
-<template>
-	<div :id="id">
-		<span v-if="validateRequired" v-show="false" class="to-validate" :req="validateRequired" :desc="validateDesc" :value="checks.length > 0 ? 'true' : ''"></span>
-		<slot></slot>
-	</div>
-</template>
-<script>
-export default {
-	name: 'ToCheckboxes',
-	componentName: 'ToCheckboxes',
-	model: {
-		event: 'change'
-	},
-	inject: {
-		ToForm: {
-			default: ''
-		},
-		ToFormItem: {
-			default: ''
-		}
-	},
-	props: {
-		// 表单校验
-		desc: {
-			type: String,
-			default: ''
-		},
-		id: {
-			type: String,
-			default: ''
-		},
-		required: Boolean,
-		value: {
-			type: [String],
-			default() {
-				return ''
-			}
-		}
-	},
-	data() {
-		return {
-			maxId: -1,
-			options: [],
-			checks: []
-		}
-	},
-	computed: {
-		validateRequired() {
-			if (this.required) {
-				return 'true'
-			} else if (this.ToFormItem && this.ToFormItem.required) {
-				return 'true'
-			} else {
-				return 'false'
-			}
-		},
-		validateDesc() {
-			if (this.desc) {
-				return this.desc
-			} else if (this.ToFormItem && this.ToFormItem.label) {
-				return this.ToFormItem.label
-			} else {
-				return ''
-			}
-		}
-	},
-	methods: {
-		change(checked, value, label) {
-			let arr = []
-			this.checks = this.options.filter(item => {return item.checked});
-			this.checks.forEach(el => {
-				arr.push(el.value)
-			});
-			this.$emit('change', arr.join(','), checked, value, label)
-		},
-		clear() {
-			this.$emit('change', '', false)
-		},
-		all() {
-			let arr = []
-			this.options.forEach(el => {
-				if (!el.readonly) {
-					arr.push(el.value)
-				}
-			});
-			this.$emit('change', arr.join(','))
-		},
-		observe() {
-			let arr = []
-			this.options.filter(item => {return !item.checked}).forEach(el => {
-				arr.push(el.value)
-			});
-			this.$emit('change', arr.join(','))
-		}
-	}
-};
-</script>
+<template>
+	<div :id="id">
+		<span v-if="validateRequired" v-show="false" class="to-validate" :req="validateRequired" :desc="validateDesc" :value="checks.length > 0 ? 'true' : ''"></span>
+		<slot></slot>
+	</div>
+</template>
+<script>
+export default {
+	name: 'ToCheckboxes',
+	componentName: 'ToCheckboxes',
+	model: {
+		event: 'change'
+	},
+	inject: {
+		ToForm: {
+			default: ''
+		},
+		ToFormItem: {
+			default: ''
+		}
+	},
+	props: {
+		// 表单校验
+		desc: {
+			type: String,
+			default: ''
+		},
+		id: {
+			type: String,
+			default: ''
+		},
+		required: Boolean,
+		value: {
+			type: [String],
+			default() {
+				return ''
+			}
+		}
+	},
+	data() {
+		return {
+			maxId: -1,
+			options: [],
+			checks: []
+		}
+	},
+	computed: {
+		validateRequired() {
+			if (this.required) {
+				return 'true'
+			} else if (this.ToFormItem && this.ToFormItem.required) {
+				return 'true'
+			} else {
+				return 'false'
+			}
+		},
+		validateDesc() {
+			if (this.desc) {
+				return this.desc
+			} else if (this.ToFormItem && this.ToFormItem.label) {
+				return this.ToFormItem.label
+			} else {
+				return ''
+			}
+		}
+	},
+	methods: {
+		change(checked, value, label) {
+			let arr = []
+			this.checks = this.options.filter(item => {return item.checked});
+			this.checks.forEach(el => {
+				arr.push(el.value)
+			});
+			this.$emit('change', arr.join(','), checked, value, label)
+		},
+		clear() {
+			this.$emit('change', '', false)
+		},
+		all() {
+			let arr = []
+			this.options.forEach(el => {
+				if (!el.readonly) {
+					arr.push(el.value)
+				}
+			});
+			this.$emit('change', arr.join(','))
+		},
+		observe() {
+			let arr = []
+			this.options.filter(item => {return !item.checked}).forEach(el => {
+				arr.push(el.value)
+			});
+			this.$emit('change', arr.join(','))
+		}
+	}
+};
+</script>

package/packages/collapse/index.js

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

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

@@ -1,188 +1,188 @@
-<template>
-	<div id="collapse-item" role="collapseItme" :name="name" class="to-collapse-item">
-		<div v-size="titleSize" class="to-header to-header-fillet-normal to-collapse-item-header" @click.stop="change()">
-			<div
-				class="text to-pointer"
-				:style="{
-					paddingLeft: $slots.title ? 0:`${cpadding}`,
-					paddingRight: `${cpadding}`
-				}"
-				>
-				<span @click="handleTitleClick">
-					<slot name="title">
-						{{ title }}
-					</slot>
-				</span>
-			</div>
-			<div class="fn to-collapse-icon-box">
-				<slot name="icon">
-					<div
-						class="to-icon-unfold "
-						:class="{
-							'to-collapse-item-icon-active': collapse
-						}"
-						:style="{
-							transition: isReady ? `transform ${duration}ms ease-in-out` : 'none'
-						}"
-						>
-						<span></span>
-					</div>
-				</slot>
-			</div>
-		</div>
-		<div
-			class="collapse-item-content"
-			:style="{
-				height: collapse ? '0px' : realHeight,
-				overflow: 'hidden',
-				transition: isReady ? `height ${duration}ms ease-in-out` : 'none'
-			}"
-			>
-			<div
-				ref="contentBox"
-				class="collapse-item-content__box"
-				>
-				<slot></slot>
-			</div>
-		</div>
-
-		<div class="to-line to-line-color-lightGray"></div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'ToCollapseItem',
-	componentName: 'ToCollapseItem',
-	model: {
-		event: 'change'
-	},
-	props: {
-		// padding
-		padding: { type: [Number, String], default: 1 },
-		// 是否收起
-		value: {
-			type: [String, Boolean, Number],
-			default: true
-		},
-		// 唯一标志符
-		name: {
-			type: [String, Number],
-			default: ''
-		},
-		// 面板标题
-		title: {
-			type: String,
-			default: ''
-		},
-		// 面板标题文字大小
-		titleSize: {
-			type: String,
-			default: 'm'
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		}
-	},
-	data() {
-		return {
-			isReady: false,
-			collapse: true,
-			realHeight: '',
-			duration: 250,
-			collapseTimer: null
-		};
-	},
-	computed: {
-		cpadding() {
-			return this.toFixedPx(this.padding);
-		},
-		valueInParent() {
-			if (this.$parent && this.$parent.$vnode && this.$parent.$vnode.componentOptions.tag === 'to-collapse') {
-				const actives = this.$parent.actives || [];
-				return !actives.includes(this.name);
-			} else {
-				return undefined;
-			}
-		}
-	},
-	watch: {
-		valueInParent: {
-			handler(collapse) {
-				this.handleCollapse(collapse);
-			},
-			deep: true
-		},
-		value: {
-			handler(collapse) {
-				// 父级为to-collapse时
-				if (this.valueInParent !== undefined) {
-					collapse = this.valueInParent;
-				} else {
-					collapse = !!collapse;
-				}
-				this.handleCollapse(collapse);
-			},
-			immediate: true,
-			deep: true
-		}
-	},
-	methods: {
-		handleTitleClick(event) {
-			this.$emit('titleClicked', event);
-		},
-		handleCollapse(collapse) {
-			if (this.disabled) return;
-			this.$nextTick(() => {
-				if (!this.$refs.contentBox) return;
-				this.realHeight = `${this.$refs.contentBox.clientHeight}px` || '';
-				let macroTask = null
-				macroTask = setTimeout(() => {
-					this.collapse = collapse;
-					clearTimeout(macroTask)
-					clearTimeout(this.collapseTimer);
-					macroTask = null
-					this.collapseTimer = null
-					this.collapseTimer = setTimeout(() => {
-						this.isReady = true;
-						this.realHeight = 'auto'
-					}, this.duration);
-				});
-			});
-		},
-		change(collapse) {
-			if (this.disabled) return;
-			collapse = collapse !== undefined ? collapse : !this.collapse;
-			this.handleCollapse(collapse);
-			this.$emit('change', collapse);
-			typeof this.$parent.change === 'function' && this.$parent.change(this.name, collapse);
-		},
-		toFixedPx(num) {
-			if (isNaN(Number(num))) {
-				if (/(%|px|pt|em|rem)$/.test(num)) {
-					return num;
-				} else {
-					return '100%';
-				}
-			} else {
-				return `${num}em`;
-			}
-		}
-	}
-};
-</script>
-<style scoped>
-.to-pointer {
-	cursor: pointer;
-}
-.to-collapse-item-icon-active {
-	transform: rotate(-90deg);
-}
-.to-collapse-icon-box .to-icon-unfold {
-	text-align: right !important;
-	width: 1em !important;
-}
-.to-collapse-item > .to-header > .text{
-	font-size: inherit;
-}
-</style>
+<template>
+	<div id="collapse-item" role="collapseItme" :name="name" class="to-collapse-item">
+		<div v-size="titleSize" class="to-header to-header-fillet-normal to-collapse-item-header" @click.stop="change()">
+			<div
+				class="text to-pointer"
+				:style="{
+					paddingLeft: $slots.title ? 0:`${cpadding}`,
+					paddingRight: `${cpadding}`
+				}"
+				>
+				<span @click="handleTitleClick">
+					<slot name="title">
+						{{ title }}
+					</slot>
+				</span>
+			</div>
+			<div class="fn to-collapse-icon-box">
+				<slot name="icon">
+					<div
+						class="to-icon-unfold "
+						:class="{
+							'to-collapse-item-icon-active': collapse
+						}"
+						:style="{
+							transition: isReady ? `transform ${duration}ms ease-in-out` : 'none'
+						}"
+						>
+						<span></span>
+					</div>
+				</slot>
+			</div>
+		</div>
+		<div
+			class="collapse-item-content"
+			:style="{
+				height: collapse ? '0px' : realHeight,
+				overflow: 'hidden',
+				transition: isReady ? `height ${duration}ms ease-in-out` : 'none'
+			}"
+			>
+			<div
+				ref="contentBox"
+				class="collapse-item-content__box"
+				>
+				<slot></slot>
+			</div>
+		</div>
+
+		<div class="to-line to-line-color-lightGray"></div>
+	</div>
+</template>
+<script>
+export default {
+	name: 'ToCollapseItem',
+	componentName: 'ToCollapseItem',
+	model: {
+		event: 'change'
+	},
+	props: {
+		// padding
+		padding: { type: [Number, String], default: 1 },
+		// 是否收起
+		value: {
+			type: [String, Boolean, Number],
+			default: true
+		},
+		// 唯一标志符
+		name: {
+			type: [String, Number],
+			default: ''
+		},
+		// 面板标题
+		title: {
+			type: String,
+			default: ''
+		},
+		// 面板标题文字大小
+		titleSize: {
+			type: String,
+			default: 'm'
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	data() {
+		return {
+			isReady: false,
+			collapse: true,
+			realHeight: '',
+			duration: 250,
+			collapseTimer: null
+		};
+	},
+	computed: {
+		cpadding() {
+			return this.toFixedPx(this.padding);
+		},
+		valueInParent() {
+			if (this.$parent && this.$parent.$vnode && this.$parent.$vnode.componentOptions.tag === 'to-collapse') {
+				const actives = this.$parent.actives || [];
+				return !actives.includes(this.name);
+			} else {
+				return undefined;
+			}
+		}
+	},
+	watch: {
+		valueInParent: {
+			handler(collapse) {
+				this.handleCollapse(collapse);
+			},
+			deep: true
+		},
+		value: {
+			handler(collapse) {
+				// 父级为to-collapse时
+				if (this.valueInParent !== undefined) {
+					collapse = this.valueInParent;
+				} else {
+					collapse = !!collapse;
+				}
+				this.handleCollapse(collapse);
+			},
+			immediate: true,
+			deep: true
+		}
+	},
+	methods: {
+		handleTitleClick(event) {
+			this.$emit('titleClicked', event);
+		},
+		handleCollapse(collapse) {
+			if (this.disabled) return;
+			this.$nextTick(() => {
+				if (!this.$refs.contentBox) return;
+				this.realHeight = `${this.$refs.contentBox.clientHeight}px` || '';
+				let macroTask = null
+				macroTask = setTimeout(() => {
+					this.collapse = collapse;
+					clearTimeout(macroTask)
+					clearTimeout(this.collapseTimer);
+					macroTask = null
+					this.collapseTimer = null
+					this.collapseTimer = setTimeout(() => {
+						this.isReady = true;
+						this.realHeight = 'auto'
+					}, this.duration);
+				});
+			});
+		},
+		change(collapse) {
+			if (this.disabled) return;
+			collapse = collapse !== undefined ? collapse : !this.collapse;
+			this.handleCollapse(collapse);
+			this.$emit('change', collapse);
+			typeof this.$parent.change === 'function' && this.$parent.change(this.name, collapse);
+		},
+		toFixedPx(num) {
+			if (isNaN(Number(num))) {
+				if (/(%|px|pt|em|rem)$/.test(num)) {
+					return num;
+				} else {
+					return '100%';
+				}
+			} else {
+				return `${num}em`;
+			}
+		}
+	}
+};
+</script>
+<style scoped>
+.to-pointer {
+	cursor: pointer;
+}
+.to-collapse-item-icon-active {
+	transform: rotate(-90deg);
+}
+.to-collapse-icon-box .to-icon-unfold {
+	text-align: right !important;
+	width: 1em !important;
+}
+.to-collapse-item > .to-header > .text{
+	font-size: inherit;
+}
+</style>