@julingbase/jly-arco-design 0.0.2 → 0.0.3

package/es/rate/style/index.less

@@ -1,87 +1,87 @@
-@import './token.less';
-
-@rate-prefix-cls: ~'@{prefix}-rate';
-
-.@{rate-prefix-cls} {
-  display: inline-flex;
-  align-items: center;
-  min-height: @rate-min-height;
-  font-size: @rate-font-size;
-  line-height: 1;
-  user-select: none;
-
-  &-disabled {
-    cursor: not-allowed;
-  }
-
-  &-character {
-    position: relative;
-    color: @rate-color-bg_default;
-    transition: transform @transition-duration-2
-      @transition-timing-function-standard;
-
-    &:not(:last-child) {
-      margin-right: @rate-gap-size;
-    }
-
-    &-left,
-    &-right {
-      transition: inherit;
-
-      // float 消除 inline-block 导致的父元素被多撑开几个像素
-      > * {
-        float: left;
-      }
-    }
-
-    &-left {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 50%;
-      overflow: hidden;
-      white-space: nowrap;
-      opacity: 0;
-    }
-
-    &-scale {
-      animation: ~'@{prefix}-rate-scale' @transition-duration-4 @transition-timing-function-standard;
-    }
-
-    &-full &-right {
-      color: @rate-color-bg_active;
-    }
-
-    &-half &-left {
-      color: @rate-color-bg_active;
-      opacity: 1;
-    }
-
-    &-disabled {
-      cursor: not-allowed;
-    }
-  }
-
-  &:not(&-readonly):not(&-disabled) &-character {
-    cursor: pointer;
-
-    &:hover,
-    &:focus {
-      transform: scale(@rate-scale_active);
-    }
-  }
-}
-
-@keyframes ~'@{prefix}-rate-scale' {
-  0% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(@rate-scale_active);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-}
+@import './token.less';
+
+@rate-prefix-cls: ~'@{prefix}-rate';
+
+.@{rate-prefix-cls} {
+  display: inline-flex;
+  align-items: center;
+  min-height: @rate-min-height;
+  font-size: @rate-font-size;
+  line-height: 1;
+  user-select: none;
+
+  &-disabled {
+    cursor: not-allowed;
+  }
+
+  &-character {
+    position: relative;
+    color: @rate-color-bg_default;
+    transition: transform @transition-duration-2
+      @transition-timing-function-standard;
+
+    &:not(:last-child) {
+      margin-right: @rate-gap-size;
+    }
+
+    &-left,
+    &-right {
+      transition: inherit;
+
+      // float 消除 inline-block 导致的父元素被多撑开几个像素
+      > * {
+        float: left;
+      }
+    }
+
+    &-left {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 50%;
+      overflow: hidden;
+      white-space: nowrap;
+      opacity: 0;
+    }
+
+    &-scale {
+      animation: ~'@{prefix}-rate-scale' @transition-duration-4 @transition-timing-function-standard;
+    }
+
+    &-full &-right {
+      color: @rate-color-bg_active;
+    }
+
+    &-half &-left {
+      color: @rate-color-bg_active;
+      opacity: 1;
+    }
+
+    &-disabled {
+      cursor: not-allowed;
+    }
+  }
+
+  &:not(&-readonly):not(&-disabled) &-character {
+    cursor: pointer;
+
+    &:hover,
+    &:focus {
+      transform: scale(@rate-scale_active);
+    }
+  }
+}
+
+@keyframes ~'@{prefix}-rate-scale' {
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(@rate-scale_active);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+}

package/es/rate/style/token.less

@@ -1,13 +1,13 @@
-@import '../../style/theme/index.less';
-
-/**********************************************
- * status: disabled / readonly
- **********************************************/
-@rate-min-height: @size-default;
-@rate-gap-size: @spacing-4;
-@rate-font-size: @font-size-title-3;
-@rate-scale_active: 1.2;
-
-@rate-color-bg_active: rgb(var(~'@{arco-cssvars-prefix}-gold-6'));
-@rate-color-bg_default: var(~'@{arco-cssvars-prefix}-color-fill-3');
-@rate-color-bg_hover: rgb(var(~'@{arco-cssvars-prefix}-gold-5'));
+@import '../../style/theme/index.less';
+
+/**********************************************
+ * status: disabled / readonly
+ **********************************************/
+@rate-min-height: @size-default;
+@rate-gap-size: @spacing-4;
+@rate-font-size: @font-size-title-3;
+@rate-scale_active: 1.2;
+
+@rate-color-bg_active: rgb(var(~'@{arco-cssvars-prefix}-gold-6'));
+@rate-color-bg_default: var(~'@{arco-cssvars-prefix}-color-fill-3');
+@rate-color-bg_hover: rgb(var(~'@{arco-cssvars-prefix}-gold-5'));

package/es/resize-box/style/index.less

@@ -1,60 +1,60 @@
-@import './token.less';
-
-@resizebox-prefix-cls: ~'@{prefix}-resizebox';
-@resizebox-trigger-prefix-cls: ~'@{resizebox-prefix-cls}-trigger';
-
-.@{resizebox-prefix-cls} {
-  position: relative;
-  width: 100%;
-  overflow: hidden;
-
-  &-direction-left,
-  &-direction-right,
-  &-direction-top,
-  &-direction-bottom {
-    position: absolute;
-    top: 0;
-    left: 0;
-    box-sizing: border-box;
-    user-select: none;
-  }
-
-  &-direction-right {
-    right: 0;
-    left: unset;
-  }
-
-  &-direction-bottom {
-    top: unset;
-    bottom: 0;
-  }
-}
-
-// 伸缩触发杆
-.@{resizebox-trigger-prefix-cls} {
-  &-icon-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    color: @resizeBox-trigger-color-icon;
-    font-size: @resizeBox-trigger-font-size-icon;
-    line-height: 1;
-    background-color: @resizeBox-trigger-color-background;
-  }
-
-  &-icon {
-    display: inline-block;
-    margin: -(@resizeBox-trigger-font-size-icon / 4);
-  }
-
-  &-vertical {
-    height: 100%;
-    cursor: col-resize;
-  }
-
-  &-horizontal {
-    width: 100%;
-    cursor: row-resize;
-  }
-}
+@import './token.less';
+
+@resizebox-prefix-cls: ~'@{prefix}-resizebox';
+@resizebox-trigger-prefix-cls: ~'@{resizebox-prefix-cls}-trigger';
+
+.@{resizebox-prefix-cls} {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+
+  &-direction-left,
+  &-direction-right,
+  &-direction-top,
+  &-direction-bottom {
+    position: absolute;
+    top: 0;
+    left: 0;
+    box-sizing: border-box;
+    user-select: none;
+  }
+
+  &-direction-right {
+    right: 0;
+    left: unset;
+  }
+
+  &-direction-bottom {
+    top: unset;
+    bottom: 0;
+  }
+}
+
+// 伸缩触发杆
+.@{resizebox-trigger-prefix-cls} {
+  &-icon-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    color: @resizeBox-trigger-color-icon;
+    font-size: @resizeBox-trigger-font-size-icon;
+    line-height: 1;
+    background-color: @resizeBox-trigger-color-background;
+  }
+
+  &-icon {
+    display: inline-block;
+    margin: -(@resizeBox-trigger-font-size-icon / 4);
+  }
+
+  &-vertical {
+    height: 100%;
+    cursor: col-resize;
+  }
+
+  &-horizontal {
+    width: 100%;
+    cursor: row-resize;
+  }
+}

package/es/resize-box/style/token.less

@@ -1,6 +1,6 @@
-@import '../../style/theme/index.less';
-
-@resizeBox-trigger-color-background: var(~'@{arco-cssvars-prefix}-color-neutral-3');
-// @resizeBox-trigger-size-icon-wrapper: 6px;
-@resizeBox-trigger-font-size-icon: 12px;
-@resizeBox-trigger-color-icon: var(~'@{arco-cssvars-prefix}-color-text-1');
+@import '../../style/theme/index.less';
+
+@resizeBox-trigger-color-background: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+// @resizeBox-trigger-size-icon-wrapper: 6px;
+@resizeBox-trigger-font-size-icon: 12px;
+@resizeBox-trigger-color-icon: var(~'@{arco-cssvars-prefix}-color-text-1');

package/es/result/style/index.less

@@ -1,94 +1,94 @@
-@import './token.less';
-
-@result-prefix-cls: ~'@{prefix}-result';
-
-.icon-status (@status) {
-  @color: ~'result-color-icon_@{status}';
-  @bg: ~'result-color-icon-bg_@{status}';
-
-  color: @@color;
-  background-color: @@bg;
-}
-
-.@{result-prefix-cls} {
-  box-sizing: border-box;
-  width: 100%;
-  padding: @result-padding-top_icon @result-padding-horizontal
-    @result-padding-bottom;
-
-  &-icon {
-    margin-bottom: @result-margin-icon-bottom;
-    font-size: @result-size-icon;
-    text-align: center;
-
-    &-tip {
-      display: flex;
-      width: @result-size-icon-wrapper;
-      height: @result-size-icon-wrapper;
-      align-items: center;
-      justify-content: center;
-      border-radius: 50%;
-      margin: 0 auto;
-    }
-
-    // status = null
-    &-custom &-tip {
-      font-size: @result-size-icon_custom;
-      color: @result-color-icon_default;
-      width: unset;
-      height: unset;
-    }
-
-    &-success &-tip {
-      .icon-status(success);
-    }
-
-    &-error &-tip {
-      .icon-status(error);
-    }
-
-    &-info &-tip {
-      .icon-status(info);
-    }
-
-    &-warning &-tip {
-      .icon-status(warning);
-    }
-
-    &-404,
-    &-403,
-    &-500 {
-      padding-top: @result-padding-top;
-
-      .@{result-prefix-cls}-icon-tip {
-        width: @result-size-image-width;
-        height: @result-size-image-width;
-        line-height: @result-size-image-width;
-      }
-    }
-  }
-
-  &-title {
-    color: @result-color-title-text;
-    font-weight: @result-font-title-weight;
-    font-size: @result-font-title-size;
-    line-height: 1.5715;
-    text-align: center;
-  }
-
-  &-subtitle {
-    color: @result-color-subtitle-text;
-    font-size: @result-font-subtitle-size;
-    line-height: 1.5715;
-    text-align: center;
-  }
-
-  &-extra {
-    margin-top: @result-margin-extra-top;
-    text-align: center;
-  }
-
-  &-content {
-    margin-top: @result-margin-content-top;
-  }
-}
+@import './token.less';
+
+@result-prefix-cls: ~'@{prefix}-result';
+
+.icon-status (@status) {
+  @color: ~'result-color-icon_@{status}';
+  @bg: ~'result-color-icon-bg_@{status}';
+
+  color: @@color;
+  background-color: @@bg;
+}
+
+.@{result-prefix-cls} {
+  box-sizing: border-box;
+  width: 100%;
+  padding: @result-padding-top_icon @result-padding-horizontal
+    @result-padding-bottom;
+
+  &-icon {
+    margin-bottom: @result-margin-icon-bottom;
+    font-size: @result-size-icon;
+    text-align: center;
+
+    &-tip {
+      display: flex;
+      width: @result-size-icon-wrapper;
+      height: @result-size-icon-wrapper;
+      align-items: center;
+      justify-content: center;
+      border-radius: 50%;
+      margin: 0 auto;
+    }
+
+    // status = null
+    &-custom &-tip {
+      font-size: @result-size-icon_custom;
+      color: @result-color-icon_default;
+      width: unset;
+      height: unset;
+    }
+
+    &-success &-tip {
+      .icon-status(success);
+    }
+
+    &-error &-tip {
+      .icon-status(error);
+    }
+
+    &-info &-tip {
+      .icon-status(info);
+    }
+
+    &-warning &-tip {
+      .icon-status(warning);
+    }
+
+    &-404,
+    &-403,
+    &-500 {
+      padding-top: @result-padding-top;
+
+      .@{result-prefix-cls}-icon-tip {
+        width: @result-size-image-width;
+        height: @result-size-image-width;
+        line-height: @result-size-image-width;
+      }
+    }
+  }
+
+  &-title {
+    color: @result-color-title-text;
+    font-weight: @result-font-title-weight;
+    font-size: @result-font-title-size;
+    line-height: 1.5715;
+    text-align: center;
+  }
+
+  &-subtitle {
+    color: @result-color-subtitle-text;
+    font-size: @result-font-subtitle-size;
+    line-height: 1.5715;
+    text-align: center;
+  }
+
+  &-extra {
+    margin-top: @result-margin-extra-top;
+    text-align: center;
+  }
+
+  &-content {
+    margin-top: @result-margin-content-top;
+  }
+}

package/es/result/style/token.less

@@ -1,32 +1,32 @@
-@import '../../style/theme/index.less';
-
-@result-padding-top: @spacing-9;
-@result-padding-top_icon: @spacing-10;
-@result-padding-bottom: @spacing-9;
-@result-padding-horizontal: @spacing-10;
-
-@result-margin-icon-bottom: @spacing-7;
-@result-margin-extra-top: @spacing-8;
-@result-margin-content-top: @spacing-8;
-@result-font-title-size: @font-size-body-3;
-@result-font-title-weight: @font-weight-500;
-@result-font-subtitle-size: @font-size-body-3;
-
-@result-color-title-text: var(~'@{arco-cssvars-prefix}-color-text-1');
-@result-color-subtitle-text: var(~'@{arco-cssvars-prefix}-color-text-2');
-@result-size-icon: @size-5;
-@result-size-icon-wrapper: 45px;
-@result-size-image-width: @size-23;
-
-@result-color-icon_success: @color-success-6;
-@result-color-icon-bg_success: var(~'@{arco-cssvars-prefix}-color-success-light-1');
-@result-color-icon_error: @color-danger-6;
-@result-color-icon-bg_error: var(~'@{arco-cssvars-prefix}-color-danger-light-1');
-@result-color-icon_warning: @color-warning-6;
-@result-color-icon-bg_warning: var(~'@{arco-cssvars-prefix}-color-warning-light-1');
-@result-color-icon_info: @color-primary-6;
-@result-color-icon-bg_info: var(~'@{arco-cssvars-prefix}-color-primary-light-1');
-
-@result-size-icon_custom: 45px;
-
-@result-color-icon_default: inherit;
+@import '../../style/theme/index.less';
+
+@result-padding-top: @spacing-9;
+@result-padding-top_icon: @spacing-10;
+@result-padding-bottom: @spacing-9;
+@result-padding-horizontal: @spacing-10;
+
+@result-margin-icon-bottom: @spacing-7;
+@result-margin-extra-top: @spacing-8;
+@result-margin-content-top: @spacing-8;
+@result-font-title-size: @font-size-body-3;
+@result-font-title-weight: @font-weight-500;
+@result-font-subtitle-size: @font-size-body-3;
+
+@result-color-title-text: var(~'@{arco-cssvars-prefix}-color-text-1');
+@result-color-subtitle-text: var(~'@{arco-cssvars-prefix}-color-text-2');
+@result-size-icon: @size-5;
+@result-size-icon-wrapper: 45px;
+@result-size-image-width: @size-23;
+
+@result-color-icon_success: @color-success-6;
+@result-color-icon-bg_success: var(~'@{arco-cssvars-prefix}-color-success-light-1');
+@result-color-icon_error: @color-danger-6;
+@result-color-icon-bg_error: var(~'@{arco-cssvars-prefix}-color-danger-light-1');
+@result-color-icon_warning: @color-warning-6;
+@result-color-icon-bg_warning: var(~'@{arco-cssvars-prefix}-color-warning-light-1');
+@result-color-icon_info: @color-primary-6;
+@result-color-icon-bg_info: var(~'@{arco-cssvars-prefix}-color-primary-light-1');
+
+@result-size-icon_custom: 45px;
+
+@result-color-icon_default: inherit;