@trionesdev/antd-mobile-react 0.0.2-beta.15 → 0.0.2-beta.17

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;

package/dist/SideBar/style.scss

@@ -1,85 +1,85 @@
-@use "../style/variable" as variable;
-
-$trionesSideBarCls: 'triones-antm-sidebar';
-
-.#{$trionesSideBarCls} {
-  display: flex;
-  height: 100%;
-
-
-  &-tabs {
-    min-width: 0;
-    background-color: variable.$trionesColorFill;
-    overflow: auto;
-    scrollbar-width: thin;
-    flex-shrink: 0;
-  }
-
-  &-tab {
-    cursor: pointer;
-    padding: variable.$trionesPadding variable.$trionesPadding;
-    color: variable.$trionesColorTextSecondary;
-
-    &-active {
-      color: variable.$trionesColorPrimaryText;
-      background-color: variable.$trionesColorBgBase;
-    }
-
-  }
-
-  &-content {
-    flex: 1 auto;
-    min-width: 0;
-    overflow: hidden;
-    //overflow-y: auto;
-    //scrollbar-width: none;
-    position: relative;
-    user-select: none;
-    touch-action: none;
-
-
-    &-wheel {
-      width: 100%;
-      cursor: grab;
-      position: absolute;
-    }
-
-    &-item {
-
-      &-active {
-        display: block;
-      }
-    }
-  }
-
-  &-switch-mode {
-    .#{$trionesSideBarCls} {
-      &-content {
-
-        &-item {
-          height: 100%;
-          display: none;
-          &-active {
-            display: block;
-          }
-        }
-      }
-    }
-  }
-
-  &-scroll-mode {
-    .#{$trionesSideBarCls} {
-      &-content {
-
-        &-item {
-
-
-          &-active {
-            display: block;
-          }
-        }
-      }
-    }
-  }
-
-}
+@use "../style/variable" as variable;
+
+$trionesSideBarCls: 'triones-antm-sidebar';
+
+.#{$trionesSideBarCls} {
+  display: flex;
+  height: 100%;
+
+
+  &-tabs {
+    min-width: 0;
+    background-color: variable.$trionesColorFill;
+    overflow: auto;
+    scrollbar-width: thin;
+    flex-shrink: 0;
+  }
+
+  &-tab {
+    cursor: pointer;
+    padding: variable.$trionesPadding variable.$trionesPadding;
+    color: variable.$trionesColorTextSecondary;
+
+    &-active {
+      color: variable.$trionesColorPrimaryText;
+      background-color: variable.$trionesColorBgBase;
+    }
+
+  }
+
+  &-content {
+    flex: 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    //overflow-y: auto;
+    //scrollbar-width: none;
+    position: relative;
+    user-select: none;
+    touch-action: none;
+
+
+    &-wheel {
+      width: 100%;
+      cursor: grab;
+      position: absolute;
+    }
+
+    &-item {
+
+      &-active {
+        display: block;
+      }
+    }
+  }
+
+  &-switch-mode {
+    .#{$trionesSideBarCls} {
+      &-content {
+
+        &-item {
+          height: 100%;
+          display: none;
+          &-active {
+            display: block;
+          }
+        }
+      }
+    }
+  }
+
+  &-scroll-mode {
+    .#{$trionesSideBarCls} {
+      &-content {
+
+        &-item {
+
+
+          &-active {
+            display: block;
+          }
+        }
+      }
+    }
+  }
+
+}

package/dist/Skeleton/demo/base.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/Skeleton/demo/base.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DemoBlock } from "../../DemoBlock";
+import { Skeleton } from "../../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u7840\u7528\u6CD5"
+  }, /*#__PURE__*/React.createElement(Skeleton, null)));
+});

package/dist/Skeleton/index.d.ts

@@ -0,0 +1,3 @@
+import { Skeleton } from '@trionesdev/antd-mobile-base-react';
+export type { SkeletonAvatarProps, SkeletonAvatarShape, SkeletonAvatarSize, SkeletonBlockType, SkeletonButtonProps, SkeletonButtonShape, SkeletonInputProps, SkeletonParagraphProps, SkeletonProps, SkeletonTitleProps, } from '@trionesdev/antd-mobile-base-react';
+export default Skeleton;

package/dist/Skeleton/index.js

@@ -0,0 +1,2 @@
+import { Skeleton } from '@trionesdev/antd-mobile-base-react';
+export default Skeleton;

package/dist/Space/demo/base.js

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

package/dist/Stepper/demo/base.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/Stepper/demo/base.js

@@ -0,0 +1,23 @@
+import React from "react";
+import Stepper from "../index";
+import { DemoBlock } from "../../DemoBlock";
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u672C\u4F7F\u7528"
+  }, /*#__PURE__*/React.createElement(Stepper, null)), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u6700\u5927\u503C\u6700\u5C0F\u503C"
+  }, /*#__PURE__*/React.createElement(Stepper, {
+    min: 0,
+    max: 10
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u672C\u4F7F\u7528"
+  }, /*#__PURE__*/React.createElement(Stepper, {
+    max: 10
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5360\u6EE1"
+  }, /*#__PURE__*/React.createElement(Stepper, {
+    block: true,
+    min: 0,
+    max: 10
+  })));
+});

package/dist/Stepper/index.d.ts

@@ -0,0 +1,3 @@
+import { Stepper, StepperProps } from "@trionesdev/antd-mobile-base-react";
+export type { StepperProps };
+export default Stepper;

package/dist/Stepper/index.js

@@ -0,0 +1,2 @@
+import { Stepper } from "@trionesdev/antd-mobile-base-react";
+export default Stepper;

package/dist/Swiper/style.scss

@@ -1,54 +1,54 @@
-@use "../style/variable" as variable;
-$swiperCls: 'triones-antm-swiper';
-
-.#{$swiperCls} {
-  max-height: 100%;
-  display: flex;
-  justify-items: center;
-  align-items: center;
-}
-.#{$swiperCls}-core {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  box-sizing: border-box;
-  &-box{
-    position: relative;
-    width: 100%;
-    height: 100%;
-  }
-  &-wrapper{
-    position: relative;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    transition-property: transform;
-    justify-content: center;
-    align-items: center;
-    &-horizontal{
-      flex-direction: row;
-      touch-action: pan-x;
-    }
-    &-vertical{
-      flex-direction: column;
-      touch-action: pan-y;
-    }
-  }
-  &-item {
-    position: relative;
-    flex-shrink: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-}
-
-.#{$swiperCls}-taro {
-  width: 100%;
-  height: 100%;
-  &-item{
-    display: flex;
-    align-items: center;
-  }
-}
+@use "../style/variable" as variable;
+$swiperCls: 'triones-antm-swiper';
+
+.#{$swiperCls} {
+  max-height: 100%;
+  display: flex;
+  justify-items: center;
+  align-items: center;
+}
+.#{$swiperCls}-core {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  box-sizing: border-box;
+  &-box{
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+  &-wrapper{
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    transition-property: transform;
+    justify-content: center;
+    align-items: center;
+    &-horizontal{
+      flex-direction: row;
+      touch-action: pan-x;
+    }
+    &-vertical{
+      flex-direction: column;
+      touch-action: pan-y;
+    }
+  }
+  &-item {
+    position: relative;
+    flex-shrink: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+}
+
+.#{$swiperCls}-taro {
+  width: 100%;
+  height: 100%;
+  &-item{
+    display: flex;
+    align-items: center;
+  }
+}

package/dist/Switch/demo/base.js

@@ -8,8 +8,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 { CheckOutline, CloseOutline } from '@trionesdev/antd-mobile-icons-react';
 import { DemoBlock } from "../../DemoBlock";

package/dist/TabBar/demo/base.js

@@ -1,5 +1,5 @@
-/**
- * compact: true
+/**
+ * compact: true
  */
 import React from "react";
 import { FaceRecognitionOutline, AppstoreOutline, UserOutline } from "../../../../antd-mobile-icons-react";

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/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 @@
-@use "../style/variable" as variable;
-
-$verificationCodeInputCls: 'triones-antm-verification-code-input';
-
-.#{$verificationCodeInputCls} {
-  &-send {
-    padding-inline: variable.$trionesPaddingContentHorizontal;
-    cursor: pointer;
-
-    &:hover {
-      color: variable.$trionesColorPrimary;
-    }
-  }
-
-  &-counting {
-    padding-inline: variable.$trionesPaddingContentHorizontal;
-    cursor: not-allowed;
-    color: variable.$trionesColorTextDisabled;
-  }
-}
+@use "../style/variable" as variable;
+
+$verificationCodeInputCls: 'triones-antm-verification-code-input';
+
+.#{$verificationCodeInputCls} {
+  &-send {
+    padding-inline: variable.$trionesPaddingContentHorizontal;
+    cursor: pointer;
+
+    &:hover {
+      color: variable.$trionesColorPrimary;
+    }
+  }
+
+  &-counting {
+    padding-inline: variable.$trionesPaddingContentHorizontal;
+    cursor: not-allowed;
+    color: variable.$trionesColorTextDisabled;
+  }
+}

package/dist/WaterMark/demo/demo1.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 React, { useState } from 'react';
 import "./demo1.scss";

package/dist/WaterMark/demo/demo1.scss

@@ -1,6 +1,6 @@
-.water-mark-overlay {
-  padding: 12px;
-  button {
-    margin-bottom: 12px;
-  }
-}
+.water-mark-overlay {
+  padding: 12px;
+  button {
+    margin-bottom: 12px;
+  }
+}

package/dist/WaterMark/demo/demo2.js

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