cy-element-ui 1.1.13 → 1.1.15

package/lib/utils/vue-popper.js

@@ -12,7 +12,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var PopperJS = _vue2.default.prototype.$isServer ? function () {} : require('./popper');
 var stop = function stop(e) {
-  return e.stopPropagation();
+	return e.stopPropagation();
 };
 
 /**
@@ -24,179 +24,179 @@ var stop = function stop(e) {
  * @param {Boolean} [visible-arrow=false] Visibility of the arrow, no style.
  */
 exports.default = {
-  props: {
-    transformOrigin: {
-      type: [Boolean, String],
-      default: true
-    },
-    placement: {
-      type: String,
-      default: 'bottom'
-    },
-    boundariesPadding: {
-      type: Number,
-      default: 5
-    },
-    reference: {},
-    popper: {},
-    offset: {
-      default: 0
-    },
-    value: Boolean,
-    visibleArrow: Boolean,
-    arrowOffset: {
-      type: Number,
-      default: 35
-    },
-    appendToBody: {
-      type: Boolean,
-      default: true
-    },
-    popperOptions: {
-      type: Object,
-      default: function _default() {
-        return {
-          gpuAcceleration: false
-        };
-      }
-    }
-  },
-
-  data: function data() {
-    return {
-      showPopper: false,
-      currentPlacement: ''
-    };
-  },
-
-
-  watch: {
-    value: {
-      immediate: true,
-      handler: function handler(val) {
-        this.showPopper = val;
-        this.$emit('input', val);
-      }
-    },
-
-    showPopper: function showPopper(val) {
-      if (this.disabled) return;
-      val ? this.updatePopper() : this.destroyPopper();
-      this.$emit('input', val);
-    }
-  },
-
-  methods: {
-    createPopper: function createPopper() {
-      var _this = this;
-
-      if (this.$isServer) return;
-      this.currentPlacement = this.currentPlacement || this.placement;
-      if (!/^(top|bottom|left|right)(-start|-end)?$/g.test(this.currentPlacement)) {
-        return;
-      }
-
-      var options = this.popperOptions;
-      var popper = this.popperElm = this.popperElm || this.popper || this.$refs.popper;
-      var reference = this.referenceElm = this.referenceElm || this.reference || this.$refs.reference;
-
-      if (!reference && this.$slots.reference && this.$slots.reference[0]) {
-        reference = this.referenceElm = this.$slots.reference[0].elm;
-      }
-
-      if (!popper || !reference) return;
-      if (this.visibleArrow) this.appendArrow(popper);
-      if (this.appendToBody) document.body.appendChild(this.popperElm);
-      if (this.popperJS && this.popperJS.destroy) {
-        this.popperJS.destroy();
-      }
-
-      options.placement = this.currentPlacement;
-      options.offset = this.offset;
-      options.arrowOffset = this.arrowOffset;
-      this.popperJS = new PopperJS(reference, popper, options);
-      this.popperJS.onCreate(function (_) {
-        _this.$emit('created', _this);
-        _this.resetTransformOrigin();
-        _this.$nextTick(_this.updatePopper);
-      });
-      if (typeof options.onUpdate === 'function') {
-        this.popperJS.onUpdate(options.onUpdate);
-      }
-      this.popperJS._popper.style.zIndex = _popup.PopupManager.nextZIndex();
-      this.popperElm.addEventListener('click', stop);
-    },
-    updatePopper: function updatePopper() {
-      var popperJS = this.popperJS;
-      if (popperJS) {
-        popperJS.update();
-        if (popperJS._popper) {
-          popperJS._popper.style.zIndex = _popup.PopupManager.nextZIndex();
-        }
-      } else {
-        this.createPopper();
-      }
-    },
-    doDestroy: function doDestroy(forceDestroy) {
-      /* istanbul ignore if */
-      if (!this.popperJS || this.showPopper && !forceDestroy) return;
-      this.popperJS.destroy();
-      this.popperJS = null;
-    },
-    destroyPopper: function destroyPopper() {
-      if (this.popperJS) {
-        this.resetTransformOrigin();
-      }
-    },
-    resetTransformOrigin: function resetTransformOrigin() {
-      if (!this.transformOrigin) return;
-      var placementMap = {
-        top: 'bottom',
-        bottom: 'top',
-        left: 'right',
-        right: 'left'
-      };
-      var placement = this.popperJS._popper.getAttribute('x-placement').split('-')[0];
-      var origin = placementMap[placement];
-      this.popperJS._popper.style.transformOrigin = typeof this.transformOrigin === 'string' ? this.transformOrigin : ['top', 'bottom'].indexOf(placement) > -1 ? 'center ' + origin : origin + ' center';
-    },
-    appendArrow: function appendArrow(element) {
-      var hash = void 0;
-      if (this.appended) {
-        return;
-      }
-
-      this.appended = true;
-
-      for (var item in element.attributes) {
-        if (/^_v-/.test(element.attributes[item].name)) {
-          hash = element.attributes[item].name;
-          break;
-        }
-      }
-
-      var arrow = document.createElement('div');
-
-      if (hash) {
-        arrow.setAttribute(hash, '');
-      }
-      arrow.setAttribute('x-arrow', '');
-      arrow.className = 'popper__arrow';
-      element.appendChild(arrow);
-    }
-  },
-
-  beforeDestroy: function beforeDestroy() {
-    this.doDestroy(true);
-    if (this.popperElm && this.popperElm.parentNode === document.body) {
-      this.popperElm.removeEventListener('click', stop);
-      document.body.removeChild(this.popperElm);
-    }
-  },
-
-
-  // call destroy in keep-alive mode
-  deactivated: function deactivated() {
-    this.$options.beforeDestroy[0].call(this);
-  }
+	props: {
+		transformOrigin: {
+			type: [Boolean, String],
+			default: true
+		},
+		placement: {
+			type: String,
+			default: 'bottom'
+		},
+		boundariesPadding: {
+			type: Number,
+			default: 5
+		},
+		reference: {},
+		popper: {},
+		offset: {
+			default: 0
+		},
+		value: Boolean,
+		visibleArrow: Boolean,
+		arrowOffset: {
+			type: Number,
+			default: 35
+		},
+		appendToBody: {
+			type: Boolean,
+			default: true
+		},
+		popperOptions: {
+			type: Object,
+			default: function _default() {
+				return {
+					gpuAcceleration: false
+				};
+			}
+		}
+	},
+
+	data: function data() {
+		return {
+			showPopper: false,
+			currentPlacement: ''
+		};
+	},
+
+
+	watch: {
+		value: {
+			immediate: true,
+			handler: function handler(val) {
+				this.showPopper = val;
+				this.$emit('input', val);
+			}
+		},
+
+		showPopper: function showPopper(val) {
+			if (this.disabled) return;
+			val ? this.updatePopper() : this.destroyPopper();
+			this.$emit('input', val);
+		}
+	},
+
+	methods: {
+		createPopper: function createPopper() {
+			var _this = this;
+
+			if (this.$isServer) return;
+			this.currentPlacement = this.currentPlacement || this.placement;
+			if (!/^(top|bottom|left|right)(-start|-end)?$/g.test(this.currentPlacement)) {
+				return;
+			}
+
+			var options = this.popperOptions;
+			var popper = this.popperElm = this.popperElm || this.popper || this.$refs.popper;
+			var reference = this.referenceElm = this.referenceElm || this.reference || this.$refs.reference;
+
+			if (!reference && this.$slots.reference && this.$slots.reference[0]) {
+				reference = this.referenceElm = this.$slots.reference[0].elm;
+			}
+
+			if (!popper || !reference) return;
+			if (this.visibleArrow) this.appendArrow(popper);
+			if (this.appendToBody) document.body.appendChild(this.popperElm);
+			if (this.popperJS && this.popperJS.destroy) {
+				this.popperJS.destroy();
+			}
+
+			options.placement = this.currentPlacement;
+			options.offset = this.offset;
+			options.arrowOffset = this.arrowOffset;
+			this.popperJS = new PopperJS(reference, popper, options);
+			this.popperJS.onCreate(function (_) {
+				_this.$emit('created', _this);
+				_this.resetTransformOrigin();
+				_this.$nextTick(_this.updatePopper);
+			});
+			if (typeof options.onUpdate === 'function') {
+				this.popperJS.onUpdate(options.onUpdate);
+			}
+			this.popperJS._popper.style.zIndex = _popup.PopupManager.nextZIndex();
+			this.popperElm.addEventListener('click', stop);
+		},
+		updatePopper: function updatePopper() {
+			var popperJS = this.popperJS;
+			if (popperJS) {
+				popperJS.update();
+				if (popperJS._popper) {
+					popperJS._popper.style.zIndex = _popup.PopupManager.nextZIndex();
+				}
+			} else {
+				this.createPopper();
+			}
+		},
+		doDestroy: function doDestroy(forceDestroy) {
+			/* istanbul ignore if */
+			if (!this.popperJS || this.showPopper && !forceDestroy) return;
+			this.popperJS.destroy();
+			this.popperJS = null;
+		},
+		destroyPopper: function destroyPopper() {
+			if (this.popperJS) {
+				this.resetTransformOrigin();
+			}
+		},
+		resetTransformOrigin: function resetTransformOrigin() {
+			if (!this.transformOrigin) return;
+			var placementMap = {
+				top: 'bottom',
+				bottom: 'top',
+				left: 'right',
+				right: 'left'
+			};
+			var placement = this.popperJS._popper.getAttribute('x-placement').split('-')[0];
+			var origin = placementMap[placement];
+			this.popperJS._popper.style.transformOrigin = typeof this.transformOrigin === 'string' ? this.transformOrigin : ['top', 'bottom'].indexOf(placement) > -1 ? 'center ' + origin : origin + ' center';
+		},
+		appendArrow: function appendArrow(element) {
+			var hash = void 0;
+			if (this.appended) {
+				return;
+			}
+
+			this.appended = true;
+
+			for (var item in element.attributes) {
+				if (/^_v-/.test(element.attributes[item].name)) {
+					hash = element.attributes[item].name;
+					break;
+				}
+			}
+
+			var arrow = document.createElement('div');
+
+			if (hash) {
+				arrow.setAttribute(hash, '');
+			}
+			arrow.setAttribute('x-arrow', '');
+			arrow.className = 'popper__arrow';
+			element.appendChild(arrow);
+		}
+	},
+
+	beforeDestroy: function beforeDestroy() {
+		this.doDestroy(true);
+		if (this.popperElm && this.popperElm.parentNode === document.body) {
+			this.popperElm.removeEventListener('click', stop);
+			document.body.removeChild(this.popperElm);
+		}
+	},
+
+
+	// call destroy in keep-alive mode
+	deactivated: function deactivated() {
+		this.$options.beforeDestroy[0].call(this);
+	}
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cy-element-ui",
-  "version": "1.1.13",
+  "version": "1.1.15",
   "description": "A Component Library for Vue.js.",
   "main": "lib/index.js",
   "files": [
@@ -23,9 +23,9 @@
     "dev:extension": "rimraf examples/extension/dist && cross-env NODE_ENV=development webpack --watch --config build/webpack.extension.js",
     "dev": "npm run build:file && npx cross-env NODE_ENV=development webpack-dev-server --config build/webpack.demo.js",
     "dev:play": "npm run build:file && cross-env NODE_ENV=development webpack-dev-server --config build/webpack.demo.js",
-    "dist": "npm run clean && npm run build:file && npm run lint && webpack --config build/webpack.conf.js && webpack --config build/webpack.common.js && webpack --config build/webpack.component.js && npm run build:utils && npm run build:umd && npm run build:theme",
+    "dist": "npm run clean && npm run build:file && node node_modules/eslint/bin/eslint.js examples/pages/**/*.vue --fix && npm run lint && webpack --config build/webpack.conf.js && webpack --config build/webpack.common.js && webpack --config build/webpack.component.js && npm run build:utils && npm run build:umd && npm run build:theme",
     "i18n": "node build/bin/i18n.js",
-    "lint": "eslint src/**/* test/**/* packages/**/* build/**/* --quiet",
+    "lint": "eslint src/**/* test/**/* packages/**/* build/**/* examples/pages/**/* examples/app.vue examples/route.config.js --quiet",
     "pub": "npm run bootstrap && sh build/git-release.sh && sh build/release.sh && node build/bin/gen-indices.js",
     "test": "npm run lint && npm run build:theme && cross-env CI_ENV=/dev/ BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
     "test:watch": "npm run build:theme && cross-env BABEL_ENV=test karma start test/unit/karma.conf.js"
@@ -95,11 +95,10 @@
     "cross-env": "^3.2.4",
     "css-loader": "^2.1.0",
     "es6-promise": "^4.0.5",
-    "eslint": "4.18.2",
-    "eslint-config-elemefe": "0.1.1",
+    "eslint": "^6.8.0",
     "eslint-loader": "^2.0.0",
-    "eslint-plugin-html": "^4.0.1",
-    "eslint-plugin-json": "^1.2.0",
+    "eslint-plugin-json": "^2.1.1",
+    "eslint-plugin-vue": "^6.2.2",
     "file-loader": "^1.1.11",
     "file-save": "^0.2.0",
     "gulp": "^4.0.0",
@@ -127,6 +126,7 @@
     "mocha": "^6.0.2",
     "optimize-css-assets-webpack-plugin": "^5.0.1",
     "postcss": "^7.0.14",
+    "postcss-scss": "^4.0.9",
     "progress-bar-webpack-plugin": "^1.1.0",
     "rimraf": "^2.5.4",
     "sass-loader": "^10.5.2",
@@ -134,11 +134,13 @@
     "sinon": "^7.2.7",
     "sinon-chai": "^3.3.0",
     "style-loader": "^0.23.1",
+    "stylelint": "^13.13.1",
     "transliteration": "^1.1.11",
     "uglifyjs-webpack-plugin": "^2.1.1",
     "uppercamelcase": "^1.1.0",
     "url-loader": "^1.0.1",
     "vue": "2.5.21",
+    "vue-eslint-parser": "^7.0.0",
     "vue-loader": "^15.7.0",
     "vue-router": "^3.0.1",
     "vue-template-compiler": "2.5.21",

package/packages/alert/index.js

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

package/packages/alert/src/main.vue

@@ -1,94 +1,94 @@
 <template>
-  <transition name="el-alert-fade">
-    <div
-      class="el-alert"
-      :class="[typeClass, center ? 'is-center' : '', 'is-' + effect]"
-      v-show="visible"
-      role="alert"
-    >
-      <i class="el-alert__icon" :class="[ iconClass, isBigIcon ]" v-if="showIcon"></i>
-      <div class="el-alert__content">
-        <span class="el-alert__title" :class="[ isBoldTitle ]" v-if="title || $slots.title">
-          <slot name="title">{{ title }}</slot>
-        </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>
-      </div>
-    </div>
-  </transition>
+	<transition name="el-alert-fade">
+		<div
+			class="el-alert"
+			:class="[typeClass, center ? 'is-center' : '', 'is-' + effect]"
+			v-show="visible"
+			role="alert"
+		>
+			<i class="el-alert__icon" :class="[ iconClass, isBigIcon ]" v-if="showIcon"></i>
+			<div class="el-alert__content">
+				<span class="el-alert__title" :class="[ isBoldTitle ]" v-if="title || $slots.title">
+					<slot name="title">{{ title }}</slot>
+				</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>
+			</div>
+		</div>
+	</transition>
 </template>
 
 <script type="text/babel">
-  const TYPE_CLASSES_MAP = {
-    'success': 'el-icon-success',
-    'warning': 'el-icon-warning',
-    'error': 'el-icon-error'
-  };
-  export default {
-    name: 'ElAlert',
+const TYPE_CLASSES_MAP = {
+	'success': 'el-icon-success',
+	'warning': 'el-icon-warning',
+	'error': 'el-icon-error'
+};
+export default {
+	name: 'ElAlert',
 
-    props: {
-      title: {
-        type: String,
-        default: ''
-      },
-      description: {
-        type: String,
-        default: ''
-      },
-      type: {
-        type: String,
-        default: 'info'
-      },
-      closable: {
-        type: Boolean,
-        default: true
-      },
-      closeText: {
-        type: String,
-        default: ''
-      },
-      showIcon: Boolean,
-      center: Boolean,
-      effect: {
-        type: String,
-        default: 'light',
-        validator: function(value) {
-          return ['light', 'dark'].indexOf(value) !== -1;
-        }
-      }
-    },
+	props: {
+		title: {
+			type: String,
+			default: ''
+		},
+		description: {
+			type: String,
+			default: ''
+		},
+		type: {
+			type: String,
+			default: 'info'
+		},
+		closable: {
+			type: Boolean,
+			default: true
+		},
+		closeText: {
+			type: String,
+			default: ''
+		},
+		showIcon: Boolean,
+		center: Boolean,
+		effect: {
+			type: String,
+			default: 'light',
+			validator: function(value) {
+				return ['light', 'dark'].indexOf(value) !== -1;
+			}
+		}
+	},
 
-    data() {
-      return {
-        visible: true
-      };
-    },
+	data() {
+		return {
+			visible: true
+		};
+	},
 
-    methods: {
-      close() {
-        this.visible = false;
-        this.$emit('close');
-      }
-    },
+	methods: {
+		close() {
+			this.visible = false;
+			this.$emit('close');
+		}
+	},
 
-    computed: {
-      typeClass() {
-        return `el-alert--${ this.type }`;
-      },
+	computed: {
+		typeClass() {
+			return `el-alert--${ this.type }`;
+		},
 
-      iconClass() {
-        return TYPE_CLASSES_MAP[this.type] || 'el-icon-info';
-      },
+		iconClass() {
+			return TYPE_CLASSES_MAP[this.type] || 'el-icon-info';
+		},
 
-      isBigIcon() {
-        return this.description || this.$slots.default ? 'is-big' : '';
-      },
+		isBigIcon() {
+			return this.description || this.$slots.default ? 'is-big' : '';
+		},
 
-      isBoldTitle() {
-        return this.description || this.$slots.default ? 'is-bold' : '';
-      }
-    }
-  };
+		isBoldTitle() {
+			return this.description || this.$slots.default ? 'is-bold' : '';
+		}
+	}
+};
 </script>

package/packages/aside/index.js

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

package/packages/aside/src/main.vue

@@ -1,20 +1,20 @@
 <template>
-  <aside class="el-aside" :style="{ width }">
-    <slot></slot>
-  </aside>
+	<aside class="el-aside" :style="{ width }">
+		<slot></slot>
+	</aside>
 </template>
 
 <script>
-  export default {
-    name: 'ElAside',
+export default {
+	name: 'ElAside',
 
-    componentName: 'ElAside',
+	componentName: 'ElAside',
 
-    props: {
-      width: {
-        type: String,
-        default: '300px'
-      }
-    }
-  };
+	props: {
+		width: {
+			type: String,
+			default: '300px'
+		}
+	}
+};
 </script>

package/packages/autocomplete/index.js

@@ -2,7 +2,7 @@ import ElAutocomplete from './src/autocomplete';
 
 /* istanbul ignore next */
 ElAutocomplete.install = function(Vue) {
-  Vue.component(ElAutocomplete.name, ElAutocomplete);
+	Vue.component(ElAutocomplete.name, ElAutocomplete);
 };
 
 export default ElAutocomplete;