cy-element-ui 1.0.44 → 1.0.45

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

@@ -1,360 +0,0 @@
-@import "mixins/mixins";
-@import "common/var";
-
-@include b(textarea) {
-	position: relative;
-	display: inline-block;
-	width: 100%;
-	vertical-align: bottom;
-	font-size: $--font-size-base;
-
-	@include e(inner) {
-		display: block;
-		resize: vertical;
-		padding: 5px 15px;
-		line-height: 1.5;
-		box-sizing: border-box;
-		width: 100%;
-		font-size: inherit;
-		color: $--input-font-color;
-		background-color: $--input-background-color;
-		background-image: none;
-		border: $--input-border;
-		border-radius: $--input-border-radius;
-		transition: $--border-transition-base;
-
-		&::placeholder {
-			color: $--input-placeholder-color;
-		}
-
-		&:hover {
-			border-color: $--input-hover-border;
-		}
-
-		&:focus {
-			outline: none;
-			border-color: $--input-focus-border;
-		}
-	}
-
-	& .el-input__count {
-		color: $--color-info;
-		background: $--color-white;
-		position: absolute;
-		font-size: 12px;
-		bottom: 5px;
-		right: 10px;
-	}
-
-	@include when(disabled) {
-		.el-textarea__inner {
-			background-color: $--input-disabled-fill;
-			border-color: $--input-disabled-border;
-			color: $--input-disabled-color;
-			cursor: not-allowed;
-
-			&::placeholder {
-				color: $--input-disabled-placeholder-color;
-			}
-		}
-	}
-
-	@include when(exceed) {
-		.el-textarea__inner {
-			border-color: $--color-danger;
-		}
-
-		.el-input__count {
-			color: $--color-danger;
-		}
-	}
-}
-
-@include b(input) {
-	position: relative;
-	font-size: $--font-size-base;
-	display: inline-block;
-	width: 100%;
-	@include scroll-bar;
-
-	& .el-input__clear {
-		color: $--input-icon-color;
-		font-size: $--input-font-size;
-		cursor: pointer;
-		transition: $--color-transition-base;
-
-		&:hover {
-			color: $--input-clear-hover-color;
-		}
-	}
-
-	& .el-input__count {
-		height: 100%;
-		display: inline-flex;
-		align-items: center;
-		color: $--color-info;
-		font-size: 12px;
-
-		.el-input__count-inner {
-			background: $--color-white;
-			line-height: initial;
-			display: inline-block;
-			padding: 0 5px;
-		}
-	}
-
-	@include e(inner) {
-		-webkit-appearance: none;
-		background-color: $--input-background-color;
-		background-image: none;
-		border-radius: $--input-border-radius;
-		border: $--input-border;
-		box-sizing: border-box;
-		color: $--input-font-color;
-		display: inline-block;
-		font-size: inherit;
-		height: $--input-height;
-		line-height: $--input-height;
-		outline: none;
-		padding: 0 15px;
-		transition: $--border-transition-base;
-		width: 100%;
-
-		&::-ms-reveal {
-			display: none;
-		}
-
-		&::placeholder {
-			color: $--input-placeholder-color;
-		}
-
-		&:hover {
-			border-color: $--input-hover-border;
-		}
-
-		&:focus {
-			outline: none;
-			border-color: $--input-focus-border;
-		}
-	}
-
-	@include e(suffix) {
-		position: absolute;
-		height: 100%;
-		right: 5px;
-		top: 0;
-		text-align: center;
-		color: $--input-icon-color;
-		transition: all .3s;
-		pointer-events: none;
-	}
-
-	@include e(suffix-inner) {
-		pointer-events: all;
-	}
-
-	@include e(prefix) {
-		position: absolute;
-		height: 100%;
-		left: 5px;
-		top: 0;
-		text-align: center;
-		color: $--input-icon-color;
-		transition: all .3s;
-	}
-
-	@include e(icon) {
-		height: 100%;
-		width: 25px;
-		text-align: center;
-		transition: all .3s;
-		line-height: $--input-height;
-
-		&:after {
-			content: '';
-			height: 100%;
-			width: 0;
-			display: inline-block;
-			vertical-align: middle;
-		}
-	}
-
-	@include e(validateIcon) {
-		pointer-events: none;
-	}
-
-	@include when(active) {
-		.el-input__inner {
-			outline: none;
-			border-color: $--input-focus-border;
-		}
-	}
-
-	@include when(disabled) {
-		.el-input__inner {
-			background-color: $--input-disabled-fill;
-			border-color: $--input-disabled-border;
-			color: $--input-disabled-color;
-			cursor: not-allowed;
-
-			&::placeholder {
-				color: $--input-disabled-placeholder-color;
-			}
-		}
-
-		.el-input__icon {
-			cursor: not-allowed;
-		}
-	}
-
-	@include when(exceed) {
-		.el-input__inner {
-			border-color: $--color-danger;
-		}
-
-		.el-input__suffix {
-			.el-input__count {
-				color: $--color-danger;
-			}
-		}
-	}
-
-	@include m(suffix) {
-		.el-input__inner {
-			padding-right: 30px;
-		}
-	}
-
-	@include m(prefix) {
-		.el-input__inner {
-			padding-left: 30px;
-		}
-	}
-
-	@include m(medium) {
-		font-size: $--input-medium-font-size;
-
-		@include e(inner) {
-			height: $--input-medium-height;
-			line-height: $--input-medium-height;
-		}
-
-		.el-input__icon {
-			line-height: $--input-medium-height;
-		}
-	}
-	@include m(small) {
-		font-size: $--input-small-font-size;
-
-		@include e(inner) {
-			height: $--input-small-height;
-			line-height: $--input-small-height;
-		}
-
-		.el-input__icon {
-			line-height: $--input-small-height;
-		}
-	}
-	@include m(mini) {
-		font-size: $--input-mini-font-size;
-
-		@include e(inner) {
-			height: $--input-mini-height;
-			line-height: $--input-mini-height;
-		}
-
-		.el-input__icon {
-			line-height: $--input-mini-height;
-		}
-	}
-}
-
-@include b(input-group) {
-	line-height: normal;
-	display: inline-table;
-	width: 100%;
-	border-collapse: separate;
-	border-spacing:0;
-
-	> .el-input__inner {
-		vertical-align: middle;
-		display: table-cell;
-	}
-
-	@include e((append, prepend)) {
-		background-color: $--background-color-base;
-		color: $--color-info;
-		vertical-align: middle;
-		display: table-cell;
-		position: relative;
-		border: $--border-base;
-		border-radius: $--input-border-radius;
-		padding: 0 20px;
-		width: 1px;
-		white-space: nowrap;
-
-		&:focus {
-			outline: none;
-		}
-
-		.el-select,
-		.el-button {
-			display: inline-block;
-			margin: -10px -20px;
-		}
-
-		button.el-button,
-		div.el-select .el-input__inner,
-		div.el-select:hover .el-input__inner {
-			border-color: transparent;
-			background-color: transparent;
-			color: inherit;
-			border-top: 0;
-			border-bottom: 0;
-		}
-
-		.el-button,
-		.el-input {
-			font-size: inherit;
-		}
-	}
-
-	@include e(prepend) {
-		border-right: 0;
-		border-top-right-radius: 0;
-		border-bottom-right-radius: 0;
-	}
-
-	@include e(append) {
-		border-left: 0;
-		border-top-left-radius: 0;
-		border-bottom-left-radius: 0;
-	}
-
-	@include m(prepend) {
-		.el-input__inner {
-			border-top-left-radius: 0;
-			border-bottom-left-radius: 0;
-		}
-		.el-select .el-input.is-focus .el-input__inner {
-			border-color: transparent;
-		}
-	}
-
-	@include m(append) {
-		.el-input__inner {
-			border-top-right-radius: 0;
-			border-bottom-right-radius: 0;
-		}
-		.el-select .el-input.is-focus .el-input__inner {
-			border-color: transparent;
-		}
-	}
-}
-
-/** disalbe default clear on IE */
-.el-input__inner::-ms-clear {
-	display: none;
-	width: 0;
-	height: 0;
-}

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

@@ -1,81 +0,0 @@
-@import "mixins/mixins";
-@import "common/var";
-
-$typeMap: (
-	primary: $--link-primary-font-color,
-	danger: $--link-danger-font-color,
-	success: $--link-success-font-color,
-	warning: $--link-warning-font-color,
-	info: $--link-info-font-color);
-
-@include b(link) {
-	display: inline-flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: center;
-	vertical-align: middle;
-	position: relative;
-	text-decoration: none;
-	outline: none;
-	cursor: pointer;
-	padding: 0;
-	font-size: $--link-font-size;
-	font-weight: $--link-font-weight;
-
-	@include when(underline) {
-		&:hover:after {
-			content: "";
-			position: absolute;
-			left: 0;
-			right: 0;
-			height: 0;
-			bottom: 0;
-			border-bottom: 1px solid $--link-default-active-color
-		}
-	}
-
-	@include when(disabled) {
-		cursor: not-allowed;
-	}
-
-	& [class*="el-icon-"] {
-		& + span {
-			margin-left: 5px;
-		}
-	}
-
-
-	&.el-link--default	{
-		color: $--link-default-font-color;
-		&:hover {
-			color: $--link-default-active-color
-		}
-		&:after {
-			border-color: $--link-default-active-color
-		}
-		@include when(disabled) {
-			color: $--link-disabled-font-color
-		}
-	}
-
-	@each $type, $primaryColor in $typeMap {
-		&.el-link--#{$type} {
-			color: $primaryColor;
-			&:hover {
-				color: mix($primaryColor, $--color-white, 80%)
-			}
-			&:after {
-				border-color: $primaryColor
-			}
-			@include when(disabled) {
-				color: mix($primaryColor, $--color-white, 50%)
-			}
-			@include when(underline) {
-				&:hover:after {
-					border-color: $primaryColor
-				}
-			}
-		}
-	}
-
-}

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

@@ -1,96 +0,0 @@
-@import "mixins/mixins";
-@import "common/var";
-
-@include b(loading-parent) {
-	@include m(relative) {
-		position: relative !important;
-	}
-
-	@include m(hidden) {
-		overflow: hidden !important;
-	}
-}
-
-@include b(loading-mask) {
-	position: absolute;
-	z-index: 2000;
-	background-color: rgba(255, 255, 255, .9);
-	margin: 0;
-	top: 0;
-	right: 0;
-	bottom: 0;
-	left: 0;
-	transition: opacity 0.3s;
-
-	@include when(fullscreen) {
-		position: fixed;
-
-		.el-loading-spinner {
-			margin-top: #{- $--loading-fullscreen-spinner-size / 2};
-
-			.circular {
-				height: $--loading-fullscreen-spinner-size;
-				width: $--loading-fullscreen-spinner-size;
-			}
-		}
-	}
-}
-
-@include b(loading-spinner) {
-	top: 50%;
-	margin-top: #{- $--loading-spinner-size / 2};
-	width: 100%;
-	text-align: center;
-	position: absolute;
-
-	.el-loading-text {
-		color: $--color-primary;
-		margin: 3px 0;
-		font-size: 14px;
-	}
-
-	.circular {
-		height: $--loading-spinner-size;
-		width: $--loading-spinner-size;
-		animation: loading-rotate 2s linear infinite;
-	}
-
-	.path {
-		animation: loading-dash 1.5s ease-in-out infinite;
-		stroke-dasharray: 90, 150;
-		stroke-dashoffset: 0;
-		stroke-width: 2;
-		stroke: $--color-primary;
-		stroke-linecap: round;
-	}
-
-	i {
-		color: $--color-primary;
-	}
-}
-
-.el-loading-fade-enter,
-.el-loading-fade-leave-active {
-	opacity: 0;
-}
-
-@keyframes loading-rotate {
-	100% {
-		transform: rotate(360deg);
-	}
-}
-
-@keyframes loading-dash {
-	0% {
-		stroke-dasharray: 1, 200;
-		stroke-dashoffset: 0;
-	}
-	50% {
-		stroke-dasharray: 90, 150;
-		stroke-dashoffset: -40px;
-	}
-	100% {
-		stroke-dasharray: 90, 150;
-		stroke-dashoffset: -120px;
-	}
-}

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

@@ -1,12 +0,0 @@
-@import "mixins/mixins";
-@import "common/var";
-
-@include b(main) {
-	// IE11 supports the <main> element partially https://caniuse.com/#search=main
-	display: block;
-	flex: 1;
-	flex-basis: auto;
-	overflow: auto;
-	box-sizing: border-box;
-	padding: $--main-padding;
-}