cy-element-ui 1.1.14 → 1.1.16

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

@@ -4,292 +4,292 @@
 @import "select";
 
 @include b(pagination) {
-  white-space: nowrap;
-  padding: 2px 5px;
-  color: $--pagination-font-color;
-  font-weight: bold;
-  @include utils-clearfix;
-
-  span:not([class*=suffix]),
-  button {
-    display: inline-block;
-    font-size: $--pagination-font-size;
-    min-width: $--pagination-button-width;
-    height: $--pagination-button-height;
-    line-height: $--pagination-button-height;
-    vertical-align: top;
-    box-sizing: border-box;
-  }
-
-  .el-input__inner {
-    text-align: center;
-    -moz-appearance: textfield;
-    line-height: normal;
-  }
-
-  // pagesize 的下拉 icon
-  .el-input__suffix {
-    right: 0;
-    transform: scale(.8);
-  }
-
-  .el-select .el-input {
-    width: 100px;
-    margin: 0 5px;
-
-    .el-input__inner {
-      padding-right: 25px;
-      border-radius: $--pagination-border-radius;
-    }
-  }
-
-  button {
-    border: none;
-    padding: 0 6px;
-    background: transparent;
-
-    &:focus {
-      outline: none;
-    }
-
-    &:hover {
-      color: $--pagination-hover-color;
-    }
-
-    &:disabled {
-      color: $--pagination-button-disabled-color;
-      background-color: $--pagination-button-disabled-background-color;
-      cursor: not-allowed;
-    }
-  }
-
-  .btn-prev,
-  .btn-next {
-    background: center center no-repeat;
-    background-size: 16px;
-    background-color: $--pagination-background-color;
-    cursor: pointer;
-    margin: 0;
-    color: $--pagination-button-color;
-
-    .el-icon {
-      display: block;
-      font-size: 12px;
-      font-weight: bold;
-    }
-  }
-
-  .btn-prev {
-    padding-right: 12px;
-  }
-
-  .btn-next {
-    padding-left: 12px;    
-  }
-
-  .el-pager li.disabled {
-    color: $--color-text-placeholder;
-    cursor: not-allowed;
-  }
-
-  @include m(small) {
-    .btn-prev,
-    .btn-next,
-    .el-pager li,
-    .el-pager li.btn-quicknext,
-    .el-pager li.btn-quickprev,
-    .el-pager li:last-child {
-      border-color: transparent;
-      font-size: 12px;
-      line-height: 22px;
-      height: 22px;
-      min-width: 22px;
-    }
-
-    .arrow.disabled {
-      visibility: hidden;
-    }
-
-    .more::before,
-    li.more::before {
-      line-height: 24px;
-    }
-
-    span:not([class*=suffix]),
-    button {
-      height: 22px;
-      line-height: 22px;
-    }
-
-    @include e(editor) {
-      height: 22px;
-      &.el-input .el-input__inner {
-        height: 22px;
-      }
-    }
-  }
-
-  @include e(sizes) {
-    margin: 0 10px 0 0;
-    font-weight: normal;
-    color: $--color-text-regular;
-
-    .el-input .el-input__inner {
-      font-size: $--pagination-font-size;
-      padding-left: 8px;
-
-      &:hover {
-        border-color: $--pagination-hover-color;
-      }
-    }
-  }
-
-  @include e(total) {
-    margin-right: 10px;
-    font-weight: normal;
-    color: $--color-text-regular;
-  }
-
-  @include e(jump) {
-    margin-left: 24px;
-    font-weight: normal;
-    color: $--color-text-regular;
-
-    .el-input__inner {
-      padding: 0 3px;
-    }
-  }
-
-  @include e(rightwrapper) {
-    float: right;
-  }
-
-  @include e(editor) {
-    line-height: 18px;
-    padding: 0 2px;
-    height: $--pagination-button-height;
+	white-space: nowrap;
+	padding: 2px 5px;
+	color: $--pagination-font-color;
+	font-weight: bold;
+	@include utils-clearfix;
+
+	span:not([class*=suffix]),
+	button {
+		display: inline-block;
+		font-size: $--pagination-font-size;
+		min-width: $--pagination-button-width;
+		height: $--pagination-button-height;
+		line-height: $--pagination-button-height;
+		vertical-align: top;
+		box-sizing: border-box;
+	}
+
+	.el-input__inner {
+		text-align: center;
+		-moz-appearance: textfield;
+		line-height: normal;
+	}
+
+	// pagesize 的下拉 icon
+	.el-input__suffix {
+		right: 0;
+		transform: scale(.8);
+	}
+
+	.el-select .el-input {
+		width: 100px;
+		margin: 0 5px;
+
+		.el-input__inner {
+			padding-right: 25px;
+			border-radius: $--pagination-border-radius;
+		}
+	}
+
+	button {
+		border: none;
+		padding: 0 6px;
+		background: transparent;
+
+		&:focus {
+			outline: none;
+		}
+
+		&:hover {
+			color: $--pagination-hover-color;
+		}
+
+		&:disabled {
+			color: $--pagination-button-disabled-color;
+			background-color: $--pagination-button-disabled-background-color;
+			cursor: not-allowed;
+		}
+	}
+
+	.btn-prev,
+	.btn-next {
+		background: center center no-repeat;
+		background-size: 16px;
+		background-color: $--pagination-background-color;
+		cursor: pointer;
+		margin: 0;
+		color: $--pagination-button-color;
+
+		.el-icon {
+			display: block;
+			font-size: 12px;
+			font-weight: bold;
+		}
+	}
+
+	.btn-prev {
+		padding-right: 12px;
+	}
+
+	.btn-next {
+		padding-left: 12px;    
+	}
+
+	.el-pager li.disabled {
+		color: $--color-text-placeholder;
+		cursor: not-allowed;
+	}
+
+	@include m(small) {
+		.btn-prev,
+		.btn-next,
+		.el-pager li,
+		.el-pager li.btn-quicknext,
+		.el-pager li.btn-quickprev,
+		.el-pager li:last-child {
+			border-color: transparent;
+			font-size: 12px;
+			line-height: 22px;
+			height: 22px;
+			min-width: 22px;
+		}
+
+		.arrow.disabled {
+			visibility: hidden;
+		}
+
+		.more::before,
+		li.more::before {
+			line-height: 24px;
+		}
+
+		span:not([class*=suffix]),
+		button {
+			height: 22px;
+			line-height: 22px;
+		}
+
+		@include e(editor) {
+			height: 22px;
+			&.el-input .el-input__inner {
+				height: 22px;
+			}
+		}
+	}
+
+	@include e(sizes) {
+		margin: 0 10px 0 0;
+		font-weight: normal;
+		color: $--color-text-regular;
+
+		.el-input .el-input__inner {
+			font-size: $--pagination-font-size;
+			padding-left: 8px;
+
+			&:hover {
+				border-color: $--pagination-hover-color;
+			}
+		}
+	}
+
+	@include e(total) {
+		margin-right: 10px;
+		font-weight: normal;
+		color: $--color-text-regular;
+	}
+
+	@include e(jump) {
+		margin-left: 24px;
+		font-weight: normal;
+		color: $--color-text-regular;
+
+		.el-input__inner {
+			padding: 0 3px;
+		}
+	}
+
+	@include e(rightwrapper) {
+		float: right;
+	}
+
+	@include e(editor) {
+		line-height: 18px;
+		padding: 0 2px;
+		height: $--pagination-button-height;
       
-    text-align: center;
-    margin: 0 2px;
-    box-sizing: border-box;
-    border-radius: $--pagination-border-radius;
-
-    &.el-input {
-      width: 50px;
-    }
-
-    &.el-input .el-input__inner {
-      height: $--pagination-button-height;
-    }
-
-    .el-input__inner::-webkit-inner-spin-button,
-    .el-input__inner::-webkit-outer-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-  }
-
-  @include when(background) {
-    .btn-prev,
-    .btn-next,
-    .el-pager li {
-      margin: 0 5px;
-      background-color: $--color-info-lighter;
-      color: $--color-text-regular;
-      min-width: 30px;
-      border-radius: 2px;
-
-      &.disabled {
-        color: $--color-text-placeholder;
-      }
-    }
-
-    .btn-prev, .btn-next {
-      padding: 0;
-
-      &:disabled {
-        color: $--color-text-placeholder;
-      }
-    }
-
-    .el-pager li:not(.disabled) {
-      &:hover {
-        color: $--pagination-hover-color;
-      }
-
-      &.active {
-        background-color: $--color-primary;
-        color: $--color-white;
-      }
-    }
-
-    &.el-pagination--small {
-      .btn-prev,
-      .btn-next,
-      .el-pager li {
-        margin: 0 3px;
-        min-width: 22px;
-      }
-    }
-  }
+		text-align: center;
+		margin: 0 2px;
+		box-sizing: border-box;
+		border-radius: $--pagination-border-radius;
+
+		&.el-input {
+			width: 50px;
+		}
+
+		&.el-input .el-input__inner {
+			height: $--pagination-button-height;
+		}
+
+		.el-input__inner::-webkit-inner-spin-button,
+		.el-input__inner::-webkit-outer-spin-button {
+			-webkit-appearance: none;
+			margin: 0;
+		}
+	}
+
+	@include when(background) {
+		.btn-prev,
+		.btn-next,
+		.el-pager li {
+			margin: 0 5px;
+			background-color: $--color-info-lighter;
+			color: $--color-text-regular;
+			min-width: 30px;
+			border-radius: 2px;
+
+			&.disabled {
+				color: $--color-text-placeholder;
+			}
+		}
+
+		.btn-prev, .btn-next {
+			padding: 0;
+
+			&:disabled {
+				color: $--color-text-placeholder;
+			}
+		}
+
+		.el-pager li:not(.disabled) {
+			&:hover {
+				color: $--pagination-hover-color;
+			}
+
+			&.active {
+				background-color: $--color-primary;
+				color: $--color-white;
+			}
+		}
+
+		&.el-pagination--small {
+			.btn-prev,
+			.btn-next,
+			.el-pager li {
+				margin: 0 3px;
+				min-width: 22px;
+			}
+		}
+	}
 }
 
 @include b(pager) {
-  user-select: none;
-  list-style: none;
-  display: inline-block;
-  vertical-align: top;
-  font-size: 0;
-  padding: 0;
-  margin: 0;
-
-  .more::before {
-    line-height: 30px;
-  }
-
-  li {
-    padding: 0 4px;
-    background: $--pagination-background-color;
-    vertical-align: top;
-    display: inline-block;
-    font-size: $--pagination-font-size;
-    min-width: $--pagination-button-width;
-    height: $--pagination-button-height;
-    line-height: $--pagination-button-height;
-    cursor: pointer;
-    box-sizing: border-box;
-    text-align: center;
-    margin: 0;
-
-    &.btn-quicknext,
-    &.btn-quickprev {
-      line-height: 28px;
-      color: $--pagination-button-color;
-
-      &.disabled {
-        color: $--color-text-placeholder;
-      }
-    }
-
-    &.btn-quickprev:hover {
-      cursor: pointer;
-    }
-
-    &.btn-quicknext:hover {
-      cursor: pointer;
-    }
-
-    &.active + li {
-      border-left: 0;
-    }
-
-    &:hover {
-      color: $--pagination-hover-color;
-    }
-
-    &.active {
-      color: $--pagination-hover-color;
-      cursor: default;
-    }
-  }
+	user-select: none;
+	list-style: none;
+	display: inline-block;
+	vertical-align: top;
+	font-size: 0;
+	padding: 0;
+	margin: 0;
+
+	.more::before {
+		line-height: 30px;
+	}
+
+	li {
+		padding: 0 4px;
+		background: $--pagination-background-color;
+		vertical-align: top;
+		display: inline-block;
+		font-size: $--pagination-font-size;
+		min-width: $--pagination-button-width;
+		height: $--pagination-button-height;
+		line-height: $--pagination-button-height;
+		cursor: pointer;
+		box-sizing: border-box;
+		text-align: center;
+		margin: 0;
+
+		&.btn-quicknext,
+		&.btn-quickprev {
+			line-height: 28px;
+			color: $--pagination-button-color;
+
+			&.disabled {
+				color: $--color-text-placeholder;
+			}
+		}
+
+		&.btn-quickprev:hover {
+			cursor: pointer;
+		}
+
+		&.btn-quicknext:hover {
+			cursor: pointer;
+		}
+
+		&.active + li {
+			border-left: 0;
+		}
+
+		&:hover {
+			color: $--pagination-hover-color;
+		}
+
+		&.active {
+			color: $--pagination-hover-color;
+			cursor: default;
+		}
+	}
 }

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

@@ -2,15 +2,15 @@
 @import "common/var";
 
 @include b(popconfirm) {
-  @include e(main) {
-    display: flex;
-    align-items: center;
-  }
-  @include e(icon) {
-    margin-right: 5px;
-  }
-  @include e(action) {
-    text-align: right; 
-    margin: 0
-  }
+	@include e(main) {
+		display: flex;
+		align-items: center;
+	}
+	@include e(icon) {
+		margin-right: 5px;
+	}
+	@include e(action) {
+		text-align: right; 
+		margin: 0
+	}
 }

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

@@ -3,38 +3,38 @@
 @import "./popper";
 
 @include b(popover) {
-  position: absolute;
-  background: $--popover-background-color;
-  min-width: 150px;
-  border-radius: 4px;
-  border: 1px solid $--popover-border-color;
-  padding: $--popover-padding;
-  z-index: $--index-popper;
-  color: $--color-text-regular;
-  line-height: 1.4;
-  text-align: justify;
-  font-size: $--popover-font-size;
-  box-shadow: $--box-shadow-light;
-  word-break: break-all;
+	position: absolute;
+	background: $--popover-background-color;
+	min-width: 150px;
+	border-radius: 4px;
+	border: 1px solid $--popover-border-color;
+	padding: $--popover-padding;
+	z-index: $--index-popper;
+	color: $--color-text-regular;
+	line-height: 1.4;
+	text-align: justify;
+	font-size: $--popover-font-size;
+	box-shadow: $--box-shadow-light;
+	word-break: break-all;
 
-  @include m(plain) {
-    padding: $--popover-padding-large;
-  }
+	@include m(plain) {
+		padding: $--popover-padding-large;
+	}
 
-  @include e(title) {
-    color: $--popover-title-font-color;
-    font-size: $--popover-title-font-size;
-    line-height: 1;
-    margin-bottom: 12px;
-  }
+	@include e(title) {
+		color: $--popover-title-font-color;
+		font-size: $--popover-title-font-size;
+		line-height: 1;
+		margin-bottom: 12px;
+	}
 
-  @include e(reference) {
-    &:focus:not(.focusing), &:focus:hover {
-      outline-width: 0;
-    }
-  }
+	@include e(reference) {
+		&:focus:not(.focusing), &:focus:hover {
+			outline-width: 0;
+		}
+	}
 
-  &:focus:active, &:focus {
-    outline-width: 0;
-  }
+	&:focus:active, &:focus {
+		outline-width: 0;
+	}
 }