cy-element-ui 1.0.26 → 1.0.28

package/packages/theme-cy/README.md

@@ -1,38 +1,38 @@
-# 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';
-
-// ...
-```
+# 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/packages/theme-cy/lib/index.css

@@ -1 +1 @@
-@charset "UTF-8";.el-input-number[data-unit]{--el-input-number-unit-offset-x:35px;position:relative}.el-input-number[data-unit]::after{content:attr(data-unit);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;right:0;color:#909399;padding:0 20px;border:1px solid #DCDFE6;background-color:#F5F7FA;border-top-right-radius:4px;border-bottom-right-radius:4px}.el-input-number[data-unit] .el-input__inner,.el-input-number[data-unit].is-disabled .el-input__inner{padding-right:65px!important}.el-input-number[data-unit].el-input-number--small::after{padding:0 15px}.el-input-number[data-unit].el-input-number--small .el-input__inner,.el-input-number[data-unit].el-input-number--small.is-disabled .el-input__inner{padding-right:55px!important}.el-checkbox__input.is-disabled+span.el-checkbox__label,.el-input.is-disabled .el-input__inner,.el-radio__input.is-disabled+span.el-radio__label,.el-range-editor.is-disabled input,.el-textarea.is-disabled .el-textarea__inner{color:#888}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after,.el-radio__input.is-disabled.is-checked .el-radio__inner::after{border-color:#888}.cy-file-upload-btn-box{display:-webkit-box;display:-ms-flexbox;display:flex}.cy-file-upload-uploader{margin-bottom:5px}.cy-file-upload-list .el-upload-list__item{border:1px solid #e4e7ed;line-height:2;margin-bottom:10px;position:relative}.cy-file-upload-list .ele-upload-list__item-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit}.ele-upload-list__item-content-action .el-link{margin-right:10px}.link_icon ::v-deep .el-icon-document{margin-left:10px}.cy-sub-title{width:100%;font-size:17px;border-left:5px solid #1890ff;text-indent:10px;margin-bottom:15px;font-weight:700;color:#303133;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cy-sub-title .left{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cy-sub-title .right{-ms-flex-negative:0;flex-shrink:0;margin-left:20px}.cy-tab-dialog{line-height:0}.cy-tab-dialog-modal{position:absolute;top:0;bottom:0;left:0;right:0;opacity:.5;background:#000}.cy-tab-dialog .el-dialog__wrapper{position:absolute!important;line-height:18px}.cy-tab-dialog .el-dialog__wrapper .el-dialog{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.4);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cy-tab-dialog .el-dialog__wrapper .el-dialog .el-dialog__header{-ms-flex-negative:0;flex-shrink:0}.cy-tab-dialog .el-dialog__wrapper .el-dialog .el-dialog__body{height:100%}.cy-tab-dialog.cy-tab-dialog-fullscreen .el-dialog__wrapper{position:fixed!important}.cy-tab-dialog.cy-tab-dialog-fullscreen .el-dialog__wrapper .el-dialog{left:0!important;top:0}.cy-tree-select .el-popover__reference-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.cy-tree-select-select{width:217px;height:36px;line-height:36px;border:1px solid #DCDFE6;border-radius:4px;padding:0 29px 0 15px;cursor:pointer;overflow:hidden;position:relative;-webkit-transition:all .3s;transition:all .3s}.cy-tree-select-select .cy-tree-select-select-v{width:100%;color:#606266;font-size:14px;white-space:nowrap;overflow:auto}.cy-tree-select-select .cy-tree-select-select-v-placeholder{color:#c0c4cc}.cy-tree-select-select .cy-tree-select-select-v-icon{color:#C0C4CC;position:absolute;top:0;right:9px}.cy-tree-select-select .cy-tree-select-select-v-icon .cy-tree-select-select-v-arrow{-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition:all .3s;transition:all .3s}.cy-tree-select-select .cy-tree-select-select-v-icon .cy-tree-select-select-v-arrow-show{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}.cy-tree-select-select.small{height:32px;line-height:32px}.cy-tree-select-select.small .cy-tree-select-select-v{font-size:13px}.cy-tree-select-select.mini{height:28px;line-height:28px}.cy-tree-select-select.mini .cy-tree-select-select-v{font-size:12px}.cy-tree-select-select:hover{border-color:#C0C4CC}.cy-tree-select-select-con-t{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #DCDFE6}.cy-tree-select-select-con-c{max-height:300px;overflow:auto}.el-form-item--medium .el-form-item--content .cy-tree-select{width:100%;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-form-item--medium .el-form-item--content .cy-tree-select>span{display:inline-block;width:100%}
+.cy-treeselect-select{width:217px;height:36px;line-height:36px;border:1px solid #DCDFE6;border-radius:4px;padding:0 29px 0 15px;cursor:pointer;overflow:hidden;position:relative;-webkit-transition:all .3s;transition:all .3s}.cy-treeselect-select .cy-treeselect-select-v{width:100%;color:#606266;font-size:14px;white-space:nowrap;overflow:auto}.cy-treeselect-select .cy-treeselect-select-v-placeholder{color:#c0c4cc}.cy-treeselect-select .cy-treeselect-select-v-icon{color:#C0C4CC;position:absolute;top:0;right:9px}.cy-treeselect-select .cy-treeselect-select-v-icon .cy-treeselect-select-v-arrow{-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition:all .3s;transition:all .3s}.cy-treeselect-select .cy-treeselect-select-v-icon .cy-treeselect-select-v-arrow-show{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}.cy-treeselect-select.small{height:32px;line-height:32px}.cy-treeselect-select.small .cy-treeselect-select-v{font-size:13px}.cy-treeselect-select.mini{height:28px;line-height:28px}.cy-treeselect-select.mini .cy-treeselect-select-v{font-size:12px}.cy-treeselect-select:hover{border-color:#C0C4CC}.cy-treeselect-select-con-t{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #DCDFE6}.cy-treeselect-select-con-c{max-height:300px;overflow:auto}.el-form-item--medium .el-form-item--content .cy-treeselect{width:100%;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-form-item--medium .el-form-item--content .cy-treeselect>span{display:inline-block;width:100%}

package/packages/theme-cy/lib/treeselect.css

@@ -1 +1 @@
-.cy-tree-select .el-popover__reference-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.cy-tree-select-select{width:217px;height:36px;line-height:36px;border:1px solid #DCDFE6;border-radius:4px;padding:0 29px 0 15px;cursor:pointer;overflow:hidden;position:relative;-webkit-transition:all .3s;transition:all .3s}.cy-tree-select-select .cy-tree-select-select-v{width:100%;color:#606266;font-size:14px;white-space:nowrap;overflow:auto}.cy-tree-select-select .cy-tree-select-select-v-placeholder{color:#c0c4cc}.cy-tree-select-select .cy-tree-select-select-v-icon{color:#C0C4CC;position:absolute;top:0;right:9px}.cy-tree-select-select .cy-tree-select-select-v-icon .cy-tree-select-select-v-arrow{-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition:all .3s;transition:all .3s}.cy-tree-select-select .cy-tree-select-select-v-icon .cy-tree-select-select-v-arrow-show{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}.cy-tree-select-select.small{height:32px;line-height:32px}.cy-tree-select-select.small .cy-tree-select-select-v{font-size:13px}.cy-tree-select-select.mini{height:28px;line-height:28px}.cy-tree-select-select.mini .cy-tree-select-select-v{font-size:12px}.cy-tree-select-select:hover{border-color:#C0C4CC}.cy-tree-select-select-con-t{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #DCDFE6}.cy-tree-select-select-con-c{max-height:300px;overflow:auto}.el-form-item--medium .el-form-item--content .cy-tree-select{width:100%;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-form-item--medium .el-form-item--content .cy-tree-select>span{display:inline-block;width:100%}
+.cy-treeselect-select{width:217px;height:36px;line-height:36px;border:1px solid #DCDFE6;border-radius:4px;padding:0 29px 0 15px;cursor:pointer;overflow:hidden;position:relative;-webkit-transition:all .3s;transition:all .3s}.cy-treeselect-select .cy-treeselect-select-v{width:100%;color:#606266;font-size:14px;white-space:nowrap;overflow:auto}.cy-treeselect-select .cy-treeselect-select-v-placeholder{color:#c0c4cc}.cy-treeselect-select .cy-treeselect-select-v-icon{color:#C0C4CC;position:absolute;top:0;right:9px}.cy-treeselect-select .cy-treeselect-select-v-icon .cy-treeselect-select-v-arrow{-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition:all .3s;transition:all .3s}.cy-treeselect-select .cy-treeselect-select-v-icon .cy-treeselect-select-v-arrow-show{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}.cy-treeselect-select.small{height:32px;line-height:32px}.cy-treeselect-select.small .cy-treeselect-select-v{font-size:13px}.cy-treeselect-select.mini{height:28px;line-height:28px}.cy-treeselect-select.mini .cy-treeselect-select-v{font-size:12px}.cy-treeselect-select:hover{border-color:#C0C4CC}.cy-treeselect-select-con-t{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #DCDFE6}.cy-treeselect-select-con-c{max-height:300px;overflow:auto}.el-form-item--medium .el-form-item--content .cy-treeselect{width:100%;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-form-item--medium .el-form-item--content .cy-treeselect>span{display:inline-block;width:100%}

package/packages/theme-cy/package.json

@@ -1,35 +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": {}
-}
+{
+	"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/packages/theme-cy/src/index.scss

@@ -1,6 +1,2 @@
 /* Automatically generated by './build/bin/gen-cssfile.js' */
-@import "./element.scss";
-@import "./fileUpload.scss";
-@import "./subTitle.scss";
-@import "./tabDialog.scss";
 @import "./treeselect.scss";

package/packages/theme-cy/src/treeselect.scss

@@ -1,93 +1,87 @@
-@import "./base.scss";
-
-.cy-tree-select {
-	.el-popover__reference-wrapper {
-		display: flex;
-	}
-}
-
-.cy-tree-select-select {
-	width: 217px;
-	height: 36px;
-	line-height: 36px;
-	border: 1px solid #DCDFE6;
-	border-radius: 4px;
-	padding: 0 29px 0 15px;
-	cursor: pointer;
-	overflow: hidden;
-	position: relative;
-	transition: all .3s;
-
-	.cy-tree-select-select-v {
-		width: 100%;
-		color: #606266;
-		font-size: 14px;
-		white-space: nowrap;
-		overflow: auto;
-	}
-
-	.cy-tree-select-select-v-placeholder {
-		color: #c0c4cc;
-	}
-
-	.cy-tree-select-select-v-icon {
-		color: #C0C4CC;
-		position: absolute;
-		top: 0;
-		right: 9px;
-
-		.cy-tree-select-select-v-arrow {
-			transform: rotateZ(0deg);
-			transition: all .3s;
-		}
-
-		.cy-tree-select-select-v-arrow-show {
-			transform: rotateZ(-180deg);
-		}
-	}
-}
-
-.cy-tree-select-select.small {
-	height: 32px;
-	line-height: 32px;
-
-	.cy-tree-select-select-v {
-		font-size: 13px;
-	}
-}
-
-.cy-tree-select-select.mini {
-	height: 28px;
-	line-height: 28px;
-
-	.cy-tree-select-select-v {
-		font-size: 12px;
-	}
-}
-
-.cy-tree-select-select:hover {
-	border-color: #C0C4CC;
-}
-
-.cy-tree-select-select-con-t {
-	padding-bottom: 5px;
-	margin-bottom: 5px;
-	border-bottom: 1px solid #DCDFE6;
-}
-
-.cy-tree-select-select-con-c {
-	max-height: 300px;
-	overflow: auto;
-}
-
-.el-form-item--medium .el-form-item--content .cy-tree-select {
-	width: 100%;
-	height: 36px;
-	display: flex;
-	align-items: center;
-
-	> span {
-		display: inline-block;
-		width: 100%;
-	}
-}
+@import "./base.scss";
+
+.cy-treeselect-select {
+	width: 217px;
+	height: 36px;
+	line-height: 36px;
+	border: 1px solid #DCDFE6;
+	border-radius: 4px;
+	padding: 0 29px 0 15px;
+	cursor: pointer;
+	overflow: hidden;
+	position: relative;
+	transition: all .3s;
+
+	.cy-treeselect-select-v {
+		width: 100%;
+		color: #606266;
+		font-size: 14px;
+		white-space: nowrap;
+		overflow: auto;
+	}
+
+	.cy-treeselect-select-v-placeholder {
+		color: #c0c4cc;
+	}
+
+	.cy-treeselect-select-v-icon {
+		color: #C0C4CC;
+		position: absolute;
+		top: 0;
+		right: 9px;
+
+		.cy-treeselect-select-v-arrow {
+			transform: rotateZ(0deg);
+			transition: all .3s;
+		}
+
+		.cy-treeselect-select-v-arrow-show {
+			transform: rotateZ(-180deg);
+		}
+	}
+}
+
+.cy-treeselect-select.small {
+	height: 32px;
+	line-height: 32px;
+
+	.cy-treeselect-select-v {
+		font-size: 13px;
+	}
+}
+
+.cy-treeselect-select.mini {
+	height: 28px;
+	line-height: 28px;
+
+	.cy-treeselect-select-v {
+		font-size: 12px;
+	}
+}
+
+.cy-treeselect-select:hover {
+	border-color: #C0C4CC;
+}
+
+.cy-treeselect-select-con-t {
+	padding-bottom: 5px;
+	margin-bottom: 5px;
+	border-bottom: 1px solid #DCDFE6;
+}
+
+.cy-treeselect-select-con-c {
+	max-height: 300px;
+	overflow: auto;
+}
+
+.el-form-item--medium .el-form-item--content .cy-treeselect {
+	width: 100%;
+	height: 36px;
+	display: flex;
+	align-items: center;
+
+	> span {
+		display: inline-block;
+		width: 100%;
+	}
+}

package/packages/time-picker/index.js

@@ -1,8 +1,8 @@
-import TimePicker from '../date-picker/src/picker/time-picker';
-
-/* istanbul ignore next */
-TimePicker.install = function(Vue) {
-	Vue.component(TimePicker.name, TimePicker);
-};
-
-export default TimePicker;
+import TimePicker from '../date-picker/src/picker/time-picker';
+
+/* istanbul ignore next */
+TimePicker.install = function(Vue) {
+	Vue.component(TimePicker.name, TimePicker);
+};
+
+export default TimePicker;

package/packages/time-select/index.js

@@ -1,8 +1,8 @@
-import TimeSelect from '../date-picker/src/picker/time-select';
-
-/* istanbul ignore next */
-TimeSelect.install = function(Vue) {
-	Vue.component(TimeSelect.name, TimeSelect);
-};
-
-export default TimeSelect;
+import TimeSelect from '../date-picker/src/picker/time-select';
+
+/* istanbul ignore next */
+TimeSelect.install = function(Vue) {
+	Vue.component(TimeSelect.name, TimeSelect);
+};
+
+export default TimeSelect;

package/packages/timeline/index.js

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

package/packages/timeline/src/item.vue

@@ -1,73 +1,73 @@
-<template>
-	<li class="el-timeline-item">
-		<div class="el-timeline-item__tail"></div>
-
-		<div v-if="!$slots.dot"
-			class="el-timeline-item__node"
-			:class="[
-				`el-timeline-item__node--${size || ''}`,
-				`el-timeline-item__node--${type || ''}`
-			]"
-			:style="{
-				backgroundColor: color
-			}"
-		>
-			<i v-if="icon"
-				class="el-timeline-item__icon"
-				:class="icon"
-			></i>
-		</div>
-		<div v-if="$slots.dot" class="el-timeline-item__dot">
-			<slot name="dot"></slot>
-		</div>
-
-		<div class="el-timeline-item__wrapper">
-			<div v-if="!hideTimestamp && placement === 'top'"
-				class="el-timeline-item__timestamp is-top">
-				{{ timestamp }}
-			</div>
-
-			<div class="el-timeline-item__content">
-				<slot></slot>
-			</div>
-
-			<div v-if="!hideTimestamp && placement === 'bottom'"
-				class="el-timeline-item__timestamp is-bottom">
-				{{ timestamp }}
-			</div>
-		</div>
-	</li>
-</template>
-
-<script>
-export default {
-	name: 'ElTimelineItem',
-
-	inject: ['timeline'],
-
-	props: {
-		timestamp: String,
-
-		hideTimestamp: {
-			type: Boolean,
-			default: false
-		},
-
-		placement: {
-			type: String,
-			default: 'bottom'
-		},
-
-		type: String,
-
-		color: String,
-
-		size: {
-			type: String,
-			default: 'normal'
-		},
-
-		icon: String
-	}
-};
-</script>
+<template>
+	<li class="el-timeline-item">
+		<div class="el-timeline-item__tail"></div>
+
+		<div v-if="!$slots.dot"
+			class="el-timeline-item__node"
+			:class="[
+				`el-timeline-item__node--${size || ''}`,
+				`el-timeline-item__node--${type || ''}`
+			]"
+			:style="{
+				backgroundColor: color
+			}"
+		>
+			<i v-if="icon"
+				class="el-timeline-item__icon"
+				:class="icon"
+			></i>
+		</div>
+		<div v-if="$slots.dot" class="el-timeline-item__dot">
+			<slot name="dot"></slot>
+		</div>
+
+		<div class="el-timeline-item__wrapper">
+			<div v-if="!hideTimestamp && placement === 'top'"
+				class="el-timeline-item__timestamp is-top">
+				{{timestamp}}
+			</div>
+
+			<div class="el-timeline-item__content">
+				<slot></slot>
+			</div>
+
+			<div v-if="!hideTimestamp && placement === 'bottom'"
+				class="el-timeline-item__timestamp is-bottom">
+				{{timestamp}}
+			</div>
+		</div>
+	</li>
+</template>
+
+<script>
+	export default {
+		name: 'ElTimelineItem',
+
+		inject: ['timeline'],
+
+		props: {
+			timestamp: String,
+
+			hideTimestamp: {
+				type: Boolean,
+				default: false
+			},
+
+			placement: {
+				type: String,
+				default: 'bottom'
+			},
+
+			type: String,
+
+			color: String,
+
+			size: {
+				type: String,
+				default: 'normal'
+			},
+
+			icon: String
+		}
+	};
+</script>

package/packages/timeline/src/main.vue

@@ -1,33 +1,33 @@
-<script>
-export default {
-	name: 'ElTimeline',
-
-	props: {
-		reverse: {
-			type: Boolean,
-			default: false
-		}
-	},
-
-	provide() {
-		return {
-			timeline: this
-		};
-	},
-
-	render() {
-		const reverse = this.reverse;
-		const classes = {
-			'el-timeline': true,
-			'is-reverse': reverse
-		};
-		let slots = this.$slots.default || [];
-		if (reverse) {
-			slots = slots.reverse();
-		}
-		return (<ul class={ classes }>
-			{ slots }
-		</ul>);
-	}
-};
-</script>
+<script>
+	export default {
+		name: 'ElTimeline',
+
+		props: {
+			reverse: {
+				type: Boolean,
+				default: false
+			}
+		},
+
+		provide() {
+			return {
+				timeline: this
+			};
+		},
+
+		render() {
+			const reverse = this.reverse;
+			const classes = {
+				'el-timeline': true,
+				'is-reverse': reverse
+			};
+			let slots = this.$slots.default || [];
+			if (reverse) {
+				slots = slots.reverse();
+			}
+			return (<ul class={ classes }>
+				{ slots }
+			</ul>);
+		}
+	};
+</script>

package/packages/timeline-item/index.js

@@ -1,8 +1,8 @@
-import ElTimelineItem from '../timeline/src/item';
-
-/* istanbul ignore next */
-ElTimelineItem.install = function(Vue) {
-	Vue.component(ElTimelineItem.name, ElTimelineItem);
-};
-
-export default ElTimelineItem;
+import ElTimelineItem from '../timeline/src/item';
+
+/* istanbul ignore next */
+ElTimelineItem.install = function(Vue) {
+	Vue.component(ElTimelineItem.name, ElTimelineItem);
+};
+
+export default ElTimelineItem;