@trionesdev/antd-mobile-base-react 0.0.2-beta.0 → 0.0.2-beta.2

package/dist/Tabs/style.scss

@@ -1,108 +1,108 @@
-@import "../style/variable";
-$tabsCls: 'triones-antm-tabs';
-
-.#{$tabsCls} {
-  display: flex;
-  flex-direction: column;
-  &-nav {
-    position: relative;
-    display: flex;
-    flex: none;
-    align-items: center;
-
-    &::before {
-      bottom: 0;
-      position: absolute;
-      right: 0;
-      left: 0;
-      border-bottom: 1Px solid #f0f0f0;
-      content: ' ';
-    }
-
-    &-wrap {
-      //position: relative;
-      //display: flex;
-      //flex: auto;
-      //align-self: stretch;
-      //overflow: hidden;
-      //white-space: nowrap;
-      //transform: translate(0);
-      width: 100%;
-    }
-
-    &-list {
-      position: relative;
-      display: flex;
-      flex: auto;
-      overflow-y: auto;
-      scrollbar-width: none;
-    }
-  }
-
-  &-ink-bar {
-    position: absolute;
-    bottom: 0;
-    background-color: $trionesColorPrimary;
-    height: 2px;
-    //width: 100px;
-    &-animated {
-
-    }
-  }
-
-  &-tab {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    padding: 10Px 10Px;
-    font-size: 14Px;
-    background: transparent;
-    border: 0;
-    outline: none;
-    cursor: pointer;
-    color: rgba(0, 0, 0, 0.88);
-    white-space: nowrap;
-
-    &-stretch {
-      flex: auto;
-    }
-
-    &-active {
-      color: $trionesColorPrimary;
-      &::after{
-        content: ' ';
-        position: absolute;
-        bottom: 0;
-        width: calc(100% - 0.24rem * 2);
-        height: 0.04rem;
-        overflow: hidden;
-        font-size: 0;
-        border-radius: 50vh;
-        box-sizing: border-box;
-        background-color: $trionesColorPrimary;
-      }
-    }
-
-  }
-
-  &-content-holder {
-    flex: auto;
-    overflow: hidden;
-    .#{$tabsCls} {
-      &-content {
-        height: 100%;
-      }
-    }
-  }
-
-  &-tab-pane {
-    height: 100%;
-    display: none;
-
-    &-active {
-      display: block;
-    }
-  }
-}
-
+@use "../style/variable" as *;
+$tabsCls: 'triones-antm-tabs';
+
+.#{$tabsCls} {
+  display: flex;
+  flex-direction: column;
+  &-nav {
+    position: relative;
+    display: flex;
+    flex: none;
+    align-items: center;
+
+    &::before {
+      bottom: 0;
+      position: absolute;
+      right: 0;
+      left: 0;
+      border-bottom: 1Px solid #f0f0f0;
+      content: ' ';
+    }
+
+    &-wrap {
+      //position: relative;
+      //display: flex;
+      //flex: auto;
+      //align-self: stretch;
+      //overflow: hidden;
+      //white-space: nowrap;
+      //transform: translate(0);
+      width: 100%;
+    }
+
+    &-list {
+      position: relative;
+      display: flex;
+      flex: auto;
+      overflow-y: auto;
+      scrollbar-width: none;
+    }
+  }
+
+  &-ink-bar {
+    position: absolute;
+    bottom: 0;
+    background-color: $trionesColorPrimary;
+    height: 2px;
+    //width: 100px;
+    &-animated {
+
+    }
+  }
+
+  &-tab {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 10Px 10Px;
+    font-size: 14Px;
+    background: transparent;
+    border: 0;
+    outline: none;
+    cursor: pointer;
+    color: rgba(0, 0, 0, 0.88);
+    white-space: nowrap;
+
+    &-stretch {
+      flex: auto;
+    }
+
+    &-active {
+      color: $trionesColorPrimary;
+      &::after{
+        content: ' ';
+        position: absolute;
+        bottom: 0;
+        width: calc(100% - 0.24rem * 2);
+        height: 0.04rem;
+        overflow: hidden;
+        font-size: 0;
+        border-radius: 50vh;
+        box-sizing: border-box;
+        background-color: $trionesColorPrimary;
+      }
+    }
+
+  }
+
+  &-content-holder {
+    flex: auto;
+    overflow: hidden;
+    .#{$tabsCls} {
+      &-content {
+        height: 100%;
+      }
+    }
+  }
+
+  &-tab-pane {
+    height: 100%;
+    display: none;
+
+    &-active {
+      display: block;
+    }
+  }
+}
+

package/dist/Tabs/tabs.js

@@ -9,7 +9,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import classNames from 'classnames';
-import { isEmpty, isEqual, isArray } from 'lodash';
+import { isEmpty, isEqual, isArray } from 'lodash-es';
 import React, { useEffect, useReducer, useRef, useState } from 'react';
 import { TabsContext } from "./context";
 import "./style.scss";

package/dist/Tag/demo/base.js

@@ -1,5 +1,5 @@
-/**
- * compact: true
+/**
+ * compact: true
  */
 import React from 'react';
 import "./style.scss";

package/dist/Tag/demo/style.scss

@@ -1,8 +1,8 @@
-.tag-demo-style {
-  &-content {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-    row-gap: 8px;
-  }
-}
+.tag-demo-style {
+  &-content {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    row-gap: 8px;
+  }
+}

package/dist/Tag/style.scss

@@ -1,86 +1,86 @@
-@import "../style/variable";
-$tagCls: 'triones-antm-tag';
-
-.#{$tagCls} {
-  display: inline-block;
-  align-items: center;
-  padding: 2Px 8Px;
-  font-size: 11Px;
-  line-height: 1.2;
-  border-radius: $trionesBorderRadius;
-  box-sizing: border-box;
-  white-space: nowrap;
-
-  &-square {
-    border-radius: 0;
-  }
-
-  &-round {
-    border-radius: 12px;
-  }
-
-  // Default variant styles
-  &-default {
-    &.#{$tagCls}-solid {
-      background: #666;
-      color: #fff;
-    }
-    &.#{$tagCls}-outline {
-      color: #666;
-      border: 1px solid #666;
-      background: transparent;
-    }
-  }
-
-  // Primary variant styles
-  &-primary {
-    &.#{$tagCls}-solid {
-      background: $trionesColorPrimary;
-      color: #fff;
-    }
-    &.#{$tagCls}-outline {
-      color: $trionesColorPrimary;
-      border: 1px solid $trionesColorPrimary;
-      background: transparent;
-    }
-  }
-
-  // Success variant styles
-  &-success {
-    &.#{$tagCls}-solid {
-      background: $trionesColorSuccess;
-      color: #fff;
-    }
-    &.#{$tagCls}-outline {
-      color: $trionesColorSuccess;
-      border: 1px solid $trionesColorSuccess;
-      background: transparent;
-    }
-  }
-
-  // Warning variant styles
-  &-warning {
-    &.#{$tagCls}-solid {
-      background: $trionesColorWarning;
-      color: #fff;
-    }
-    &.#{$tagCls}-outline {
-      color: $trionesColorWarning;
-      border: 1px solid $trionesColorWarning;
-      background: transparent;
-    }
-  }
-
-  // Danger variant styles
-  &-danger {
-    &.#{$tagCls}-solid {
-      background: $trionesColorError;
-      color: #fff;
-    }
-    &.#{$tagCls}-outline {
-      color: $trionesColorError;
-      border: 1px solid $trionesColorError;
-      background: transparent;
-    }
-  }
-}
+@use "../style/variable" as *;
+$tagCls: 'triones-antm-tag';
+
+.#{$tagCls} {
+  display: inline-block;
+  align-items: center;
+  padding: 2Px 8Px;
+  font-size: 11Px;
+  line-height: 1.2;
+  border-radius: $trionesBorderRadius;
+  box-sizing: border-box;
+  white-space: nowrap;
+
+  &-square {
+    border-radius: 0;
+  }
+
+  &-round {
+    border-radius: 12px;
+  }
+
+  // Default variant styles
+  &-default {
+    &.#{$tagCls}-solid {
+      background: #666;
+      color: #fff;
+    }
+    &.#{$tagCls}-outline {
+      color: #666;
+      border: 1px solid #666;
+      background: transparent;
+    }
+  }
+
+  // Primary variant styles
+  &-primary {
+    &.#{$tagCls}-solid {
+      background: $trionesColorPrimary;
+      color: #fff;
+    }
+    &.#{$tagCls}-outline {
+      color: $trionesColorPrimary;
+      border: 1px solid $trionesColorPrimary;
+      background: transparent;
+    }
+  }
+
+  // Success variant styles
+  &-success {
+    &.#{$tagCls}-solid {
+      background: $trionesColorSuccess;
+      color: #fff;
+    }
+    &.#{$tagCls}-outline {
+      color: $trionesColorSuccess;
+      border: 1px solid $trionesColorSuccess;
+      background: transparent;
+    }
+  }
+
+  // Warning variant styles
+  &-warning {
+    &.#{$tagCls}-solid {
+      background: $trionesColorWarning;
+      color: #fff;
+    }
+    &.#{$tagCls}-outline {
+      color: $trionesColorWarning;
+      border: 1px solid $trionesColorWarning;
+      background: transparent;
+    }
+  }
+
+  // Danger variant styles
+  &-danger {
+    &.#{$tagCls}-solid {
+      background: $trionesColorError;
+      color: #fff;
+    }
+    &.#{$tagCls}-outline {
+      color: $trionesColorError;
+      border: 1px solid $trionesColorError;
+      background: transparent;
+    }
+  }
+}

package/dist/Toast/style.scss

@@ -1,63 +1,63 @@
-$toastCls: 'triones-antm-toast';
-
-.#{$toastCls} {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  text-align: center;
-  pointer-events: none;
-
-  &-main {
-
-    padding: 12Px;
-    display: inline-block;
-    position: relative;
-    top: 50%;
-    transform: translateY(-50%);
-    width: auto;
-    max-width: 204px;
-    max-height: 70%;
-    overflow: auto;
-    color: #fff;
-    word-break: break-all;
-    background-color: rgba(0, 0, 0, .7);
-    border-radius: 8px;
-    pointer-events: all;
-    font-size: var(--adm-font-size-7);
-    line-height: 1.5;
-    box-sizing: border-box;
-    &-icon{
-      padding: 35Px 12Px;
-      min-width: 150Px;
-      .#{$toastCls}{
-        &-center{
-          &-center{
-            text-align: initial;
-          }
-        }
-      }
-    }
-  }
-
-  &-center{
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    gap: 8Px;
-    &-icon{
-      .triones-antm-icon{
-        font-size: 36Px;
-      }
-    }
-    &-content{
-      display: inline-block;
-      color: #fff;
-      word-break: break-all;
-      pointer-events: all;
-      text-align: initial;
-    }
-  }
-}
+$toastCls: 'triones-antm-toast';
+
+.#{$toastCls} {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  pointer-events: none;
+
+  &-main {
+
+    padding: 12Px;
+    display: inline-block;
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
+    width: auto;
+    max-width: 204px;
+    max-height: 70%;
+    overflow: auto;
+    color: #fff;
+    word-break: break-all;
+    background-color: rgba(0, 0, 0, .7);
+    border-radius: 8px;
+    pointer-events: all;
+    font-size: var(--adm-font-size-7);
+    line-height: 1.5;
+    box-sizing: border-box;
+    &-icon{
+      padding: 35Px 12Px;
+      min-width: 150Px;
+      .#{$toastCls}{
+        &-center{
+          &-center{
+            text-align: initial;
+          }
+        }
+      }
+    }
+  }
+
+  &-center{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 8Px;
+    &-icon{
+      .triones-antm-icon{
+        font-size: 36Px;
+      }
+    }
+    &-content{
+      display: inline-block;
+      color: #fff;
+      word-break: break-all;
+      pointer-events: all;
+      text-align: initial;
+    }
+  }
+}

package/dist/VerificationCodeInput/style.scss

@@ -1,20 +1,20 @@
-@import "../style/variable";
-
-$verificationCodeInputCls: 'triones-antm-verification-code-input';
-
-.#{$verificationCodeInputCls} {
-  &-send {
-    padding-inline: $trionesPaddingContentHorizontal;
-    cursor: pointer;
-
-    &:hover {
-      color: $trionesColorPrimary;
-    }
-  }
-
-  &-counting {
-    padding-inline: $trionesPaddingContentHorizontal;
-    cursor: not-allowed;
-    color: $trionesColorTextDisabled;
-  }
-}
+@use "../style/variable" as *;
+
+$verificationCodeInputCls: 'triones-antm-verification-code-input';
+
+.#{$verificationCodeInputCls} {
+  &-send {
+    padding-inline: $trionesPaddingContentHorizontal;
+    cursor: pointer;
+
+    &:hover {
+      color: $trionesColorPrimary;
+    }
+  }
+
+  &-counting {
+    padding-inline: $trionesPaddingContentHorizontal;
+    cursor: not-allowed;
+    color: $trionesColorTextDisabled;
+  }
+}

package/dist/WaterMark/style.scss

@@ -1,17 +1,17 @@
-$class-prefix-water-mark: 'triones-antm-water-mark';
-/* prettier-ignore */
-.#{$class-prefix-water-mark} {
-  --z-index: var(--triones-antm-water-mark-z-index, 2000);
-
-  position: absolute;
-  z-index: var(--z-index);
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  pointer-events: none;
-  background-repeat: repeat;
-  &-full-page {
-    position: fixed;
-  }
-}
+$class-prefix-water-mark: 'triones-antm-water-mark';
+/* prettier-ignore */
+.#{$class-prefix-water-mark} {
+  --z-index: var(--triones-antm-water-mark-z-index, 2000);
+
+  position: absolute;
+  z-index: var(--z-index);
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  pointer-events: none;
+  background-repeat: repeat;
+  &-full-page {
+    position: fixed;
+  }
+}