@trionesdev/antd-mobile-base-react 0.0.2-beta.1 → 0.0.2-beta.3

package/dist/Rate/style.scss

@@ -1,37 +1,37 @@
-$rateCls: 'triones-antm-rate';
-
-.#{$rateCls} {
-  display: inline-flex;
-  align-items: center;
-
-  &-star-wrapper {
-    position: relative;
-    padding: 0 2px;
-    cursor: pointer;
-  }
-
-  &-star {
-    font-size: 20px;
-    color: var(--inactive-color, #e8e8e8);
-    transition: color 0.3s;
-
-    &-active {
-      color: var(--active-color, #ffb400);
-    }
-  }
-
-  &-star-half-item {
-    position: absolute;
-    left: 2px;
-    top: 0;
-    width: 42%;
-    height: 100%;
-    overflow: hidden;
-  }
-
-  &-readonly {
-    .#{$rateCls}-star-wrapper {
-      cursor: default;
-    }
-  }
-}
+$rateCls: 'triones-antm-rate';
+
+.#{$rateCls} {
+  display: inline-flex;
+  align-items: center;
+
+  &-star-wrapper {
+    position: relative;
+    padding: 0 2px;
+    cursor: pointer;
+  }
+
+  &-star {
+    font-size: 20px;
+    color: var(--inactive-color, #e8e8e8);
+    transition: color 0.3s;
+
+    &-active {
+      color: var(--active-color, #ffb400);
+    }
+  }
+
+  &-star-half-item {
+    position: absolute;
+    left: 2px;
+    top: 0;
+    width: 42%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  &-readonly {
+    .#{$rateCls}-star-wrapper {
+      cursor: default;
+    }
+  }
+}

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

@@ -1,4 +1,3 @@
 import React from 'react';
 declare const _default: () => React.JSX.Element;
 export default _default;
-//# sourceMappingURL=base.d.ts.map

package/dist/Result/demo/base.js

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

package/dist/Result/index.d.ts

@@ -1,4 +1,3 @@
 import { Result } from './result';
 export type { ResultProps } from './result';
 export default Result;
-//# sourceMappingURL=index.d.ts.map

package/dist/Result/result.d.ts

@@ -8,4 +8,3 @@ export type ResultProps = {
     icon?: ReactNode;
 } & NativeProps;
 export declare const Result: FC<ResultProps>;
-//# sourceMappingURL=result.d.ts.map

package/dist/Result/style.scss

@@ -1,73 +1,73 @@
-$class-prefix-result: 'triones-antm-result';
-/* prettier-ignore */
-.#{$class-prefix-result} {
-  padding: 32PX 12PX;
-  background-color: var(--triones-antm-color-background);
-
-  &-icon {
-    box-sizing: border-box;
-    width: 64PX;
-    height: 64PX;
-    margin: 0 auto 20PX auto;
-    padding: 6PX;
-
-    .antd-mobile-icon {
-      font-size: 52PX;
-    }
-  }
-
-  &-title {
-    color: var(--triones-antm-color-text);
-    font-size: var(--triones-antm-font-size-10);
-    line-height: 1.4;
-    text-align: center;
-  }
-
-  &-description {
-    margin-top: 8PX;
-    color: var(--triones-antm-color-weak);
-    font-size: var(--triones-antm-font-size-main);
-    line-height: 1.4;
-    text-align: center;
-  }
-}
-
-.#{$class-prefix-result}-success {
-  .#{$class-prefix-result}-icon {
-    .antd-mobile-icon {
-      color: var(--triones-antm-color-primary);
-    }
-  }
-}
-
-.#{$class-prefix-result}-error {
-  .#{$class-prefix-result}-icon {
-    .antd-mobile-icon {
-      color: var(--triones-antm-color-danger);
-    }
-  }
-}
-
-.#{$class-prefix-result}-info {
-  .#{$class-prefix-result}-icon {
-    .antd-mobile-icon {
-      color: var(--triones-antm-color-primary);
-    }
-  }
-}
-
-.#{$class-prefix-result}-waiting {
-  .#{$class-prefix-result}-icon {
-    .antd-mobile-icon {
-      color: var(--triones-antm-color-success);
-    }
-  }
-}
-
-.#{$class-prefix-result}-warning {
-  .#{$class-prefix-result}-icon {
-    .antd-mobile-icon {
-      color: var(--triones-antm-color-warning);
-    }
-  }
-}
+$class-prefix-result: 'triones-antm-result';
+/* prettier-ignore */
+.#{$class-prefix-result} {
+  padding: 32PX 12PX;
+  background-color: var(--triones-antm-color-background);
+
+  &-icon {
+    box-sizing: border-box;
+    width: 64PX;
+    height: 64PX;
+    margin: 0 auto 20PX auto;
+    padding: 6PX;
+
+    .antd-mobile-icon {
+      font-size: 52PX;
+    }
+  }
+
+  &-title {
+    color: var(--triones-antm-color-text);
+    font-size: var(--triones-antm-font-size-10);
+    line-height: 1.4;
+    text-align: center;
+  }
+
+  &-description {
+    margin-top: 8PX;
+    color: var(--triones-antm-color-weak);
+    font-size: var(--triones-antm-font-size-main);
+    line-height: 1.4;
+    text-align: center;
+  }
+}
+
+.#{$class-prefix-result}-success {
+  .#{$class-prefix-result}-icon {
+    .antd-mobile-icon {
+      color: var(--triones-antm-color-primary);
+    }
+  }
+}
+
+.#{$class-prefix-result}-error {
+  .#{$class-prefix-result}-icon {
+    .antd-mobile-icon {
+      color: var(--triones-antm-color-danger);
+    }
+  }
+}
+
+.#{$class-prefix-result}-info {
+  .#{$class-prefix-result}-icon {
+    .antd-mobile-icon {
+      color: var(--triones-antm-color-primary);
+    }
+  }
+}
+
+.#{$class-prefix-result}-waiting {
+  .#{$class-prefix-result}-icon {
+    .antd-mobile-icon {
+      color: var(--triones-antm-color-success);
+    }
+  }
+}
+
+.#{$class-prefix-result}-warning {
+  .#{$class-prefix-result}-icon {
+    .antd-mobile-icon {
+      color: var(--triones-antm-color-warning);
+    }
+  }
+}

package/dist/Result/use-result-icon.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare const useResultIcon: (status?: 'success' | 'error' | 'info' | 'waiting' | 'warning') => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null;
-//# sourceMappingURL=use-result-icon.d.ts.map

package/dist/SafeArea/index.d.ts

@@ -2,4 +2,3 @@ import { SafeArea } from './safe-area';
 import './style.scss';
 export type { SafeAreaProps } from './safe-area';
 export default SafeArea;
-//# sourceMappingURL=index.d.ts.map

package/dist/SafeArea/safe-area.d.ts

@@ -12,4 +12,3 @@ export type SafeAreaProps = {
     bottom?: boolean;
 } & NativeProps;
 export declare const SafeArea: FC<SafeAreaProps>;
-//# sourceMappingURL=safe-area.d.ts.map

package/dist/SafeArea/style.scss

@@ -1,18 +1,20 @@
-@use "../style/variable" as *;
-
-$class-prefix-safe-area: 'triones-antm-safe-area';
-
-.#{$class-prefix-safe-area} {
-  height: 100%;
-  display: block;
-  width: 100%;
-  box-sizing: border-box;
-
-  &-position-top {
-    padding-top: calc(env(safe-area-inset-top) * $trionesSafeAreaMultiple);
-  }
-
-  &-position-bottom {
-    padding-bottom: calc(env(safe-area-inset-bottom) * $trionesSafeAreaMultiple);
-  }
-}
+@use "../style/variable" as variable;
+
+$class-prefix-safe-area: 'triones-antm-safe-area';
+
+$safeAreaMultiple : variable.$trionesSafeAreaMultiple;
+
+.#{$class-prefix-safe-area} {
+  height: 100%;
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+
+  &-position-top {
+    padding-top: calc(env(safe-area-inset-top) * $safeAreaMultiple);
+  }
+
+  &-position-bottom {
+    padding-bottom: calc(env(safe-area-inset-bottom) * $safeAreaMultiple);
+  }
+}

package/dist/Scaffold/index.d.ts

@@ -1,4 +1,3 @@
 import { Scaffold, ScaffoldProps } from './scaffold';
 export type { ScaffoldProps };
 export default Scaffold;
-//# sourceMappingURL=index.d.ts.map

package/dist/Scaffold/scaffold.d.ts

@@ -9,4 +9,3 @@ export type ScaffoldProps = {
     bottomSafeArea?: boolean;
 };
 export declare const Scaffold: FC<ScaffoldProps>;
-//# sourceMappingURL=scaffold.d.ts.map

package/dist/Scaffold/style.scss

@@ -1,16 +1,17 @@
-@use "../style/variable" as *;
-
-
-$trionesScaffoldCls: 'triones-antm-scaffold';
-
-.#{$trionesScaffoldCls} {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-
-  &-body {
-    flex: 1 auto;
-    overflow: hidden;
-  }
-}
+@use "../style/variable" as variable;
+
+
+$trionesScaffoldCls: 'triones-antm-scaffold';
+
+.#{$trionesScaffoldCls} {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: variable.$trionesColorBgScaffold;
+
+  &-body {
+    flex: 1 auto;
+    overflow: hidden;
+  }
+}

package/dist/ScrollView/index.d.ts

@@ -2,4 +2,3 @@ import { ScrollView } from "./scroll-view";
 import type { ScrollViewProps } from "./types";
 export type { ScrollViewProps };
 export default ScrollView;
-//# sourceMappingURL=index.d.ts.map

package/dist/ScrollView/scroll-view.d.ts

@@ -2,4 +2,3 @@ import { FC } from 'react';
 import './style.scss';
 import { ScrollViewProps } from "./types";
 export declare const ScrollView: FC<ScrollViewProps>;
-//# sourceMappingURL=scroll-view.d.ts.map

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/ScrollView/types.d.ts

@@ -24,4 +24,3 @@ export type ScrollViewProps = {
     onScrollToUpper?: () => void;
     onScrollToLower?: () => void;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/SideBar/SideBarContext.d.ts

@@ -16,4 +16,3 @@ type SideBarContextType = {
 };
 export declare const SideBarContext: import("react").Context<SideBarContextType>;
 export {};
-//# sourceMappingURL=SideBarContext.d.ts.map

package/dist/SideBar/index.d.ts

@@ -1,4 +1,3 @@
 import { SideBar, SideBarProps } from "./side-bar";
 export type { SideBarProps };
 export default SideBar;
-//# sourceMappingURL=index.d.ts.map

package/dist/SideBar/side-bar.d.ts

@@ -23,4 +23,3 @@ export type SideBarProps = {
 };
 export declare const SideBar: FC<SideBarProps>;
 export {};
-//# sourceMappingURL=side-bar.d.ts.map

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 *;
-
-$trionesSideBarCls: 'triones-antm-sidebar';
-
-.#{$trionesSideBarCls} {
-  display: flex;
-  height: 100%;
-
-
-  &-tabs {
-    min-width: 0;
-    background-color: $trionesColorFill;
-    overflow: auto;
-    scrollbar-width: thin;
-    flex-shrink: 0;
-  }
-
-  &-tab {
-    cursor: pointer;
-    padding: $trionesPadding $trionesPadding;
-    color: $trionesColorTextSecondary;
-
-    &-active {
-      color: $trionesColorPrimaryText;
-      background-color: $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/SideBar/types.d.ts

@@ -5,4 +5,3 @@ export type ScrollDetail = {
     manual?: boolean;
     top?: number;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/Space/index.d.ts

@@ -1,4 +1,3 @@
 import { Space } from './space';
 export type { SpaceProps } from './space';
 export default Space;
-//# sourceMappingURL=index.d.ts.map

package/dist/Space/space.d.ts

@@ -34,6 +34,6 @@ export type SpaceProps = {
      */
     size?: Size | Size[];
     style?: CSSProperties;
+    separator?: ReactNode;
 };
 export declare const Space: FC<SpaceProps>;
-//# sourceMappingURL=space.d.ts.map