@julingbase/jly-arco-design 0.0.2 → 0.0.4

package/lib/space/style/index.less

@@ -1,50 +1,50 @@
-@import '../../style/theme/index.less';
-
-@space-prefix-cls: ~'@{prefix}-space';
-
-.@{space-prefix-cls} {
-  display: inline-flex;
-
-  .@{space-prefix-cls}-item:empty {
-    display: none;
-  }
-
-  &-horizontal {
-    .@{space-prefix-cls}-item {
-      display: flex;
-      align-items: center;
-    }
-  }
-
-  &-vertical {
-    flex-direction: column;
-  }
-
-  &-align-baseline {
-    align-items: baseline;
-  }
-
-  &-align-start {
-    align-items: flex-start;
-  }
-
-  &-align-end {
-    align-items: flex-end;
-  }
-
-  &-align-center {
-    align-items: center;
-  }
-
-  &-wrap {
-    flex-wrap: wrap;
-  }
-
-  &-fill {
-    display: flex;
-  }
-
-  &-rtl {
-    direction: rtl;
-  }
-}
+@import '../../style/theme/index.less';
+
+@space-prefix-cls: ~'@{prefix}-space';
+
+.@{space-prefix-cls} {
+  display: inline-flex;
+
+  .@{space-prefix-cls}-item:empty {
+    display: none;
+  }
+
+  &-horizontal {
+    .@{space-prefix-cls}-item {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  &-vertical {
+    flex-direction: column;
+  }
+
+  &-align-baseline {
+    align-items: baseline;
+  }
+
+  &-align-start {
+    align-items: flex-start;
+  }
+
+  &-align-end {
+    align-items: flex-end;
+  }
+
+  &-align-center {
+    align-items: center;
+  }
+
+  &-wrap {
+    flex-wrap: wrap;
+  }
+
+  &-fill {
+    display: flex;
+  }
+
+  &-rtl {
+    direction: rtl;
+  }
+}

package/lib/spin/style/dot-loading.less

@@ -1,64 +1,64 @@
-@import './token.less';
-
-@dot-prefix-cls: ~'@{prefix}-dot-loading';
-
-.@{dot-prefix-cls} {
-  position: relative;
-  display: inline-block;
-  width: @spin-dot-size-width * 7;
-  height: @spin-dot-size-width;
-  transform-style: preserve-3d;
-  perspective: 200px;
-
-  &-item {
-    position: absolute;
-    top: 0;
-    left: 50%;
-    width: @spin-dot-size-width;
-    height: @spin-dot-size-width;
-    background-color: @spin-dot-color-icon_default;
-    border-radius: @radius-circle;
-    transform: translateX(-50%) scale(0);
-    animation: @dot-prefix-cls 2s @transition-timing-function-linear infinite
-      forwards;
-
-    &:nth-child(2) {
-      background-color: @spin-dot-color-icon_second;
-      animation-delay: 400ms;
-    }
-
-    &:nth-child(3) {
-      background-color: @spin-dot-color-icon_third;
-      animation-delay: 800ms;
-    }
-
-    &:nth-child(4) {
-      background-color: @spin-dot-color-icon_forth;
-      animation-delay: 1200ms;
-    }
-
-    &:nth-child(5) {
-      background-color: @spin-dot-color-icon_last;
-      animation-delay: 1600ms;
-    }
-  }
-}
-
-/* prettier-ignore */
-@keyframes @dot-prefix-cls {
-/* prettier-ignore */
-each(range(36), {
-  @percent: round(percentage(((@value - 1) / 36)), 3);
-
-  // 半径
-  @radius: 280%;
-  @xOffset: round(sin((pi() / 180 * @value * 10)) * @radius, 3) * -1;
-  @zOffset: round(cos((pi() / 180 * @value * 10)), 3) * -1px;
-
-  @scaleOffset: round((1 - cos((pi() / 180) * @value * 10)) * 0.75 + 0.5, 3);
-
-  @{percent} {
-    transform: ~'translate3D(@{xOffset}, 0, @{zOffset}) scale(@{scaleOffset})'
-  }
-});
-}
+@import './token.less';
+
+@dot-prefix-cls: ~'@{prefix}-dot-loading';
+
+.@{dot-prefix-cls} {
+  position: relative;
+  display: inline-block;
+  width: @spin-dot-size-width * 7;
+  height: @spin-dot-size-width;
+  transform-style: preserve-3d;
+  perspective: 200px;
+
+  &-item {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    width: @spin-dot-size-width;
+    height: @spin-dot-size-width;
+    background-color: @spin-dot-color-icon_default;
+    border-radius: @radius-circle;
+    transform: translateX(-50%) scale(0);
+    animation: @dot-prefix-cls 2s @transition-timing-function-linear infinite
+      forwards;
+
+    &:nth-child(2) {
+      background-color: @spin-dot-color-icon_second;
+      animation-delay: 400ms;
+    }
+
+    &:nth-child(3) {
+      background-color: @spin-dot-color-icon_third;
+      animation-delay: 800ms;
+    }
+
+    &:nth-child(4) {
+      background-color: @spin-dot-color-icon_forth;
+      animation-delay: 1200ms;
+    }
+
+    &:nth-child(5) {
+      background-color: @spin-dot-color-icon_last;
+      animation-delay: 1600ms;
+    }
+  }
+}
+
+/* prettier-ignore */
+@keyframes @dot-prefix-cls {
+/* prettier-ignore */
+each(range(36), {
+  @percent: round(percentage(((@value - 1) / 36)), 3);
+
+  // 半径
+  @radius: 280%;
+  @xOffset: round(sin((pi() / 180 * @value * 10)) * @radius, 3) * -1;
+  @zOffset: round(cos((pi() / 180 * @value * 10)), 3) * -1px;
+
+  @scaleOffset: round((1 - cos((pi() / 180) * @value * 10)) * 0.75 + 0.5, 3);
+
+  @{percent} {
+    transform: ~'translate3D(@{xOffset}, 0, @{zOffset}) scale(@{scaleOffset})'
+  }
+});
+}

package/lib/spin/style/index.less

@@ -1,56 +1,56 @@
-@import './token.less';
-@import './dot-loading.less';
-
-@spin-prefix-cls: ~'@{prefix}-spin';
-
-.@{spin-prefix-cls} {
-  display: inline-block;
-
-  &-with-tip {
-    text-align: center;
-  }
-
-  &-icon {
-    color: @spin-color-icon;
-    font-size: @spin-font-size-icon;
-  }
-
-  &-tip {
-    margin-top: @spin-margin-top-tip;
-    color: @spin-color-text;
-    font-weight: @spin-font-weight;
-    font-size: @spin-font-size-text;
-  }
-
-  &-mask {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 11;
-    text-align: center;
-    background-color: var(~'@{arco-cssvars-prefix}-color-spin-layer-bg');
-    transition: opacity @transition-duration-1
-      @transition-timing-function-linear;
-    user-select: none;
-  }
-
-  &-loading {
-    position: relative;
-    user-select: none;
-  }
-
-  &-loading &-mask-icon {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    z-index: 12;
-    transform: translate(-50%, -50%);
-  }
-
-  &-loading &-children::after {
-    opacity: 1;
-    pointer-events: auto;
-  }
-}
+@import './token.less';
+@import './dot-loading.less';
+
+@spin-prefix-cls: ~'@{prefix}-spin';
+
+.@{spin-prefix-cls} {
+  display: inline-block;
+
+  &-with-tip {
+    text-align: center;
+  }
+
+  &-icon {
+    color: @spin-color-icon;
+    font-size: @spin-font-size-icon;
+  }
+
+  &-tip {
+    margin-top: @spin-margin-top-tip;
+    color: @spin-color-text;
+    font-weight: @spin-font-weight;
+    font-size: @spin-font-size-text;
+  }
+
+  &-mask {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 11;
+    text-align: center;
+    background-color: var(~'@{arco-cssvars-prefix}-color-spin-layer-bg');
+    transition: opacity @transition-duration-1
+      @transition-timing-function-linear;
+    user-select: none;
+  }
+
+  &-loading {
+    position: relative;
+    user-select: none;
+  }
+
+  &-loading &-mask-icon {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 12;
+    transform: translate(-50%, -50%);
+  }
+
+  &-loading &-children::after {
+    opacity: 1;
+    pointer-events: auto;
+  }
+}

package/lib/spin/style/token.less

@@ -1,17 +1,17 @@
-@import '../../style/theme/index.less';
-
-@spin-font-size-text: 14px;
-@spin-font-size-icon: 20px;
-@spin-font-weight: @font-weight-500;
-@spin-line-height: @line-height-base;
-@spin-margin-top-tip: @spacing-3;
-
-@spin-color-text: @color-primary-6;
-@spin-color-icon: @color-primary-6;
-
-@spin-dot-color-icon_default: @color-primary-6;
-@spin-dot-color-icon_second: @color-primary-5;
-@spin-dot-color-icon_third: @color-primary-4;
-@spin-dot-color-icon_forth: @color-primary-4;
-@spin-dot-color-icon_last: @color-primary-2;
-@spin-dot-size-width: @size-2;
+@import '../../style/theme/index.less';
+
+@spin-font-size-text: 14px;
+@spin-font-size-icon: 20px;
+@spin-font-weight: @font-weight-500;
+@spin-line-height: @line-height-base;
+@spin-margin-top-tip: @spacing-3;
+
+@spin-color-text: @color-primary-6;
+@spin-color-icon: @color-primary-6;
+
+@spin-dot-color-icon_default: @color-primary-6;
+@spin-dot-color-icon_second: @color-primary-5;
+@spin-dot-color-icon_third: @color-primary-4;
+@spin-dot-color-icon_forth: @color-primary-4;
+@spin-dot-color-icon_last: @color-primary-2;
+@spin-dot-size-width: @size-2;

package/lib/split/style/index.less

@@ -1,53 +1,53 @@
-@import './token.less';
-
-@split-prefix-cls: ~'@{prefix}-split';
-@split-trigger-prefix-cls: ~'@{split-prefix-cls}-trigger';
-
-.@{split-prefix-cls} {
-  display: flex;
-
-  &-pane {
-    overflow: auto;
-  }
-
-  &-pane-second {
-    flex: 1;
-  }
-
-  &-horizontal {
-    flex-direction: row;
-  }
-
-  &-vertical {
-    flex-direction: column;
-  }
-}
-
-// 伸缩触发杆
-.@{split-trigger-prefix-cls} {
-  &-icon-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    color: @split-trigger-color-icon;
-    font-size: @split-trigger-font-size-icon;
-    line-height: 1;
-    background-color: @split-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';
+
+@split-prefix-cls: ~'@{prefix}-split';
+@split-trigger-prefix-cls: ~'@{split-prefix-cls}-trigger';
+
+.@{split-prefix-cls} {
+  display: flex;
+
+  &-pane {
+    overflow: auto;
+  }
+
+  &-pane-second {
+    flex: 1;
+  }
+
+  &-horizontal {
+    flex-direction: row;
+  }
+
+  &-vertical {
+    flex-direction: column;
+  }
+}
+
+// 伸缩触发杆
+.@{split-trigger-prefix-cls} {
+  &-icon-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    color: @split-trigger-color-icon;
+    font-size: @split-trigger-font-size-icon;
+    line-height: 1;
+    background-color: @split-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/lib/split/style/token.less

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

package/lib/statistic/style/index.less

@@ -1,47 +1,47 @@
-@import './token.less';
-
-@statistic-prefix-cls: ~'@{prefix}-statistic';
-
-.@{statistic-prefix-cls} {
-  display: inline-block;
-  color: @statistic-color-text;
-  line-height: @line-height-base;
-
-  &-title {
-    margin-bottom: @statistic-margin-title-bottom;
-    color: @statistic-color-title-text;
-    font-size: @statistic-font-title-size;
-  }
-
-  &-content {
-    .@{statistic-prefix-cls}-value {
-      color: @statistic-color-value-text;
-      font-weight: @statistic-font-value-weight;
-      font-size: @statistic-font-int-size;
-      white-space: nowrap;
-
-      &-integer {
-        font-size: inherit;
-        white-space: nowrap;
-      }
-
-      &-decimal {
-        display: inline-block;
-        font-size: @statistic-font-decimal-size;
-      }
-    }
-  }
-
-  &-prefix {
-    font-size: @statistic-size-value-icon;
-  }
-
-  &-suffix {
-    font-size: @statistic-font-suffix-size;
-  }
-
-  &-extra {
-    margin-top: @statistic-margin-extra-top;
-    color: @statistic-color-extra-text;
-  }
-}
+@import './token.less';
+
+@statistic-prefix-cls: ~'@{prefix}-statistic';
+
+.@{statistic-prefix-cls} {
+  display: inline-block;
+  color: @statistic-color-text;
+  line-height: @line-height-base;
+
+  &-title {
+    margin-bottom: @statistic-margin-title-bottom;
+    color: @statistic-color-title-text;
+    font-size: @statistic-font-title-size;
+  }
+
+  &-content {
+    .@{statistic-prefix-cls}-value {
+      color: @statistic-color-value-text;
+      font-weight: @statistic-font-value-weight;
+      font-size: @statistic-font-int-size;
+      white-space: nowrap;
+
+      &-integer {
+        font-size: inherit;
+        white-space: nowrap;
+      }
+
+      &-decimal {
+        display: inline-block;
+        font-size: @statistic-font-decimal-size;
+      }
+    }
+  }
+
+  &-prefix {
+    font-size: @statistic-size-value-icon;
+  }
+
+  &-suffix {
+    font-size: @statistic-font-suffix-size;
+  }
+
+  &-extra {
+    margin-top: @statistic-margin-extra-top;
+    color: @statistic-color-extra-text;
+  }
+}

package/lib/statistic/style/token.less

@@ -1,15 +1,15 @@
-@import '../../style/theme/index.less';
-
-@statistic-font-title-size: @font-size-body-3;
-@statistic-margin-title-bottom: @spacing-4;
-@statistic-margin-extra-top: @spacing-4;
-@statistic-font-value-size: @font-size-body-3;
-@statistic-font-int-size: 26px;
-@statistic-font-decimal-size: inherit;
-@statistic-font-value-weight: @font-weight-500;
-@statistic-color-value-text: var(~'@{arco-cssvars-prefix}-color-text-1');
-@statistic-color-text: var(~'@{arco-cssvars-prefix}-color-text-2');
-@statistic-size-value-icon: 14px;
-@statistic-font-suffix-size: 14px;
-@statistic-color-title-text: var(~'@{arco-cssvars-prefix}-color-text-2');
-@statistic-color-extra-text: var(~'@{arco-cssvars-prefix}-color-text-2');
+@import '../../style/theme/index.less';
+
+@statistic-font-title-size: @font-size-body-3;
+@statistic-margin-title-bottom: @spacing-4;
+@statistic-margin-extra-top: @spacing-4;
+@statistic-font-value-size: @font-size-body-3;
+@statistic-font-int-size: 26px;
+@statistic-font-decimal-size: inherit;
+@statistic-font-value-weight: @font-weight-500;
+@statistic-color-value-text: var(~'@{arco-cssvars-prefix}-color-text-1');
+@statistic-color-text: var(~'@{arco-cssvars-prefix}-color-text-2');
+@statistic-size-value-icon: 14px;
+@statistic-font-suffix-size: 14px;
+@statistic-color-title-text: var(~'@{arco-cssvars-prefix}-color-text-2');
+@statistic-color-extra-text: var(~'@{arco-cssvars-prefix}-color-text-2');