@julingbase/jly-arco-design 0.0.2 → 0.0.3

package/es/avatar/style/index.less

@@ -1,155 +1,155 @@
-@import './token.less';
-
-@avatar-prefix-cls: ~'@{prefix}-avatar';
-
-.@{avatar-prefix-cls} {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  box-sizing: border-box;
-  width: @avatar-size-default;
-  height: @avatar-size-default;
-  color: @avatar-color-text;
-  font-size: @avatar-font-size-text;
-  white-space: nowrap;
-  vertical-align: middle;
-  background-color: @avatar-color-bg;
-
-  &-circle {
-    border-radius: @avatar-circle-border-radius;
-  }
-
-  &-circle &-image {
-    overflow: hidden;
-    border-radius: @avatar-circle-border-radius;
-  }
-
-  &-square {
-    border-radius: @avatar-square-border-radius;
-  }
-
-  &-square &-image {
-    overflow: hidden;
-    border-radius: @avatar-square-border-radius;
-  }
-
-  &-text {
-    position: absolute;
-    left: 50%;
-    font-weight: @avatar-font-weight-text;
-    // 避免继承行高导致的文字不居中
-    line-height: 1;
-    transform: translateX(-50%);
-    transform-origin: 0 center;
-  }
-
-  &-image {
-    display: inline-block;
-    width: 100%;
-    height: 100%;
-
-    &-icon {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 100%;
-      height: 100%;
-    }
-
-    img,
-    picture {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  &-trigger-icon-button {
-    position: absolute;
-    right: -@avatar-spacing-trigger-button-right;
-    bottom: -@avatar-spacing-trigger-button-bottom;
-    z-index: 1;
-    width: @avatar-size-trigger-button;
-    height: @avatar-size-trigger-button;
-    color: @avatar-color-trigger-icon-button;
-    font-size: @avatar-size-trigger-icon;
-    line-height: @avatar-size-trigger-button;
-    text-align: center;
-    background-color: @avatar-color-trigger-button-bg;
-    border-radius: @avatar-border-trigger-button-radius;
-    transition: background-color @transition-duration-1
-      @transition-timing-function-linear;
-  }
-
-  &-trigger-icon-mask {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    color: @avatar-color-trigger-mask-icon;
-    font-size: 16px;
-    background-color: fade(@gray-10, @avatar-opacity-trigger-mask-bg);
-    border-radius: @avatar-square-border-radius;
-    opacity: 0;
-    transition: all @transition-duration-1 @transition-timing-function-linear;
-  }
-
-  &-circle &-trigger-icon-mask {
-    border-radius: @avatar-circle-border-radius;
-  }
-
-  &-with-trigger-icon {
-    cursor: pointer;
-  }
-
-  &-with-trigger-icon:hover &-trigger-icon-mask {
-    z-index: 2;
-    opacity: 1;
-  }
-
-  &-with-trigger-icon:hover &-trigger-icon-button {
-    background-color: @avatar-color-trigger-button-bg_hover;
-  }
-
-  &-rtl {
-    direction: rtl;
-  }
-
-  &-rtl &-trigger-icon-button {
-    right: unset;
-    left: -@avatar-spacing-trigger-button-right;
-  }
-
-  // Group
-  &-group {
-    display: inline-block;
-    line-height: 0;
-
-    &-max-count-avatar {
-      color: @avatar-color-max-count-text;
-      font-size: @avatar-font-size-max-count;
-      cursor: default;
-    }
-
-    &-rtl {
-      direction: rtl;
-    }
-  }
-
-  &-group & {
-    border: @avatar-group-item-border-width solid
-      @avatar-color-group-item-border;
-  }
-
-  &-group &:not(:first-child) {
-    margin-left: @avatar-group-item-margin-left;
-  }
-
-  &-group-popover &:not(:first-child) {
-    margin-left: @avatar-group-popover-item-spacing;
-  }
-}
+@import './token.less';
+
+@avatar-prefix-cls: ~'@{prefix}-avatar';
+
+.@{avatar-prefix-cls} {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  box-sizing: border-box;
+  width: @avatar-size-default;
+  height: @avatar-size-default;
+  color: @avatar-color-text;
+  font-size: @avatar-font-size-text;
+  white-space: nowrap;
+  vertical-align: middle;
+  background-color: @avatar-color-bg;
+
+  &-circle {
+    border-radius: @avatar-circle-border-radius;
+  }
+
+  &-circle &-image {
+    overflow: hidden;
+    border-radius: @avatar-circle-border-radius;
+  }
+
+  &-square {
+    border-radius: @avatar-square-border-radius;
+  }
+
+  &-square &-image {
+    overflow: hidden;
+    border-radius: @avatar-square-border-radius;
+  }
+
+  &-text {
+    position: absolute;
+    left: 50%;
+    font-weight: @avatar-font-weight-text;
+    // 避免继承行高导致的文字不居中
+    line-height: 1;
+    transform: translateX(-50%);
+    transform-origin: 0 center;
+  }
+
+  &-image {
+    display: inline-block;
+    width: 100%;
+    height: 100%;
+
+    &-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+    }
+
+    img,
+    picture {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  &-trigger-icon-button {
+    position: absolute;
+    right: -@avatar-spacing-trigger-button-right;
+    bottom: -@avatar-spacing-trigger-button-bottom;
+    z-index: 1;
+    width: @avatar-size-trigger-button;
+    height: @avatar-size-trigger-button;
+    color: @avatar-color-trigger-icon-button;
+    font-size: @avatar-size-trigger-icon;
+    line-height: @avatar-size-trigger-button;
+    text-align: center;
+    background-color: @avatar-color-trigger-button-bg;
+    border-radius: @avatar-border-trigger-button-radius;
+    transition: background-color @transition-duration-1
+      @transition-timing-function-linear;
+  }
+
+  &-trigger-icon-mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    color: @avatar-color-trigger-mask-icon;
+    font-size: 16px;
+    background-color: fade(@gray-10, @avatar-opacity-trigger-mask-bg);
+    border-radius: @avatar-square-border-radius;
+    opacity: 0;
+    transition: all @transition-duration-1 @transition-timing-function-linear;
+  }
+
+  &-circle &-trigger-icon-mask {
+    border-radius: @avatar-circle-border-radius;
+  }
+
+  &-with-trigger-icon {
+    cursor: pointer;
+  }
+
+  &-with-trigger-icon:hover &-trigger-icon-mask {
+    z-index: 2;
+    opacity: 1;
+  }
+
+  &-with-trigger-icon:hover &-trigger-icon-button {
+    background-color: @avatar-color-trigger-button-bg_hover;
+  }
+
+  &-rtl {
+    direction: rtl;
+  }
+
+  &-rtl &-trigger-icon-button {
+    right: unset;
+    left: -@avatar-spacing-trigger-button-right;
+  }
+
+  // Group
+  &-group {
+    display: inline-block;
+    line-height: 0;
+
+    &-max-count-avatar {
+      color: @avatar-color-max-count-text;
+      font-size: @avatar-font-size-max-count;
+      cursor: default;
+    }
+
+    &-rtl {
+      direction: rtl;
+    }
+  }
+
+  &-group & {
+    border: @avatar-group-item-border-width solid
+      @avatar-color-group-item-border;
+  }
+
+  &-group &:not(:first-child) {
+    margin-left: @avatar-group-item-margin-left;
+  }
+
+  &-group-popover &:not(:first-child) {
+    margin-left: @avatar-group-popover-item-spacing;
+  }
+}

package/es/avatar/style/token.less

@@ -1,29 +1,29 @@
-@import '../../style/theme/index.less';
-
-@avatar-size-default: @size-10;
-@avatar-font-size-text: 20px;
-@avatar-color-text: var(~'@{arco-cssvars-prefix}-color-white');
-@avatar-color-bg: var(~'@{arco-cssvars-prefix}-color-fill-4');
-@avatar-color-group-item-border: var(~'@{arco-cssvars-prefix}-color-bg-2');
-@avatar-group-item-border-width: 2px;
-@avatar-group-item-margin-left: -10px;
-@avatar-group-popover-item-spacing: @spacing-2;
-@avatar-font-weight-text: @font-weight-500;
-
-@avatar-circle-border-radius: @radius-circle;
-@avatar-square-border-radius: @radius-medium;
-
-@avatar-size-trigger-button: @size-5;
-@avatar-color-trigger-button-bg: var(~'@{arco-cssvars-prefix}-color-neutral-2');
-@avatar-color-trigger-button-bg_hover: var(~'@{arco-cssvars-prefix}-color-neutral-3');
-@avatar-color-trigger-mask-icon: var(~'@{arco-cssvars-prefix}-color-white');
-@avatar-opacity-trigger-mask-bg: @opacity-6;
-@avatar-color-trigger-icon-button: var(~'@{arco-cssvars-prefix}-color-fill-4');
-@avatar-spacing-trigger-button-right: @spacing-2;
-@avatar-spacing-trigger-button-bottom: @spacing-2;
-@avatar-size-trigger-icon: @size-3;
-@avatar-border-trigger-button-radius: @radius-circle;
-
-
-@avatar-font-size-max-count: 20px;
-@avatar-color-max-count-text: var(~'@{arco-cssvars-prefix}-color-white');
+@import '../../style/theme/index.less';
+
+@avatar-size-default: @size-10;
+@avatar-font-size-text: 20px;
+@avatar-color-text: var(~'@{arco-cssvars-prefix}-color-white');
+@avatar-color-bg: var(~'@{arco-cssvars-prefix}-color-fill-4');
+@avatar-color-group-item-border: var(~'@{arco-cssvars-prefix}-color-bg-2');
+@avatar-group-item-border-width: 2px;
+@avatar-group-item-margin-left: -10px;
+@avatar-group-popover-item-spacing: @spacing-2;
+@avatar-font-weight-text: @font-weight-500;
+
+@avatar-circle-border-radius: @radius-circle;
+@avatar-square-border-radius: @radius-medium;
+
+@avatar-size-trigger-button: @size-5;
+@avatar-color-trigger-button-bg: var(~'@{arco-cssvars-prefix}-color-neutral-2');
+@avatar-color-trigger-button-bg_hover: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+@avatar-color-trigger-mask-icon: var(~'@{arco-cssvars-prefix}-color-white');
+@avatar-opacity-trigger-mask-bg: @opacity-6;
+@avatar-color-trigger-icon-button: var(~'@{arco-cssvars-prefix}-color-fill-4');
+@avatar-spacing-trigger-button-right: @spacing-2;
+@avatar-spacing-trigger-button-bottom: @spacing-2;
+@avatar-size-trigger-icon: @size-3;
+@avatar-border-trigger-button-radius: @radius-circle;
+
+
+@avatar-font-size-max-count: 20px;
+@avatar-color-max-count-text: var(~'@{arco-cssvars-prefix}-color-white');

package/es/back-top/style/index.less

@@ -1,33 +1,33 @@
-@import './token.less';
-
-@backtop-prefix-cls: ~'@{prefix}-back-top';
-
-.@{backtop-prefix-cls} {
-  position: fixed;
-  right: @backtop-margin-right;
-  bottom: @backtop-margin-bottom;
-  z-index: 100;
-
-  &-btn {
-    width: @backtop-button-size-width;
-    height: @backtop-button-size-width;
-    color: @backtop-button-color-text;
-    font-size: @backtop-button-size-font;
-    text-align: center;
-    background-color: @backtop-button-color-bg;
-    border: none;
-    border-radius: @backtop-button-border-radius;
-    outline: none;
-    cursor: pointer;
-    cursor: pointer;
-    transition: all @transition-duration-2 @transition-timing-function-linear;
-
-    &:hover {
-      background-color: @backtop-button-color-bg_hover;
-    }
-
-    svg {
-      font-size: @backtop-button-size-icon;
-    }
-  }
-}
+@import './token.less';
+
+@backtop-prefix-cls: ~'@{prefix}-back-top';
+
+.@{backtop-prefix-cls} {
+  position: fixed;
+  right: @backtop-margin-right;
+  bottom: @backtop-margin-bottom;
+  z-index: 100;
+
+  &-btn {
+    width: @backtop-button-size-width;
+    height: @backtop-button-size-width;
+    color: @backtop-button-color-text;
+    font-size: @backtop-button-size-font;
+    text-align: center;
+    background-color: @backtop-button-color-bg;
+    border: none;
+    border-radius: @backtop-button-border-radius;
+    outline: none;
+    cursor: pointer;
+    cursor: pointer;
+    transition: all @transition-duration-2 @transition-timing-function-linear;
+
+    &:hover {
+      background-color: @backtop-button-color-bg_hover;
+    }
+
+    svg {
+      font-size: @backtop-button-size-icon;
+    }
+  }
+}

package/es/back-top/style/token.less

@@ -1,12 +1,12 @@
-@import '../../style/theme/index.less';
-
-@backtop-margin-bottom: @spacing-9;
-@backtop-margin-right: @spacing-9;
-
-@backtop-button-size-width: @size-10;
-@backtop-button-size-font: @font-size-body-1;
-@backtop-button-size-icon: 14px;
-@backtop-button-color-bg: @color-primary-6;
-@backtop-button-color-bg_hover: @color-primary-5;
-@backtop-button-border-radius: @radius-circle;
-@backtop-button-color-text: var(~'@{arco-cssvars-prefix}-color-white');
+@import '../../style/theme/index.less';
+
+@backtop-margin-bottom: @spacing-9;
+@backtop-margin-right: @spacing-9;
+
+@backtop-button-size-width: @size-10;
+@backtop-button-size-font: @font-size-body-1;
+@backtop-button-size-icon: 14px;
+@backtop-button-color-bg: @color-primary-6;
+@backtop-button-color-bg_hover: @color-primary-5;
+@backtop-button-border-radius: @radius-circle;
+@backtop-button-color-text: var(~'@{arco-cssvars-prefix}-color-white');