cy-element-ui 1.0.26 → 1.0.28

package/packages/theme-chalk/src/mixins/_button.scss

@@ -1,81 +1,81 @@
-@import "../common/var";
-@mixin button-plain($color) {
-	color: $color;
-	background: mix($--color-white, $color, 90%);
-	border-color: mix($--color-white, $color, 60%);
-
-	&:hover,
-	&:focus {
-		background: $color;
-		border-color: $color;
-		color: $--color-white;
-	}
-
-	&:active {
-		background: mix($--color-black, $color, $--button-active-shade-percent);
-		border-color: mix($--color-black, $color, $--button-active-shade-percent);
-		color: $--color-white;
-		outline: none;
-	}
-
-	&.is-disabled {
-		&,
-		&:hover,
-		&:focus,
-		&:active {
-			color: mix($--color-white, $color, 40%);
-			background-color: mix($--color-white, $color, 90%);
-			border-color: mix($--color-white, $color, 80%);
-		}
-	}
-}
-
-@mixin button-variant($color, $background-color, $border-color) {
-	color: $color;
-	background-color: $background-color;
-	border-color: $border-color;
-
-	&:hover,
-	&:focus {
-		background: mix($--color-white, $background-color, $--button-hover-tint-percent);
-		border-color: mix($--color-white, $border-color, $--button-hover-tint-percent);
-		color: $color;
-	}
-
-	&:active {
-		background: mix($--color-black, $background-color, $--button-active-shade-percent);
-		border-color: mix($--color-black, $border-color, $--button-active-shade-percent);
-		color: $color;
-		outline: none;
-	}
-
-	&.is-active {
-		background: mix($--color-black, $background-color, $--button-active-shade-percent);
-		border-color: mix($--color-black, $border-color, $--button-active-shade-percent);
-		color: $color;
-	}
-
-	&.is-disabled {
-		&,
-		&:hover,
-		&:focus,
-		&:active {
-			color: $--color-white;
-			background-color: mix($background-color, $--color-white);
-			border-color: mix($border-color, $--color-white);
-		}
-	}
-
-	&.is-plain {
-		@include button-plain($background-color);
-	}
-}
-
-@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $border-radius) {
-	padding: $padding-vertical $padding-horizontal;
-	font-size: $font-size;
-	border-radius: $border-radius;
-	&.is-round {
-		padding: $padding-vertical $padding-horizontal;
-	}
-}
+@import "../common/var";
+@mixin button-plain($color) {
+	color: $color;
+	background: mix($--color-white, $color, 90%);
+	border-color: mix($--color-white, $color, 60%);
+
+	&:hover,
+	&:focus {
+		background: $color;
+		border-color: $color;
+		color: $--color-white;
+	}
+
+	&:active {
+		background: mix($--color-black, $color, $--button-active-shade-percent);
+		border-color: mix($--color-black, $color, $--button-active-shade-percent);
+		color: $--color-white;
+		outline: none;
+	}
+
+	&.is-disabled {
+		&,
+		&:hover,
+		&:focus,
+		&:active {
+			color: mix($--color-white, $color, 40%);
+			background-color: mix($--color-white, $color, 90%);
+			border-color: mix($--color-white, $color, 80%);
+		}
+	}
+}
+
+@mixin button-variant($color, $background-color, $border-color) {
+	color: $color;
+	background-color: $background-color;
+	border-color: $border-color;
+
+	&:hover,
+	&:focus {
+		background: mix($--color-white, $background-color, $--button-hover-tint-percent);
+		border-color: mix($--color-white, $border-color, $--button-hover-tint-percent);
+		color: $color;
+	}
+
+	&:active {
+		background: mix($--color-black, $background-color, $--button-active-shade-percent);
+		border-color: mix($--color-black, $border-color, $--button-active-shade-percent);
+		color: $color;
+		outline: none;
+	}
+
+	&.is-active {
+		background: mix($--color-black, $background-color, $--button-active-shade-percent);
+		border-color: mix($--color-black, $border-color, $--button-active-shade-percent);
+		color: $color;
+	}
+
+	&.is-disabled {
+		&,
+		&:hover,
+		&:focus,
+		&:active {
+			color: $--color-white;
+			background-color: mix($background-color, $--color-white);
+			border-color: mix($border-color, $--color-white);
+		}
+	}
+
+	&.is-plain {
+		@include button-plain($background-color);
+	}
+}
+
+@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $border-radius) {
+	padding: $padding-vertical $padding-horizontal;
+	font-size: $font-size;
+	border-radius: $border-radius;
+	&.is-round {
+		padding: $padding-vertical $padding-horizontal;
+	}
+}

package/packages/theme-chalk/src/mixins/config.scss

@@ -1,4 +1,4 @@
-$namespace: 'el';
-$element-separator: '__';
-$modifier-separator: '--';
-$state-prefix: 'is-';
+$namespace: 'el';
+$element-separator: '__';
+$modifier-separator: '--';
+$state-prefix: 'is-';

package/packages/theme-chalk/src/mixins/function.scss

@@ -1,44 +1,44 @@
-@import "config";
-
-/* BEM support Func
- -------------------------- */
-@function selectorToString($selector) {
-	$selector: inspect($selector);
-	$selector: str-slice($selector, 2, -2);
-	@return $selector;
-}
-
-@function containsModifier($selector) {
-	$selector: selectorToString($selector);
-
-	@if str-index($selector, $modifier-separator) {
-		@return true;
-	} @else {
-		@return false;
-	}
-}
-
-@function containWhenFlag($selector) {
-	$selector: selectorToString($selector);
-
-	@if str-index($selector, '.' + $state-prefix) {
-		@return true
-	} @else {
-		@return false
-	}
-}
-
-@function containPseudoClass($selector) {
-	$selector: selectorToString($selector);
-
-	@if str-index($selector, ':') {
-		@return true
-	} @else {
-		@return false
-	}
-}
-
-@function hitAllSpecialNestRule($selector) {
-
-	@return containsModifier($selector) or containWhenFlag($selector) or containPseudoClass($selector);
-}
+@import "config";
+
+/* BEM support Func
+ -------------------------- */
+@function selectorToString($selector) {
+	$selector: inspect($selector);
+	$selector: str-slice($selector, 2, -2);
+	@return $selector;
+}
+
+@function containsModifier($selector) {
+	$selector: selectorToString($selector);
+
+	@if str-index($selector, $modifier-separator) {
+		@return true;
+	} @else {
+		@return false;
+	}
+}
+
+@function containWhenFlag($selector) {
+	$selector: selectorToString($selector);
+
+	@if str-index($selector, '.' + $state-prefix) {
+		@return true
+	} @else {
+		@return false
+	}
+}
+
+@function containPseudoClass($selector) {
+	$selector: selectorToString($selector);
+
+	@if str-index($selector, ':') {
+		@return true
+	} @else {
+		@return false
+	}
+}
+
+@function hitAllSpecialNestRule($selector) {
+
+	@return containsModifier($selector) or containWhenFlag($selector) or containPseudoClass($selector);
+}

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

@@ -1,190 +1,190 @@
-@import "function";
-@import "../common/var";
-
-/* Break-points
- -------------------------- */
-@mixin res($key, $map: $--breakpoints) {
-	// 循环断点Map，如果存在则返回
-	@if map-has-key($map, $key) {
-		@media only screen and #{inspect(map-get($map, $key))} {
-			@content;
-		}
-	} @else {
-		@warn "Undefeined points: `#{$map}`";
-	}
-}
-
-/* Scrollbar
- -------------------------- */
-@mixin scroll-bar {
-	$--scrollbar-thumb-background: #b4bccc;
-	$--scrollbar-track-background: #fff;
-
-	&::-webkit-scrollbar {
-		z-index: 11;
-		width: 6px;
-
-		&:horizontal {
-			height: 6px;
-		}
-
-		&-thumb {
-			border-radius: 5px;
-			width: 6px;
-			background: $--scrollbar-thumb-background;
-		}
-
-		&-corner {
-			background: $--scrollbar-track-background;
-		}
-
-		&-track {
-			background: $--scrollbar-track-background;
-
-			&-piece {
-				background: $--scrollbar-track-background;
-				width: 6px;
-			}
-		}
-	}
-}
-
-/* Placeholder
- -------------------------- */
-@mixin placeholder {
-	&::-webkit-input-placeholder {
-		@content
-	}
-
-	&::-moz-placeholder {
-		@content
-	}
-
-	&:-ms-input-placeholder {
-		@content
-	}
-}
-
-/* BEM
- -------------------------- */
-@mixin b($block) {
-	$B: $namespace+'-'+$block !global;
-
-	.#{$B} {
-		@content;
-	}
-}
-
-@mixin e($element) {
-	$E: $element !global;
-	$selector: &;
-	$currentSelector: "";
-	@each $unit in $element {
-		$currentSelector: #{$currentSelector + "." + $B + $element-separator + $unit + ","};
-	}
-
-	@if hitAllSpecialNestRule($selector) {
-		@at-root {
-			#{$selector} {
-				#{$currentSelector} {
-					@content;
-				}
-			}
-		}
-	} @else {
-		@at-root {
-			#{$currentSelector} {
-				@content;
-			}
-		}
-	}
-}
-
-@mixin m($modifier) {
-	$selector: &;
-	$currentSelector: "";
-	@each $unit in $modifier {
-		$currentSelector: #{$currentSelector + & + $modifier-separator + $unit + ","};
-	}
-
-	@at-root {
-		#{$currentSelector} {
-			@content;
-		}
-	}
-}
-
-@mixin configurable-m($modifier, $E-flag: false) {
-	$selector: &;
-	$interpolation: '';
-
-	@if $E-flag {
-		$interpolation: $element-separator + $E-flag;
-	}
-
-	@at-root {
-		#{$selector} {
-			.#{$B+$interpolation+$modifier-separator+$modifier} {
-				@content;
-			}
-		}
-	}
-}
-
-@mixin spec-selector($specSelector: '', $element: $E, $modifier: false, $block: $B) {
-	$modifierCombo: '';
-
-	@if $modifier {
-		$modifierCombo: $modifier-separator + $modifier;
-	}
-
-	@at-root {
-		#{&}#{$specSelector}.#{$block+$element-separator+$element+$modifierCombo} {
-			@content
-		}
-	}
-}
-
-@mixin meb($modifier: false, $element: $E, $block: $B) {
-	$selector: &;
-	$modifierCombo: '';
-
-	@if $modifier {
-		$modifierCombo: $modifier-separator + $modifier;
-	}
-
-	@at-root {
-		#{$selector} {
-			.#{$block+$element-separator+$element+$modifierCombo} {
-				@content
-			}
-		}
-	}
-}
-
-@mixin when($state) {
-	@at-root {
-		&.#{$state-prefix + $state} {
-			@content;
-		}
-	}
-}
-
-@mixin extend-rule($name) {
-	@extend #{'%shared-'+$name};
-}
-
-@mixin share-rule($name) {
-	$rule-name: '%shared-'+$name;
-
-	@at-root #{$rule-name} {
-		@content
-	}
-}
-
-@mixin pseudo($pseudo) {
-	@at-root #{&}#{':#{$pseudo}'} {
-		@content
-	}
-}
-
+@import "function";
+@import "../common/var";
+
+/* Break-points
+ -------------------------- */
+@mixin res($key, $map: $--breakpoints) {
+	// 循环断点Map，如果存在则返回
+	@if map-has-key($map, $key) {
+		@media only screen and #{inspect(map-get($map, $key))} {
+			@content;
+		}
+	} @else {
+		@warn "Undefeined points: `#{$map}`";
+	}
+}
+
+/* Scrollbar
+ -------------------------- */
+@mixin scroll-bar {
+	$--scrollbar-thumb-background: #b4bccc;
+	$--scrollbar-track-background: #fff;
+
+	&::-webkit-scrollbar {
+		z-index: 11;
+		width: 6px;
+
+		&:horizontal {
+			height: 6px;
+		}
+
+		&-thumb {
+			border-radius: 5px;
+			width: 6px;
+			background: $--scrollbar-thumb-background;
+		}
+
+		&-corner {
+			background: $--scrollbar-track-background;
+		}
+
+		&-track {
+			background: $--scrollbar-track-background;
+
+			&-piece {
+				background: $--scrollbar-track-background;
+				width: 6px;
+			}
+		}
+	}
+}
+
+/* Placeholder
+ -------------------------- */
+@mixin placeholder {
+	&::-webkit-input-placeholder {
+		@content
+	}
+
+	&::-moz-placeholder {
+		@content
+	}
+
+	&:-ms-input-placeholder {
+		@content
+	}
+}
+
+/* BEM
+ -------------------------- */
+@mixin b($block) {
+	$B: $namespace+'-'+$block !global;
+
+	.#{$B} {
+		@content;
+	}
+}
+
+@mixin e($element) {
+	$E: $element !global;
+	$selector: &;
+	$currentSelector: "";
+	@each $unit in $element {
+		$currentSelector: #{$currentSelector + "." + $B + $element-separator + $unit + ","};
+	}
+
+	@if hitAllSpecialNestRule($selector) {
+		@at-root {
+			#{$selector} {
+				#{$currentSelector} {
+					@content;
+				}
+			}
+		}
+	} @else {
+		@at-root {
+			#{$currentSelector} {
+				@content;
+			}
+		}
+	}
+}
+
+@mixin m($modifier) {
+	$selector: &;
+	$currentSelector: "";
+	@each $unit in $modifier {
+		$currentSelector: #{$currentSelector + & + $modifier-separator + $unit + ","};
+	}
+
+	@at-root {
+		#{$currentSelector} {
+			@content;
+		}
+	}
+}
+
+@mixin configurable-m($modifier, $E-flag: false) {
+	$selector: &;
+	$interpolation: '';
+
+	@if $E-flag {
+		$interpolation: $element-separator + $E-flag;
+	}
+
+	@at-root {
+		#{$selector} {
+			.#{$B+$interpolation+$modifier-separator+$modifier} {
+				@content;
+			}
+		}
+	}
+}
+
+@mixin spec-selector($specSelector: '', $element: $E, $modifier: false, $block: $B) {
+	$modifierCombo: '';
+
+	@if $modifier {
+		$modifierCombo: $modifier-separator + $modifier;
+	}
+
+	@at-root {
+		#{&}#{$specSelector}.#{$block+$element-separator+$element+$modifierCombo} {
+			@content
+		}
+	}
+}
+
+@mixin meb($modifier: false, $element: $E, $block: $B) {
+	$selector: &;
+	$modifierCombo: '';
+
+	@if $modifier {
+		$modifierCombo: $modifier-separator + $modifier;
+	}
+
+	@at-root {
+		#{$selector} {
+			.#{$block+$element-separator+$element+$modifierCombo} {
+				@content
+			}
+		}
+	}
+}
+
+@mixin when($state) {
+	@at-root {
+		&.#{$state-prefix + $state} {
+			@content;
+		}
+	}
+}
+
+@mixin extend-rule($name) {
+	@extend #{'%shared-'+$name};
+}
+
+@mixin share-rule($name) {
+	$rule-name: '%shared-'+$name;
+
+	@at-root #{$rule-name} {
+		@content
+	}
+}
+
+@mixin pseudo($pseudo) {
+	@at-root #{&}#{':#{$pseudo}'} {
+		@content
+	}
+}
+