cy-element-ui 1.0.4 → 1.0.5

package/packages/treeSelect/index.js

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

package/packages/{treeselect → treeSelect}/src/main.vue

@@ -1,12 +1,12 @@
 <template>
-	<div class="cy-treeselect">
+	<div class="cy-tree-select">
 		<el-popover v-model="popoverOpen" placement="bottom-start" width="300" trigger="click" :popper-class="popperClass" @show="popoverOpen = true" @hide="popoverOpen = false">
-			<div class="cy-treeselect-select-con">
-				<div v-if="showCheckStrictly" class="cy-treeselect-select-con-t">
+			<div class="cy-tree-select-select-con">
+				<div v-if="showCheckStrictly" class="cy-tree-select-select-con-t">
 					<el-checkbox v-model="isCheckStrictly">父子节点联动</el-checkbox>
 				</div>
 				
-				<div class="cy-treeselect-select-con-c">
+				<div class="cy-tree-select-select-con-c">
 					<el-tree
 						ref="tree"
 						:data="treeOptions"
@@ -22,15 +22,15 @@
 				</div>
 			</div>
 			
-			<div slot="reference" class="cy-treeselect-select" :class="size" :style="vStyle">
-				<div class="cy-treeselect-select-v">
-					<span v-if="checkedArr.length < 1" class="cy-treeselect-select-v-placeholder">{{ placeholder }}</span>
+			<div slot="reference" class="cy-tree-select-select" :class="size" :style="vStyle">
+				<div class="cy-tree-select-select-v">
+					<span v-if="checkedArr.length < 1" class="cy-tree-select-select-v-placeholder">{{ placeholder }}</span>
 					<span v-else>{{ checkedArr.map(item => item[defaultOptions.label]).join() }}</span>
 				</div>
 				
-				<div class="cy-treeselect-select-v-icon" @mouseenter="isClearIcon = true" @mouseleave="isClearIcon = false">
+				<div class="cy-tree-select-select-v-icon" @mouseenter="isClearIcon = true" @mouseleave="isClearIcon = false">
 					<i v-if="isClearIcon && clearable" class="el-icon-circle-close" @click.stop="handleClear"></i>
-					<i v-else class="el-icon-arrow-down cy-treeselect-select-v-arrow" :class="{ 'cy-treeselect-select-v-arrow-show': popoverOpen }"></i>
+					<i v-else class="el-icon-arrow-down cy-tree-select-select-v-arrow" :class="{ 'cy-tree-select-select-v-arrow-show': popoverOpen }"></i>
 				</div>
 			</div>
 		</el-popover>
@@ -42,7 +42,7 @@ import ElCheckbox from 'element-ui/packages/checkbox';
 import ElPopover from 'element-ui/packages/popover';
 
 export default {
-	name: 'CyTreeselect',
+	name: 'CyTreeSelect',
 	mixins: [ElCheckbox, ElPopover],
 	model: {
 		prop: 'value',
@@ -105,7 +105,7 @@ export default {
 			}
 		},
 
-		// 树数据区域的样式
+		// 显示的文本框样式
 		vStyle: {
 			type: [Array, String, Object],
 			default: ''
@@ -194,8 +194,8 @@ export default {
 		},
 
 		/**
-		 * 树复选框点击
-		 */
+   * 树复选框点击
+   */
 		treeCheck(value, { checkedKeys, checkedNodes }) {
 			let arr = [];
 			arr = checkedNodes;
@@ -205,8 +205,8 @@ export default {
 		},
 
 		/**
-		 * 树节点点击
-		 */
+   * 树节点点击
+   */
 		treeClick(value, node, event) {
 			if (this.multiple) return;
 
@@ -215,16 +215,16 @@ export default {
 		},
 
 		/**
-		 * 清空
-		 */
+   * 清空
+   */
 		handleClear() {
 			this.$emit('change', this.multiple ? [] : '', this.multiple ? [] : null);
 			this.$refs.tree.setCheckedKeys([]);
 		},
 
 		/**
-		 * 部门树 格式化为 单例数组
-		 */
+   * 部门树 格式化为 单例数组
+   */
 		turnFormatTreeData(arr, data, pId) {
 			data.forEach(item => {
 				let cItem = JSON.parse(JSON.stringify(item));

package/packages/upload/src/ajax.js

@@ -1,11 +1,11 @@
 function getError(action, option, xhr) {
 	let msg;
 	if (xhr.response) {
-		msg = `${xhr.response.error || xhr.response}`;
+		msg = `${ xhr.response.error || xhr.response }`;
 	} else if (xhr.responseText) {
-		msg = `${xhr.responseText}`;
+		msg = `${ xhr.responseText }`;
 	} else {
-		msg = `fail to post ${action} ${xhr.status}`;
+		msg = `fail to post ${ action } ${ xhr.status }`;
 	}
 
 	const err = new Error(msg);

package/packages/upload/src/upload-dragger.vue

@@ -12,59 +12,59 @@
 	</div>
 </template>
 <script>
-	export default {
-		name: 'ElUploadDrag',
-		props: {
-			disabled: Boolean
-		},
-		inject: {
-			uploader: {
-				default: ''
+export default {
+	name: 'ElUploadDrag',
+	props: {
+		disabled: Boolean
+	},
+	inject: {
+		uploader: {
+			default: ''
+		}
+	},
+	data() {
+		return {
+			dragover: false
+		};
+	},
+	methods: {
+		onDragover() {
+			if (!this.disabled) {
+				this.dragover = true;
 			}
 		},
-		data() {
-			return {
-				dragover: false
-			};
-		},
-		methods: {
-			onDragover() {
-				if (!this.disabled) {
-					this.dragover = true;
-				}
-			},
-			onDrop(e) {
-				if (this.disabled || !this.uploader) return;
-				const accept = this.uploader.accept;
-				this.dragover = false;
-				if (!accept) {
-					this.$emit('file', e.dataTransfer.files);
-					return;
-				}
-				this.$emit('file', [].slice.call(e.dataTransfer.files).filter(file => {
-					const { type, name } = file;
-					const extension = name.indexOf('.') > -1
-						? `.${ name.split('.').pop() }`
-						: '';
-					const baseType = type.replace(/\/.*$/, '');
-					return accept.split(',')
-						.map(type => type.trim())
-						.filter(type => type)
-						.some(acceptedType => {
-							if (/\..+$/.test(acceptedType)) {
-								return extension === acceptedType;
-							}
-							if (/\/\*$/.test(acceptedType)) {
-								return baseType === acceptedType.replace(/\/\*$/, '');
-							}
-							if (/^[^\/]+\/[^\/]+$/.test(acceptedType)) {
-								return type === acceptedType;
-							}
-							return false;
-						});
-				}));
+		onDrop(e) {
+			if (this.disabled || !this.uploader) return;
+			const accept = this.uploader.accept;
+			this.dragover = false;
+			if (!accept) {
+				this.$emit('file', e.dataTransfer.files);
+				return;
 			}
+			this.$emit('file', [].slice.call(e.dataTransfer.files).filter(file => {
+				const { type, name } = file;
+				const extension = name.indexOf('.') > -1
+					? `.${ name.split('.').pop() }`
+					: '';
+				const baseType = type.replace(/\/.*$/, '');
+				return accept.split(',')
+					.map(type => type.trim())
+					.filter(type => type)
+					.some(acceptedType => {
+						if (/\..+$/.test(acceptedType)) {
+							return extension === acceptedType;
+						}
+						if (/\/\*$/.test(acceptedType)) {
+							return baseType === acceptedType.replace(/\/\*$/, '');
+						}
+						if (/^[^\/]+\/[^\/]+$/.test(acceptedType)) {
+							return type === acceptedType;
+						}
+						return false;
+					});
+			}));
 		}
-	};
+	}
+};
 </script>
 

package/packages/upload/src/upload-list.vue

@@ -25,7 +25,7 @@
 					:src="file.url" alt=""
 				>
 				<a class="el-upload-list__item-name" @click="handleClick(file)">
-					<i class="el-icon-document"></i>{{file.name}}
+					<i class="el-icon-document"></i>{{ file.name }}
 				</a>
 				<label class="el-upload-list__item-status-label">
 					<i :class="{
@@ -63,43 +63,43 @@
 	</transition-group>
 </template>
 <script>
-	import Locale from 'element-ui/src/mixins/locale';
-	import ElProgress from 'element-ui/packages/progress';
+import Locale from 'element-ui/src/mixins/locale';
+import ElProgress from 'element-ui/packages/progress';
 
-	export default {
+export default {
 
-		name: 'ElUploadList',
+	name: 'ElUploadList',
 
-		mixins: [Locale],
+	mixins: [Locale],
 
-		data() {
-			return {
-				focusing: false
-			};
-		},
-		components: { ElProgress },
+	data() {
+		return {
+			focusing: false
+		};
+	},
+	components: { ElProgress },
 
-		props: {
-			files: {
-				type: Array,
-				default() {
-					return [];
-				}
-			},
-			disabled: {
-				type: Boolean,
-				default: false
-			},
-			handlePreview: Function,
-			listType: String
-		},
-		methods: {
-			parsePercentage(val) {
-				return parseInt(val, 10);
-			},
-			handleClick(file) {
-				this.handlePreview && this.handlePreview(file);
+	props: {
+		files: {
+			type: Array,
+			default() {
+				return [];
 			}
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		handlePreview: Function,
+		listType: String
+	},
+	methods: {
+		parsePercentage(val) {
+			return parseInt(val, 10);
+		},
+		handleClick(file) {
+			this.handlePreview && this.handlePreview(file);
 		}
-	};
+	}
+};
 </script>

package/packages/upload/src/upload.vue

@@ -195,7 +195,7 @@ export default {
 				keydown: handleKeydown
 			}
 		};
-		data.class[`el-upload--${listType}`] = true;
+		data.class[`el-upload--${ listType }`] = true;
 		return (
 			<div {...data} tabindex="0" >
 				{

package/src/index.js

@@ -89,7 +89,10 @@ import Empty from '../packages/empty/index.js';
 import Descriptions from '../packages/descriptions/index.js';
 import DescriptionsItem from '../packages/descriptions-item/index.js';
 import Result from '../packages/result/index.js';
-import Treeselect from '../packages/treeselect/index.js';
+import TreeSelect from '../packages/treeSelect/index.js';
+import SubTitle from '../packages/subTitle/index.js';
+import TabDialog from '../packages/tabDialog/index.js';
+import FileUpload from '../packages/fileUpload/index.js';
 import locale from 'element-ui/src/locale';
 import CollapseTransition from 'element-ui/src/transitions/collapse-transition';
 
@@ -178,7 +181,9 @@ const components = [
 	Descriptions,
 	DescriptionsItem,
 	Result,
-	Treeselect,
+	TreeSelect,
+	SubTitle,
+	FileUpload,
 	CollapseTransition
 ];
 
@@ -192,6 +197,7 @@ const install = function(Vue, opts = {}) {
 
 	Vue.use(InfiniteScroll);
 	Vue.use(Loading.directive);
+	Vue.use(TabDialog);
 
 	Vue.prototype.$ELEMENT = {
 		size: opts.size || '',
@@ -205,7 +211,6 @@ const install = function(Vue, opts = {}) {
 	Vue.prototype.$prompt = MessageBox.prompt;
 	Vue.prototype.$notify = Notification;
 	Vue.prototype.$message = Message;
-
 };
 
 /* istanbul ignore if */
@@ -214,7 +219,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-	version: '1.0.3',
+	version: '1.0.4',
 	locale: locale.use,
 	i18n: locale.i18n,
 	install,
@@ -308,5 +313,8 @@ export default {
 	Descriptions,
 	DescriptionsItem,
 	Result,
-	Treeselect
+	TreeSelect,
+	SubTitle,
+	TabDialog,
+	FileUpload
 };

package/src/locale/format.js

@@ -7,7 +7,6 @@ const RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
  *    https://github.com/Matt-Esch/string-template/index.js
  */
 export default function(Vue) {
-
 	/**
    * template
    *

package/src/mixins/migrating.js

@@ -32,14 +32,14 @@ export default {
 		for (let propName in definedProps) {
 			propName = kebabCase(propName); // compatible with camel case
 			if (props[propName]) {
-				console.warn(`[Element Migrating][${this.$options.name}][Attribute]: ${props[propName]}`);
+				console.warn(`[Element Migrating][${ this.$options.name }][Attribute]: ${ props[propName] }`);
 			}
 		}
 
 		for (let eventName in definedEvents) {
 			eventName = kebabCase(eventName); // compatible with camel case
 			if (events[eventName]) {
-				console.warn(`[Element Migrating][${this.$options.name}][Event]: ${events[eventName]}`);
+				console.warn(`[Element Migrating][${ this.$options.name }][Event]: ${ events[eventName] }`);
 			}
 		}
 	},