cy-element-ui 1.0.3 → 1.0.5

package/lib/utils/vue-popper.js

@@ -1,18 +1,13 @@
-'use strict';
+"use strict";
 
 exports.__esModule = true;
-
-var _vue = require('vue');
-
-var _vue2 = _interopRequireDefault(_vue);
-
-var _popup = require('element-ui/lib/utils/popup');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var PopperJS = _vue2.default.prototype.$isServer ? function () {} : require('./popper');
+exports.default = void 0;
+var _vue = _interopRequireDefault(require("vue"));
+var _popup = require("./popup");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var PopperJS = _vue.default.prototype.$isServer ? function () {} : require("./popper");
 var stop = function stop(e) {
-	return e.stopPropagation();
+  return e.stopPropagation();
 };
 
 /**
@@ -23,180 +18,163 @@ var stop = function stop(e) {
  * @param {Boolean} [visible=false] Visibility of the popup element.
  * @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);
-	}
+var _default2 = 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;
+      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.0.3",
+	"version": "1.0.5",
 	"description": "基于ElementUI开发的组件",
 	"main": "lib/element-ui.common.js",
 	"files": [
@@ -18,7 +18,7 @@
 		"build:theme:comment": "构建主题样式：在 index.less 中自动引入各个组件的覆写样式文件 && 通过 gulp 将 less 文件编译成 css 并输出到 lib 目录 && 拷贝基础样式 theme-chalk 到 lib/theme-chalk && 拷贝 编译后的 theme-cy/lib/* 目录到 lib/theme-cy && 合并 theme-chalk 和 theme-cy",
 		"build:theme": "npm run gen-cssfile && gulp build --gulpfile packages/theme-cy/gulpfile.js && cp-cli packages/theme-cy/lib lib/theme-cy && cp-cli packages/theme-chalk lib/theme-chalk && node build/bin/compose-css-file.js",
 		"build:file": "node build/bin/iconInit.js & node build/bin/build-entry.js & node build/bin/version.js",
-		"build:utils": "cross-env BABEL_ENV=utils babel src --out-dir lib --ignore src/index.js",
+		"build:utils": "cross-env BABEL_ENV=utils babel src --out-dir lib --ignore src/index.js src",
 		"build:umd": "node build/bin/build-locale.js",
 		"clean": "rimraf lib && rimraf packages/*/lib && rimraf test/**/coverage",
 		"deploy:build": "npm run build:file && cross-env NODE_ENV=production webpack --config build/webpack.demo.js && echo element.eleme.io>>examples/element-ui/CNAME",
@@ -68,6 +68,7 @@
 	"dependencies": {
 		"async-validator": "~1.8.1",
 		"babel-helper-vue-jsx-merge-props": "^2.0.0",
+		"core-js": "^3.44.0",
 		"deepmerge": "^1.2.0",
 		"normalize-wheel": "^1.0.1",
 		"resize-observer-polyfill": "^1.5.0",
@@ -77,19 +78,19 @@
 		"vue": "^2.6.12"
 	},
 	"devDependencies": {
+		"@babel/cli": "^7.18.6",
+		"@babel/core": "^7.18.6",
+		"@babel/plugin-syntax-jsx": "^7.0.0",
+		"@babel/plugin-transform-modules-umd": "^7.27.1",
+		"@babel/plugin-transform-runtime": "^7.28.0",
+		"@vue/babel-preset-jsx": "^1.4.0",
+		"@vue/cli-plugin-babel": "4.4.6",
+		"@vue/cli-service": "4.4.6",
 		"@vue/component-compiler-utils": "^3.2.0",
 		"algoliasearch": "^3.24.5",
-		"babel-cli": "^6.26.0",
-		"babel-core": "^6.26.3",
-		"babel-loader": "^7.1.5",
-		"babel-plugin-add-module-exports": "^0.2.1",
+		"axios": "^1.11.0",
 		"babel-plugin-istanbul": "^4.1.1",
-		"babel-plugin-module-resolver": "^2.2.0",
-		"babel-plugin-syntax-jsx": "^6.18.0",
-		"babel-plugin-transform-vue-jsx": "^3.7.0",
-		"babel-preset-env": "^1.7.0",
-		"babel-preset-stage-2": "^6.24.1",
-		"babel-regenerator-runtime": "^6.5.0",
+		"babel-plugin-module-resolver": "^4.1.0",
 		"chai": "^4.2.0",
 		"chokidar": "^1.7.0",
 		"copy-webpack-plugin": "^5.0.0",
@@ -98,11 +99,11 @@
 		"cross-env": "^3.1.3",
 		"css-loader": "^2.1.0",
 		"es6-promise": "^4.0.5",
-		"eslint": "4.18.2",
+		"eslint": "4.19.1",
 		"eslint-config-elemefe": "0.1.1",
-		"eslint-loader": "^2.0.0",
-		"eslint-plugin-html": "^4.0.1",
+		"eslint-loader": "2.2.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,7 +112,8 @@
 		"gulp-sass": "^4.0.2",
 		"highlight.js": "^9.3.0",
 		"html-webpack-plugin": "^3.2.0",
-		"json-loader": "^0.5.7",
+		"js-base64": "^3.7.7",
+		"js-cookie": "^3.0.5",
 		"json-templater": "^1.0.4",
 		"karma": "^4.0.1",
 		"karma-chrome-launcher": "^2.2.0",
@@ -120,7 +122,7 @@
 		"karma-sinon-chai": "^2.0.2",
 		"karma-sourcemap-loader": "^0.3.7",
 		"karma-spec-reporter": "^0.0.32",
-		"karma-webpack": "^3.0.5",
+		"karma-webpack": "^4.0.2",
 		"launch-editor-middleware": "^2.3.0",
 		"markdown-it": "^8.4.1",
 		"markdown-it-anchor": "^5.0.2",
@@ -147,8 +149,7 @@
 		"vue-loader": "^15.7.0",
 		"vue-router": "^3.0.1",
 		"vue-template-compiler": "^2.6.12",
-		"vue-template-es2015-compiler": "^1.6.0",
-		"webpack": "^4.14.0",
+		"webpack": "^4.47.0",
 		"webpack-cli": "^3.0.8",
 		"webpack-dev-server": "^3.1.11",
 		"webpack-node-externals": "^1.7.2"

package/packages/alert/src/main.vue

@@ -13,82 +13,82 @@
 				</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>
 </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: ''
 		},
-
-		data() {
-			return {
-				visible: true
-			};
+		description: {
+			type: String,
+			default: ''
 		},
-
-		methods: {
-			close() {
-				this.visible = false;
-				this.$emit('close');
-			}
+		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;
+			}
+		}
+	},
 
-		computed: {
-			typeClass() {
-				return `el-alert--${ this.type }`;
-			},
+	data() {
+		return {
+			visible: true
+		};
+	},
 
-			iconClass() {
-				return TYPE_CLASSES_MAP[this.type] || 'el-icon-info';
-			},
+	methods: {
+		close() {
+			this.visible = false;
+			this.$emit('close');
+		}
+	},
 
-			isBigIcon() {
-				return this.description || this.$slots.default ? 'is-big' : '';
-			},
+	computed: {
+		typeClass() {
+			return `el-alert--${ this.type }`;
+		},
 
-			isBoldTitle() {
-				return this.description || this.$slots.default ? 'is-bold' : '';
-			}
+		iconClass() {
+			return TYPE_CLASSES_MAP[this.type] || 'el-icon-info';
+		},
+
+		isBigIcon() {
+			return this.description || this.$slots.default ? 'is-big' : '';
+		},
+
+		isBoldTitle() {
+			return this.description || this.$slots.default ? 'is-bold' : '';
 		}
-	};
+	}
+};
 </script>

package/packages/aside/src/main.vue

@@ -5,16 +5,16 @@
 </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>