cy-element-ui 1.0.0 → 1.0.2

package/lib/tag.js

@@ -0,0 +1,304 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/dist/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 133);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+
+/***/ }),
+
+/***/ 133:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tag/src/tag.vue?vue&type=script&lang=js
+
+/* harmony default export */ var tagvue_type_script_lang_js = ({
+	name: 'ElTag',
+	props: {
+		text: String,
+		closable: Boolean,
+		type: String,
+		hit: Boolean,
+		disableTransitions: Boolean,
+		color: String,
+		size: String,
+		effect: {
+			type: String,
+			default: 'light',
+			validator: function validator(val) {
+				return ['dark', 'light', 'plain'].indexOf(val) !== -1;
+			}
+		}
+	},
+	methods: {
+		handleClose: function handleClose(event) {
+			event.stopPropagation();
+			this.$emit('close', event);
+		},
+		handleClick: function handleClick(event) {
+			this.$emit('click', event);
+		}
+	},
+	computed: {
+		tagSize: function tagSize() {
+			return this.size || (this.$ELEMENT || {}).size;
+		}
+	},
+	render: function render(h) {
+		var type = this.type,
+		    tagSize = this.tagSize,
+		    hit = this.hit,
+		    effect = this.effect;
+
+		var classes = ['el-tag', type ? 'el-tag--' + type : '', tagSize ? 'el-tag--' + tagSize : '', effect ? 'el-tag--' + effect : '', hit && 'is-hit'];
+		var tagEl = h(
+			'span',
+			{
+				'class': classes,
+				style: { backgroundColor: this.color },
+				on: {
+					'click': this.handleClick
+				}
+			},
+			[this.$slots.default, this.closable && h('i', { 'class': 'el-tag__close el-icon-close', on: {
+					'click': this.handleClose
+				}
+			})]
+		);
+
+		return this.disableTransitions ? tagEl : h(
+			'transition',
+			{
+				attrs: { name: 'el-zoom-in-center' }
+			},
+			[tagEl]
+		);
+	}
+});
+// CONCATENATED MODULE: ./packages/tag/src/tag.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_tagvue_type_script_lang_js = (tagvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./packages/tag/src/tag.vue
+var render, staticRenderFns
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  src_tagvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var tag = (component.exports);
+// CONCATENATED MODULE: ./packages/tag/index.js
+
+
+/* istanbul ignore next */
+tag.install = function (Vue) {
+	Vue.component(tag.name, tag);
+};
+
+/* harmony default export */ var packages_tag = __webpack_exports__["default"] = (tag);
+
+/***/ })
+
+/******/ });

package/lib/theme-chalk/README.md

@@ -0,0 +1,33 @@
+# element-theme-chalk
+> element component chalk theme.
+
+
+## Installation
+```shell
+npm i element-theme-chalk -S
+```
+
+## Usage
+
+Use Sass import
+```css
+@import 'element-theme-chalk';
+```
+
+Or Use webpack
+```javascript
+import 'element-theme-chalk';
+```
+
+Or
+```html
+<link rel="stylesheet" href="path/to/node_modules/element-theme-chalk/lib/index.css">
+```
+
+##  Import on demand
+```javascript
+import 'element-theme-chalk/lib/input.css';
+import 'element-theme-chalk/lib/select.css';
+
+// ...
+```

package/lib/theme-chalk/package.json

@@ -0,0 +1,35 @@
+{
+	"name": "element-theme-chalk",
+	"version": "2.15.14",
+	"description": "Element component chalk theme.",
+	"main": "lib/index.css",
+	"style": "lib/index.css",
+	"files": [
+		"lib",
+		"src"
+	],
+	"scripts": {
+		"build": "gulp build"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/ElementUI/theme-chalk.git"
+	},
+	"keywords": [
+		"element",
+		"theme"
+	],
+	"author": "yi.shyang@ele.me",
+	"license": "MIT",
+	"bugs": {
+		"url": "https://github.com/ElementUI/theme-chalk/issues"
+	},
+	"homepage": "https://github.com/ElementUI/theme-chalk#readme",
+	"devDependencies": {
+		"gulp": "^3.9.1",
+		"gulp-cssmin": "^0.1.7",
+		"gulp-sass": "^3.1.0",
+		"gulp-autoprefixer": "^4.0.0"
+	},
+	"dependencies": {}
+}

package/lib/theme-chalk/src/alert.scss

@@ -0,0 +1,147 @@
+@import "mixins/mixins";
+@import "common/var";
+
+@include b(alert) {
+	width: 100%;
+	padding: $--alert-padding;
+	margin: 0;
+	box-sizing: border-box;
+	border-radius: $--alert-border-radius;
+	position: relative;
+	background-color: $--color-white;
+	overflow: hidden;
+	opacity: 1;
+	display: flex;
+	align-items: center;
+	transition: opacity .2s;
+
+	@include when(light) {
+		.el-alert__closebtn {
+			color: $--color-text-placeholder;
+		}
+	}
+
+	@include when(dark) {
+		.el-alert__closebtn {
+			color: $--color-white;
+		}
+		.el-alert__description {
+			color: $--color-white;
+		}
+	}
+
+	@include when(center) {
+		justify-content: center;
+	}
+
+	@include m(success) {
+		&.is-light {
+			background-color: $--alert-success-color;
+			color: $--color-success;
+
+			.el-alert__description {
+				color: $--color-success;
+			}
+		}
+
+		&.is-dark {
+			background-color: $--color-success;
+			color: $--color-white;
+		}
+	}
+
+	@include m(info) {
+		&.is-light {
+			background-color: $--alert-info-color;
+			color: $--color-info;
+		}
+
+		&.is-dark {
+			background-color: $--color-info;
+			color: $--color-white;
+		}
+
+		.el-alert__description {
+			color: $--color-info;
+		}
+	}
+
+	@include m(warning) {
+		&.is-light {
+			background-color: $--alert-warning-color;
+			color: $--color-warning;
+
+			.el-alert__description {
+				color: $--color-warning;
+			}
+		}
+
+		&.is-dark {
+			background-color: $--color-warning;
+			color: $--color-white;
+		}
+	}
+
+	@include m(error) {
+		&.is-light {
+			background-color: $--alert-danger-color;
+			color: $--color-danger;
+
+			.el-alert__description {
+				color: $--color-danger;
+			}
+		}
+
+		&.is-dark {
+			background-color: $--color-danger;
+			color: $--color-white;
+		}
+	}
+
+	@include e(content) {
+		display: table-cell;
+		padding: 0 8px;
+	}
+
+	@include e(icon) {
+		font-size: $--alert-icon-size;
+		width: $--alert-icon-size;
+		@include when(big) {
+			font-size: $--alert-icon-large-size;
+			width: $--alert-icon-large-size;
+		}
+	}
+
+	@include e(title) {
+		font-size: $--alert-title-font-size;
+		line-height: 18px;
+		@include when(bold) {
+			font-weight: bold;
+		}
+	}
+
+	& .el-alert__description {
+		font-size: $--alert-description-font-size;
+		margin: 5px 0 0 0;
+	}
+
+	@include e(closebtn) {
+		font-size: $--alert-close-font-size;
+		opacity: 1;
+		position: absolute;
+		top: 12px;
+		right: 15px;
+		cursor: pointer;
+
+		@include when(customed) {
+			font-style: normal;
+			font-size: $--alert-close-customed-font-size;
+			top: 9px;
+		}
+	}
+}
+
+.el-alert-fade-enter,
+.el-alert-fade-leave-active {
+	opacity: 0;
+}

package/lib/theme-chalk/src/aside.scss

@@ -0,0 +1,7 @@
+@import "mixins/mixins";
+
+@include b(aside) {
+	overflow: auto;
+	box-sizing: border-box;
+	flex-shrink: 0;
+}

package/lib/theme-chalk/src/autocomplete.scss

@@ -0,0 +1,80 @@
+@import "mixins/mixins";
+@import "mixins/utils";
+@import "common/var";
+@import "./input.scss";
+@import "./scrollbar.scss";
+@import "./popper";
+
+@include b(autocomplete) {
+	position: relative;
+	display: inline-block;
+}
+
+@include b(autocomplete-suggestion) {
+	margin: 5px 0;
+	box-shadow: $--box-shadow-light;
+	border-radius: $--border-radius-base;
+	border: 1px solid $--border-color-light;
+	box-sizing: border-box;
+	background-color: $--color-white;
+
+	@include e(wrap) {
+		max-height: 280px;
+		padding: 10px 0;
+		box-sizing: border-box;
+	}
+
+	@include e(list) {
+		margin: 0;
+		padding: 0;
+	}
+
+	& li {
+		padding: 0 20px;
+		margin: 0;
+		line-height: 34px;
+		cursor: pointer;
+		color: $--color-text-regular;
+		font-size: $--font-size-base;
+		list-style: none;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+
+		&:hover {
+			background-color: $--select-option-hover-background;
+		}
+
+		&.highlighted {
+			background-color: $--select-option-hover-background;
+		}
+
+		&.divider {
+			margin-top: 6px;
+			border-top: 1px solid $--color-black;
+		}
+
+		&.divider:last-child {
+			margin-bottom: -6px;
+		}
+	}
+
+	@include when(loading) {
+		li {
+			text-align: center;
+			height: 100px;
+			line-height: 100px;
+			font-size: 20px;
+			color: #999;
+			@include utils-vertical-center;
+
+			&:hover {
+				background-color: $--color-white;
+			}
+		}
+
+		& .el-icon-loading {
+			vertical-align: middle;
+		}
+	}
+}

package/lib/theme-chalk/src/avatar.scss

@@ -0,0 +1,51 @@
+@import "mixins/mixins";
+@import "common/var";
+
+@include b(avatar) {
+	display: inline-block;
+	box-sizing: border-box;
+	text-align: center;
+	overflow: hidden;
+	color: $--avatar-font-color;
+	background: $--avatar-background-color;
+	width: $--avatar-large-size;
+	height: $--avatar-large-size;
+	line-height: $--avatar-large-size;
+	font-size: $--avatar-text-font-size;
+
+	>img {
+		display: block;
+		height: 100%;
+		vertical-align: middle;
+	}
+
+	@include m(circle) {
+		border-radius: 50%;
+	}
+
+	@include m(square) {
+		border-radius: $--avatar-border-radius;
+	}
+
+	@include m(icon) {
+		font-size: $--avatar-icon-font-size;
+	}
+
+	@include m(large) {
+		width: $--avatar-large-size;
+		height: $--avatar-large-size;
+		line-height: $--avatar-large-size;
+	}
+
+	@include m(medium) {
+		width: $--avatar-medium-size;
+		height: $--avatar-medium-size;
+		line-height: $--avatar-medium-size;
+	}
+
+	@include m(small) {
+		width: $--avatar-small-size;
+		height: $--avatar-small-size;
+		line-height: $--avatar-small-size;
+	}
+}

package/lib/theme-chalk/src/backtop.scss

@@ -0,0 +1,22 @@
+@import "mixins/mixins";
+@import "common/var";
+
+@include b(backtop) {
+	position: fixed;
+	background-color: $--backtop-background-color;
+	width: 40px;
+	height: 40px;
+	border-radius: 50%;
+	color: $--backtop-font-color;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 20px;
+	box-shadow: 0 0 6px rgba(0,0,0, .12);
+	cursor: pointer;
+	z-index: 5;
+
+	&:hover {
+		background-color: $--backtop-hover-background-color
+	}
+}