cy-element-ui 1.0.28 → 1.0.30

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

@@ -0,0 +1,30 @@
+@import "./base.scss";
+
+.cy-file-upload-btn-box {
+	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: flex;
+	justify-content: space-between;
+	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;
+}

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

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

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

@@ -0,0 +1,26 @@
+@import "./base.scss";
+
+.cy-sub-title {
+	width: 100%;
+	font-size: 17px;
+	border-left: 5px solid #1890ff;
+	text-indent: 10px;
+	margin-bottom: 15px;
+	font-weight: bold;
+	color: #303133;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+
+	.left {
+		width: 100%;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.right {
+		flex-shrink: 0;
+		margin-left: 20px;
+	}
+}

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

@@ -0,0 +1,43 @@
+@import "./base.scss";
+
+.cy-tab-dialog {
+	line-height: 0;
+}
+
+.cy-tab-dialog-modal {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	opacity: 0.5;
+	background: #000000;
+}
+
+.cy-tab-dialog .el-dialog__wrapper{
+	position: absolute !important;
+	line-height: 18px;
+
+	.el-dialog {
+		box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .4);
+		display: flex;
+		flex-direction: column;
+
+		.el-dialog__header {
+			flex-shrink: 0;
+		}
+
+		.el-dialog__body {
+			height: 100%;
+		}
+	}
+}
+
+.cy-tab-dialog.cy-tab-dialog-fullscreen .el-dialog__wrapper{
+	position: fixed !important;
+
+	.el-dialog {
+		left: 0 !important;
+		top: 0;
+	}
+}

package/packages/theme-cy/src/{treeselect.scss → treeSelect.scss}

@@ -1,87 +1,93 @@
-@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%;
-	}
-}
+@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%;
+	}
+}

package/packages/timeline/src/item.vue

@@ -24,7 +24,7 @@
 		<div class="el-timeline-item__wrapper">
 			<div v-if="!hideTimestamp && placement === 'top'"
 				class="el-timeline-item__timestamp is-top">
-				{{timestamp}}
+				{{ timestamp }}
 			</div>
 
 			<div class="el-timeline-item__content">
@@ -33,7 +33,7 @@
 
 			<div v-if="!hideTimestamp && placement === 'bottom'"
 				class="el-timeline-item__timestamp is-bottom">
-				{{timestamp}}
+				{{ timestamp }}
 			</div>
 		</div>
 	</li>

package/packages/tooltip/src/main.js

@@ -57,7 +57,7 @@ export default {
 
 	data() {
 		return {
-			tooltipId: `el-tooltip-${generateId()}`,
+			tooltipId: `el-tooltip-${ generateId() }`,
 			timeoutPending: null,
 			focusing: false
 		};

package/packages/tree/src/tree-node.vue

@@ -258,7 +258,7 @@
 			const props = tree.props || {};
 			const childrenKey = props['children'] || 'children';
 
-			this.$watch(`node.data.${childrenKey}`, () => {
+			this.$watch(`node.data.${ childrenKey }`, () => {
 				this.node.updateChildren();
 			});
 
@@ -267,9 +267,9 @@
 				this.childNodeRendered = true;
 			}
 
-			if(this.tree.accordion) {
+			if (this.tree.accordion) {
 				this.$on('tree-node-expand', node => {
-					if(this.node !== node) {
+					if (this.node !== node) {
 						this.node.collapse();
 					}
 				});

package/packages/treeSelect/index.js

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