@julingbase/jly-arco-design 0.0.1 → 0.0.3

package/es/message/style/token.less

@@ -1,52 +1,52 @@
-@import '../../style/theme/index.less';
-
-@message-wrapper-margin-top: @spacing-12;
-@message-wrapper-margin-bottom: @spacing-12;
-
-@message-padding-top: @spacing-5;
-@message-padding-bottom: @spacing-5;
-@message-padding-left: @spacing-7;
-@message-padding-right: @spacing-7;
-@message-margin-bottom: @spacing-7;
-@message-border-radius: @radius-small;
-@message-font-size-icon: 20px;
-@message-font-size-content: @font-size-body-3;
-@message-icon-margin-right: @spacing-4;
-
-@message-border-width: 1px;
-@message-border-style: solid;
-
-@message-color-close-icon: var(~'@{arco-cssvars-prefix}-color-text-1');
-@message-close-icon-font-size: 12px;
-@message-close-icon-top: 15px;
-@message-close-icon-right: @spacing-7;
-
-@message-normal-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-popup');
-@message-normal-color-icon: var(~'@{arco-cssvars-prefix}-color-text-1');
-@message-normal-color-content: var(~'@{arco-cssvars-prefix}-color-text-1');
-@message-normal-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
-
-@message-info-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-popup');
-@message-info-color-icon: @color-primary-6;
-@message-info-color-content: var(~'@{arco-cssvars-prefix}-color-text-1');
-@message-info-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
-
-@message-success-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-popup');
-@message-success-color-icon: @color-success-6;
-@message-success-color-content: var(~'@{arco-cssvars-prefix}-color-text-1');
-@message-success-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
-
-@message-warning-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-popup');
-@message-warning-color-icon: @color-warning-6;
-@message-warning-color-content: var(~'@{arco-cssvars-prefix}-color-text-1');
-@message-warning-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
-
-@message-error-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-popup');
-@message-error-color-icon: @color-danger-6;
-@message-error-color-content: var(~'@{arco-cssvars-prefix}-color-text-1');
-@message-error-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
-
-@message-loading-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-popup');
-@message-loading-color-icon: @color-primary-6;
-@message-loading-color-content: var(~'@{arco-cssvars-prefix}-color-text-1');
-@message-loading-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+@import '../../style/theme/index.less';
+
+@message-wrapper-margin-top: @spacing-12;
+@message-wrapper-margin-bottom: @spacing-12;
+
+@message-padding-top: @spacing-5;
+@message-padding-bottom: @spacing-5;
+@message-padding-left: @spacing-7;
+@message-padding-right: @spacing-7;
+@message-margin-bottom: @spacing-7;
+@message-border-radius: @radius-small;
+@message-font-size-icon: 20px;
+@message-font-size-content: @font-size-body-3;
+@message-icon-margin-right: @spacing-4;
+
+@message-border-width: 1px;
+@message-border-style: solid;
+
+@message-color-close-icon: var(~'@{arco-cssvars-prefix}-color-text-1');
+@message-close-icon-font-size: 12px;
+@message-close-icon-top: 15px;
+@message-close-icon-right: @spacing-7;
+
+@message-normal-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-popup');
+@message-normal-color-icon: var(~'@{arco-cssvars-prefix}-color-text-1');
+@message-normal-color-content: var(~'@{arco-cssvars-prefix}-color-text-1');
+@message-normal-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+
+@message-info-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-popup');
+@message-info-color-icon: @color-primary-6;
+@message-info-color-content: var(~'@{arco-cssvars-prefix}-color-text-1');
+@message-info-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+
+@message-success-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-popup');
+@message-success-color-icon: @color-success-6;
+@message-success-color-content: var(~'@{arco-cssvars-prefix}-color-text-1');
+@message-success-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+
+@message-warning-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-popup');
+@message-warning-color-icon: @color-warning-6;
+@message-warning-color-content: var(~'@{arco-cssvars-prefix}-color-text-1');
+@message-warning-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+
+@message-error-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-popup');
+@message-error-color-icon: @color-danger-6;
+@message-error-color-content: var(~'@{arco-cssvars-prefix}-color-text-1');
+@message-error-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+
+@message-loading-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-popup');
+@message-loading-color-icon: @color-primary-6;
+@message-loading-color-content: var(~'@{arco-cssvars-prefix}-color-text-1');
+@message-loading-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');

package/es/modal/style/index.less

@@ -1,283 +1,283 @@
-@import './token.less';
-
-@modal-prefix-cls: ~'@{prefix}-modal';
-
-.@{modal-prefix-cls}-container {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-
-.@{modal-prefix-cls}-mask {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background-color: var(~'@{arco-cssvars-prefix}-color-mask-bg');
-}
-
-.@{modal-prefix-cls}-wrapper {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  overflow: auto;
-  text-align: center;
-
-  &&-align-center {
-    white-space: nowrap;
-
-    &::after {
-      display: inline-block;
-      width: 0;
-      height: 100%;
-      vertical-align: middle;
-      content: '';
-    }
-
-    .@{modal-prefix-cls} {
-      top: 0;
-      vertical-align: middle;
-    }
-  }
-
-  &&-moved {
-    text-align: left;
-
-    .@{modal-prefix-cls} {
-      top: 0;
-      vertical-align: top;
-    }
-  }
-}
-
-.@{modal-prefix-cls} {
-  position: relative;
-  top: @modal-margin-top;
-  display: inline-block;
-  width: @modal-default-size-width;
-  margin: 0 auto;
-  line-height: @line-height-base;
-  white-space: initial;
-  text-align: left;
-  background-color: var(~'@{arco-cssvars-prefix}-color-bg-3');
-  border-radius: @modal-border-radius;
-
-  &-draggable {
-    .@{modal-prefix-cls}-header {
-      cursor: move;
-    }
-  }
-
-  &-header {
-    display: flex;
-    flex-shrink: 0;
-    align-items: center;
-    box-sizing: border-box;
-    width: 100%;
-    height: @modal-default-size-header-height;
-    padding: 0 @modal-default-padding-horizontal;
-    border-bottom: @border-1 solid @modal-color-border;
-
-    .@{modal-prefix-cls}-title {
-      display: flex;
-      flex: 1;
-      align-items: center;
-      justify-content: if(
-        (@modal-default-align-header = left),
-        flex-start,
-        (if((@modal-default-align-header = right), flex-end, center))
-      );
-
-      &-align-start {
-        justify-content: flex-start;
-      }
-
-      &-align-center {
-        justify-content: center;
-      }
-    }
-  }
-
-  &-body {
-    position: relative;
-    padding: @modal-default-padding-content-vertical
-      @modal-default-padding-horizontal;
-    overflow: auto;
-    color: @modal-color-content-text;
-    font-size: @modal-font-content-size;
-  }
-
-  &-footer {
-    flex-shrink: 0;
-    box-sizing: border-box;
-    width: 100%;
-    padding: @modal-default-padding-footer-vertical
-      @modal-default-padding-horizontal;
-    text-align: right;
-    border-top: @border-1 solid @modal-color-border;
-
-    > .@{prefix}-btn:not(:nth-child(1)) {
-      margin-left: @modal-margin-footer-button-left;
-    }
-  }
-
-  &-close-btn {
-    margin-left: -@modal-font-size-close-icon;
-    color: @modal-color-header-text;
-    font-size: @modal-font-size-close-icon;
-    cursor: pointer;
-  }
-
-  &-title {
-    color: @modal-color-header-text;
-    font-weight: @font-weight-500;
-    font-size: @modal-font-header-size;
-
-    &-icon {
-      margin-right: @modal-margin-tip-icon-right;
-      font-size: @modal-size-tip-icon;
-      vertical-align: -0.15em;
-
-      .@{prefix}-icon-info-circle-fill {
-        color: @color-primary-6;
-      }
-
-      .@{prefix}-icon-check-circle-fill {
-        color: @color-success-6;
-      }
-
-      .@{prefix}-icon-exclamation-circle-fill {
-        color: @color-warning-6;
-      }
-
-      .@{prefix}-icon-close-circle-fill {
-        color: @color-danger-6;
-      }
-    }
-  }
-}
-
-// 简洁模式
-.@{modal-prefix-cls}-simple {
-  width: @modal-simple-size-width;
-  padding: @modal-simple-padding-top @modal-simple-padding-horizontal
-    @modal-simple-padding-bottom;
-
-  .@{modal-prefix-cls}-header,
-  .@{modal-prefix-cls}-footer {
-    height: unset;
-    padding: 0;
-    border: none;
-  }
-
-  .@{modal-prefix-cls}-header {
-    margin-bottom: @modal-simple-margin-content-top;
-  }
-
-  .@{modal-prefix-cls}-title {
-    justify-content: if(
-      (@modal-default-align-header = left),
-      flex-start,
-      (if((@modal-default-align-header = right), flex-end, center))
-    );
-
-    &-align-start {
-      justify-content: flex-start;
-    }
-
-    &-align-center {
-      justify-content: center;
-    }
-  }
-
-  .@{modal-prefix-cls}-footer {
-    margin-top: @modal-simple-margin-footer-top;
-    text-align: center;
-  }
-
-  .@{modal-prefix-cls}-body {
-    padding: 0;
-  }
-}
-
-.@{modal-prefix-cls}-fullscreen {
-  top: 0;
-  display: inline-flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-
-  .@{modal-prefix-cls}-footer {
-    margin-top: auto;
-  }
-}
-
-.zoom-modal-enter-from,
-.zoom-modal-appear-from {
-  transform: scale(0.5, 0.5);
-  opacity: 0;
-}
-
-.zoom-modal-enter-to,
-.zoom-modal-appear-to {
-  transform: scale(1, 1);
-  opacity: 1;
-}
-
-.zoom-modal-enter-active,
-.zoom-modal-appear-active {
-  transition: opacity @transition-duration-4
-      @transition-timing-function-overshoot,
-    transform @transition-duration-4 @transition-timing-function-overshoot;
-}
-
-.zoom-modal-leave-from {
-  transform: scale(1, 1);
-  opacity: 1;
-}
-
-.zoom-modal-leave-to {
-  transform: scale(0.5, 0.5);
-  opacity: 0;
-}
-
-.zoom-modal-leave-active {
-  transition: opacity @transition-duration-4
-      @transition-timing-function-overshoot,
-    transform @transition-duration-4 @transition-timing-function-overshoot;
-}
-
-.fade-modal-enter-from,
-.fade-modal-appear-from {
-  opacity: 0;
-}
-
-.fade-modal-enter-to,
-.fade-modal-appear-to {
-  opacity: 1;
-}
-
-.fade-modal-enter-active,
-.fade-modal-appear-active {
-  transition: opacity @transition-duration-4
-    @transition-timing-function-overshoot;
-}
-
-.fade-modal-leave-from {
-  opacity: 1;
-}
-
-.fade-modal-leave-to {
-  opacity: 0;
-}
-
-.fade-modal-leave-active {
-  transition: opacity @transition-duration-4
-    @transition-timing-function-overshoot;
-}
+@import './token.less';
+
+@modal-prefix-cls: ~'@{prefix}-modal';
+
+.@{modal-prefix-cls}-container {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.@{modal-prefix-cls}-mask {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: var(~'@{arco-cssvars-prefix}-color-mask-bg');
+}
+
+.@{modal-prefix-cls}-wrapper {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: auto;
+  text-align: center;
+
+  &&-align-center {
+    white-space: nowrap;
+
+    &::after {
+      display: inline-block;
+      width: 0;
+      height: 100%;
+      vertical-align: middle;
+      content: '';
+    }
+
+    .@{modal-prefix-cls} {
+      top: 0;
+      vertical-align: middle;
+    }
+  }
+
+  &&-moved {
+    text-align: left;
+
+    .@{modal-prefix-cls} {
+      top: 0;
+      vertical-align: top;
+    }
+  }
+}
+
+.@{modal-prefix-cls} {
+  position: relative;
+  top: @modal-margin-top;
+  display: inline-block;
+  width: @modal-default-size-width;
+  margin: 0 auto;
+  line-height: @line-height-base;
+  white-space: initial;
+  text-align: left;
+  background-color: var(~'@{arco-cssvars-prefix}-color-bg-3');
+  border-radius: @modal-border-radius;
+
+  &-draggable {
+    .@{modal-prefix-cls}-header {
+      cursor: move;
+    }
+  }
+
+  &-header {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    box-sizing: border-box;
+    width: 100%;
+    height: @modal-default-size-header-height;
+    padding: 0 @modal-default-padding-horizontal;
+    border-bottom: @border-1 solid @modal-color-border;
+
+    .@{modal-prefix-cls}-title {
+      display: flex;
+      flex: 1;
+      align-items: center;
+      justify-content: if(
+        (@modal-default-align-header = left),
+        flex-start,
+        (if((@modal-default-align-header = right), flex-end, center))
+      );
+
+      &-align-start {
+        justify-content: flex-start;
+      }
+
+      &-align-center {
+        justify-content: center;
+      }
+    }
+  }
+
+  &-body {
+    position: relative;
+    padding: @modal-default-padding-content-vertical
+      @modal-default-padding-horizontal;
+    overflow: auto;
+    color: @modal-color-content-text;
+    font-size: @modal-font-content-size;
+  }
+
+  &-footer {
+    flex-shrink: 0;
+    box-sizing: border-box;
+    width: 100%;
+    padding: @modal-default-padding-footer-vertical
+      @modal-default-padding-horizontal;
+    text-align: right;
+    border-top: @border-1 solid @modal-color-border;
+
+    > .@{prefix}-btn:not(:nth-child(1)) {
+      margin-left: @modal-margin-footer-button-left;
+    }
+  }
+
+  &-close-btn {
+    margin-left: -@modal-font-size-close-icon;
+    color: @modal-color-header-text;
+    font-size: @modal-font-size-close-icon;
+    cursor: pointer;
+  }
+
+  &-title {
+    color: @modal-color-header-text;
+    font-weight: @font-weight-500;
+    font-size: @modal-font-header-size;
+
+    &-icon {
+      margin-right: @modal-margin-tip-icon-right;
+      font-size: @modal-size-tip-icon;
+      vertical-align: -0.15em;
+
+      .@{prefix}-icon-info-circle-fill {
+        color: @color-primary-6;
+      }
+
+      .@{prefix}-icon-check-circle-fill {
+        color: @color-success-6;
+      }
+
+      .@{prefix}-icon-exclamation-circle-fill {
+        color: @color-warning-6;
+      }
+
+      .@{prefix}-icon-close-circle-fill {
+        color: @color-danger-6;
+      }
+    }
+  }
+}
+
+// 简洁模式
+.@{modal-prefix-cls}-simple {
+  width: @modal-simple-size-width;
+  padding: @modal-simple-padding-top @modal-simple-padding-horizontal
+    @modal-simple-padding-bottom;
+
+  .@{modal-prefix-cls}-header,
+  .@{modal-prefix-cls}-footer {
+    height: unset;
+    padding: 0;
+    border: none;
+  }
+
+  .@{modal-prefix-cls}-header {
+    margin-bottom: @modal-simple-margin-content-top;
+  }
+
+  .@{modal-prefix-cls}-title {
+    justify-content: if(
+      (@modal-default-align-header = left),
+      flex-start,
+      (if((@modal-default-align-header = right), flex-end, center))
+    );
+
+    &-align-start {
+      justify-content: flex-start;
+    }
+
+    &-align-center {
+      justify-content: center;
+    }
+  }
+
+  .@{modal-prefix-cls}-footer {
+    margin-top: @modal-simple-margin-footer-top;
+    text-align: center;
+  }
+
+  .@{modal-prefix-cls}-body {
+    padding: 0;
+  }
+}
+
+.@{modal-prefix-cls}-fullscreen {
+  top: 0;
+  display: inline-flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+
+  .@{modal-prefix-cls}-footer {
+    margin-top: auto;
+  }
+}
+
+.zoom-modal-enter-from,
+.zoom-modal-appear-from {
+  transform: scale(0.5, 0.5);
+  opacity: 0;
+}
+
+.zoom-modal-enter-to,
+.zoom-modal-appear-to {
+  transform: scale(1, 1);
+  opacity: 1;
+}
+
+.zoom-modal-enter-active,
+.zoom-modal-appear-active {
+  transition: opacity @transition-duration-4
+      @transition-timing-function-overshoot,
+    transform @transition-duration-4 @transition-timing-function-overshoot;
+}
+
+.zoom-modal-leave-from {
+  transform: scale(1, 1);
+  opacity: 1;
+}
+
+.zoom-modal-leave-to {
+  transform: scale(0.5, 0.5);
+  opacity: 0;
+}
+
+.zoom-modal-leave-active {
+  transition: opacity @transition-duration-4
+      @transition-timing-function-overshoot,
+    transform @transition-duration-4 @transition-timing-function-overshoot;
+}
+
+.fade-modal-enter-from,
+.fade-modal-appear-from {
+  opacity: 0;
+}
+
+.fade-modal-enter-to,
+.fade-modal-appear-to {
+  opacity: 1;
+}
+
+.fade-modal-enter-active,
+.fade-modal-appear-active {
+  transition: opacity @transition-duration-4
+    @transition-timing-function-overshoot;
+}
+
+.fade-modal-leave-from {
+  opacity: 1;
+}
+
+.fade-modal-leave-to {
+  opacity: 0;
+}
+
+.fade-modal-leave-active {
+  transition: opacity @transition-duration-4
+    @transition-timing-function-overshoot;
+}