@julingbase/jly-arco-design 0.0.2 → 0.0.3

package/es/input/style/index.less

@@ -1,121 +1,121 @@
-@import '../../style/mixins/index.less';
-@import './input.less';
-@import './token.less';
-
-@input-prefix-cls: ~'@{prefix}-input';
-
-.get-padding(@input-size-height, @input-font-size) {
-  /* prettier-ignore */
-  padding-top: (round(@input-size-height - @input-border-width * 2 - @line-height-base * @input-font-size) / 2);
-
-  /* prettier-ignore */
-  padding-bottom: (round(@input-size-height - @input-border-width * 2 - @line-height-base * @input-font-size) / 2);
-}
-
-.disabled-style() {
-  color: @input-color-text_disabled;
-  background-color: @input-color-bg_disabled;
-  border-color: @input-color-border_disabled;
-  cursor: not-allowed;
-
-  &:hover {
-    color: @input-color-text_disabled;
-    background-color: @input-color-bg_disabled;
-    border-color: @input-color-border_disabled;
-  }
-
-  &::placeholder {
-    color: @input-color-text_disabled;
-  }
-}
-
-.@{input-prefix-cls}-wrapper {
-  .input-wrapper-style(@input-prefix-cls);
-
-  .@{input-prefix-cls} {
-    .input-style();
-
-    &.@{input-prefix-cls}-size-mini {
-      .input-size(mini);
-    }
-
-    &.@{input-prefix-cls}-size-small {
-      .input-size(small);
-    }
-
-    &.@{input-prefix-cls}-size-medium {
-      .input-size(medium);
-    }
-
-    &.@{input-prefix-cls}-size-large {
-      .input-size(large);
-    }
-  }
-
-  .@{input-prefix-cls}-word-limit {
-    color: @input-color-tip-text;
-    font-size: @input-font-tip-size;
-  }
-}
-
-.@{input-prefix-cls}-outer {
-  display: inline-flex;
-  width: 100%;
-
-  > .@{input-prefix-cls}-wrapper {
-    border-radius: 0;
-  }
-
-  > :first-child {
-    border-top-left-radius: @input-border-radius;
-    border-bottom-left-radius: @input-border-radius;
-  }
-
-  > :last-child {
-    border-top-right-radius: @input-border-radius;
-    border-bottom-right-radius: @input-border-radius;
-  }
-
-  .outer-size();
-
-  &-disabled {
-    cursor: not-allowed;
-  }
-}
-
-.@{input-prefix-cls}-prepend,
-.@{input-prefix-cls}-append {
-  display: inline-flex;
-  flex-shrink: 0;
-  align-items: center;
-  box-sizing: border-box;
-  padding: 0 @input-padding-horizontal;
-  color: @input-color-text;
-  white-space: nowrap;
-  background-color: @input-color-addon-bg;
-  border: 1px solid @input-color-addon-border_default;
-
-  > svg {
-    font-size: @input-size-default-icon-addon-size;
-  }
-}
-
-.@{input-prefix-cls}-prepend {
-  border-right: @input-border-addon-separator-width solid
-    @input-color-addon-border;
-
-  .addon(before, @input-size-default-height, @input-size-default-font-size);
-}
-
-.@{input-prefix-cls}-append {
-  border-left: @input-border-addon-separator-width solid
-    @input-color-addon-border;
-
-  .addon(after, @input-size-default-height, @input-size-default-font-size);
-}
-
-@import './group.less';
-@import './size.less';
-@import './textarea.less';
-@import './search.less';
-@import './password.less';
+@import '../../style/mixins/index.less';
+@import './input.less';
+@import './token.less';
+
+@input-prefix-cls: ~'@{prefix}-input';
+
+.get-padding(@input-size-height, @input-font-size) {
+  /* prettier-ignore */
+  padding-top: (round(@input-size-height - @input-border-width * 2 - @line-height-base * @input-font-size) / 2);
+
+  /* prettier-ignore */
+  padding-bottom: (round(@input-size-height - @input-border-width * 2 - @line-height-base * @input-font-size) / 2);
+}
+
+.disabled-style() {
+  color: @input-color-text_disabled;
+  background-color: @input-color-bg_disabled;
+  border-color: @input-color-border_disabled;
+  cursor: not-allowed;
+
+  &:hover {
+    color: @input-color-text_disabled;
+    background-color: @input-color-bg_disabled;
+    border-color: @input-color-border_disabled;
+  }
+
+  &::placeholder {
+    color: @input-color-text_disabled;
+  }
+}
+
+.@{input-prefix-cls}-wrapper {
+  .input-wrapper-style(@input-prefix-cls);
+
+  .@{input-prefix-cls} {
+    .input-style();
+
+    &.@{input-prefix-cls}-size-mini {
+      .input-size(mini);
+    }
+
+    &.@{input-prefix-cls}-size-small {
+      .input-size(small);
+    }
+
+    &.@{input-prefix-cls}-size-medium {
+      .input-size(medium);
+    }
+
+    &.@{input-prefix-cls}-size-large {
+      .input-size(large);
+    }
+  }
+
+  .@{input-prefix-cls}-word-limit {
+    color: @input-color-tip-text;
+    font-size: @input-font-tip-size;
+  }
+}
+
+.@{input-prefix-cls}-outer {
+  display: inline-flex;
+  width: 100%;
+
+  > .@{input-prefix-cls}-wrapper {
+    border-radius: 0;
+  }
+
+  > :first-child {
+    border-top-left-radius: @input-border-radius;
+    border-bottom-left-radius: @input-border-radius;
+  }
+
+  > :last-child {
+    border-top-right-radius: @input-border-radius;
+    border-bottom-right-radius: @input-border-radius;
+  }
+
+  .outer-size();
+
+  &-disabled {
+    cursor: not-allowed;
+  }
+}
+
+.@{input-prefix-cls}-prepend,
+.@{input-prefix-cls}-append {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  box-sizing: border-box;
+  padding: 0 @input-padding-horizontal;
+  color: @input-color-text;
+  white-space: nowrap;
+  background-color: @input-color-addon-bg;
+  border: 1px solid @input-color-addon-border_default;
+
+  > svg {
+    font-size: @input-size-default-icon-addon-size;
+  }
+}
+
+.@{input-prefix-cls}-prepend {
+  border-right: @input-border-addon-separator-width solid
+    @input-color-addon-border;
+
+  .addon(before, @input-size-default-height, @input-size-default-font-size);
+}
+
+.@{input-prefix-cls}-append {
+  border-left: @input-border-addon-separator-width solid
+    @input-color-addon-border;
+
+  .addon(after, @input-size-default-height, @input-size-default-font-size);
+}
+
+@import './group.less';
+@import './size.less';
+@import './textarea.less';
+@import './search.less';
+@import './password.less';

package/es/input/style/input.less

@@ -1,185 +1,185 @@
-@import '../../style/mixins/index.less';
-@import './token.less';
-
-.input-suffix-feedback-icon-color() {
-  .@{prefix}-feedback-icon {
-    display: inline-flex;
-
-    &-status-validating {
-      color: @input-feedback-icon-color_validating;
-    }
-
-    &-status-success {
-      color: @input-feedback-icon-color_success;
-    }
-
-    &-status-warning {
-      color: @input-feedback-icon-color_warning;
-    }
-
-    &-status-error {
-      color: @input-feedback-icon-color_error;
-    }
-  }
-}
-
-.input-wrapper-style(@cls) {
-  display: inline-flex;
-  box-sizing: border-box;
-  width: 100%;
-  padding-right: @input-padding-horizontal;
-  padding-left: @input-padding-horizontal;
-  color: @input-color-text;
-  font-size: @input-size-default-font-size;
-  background-color: @input-color-bg;
-  border: @input-border-width solid @input-color-border;
-  border-radius: @input-border-radius;
-  cursor: text;
-  transition: color @transition-duration-1 @transition-timing-function-linear,
-    border-color @transition-duration-1 @transition-timing-function-linear,
-    background-color @transition-duration-1 @transition-timing-function-linear;
-
-  &:hover {
-    background-color: @input-color-bg_hover;
-    border-color: @input-color-border_hover;
-  }
-
-  &:focus-within,
-  &.@{cls}-focus {
-    z-index: 1;
-    background-color: @input-color-bg_focus;
-    border-color: @input-color-border_focus;
-    box-shadow: 0 0 0 @input-size-shadow_focus @input-color-shadow_focus;
-  }
-
-  // 禁用状态样式
-  &.@{cls}-disabled {
-    color: @input-color-text_disabled;
-    background-color: @input-color-bg_disabled;
-    border-color: @input-color-border_disabled;
-    cursor: not-allowed;
-
-    &:hover {
-      color: @input-color-text_disabled;
-      background-color: @input-color-bg_disabled;
-      border-color: @input-color-border_disabled;
-    }
-
-    .@{cls}-prefix,
-    .@{cls}-suffix {
-      color: inherit;
-    }
-  }
-
-  // 错误状态样式
-  &.@{cls}-error {
-    background-color: @input-color-bg_error;
-    border-color: @input-color-border_error;
-
-    &:hover {
-      background-color: @input-color-bg_error_hover;
-      border-color: @input-color-border_error_hover;
-    }
-  }
-
-  &.@{cls}-error:focus-within,
-  &.@{cls}-error&-focus {
-    z-index: 1;
-    background-color: @input-color-bg_error_focus;
-    border-color: @input-color-border_error_focus;
-    box-shadow: 0 0 0 @input-size-shadow_error_focus
-      @input-color-shadow_error_focus;
-  }
-
-  // 前后缀样式
-  .@{cls}-prefix,
-  .@{cls}-suffix {
-    display: inline-flex;
-    flex-shrink: 0;
-    align-items: center;
-    white-space: nowrap;
-    user-select: none;
-
-    > svg {
-      font-size: @input-size-default-icon-suffix-size;
-    }
-  }
-
-  .@{cls}-prefix {
-    padding-right: @input-padding-horizontal;
-    color: @input-color-prefix-text;
-  }
-
-  .@{cls}-suffix {
-    padding-left: @input-padding-horizontal;
-    color: @input-color-suffix-text;
-
-    .input-suffix-feedback-icon-color();
-  }
-
-  // 清除按钮样式
-  .@{cls}-clear-btn {
-    align-self: center;
-    color: @input-color-icon-clear;
-    font-size: @input-size-icon-clear;
-    visibility: hidden;
-    cursor: pointer;
-
-    > svg {
-      position: relative;
-      transition: color @transition-duration-1
-        @transition-timing-function-linear;
-    }
-  }
-
-  &:hover .@{cls}-clear-btn {
-    visibility: visible;
-  }
-
-  // 没有选中情况下显示深色
-  &:not(.@{cls}-focus) .@{cls}-icon-hover:hover::before {
-    background-color: @input-color-icon-clear-bg_hover;
-  }
-}
-
-.input-style() {
-  width: 100%;
-  padding-right: 0;
-  padding-left: 0;
-  color: inherit;
-  line-height: @line-height-base;
-  background: none;
-  border: none;
-  border-radius: 0;
-  outline: none;
-  cursor: inherit;
-  -webkit-appearance: none;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-
-  &::placeholder {
-    color: @input-color-placeholder-text;
-  }
-
-  &[disabled]::placeholder {
-    color: @input-color-text_disabled;
-  }
-
-  // fix color error under disabled status in safari
-  &[disabled] {
-    -webkit-text-fill-color: @input-color-text_disabled;
-  }
-}
-
-.input-size(@size) {
-  @height: ~'input-size-@{size}-height';
-  @font-size: ~'input-size-@{size}-font-size';
-  @line-height: ~'input-size-@{size}-line-height';
-
-  /* prettier-ignore */
-  padding-top: (round(@@height - @input-border-width * 2 - $line-height * $font-size) / 2);
-
-  /* prettier-ignore */
-  padding-bottom: (round(@@height - @input-border-width * 2 - $line-height * $font-size) / 2);
-  font-size: @@font-size;
-  line-height: @@line-height;
-}
+@import '../../style/mixins/index.less';
+@import './token.less';
+
+.input-suffix-feedback-icon-color() {
+  .@{prefix}-feedback-icon {
+    display: inline-flex;
+
+    &-status-validating {
+      color: @input-feedback-icon-color_validating;
+    }
+
+    &-status-success {
+      color: @input-feedback-icon-color_success;
+    }
+
+    &-status-warning {
+      color: @input-feedback-icon-color_warning;
+    }
+
+    &-status-error {
+      color: @input-feedback-icon-color_error;
+    }
+  }
+}
+
+.input-wrapper-style(@cls) {
+  display: inline-flex;
+  box-sizing: border-box;
+  width: 100%;
+  padding-right: @input-padding-horizontal;
+  padding-left: @input-padding-horizontal;
+  color: @input-color-text;
+  font-size: @input-size-default-font-size;
+  background-color: @input-color-bg;
+  border: @input-border-width solid @input-color-border;
+  border-radius: @input-border-radius;
+  cursor: text;
+  transition: color @transition-duration-1 @transition-timing-function-linear,
+    border-color @transition-duration-1 @transition-timing-function-linear,
+    background-color @transition-duration-1 @transition-timing-function-linear;
+
+  &:hover {
+    background-color: @input-color-bg_hover;
+    border-color: @input-color-border_hover;
+  }
+
+  &:focus-within,
+  &.@{cls}-focus {
+    z-index: 1;
+    background-color: @input-color-bg_focus;
+    border-color: @input-color-border_focus;
+    box-shadow: 0 0 0 @input-size-shadow_focus @input-color-shadow_focus;
+  }
+
+  // 禁用状态样式
+  &.@{cls}-disabled {
+    color: @input-color-text_disabled;
+    background-color: @input-color-bg_disabled;
+    border-color: @input-color-border_disabled;
+    cursor: not-allowed;
+
+    &:hover {
+      color: @input-color-text_disabled;
+      background-color: @input-color-bg_disabled;
+      border-color: @input-color-border_disabled;
+    }
+
+    .@{cls}-prefix,
+    .@{cls}-suffix {
+      color: inherit;
+    }
+  }
+
+  // 错误状态样式
+  &.@{cls}-error {
+    background-color: @input-color-bg_error;
+    border-color: @input-color-border_error;
+
+    &:hover {
+      background-color: @input-color-bg_error_hover;
+      border-color: @input-color-border_error_hover;
+    }
+  }
+
+  &.@{cls}-error:focus-within,
+  &.@{cls}-error&-focus {
+    z-index: 1;
+    background-color: @input-color-bg_error_focus;
+    border-color: @input-color-border_error_focus;
+    box-shadow: 0 0 0 @input-size-shadow_error_focus
+      @input-color-shadow_error_focus;
+  }
+
+  // 前后缀样式
+  .@{cls}-prefix,
+  .@{cls}-suffix {
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    white-space: nowrap;
+    user-select: none;
+
+    > svg {
+      font-size: @input-size-default-icon-suffix-size;
+    }
+  }
+
+  .@{cls}-prefix {
+    padding-right: @input-padding-horizontal;
+    color: @input-color-prefix-text;
+  }
+
+  .@{cls}-suffix {
+    padding-left: @input-padding-horizontal;
+    color: @input-color-suffix-text;
+
+    .input-suffix-feedback-icon-color();
+  }
+
+  // 清除按钮样式
+  .@{cls}-clear-btn {
+    align-self: center;
+    color: @input-color-icon-clear;
+    font-size: @input-size-icon-clear;
+    visibility: hidden;
+    cursor: pointer;
+
+    > svg {
+      position: relative;
+      transition: color @transition-duration-1
+        @transition-timing-function-linear;
+    }
+  }
+
+  &:hover .@{cls}-clear-btn {
+    visibility: visible;
+  }
+
+  // 没有选中情况下显示深色
+  &:not(.@{cls}-focus) .@{cls}-icon-hover:hover::before {
+    background-color: @input-color-icon-clear-bg_hover;
+  }
+}
+
+.input-style() {
+  width: 100%;
+  padding-right: 0;
+  padding-left: 0;
+  color: inherit;
+  line-height: @line-height-base;
+  background: none;
+  border: none;
+  border-radius: 0;
+  outline: none;
+  cursor: inherit;
+  -webkit-appearance: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+
+  &::placeholder {
+    color: @input-color-placeholder-text;
+  }
+
+  &[disabled]::placeholder {
+    color: @input-color-text_disabled;
+  }
+
+  // fix color error under disabled status in safari
+  &[disabled] {
+    -webkit-text-fill-color: @input-color-text_disabled;
+  }
+}
+
+.input-size(@size) {
+  @height: ~'input-size-@{size}-height';
+  @font-size: ~'input-size-@{size}-font-size';
+  @line-height: ~'input-size-@{size}-line-height';
+
+  /* prettier-ignore */
+  padding-top: (round(@@height - @input-border-width * 2 - $line-height * $font-size) / 2);
+
+  /* prettier-ignore */
+  padding-bottom: (round(@@height - @input-border-width * 2 - $line-height * $font-size) / 2);
+  font-size: @@font-size;
+  line-height: @@line-height;
+}

package/es/input/style/password.less

@@ -1,11 +1,11 @@
-@import './token.less';
-
-.@{input-prefix-cls}-wrapper.@{input-prefix-cls}-password {
-  &:not(.@{input-prefix-cls}-disabled) {
-    .@{input-prefix-cls}-suffix {
-      color: @password-color-eye-icon;
-      font-size: @password-size-eye-icon;
-      cursor: pointer;
-    }
-  }
-}
+@import './token.less';
+
+.@{input-prefix-cls}-wrapper.@{input-prefix-cls}-password {
+  &:not(.@{input-prefix-cls}-disabled) {
+    .@{input-prefix-cls}-suffix {
+      color: @password-color-eye-icon;
+      font-size: @password-size-eye-icon;
+      cursor: pointer;
+    }
+  }
+}

package/es/input/style/search.less

@@ -1,18 +1,18 @@
-@import './token.less';
-
-.@{input-prefix-cls}-search {
-  .@{input-prefix-cls}-append {
-    padding: 0;
-    border: none;
-  }
-
-  .@{input-prefix-cls}-suffix {
-    color: @search-color-icon;
-    font-size: @search-size-icon;
-  }
-
-  .@{input-prefix-cls}-search-btn {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-}
+@import './token.less';
+
+.@{input-prefix-cls}-search {
+  .@{input-prefix-cls}-append {
+    padding: 0;
+    border: none;
+  }
+
+  .@{input-prefix-cls}-suffix {
+    color: @search-color-icon;
+    font-size: @search-size-icon;
+  }
+
+  .@{input-prefix-cls}-search-btn {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+}