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

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) fengxiaotx@163.com
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) fengxiaotx@163.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,23 +1,23 @@
-# @trionesdev/antd-mobile-base-react
-
-[![NPM version](https://img.shields.io/npm/v/@trionesdev/antd-mobile-base-react.svg?style=flat)](https://npmjs.com/package/@trionesdev/antd-mobile-base-react)
-[![NPM downloads](http://img.shields.io/npm/dm/@trionesdev/antd-mobile-base-react.svg?style=flat)](https://npmjs.com/package/@trionesdev/antd-mobile-base-react)
-
-## Install
-
-```bash
-$ pnpm install
-```
-
-```bash
-$ npm run dev
-$ npm run build
-```
-
-## Options
-
-TODO
-
-## LICENSE
-
-MIT
+# @trionesdev/antd-mobile-base-react
+
+[![NPM version](https://img.shields.io/npm/v/@trionesdev/antd-mobile-base-react.svg?style=flat)](https://npmjs.com/package/@trionesdev/antd-mobile-base-react)
+[![NPM downloads](http://img.shields.io/npm/dm/@trionesdev/antd-mobile-base-react.svg?style=flat)](https://npmjs.com/package/@trionesdev/antd-mobile-base-react)
+
+## Install
+
+```bash
+$ pnpm install
+```
+
+```bash
+$ npm run dev
+$ npm run build
+```
+
+## Options
+
+TODO
+
+## LICENSE
+
+MIT

package/dist/ActionSheet/ActionSheet.d.ts

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

package/dist/ActionSheet/index.d.ts

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

package/dist/ActionSheet/style.scss

@@ -1,51 +1,51 @@
-@use "../style/variable" as *;
-$actionSheetCls: 'triones-antm-action-sheet';
-
-.#{$actionSheetCls} {
-  display: flex;
-  flex-direction: column;
-  background-color: $trionesColorFill;
-  border-top-left-radius: $trionesBorderRadius;
-  border-top-right-radius: $trionesBorderRadius;
-  overflow: hidden;
-  gap: 2Px;
-  &-body{
-
-  }
-  &-title{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 48Px;
-    background-color: white;
-    font-size: 18Px;
-    border-bottom: 1Px solid $trionesBorderColor;
-  }
-  &-actions{
-    &-item{
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      min-height: 48Px;
-      background-color: white;
-      cursor: default;
-      position: relative;
-      font-size: 18Px;
-      &:hover{
-        opacity: 0.8;
-      }
-    }
-  }
-  &-cancel{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 48Px;
-    font-size: 18Px;
-    background-color: white;
-    cursor: default;
-    &:hover{
-      opacity: 0.8;
-    }
-  }
-}
+@use "../style/variable" as *;
+$actionSheetCls: 'triones-antm-action-sheet';
+
+.#{$actionSheetCls} {
+  display: flex;
+  flex-direction: column;
+  background-color: $trionesColorFill;
+  border-top-left-radius: $trionesBorderRadius;
+  border-top-right-radius: $trionesBorderRadius;
+  overflow: hidden;
+  gap: 2Px;
+  &-body{
+
+  }
+  &-title{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 48Px;
+    background-color: white;
+    font-size: 18Px;
+    border-bottom: 1Px solid $trionesBorderColor;
+  }
+  &-actions{
+    &-item{
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-height: 48Px;
+      background-color: white;
+      cursor: default;
+      position: relative;
+      font-size: 18Px;
+      &:hover{
+        opacity: 0.8;
+      }
+    }
+  }
+  &-cancel{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 48Px;
+    font-size: 18Px;
+    background-color: white;
+    cursor: default;
+    &:hover{
+      opacity: 0.8;
+    }
+  }
+}

package/dist/Alert/alert.d.ts

@@ -30,4 +30,3 @@ export type AlertProps = {
     afterClose?: () => void;
 };
 export declare const Alert: FC<AlertProps>;
-//# sourceMappingURL=alert.d.ts.map

package/dist/Alert/index.d.ts

@@ -1,4 +1,3 @@
 import { Alert, AlertProps } from "./alert";
 export type { AlertProps };
 export default Alert;
-//# sourceMappingURL=index.d.ts.map

package/dist/Alert/style.scss

@@ -1,69 +1,69 @@
-@use "../style/variable" as *;
-
-$trionesAlertCls: 'triones-antm-alert';
-
-$trionesAlertDefaultPadding: 8Px 12Px;
-
-.#{$trionesAlertCls} {
-  padding: $trionesAlertDefaultPadding;
-  border-radius: $trionesBorderRadius;
-  display: flex;
-  flex: 1 auto;
-  border: 1Px solid;
-  align-items: center;
-  justify-content: center;
-  gap: 4Px;
-
-  &-success {
-    border-color: $trionesColorSuccessBorder;
-    background-color: $trionesColorSuccessBg;
-
-    .#{$trionesAlertCls}-icon {
-      color: $trionesColorSuccess;
-    }
-  }
-
-  &-info {
-    border-color: $trionesColorInfoBorder;
-    background-color: $trionesColorInfoBg;
-
-    .#{$trionesAlertCls}-icon {
-      color: $trionesColorInfo;
-    }
-  }
-
-  &-warning {
-    border-color: $trionesColorWarningBorder;
-    background-color: $trionesColorWarningBg;
-
-    .#{$trionesAlertCls}-icon {
-      color: $trionesColorWarning;
-    }
-  }
-
-  &-error {
-    border-color: $trionesColorErrorBorder;
-    background-color: $trionesColorErrorBg;
-
-    .#{$trionesAlertCls}-icon {
-      color: $trionesColorError;
-    }
-  }
-
-  &-icon {
-  }
-
-  &-content {
-    flex: 1 auto;
-  }
-
-  &-close-icon {
-    color: $trionesColorIcon;
-    font-size: $trionesFontSizeIcon;
-    cursor: pointer;
-
-    .triones-antm-icon {
-      font-size: $trionesFontSizeIcon;
-    }
-  }
-}
+@use "../style/variable" as *;
+
+$trionesAlertCls: 'triones-antm-alert';
+
+$trionesAlertDefaultPadding: 8Px 12Px;
+
+.#{$trionesAlertCls} {
+  padding: $trionesAlertDefaultPadding;
+  border-radius: $trionesBorderRadius;
+  display: flex;
+  flex: 1 auto;
+  border: 1Px solid;
+  align-items: center;
+  justify-content: center;
+  gap: 4Px;
+
+  &-success {
+    border-color: $trionesColorSuccessBorder;
+    background-color: $trionesColorSuccessBg;
+
+    .#{$trionesAlertCls}-icon {
+      color: $trionesColorSuccess;
+    }
+  }
+
+  &-info {
+    border-color: $trionesColorInfoBorder;
+    background-color: $trionesColorInfoBg;
+
+    .#{$trionesAlertCls}-icon {
+      color: $trionesColorInfo;
+    }
+  }
+
+  &-warning {
+    border-color: $trionesColorWarningBorder;
+    background-color: $trionesColorWarningBg;
+
+    .#{$trionesAlertCls}-icon {
+      color: $trionesColorWarning;
+    }
+  }
+
+  &-error {
+    border-color: $trionesColorErrorBorder;
+    background-color: $trionesColorErrorBg;
+
+    .#{$trionesAlertCls}-icon {
+      color: $trionesColorError;
+    }
+  }
+
+  &-icon {
+  }
+
+  &-content {
+    flex: 1 auto;
+  }
+
+  &-close-icon {
+    color: $trionesColorIcon;
+    font-size: $trionesFontSizeIcon;
+    cursor: pointer;
+
+    .triones-antm-icon {
+      font-size: $trionesFontSizeIcon;
+    }
+  }
+}

package/dist/Avatar/avatar.d.ts

@@ -12,4 +12,3 @@ export type AvatarProps = {
 };
 export declare const Avatar: React.FC<AvatarProps>;
 export default Avatar;
-//# sourceMappingURL=avatar.d.ts.map

package/dist/Avatar/index.d.ts

@@ -1,4 +1,3 @@
 import { Avatar, AvatarProps } from "./avatar";
 export type { AvatarProps };
 export default Avatar;
-//# sourceMappingURL=index.d.ts.map

package/dist/Avatar/style.scss

@@ -1,16 +1,16 @@
-$avatarCls: 'triones-antm-avatar';
-
-.#{$avatarCls} {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-
-  &-circle {
-    border-radius: 50%;
-  }
-
-  &-shape-square {
-    border-radius: 6Px;
-  }
-}
+$avatarCls: 'triones-antm-avatar';
+
+.#{$avatarCls} {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+
+  &-circle {
+    border-radius: 50%;
+  }
+
+  &-shape-square {
+    border-radius: 6Px;
+  }
+}

package/dist/Badge/badge.d.ts

@@ -12,4 +12,3 @@ export interface BadgeProps extends BasicComponent {
     fill: BadgeFill;
 }
 export declare const Badge: FunctionComponent<Partial<BadgeProps>>;
-//# sourceMappingURL=badge.d.ts.map

package/dist/Badge/index.d.ts

@@ -1,4 +1,3 @@
 import { Badge } from './badge';
 export type { BadgeFill, BadgeProps } from './badge';
 export default Badge;
-//# sourceMappingURL=index.d.ts.map

package/dist/Badge/style.scss

@@ -1,100 +1,100 @@
-/* prettier-ignore */
-$color-primary: #fa2c19;
-$color-primary-text: #fff;
-$badge-height: 14PX;
-$badge-background-color: linear-gradient(135deg, #f53d4d 0%, #fa2c19 100%);
-$badge-color: #fff;
-$badge-font-size: 10PX;
-$badge-border: 0PX solid #fff;
-$badge-border-radius: $badge-height;
-$badge-min-width: 5PX;
-$badge-padding: 0 4PX;
-$badge-icon-padding: 3PX;
-$badge-icon-size: 12PX;
-$badge-content-transform: translateY(-50%) translateX(100%);
-$badge-z-index: 1;
-$badge-dot-width: 7PX;
-$badge-dot-border: 0PX solid #fff;
-
-.triones-antm-badge {
-  position: relative;
-  display: inline-block;
-
-  &-icon {
-    position: absolute;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background: $badge-background-color;
-    top: -10%;
-    right: -15%;
-    padding: $badge-icon-padding;
-    text-align: center;
-    border: $badge-border;
-    border-radius: $badge-border-radius;
-    z-index: $badge-z-index;
-
-    .triones-antm-icon {
-      width: $badge-icon-size;
-      height: $badge-icon-size;
-      font-size: $badge-icon-size;
-    }
-  }
-
-  &-sup {
-    height: $badge-height;
-    position: absolute;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background: $badge-background-color;
-    color: $badge-color;
-    padding: $badge-padding;
-    font-size: $badge-font-size;
-    font-weight: normal;
-    text-align: center;
-    border: $badge-border;
-    border-radius: $badge-border-radius;
-    min-width: $badge-min-width;
-    white-space: nowrap;
-    z-index: 1;
-  }
-
-  &-one {
-    height: $badge-height;
-    width: $badge-height;
-    padding: 0;
-  }
-
-  &-content {
-    transform: $badge-content-transform;
-  }
-
-  &-dot {
-    width: $badge-dot-width;
-    height: $badge-dot-width;
-    border: $badge-dot-border;
-    border-radius: $badge-dot-width;
-    padding: 0;
-  }
-
-  &-outline {
-    .triones-antm-badge-content {
-      background: $color-primary-text;
-      border: 1PX solid $color-primary;
-      color: $color-primary;
-    }
-  }
-}
-
-[dir='rtl'] .triones-antm-badge,
-.triones-antm-rtl .triones-antm-badge {
-  &-icon {
-    right: auto;
-    left: -15%;
-  }
-
-  &-content {
-    transform: translateY(-50%) translateX(-100%);
-  }
-}
+/* prettier-ignore */
+$color-primary: #fa2c19;
+$color-primary-text: #fff;
+$badge-height: 14PX;
+$badge-background-color: linear-gradient(135deg, #f53d4d 0%, #fa2c19 100%);
+$badge-color: #fff;
+$badge-font-size: 10PX;
+$badge-border: 0PX solid #fff;
+$badge-border-radius: $badge-height;
+$badge-min-width: 5PX;
+$badge-padding: 0 4PX;
+$badge-icon-padding: 3PX;
+$badge-icon-size: 12PX;
+$badge-content-transform: translateY(-50%) translateX(100%);
+$badge-z-index: 1;
+$badge-dot-width: 7PX;
+$badge-dot-border: 0PX solid #fff;
+
+.triones-antm-badge {
+  position: relative;
+  display: inline-block;
+
+  &-icon {
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: $badge-background-color;
+    top: -10%;
+    right: -15%;
+    padding: $badge-icon-padding;
+    text-align: center;
+    border: $badge-border;
+    border-radius: $badge-border-radius;
+    z-index: $badge-z-index;
+
+    .triones-antm-icon {
+      width: $badge-icon-size;
+      height: $badge-icon-size;
+      font-size: $badge-icon-size;
+    }
+  }
+
+  &-sup {
+    height: $badge-height;
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: $badge-background-color;
+    color: $badge-color;
+    padding: $badge-padding;
+    font-size: $badge-font-size;
+    font-weight: normal;
+    text-align: center;
+    border: $badge-border;
+    border-radius: $badge-border-radius;
+    min-width: $badge-min-width;
+    white-space: nowrap;
+    z-index: 1;
+  }
+
+  &-one {
+    height: $badge-height;
+    width: $badge-height;
+    padding: 0;
+  }
+
+  &-content {
+    transform: $badge-content-transform;
+  }
+
+  &-dot {
+    width: $badge-dot-width;
+    height: $badge-dot-width;
+    border: $badge-dot-border;
+    border-radius: $badge-dot-width;
+    padding: 0;
+  }
+
+  &-outline {
+    .triones-antm-badge-content {
+      background: $color-primary-text;
+      border: 1PX solid $color-primary;
+      color: $color-primary;
+    }
+  }
+}
+
+[dir='rtl'] .triones-antm-badge,
+.triones-antm-rtl .triones-antm-badge {
+  &-icon {
+    right: auto;
+    left: -15%;
+  }
+
+  &-content {
+    transform: translateY(-50%) translateX(-100%);
+  }
+}

package/dist/Card/card.d.ts

@@ -19,4 +19,3 @@ export type CardProps = {
     children?: ReactNode;
 } & NativeProps;
 export declare const Card: FC<CardProps>;
-//# sourceMappingURL=card.d.ts.map

package/dist/Card/index.d.ts

@@ -2,4 +2,3 @@ import { Card } from './card';
 import './style.scss';
 export type { CardProps } from './card';
 export default Card;
-//# sourceMappingURL=index.d.ts.map

package/dist/Card/native-props.d.ts

@@ -6,4 +6,3 @@ export type NativeProps<S extends string = never> = {
     tabIndex?: number;
 } & AriaAttributes;
 export declare function withNativeProps<P extends NativeProps>(props: P, element: ReactElement): ReactElement<any, string | React.JSXElementConstructor<any>>;
-//# sourceMappingURL=native-props.d.ts.map