@trionesdev/antd-mobile-react 0.0.2-beta.23 → 0.0.2-beta.25

package/dist/PickerView/style.scss

@@ -1,72 +1,72 @@
-$pickerViewCls: 'triones-antm-picker-view';
-.#{$pickerViewCls} {
-  width: 100%;
-  height: var(--height,240Px);
-  display: flex;
-  position: relative;
-  overflow: hidden;
-  --item-height: 34Px;
-  --item-font-size: 16Px;
-
-  &-column {
-    height: 100%;
-    flex: 1 1;
-    user-select: none;
-    touch-action: none;
-    position: relative;
-    z-index: 0;
-    &-wheel{
-      width: 100%;
-      cursor: grab;
-      position: absolute;
-      top: calc(50% - var(--item-height)/2);
-      left: 0;
-    }
-
-    &-item {
-      font-size: var(--item-font-size);
-      padding: 0 6px;
-      height: var(--item-height);
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      &-label{
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-  }
-
-  &-mask {
-    position: absolute;
-    z-index: 10000;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    pointer-events: none;
-
-    &-top {
-      background-color: white;
-      flex: auto;
-      mask: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .8) 50%, #000);
-    }
-
-    &-middle {
-      height: var(--item-height);
-      box-sizing: border-box;
-      flex: none;
-      border-top: 1px solid #eee;
-      border-bottom: 1px solid #eee;
-    }
-
-    &-bottom {
-      background-color: white;
-      flex: auto;
-      mask: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .8) 50%, #000);
-    }
-  }
-}
+$pickerViewCls: 'triones-antm-picker-view';
+.#{$pickerViewCls} {
+  width: 100%;
+  height: var(--height,240Px);
+  display: flex;
+  position: relative;
+  overflow: hidden;
+  --item-height: 34Px;
+  --item-font-size: 16Px;
+
+  &-column {
+    height: 100%;
+    flex: 1 1;
+    user-select: none;
+    touch-action: none;
+    position: relative;
+    z-index: 0;
+    &-wheel{
+      width: 100%;
+      cursor: grab;
+      position: absolute;
+      top: calc(50% - var(--item-height)/2);
+      left: 0;
+    }
+
+    &-item {
+      font-size: var(--item-font-size);
+      padding: 0 6px;
+      height: var(--item-height);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      &-label{
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
+
+  &-mask {
+    position: absolute;
+    z-index: 10000;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    pointer-events: none;
+
+    &-top {
+      background-color: white;
+      flex: auto;
+      mask: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .8) 50%, #000);
+    }
+
+    &-middle {
+      height: var(--item-height);
+      box-sizing: border-box;
+      flex: none;
+      border-top: 1px solid #eee;
+      border-bottom: 1px solid #eee;
+    }
+
+    &-bottom {
+      background-color: white;
+      flex: auto;
+      mask: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .8) 50%, #000);
+    }
+  }
+}

package/dist/Popup/demo/base.js

@@ -4,8 +4,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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; }
-/**
- * compact: true
+/**
+ * compact: true
  */
 import { DemoBlock } from "../../DemoBlock";
 import React from 'react';

package/dist/Popup/style.scss

@@ -1,129 +1,129 @@
-@use "../style/variable" as variable;
-
-$trionesPopupCls: 'triones-antm-popup';
-
-.#{$trionesPopupCls} {
-  &-overlay {
-    display: flex;
-
-    .#{$trionesPopupCls} {
-      &-container {
-        position: relative;
-        background-color: white;
-
-        .#{$trionesPopupCls} {
-          &-header {
-            padding-block: variable.$trionesPaddingContentVertical;
-            padding-inline: variable.$trionesPaddingContentHorizontal;
-          }
-        }
-      }
-
-      &-title {
-        text-align: center;
-      }
-
-      &-close {
-        position: absolute;
-
-        &-top-right {
-          top: variable.$trionesPaddingContentVertical;
-          right: variable.$trionesPaddingContentHorizontal;
-        }
-
-        &-top-left {
-          top: variable.$trionesPaddingContentVertical;
-          left: variable.$trionesPaddingContentHorizontal;
-        }
-      }
-    }
-  }
-
-  &-top {
-    flex-direction: column;
-    align-items: flex-start;
-    justify-content: flex-start;
-
-    .#{$trionesPopupCls} {
-      &-container {
-        width: 100%;
-        min-height: 20%;
-        max-height: 90%;
-      }
-
-      &-round {
-        border-bottom-left-radius: variable.$trionesBorderRadius;
-        border-bottom-right-radius: variable.$trionesBorderRadius;
-      }
-    }
-  }
-
-  &-bottom {
-    flex-direction: column;
-    align-items: flex-end;
-    justify-content: flex-end;
-
-    .#{$trionesPopupCls} {
-      &-container {
-        width: 100%;
-        min-height: 20%;
-        max-height: 90%;
-      }
-
-      &-round {
-        border-top-left-radius: variable.$trionesBorderRadius;
-        border-top-right-radius: variable.$trionesBorderRadius;
-      }
-    }
-  }
-
-  &-left {
-    flex-direction: row;
-    justify-content: flex-start;
-
-    .#{$trionesPopupCls} {
-      &-container {
-        height: 100%;
-        min-width: 20%;
-        max-width: 90%;
-      }
-
-      &-round {
-        border-top-right-radius: variable.$trionesBorderRadius;
-        border-bottom-right-radius: variable.$trionesBorderRadius;
-      }
-    }
-  }
-
-
-  &-right {
-    flex-direction: row;
-    justify-content: flex-end;
-
-    .#{$trionesPopupCls} {
-      &-container {
-        height: 100%;
-        min-width: 20%;
-        max-width: 90%;
-      }
-
-      &-round {
-        border-top-left-radius: variable.$trionesBorderRadius;
-        border-bottom-left-radius: variable.$trionesBorderRadius;
-      }
-    }
-  }
-
-  &-center {
-    justify-content: center;
-    align-items: center;
-
-    .#{$trionesPopupCls} {
-      &-round {
-        border-radius: variable.$trionesBorderRadius;
-      }
-    }
-  }
-
-
-}
+@use "../style/variable" as variable;
+
+$trionesPopupCls: 'triones-antm-popup';
+
+.#{$trionesPopupCls} {
+  &-overlay {
+    display: flex;
+
+    .#{$trionesPopupCls} {
+      &-container {
+        position: relative;
+        background-color: white;
+
+        .#{$trionesPopupCls} {
+          &-header {
+            padding-block: variable.$trionesPaddingContentVertical;
+            padding-inline: variable.$trionesPaddingContentHorizontal;
+          }
+        }
+      }
+
+      &-title {
+        text-align: center;
+      }
+
+      &-close {
+        position: absolute;
+
+        &-top-right {
+          top: variable.$trionesPaddingContentVertical;
+          right: variable.$trionesPaddingContentHorizontal;
+        }
+
+        &-top-left {
+          top: variable.$trionesPaddingContentVertical;
+          left: variable.$trionesPaddingContentHorizontal;
+        }
+      }
+    }
+  }
+
+  &-top {
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: flex-start;
+
+    .#{$trionesPopupCls} {
+      &-container {
+        width: 100%;
+        min-height: 20%;
+        max-height: 90%;
+      }
+
+      &-round {
+        border-bottom-left-radius: variable.$trionesBorderRadius;
+        border-bottom-right-radius: variable.$trionesBorderRadius;
+      }
+    }
+  }
+
+  &-bottom {
+    flex-direction: column;
+    align-items: flex-end;
+    justify-content: flex-end;
+
+    .#{$trionesPopupCls} {
+      &-container {
+        width: 100%;
+        min-height: 20%;
+        max-height: 90%;
+      }
+
+      &-round {
+        border-top-left-radius: variable.$trionesBorderRadius;
+        border-top-right-radius: variable.$trionesBorderRadius;
+      }
+    }
+  }
+
+  &-left {
+    flex-direction: row;
+    justify-content: flex-start;
+
+    .#{$trionesPopupCls} {
+      &-container {
+        height: 100%;
+        min-width: 20%;
+        max-width: 90%;
+      }
+
+      &-round {
+        border-top-right-radius: variable.$trionesBorderRadius;
+        border-bottom-right-radius: variable.$trionesBorderRadius;
+      }
+    }
+  }
+
+
+  &-right {
+    flex-direction: row;
+    justify-content: flex-end;
+
+    .#{$trionesPopupCls} {
+      &-container {
+        height: 100%;
+        min-width: 20%;
+        max-width: 90%;
+      }
+
+      &-round {
+        border-top-left-radius: variable.$trionesBorderRadius;
+        border-bottom-left-radius: variable.$trionesBorderRadius;
+      }
+    }
+  }
+
+  &-center {
+    justify-content: center;
+    align-items: center;
+
+    .#{$trionesPopupCls} {
+      &-round {
+        border-radius: variable.$trionesBorderRadius;
+      }
+    }
+  }
+
+
+}

package/dist/Radio/demo/base.scss

@@ -1,4 +1,4 @@
-.blockIndicator {
-  background-color: #f5f5f5;
-  border-radius: 2px;
-}
+.blockIndicator {
+  background-color: #f5f5f5;
+  border-radius: 2px;
+}

package/dist/Result/demo/base.js

@@ -1,5 +1,5 @@
-/**
- * compact: true
+/**
+ * compact: true
  */
 import { DemoBlock } from "../../DemoBlock";
 import React from 'react';

package/dist/SafeArea/demo/base.scss

@@ -1,18 +1,18 @@
-$class-prefix-card: 'card-demo';
-
-.#{$class-prefix-card} {
-  &-content {
-    height: 50px;
-  }
-  &-footer {
-    padding-top: 11px;
-    border-top: 1px solid #e5e5e5;
-    display: flex;
-    justify-content: flex-end;
-  }
-
-  &-customBody {
-    color: green;
-  }
-
-}
+$class-prefix-card: 'card-demo';
+
+.#{$class-prefix-card} {
+  &-content {
+    height: 50px;
+  }
+  &-footer {
+    padding-top: 11px;
+    border-top: 1px solid #e5e5e5;
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  &-customBody {
+    color: green;
+  }
+
+}

package/dist/ScrollView/style.scss

@@ -1,19 +1,19 @@
-$trionesScrollViewCls: 'triones-antm-scroll-view';
-
-.#{$trionesScrollViewCls} {
-  scrollbar-width: thin;
-
-  &-scroll-x {
-    overflow-x: auto;
-    overflow-y: hidden;
-  }
-
-  &-scroll-y {
-    overflow-x: hidden;
-    overflow-y: auto;
-  }
-
-  &-scroll-bar-hidden {
-    scrollbar-width: none;
-  }
-}
+$trionesScrollViewCls: 'triones-antm-scroll-view';
+
+.#{$trionesScrollViewCls} {
+  scrollbar-width: thin;
+
+  &-scroll-x {
+    overflow-x: auto;
+    overflow-y: hidden;
+  }
+
+  &-scroll-y {
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+
+  &-scroll-bar-hidden {
+    scrollbar-width: none;
+  }
+}

package/dist/SideBar/side-bar.js

@@ -70,8 +70,8 @@ var SideBarContent = /*#__PURE__*/memo(function (_ref2) {
     };
   }();
 
-  /**
-   * 计算当前页顶部，距离可滚动区域顶部的距离
+  /**
+   * 计算当前页顶部，距离可滚动区域顶部的距离
    */
   var computeReactiveOffsetTop = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
@@ -90,8 +90,8 @@ var SideBarContent = /*#__PURE__*/memo(function (_ref2) {
     };
   }();
 
-  /**
-   * 计算当前页底部，距离可滚动区域顶部的距离
+  /**
+   * 计算当前页底部，距离可滚动区域顶部的距离
    */
   var computeReactiveOffsetBottom = /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
@@ -138,8 +138,8 @@ var SideBarContent = /*#__PURE__*/memo(function (_ref2) {
     }
   }, [activeKey]);
 
-  /**
-   * 监听滚动变化，只有在人为操作的时候才监听滚动的位置是否需要切换tab，如果是切换tab 引发的滚动则不执行
+  /**
+   * 监听滚动变化，只有在人为操作的时候才监听滚动的位置是否需要切换tab，如果是切换tab 引发的滚动则不执行
    */
   useEffect(function () {
     // return;