cy-element-ui 1.0.28 → 1.0.30

package/lib/upload.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 59);
+/******/ 	return __webpack_require__(__webpack_require__.s = 62);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -213,15 +213,22 @@ module.exports = require("element-ui/lib/progress");
 
 /***/ }),
 
-/***/ 59:
+/***/ 6:
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/mixins/locale");
+
+/***/ }),
+
+/***/ 62:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-list.vue?vue&type=template&id=6cdb7e64
-var upload_listvue_type_template_id_6cdb7e64_render = function () {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-list.vue?vue&type=template&id=f52834b0
+var upload_listvue_type_template_id_f52834b0_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -378,10 +385,10 @@ var upload_listvue_type_template_id_6cdb7e64_render = function () {
   )
 }
 var staticRenderFns = []
-upload_listvue_type_template_id_6cdb7e64_render._withStripped = true
+upload_listvue_type_template_id_f52834b0_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/upload/src/upload-list.vue?vue&type=template&id=6cdb7e64
+// CONCATENATED MODULE: ./packages/upload/src/upload-list.vue?vue&type=template&id=f52834b0
 
 // EXTERNAL MODULE: external "element-ui/lib/mixins/locale"
 var locale_ = __webpack_require__(6);
@@ -512,7 +519,7 @@ var componentNormalizer = __webpack_require__(0);
 
 var component = Object(componentNormalizer["a" /* default */])(
   src_upload_listvue_type_script_lang_js,
-  upload_listvue_type_template_id_6cdb7e64_render,
+  upload_listvue_type_template_id_f52834b0_render,
   staticRenderFns,
   false,
   null,
@@ -1378,13 +1385,6 @@ src.install = function (Vue) {
 
 /* harmony default export */ var packages_upload = __webpack_exports__["default"] = (src);
 
-/***/ }),
-
-/***/ 6:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/mixins/locale");
-
 /***/ })
 
 /******/ });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cy-element-ui",
-	"version": "1.0.28",
+	"version": "1.0.30",
 	"description": "基于ElementUI开发的组件",
 	"main": "lib/element-ui.common.js",
 	"files": [
@@ -79,6 +79,7 @@
 	"devDependencies": {
 		"@vue/component-compiler-utils": "^3.2.0",
 		"algoliasearch": "^3.24.5",
+		"axios": "^1.11.0",
 		"babel-cli": "^6.26.0",
 		"babel-core": "^6.26.3",
 		"babel-loader": "^7.1.5",
@@ -103,6 +104,7 @@
 		"eslint-loader": "^2.0.0",
 		"eslint-plugin-html": "^4.0.1",
 		"eslint-plugin-json": "^1.2.0",
+		"eslint-plugin-vue": "^5.2.3",
 		"file-loader": "^1.1.11",
 		"file-save": "^0.2.0",
 		"gulp": "^4.0.0",
@@ -111,6 +113,8 @@
 		"gulp-sass": "^4.0.2",
 		"highlight.js": "^9.3.0",
 		"html-webpack-plugin": "^3.2.0",
+		"js-base64": "^3.7.7",
+		"js-cookie": "^3.0.5",
 		"json-loader": "^0.5.7",
 		"json-templater": "^1.0.4",
 		"karma": "^4.0.1",

package/packages/alert/src/main.vue

@@ -13,7 +13,7 @@
 				</span>
 				<p class="el-alert__description" v-if="$slots.default && !description"><slot></slot></p>
 				<p class="el-alert__description" v-if="description && !$slots.default">{{ description }}</p>
-				<i class="el-alert__closebtn" :class="{ 'is-customed': closeText !== '', 'el-icon-close': closeText === '' }" v-show="closable" @click="close()">{{closeText}}</i>
+				<i class="el-alert__closebtn" :class="{ 'is-customed': closeText !== '', 'el-icon-close': closeText === '' }" v-show="closable" @click="close()">{{ closeText }}</i>
 			</div>
 		</div>
 	</transition>

package/packages/autocomplete/src/autocomplete.vue

@@ -149,7 +149,7 @@
 				return (isValidData || this.loading) && this.activated;
 			},
 			id() {
-				return `el-autocomplete-${generateId()}`;
+				return `el-autocomplete-${ generateId() }`;
 			}
 		},
 		watch: {
@@ -261,7 +261,7 @@
 				}
 				this.highlightedIndex = index;
 				let $input = this.getInput();
-				$input.setAttribute('aria-activedescendant', `${this.id}-item-${this.highlightedIndex}`);
+				$input.setAttribute('aria-activedescendant', `${ this.id }-item-${ this.highlightedIndex }`);
 			},
 			getInput() {
 				return this.$refs.input.getInput();
@@ -276,7 +276,7 @@
 			$input.setAttribute('role', 'textbox');
 			$input.setAttribute('aria-autocomplete', 'list');
 			$input.setAttribute('aria-controls', 'id');
-			$input.setAttribute('aria-activedescendant', `${this.id}-item-${this.highlightedIndex}`);
+			$input.setAttribute('aria-activedescendant', `${ this.id }-item-${ this.highlightedIndex }`);
 		},
 		beforeDestroy() {
 			this.$refs.suggestions.$destroy();

package/packages/avatar/src/main.vue

@@ -42,7 +42,7 @@ export default {
 			let classList = ['el-avatar'];
 
 			if (size && typeof size === 'string') {
-				classList.push(`el-avatar--${size}`);
+				classList.push(`el-avatar--${ size }`);
 			}
 
 			if (icon) {
@@ -50,7 +50,7 @@ export default {
 			}
 
 			if (shape) {
-				classList.push(`el-avatar--${shape}`);
+				classList.push(`el-avatar--${ shape }`);
 			}
 
 			return classList.join(' ');
@@ -89,9 +89,9 @@ export default {
 		const { avatarClass, size } = this;
 
 		const sizeStyle = typeof size === 'number' ? {
-			height: `${size}px`,
-			width: `${size}px`,
-			lineHeight: `${size}px`
+			height: `${ size }px`,
+			width: `${ size }px`,
+			lineHeight: `${ size }px`
 		} : {};
 
 		return (

package/packages/backtop/src/main.vue

@@ -52,10 +52,10 @@ export default {
 
 	computed: {
 		styleBottom() {
-			return `${this.bottom}px`;
+			return `${ this.bottom }px`;
 		},
 		styleRight() {
-			return `${this.right}px`;
+			return `${ this.right }px`;
 		}
 	},
 
@@ -72,7 +72,7 @@ export default {
 			if (this.target) {
 				this.el = document.querySelector(this.target);
 				if (!this.el) {
-					throw new Error(`target is not existed: ${this.target}`);
+					throw new Error(`target is not existed: ${ this.target }`);
 				}
 				this.container = this.el;
 			}

package/packages/badge/src/main.vue

@@ -43,7 +43,7 @@ export default {
 			const max = this.max;
 
 			if (typeof value === 'number' && typeof max === 'number') {
-				return max < value ? `${max}+` : value;
+				return max < value ? `${ max }+` : value;
 			}
 
 			return value;

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

@@ -7,7 +7,7 @@
 			<slot></slot>
 		</span>
 		<i v-if="separatorClass" class="el-breadcrumb__separator" :class="separatorClass"></i>
-		<span v-else class="el-breadcrumb__separator" role="presentation">{{separator}}</span>
+		<span v-else class="el-breadcrumb__separator" role="presentation">{{ separator }}</span>
 	</span>
 </template>
 <script>

package/packages/calendar/src/date-table.vue

@@ -38,8 +38,8 @@ export default {
 			} else if (type === 'next') {
 				prefix = this.nextMonthDatePrefix;
 			}
-			day = `00${day}`.slice(-2);
-			return `${prefix}-${day}`;
+			day = `00${ day }`.slice(-2);
+			return `${ prefix }-${ day }`;
 		},
 
 		getCellClass({ text, type }) {
@@ -69,7 +69,7 @@ export default {
 			const date = new Date(day);
 			const data = {
 				isSelected: this.selectedDay === day,
-				type: `${type}-month`,
+				type: `${ type }-month`,
 				day
 			};
 			return render({ date, data });

package/packages/calendar/src/main.vue

@@ -113,13 +113,13 @@ export default {
 
 		selectDate(type) {
 			if (validTypes.indexOf(type) === -1) {
-				throw new Error(`invalid type ${type}`);
+				throw new Error(`invalid type ${ type }`);
 			}
 			let day = '';
 			if (type === 'prev-month') {
-				day = `${this.prevMonthDatePrefix}-01`;
+				day = `${ this.prevMonthDatePrefix }-01`;
 			} else if (type === 'next-month') {
-				day = `${this.nextMonthDatePrefix}-01`;
+				day = `${ this.nextMonthDatePrefix }-01`;
 			} else {
 				day = this.formatedToday;
 			}
@@ -138,7 +138,7 @@ export default {
 		rangeValidator(date, isStart) {
 			const firstDayOfWeek = this.realFirstDayOfWeek;
 			const expected = isStart ? firstDayOfWeek : (firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1);
-			const message = `${isStart ? 'start' : 'end'} of range should be ${weekDays[expected]}.`;
+			const message = `${ isStart ? 'start' : 'end' } of range should be ${ weekDays[expected] }.`;
 			if (date.getDay() !== expected) {
 				console.warn('[ElementCalendar]', message, 'Invalid range will be ignored.');
 				return false;
@@ -170,7 +170,7 @@ export default {
 		i18nDate() {
 			const year = this.date.getFullYear();
 			const month = this.date.getMonth() + 1;
-			return `${year} ${this.t('el.datepicker.year')} ${this.t('el.datepicker.month' + month)}`;
+			return `${ year } ${ this.t('el.datepicker.year') } ${ this.t('el.datepicker.month' + month) }`;
 		},
 
 		formatedToday() {

package/packages/carousel/src/item.vue

@@ -119,7 +119,7 @@
 
 			itemStyle() {
 				const translateType = this.parentDirection === 'vertical' ? 'translateY' : 'translateX';
-				const value = `${translateType}(${ this.translate }px) scale(${ this.scale })`;
+				const value = `${ translateType }(${ this.translate }px) scale(${ this.scale })`;
 				const style = {
 					transform: value
 				};

package/packages/cascader/src/cascader.vue

@@ -224,7 +224,7 @@ export default {
 		},
 		beforeFilter: {
 			type: Function,
-			default: () => (() => {})
+			default: () => () => {}
 		},
 		popperClass: String
 	},
@@ -528,7 +528,7 @@ export default {
 					if (collapseTags) {
 						tags.push({
 							key: -1,
-							text: `+ ${restCount}`,
+							text: `+ ${ restCount }`,
 							closable: false
 						});
 					} else {

package/packages/cascader-panel/src/cascader-menu.vue

@@ -37,7 +37,7 @@ export default {
 			return !this.nodes.length;
 		},
 		menuId() {
-			return `cascader-menu-${this.id}-${this.index}`;
+			return `cascader-menu-${ this.id }-${ this.index }`;
 		}
 	},
 
@@ -61,8 +61,8 @@ export default {
 				const bottom = top + activeNode.offsetHeight;
 
 				hoverZone.innerHTML = `
-					<path style="pointer-events: auto;" fill="transparent" d="M${startX} ${top} L${offsetWidth} 0 V${top} Z" />
-					<path style="pointer-events: auto;" fill="transparent" d="M${startX} ${bottom} L${offsetWidth} ${offsetHeight} V${bottom} Z" />
+					<path style="pointer-events: auto;" fill="transparent" d="M${ startX } ${ top } L${ offsetWidth } 0 V${ top } Z" />
+					<path style="pointer-events: auto;" fill="transparent" d="M${ startX } ${ bottom } L${ offsetWidth } ${ offsetHeight } V${ bottom } Z" />
 				`;
 			} else if (!hoverTimer) {
 				this.hoverTimer = setTimeout(this.clearHoverZone, this.panel.config.hoverThreshold);
@@ -94,7 +94,7 @@ export default {
 					<cascader-node
 						key={ node.uid }
 						node={ node }
-						node-id={ `${menuId}-${index}` }
+						node-id={ `${ menuId }-${ index }` }
 						aria-haspopup={ hasChildren }
 						aria-owns = { hasChildren ? menuId : null }
 						{ ...events }></cascader-node>

package/packages/cascader-panel/src/node.js

@@ -3,8 +3,7 @@ import { isDef } from 'element-ui/src/utils/shared';
 
 let uid = 0;
 
-export default class Node {
-
+export default class Node {
 	constructor(data, config, parentNode) {
 		this.data = data;
 		this.config = config;
@@ -97,7 +96,7 @@ export default class Node {
 	}
 
 	broadcast(event, ...args) {
-		const handlerName = `onParent${capitalize(event)}`;
+		const handlerName = `onParent${ capitalize(event) }`;
 
 		this.children.forEach(child => {
 			if (child) {
@@ -110,7 +109,7 @@ export default class Node {
 
 	emit(event, ...args) {
 		const { parent } = this;
-		const handlerName = `onChild${capitalize(event)}`;
+		const handlerName = `onChild${ capitalize(event) }`;
 		if (parent) {
 			parent[handlerName] && parent[handlerName](...args);
 			parent.emit(event, ...args);

package/packages/cascader-panel/src/store.js

@@ -13,8 +13,7 @@ const flatNodes = (data, leafOnly) => {
 	}, []);
 };
 
-export default class Store {
-
+export default class Store {
 	constructor(data, config) {
 		this.config = config;
 		this.initNodes(data);

package/packages/checkbox/src/checkbox-button.vue

@@ -1,16 +1,16 @@
 <template>
 	<label
 		class="el-checkbox-button"
-			:class="[
-				size ? 'el-checkbox-button--' + size : '',
-				{ 'is-disabled': isDisabled },
-				{ 'is-checked': isChecked },
-				{ 'is-focus': focus },
-			]"
+		:class="[
+			size ? 'el-checkbox-button--' + size : '',
+			{ 'is-disabled': isDisabled },
+			{ 'is-checked': isChecked },
+			{ 'is-focus': focus },
+		]"
 		role="checkbox"
 		:aria-checked="isChecked"
 		:aria-disabled="isDisabled"
-		>
+	>
 		<input
 			v-if="trueLabel || falseLabel"
 			class="el-checkbox-button__original"
@@ -38,7 +38,7 @@
 		<span class="el-checkbox-button__inner"
 			v-if="$slots.default || label"
 			:style="isChecked ? activeStyle : null">
-			<slot>{{label}}</slot>
+			<slot>{{ label }}</slot>
 		</span>
 
 	</label>

package/packages/checkbox/src/checkbox.vue

@@ -49,7 +49,7 @@
 		</span>
 		<span class="el-checkbox__label" v-if="$slots.default || label">
 			<slot></slot>
-			<template v-if="!$slots.default">{{label}}</template>
+			<template v-if="!$slots.default">{{ label }}</template>
 		</span>
 	</label>
 </template>

package/packages/col/src/col.js

@@ -42,22 +42,22 @@ export default {
 			if (this[prop] || this[prop] === 0) {
 				classList.push(
 					prop !== 'span'
-						? `el-col-${prop}-${this[prop]}`
-						: `el-col-${this[prop]}`
+						? `el-col-${ prop }-${ this[prop] }`
+						: `el-col-${ this[prop] }`
 				);
 			}
 		});
 
 		['xs', 'sm', 'md', 'lg', 'xl'].forEach(size => {
 			if (typeof this[size] === 'number') {
-				classList.push(`el-col-${size}-${this[size]}`);
+				classList.push(`el-col-${ size }-${ this[size] }`);
 			} else if (typeof this[size] === 'object') {
 				let props = this[size];
 				Object.keys(props).forEach(prop => {
 					classList.push(
 						prop !== 'span'
-							? `el-col-${size}-${prop}-${props[prop]}`
-							: `el-col-${size}-${props[prop]}`
+							? `el-col-${ size }-${ prop }-${ props[prop] }`
+							: `el-col-${ size }-${ props[prop] }`
 					);
 				});
 			}

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

@@ -21,7 +21,7 @@
 				@focus="handleFocus"
 				@blur="focusing = false"
 			>
-				<slot name="title">{{title}}</slot>
+				<slot name="title">{{ title }}</slot>
 				<i
 					class="el-collapse-item__arrow el-icon-arrow-right"
 					:class="{'is-active': isActive}">

package/packages/color-picker/src/color.js

@@ -287,14 +287,14 @@ export default class Color {
 			switch (format) {
 				case 'hsl':
 					const hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
-					this.value = `hsla(${ _hue }, ${ Math.round(hsl[1] * 100) }%, ${ Math.round(hsl[2] * 100) }%, ${ _alpha / 100})`;
+					this.value = `hsla(${ _hue }, ${ Math.round(hsl[1] * 100) }%, ${ Math.round(hsl[2] * 100) }%, ${ _alpha / 100 })`;
 					break;
 				case 'hsv':
-					this.value = `hsva(${ _hue }, ${ Math.round(_saturation) }%, ${ Math.round(_value) }%, ${ _alpha / 100})`;
+					this.value = `hsva(${ _hue }, ${ Math.round(_saturation) }%, ${ Math.round(_value) }%, ${ _alpha / 100 })`;
 					break;
 				default:
 					const { r, g, b } = hsv2rgb(_hue, _saturation, _value);
-					this.value = `rgba(${r}, ${g}, ${b}, ${ _alpha / 100 })`;
+					this.value = `rgba(${ r }, ${ g }, ${ b }, ${ _alpha / 100 })`;
 			}
 		} else {
 			switch (format) {
@@ -307,7 +307,7 @@ export default class Color {
 					break;
 				case 'rgb':
 					const { r, g, b } = hsv2rgb(_hue, _saturation, _value);
-					this.value = `rgb(${r}, ${g}, ${b})`;
+					this.value = `rgb(${ r }, ${ g }, ${ b })`;
 					break;
 				default:
 					this.value = toHex(hsv2rgb(_hue, _saturation, _value));

package/packages/color-picker/src/components/alpha-slider.vue

@@ -1,18 +1,18 @@
 <template>
 	<div class="el-color-alpha-slider" :class="{ 'is-vertical': vertical }">
 		<div class="el-color-alpha-slider__bar"
-				 @click="handleClick"
-				 ref="bar"
-				 :style="{
-					 background: background
-				 }">
+			@click="handleClick"
+			ref="bar"
+			:style="{
+				background: background
+			}">
 		</div>
 		<div class="el-color-alpha-slider__thumb"
-				 ref="thumb"
-				 :style="{
-					 left: thumbLeft + 'px',
-					 top: thumbTop + 'px'
-				 }">
+			ref="thumb"
+			:style="{
+				left: thumbLeft + 'px',
+				top: thumbTop + 'px'
+			}">
 		</div>
 	</div>
 </template>
@@ -21,7 +21,7 @@
 	import draggable from '../draggable';
 
 	export default {
-		name: 'el-color-alpha-slider',
+		name: 'ElColorAlphaSlider',
 
 		props: {
 			color: {
@@ -92,7 +92,7 @@
 			getBackground() {
 				if (this.color && this.color.value) {
 					const { r, g, b } = this.color.toRgb();
-					return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0) 0%, rgba(${r}, ${g}, ${b}, 1) 100%)`;
+					return `linear-gradient(to right, rgba(${ r }, ${ g }, ${ b }, 0) 0%, rgba(${ r }, ${ g }, ${ b }, 1) 100%)`;
 				}
 				return null;
 			},

package/packages/color-picker/src/components/hue-slider.vue

@@ -2,11 +2,11 @@
 	<div class="el-color-hue-slider" :class="{ 'is-vertical': vertical }">
 		<div class="el-color-hue-slider__bar" @click="handleClick" ref="bar"></div>
 		<div class="el-color-hue-slider__thumb"
-				 :style="{
-					 left: thumbLeft + 'px',
-					 top: thumbTop + 'px'
-				 }"
-				 ref="thumb">
+			:style="{
+				left: thumbLeft + 'px',
+				top: thumbTop + 'px'
+			}"
+			ref="thumb">
 		</div>
 	</div>
 </template>
@@ -15,7 +15,7 @@
 	import draggable from '../draggable';
 
 	export default {
-		name: 'el-color-hue-slider',
+		name: 'ElColorHueSlider',
 
 		props: {
 			color: {

package/packages/color-picker/src/components/picker-dropdown.vue

@@ -49,7 +49,7 @@
 	import ElButton from 'element-ui/packages/button';
 
 	export default {
-		name: 'el-color-picker-dropdown',
+		name: 'ElColorPickerDropdown',
 
 		mixins: [Popper, Locale],
 

package/packages/color-picker/src/components/predefine.vue

@@ -2,10 +2,10 @@
 	<div class="el-color-predefine">
 		<div class="el-color-predefine__colors">
 			<div class="el-color-predefine__color-selector"
-					 :class="{selected: item.selected, 'is-alpha': item._alpha < 100}"
-					 v-for="(item, index) in rgbaColors"
-					 :key="colors[index]"
-					 @click="handleSelect(index)">
+				:class="{selected: item.selected, 'is-alpha': item._alpha < 100}"
+				v-for="(item, index) in rgbaColors"
+				:key="colors[index]"
+				@click="handleSelect(index)">
 				<div :style="{'background-color': item.value}">
 				</div>
 			</div>

package/packages/color-picker/src/components/sv-panel.vue

@@ -1,8 +1,8 @@
 <template>
 	<div class="el-color-svpanel"
-			:style="{
-				backgroundColor: background
-			}">
+		:style="{
+			backgroundColor: background
+		}">
 		<div class="el-color-svpanel__white"></div>
 		<div class="el-color-svpanel__black"></div>
 		<div class="el-color-svpanel__cursor"
@@ -19,7 +19,7 @@
 	import draggable from '../draggable';
 
 	export default {
-		name: 'el-sl-panel',
+		name: 'ElSlPanel',
 
 		props: {
 			color: {

package/packages/color-picker/src/main.vue

@@ -18,14 +18,14 @@
 			<span class="el-color-picker__icon el-icon-arrow-down" v-show="value || showPanelColor"></span>
 		</div>
 		<picker-dropdown
-			 ref="dropdown"
-			 :class="['el-color-picker__panel', popperClass || '']"
-			 v-model="showPicker"
-			 @pick="confirmValue"
-			 @clear="clearValue"
-			 :color="color"
-			 :show-alpha="showAlpha"
-			 :predefine="predefine">
+			ref="dropdown"
+			:class="['el-color-picker__panel', popperClass || '']"
+			v-model="showPicker"
+			@pick="confirmValue"
+			@clear="clearValue"
+			:color="color"
+			:show-alpha="showAlpha"
+			:predefine="predefine">
 		</picker-dropdown>
 	</div>
 </template>