cy-element-ui 1.0.44 → 1.0.45

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

@@ -1,79 +0,0 @@
-@import "mixins/mixins";
-@import "common/var";
-@import "button";
-@import "button-group";
-
-@include b(calendar) {
-	background-color:#fff;
-
-	@include e(header) {
-		display: flex;
-		justify-content: space-between;
-		padding: 12px 20px;
-		border-bottom: $--table-border;
-	}
-
-	@include e(title) {
-		color: #000000;
-		align-self: center;
-	}
-
-	@include e(body) {
-		padding: 12px 20px 35px;
-	}
-}
-
-@include b(calendar-table) {
-	table-layout: fixed;
-	width: 100%;
-
-	thead th {
-		padding: 12px 0;
-		color: $--color-text-regular;
-		font-weight: normal;
-	}
-
-	&:not(.is-range) {
-		td.prev,
-		td.next {
-			color: $--color-text-placeholder;
-		}
-	}
-
-	td {
-		border-bottom: $--calendar-border;
-		border-right: $--calendar-border;
-		vertical-align: top;
-		transition: background-color 0.2s ease;
-
-		@include when(selected) {
-			background-color: $--calendar-selected-background-color;
-		}
-
-		@include when(today) {
-			color: $--color-primary;
-		}
-	}
-
-	tr:first-child td {
-		border-top: $--calendar-border;
-	}
-
-	tr td:first-child {
-		border-left: $--calendar-border;
-	}
-
-	tr.el-calendar-table__row--hide-border td {
-		border-top: none;
-	}
-
-	@include b(calendar-day) {
-		box-sizing: border-box;
-		padding: 8px;
-		height: $--calendar-cell-width;
-		&:hover {
-			cursor: pointer;
-			background-color: $--calendar-selected-background-color;
-		}
-	}
-}

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

@@ -1,32 +0,0 @@
-@import "mixins/mixins";
-@import "common/var";
-
-@include b(card) {
-	border-radius: $--card-border-radius;
-	border: 1px solid $--card-border-color;
-	background-color: $--color-white;
-	overflow: hidden;
-	color: $--color-text-primary;
-	transition: 0.3s;
-
-	@include when(always-shadow) {
-		box-shadow: $--box-shadow-light;
-	}
-
-	@include when(hover-shadow) {
-		&:hover,
-		&:focus {
-			box-shadow: $--box-shadow-light;
-		}
-	}
-
-	@include e(header) {
-		padding: #{$--card-padding - 2 $--card-padding};
-		border-bottom: 1px solid $--card-border-color;
-		box-sizing: border-box;
-	}
-
-	@include e(body) {
-		padding: $--card-padding;
-	}
-}

package/lib/theme-chalk/src/carousel-item.scss

@@ -1,50 +0,0 @@
-@import "mixins/mixins";
-@import "common/var";
-
-@include b(carousel) {
-	@include e(item) {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		display: inline-block;
-		overflow: hidden;
-		z-index: #{$--index-normal - 1};
-
-		@include when(active) {
-			z-index: #{$--index-normal + 1};
-		}
-
-		@include when(animating) {
-			transition: transform .4s ease-in-out;
-		}
-
-		@include m(card) {
-			width: 50%;
-			transition: transform .4s ease-in-out;
-			&.is-in-stage {
-				cursor: pointer;
-				z-index: $--index-normal;
-				&:hover .el-carousel__mask,
-				&.is-hover .el-carousel__mask {
-					opacity: 0.12;
-				}
-			}
-			&.is-active {
-				z-index: #{$--index-normal + 1};
-			}
-		}
-	}
-
-	@include e(mask) {
-		position: absolute;
-		width: 100%;
-		height: 100%;
-		top: 0;
-		left: 0;
-		background-color: $--color-white;
-		opacity: 0.24;
-		transition: .2s;
-	}
-}

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

@@ -1,161 +0,0 @@
-@import "mixins/mixins";
-@import "common/var";
-
-@include b(carousel) {
-	position: relative;
-
-	@include m(horizontal) {
-		overflow-x: hidden;
-	}
-
-	@include m(vertical) {
-		overflow-y: hidden;
-	}
-
-	@include e(container) {
-		position: relative;
-		height: 300px;
-	}
-
-	@include e(arrow) {
-		border: none;
-		outline: none;
-		padding: 0;
-		margin: 0;
-		height: $--carousel-arrow-size;
-		width: $--carousel-arrow-size;
-		cursor: pointer;
-		transition: .3s;
-		border-radius: 50%;
-		background-color: $--carousel-arrow-background;
-		color: $--color-white;
-		position: absolute;
-		top: 50%;
-		z-index: 10;
-		transform: translateY(-50%);
-		text-align: center;
-		font-size: $--carousel-arrow-font-size;
-
-		@include m(left) {
-			left: 16px;
-		}
-
-		@include m(right) {
-			right: 16px;
-		}
-
-		&:hover {
-			background-color: $--carousel-arrow-hover-background;
-		}
-
-		& i {
-			cursor: pointer;
-		}
-	}
-
-	@include e(indicators) {
-		position: absolute;
-		list-style: none;
-		margin: 0;
-		padding: 0;
-		z-index: #{$--index-normal + 1};
-
-		@include m(horizontal) {
-			bottom: 0;
-			left: 50%;
-			transform: translateX(-50%);
-		}
-
-		@include m(vertical) {
-			right: 0;
-			top: 50%;
-			transform: translateY(-50%);
-		}
-
-		@include m(outside) {
-			bottom: #{$--carousel-indicator-height + $--carousel-indicator-padding-vertical * 2};
-			text-align: center;
-			position: static;
-			transform: none;
-			.el-carousel__indicator:hover button {
-				opacity: 0.64;
-			}
-			button {
-				background-color: $--carousel-indicator-out-color;
-				opacity: 0.24;
-			}
-		}
-
-		@include m(labels) {
-			left: 0;
-			right: 0;
-			transform: none;
-			text-align: center;
-
-			.el-carousel__button {
-				height: auto;
-				width: auto;
-				padding: 2px 18px;
-				font-size: 12px;
-			}
-
-			.el-carousel__indicator {
-				padding: 6px 4px;
-			}
-		}
-	}
-
-	@include e(indicator) {
-		background-color: transparent;
-		cursor: pointer;
-
-		&:hover button {
-			opacity: 0.72;
-		}
-
-		@include m(horizontal) {
-			display: inline-block;
-			padding: $--carousel-indicator-padding-vertical $--carousel-indicator-padding-horizontal;
-		}
-
-		@include m(vertical) {
-			padding: $--carousel-indicator-padding-horizontal $--carousel-indicator-padding-vertical;
-			.el-carousel__button {
-				width: $--carousel-indicator-height;
-				height: #{$--carousel-indicator-width / 2};
-			}
-		}
-
-		@include when(active) {
-			button {
-				opacity: 1;
-			}
-		}
-	}
-
-	@include e(button) {
-		display: block;
-		opacity: 0.48;
-		width: $--carousel-indicator-width;
-		height: $--carousel-indicator-height;
-		background-color: $--color-white;
-		border: none;
-		outline: none;
-		padding: 0;
-		margin: 0;
-		cursor: pointer;
-		transition: .3s;
-	}
-}
-
-.carousel-arrow-left-enter,
-.carousel-arrow-left-leave-active {
-	transform: translateY(-50%) translateX(-10px);
-	opacity: 0;
-}
-
-.carousel-arrow-right-enter,
-.carousel-arrow-right-leave-active {
-	transform: translateY(-50%) translateX(10px);
-	opacity: 0;
-}

package/lib/theme-chalk/src/cascader-panel.scss

@@ -1,120 +0,0 @@
-@import "mixins/mixins";
-@import "common/var";
-@import "./checkbox";
-@import "./radio";
-@import "./scrollbar";
-
-@include b(cascader-panel) {
-	display: flex;
-	border-radius: $--cascader-menu-radius;
-	font-size: $--cascader-menu-font-size;
-
-	@include when(bordered) {
-		border: $--cascader-menu-border;
-		border-radius: $--cascader-menu-radius;
-	}
-}
-
-@include b(cascader-menu) {
-	min-width: 180px;
-	box-sizing: border-box;
-	color: $--cascader-menu-font-color;
-	border-right: $--cascader-menu-border;
-
-	&:last-child {
-		border-right: none;
-		.el-cascader-node {
-			padding-right: 20px;
-		}
-	}
-
-	@include e(wrap) {
-		height: 204px;
-	}
-
-	@include e(list) {
-		position: relative;
-		min-height: 100%;
-		margin: 0;
-		padding: 6px 0;
-		list-style: none;
-		box-sizing: border-box;
-	}
-
-	@include e(hover-zone) {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		pointer-events: none;
-	}
-
-	@include e(empty-text) {
-		position: absolute;
-		top: 50%;
-		left: 50%;
-		transform: translate(-50%, -50%);
-		text-align: center;
-		color: $--cascader-color-empty;
-	}
-}
-
-@include b(cascader-node) {
-	position: relative;
-	display: flex;
-	align-items: center;
-	padding: 0 30px 0 20px;
-	height: 34px;
-	line-height: 34px;
-	outline: none;
-
-	&.is-selectable.in-active-path {
-		color: $--cascader-menu-font-color;
-	}
-
-	&.in-active-path,
-	&.is-selectable.in-checked-path,
-	&.is-active {
-		color: $--cascader-menu-selected-font-color;
-		font-weight: bold;
-	}
-
-	&:not(.is-disabled) {
-		cursor: pointer;
-		&:hover, &:focus {
-			background: $--cascader-node-background-hover;
-		}
-	}
-
-	@include when(disabled) {
-		color: $--cascader-node-color-disabled;
-		cursor: not-allowed;
-	}
-
-	@include e(prefix) {
-		position: absolute;
-		left: 10px;
-	}
-
-	@include e(postfix) {
-		position: absolute;
-		right: 10px;
-	}
-
-	@include e(label) {
-		flex: 1;
-		padding: 0 10px;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	> .el-radio {
-		margin-right: 0;
-
-		.el-radio__label {
-			padding-left: 0;
-		}
-	}
-}

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

@@ -1,182 +0,0 @@
-@import "mixins/mixins";
-@import "common/var";
-@import "./input";
-@import "./popper";
-@import "./tag";
-@import "./cascader-panel";
-
-@include b(cascader) {
-	display: inline-block;
-	position: relative;
-	font-size: $--font-size-base;
-	line-height: $--input-height;
-
-	&:not(.is-disabled):hover {
-		.el-input__inner {
-			cursor: pointer;
-			border-color: $--input-hover-border;
-		}
-	}
-
-	.el-input {
-		cursor: pointer;
-
-		.el-input__inner {
-			text-overflow: ellipsis;
-
-			&:focus {
-				border-color: $--input-focus-border;
-			}
-		}
-
-		.el-icon-arrow-down {
-			transition: transform .3s;
-			font-size: 14px;
-
-			@include when(reverse) {
-				transform: rotateZ(180deg);
-			}
-		}
-
-		.el-icon-circle-close:hover {
-			color: $--input-clear-hover-color;
-		}
-
-		@include when(focus) {
-			.el-input__inner {
-				border-color: $--input-focus-border;
-			}
-		}
-	}
-
-	@include m(medium) {
-		font-size: $--input-medium-font-size;
-		line-height: $--input-medium-height;
-	}
-
-	@include m(small) {
-		font-size: $--input-small-font-size;
-		line-height: $--input-small-height;
-	}
-
-	@include m(mini) {
-		font-size: $--input-mini-font-size;
-		line-height: $--input-mini-height;
-	}
-
-	@include when(disabled) {
-		.el-cascader__label {
-			z-index: #{$--index-normal + 1};
-			color: $--disabled-color-base;
-		}
-	}
-
-	@include e(dropdown) {
-		margin: 5px 0;
-		font-size: $--cascader-menu-font-size;
-		background: $--cascader-menu-fill;
-		border: $--cascader-menu-border;
-		border-radius: $--cascader-menu-radius;
-		box-shadow: $--cascader-menu-shadow;
-	}
-
-	@include e(tags) {
-		position: absolute;
-		left: 0;
-		right: 30px;
-		top: 50%;
-		transform: translateY(-50%);
-		display: flex;
-		flex-wrap: wrap;
-		line-height: normal;
-		text-align: left;
-		box-sizing: border-box;
-
-		.el-tag {
-			display: inline-flex;
-			align-items: center;
-			max-width: 100%;
-			margin: 2px 0 2px 6px;
-			text-overflow: ellipsis;
-			background: $--cascader-tag-background;
-
-			&:not(.is-hit) {
-				border-color: transparent;
-			}
-
-			> span {
-				flex: 1;
-				overflow: hidden;
-				text-overflow: ellipsis;
-			}
-
-			.el-icon-close {
-				flex: none;
-				background-color: $--color-text-placeholder;
-				color: $--color-white;
-
-				&:hover {
-					background-color: $--color-text-secondary;
-				}
-			}
-		}
-	}
-
-	@include e(suggestion-panel) {
-		border-radius: $--cascader-menu-radius;
-	}
-
-	@include e(suggestion-list) {
-		max-height: 204px;
-		margin: 0;
-		padding: 6px 0;
-		font-size: $--font-size-base;
-		color: $--cascader-menu-font-color;
-		text-align: center;
-	}
-
-	@include e(suggestion-item) {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		height: 34px;
-		padding: 0 15px;
-		text-align: left;
-		outline: none;
-		cursor: pointer;
-
-		&:hover, &:focus {
-			background: $--cascader-node-background-hover;
-		}
-
-		&.is-checked {
-			color: $--cascader-menu-selected-font-color;
-			font-weight: bold;
-		}
-
-		> span {
-			margin-right: 10px;
-		}
-	}
-
-	@include e(empty-text) {
-		margin: 10px 0;
-		color: $--cascader-color-empty;
-	}
-
-	@include e(search-input) {
-		flex: 1;
-		height: 24px;
-		min-width: 60px;
-		margin: 2px 0 2px 15px;
-		padding: 0;
-		color: $--cascader-menu-font-color;
-		border: none;
-		outline: none;
-		box-sizing: border-box;
-
-		&::placeholder {
-			color: $--color-text-placeholder;
-		}
-	}
-}