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

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/Alert/alert.js

@@ -7,7 +7,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { CheckCircleFill, CloseCircleFill, CloseOutline, ExclamationCircleFill, InformationCircleFill } from "../../../antd-mobile-icons-react";
+import { CheckCircleFill, CloseCircleFill, CloseOutline, ExclamationCircleFill, InformationCircleFill } from '@trionesdev/antd-mobile-icons-react';
 import classNames from 'classnames';
 import React, { useState } from 'react';
 import "./style.scss";

package/dist/Alert/style.scss

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

package/dist/Avatar/style.scss

@@ -1,17 +1,17 @@
-@use "../style/variable" as variable;
-$avatarCls: 'triones-antm-avatar';
-
-.#{$avatarCls} {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-
-  &-circle {
-    border-radius: 50%;
-  }
-
-  &-square {
-    border-radius: variable.$trionesBorderRadius;
-  }
-}
+@use "../style/variable" as variable;
+$avatarCls: 'triones-antm-avatar';
+
+.#{$avatarCls} {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+
+  &-circle {
+    border-radius: 50%;
+  }
+
+  &-square {
+    border-radius: variable.$trionesBorderRadius;
+  }
+}

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/style.scss

@@ -1,35 +1,35 @@
-@use "../style/variable" as variable;
-$class-prefix-card: 'triones-antm-card';
-
-.#{$class-prefix-card} {
-  background: variable.$trionesColorBgBase;
-  border-radius: variable.$trionesBorderRadius;
-  //padding: variable.$trionesPadding variable.$trionesPadding;
-  &-header {
-    position: relative;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 8Px;
-    box-sizing: border-box;
-    padding: variable.$trionesPaddingXs variable.$trionesPaddingXs;
-    &:not(:last-child) {
-      border-bottom: solid 0.5Px variable.$trionesBorderColor;
-    }
-    &-title {
-      font-size: variable.$trionesFontSize;
-      line-height: 1.4;
-      font-weight: 600;
-    }
-  }
-  &-body {
-    padding: variable.$trionesPaddingXs variable.$trionesPaddingXs;
-  }
-  &-footer {
-    padding: variable.$trionesPaddingXs variable.$trionesPaddingXs;
-  }
-  &-footer {
-    border-top: solid 0.5Px variable.$trionesBorderColor;
-    padding: variable.$trionesPaddingXs variable.$trionesPaddingXs;
-  }
-}
+@use "../style/variable" as variable;
+$class-prefix-card: 'triones-antm-card';
+
+.#{$class-prefix-card} {
+  background: variable.$trionesColorBgBase;
+  border-radius: variable.$trionesBorderRadius;
+  //padding: variable.$trionesPadding variable.$trionesPadding;
+  &-header {
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 8Px;
+    box-sizing: border-box;
+    padding: variable.$trionesPaddingXs variable.$trionesPaddingXs;
+    &:not(:last-child) {
+      border-bottom: solid 0.5Px variable.$trionesBorderColor;
+    }
+    &-title {
+      font-size: variable.$trionesFontSize;
+      line-height: 1.4;
+      font-weight: 600;
+    }
+  }
+  &-body {
+    padding: variable.$trionesPaddingXs variable.$trionesPaddingXs;
+  }
+  &-footer {
+    padding: variable.$trionesPaddingXs variable.$trionesPaddingXs;
+  }
+  &-footer {
+    border-top: solid 0.5Px variable.$trionesBorderColor;
+    padding: variable.$trionesPaddingXs variable.$trionesPaddingXs;
+  }
+}

package/dist/CascaderView/cascader-column-item.js

@@ -4,7 +4,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from "react";
 import classNames from "classnames";
-import { CheckOutline } from "../../../antd-mobile-icons-react";
+import { CheckOutline } from "@trionesdev/antd-mobile-icons-react";
 var cascaderViewCls = 'triones-antm-cascader-view';
 export var CascaderColumnItem = function CascaderColumnItem(_ref) {
   var option = _ref.option,

package/dist/CascaderView/style.scss

@@ -1,22 +1,22 @@
-@use "../style/variable" as variable;
-
-$cascaderViewCls: 'triones-antm-cascader-view';
-.#{$cascaderViewCls} {
-  &-column {
-    height: 100%;
-    overflow-y: auto;
-    scrollbar-width: thin;
-    &-item {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      height: 34Px;
-      cursor: default;
-      padding: 0Px 8Px;
-
-      &-selected {
-        color: variable.$trionesColorPrimary;
-      }
-    }
-  }
-}
+@use "../style/variable" as variable;
+
+$cascaderViewCls: 'triones-antm-cascader-view';
+.#{$cascaderViewCls} {
+  &-column {
+    height: 100%;
+    overflow-y: auto;
+    scrollbar-width: thin;
+    &-item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      height: 34Px;
+      cursor: default;
+      padding: 0Px 8Px;
+
+      &-selected {
+        color: variable.$trionesColorPrimary;
+      }
+    }
+  }
+}