@julingbase/jly-arco-design 0.0.1 → 0.0.3

package/lib/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;

package/lib/scrollbar/style/index.less

@@ -1,137 +1,137 @@
-@import './token.less';
-
-@scroll-prefix-cls: ~'@{prefix}-scrollbar';
-
-.@{scroll-prefix-cls} {
-  position: relative;
-
-  &-container {
-    position: relative;
-    scrollbar-width: none;
-
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
-
-  &-track {
-    position: absolute;
-    z-index: 100;
-
-    &-direction-horizontal {
-      bottom: 0;
-      left: 0;
-      box-sizing: border-box;
-      width: 100%;
-      height: @scrollbar-track-size;
-    }
-
-    &-direction-vertical {
-      top: 0;
-      right: 0;
-      box-sizing: border-box;
-      width: @scrollbar-track-size;
-      height: 100%;
-    }
-  }
-
-  &-thumb {
-    position: absolute;
-    display: block;
-    box-sizing: border-box;
-
-    &-bar {
-      width: 100%;
-      height: 100%;
-      background-color: @scrollbar-thumb-bar-bg_color;
-      border-radius: @scrollbar-thumb-bar-border_radius;
-    }
-
-    &:hover,
-    &-dragging {
-      .@{scroll-prefix-cls}-thumb-bar {
-        background-color: @scrollbar-thumb-bar-bg_color_hover;
-      }
-    }
-
-    &-direction-horizontal {
-      .@{scroll-prefix-cls}-thumb-bar {
-        height: @scrollbar-thumb-bar-size;
-        margin: ((@scrollbar-track-size - @scrollbar-thumb-bar-size)/2) 0;
-      }
-    }
-
-    &-direction-vertical {
-      .@{scroll-prefix-cls}-thumb-bar {
-        width: @scrollbar-thumb-bar-size;
-        margin: 0 ((@scrollbar-track-size - @scrollbar-thumb-bar-size)/2);
-      }
-    }
-  }
-
-  &&-type-embed {
-    .@{scroll-prefix-cls}-thumb {
-      opacity: 0;
-
-      &-dragging {
-        opacity: 0.8;
-      }
-
-      transition: opacity ease 200ms;
-    }
-
-    &:hover {
-      .@{scroll-prefix-cls}-thumb {
-        opacity: 0.8;
-      }
-    }
-  }
-
-  &&-type-track {
-    .@{scroll-prefix-cls}-track {
-      background-color: @scrollbar-track-bg_color;
-
-      &-direction-horizontal {
-        border-top: @scrollbar-track-border_size solid
-          @scrollbar-track-border_color;
-        border-bottom: @scrollbar-track-border_size solid
-          @scrollbar-track-border_color;
-      }
-
-      &-direction-vertical {
-        border-right: @scrollbar-track-border_size solid
-          @scrollbar-track-border_color;
-        border-left: @scrollbar-track-border_size solid
-          @scrollbar-track-border_color;
-      }
-    }
-
-    .@{scroll-prefix-cls}-thumb {
-      &-direction-horizontal {
-        margin: -@scrollbar-track-border_size 0;
-      }
-
-      &-direction-vertical {
-        margin: 0 -@scrollbar-track-border_size;
-      }
-    }
-
-    &.@{scroll-prefix-cls}-both {
-      .@{scroll-prefix-cls}-track-direction-vertical::after {
-        position: absolute;
-        right: -@scrollbar-track-border_size;
-        bottom: 0;
-        display: block;
-        box-sizing: border-box;
-        width: @scrollbar-track-size;
-        height: @scrollbar-track-size;
-        background-color: @scrollbar-track-bg_color;
-        border-right: @scrollbar-track-border_size solid
-          @scrollbar-track-border_color;
-        border-bottom: @scrollbar-track-border_size solid
-          @scrollbar-track-border_color;
-        content: '';
-      }
-    }
-  }
-}
+@import './token.less';
+
+@scroll-prefix-cls: ~'@{prefix}-scrollbar';
+
+.@{scroll-prefix-cls} {
+  position: relative;
+
+  &-container {
+    position: relative;
+    scrollbar-width: none;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+  &-track {
+    position: absolute;
+    z-index: 100;
+
+    &-direction-horizontal {
+      bottom: 0;
+      left: 0;
+      box-sizing: border-box;
+      width: 100%;
+      height: @scrollbar-track-size;
+    }
+
+    &-direction-vertical {
+      top: 0;
+      right: 0;
+      box-sizing: border-box;
+      width: @scrollbar-track-size;
+      height: 100%;
+    }
+  }
+
+  &-thumb {
+    position: absolute;
+    display: block;
+    box-sizing: border-box;
+
+    &-bar {
+      width: 100%;
+      height: 100%;
+      background-color: @scrollbar-thumb-bar-bg_color;
+      border-radius: @scrollbar-thumb-bar-border_radius;
+    }
+
+    &:hover,
+    &-dragging {
+      .@{scroll-prefix-cls}-thumb-bar {
+        background-color: @scrollbar-thumb-bar-bg_color_hover;
+      }
+    }
+
+    &-direction-horizontal {
+      .@{scroll-prefix-cls}-thumb-bar {
+        height: @scrollbar-thumb-bar-size;
+        margin: ((@scrollbar-track-size - @scrollbar-thumb-bar-size)/2) 0;
+      }
+    }
+
+    &-direction-vertical {
+      .@{scroll-prefix-cls}-thumb-bar {
+        width: @scrollbar-thumb-bar-size;
+        margin: 0 ((@scrollbar-track-size - @scrollbar-thumb-bar-size)/2);
+      }
+    }
+  }
+
+  &&-type-embed {
+    .@{scroll-prefix-cls}-thumb {
+      opacity: 0;
+
+      &-dragging {
+        opacity: 0.8;
+      }
+
+      transition: opacity ease 200ms;
+    }
+
+    &:hover {
+      .@{scroll-prefix-cls}-thumb {
+        opacity: 0.8;
+      }
+    }
+  }
+
+  &&-type-track {
+    .@{scroll-prefix-cls}-track {
+      background-color: @scrollbar-track-bg_color;
+
+      &-direction-horizontal {
+        border-top: @scrollbar-track-border_size solid
+          @scrollbar-track-border_color;
+        border-bottom: @scrollbar-track-border_size solid
+          @scrollbar-track-border_color;
+      }
+
+      &-direction-vertical {
+        border-right: @scrollbar-track-border_size solid
+          @scrollbar-track-border_color;
+        border-left: @scrollbar-track-border_size solid
+          @scrollbar-track-border_color;
+      }
+    }
+
+    .@{scroll-prefix-cls}-thumb {
+      &-direction-horizontal {
+        margin: -@scrollbar-track-border_size 0;
+      }
+
+      &-direction-vertical {
+        margin: 0 -@scrollbar-track-border_size;
+      }
+    }
+
+    &.@{scroll-prefix-cls}-both {
+      .@{scroll-prefix-cls}-track-direction-vertical::after {
+        position: absolute;
+        right: -@scrollbar-track-border_size;
+        bottom: 0;
+        display: block;
+        box-sizing: border-box;
+        width: @scrollbar-track-size;
+        height: @scrollbar-track-size;
+        background-color: @scrollbar-track-bg_color;
+        border-right: @scrollbar-track-border_size solid
+          @scrollbar-track-border_color;
+        border-bottom: @scrollbar-track-border_size solid
+          @scrollbar-track-border_color;
+        content: '';
+      }
+    }
+  }
+}

package/lib/scrollbar/style/token.less

@@ -1,12 +1,12 @@
-@import '../../style/theme/index.less';
-
-@scrollbar-track-size: 15px;
-@scrollbar-track-border_size: @border-1;
-@scrollbar-track-border_color: var(~'@{arco-cssvars-prefix}-color-neutral-3');
-@scrollbar-track-bg_color: var(~'@{arco-cssvars-prefix}-color-neutral-1');
-@scrollbar-thumb-bar-size: 9px;
-@scrollbar-thumb-bar-border_radius: 6px;
-@scrollbar-thumb-bar-bg_color: var(~'@{arco-cssvars-prefix}-color-neutral-4');
-@scrollbar-thumb-bar-bg_color_hover: var(
-  ~'@{arco-cssvars-prefix}-color-neutral-6'
-);
+@import '../../style/theme/index.less';
+
+@scrollbar-track-size: 15px;
+@scrollbar-track-border_size: @border-1;
+@scrollbar-track-border_color: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+@scrollbar-track-bg_color: var(~'@{arco-cssvars-prefix}-color-neutral-1');
+@scrollbar-thumb-bar-size: 9px;
+@scrollbar-thumb-bar-border_radius: 6px;
+@scrollbar-thumb-bar-bg_color: var(~'@{arco-cssvars-prefix}-color-neutral-4');
+@scrollbar-thumb-bar-bg_color_hover: var(
+  ~'@{arco-cssvars-prefix}-color-neutral-6'
+);

package/lib/select/style/index.less

@@ -1,132 +1,132 @@
-@import '../../style/mixins/index.less';
-@import './token.less';
-
-@select-prefix-cls: ~'@{prefix}-select';
-
-.@{select-prefix-cls}-dropdown {
-  box-sizing: border-box;
-  padding: @select-popup-padding-vertical 0;
-  background-color: @select-popup-color-bg;
-  border: 1px solid @select-popup-color-border;
-  border-radius: @select-popup-border-radius;
-  box-shadow: @select-popup-box-shadow;
-
-  & &-loading {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-height: 50px;
-  }
-
-  &-list {
-    margin-top: 0;
-    margin-bottom: 0;
-    padding-left: 0;
-    list-style: none;
-
-    &-wrapper {
-      max-height: @select-popup-max-height;
-      overflow-y: auto;
-    }
-  }
-
-  .@{select-prefix-cls}-option {
-    position: relative;
-    // 避免 Trigger 的小箭头位于其上方
-    z-index: 1;
-    display: flex;
-    align-items: center;
-    box-sizing: border-box;
-    width: 100%;
-    padding: 0 @select-signal-popup-option-padding-horizontal;
-
-    // default
-    color: @select-popup-option-color-text_default;
-    font-size: @select-popup-font-size;
-    line-height: @select-popup-option-height;
-    text-align: left;
-    background-color: @select-popup-option-color-bg_default;
-    cursor: pointer;
-
-    &-content {
-      .text-ellipsis();
-    }
-
-    &-checkbox {
-      overflow: hidden;
-
-      .@{prefix}-checkbox-label {
-        .text-ellipsis();
-      }
-    }
-
-    &-has-suffix {
-      justify-content: space-between;
-    }
-
-    // selected
-    &-selected {
-      color: @select-popup-option-color-text_selected;
-      font-weight: @select-popup-option-font-weight_selected;
-      background-color: @select-popup-option-color-bg_selected;
-    }
-
-    // hover
-    &-active,
-    &:not(&-disabled):hover {
-      color: @select-popup-option-color-text_hover;
-      background-color: @select-popup-option-color-bg_hover;
-      transition: all @transition-duration-1 @transition-timing-function-linear;
-    }
-
-    // disabled
-    &-disabled {
-      color: @select-popup-option-color-text_disabled;
-      background-color: @select-popup-option-color-bg_disabled;
-      cursor: not-allowed;
-    }
-
-    &-icon {
-      display: inline-flex;
-      margin-right: 8px;
-    }
-
-    &-suffix {
-      margin-left: @dropdown-margin-left-suffix-icon;
-    }
-  }
-
-  .@{select-prefix-cls}-group {
-    &:first-child &-title {
-      margin-top: @select-popup-group-title-padding-top;
-    }
-
-    &-title {
-      box-sizing: border-box;
-      width: 100%;
-      margin-top: @select-popup-group-title-padding-top;
-      padding: 0 @select-popup-group-title-padding-horizontal;
-      color: @select-popup-group-title-color-text;
-      font-size: @select-popup-group-title-font-size;
-      line-height: @select-popup-group-title-height;
-      cursor: default;
-      .text-ellipsis();
-    }
-  }
-
-  &&-has-header {
-    padding-top: 0;
-  }
-
-  &-header {
-    border-bottom: 1px solid @select-popup-color-border;
-  }
-
-  &&-has-footer {
-    padding-bottom: 0;
-  }
-
-  &-footer {
-    border-top: 1px solid @select-popup-color-border;
-  }
-}
+@import '../../style/mixins/index.less';
+@import './token.less';
+
+@select-prefix-cls: ~'@{prefix}-select';
+
+.@{select-prefix-cls}-dropdown {
+  box-sizing: border-box;
+  padding: @select-popup-padding-vertical 0;
+  background-color: @select-popup-color-bg;
+  border: 1px solid @select-popup-color-border;
+  border-radius: @select-popup-border-radius;
+  box-shadow: @select-popup-box-shadow;
+
+  & &-loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 50px;
+  }
+
+  &-list {
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-left: 0;
+    list-style: none;
+
+    &-wrapper {
+      max-height: @select-popup-max-height;
+      overflow-y: auto;
+    }
+  }
+
+  .@{select-prefix-cls}-option {
+    position: relative;
+    // 避免 Trigger 的小箭头位于其上方
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    width: 100%;
+    padding: 0 @select-signal-popup-option-padding-horizontal;
+
+    // default
+    color: @select-popup-option-color-text_default;
+    font-size: @select-popup-font-size;
+    line-height: @select-popup-option-height;
+    text-align: left;
+    background-color: @select-popup-option-color-bg_default;
+    cursor: pointer;
+
+    &-content {
+      .text-ellipsis();
+    }
+
+    &-checkbox {
+      overflow: hidden;
+
+      .@{prefix}-checkbox-label {
+        .text-ellipsis();
+      }
+    }
+
+    &-has-suffix {
+      justify-content: space-between;
+    }
+
+    // selected
+    &-selected {
+      color: @select-popup-option-color-text_selected;
+      font-weight: @select-popup-option-font-weight_selected;
+      background-color: @select-popup-option-color-bg_selected;
+    }
+
+    // hover
+    &-active,
+    &:not(&-disabled):hover {
+      color: @select-popup-option-color-text_hover;
+      background-color: @select-popup-option-color-bg_hover;
+      transition: all @transition-duration-1 @transition-timing-function-linear;
+    }
+
+    // disabled
+    &-disabled {
+      color: @select-popup-option-color-text_disabled;
+      background-color: @select-popup-option-color-bg_disabled;
+      cursor: not-allowed;
+    }
+
+    &-icon {
+      display: inline-flex;
+      margin-right: 8px;
+    }
+
+    &-suffix {
+      margin-left: @dropdown-margin-left-suffix-icon;
+    }
+  }
+
+  .@{select-prefix-cls}-group {
+    &:first-child &-title {
+      margin-top: @select-popup-group-title-padding-top;
+    }
+
+    &-title {
+      box-sizing: border-box;
+      width: 100%;
+      margin-top: @select-popup-group-title-padding-top;
+      padding: 0 @select-popup-group-title-padding-horizontal;
+      color: @select-popup-group-title-color-text;
+      font-size: @select-popup-group-title-font-size;
+      line-height: @select-popup-group-title-height;
+      cursor: default;
+      .text-ellipsis();
+    }
+  }
+
+  &&-has-header {
+    padding-top: 0;
+  }
+
+  &-header {
+    border-bottom: 1px solid @select-popup-color-border;
+  }
+
+  &&-has-footer {
+    padding-bottom: 0;
+  }
+
+  &-footer {
+    border-top: 1px solid @select-popup-color-border;
+  }
+}