cy-element-ui 1.1.23 → 1.1.26

package/src/utils/vue-popper.js

@@ -1,198 +1,198 @@
-import Vue from 'vue';
-import {
-	PopupManager
-} from 'element-ui/src/utils/popup';
-
-const PopperJS = Vue.prototype.$isServer ? function() {} : require('./popper');
-const stop = e => e.stopPropagation();
-
-/**
- * @param {HTMLElement} [reference=$refs.reference] - The reference element used to position the popper.
- * @param {HTMLElement} [popper=$refs.popper] - The HTML element used as popper, or a configuration used to generate the popper.
- * @param {String} [placement=button] - Placement of the popper accepted values: top(-start, -end), right(-start, -end), bottom(-start, -end), left(-start, -end)
- * @param {Number} [offset=0] - Amount of pixels the popper will be shifted (can be negative).
- * @param {Boolean} [visible=false] Visibility of the popup element.
- * @param {Boolean} [visible-arrow=false] Visibility of the arrow, no style.
- */
-export 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() {
-				return {
-					gpuAcceleration: false
-				};
-			}
-		}
-	},
-
-	data() {
-		return {
-			showPopper: false,
-			currentPlacement: ''
-		};
-	},
-
-	watch: {
-		value: {
-			immediate: true,
-			handler(val) {
-				this.showPopper = val;
-				this.$emit('input', val);
-			}
-		},
-
-		showPopper(val) {
-			if (this.disabled) return;
-			val ? this.updatePopper() : this.destroyPopper();
-			this.$emit('input', val);
-		}
-	},
-
-	methods: {
-		createPopper() {
-			if (this.$isServer) return;
-			this.currentPlacement = this.currentPlacement || this.placement;
-			if (!/^(top|bottom|left|right)(-start|-end)?$/g.test(this.currentPlacement)) {
-				return;
-			}
-
-			const options = this.popperOptions;
-			const popper = this.popperElm = this.popperElm || this.popper || this.$refs.popper;
-			let 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(_ => {
-				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 = PopupManager.nextZIndex();
-			this.popperElm.addEventListener('click', stop);
-		},
-
-		updatePopper() {
-			const popperJS = this.popperJS;
-			if (popperJS) {
-				popperJS.update();
-				if (popperJS._popper) {
-					popperJS._popper.style.zIndex = PopupManager.nextZIndex();
-				}
-			} else {
-				this.createPopper();
-			}
-		},
-
-		doDestroy(forceDestroy) {
-			/* istanbul ignore if */
-			if (!this.popperJS || (this.showPopper && !forceDestroy)) return;
-			this.popperJS.destroy();
-			this.popperJS = null;
-		},
-
-		destroyPopper() {
-			if (this.popperJS) {
-				this.resetTransformOrigin();
-			}
-		},
-
-		resetTransformOrigin() {
-			if (!this.transformOrigin) return;
-			let placementMap = {
-				top: 'bottom',
-				bottom: 'top',
-				left: 'right',
-				right: 'left'
-			};
-			let placement = this.popperJS._popper.getAttribute('x-placement').split('-')[0];
-			let origin = placementMap[placement];
-			this.popperJS._popper.style.transformOrigin = typeof this.transformOrigin === 'string'
-				? this.transformOrigin
-				: ['top', 'bottom'].indexOf(placement) > -1 ? `center ${ origin }` : `${ origin } center`;
-		},
-
-		appendArrow(element) {
-			let hash;
-			if (this.appended) {
-				return;
-			}
-
-			this.appended = true;
-
-			for (let item in element.attributes) {
-				if (/^_v-/.test(element.attributes[item].name)) {
-					hash = element.attributes[item].name;
-					break;
-				}
-			}
-
-			const arrow = document.createElement('div');
-
-			if (hash) {
-				arrow.setAttribute(hash, '');
-			}
-			arrow.setAttribute('x-arrow', '');
-			arrow.className = 'popper__arrow';
-			element.appendChild(arrow);
-		}
-	},
-
-	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() {
-		this.$options.beforeDestroy[0].call(this);
-	}
-};
+import Vue from 'vue';
+import {
+	PopupManager
+} from 'element-ui/src/utils/popup';
+
+const PopperJS = Vue.prototype.$isServer ? function() {} : require('./popper');
+const stop = e => e.stopPropagation();
+
+/**
+ * @param {HTMLElement} [reference=$refs.reference] - The reference element used to position the popper.
+ * @param {HTMLElement} [popper=$refs.popper] - The HTML element used as popper, or a configuration used to generate the popper.
+ * @param {String} [placement=button] - Placement of the popper accepted values: top(-start, -end), right(-start, -end), bottom(-start, -end), left(-start, -end)
+ * @param {Number} [offset=0] - Amount of pixels the popper will be shifted (can be negative).
+ * @param {Boolean} [visible=false] Visibility of the popup element.
+ * @param {Boolean} [visible-arrow=false] Visibility of the arrow, no style.
+ */
+export 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() {
+				return {
+					gpuAcceleration: false
+				};
+			}
+		}
+	},
+
+	data() {
+		return {
+			showPopper: false,
+			currentPlacement: ''
+		};
+	},
+
+	watch: {
+		value: {
+			immediate: true,
+			handler(val) {
+				this.showPopper = val;
+				this.$emit('input', val);
+			}
+		},
+
+		showPopper(val) {
+			if (this.disabled) return;
+			val ? this.updatePopper() : this.destroyPopper();
+			this.$emit('input', val);
+		}
+	},
+
+	methods: {
+		createPopper() {
+			if (this.$isServer) return;
+			this.currentPlacement = this.currentPlacement || this.placement;
+			if (!/^(top|bottom|left|right)(-start|-end)?$/g.test(this.currentPlacement)) {
+				return;
+			}
+
+			const options = this.popperOptions;
+			const popper = this.popperElm = this.popperElm || this.popper || this.$refs.popper;
+			let 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(_ => {
+				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 = PopupManager.nextZIndex();
+			this.popperElm.addEventListener('click', stop);
+		},
+
+		updatePopper() {
+			const popperJS = this.popperJS;
+			if (popperJS) {
+				popperJS.update();
+				if (popperJS._popper) {
+					popperJS._popper.style.zIndex = PopupManager.nextZIndex();
+				}
+			} else {
+				this.createPopper();
+			}
+		},
+
+		doDestroy(forceDestroy) {
+			/* istanbul ignore if */
+			if (!this.popperJS || (this.showPopper && !forceDestroy)) return;
+			this.popperJS.destroy();
+			this.popperJS = null;
+		},
+
+		destroyPopper() {
+			if (this.popperJS) {
+				this.resetTransformOrigin();
+			}
+		},
+
+		resetTransformOrigin() {
+			if (!this.transformOrigin) return;
+			let placementMap = {
+				top: 'bottom',
+				bottom: 'top',
+				left: 'right',
+				right: 'left'
+			};
+			let placement = this.popperJS._popper.getAttribute('x-placement').split('-')[0];
+			let origin = placementMap[placement];
+			this.popperJS._popper.style.transformOrigin = typeof this.transformOrigin === 'string'
+				? this.transformOrigin
+				: ['top', 'bottom'].indexOf(placement) > -1 ? `center ${ origin }` : `${ origin } center`;
+		},
+
+		appendArrow(element) {
+			let hash;
+			if (this.appended) {
+				return;
+			}
+
+			this.appended = true;
+
+			for (let item in element.attributes) {
+				if (/^_v-/.test(element.attributes[item].name)) {
+					hash = element.attributes[item].name;
+					break;
+				}
+			}
+
+			const arrow = document.createElement('div');
+
+			if (hash) {
+				arrow.setAttribute(hash, '');
+			}
+			arrow.setAttribute('x-arrow', '');
+			arrow.className = 'popper__arrow';
+			element.appendChild(arrow);
+		}
+	},
+
+	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() {
+		this.$options.beforeDestroy[0].call(this);
+	}
+};

package/types/alert.d.ts

@@ -1,31 +1,31 @@
-import { ElementUIComponent } from './component'
-
-export type AlertType = 'success' | 'warning' | 'info' | 'error'
-export type AlertEffect = 'dark' | 'light'
-
-/** Alert Component */
-export declare class ElAlert extends ElementUIComponent {
-  /** Title */
-  title: string
-
-  /** Component type */
-  type: AlertType
-
-  /** Descriptive text. Can also be passed with the default slot */
-  description: string
-
-  /** If closable or not */
-  closable: boolean
-
-  /** whether to center the text */
-  center: boolean
-
-  /** Customized close button text */
-  closeText: string
-
-  /** If a type icon is displayed */
-  showIcon: boolean
-
-  /** Choose effect */
-  effect: AlertEffect
-}
+import { ElementUIComponent } from './component'
+
+export type AlertType = 'success' | 'warning' | 'info' | 'error'
+export type AlertEffect = 'dark' | 'light'
+
+/** Alert Component */
+export declare class ElAlert extends ElementUIComponent {
+  /** Title */
+  title: string
+
+  /** Component type */
+  type: AlertType
+
+  /** Descriptive text. Can also be passed with the default slot */
+  description: string
+
+  /** If closable or not */
+  closable: boolean
+
+  /** whether to center the text */
+  center: boolean
+
+  /** Customized close button text */
+  closeText: string
+
+  /** If a type icon is displayed */
+  showIcon: boolean
+
+  /** Choose effect */
+  effect: AlertEffect
+}

package/types/aside.d.ts

@@ -1,7 +1,7 @@
-import { ElementUIComponent } from './component'
-
-/** Aside Component */
-export declare class ElAside extends ElementUIComponent {
-  /** Width of the side section */
-  width: string
-}
+import { ElementUIComponent } from './component'
+
+/** Aside Component */
+export declare class ElAside extends ElementUIComponent {
+  /** Width of the side section */
+  width: string
+}

package/types/autocomplete.d.ts

@@ -1,78 +1,78 @@
-import { ElementUIComponent } from './component'
-
-export type SuggestionPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'
-
-export interface FetchSuggestionsCallback {
-  /**
-   * Callback function used in fetch-suggestions function
-   *
-   * @param data Suggestions to use
-   */
-  (data: any[]): void
-}
-
-export interface FetchSuggestions {
-  /**
-   * The function passed into the fetch-suggestions property
-   *
-   * @param queryString Current value of the text input
-   * @param callback Callback function used to indicate that suggestions have completely fetched
-   */
-  (queryString: string, callback: FetchSuggestionsCallback): void
-}
-
-/** Autocomplete Component */
-export declare class ElAutocomplete extends ElementUIComponent {
-  /** The placeholder of Autocomplete */
-  placeholder: string
-
-  /** Whether to show clear button */
-  clearable: boolean
-
-  /** Whether Autocomplete is disabled */
-  disabled: boolean
-
-  /** Binding value */
-  value: string
-
-  /** Debounce delay when typing */
-  debounce: number
-
-  /** Placement of the popup menu */
-  placement: SuggestionPlacement
-
-  /** Name for the inner native input */
-  name: string
-
-  /** Key name of the input suggestion object for display */
-  valueKey: string
-
-  /** Whether to emit select event on enter when there is no autocomplete match */
-  selectWhenUnmatched: boolean
-
-  /** A method to fetch input suggestions. When suggestions are ready, invoke callback(data:[]) to return them to Autocomplete */
-  fetchSuggestions: FetchSuggestions
-
-  /** Custom class name for autocomplete's dropdown */
-  popperClass: string
-
-  /** Whether show suggestions when input focus */
-  triggerOnFocus: boolean
-
-  /** Prefix icon class */
-  prefixIcon: string
-
-  /** Suffix icon class */
-  suffixIcon: string
-
-  /** Whether to hide the loading icon in remote search */
-  hideLoading: boolean
-
-  /** Whether to append the dropdown to body */
-  popperAppendToBody: boolean
-
-  /**
-   * Focus the Input component
-   */
-  focus (): void
-}
+import { ElementUIComponent } from './component'
+
+export type SuggestionPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'
+
+export interface FetchSuggestionsCallback {
+  /**
+   * Callback function used in fetch-suggestions function
+   *
+   * @param data Suggestions to use
+   */
+  (data: any[]): void
+}
+
+export interface FetchSuggestions {
+  /**
+   * The function passed into the fetch-suggestions property
+   *
+   * @param queryString Current value of the text input
+   * @param callback Callback function used to indicate that suggestions have completely fetched
+   */
+  (queryString: string, callback: FetchSuggestionsCallback): void
+}
+
+/** Autocomplete Component */
+export declare class ElAutocomplete extends ElementUIComponent {
+  /** The placeholder of Autocomplete */
+  placeholder: string
+
+  /** Whether to show clear button */
+  clearable: boolean
+
+  /** Whether Autocomplete is disabled */
+  disabled: boolean
+
+  /** Binding value */
+  value: string
+
+  /** Debounce delay when typing */
+  debounce: number
+
+  /** Placement of the popup menu */
+  placement: SuggestionPlacement
+
+  /** Name for the inner native input */
+  name: string
+
+  /** Key name of the input suggestion object for display */
+  valueKey: string
+
+  /** Whether to emit select event on enter when there is no autocomplete match */
+  selectWhenUnmatched: boolean
+
+  /** A method to fetch input suggestions. When suggestions are ready, invoke callback(data:[]) to return them to Autocomplete */
+  fetchSuggestions: FetchSuggestions
+
+  /** Custom class name for autocomplete's dropdown */
+  popperClass: string
+
+  /** Whether show suggestions when input focus */
+  triggerOnFocus: boolean
+
+  /** Prefix icon class */
+  prefixIcon: string
+
+  /** Suffix icon class */
+  suffixIcon: string
+
+  /** Whether to hide the loading icon in remote search */
+  hideLoading: boolean
+
+  /** Whether to append the dropdown to body */
+  popperAppendToBody: boolean
+
+  /**
+   * Focus the Input component
+   */
+  focus (): void
+}

package/types/avatar.d.ts

@@ -1,20 +1,20 @@
-import { ElementUIComponent } from './component'
-
-/** Avatar Component */
-export declare class ElAvatar extends ElementUIComponent {
-  icon: string;
-
-  size: string | number;
-
-  shape: string;
-
-  src: string;
-
-  error: () => false;
-
-  srcSet: string;
-
-  alt: string;
-
-  fit: string;
-}
+import { ElementUIComponent } from './component'
+
+/** Avatar Component */
+export declare class ElAvatar extends ElementUIComponent {
+  icon: string;
+
+  size: string | number;
+
+  shape: string;
+
+  src: string;
+
+  error: () => false;
+
+  srcSet: string;
+
+  alt: string;
+
+  fit: string;
+}