@julingbase/jly-arco-design 0.0.2 → 0.0.4

package/es/slider/style/token.less

@@ -1,50 +1,50 @@
-@import '../../style/theme/index.less';
-
-// road
-@slider-size-road-width: 2px;
-@slider-color-road-bg: var(~'@{arco-cssvars-prefix}-color-fill-3');
-@slider-color-road-bg_disabled: var(~'@{arco-cssvars-prefix}-color-fill-2');
-
-// bar
-@slider-color-bar-bg: @color-primary-6;
-@slider-color-bar-bg_disabled: var(~'@{arco-cssvars-prefix}-color-fill-3');
-
-// button
-@slider-color-button-bg: var(~'@{arco-cssvars-prefix}-color-bg-2');
-@slider-border-size-button: @border-2;
-@slider-color-button-border: @color-primary-6;
-@slider-color-button-border_disabled: var(~'@{arco-cssvars-prefix}-color-fill-3');
-@slider-shadow-button_active: @shadow1-down;
-@slider-size-button-width: @size-3;
-@slider-size-button-width_active: 14px;
-
-// dot
-@slider-color-dot-bg: var(~'@{arco-cssvars-prefix}-color-bg-2');
-@slider-border-size-dot: @border-2;
-@slider-font-size-dot: @font-size-body-1;
-@slider-size-dot-width: @size-2;
-
-// mark
-@slider-spacing-margin-bottom_with-mark: @spacing-9;
-@slider-spacing-padding_width-mark: @spacing-8;
-@slider-spacing-padding_width-mark_vertical: @spacing-8;
-@slider-font-size-mark: @font-size-body-3;
-@slider-color-mark-font: var(~'@{arco-cssvars-prefix}-color-text-3');
-
-// tick
-@slider-size-tick-width: 1px;
-@slider-size-tick-height: 3px;
-
-// input
-@slider-spacing-input-margin-left: @spacing-8;
-@slider-size-input-width: @size-15;
-@slider-size-input-height: @size-8;
-@slider-size-input_range-width: @size-5;
-@slider-size-input_range-height: @size-8;
-@slider-size-input_range_content-width: @size-2;
-@slider-size-input_range_content-height: 2px;
-@slider-color-input_range_content-bg: rgb(var(~'@{arco-cssvars-prefix}-gray-6'));
-
-// vertical
-@slider-size-height_vertical: 200px;
-@slider-spacing-mark-left: 3px; // mark 文本和滑动路径的距离
+@import '../../style/theme/index.less';
+
+// road
+@slider-size-road-width: 2px;
+@slider-color-road-bg: var(~'@{arco-cssvars-prefix}-color-fill-3');
+@slider-color-road-bg_disabled: var(~'@{arco-cssvars-prefix}-color-fill-2');
+
+// bar
+@slider-color-bar-bg: @color-primary-6;
+@slider-color-bar-bg_disabled: var(~'@{arco-cssvars-prefix}-color-fill-3');
+
+// button
+@slider-color-button-bg: var(~'@{arco-cssvars-prefix}-color-bg-2');
+@slider-border-size-button: @border-2;
+@slider-color-button-border: @color-primary-6;
+@slider-color-button-border_disabled: var(~'@{arco-cssvars-prefix}-color-fill-3');
+@slider-shadow-button_active: @shadow1-down;
+@slider-size-button-width: @size-3;
+@slider-size-button-width_active: 14px;
+
+// dot
+@slider-color-dot-bg: var(~'@{arco-cssvars-prefix}-color-bg-2');
+@slider-border-size-dot: @border-2;
+@slider-font-size-dot: @font-size-body-1;
+@slider-size-dot-width: @size-2;
+
+// mark
+@slider-spacing-margin-bottom_with-mark: @spacing-9;
+@slider-spacing-padding_width-mark: @spacing-8;
+@slider-spacing-padding_width-mark_vertical: @spacing-8;
+@slider-font-size-mark: @font-size-body-3;
+@slider-color-mark-font: var(~'@{arco-cssvars-prefix}-color-text-3');
+
+// tick
+@slider-size-tick-width: 1px;
+@slider-size-tick-height: 3px;
+
+// input
+@slider-spacing-input-margin-left: @spacing-8;
+@slider-size-input-width: @size-15;
+@slider-size-input-height: @size-8;
+@slider-size-input_range-width: @size-5;
+@slider-size-input_range-height: @size-8;
+@slider-size-input_range_content-width: @size-2;
+@slider-size-input_range_content-height: 2px;
+@slider-color-input_range_content-bg: rgb(var(~'@{arco-cssvars-prefix}-gray-6'));
+
+// vertical
+@slider-size-height_vertical: 200px;
+@slider-spacing-mark-left: 3px; // mark 文本和滑动路径的距离

package/es/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/es/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/es/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/es/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/es/split/index.d.ts

@@ -35,8 +35,8 @@ declare const Split: {
     }, import("vue").PublicProps, {
         disabled: boolean;
         size: string | number;
-        direction: "horizontal" | "vertical";
         component: string;
+        direction: "horizontal" | "vertical";
         defaultSize: string | number;
     }, true, {}, {}, {
         ResizeTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -111,8 +111,8 @@ declare const Split: {
     }, {}, {}, {}, {
         disabled: boolean;
         size: string | number;
-        direction: "horizontal" | "vertical";
         component: string;
+        direction: "horizontal" | "vertical";
         defaultSize: string | number;
     }>;
     __isFragment?: undefined;
@@ -151,8 +151,8 @@ declare const Split: {
 }, string, {
     disabled: boolean;
     size: string | number;
-    direction: "horizontal" | "vertical";
     component: string;
+    direction: "horizontal" | "vertical";
     defaultSize: string | number;
 }, {}, string, {}, {
     ResizeTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/es/split/split.d.ts

@@ -40,8 +40,8 @@ declare const _default: import("vue").DefineComponent<{
 }>, {
     disabled: boolean;
     size: string | number;
-    direction: "horizontal" | "vertical";
     component: string;
+    direction: "horizontal" | "vertical";
     defaultSize: string | number;
 }, {}, {
     ResizeTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/es/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/es/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');