cy-element-ui 1.0.44 → 1.0.46

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

@@ -1,147 +0,0 @@
-@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

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

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

@@ -1,80 +0,0 @@
-@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

@@ -1,51 +0,0 @@
-@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

@@ -1,22 +0,0 @@
-@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
-	}
-}

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

@@ -1,57 +0,0 @@
-@import "mixins/mixins";
-@import "common/var";
-
-@include b(badge) {
-	position: relative;
-	vertical-align: middle;
-	display: inline-block;
-
-	@include e(content) {
-		background-color: $--badge-background-color;
-		border-radius: $--badge-radius;
-		color: $--color-white;
-		display: inline-block;
-		font-size: $--badge-font-size;
-		height: $--badge-size;
-		line-height: $--badge-size;
-		padding: 0 $--badge-padding;
-		text-align: center;
-		white-space: nowrap;
-		border: 1px solid $--color-white;
-
-		@include when(fixed) {
-			position: absolute;
-			top: 0;
-			right: #{1 + $--badge-size / 2};
-			transform: translateY(-50%) translateX(100%);
-
-			@include when(dot) {
-				right: 5px;
-			}
-		}
-
-		@include when(dot) {
-			height: 8px;
-			width: 8px;
-			padding: 0;
-			right: 0;
-			border-radius: 50%;
-		}
-
-		@each $type in (primary, success, warning, info, danger) {
-			@include m($type) {
-				@if $type == primary {
-					background-color: $--color-primary;
-				} @else if $type == success {
-					background-color: $--color-success;
-				} @else if $type == warning {
-					background-color: $--color-warning;
-				} @else if $type == info {
-					background-color: $--color-info;
-				} @else {
-					background-color: $--color-danger;
-				}
-			}
-		}
-	}
-}

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

@@ -1,2 +0,0 @@
-@import "common/transition.scss";
-@import "icon.scss";

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

@@ -1,55 +0,0 @@
-@import "mixins/mixins";
-@import "mixins/utils";
-@import "common/var";
-
-@include b(breadcrumb) {
-	font-size: 14px;
-	line-height: 1;
-	@include utils-clearfix;
-
-	@include e(separator) {
-		margin: 0 9px;
-		font-weight: bold;
-		color: $--color-text-placeholder;
-
-		&[class*=icon] {
-			margin: 0 6px;
-			font-weight: normal;
-		}
-	}
-
-	@include e(item) {
-		float: left;
-
-		@include e(inner) {
-			color: $--color-text-regular;
-
-			&.is-link, & a {
-				font-weight: bold;
-				text-decoration: none;
-				transition: $--color-transition-base;
-				color: $--color-text-primary;
-
-				&:hover {
-					color: $--color-primary;
-					cursor: pointer;
-				}
-			}
-		}
-
-		&:last-child {
-			.el-breadcrumb__inner,
-			.el-breadcrumb__inner a {
-				&, &:hover {
-					font-weight: normal;
-					color: $--color-text-regular;
-					cursor: text;
-				}
-			}
-
-			.el-breadcrumb__separator {
-				display: none;
-			}
-		}
-	}
-}

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

@@ -1,262 +0,0 @@
-@charset "UTF-8";
-@import "common/var";
-@import "mixins/button";
-@import "mixins/mixins";
-@import "mixins/utils";
-
-@include b(button) {
-	display: inline-block;
-	line-height: 1;
-	white-space: nowrap;
-	cursor: pointer;
-	background: $--button-default-background-color;
-	border: $--border-base;
-	border-color: $--button-default-border-color;
-	color: $--button-default-font-color;
-	-webkit-appearance: none;
-	text-align: center;
-	box-sizing: border-box;
-	outline: none;
-	margin: 0;
-	transition: .1s;
-	font-weight: $--button-font-weight;
-	@include utils-user-select(none);
-	& + & {
-		margin-left: 10px;
-	}
-
-	@include button-size($--button-padding-vertical, $--button-padding-horizontal, $--button-font-size, $--button-border-radius);
-
-	&:hover,
-	&:focus {
-		color: $--color-primary;
-		border-color: $--color-primary-light-7;
-		background-color: $--color-primary-light-9;
-	}
-
-	&:active {
-		color: mix($--color-black, $--color-primary, $--button-active-shade-percent);
-		border-color: mix($--color-black, $--color-primary, $--button-active-shade-percent);
-		outline: none;
-	}
-
-	&::-moz-focus-inner {
-		border: 0;
-	}
-
-	& [class*="el-icon-"] {
-		& + span {
-			margin-left: 5px;
-		}
-	}
-
-	@include when(plain) {
-		&:hover,
-		&:focus {
-			background: $--color-white;
-			border-color: $--color-primary;
-			color: $--color-primary;
-		}
-
-		&:active {
-			background: $--color-white;
-			border-color: mix($--color-black, $--color-primary, $--button-active-shade-percent);
-			color: mix($--color-black, $--color-primary, $--button-active-shade-percent);
-			outline: none;
-		}
-	}
-
-	@include when(active) {
-		color: mix($--color-black, $--color-primary, $--button-active-shade-percent);
-		border-color: mix($--color-black, $--color-primary, $--button-active-shade-percent);
-	}
-
-	@include when(disabled) {
-		&,
-		&:hover,
-		&:focus {
-			color: $--button-disabled-font-color;
-			cursor: not-allowed;
-			background-image: none;
-			background-color: $--button-disabled-background-color;
-			border-color: $--button-disabled-border-color;
-		}
-
-		&.el-button--text {
-			background-color: transparent;
-		}
-
-		&.is-plain {
-			&,
-			&:hover,
-			&:focus {
-				background-color: $--color-white;
-				border-color: $--button-disabled-border-color;
-				color: $--button-disabled-font-color;
-			}
-		}
-	}
-
-	@include when(loading) {
-		position: relative;
-		pointer-events: none;
-
-		&:before {
-			pointer-events: none;
-			content: '';
-			position: absolute;
-			left: -1px;
-			top: -1px;
-			right: -1px;
-			bottom: -1px;
-			border-radius: inherit;
-			background-color: rgba(255,255,255,.35);
-		}
-	}
-	@include when(round) {
-		border-radius: 20px;
-		padding: 12px 23px;
-	}
-	@include when(circle) {
-		border-radius: 50%;
-		padding: $--button-padding-vertical;
-	}
-	@include m(primary) {
-		@include button-variant($--button-primary-font-color, $--button-primary-background-color, $--button-primary-border-color);
-	}
-	@include m(success) {
-		@include button-variant($--button-success-font-color, $--button-success-background-color, $--button-success-border-color);
-	}
-	@include m(warning) {
-		@include button-variant($--button-warning-font-color, $--button-warning-background-color, $--button-warning-border-color);
-	}
-	@include m(danger) {
-		@include button-variant($--button-danger-font-color, $--button-danger-background-color, $--button-danger-border-color);
-	}
-	@include m(info) {
-		@include button-variant($--button-info-font-color, $--button-info-background-color, $--button-info-border-color);
-	}
-	@include m(medium) {
-		@include button-size($--button-medium-padding-vertical, $--button-medium-padding-horizontal, $--button-medium-font-size, $--button-medium-border-radius);
-		@include when(circle) {
-			padding: $--button-medium-padding-vertical;
-		}
-	}
-	@include m(small) {
-		@include button-size($--button-small-padding-vertical, $--button-small-padding-horizontal, $--button-small-font-size, $--button-small-border-radius);
-		@include when(circle) {
-			padding: $--button-small-padding-vertical;
-		}
-	}
-	@include m(mini) {
-		@include button-size($--button-mini-padding-vertical, $--button-mini-padding-horizontal, $--button-mini-font-size, $--button-mini-border-radius);
-		@include when(circle) {
-			padding: $--button-mini-padding-vertical;
-		}
-	}
-	@include m(text) {
-		border-color: transparent;
-		color: $--color-primary;
-		background: transparent;
-		padding-left: 0;
-		padding-right: 0;
-
-		&:hover,
-		&:focus {
-			color: mix($--color-white, $--color-primary, $--button-hover-tint-percent);
-			border-color: transparent;
-			background-color: transparent;
-		}
-		&:active {
-			color: mix($--color-black, $--color-primary, $--button-active-shade-percent);
-			border-color: transparent;
-			background-color: transparent;
-		}
-
-		&.is-disabled,
-		&.is-disabled:hover,
-		&.is-disabled:focus {
-			border-color: transparent;
-		}
-	}
-}
-
-@include b(button-group) {
-	@include utils-clearfix;
-	display: inline-block;
-	vertical-align: middle;
-
-	& > .el-button {
-		float: left;
-		position: relative;
-		& + .el-button {
-			margin-left: 0;
-		}
-		&.is-disabled {
-			z-index: 1;
-		}
-		&:first-child {
-			border-top-right-radius: 0;
-			border-bottom-right-radius: 0;
-		}
-		&:last-child {
-			border-top-left-radius: 0;
-			border-bottom-left-radius: 0;
-		}
-		&:first-child:last-child {
-			border-top-right-radius: $--button-border-radius;
-			border-bottom-right-radius: $--button-border-radius;
-			border-top-left-radius: $--button-border-radius;
-			border-bottom-left-radius: $--button-border-radius;
-
-			&.is-round {
-				border-radius: 20px;
-			}
-
-			&.is-circle {
-				border-radius: 50%;
-			}
-		}
-		&:not(:first-child):not(:last-child) {
-			border-radius: 0;
-		}
-		&:not(:last-child) {
-			margin-right: -1px;
-		}
-
-		&:not(.is-disabled) {
-			&:hover,
-			&:focus,
-			&:active {
-				z-index: 1;
-			}
-		}
-
-		@include when(active) {
-			z-index: 1;
-		}
-	}
-
-	& > .el-dropdown {
-		& > .el-button {
-			border-top-left-radius: 0;
-			border-bottom-left-radius: 0;
-			border-left-color: rgba($--color-white, 0.5);
-		}
-	}
-
-	@each $type in (primary, success, warning, danger, info) {
-		.el-button--#{$type} {
-			&:first-child {
-				border-right-color: rgba($--color-white, 0.5);
-			}
-			&:last-child {
-				border-left-color: rgba($--color-white, 0.5);
-			}
-			&:not(:first-child):not(:last-child) {
-				border-left-color: rgba($--color-white, 0.5);
-				border-right-color: rgba($--color-white, 0.5);
-			}
-		}
-	}
-}