taro-ui 3.3.1 → 3.3.3

package/dist/style/components/drawer.rn.scss

@@ -1,72 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-$at-drawer-duration: 300ms;
-
-.at-drawer {
-  position: absolute;
-  width: 100%;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-
-  /* elements */
-  &__mask {
-    @include overlay;
-  }
-
-  &__content {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    width: $at-drawer-content-width;
-    text-align: left;
-    background-color: $color-bg;
-    // opacity: 0;
-    // overflow-y: auto;
-    z-index: 1;
-
-    &--left {
-      left: 0;
-    }
-
-    &--right {
-      right: 0;
-    }
-  }
-
-  /* modifiers */
-  // &--left {
-  //   .at-drawer__content {
-  //     left: 0;
-  //     //  transform: translateX(-100%);
-  //   }
-  // }
-
-  // &--right {
-  //   .at-drawer__content {
-  //     right: 0;
-  //     //  transform: translateX(100%);
-  //   }
-  // }
-
-  &--show {
-    // .at-drawer__content {
-    //   opacity: 1;
-    //   //  transform: translateX(0%);
-    // }
-  }
-}
-
-// @keyframes anim-show {
-//   100% {
-//     opacity: 1;
-//   }
-// }
-
-// @keyframes anim-hide {
-//   100% {
-//     opacity: 0;
-//   }
-// }

package/dist/style/components/fab.rn.scss

@@ -1,38 +0,0 @@
-@use "sass:math";
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-.at-fab {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  width: $at-fab-size;
-  height: $at-fab-size;
-  color: $color-white;
-  font-size: $font-size-base;
-  text-align: center;
-  border-radius: math.div($at-fab-size, 2);
-  background: $at-fab-bg-color;
-  // box-shadow: $at-fab-box-shadow;
-
-  // &:active {
-  //   background: $at-fab-bg-color-active;
-  // }
-
-  /* elements */
-  &__icon {
-    width: $at-fab-icon-size;
-    height: $at-fab-icon-size;
-    font-size: $at-fab-icon-size;
-  }
-
-
-
-  /* modifiers */
-  &--small {
-    width: $at-fab-size-sm;
-    height: $at-fab-size-sm;
-  }
-}
-

package/dist/style/components/flex.rn.scss

@@ -1,159 +0,0 @@
-@use "sass:math";
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-.at-row {
-  @include display-flex();
-
-  width: 100%;
-
-  &__direction {
-    &--row {
-      flex-direction: row;
-    }
-
-    &--column {
-      flex-direction: column;
-    }
-
-    &--row-reverse {
-      flex-direction: row-reverse;
-    }
-
-    &--column-reverse {
-      flex-direction: column-reverse;
-    }
-  }
-
-  &__align {
-    &--start {
-      @include align-items(flex-start);
-    }
-
-    &--end {
-      @include align-items(flex-end);
-    }
-
-    &--center {
-      @include align-items(center);
-    }
-
-    &--stretch {
-      @include align-items(stretch);
-    }
-
-    &--baseline {
-      @include align-items(baseline);
-    }
-  }
-
-  &__justify {
-    &--start {
-      @include justify-content(flex-start);
-    }
-
-    &--end {
-      @include justify-content(flex-end);
-    }
-
-    &--center {
-      @include justify-content(center);
-    }
-
-    &--between {
-      @include justify-content(space-between);
-    }
-
-    &--around {
-      @include justify-content(space-around);
-    }
-  }
-
-  &__align-content {
-    &--start {
-      @include align-content(flex-start);
-    }
-
-    &--end {
-      @include align-content(flex-end);
-    }
-
-    &--center {
-      @include align-content(center);
-    }
-
-    &--between {
-      @include align-content(space-between);
-    }
-
-    &--around {
-      @include align-content(space-around);
-    }
-
-    &--stretch {
-      @include align-content(stretch);
-    }
-  }
-
-  &--no-wrap {
-    @include flex-wrap(nowrap);
-  }
-
-  &--wrap {
-    @include flex-wrap(wrap);
-  }
-
-  &--wrap-reverse {
-    @include flex-wrap(wrap-reverse);
-  }
-}
-
-.at-col {
-  @include flex(1);
-
-  width: 100%;
-
-  /*  #ifndef  rn  */
-  //  display: block;
-  //  white-space: nowrap;
-  // box-sizing: border-box;
-  /*  #endif  */
-  @for $col from 1 through 12 {
-    $width: math.div($col, 12) * 100%;
-
-    &-#{$col} {
-      // @include flex(0, 0, $width);
-      flex-basis: $width;
-      max-width: $width;
-    }
-
-    &__offset-#{$col} {
-      margin-left: $width;
-    }
-  }
-
-  &__align {
-    &--top {
-      @include align-self(flex-start);
-    }
-
-    &--bottom {
-      @include align-self(flex-end);
-    }
-
-    &--center {
-      @include align-self(center);
-    }
-  }
-  /*  #ifndef  rn  */
-  // &--auto {
-  //   max-width: initial;
-  //   //  word-break: keep-all;
-  // }
-
-  // &--wrap {
-  //   //  white-space: normal;
-  //   word-wrap: break-word;
-  // }
-  /*  #endif  */
-}

package/dist/style/components/float-layout.rn.scss

@@ -1,119 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-$float-layout-timer: 300ms;
-
-.at-float-layout {
-  position: absolute;
-  width: 100%;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  // visibility: hidden;
-  // z-index: $zindex-flot-layout;
-  // transition: visibility $float-layout-timer cubic-bezier(0.36, 0.66, 0.04, 1);
-
-  /* elements */
-  &__overlay {
-    @include overlay;
-    // transition: opacity 150ms ease-in;
-  }
-
-  &__container {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    min-height: $float-layout-height-min;
-    max-height: $float-layout-height-max;
-    background-color: $color-bg;
-    // transform: translate3d(0, 100%, 0);
-    // transition: transform $float-layout-timer cubic-bezier(0.36, 0.66, 0.04, 1);
-  }
-
-  /* modifiers */
-  // &--active {
-  //  //  visibility: visible;
-
-  //   .at-float-layout__overlay {
-  //     opacity: 1;
-  //   }
-
-  //   .at-float-layout__container {
-  //     //  transform: translate3d(0, 0, 0);
-  //   }
-  // }
-}
-
-.layout {
-  &-header {
-    position: relative;
-    padding: $spacing-v-md;
-    // line-height: $line-height-zh;
-    background-color: $float-layout-header-bg-color;
-
-    &__title {
-      // @include line(1);
-
-      color: $float-layout-title-color;
-      font-size: $float-layout-title-font-size;
-      line-height: $line-height-zh * $float-layout-title-font-size;
-      display: flex;
-      padding-right: 80px;
-    }
-
-    &__btn-close {
-      position: absolute;
-      padding: $spacing-h-sm;
-      top: $spacing-h-sm;
-      right: $spacing-v-md;
-      width: 40px;
-      height: 48px;
-
-      &__at-icon {
-        font-size: $float-layout-title-font-size;
-        color: $float-layout-btn-color;
-      }
-
-      &--image {
-        width: 100%;
-        height: 100%;
-      }
-      // line-height: 1;
-      // transform: translate(0, -50%);
-
-      // &::before,
-      // &::after {
-      //   content: '';
-      //   position: absolute;
-      //   top: 50%;
-      //   left: 50%;
-      //   //  display: inline-block;
-      //   width: 36px;
-      //   height: 2PX;
-      //   border-radius: 1PX;
-      //   background: $float-layout-btn-color;
-      // }
-
-      // &::before {
-      //   //  transform: translate3d(-50%, -50%, 0) rotate(45deg);
-      // }
-
-      // &::after {
-      //   //  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
-      // }
-    }
-  }
-
-  &-body {
-    font-size: $font-size-base;
-    padding: $spacing-v-md;
-    max-height: 828px;
-    min-height: 514px;
-
-    &__content {
-      max-height: 798px;
-      min-height: 484px;
-    }
-  }
-}

package/dist/style/components/form.rn.scss

@@ -1,12 +0,0 @@
-@import '../variables/default.scss';
-@import '../mixins/index.scss';
-
-$at-form-bg-color: $color-bg;
-
-.at-form {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  background-color: $at-form-bg-color;
-  @include hairline-top-bottom();
-}

package/dist/style/components/grid.rn.scss

@@ -1,104 +0,0 @@
-@import "../variables/default.scss";
-@import "../mixins/index.scss";
-
-.at-grid {
-  /* elements */
-  &__flex-item {
-    border: 1PX solid $color-border-light;
-    border-top-width: 0;
-    border-left-width: 0;
-    // @include hairline-surround();
-
-  }
-
-  &__flex {
-    // @include display-flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-
-    &--last-child {
-      border-bottom-width: 0;
-    }
-  }
-}
-
-.at-grid-item {
-  // @include flex(1);
-
-  display: flex;
-  position: relative;
-
-  &__content {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    left: 0;
-    top: 0;
-
-    &-inner {
-      // @include display-flex;
-      @include align-items(center);
-      @include justify-content(center);
-      // @include active;
-
-      height: 100%;
-      flex-direction: column;
-      overflow: hidden;
-      &--rect {
-        flex-direction: row;
-      }
-    }
-    &--rect {
-      padding-bottom: 130px;
-
-      &__img {
-        width: $at-gird-img-size-sm;
-        height: $at-gird-img-size-sm;
-      }
-    }
-    &--square {
-      padding-bottom: 100%;
-    }
-
-  }
-
-  &--last {
-    border-right-width: 0;
-  }
-
-  &--no-border {
-    border: 0;
-  }
-
-  &--active {
-    background-color: $color-grey-6;
-  }
-}
-
-.content-inner {
-  &__text {
-    flex: 0 0 auto;
-    color: $at-grid-text-color;
-    font-size: $at-grid-font-size;
-    line-height: $line-height-zh * $at-grid-font-size;
-    text-align: center;
-    // @include line(2);
-    &--rect {
-      margin-left: 12px;
-    }
-    &--square {
-      margin-top: 12px;
-    }
-  }
-
-  &__icon {
-    flex: 0 0 auto;
-  }
-
-  &__img {
-    width: $at-grid-img-size;
-    height: $at-grid-img-size;
-  }
-
-}
-