ai.touchui-vue 1.30.2 → 1.30.3

package/packages/import/src/import.vue

@@ -1,279 +1,279 @@
-<template>
-	<span class="to-button-import to-form-readonly">
-		<to-button v-if="!iconMode" ref="button" :fillet="fillet" :disabled="disabled" unfold :icon="$attrs.icon || 'import'" v-bind="$attrs" :progress="progress" @click.stop="$refs.float.toggle('button')">{{ buttonText ? buttonText : t('to.import.button') }}</to-button>
-		<to-icon v-else ref="button" link value="import" mode="none" @click.stop="$refs.float.toggle('button')"></to-icon>
-		<to-float ref="float" :width="30" :lazy="false" :slide="$phone ? true : false" :position="$phone ? 'bottom' : 'auto'" @closed="$emit('closed')" @beforeClose="$emit('beforeClose')" @opened="$emit('opened')" @beforeOpen="$emit('beforeOpen')">
-			<to-padding>
-				<to-input ref="filename" v-model="importFileName" :fillet="fillet" v-bind="inputProps" width="full" type="text" :placeholder="t('to.import.tip.placeholder')" readonly>
-					<to-icon v-dis="iconReadonly" value="browse" mode="none" link color="primary" @click="$refs['fileInput'].click()"></to-icon>
-					<span class="to-inputProgress">
-						<span ref="progress" class="to-inputBar" :class="{'to-inputBar-finish': progress === 100}" :style="{width: progress + '%'}"></span>
-					</span>
-				</to-input>
-				<template v-if="$listeners['download-template']">
-					<to-space :value="0.5"></to-space>
-					<to-button icon="download" fillet="normal" mode="text" color="primary" @click="$emit('download-template')">{{ t('to.import.template') }}</to-button>
-				</template>
-				<div ref="tip" v-color="tipColor">
-					{{ tipMessage }}
-				</div>
-				<form ref="upForm" encType="multipart/form-data"><input ref="fileInput" type="file" :accept="accept" style="position:absolute;width:0px;height:0px;left:-99999px;top:-99999px;" @change="fileInputChange" /></form>
-			</to-padding>
-		</to-float>
-	</span>
-</template>
-<script>
-import Emitter from 'ai.touchui-vue/src/mixins/emitter'
-import Locale from 'ai.touchui-vue/src/mixins/locale'
-import FileTransfer from 'ai.touchui-vue/src/utils/filetransfer'
-import { isString } from 'ai.touchui-vue/src/utils/types'
-import { transferSign } from 'ai.touchui-vue/src/utils/sign'
-export default {
-	name: 'ToImport',
-	componentName: 'ToImport',
-	mixins: [Emitter, Locale],
-	props: {
-		iconMode: {
-			type: Boolean,
-			default: false
-		},
-		accept: {
-			type: String,
-			default: ''
-		},
-		buttonText: {
-			type: String,
-			default: null
-		},
-		fillet: {
-			type: String,
-			default() {
-				return this.$TouchUI.export.fillet || this.$TouchUI.global.fillet || 'normal'
-			}
-		},
-		sync: {
-			type: Boolean,
-			default: true
-		},
-		name: {
-			type: String,
-			default: 'importfile'
-		},
-		action: {
-			type: String,
-			default: ''
-		},
-		beforeStart: {
-			type: Function,
-			default: null
-		},
-		headers: {
-			type: Object,
-			default: null
-		},
-		withCredentials: {
-			type: Boolean,
-			default: false
-		},
-		data: {
-			type: Object,
-			default: null
-		},
-		inputProps: {
-			type: Object,
-			default() {
-				return {}
-			}
-		},
-		readonly: Boolean // 是否只读
-	},
-	data() {
-		return {
-			iApiHeaders: '',
-			inputReadonly: false,
-			iconReadonly: false,
-			file: null,
-			transfer: null,
-			fileTypeList: [],
-			importing: false,
-			visible: false,
-			progress: 0,
-			importFileName: '',
-			tipMessage: '',
-			tipColor: '',
-			disabled: this.readonly
-		}
-	},
-	watch: {
-		readonly(val) {
-			this.disabled = val
-		}
-	},
-	created() {
-		this.iApiHeaders = this.headers
-		if (this.$TouchUI.staticDataApiConfig.apiHeaders && !this.headers) {
-			this.iApiHeaders = this.$TouchUI.staticDataApiConfig.apiHeaders
-		}
-		this.transfer = new FileTransfer({
-			context: this,
-			url: this.action,
-			data: this.data,
-			headers: Object.assign({}, this.iApiHeaders),
-			withCredentials: this.withCredentials,
-			fileField: this.name,
-			start: this._transferStart,
-			success: this._transferSuccess,
-			error: this._transferError,
-			init: function(settings, file) {
-				settings = transferSign(settings)
-			},
-			progress: function(e, file) {
-				this._transferProgress(e.loaded, e.total, file);
-			}
-		});
-	},
-	beforeDestroy() {
-		this.file = null
-		if (this.transfer) {
-			this.transfer.destroy();
-		}
-	},
-	methods: {
-		setTipMessage: function(message, color) {
-			if (typeof message !== 'undefined') {
-				this.tipMessage = message
-			}
-
-			if (typeof color !== 'undefined') {
-				this.tipColor = color
-			}
-		},
-		setReadOnly(readonly) {
-			let isReadonly = !!readonly;
-			this.iconReadonly = isReadonly;
-		},
-		_validateFileType: function(name) {
-			if (!this.fileTypeList || !this.fileTypeList.length) {
-				return true;
-			}
-			let ext = FileTransfer.extName(name);
-			return (ext && isString(ext) && Array.prototype.indexOf.call(this.fileTypeList, ext) > -1) || undefined === ext;
-		},
-		_setFile: function(fileObj) {
-			var that = this;
-
-			var name = fileObj.name;
-			var size = fileObj.size;
-
-			var valid = true;
-
-			// 校验文件名
-			if (!this._validateFileType(name)) {
-				valid = false;
-				that.tip(this.t('to.import.tip.error.type'), 'to-red');
-				return;
-			}
-
-			if (valid && size > this.fileSize) {
-				valid = false;
-				that.tip(this.t('to.import.tip.error.size'), 'to-red');
-				return;
-			}
-
-			this.file = {name: name, size: size, valid: valid, fileObject: fileObj};
-		},
-		fileInputChange() {
-			let fileEl = this.$refs['fileInput'];
-			if (!fileEl.files.length) {
-				return;
-			}
-			let isAccept = true
-			for (let i = 0, size = fileEl.files.length; i < size; i++) {
-				// 判断文件类型
-				const fileObject = fileEl.files[i]
-				const nameArr = fileObject.name.split('.')
-				let fileType = nameArr[nameArr.length - 1]
-				if (this.accept && this.accept.indexOf(fileType) === -1) {
-					isAccept = false
-					break // 一旦有不匹配，则结束整个循环
-				}
-			}
-
-			if (!isAccept) {
-				this.$tip.warning(this.t('to.upload.tip.error.format', this.accept))
-				return
-			}
-
-			this.handleImportFileSelect([fileEl.files[0]]);
-		},
-		handleImportFileSelect(fileObj) {
-			if (!fileObj[0]) return
-
-			this._setFile(fileObj[0]);
-			this.importFileName = fileObj[0].name
-			this.handleImportStart(fileObj[0])
-		},
-		handleImportStart(file) {
-			if (this.beforeStart) {
-				const fn = this.beforeStart(file)
-				// 异步
-				if (fn && fn.then) {
-					fn.then(flag => {
-						this.importAction()
-					})
-				} else {
-					// 是同步方法，则返回为 true 执行
-					if (fn) {
-						this.importAction()
-					}
-				}
-			} else {
-				this.importAction()
-			}
-		},
-		importAction() {
-			if (!this.file) {return}
-
-			this.$emit('start')
-			this.setReadOnly(false)
-			this.setTipMessage('')
-			this.progress = 0;
-
-			this.transfer.file = this.file;
-			this.transfer.send();
-			this.importing = true
-		},
-		_transferStart(file) {
-			if (!file.guid) return;
-			this.progress = 0
-			this.setReadOnly(true)
-			this.setTipMessage(this.t('to.import.tip.submit', file.name), '');
-		},
-		_transferSuccess(data, status, file) {
-			if (!file) return;
-			this.$refs['upForm'].reset()
-			this.progress = 100
-
-			// 调用onSuccess
-			this.$emit('success', data, status, file)
-		},
-		_transferError(data, status, file) {
-			if (!file) return;
-
-			// 调用onError
-			this.$emit('error', data, status, file)
-		},
-		_transferProgress(loaded, total, file) {
-			if (!file.guid) return;
-			let percent = loaded > 0 && total > 0 ? Math.round(loaded / total * 100) : 0;
-			this.progress = percent
-
-			// 调用onProgress
-			this.$emit('progress', loaded, total, file)
-		},
-		setDisabled(f) {
-			this.disabled = f
-		}
-	}
-}
-</script>
+<template>
+	<span class="to-button-import to-form-readonly">
+		<to-button v-if="!iconMode" ref="button" :fillet="fillet" :disabled="disabled" unfold :icon="$attrs.icon || 'import'" v-bind="$attrs" :progress="progress" @click.stop="$refs.float.toggle('button')">{{ buttonText ? buttonText : t('to.import.button') }}</to-button>
+		<to-icon v-else ref="button" link value="import" mode="none" @click.stop="$refs.float.toggle('button')"></to-icon>
+		<to-float ref="float" :width="30" :lazy="false" :slide="$phone ? true : false" :position="$phone ? 'bottom' : 'auto'" @closed="$emit('closed')" @beforeClose="$emit('beforeClose')" @opened="$emit('opened')" @beforeOpen="$emit('beforeOpen')">
+			<to-padding>
+				<to-input ref="filename" v-model="importFileName" :fillet="fillet" v-bind="inputProps" width="full" type="text" :placeholder="t('to.import.tip.placeholder')" readonly>
+					<to-icon v-dis="iconReadonly" value="browse" mode="none" link color="primary" @click="$refs['fileInput'].click()"></to-icon>
+					<span class="to-inputProgress">
+						<span ref="progress" class="to-inputBar" :class="{'to-inputBar-finish': progress === 100}" :style="{width: progress + '%'}"></span>
+					</span>
+				</to-input>
+				<template v-if="$listeners['download-template']">
+					<to-space :value="0.5"></to-space>
+					<to-button icon="download" fillet="normal" mode="text" color="primary" @click="$emit('download-template')">{{ t('to.import.template') }}</to-button>
+				</template>
+				<div ref="tip" v-color="tipColor">
+					{{ tipMessage }}
+				</div>
+				<form ref="upForm" encType="multipart/form-data"><input ref="fileInput" type="file" :accept="accept" style="position:absolute;width:0px;height:0px;left:-99999px;top:-99999px;" @change="fileInputChange" /></form>
+			</to-padding>
+		</to-float>
+	</span>
+</template>
+<script>
+import Emitter from 'ai.touchui-vue/src/mixins/emitter'
+import Locale from 'ai.touchui-vue/src/mixins/locale'
+import FileTransfer from 'ai.touchui-vue/src/utils/filetransfer'
+import { isString } from 'ai.touchui-vue/src/utils/types'
+import { transferSign } from 'ai.touchui-vue/src/utils/sign'
+export default {
+	name: 'ToImport',
+	componentName: 'ToImport',
+	mixins: [Emitter, Locale],
+	props: {
+		iconMode: {
+			type: Boolean,
+			default: false
+		},
+		accept: {
+			type: String,
+			default: ''
+		},
+		buttonText: {
+			type: String,
+			default: null
+		},
+		fillet: {
+			type: String,
+			default() {
+				return this.$TouchUI.export.fillet || this.$TouchUI.global.fillet || 'normal'
+			}
+		},
+		sync: {
+			type: Boolean,
+			default: true
+		},
+		name: {
+			type: String,
+			default: 'importfile'
+		},
+		action: {
+			type: String,
+			default: ''
+		},
+		beforeStart: {
+			type: Function,
+			default: null
+		},
+		headers: {
+			type: Object,
+			default: null
+		},
+		withCredentials: {
+			type: Boolean,
+			default: false
+		},
+		data: {
+			type: Object,
+			default: null
+		},
+		inputProps: {
+			type: Object,
+			default() {
+				return {}
+			}
+		},
+		readonly: Boolean // 是否只读
+	},
+	data() {
+		return {
+			iApiHeaders: '',
+			inputReadonly: false,
+			iconReadonly: false,
+			file: null,
+			transfer: null,
+			fileTypeList: [],
+			importing: false,
+			visible: false,
+			progress: 0,
+			importFileName: '',
+			tipMessage: '',
+			tipColor: '',
+			disabled: this.readonly
+		}
+	},
+	watch: {
+		readonly(val) {
+			this.disabled = val
+		}
+	},
+	created() {
+		this.iApiHeaders = this.headers
+		if (this.$TouchUI.staticDataApiConfig.apiHeaders && !this.headers) {
+			this.iApiHeaders = this.$TouchUI.staticDataApiConfig.apiHeaders
+		}
+		this.transfer = new FileTransfer({
+			context: this,
+			url: this.action,
+			data: this.data,
+			headers: Object.assign({}, this.iApiHeaders),
+			withCredentials: this.withCredentials,
+			fileField: this.name,
+			start: this._transferStart,
+			success: this._transferSuccess,
+			error: this._transferError,
+			init: function(settings, file) {
+				settings = transferSign(settings)
+			},
+			progress: function(e, file) {
+				this._transferProgress(e.loaded, e.total, file);
+			}
+		});
+	},
+	beforeDestroy() {
+		this.file = null
+		if (this.transfer) {
+			this.transfer.destroy();
+		}
+	},
+	methods: {
+		setTipMessage: function(message, color) {
+			if (typeof message !== 'undefined') {
+				this.tipMessage = message
+			}
+
+			if (typeof color !== 'undefined') {
+				this.tipColor = color
+			}
+		},
+		setReadOnly(readonly) {
+			let isReadonly = !!readonly;
+			this.iconReadonly = isReadonly;
+		},
+		_validateFileType: function(name) {
+			if (!this.fileTypeList || !this.fileTypeList.length) {
+				return true;
+			}
+			let ext = FileTransfer.extName(name);
+			return (ext && isString(ext) && Array.prototype.indexOf.call(this.fileTypeList, ext) > -1) || undefined === ext;
+		},
+		_setFile: function(fileObj) {
+			var that = this;
+
+			var name = fileObj.name;
+			var size = fileObj.size;
+
+			var valid = true;
+
+			// 校验文件名
+			if (!this._validateFileType(name)) {
+				valid = false;
+				that.tip(this.t('to.import.tip.error.type'), 'to-red');
+				return;
+			}
+
+			if (valid && size > this.fileSize) {
+				valid = false;
+				that.tip(this.t('to.import.tip.error.size'), 'to-red');
+				return;
+			}
+
+			this.file = {name: name, size: size, valid: valid, fileObject: fileObj};
+		},
+		fileInputChange() {
+			let fileEl = this.$refs['fileInput'];
+			if (!fileEl.files.length) {
+				return;
+			}
+			let isAccept = true
+			for (let i = 0, size = fileEl.files.length; i < size; i++) {
+				// 判断文件类型
+				const fileObject = fileEl.files[i]
+				const nameArr = fileObject.name.split('.')
+				let fileType = nameArr[nameArr.length - 1]
+				if (this.accept && this.accept.indexOf(fileType) === -1) {
+					isAccept = false
+					break // 一旦有不匹配，则结束整个循环
+				}
+			}
+
+			if (!isAccept) {
+				this.$tip.warning(this.t('to.upload.tip.error.format', this.accept))
+				return
+			}
+
+			this.handleImportFileSelect([fileEl.files[0]]);
+		},
+		handleImportFileSelect(fileObj) {
+			if (!fileObj[0]) return
+
+			this._setFile(fileObj[0]);
+			this.importFileName = fileObj[0].name
+			this.handleImportStart(fileObj[0])
+		},
+		handleImportStart(file) {
+			if (this.beforeStart) {
+				const fn = this.beforeStart(file)
+				// 异步
+				if (fn && fn.then) {
+					fn.then(flag => {
+						this.importAction()
+					})
+				} else {
+					// 是同步方法，则返回为 true 执行
+					if (fn) {
+						this.importAction()
+					}
+				}
+			} else {
+				this.importAction()
+			}
+		},
+		importAction() {
+			if (!this.file) {return}
+
+			this.$emit('start')
+			this.setReadOnly(false)
+			this.setTipMessage('')
+			this.progress = 0;
+
+			this.transfer.file = this.file;
+			this.transfer.send();
+			this.importing = true
+		},
+		_transferStart(file) {
+			if (!file.guid) return;
+			this.progress = 0
+			this.setReadOnly(true)
+			this.setTipMessage(this.t('to.import.tip.submit', file.name), '');
+		},
+		_transferSuccess(data, status, file) {
+			if (!file) return;
+			this.$refs['upForm'].reset()
+			this.progress = 100
+
+			// 调用onSuccess
+			this.$emit('success', data, status, file)
+		},
+		_transferError(data, status, file) {
+			if (!file) return;
+
+			// 调用onError
+			this.$emit('error', data, status, file)
+		},
+		_transferProgress(loaded, total, file) {
+			if (!file.guid) return;
+			let percent = loaded > 0 && total > 0 ? Math.round(loaded / total * 100) : 0;
+			this.progress = percent
+
+			// 调用onProgress
+			this.$emit('progress', loaded, total, file)
+		},
+		setDisabled(f) {
+			this.disabled = f
+		}
+	}
+}
+</script>

package/packages/input/index.js

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