cy-element-ui 1.1.13 → 1.1.15

package/packages/theme-chalk/src/common/popup.scss

@@ -2,41 +2,41 @@
 @import "../mixins/mixins";
 
 .v-modal-enter {
-  animation: v-modal-in .2s ease;
+	animation: v-modal-in .2s ease;
 }
 
 .v-modal-leave {
-  animation: v-modal-out .2s ease forwards;
+	animation: v-modal-out .2s ease forwards;
 }
 
 @keyframes v-modal-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-  }
+	0% {
+		opacity: 0;
+	}
+	100% {
+	}
 }
 
 @keyframes v-modal-out {
-  0% {
-  }
-  100% {
-    opacity: 0;
-  }
+	0% {
+	}
+	100% {
+		opacity: 0;
+	}
 }
 
 .v-modal {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  opacity: $--popup-modal-opacity;
-  background: $--popup-modal-background-color;
+	position: fixed;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	opacity: $--popup-modal-opacity;
+	background: $--popup-modal-background-color;
 }
 
 @include b(popup-parent) {
-  @include m(hidden) {
-    overflow: hidden;
-  }
+	@include m(hidden) {
+		overflow: hidden;
+	}
 }

package/packages/theme-chalk/src/common/transition.scss

@@ -2,98 +2,98 @@
 
 .fade-in-linear-enter-active,
 .fade-in-linear-leave-active {
-  transition: $--fade-linear-transition;
+	transition: $--fade-linear-transition;
 }
 .fade-in-linear-enter,
 .fade-in-linear-leave,
 .fade-in-linear-leave-active {
-  opacity: 0;
+	opacity: 0;
 }
 
 .el-fade-in-linear-enter-active,
 .el-fade-in-linear-leave-active {
-  transition: $--fade-linear-transition;
+	transition: $--fade-linear-transition;
 }
 .el-fade-in-linear-enter,
 .el-fade-in-linear-leave,
 .el-fade-in-linear-leave-active {
-  opacity: 0;
+	opacity: 0;
 }
 
 .el-fade-in-enter-active,
 .el-fade-in-leave-active {
-  transition: all .3s cubic-bezier(.55,0,.1,1);
+	transition: all .3s cubic-bezier(.55,0,.1,1);
 }
 .el-fade-in-enter,
 .el-fade-in-leave-active {
-  opacity: 0;
+	opacity: 0;
 }
 
 .el-zoom-in-center-enter-active,
 .el-zoom-in-center-leave-active {
-  transition: all .3s cubic-bezier(.55,0,.1,1);
+	transition: all .3s cubic-bezier(.55,0,.1,1);
 }
 .el-zoom-in-center-enter,
 .el-zoom-in-center-leave-active {
-  opacity: 0;
-  transform: scaleX(0);
+	opacity: 0;
+	transform: scaleX(0);
 }
 
 .el-zoom-in-top-enter-active,
 .el-zoom-in-top-leave-active {
-  opacity: 1;
-  transform: scaleY(1);
-  transition: $--md-fade-transition;
-  transform-origin: center top;
+	opacity: 1;
+	transform: scaleY(1);
+	transition: $--md-fade-transition;
+	transform-origin: center top;
 }
 .el-zoom-in-top-enter,
 .el-zoom-in-top-leave-active {
-  opacity: 0;
-  transform: scaleY(0);
+	opacity: 0;
+	transform: scaleY(0);
 }
 
 .el-zoom-in-bottom-enter-active,
 .el-zoom-in-bottom-leave-active {
-  opacity: 1;
-  transform: scaleY(1);
-  transition: $--md-fade-transition;
-  transform-origin: center bottom;
+	opacity: 1;
+	transform: scaleY(1);
+	transition: $--md-fade-transition;
+	transform-origin: center bottom;
 }
 .el-zoom-in-bottom-enter,
 .el-zoom-in-bottom-leave-active {
-  opacity: 0;
-  transform: scaleY(0);
+	opacity: 0;
+	transform: scaleY(0);
 }
 
 .el-zoom-in-left-enter-active,
 .el-zoom-in-left-leave-active {
-  opacity: 1;
-  transform: scale(1, 1);
-  transition: $--md-fade-transition;
-  transform-origin: top left;
+	opacity: 1;
+	transform: scale(1, 1);
+	transition: $--md-fade-transition;
+	transform-origin: top left;
 }
 .el-zoom-in-left-enter,
 .el-zoom-in-left-leave-active {
-  opacity: 0;
-  transform: scale(.45, .45);
+	opacity: 0;
+	transform: scale(.45, .45);
 }
 
 .collapse-transition {
-  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
+	transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
 }
 .horizontal-collapse-transition {
-  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
+	transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
 }
 
 .el-list-enter-active,
 .el-list-leave-active {
-  transition: all 1s;
+	transition: all 1s;
 }
 .el-list-enter, .el-list-leave-active {
-  opacity: 0;
-  transform: translateY(-30px);
+	opacity: 0;
+	transform: translateY(-30px);
 }
 
 .el-opacity-transition {
-  transition: opacity .3s cubic-bezier(.55,0,.1,1);
+	transition: opacity .3s cubic-bezier(.55,0,.1,1);
 }

package/packages/theme-chalk/src/common/var.scss

@@ -1006,23 +1006,23 @@ $--lg: 1200px !default;
 $--xl: 1920px !default;
 
 $--breakpoints: (
-  'xs' : "(max-width: #{$--sm - 1})",
-  'sm' : "(min-width: #{$--sm})",
-  'md' : "(min-width: #{$--md})",
-  'lg' : "(min-width: #{$--lg})",
-  'xl' : "(min-width: #{$--xl})"
+	'xs' : "(max-width: #{$--sm - 1})",
+	'sm' : "(min-width: #{$--sm})",
+	'md' : "(min-width: #{$--md})",
+	'lg' : "(min-width: #{$--lg})",
+	'xl' : "(min-width: #{$--xl})"
 );
 
 $--breakpoints-spec: (
-  'xs-only' : "(max-width: #{$--sm - 1})",
-  'sm-and-up' : "(min-width: #{$--sm})",
-  'sm-only': "(min-width: #{$--sm}) and (max-width: #{$--md - 1})",
-  'sm-and-down': "(max-width: #{$--md - 1})",
-  'md-and-up' : "(min-width: #{$--md})",
-  'md-only': "(min-width: #{$--md}) and (max-width: #{$--lg - 1})",
-  'md-and-down': "(max-width: #{$--lg - 1})",
-  'lg-and-up' : "(min-width: #{$--lg})",
-  'lg-only': "(min-width: #{$--lg}) and (max-width: #{$--xl - 1})",
-  'lg-and-down': "(max-width: #{$--xl - 1})",
-  'xl-only' : "(min-width: #{$--xl})",
+	'xs-only' : "(max-width: #{$--sm - 1})",
+	'sm-and-up' : "(min-width: #{$--sm})",
+	'sm-only': "(min-width: #{$--sm}) and (max-width: #{$--md - 1})",
+	'sm-and-down': "(max-width: #{$--md - 1})",
+	'md-and-up' : "(min-width: #{$--md})",
+	'md-only': "(min-width: #{$--md}) and (max-width: #{$--lg - 1})",
+	'md-and-down': "(max-width: #{$--lg - 1})",
+	'lg-and-up' : "(min-width: #{$--lg})",
+	'lg-only': "(min-width: #{$--lg}) and (max-width: #{$--xl - 1})",
+	'lg-and-down': "(max-width: #{$--xl - 1})",
+	'xl-only' : "(min-width: #{$--xl})",
 );

package/packages/theme-chalk/src/container.scss

@@ -1,14 +1,14 @@
 @import "mixins/mixins";
 
 @include b(container) {
-  display: flex;
-  flex-direction: row;
-  flex: 1;
-  flex-basis: auto;
-  box-sizing: border-box;
-  min-width: 0;
+	display: flex;
+	flex-direction: row;
+	flex: 1;
+	flex-basis: auto;
+	box-sizing: border-box;
+	min-width: 0;
 
-  @include when(vertical) {
-    flex-direction: column;
-  }
+	@include when(vertical) {
+		flex-direction: column;
+	}
 }

package/packages/theme-chalk/src/cy/base.scss

@@ -1,3 +1,3 @@
 *, *::before, *::after {
-  box-sizing: border-box;
+	box-sizing: border-box;
 }

package/packages/theme-chalk/src/date-picker/date-picker.scss

@@ -3,95 +3,95 @@
 @import "./picker-panel.scss";
 
 @include b(date-picker) {
-  width: 322px;
-
-  &.has-sidebar.has-time {
-    width: 434px;
-  }
-
-  &.has-sidebar {
-    width: 438px;
-  }
-
-  &.has-time .el-picker-panel__body-wrapper {
-    position: relative;
-  }
-
-  .el-picker-panel__content {
-    width: 292px;
-  }
-
-  table {
-    table-layout: fixed;
-    width: 100%;
-  }
-
-  @include e(editor-wrap) {
-    position: relative;
-    display: table-cell;
-    padding: 0 5px;
-  }
-
-  @include e(time-header) {
-    position: relative;
-    border-bottom: 1px solid $--datepicker-inner-border-color;
-    font-size: 12px;
-    padding: 8px 5px 5px 5px;
-    display: table;
-    width: 100%;
-    box-sizing: border-box;
-  }
-
-  @include e(header) {
-    margin: 12px;
-    text-align: center;
-
-    @include m(bordered) {
-      margin-bottom: 0;
-      padding-bottom: 12px;
-      border-bottom: solid 1px $--border-color-lighter;
-
-      & + .el-picker-panel__content {
-        margin-top: 0;
-      }
-    }
-  }
-
-  @include e(header-label) {
-    font-size: 16px;
-    font-weight: 500;
-    padding: 0 5px;
-    line-height: 22px;
-    text-align: center;
-    cursor: pointer;
-    color: $--color-text-regular;
-
-    &:hover {
-      color: $--datepicker-hover-font-color;
-    }
-
-    &.active {
-      color: $--datepicker-active-color;
-    }
-  }
-
-  @include e(prev-btn) {
-    float: left;
-  }
-
-  @include e(next-btn) {
-    float: right;
-  }
-
-  @include e(time-wrap) {
-    padding: 10px;
-    text-align: center;
-  }
-
-  @include e(time-label) {
-    float: left;
-    cursor: pointer;
-    line-height: 30px;
-    margin-left: 10px;
-  }
+	width: 322px;
+
+	&.has-sidebar.has-time {
+		width: 434px;
+	}
+
+	&.has-sidebar {
+		width: 438px;
+	}
+
+	&.has-time .el-picker-panel__body-wrapper {
+		position: relative;
+	}
+
+	.el-picker-panel__content {
+		width: 292px;
+	}
+
+	table {
+		table-layout: fixed;
+		width: 100%;
+	}
+
+	@include e(editor-wrap) {
+		position: relative;
+		display: table-cell;
+		padding: 0 5px;
+	}
+
+	@include e(time-header) {
+		position: relative;
+		border-bottom: 1px solid $--datepicker-inner-border-color;
+		font-size: 12px;
+		padding: 8px 5px 5px 5px;
+		display: table;
+		width: 100%;
+		box-sizing: border-box;
+	}
+
+	@include e(header) {
+		margin: 12px;
+		text-align: center;
+
+		@include m(bordered) {
+			margin-bottom: 0;
+			padding-bottom: 12px;
+			border-bottom: solid 1px $--border-color-lighter;
+
+			& + .el-picker-panel__content {
+				margin-top: 0;
+			}
+		}
+	}
+
+	@include e(header-label) {
+		font-size: 16px;
+		font-weight: 500;
+		padding: 0 5px;
+		line-height: 22px;
+		text-align: center;
+		cursor: pointer;
+		color: $--color-text-regular;
+
+		&:hover {
+			color: $--datepicker-hover-font-color;
+		}
+
+		&.active {
+			color: $--datepicker-active-color;
+		}
+	}
+
+	@include e(prev-btn) {
+		float: left;
+	}
+
+	@include e(next-btn) {
+		float: right;
+	}
+
+	@include e(time-wrap) {
+		padding: 10px;
+		text-align: center;
+	}
+
+	@include e(time-label) {
+		float: left;
+		cursor: pointer;
+		line-height: 30px;
+		margin-left: 10px;
+	}
 }

package/packages/theme-chalk/src/date-picker/date-range-picker.scss

@@ -1,101 +1,101 @@
 @import "../common/var";
 
 @include b(date-range-picker) {
-  width: 646px;
-
-  &.has-sidebar {
-    width: 756px;
-  }
-
-  table {
-    table-layout: fixed;
-    width: 100%;
-  }
-
-  .el-picker-panel__body {
-    min-width: 513px;
-  }
-
-  .el-picker-panel__content {
-    margin: 0;
-  }
-
-  @include e(header) {
-    position: relative;
-    text-align: center;
-    height: 28px;
-
-    [class*=arrow-left] {
-      float: left;
-    }
-
-    [class*=arrow-right] {
-      float: right;
-    }
-
-    div {
-      font-size: 16px;
-      font-weight: 500;
-      margin-right: 50px;
-    }
-  }
-
-  @include e(content) {
-    float: left;
-    width: 50%;
-    box-sizing: border-box;
-    margin: 0;
-    padding: 16px;
-
-    @include when(left) {
-      border-right: 1px solid $--datepicker-inner-border-color;
-    }
-    .el-date-range-picker__header {
-
-      div {
-        margin-left: 50px;
-        margin-right: 50px;
-      }
-    }
-  }
-
-  @include e(editors-wrap) {
-    box-sizing: border-box;
-    display: table-cell;
-
-    @include when(right) {
-      text-align: right;
-    }
-  }
-
-  @include e(time-header) {
-    position: relative;
-    border-bottom: 1px solid $--datepicker-inner-border-color;
-    font-size: 12px;
-    padding: 8px 5px 5px 5px;
-    display: table;
-    width: 100%;
-    box-sizing: border-box;
-
-    > .el-icon-arrow-right {
-      font-size: 20px;
-      vertical-align: middle;
-      display: table-cell;
-      color: $--datepicker-icon-color;
-    }
-  }
-
-  @include e(time-picker-wrap) {
-    position: relative;
-    display: table-cell;
-    padding: 0 5px;
-
-    .el-picker-panel {
-      position: absolute;
-      top: 13px;
-      right: 0;
-      z-index: 1;
-      background: $--color-white;
-    }
-  }
+	width: 646px;
+
+	&.has-sidebar {
+		width: 756px;
+	}
+
+	table {
+		table-layout: fixed;
+		width: 100%;
+	}
+
+	.el-picker-panel__body {
+		min-width: 513px;
+	}
+
+	.el-picker-panel__content {
+		margin: 0;
+	}
+
+	@include e(header) {
+		position: relative;
+		text-align: center;
+		height: 28px;
+
+		[class*=arrow-left] {
+			float: left;
+		}
+
+		[class*=arrow-right] {
+			float: right;
+		}
+
+		div {
+			font-size: 16px;
+			font-weight: 500;
+			margin-right: 50px;
+		}
+	}
+
+	@include e(content) {
+		float: left;
+		width: 50%;
+		box-sizing: border-box;
+		margin: 0;
+		padding: 16px;
+
+		@include when(left) {
+			border-right: 1px solid $--datepicker-inner-border-color;
+		}
+		.el-date-range-picker__header {
+
+			div {
+				margin-left: 50px;
+				margin-right: 50px;
+			}
+		}
+	}
+
+	@include e(editors-wrap) {
+		box-sizing: border-box;
+		display: table-cell;
+
+		@include when(right) {
+			text-align: right;
+		}
+	}
+
+	@include e(time-header) {
+		position: relative;
+		border-bottom: 1px solid $--datepicker-inner-border-color;
+		font-size: 12px;
+		padding: 8px 5px 5px 5px;
+		display: table;
+		width: 100%;
+		box-sizing: border-box;
+
+		> .el-icon-arrow-right {
+			font-size: 20px;
+			vertical-align: middle;
+			display: table-cell;
+			color: $--datepicker-icon-color;
+		}
+	}
+
+	@include e(time-picker-wrap) {
+		position: relative;
+		display: table-cell;
+		padding: 0 5px;
+
+		.el-picker-panel {
+			position: absolute;
+			top: 13px;
+			right: 0;
+			z-index: 1;
+			background: $--color-white;
+		}
+	}
 }