@trionesdev/antd-mobile-base-react 0.0.2-beta.16 → 0.0.2-beta.18

package/dist/NavBar/style.scss

@@ -1,64 +1,64 @@
-@use "../style/variable" as variable;
-
-$trionesNavBarColorBg: variable.$trionesColorBorderBg !default;
-$trionesNavBarColorText: variable.$trionesColorTextBase !default;
-
-$class-prefix-nav-bar: 'triones-antm-nav-bar';
-/* prettier-ignore */
-.#{$class-prefix-nav-bar} {
-  --height: 45PX;
-  --border-bottom: none;
-  display: flex;
-  align-items: center;
-  height: var(--height);
-  border-bottom: var(--border-bottom);
-  padding: 0 12PX;
-  white-space: nowrap;
-  color: $trionesNavBarColorText;
-  background-color: $trionesNavBarColorBg;
-
-  &-left,
-  &-right {
-    flex: 1;
-  }
-
-  &-title {
-    flex: auto;
-    text-align: center;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  &-back {
-    display: flex;
-    align-items: center;
-    margin-right: 16PX;
-    padding: 6PX 0;
-    cursor: pointer;
-
-    &-arrow {
-      font-size: 20PX;
-      margin-right: 5PX;
-      display: flex;
-      align-items: center;
-    }
-  }
-
-  &-left {
-    font-size: var(--triones-antm-font-size-7);
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-  }
-
-  &-title {
-    justify-content: center;
-    white-space: nowrap;
-    font-size: var(--triones-antm-font-size-10);
-    padding: 0 12PX;
-  }
-
-  &-right {
-    text-align: right;
-  }
-}
+@use "../style/variable" as variable;
+
+$trionesNavBarColorBg: variable.$trionesColorBorderBg !default;
+$trionesNavBarColorText: variable.$trionesColorTextBase !default;
+
+$class-prefix-nav-bar: 'triones-antm-nav-bar';
+/* prettier-ignore */
+.#{$class-prefix-nav-bar} {
+  --height: 45PX;
+  --border-bottom: none;
+  display: flex;
+  align-items: center;
+  height: var(--height);
+  border-bottom: var(--border-bottom);
+  padding: 0 12PX;
+  white-space: nowrap;
+  color: $trionesNavBarColorText;
+  background-color: $trionesNavBarColorBg;
+
+  &-left,
+  &-right {
+    flex: 1;
+  }
+
+  &-title {
+    flex: auto;
+    text-align: center;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &-back {
+    display: flex;
+    align-items: center;
+    margin-right: 16PX;
+    padding: 6PX 0;
+    cursor: pointer;
+
+    &-arrow {
+      font-size: 20PX;
+      margin-right: 5PX;
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  &-left {
+    font-size: var(--triones-antm-font-size-7);
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+  }
+
+  &-title {
+    justify-content: center;
+    white-space: nowrap;
+    font-size: var(--triones-antm-font-size-10);
+    padding: 0 12PX;
+  }
+
+  &-right {
+    text-align: right;
+  }
+}

package/dist/NoticeBar/style.scss

@@ -1,130 +1,130 @@
-$class-prefix-notice-bar: 'triones-antm-notice-bar';
-/* prettier-ignore */
-.#{$class-prefix-notice-bar} {
-  --background-color: var(--triones-antm-color-weak);
-  --border-color: var(--triones-antm-color-weak);
-  --text-color: var(--triones-antm-color-text-light-solid);
-  --font-size: var(--triones-antm-font-size-7);
-  --icon-font-size: var(--triones-antm-font-size-10);
-  --height: 40PX;
-  --triones-antm-notice-bar-border-radius: 4PX;
-  --triones-antm-notice-bar-border-width: 1PX;
-
-  flex: 1 auto;
-  height: var(--height);
-  box-sizing: border-box;
-  font-size: var(--font-size);
-  padding: 0 12PX;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  border: solid var(--triones-antm-notice-bar-border-width) var(--border-color);
-  border-left-width: 0;
-  border-right-width: 0;
-  background-color: var(--background-color);
-  color: var(--text-color);
-  & > span[role='img'] {
-    color: var(--text-color);
-  }
-
-  &.#{$class-prefix-notice-bar}-alert {
-    --background-color: #fff9ed;
-    --border-color: #fff3e9;
-    --text-color: var(--triones-antm-color-orange);
-  }
-  &.#{$class-prefix-notice-bar}-error {
-    --background-color: #d9281e;
-    --border-color: #d9281e;
-    --text-color: #fff;
-  }
-  &.#{$class-prefix-notice-bar}-info {
-    --background-color: #d0e4ff;
-    --border-color: #bcd8ff;
-    --text-color: var(--triones-antm-color-primary);
-  }
-  &.#{$class-prefix-notice-bar}-success {
-    --background-color: #d1fff0;
-    --border-color: #a8f0d8;
-    --text-color: var(--triones-antm-color-success);
-  }
-
-  & .#{$class-prefix-notice-bar}-left {
-    flex-shrink: 0;
-    margin-right: 8PX;
-    font-size: var(--icon-font-size);
-  }
-  & .#{$class-prefix-notice-bar}-content {
-    flex: 1;
-    overflow: hidden;
-    position: relative;
-    height: 100%;
-    display: flex;
-    align-items: center;
-
-    & .#{$class-prefix-notice-bar}-content-inner {
-      width: auto;
-      transition-timing-function: linear;
-      white-space: nowrap;
-    }
-  }
-
-  & .#{$class-prefix-notice-bar}-right {
-    display: flex;
-    align-items: center;
-    flex-shrink: 0;
-    margin-left: 12PX;
-  }
-
-  &-close {
-    width: 24PX;
-    height: 24PX;
-    margin-right: -3PX;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: var(--triones-antm-font-size-10);
-  }
-
-  &-wrap {
-    height: auto;
-    align-items: flex-start;
-    padding-top: 8PX;
-    padding-bottom: 8PX;
-    line-height: 22PX;
-  }
-
-  &-neutral {
-    border-radius: var(--triones-antm-notice-bar-border-radius);
-    -webkit-border-radius: var(--triones-antm-notice-bar-border-radius);
-    -moz-border-radius: var(--triones-antm-notice-bar-border-radius);
-    -ms-border-radius: var(--triones-antm-notice-bar-border-radius);
-    -o-border-radius: var(--triones-antm-notice-bar-border-radius);
-  }
-
-  &-rounded {
-    border-radius: 1000PX;
-    -webkit-border-radius: 1000PX;
-    -moz-border-radius: 1000PX;
-    -ms-border-radius: 1000PX;
-    -o-border-radius: 1000PX;
-}
-
-  &-bordered {
-    border-left-width: var(--triones-antm-notice-bar-border-width);
-    border-right-width: var(--triones-antm-notice-bar-border-width);
-  }
-
-  &-without-border {
-    border-top-width: 0;
-    border-bottom-width: 0;
-  }
-}
-
-.#{$class-prefix-notice-bar}.#{$class-prefix-notice-bar}-wrap {
-  .#{$class-prefix-notice-bar}-content {
-    .#{$class-prefix-notice-bar}-content-inner {
-      white-space: normal;
-    }
-  }
-}
+$class-prefix-notice-bar: 'triones-antm-notice-bar';
+/* prettier-ignore */
+.#{$class-prefix-notice-bar} {
+  --background-color: var(--triones-antm-color-weak);
+  --border-color: var(--triones-antm-color-weak);
+  --text-color: var(--triones-antm-color-text-light-solid);
+  --font-size: var(--triones-antm-font-size-7);
+  --icon-font-size: var(--triones-antm-font-size-10);
+  --height: 40PX;
+  --triones-antm-notice-bar-border-radius: 4PX;
+  --triones-antm-notice-bar-border-width: 1PX;
+
+  flex: 1 auto;
+  height: var(--height);
+  box-sizing: border-box;
+  font-size: var(--font-size);
+  padding: 0 12PX;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  border: solid var(--triones-antm-notice-bar-border-width) var(--border-color);
+  border-left-width: 0;
+  border-right-width: 0;
+  background-color: var(--background-color);
+  color: var(--text-color);
+  & > span[role='img'] {
+    color: var(--text-color);
+  }
+
+  &.#{$class-prefix-notice-bar}-alert {
+    --background-color: #fff9ed;
+    --border-color: #fff3e9;
+    --text-color: var(--triones-antm-color-orange);
+  }
+  &.#{$class-prefix-notice-bar}-error {
+    --background-color: #d9281e;
+    --border-color: #d9281e;
+    --text-color: #fff;
+  }
+  &.#{$class-prefix-notice-bar}-info {
+    --background-color: #d0e4ff;
+    --border-color: #bcd8ff;
+    --text-color: var(--triones-antm-color-primary);
+  }
+  &.#{$class-prefix-notice-bar}-success {
+    --background-color: #d1fff0;
+    --border-color: #a8f0d8;
+    --text-color: var(--triones-antm-color-success);
+  }
+
+  & .#{$class-prefix-notice-bar}-left {
+    flex-shrink: 0;
+    margin-right: 8PX;
+    font-size: var(--icon-font-size);
+  }
+  & .#{$class-prefix-notice-bar}-content {
+    flex: 1;
+    overflow: hidden;
+    position: relative;
+    height: 100%;
+    display: flex;
+    align-items: center;
+
+    & .#{$class-prefix-notice-bar}-content-inner {
+      width: auto;
+      transition-timing-function: linear;
+      white-space: nowrap;
+    }
+  }
+
+  & .#{$class-prefix-notice-bar}-right {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    margin-left: 12PX;
+  }
+
+  &-close {
+    width: 24PX;
+    height: 24PX;
+    margin-right: -3PX;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: var(--triones-antm-font-size-10);
+  }
+
+  &-wrap {
+    height: auto;
+    align-items: flex-start;
+    padding-top: 8PX;
+    padding-bottom: 8PX;
+    line-height: 22PX;
+  }
+
+  &-neutral {
+    border-radius: var(--triones-antm-notice-bar-border-radius);
+    -webkit-border-radius: var(--triones-antm-notice-bar-border-radius);
+    -moz-border-radius: var(--triones-antm-notice-bar-border-radius);
+    -ms-border-radius: var(--triones-antm-notice-bar-border-radius);
+    -o-border-radius: var(--triones-antm-notice-bar-border-radius);
+  }
+
+  &-rounded {
+    border-radius: 1000PX;
+    -webkit-border-radius: 1000PX;
+    -moz-border-radius: 1000PX;
+    -ms-border-radius: 1000PX;
+    -o-border-radius: 1000PX;
+}
+
+  &-bordered {
+    border-left-width: var(--triones-antm-notice-bar-border-width);
+    border-right-width: var(--triones-antm-notice-bar-border-width);
+  }
+
+  &-without-border {
+    border-top-width: 0;
+    border-bottom-width: 0;
+  }
+}
+
+.#{$class-prefix-notice-bar}.#{$class-prefix-notice-bar}-wrap {
+  .#{$class-prefix-notice-bar}-content {
+    .#{$class-prefix-notice-bar}-content-inner {
+      white-space: normal;
+    }
+  }
+}

package/dist/PageIndicator/style.scss

@@ -1,59 +1,59 @@
-/* prettier-ignore */
-.triones-antm-page-indicator {
-  display: flex;
-  width: auto;
-
-  --dot-color: #ccc;
-  --active-dot-color: #1677ff;
-  --dot-size: 3PX;
-  --active-dot-size: 13PX;
-  --dot-border-radius: 1PX;
-  --active-dot-border-radius: var(--dot-border-radius);
-  --dot-spacing: 3PX;
-
-  &-dot {
-    display: block;
-    width: var(--dot-size);
-    height: var(--dot-size);
-    border-radius: var(--dot-border-radius);
-    background: var(--dot-color);
-
-    &:last-child {
-      margin-right: 0;
-    }
-
-    &-active {
-      border-radius: var(--active-dot-border-radius);
-      background: var(--active-dot-color);
-    }
-  }
-
-  &-color-white {
-    --dot-color: rgba(255, 255, 255, 50%);
-    --active-dot-color: #fff;
-  }
-
-  &-horizontal {
-    flex-direction: row;
-
-    .triones-antm-page-indicator-dot {
-      margin-right: var(--dot-spacing);
-
-      &-active {
-        width: var(--active-dot-size);
-      }
-    }
-  }
-
-  &-vertical {
-    flex-direction: column;
-
-    .triones-antm-page-indicator-dot {
-      margin-bottom: var(--dot-spacing);
-
-      &-active {
-        height: var(--active-dot-size);
-      }
-    }
-  }
-}
+/* prettier-ignore */
+.triones-antm-page-indicator {
+  display: flex;
+  width: auto;
+
+  --dot-color: #ccc;
+  --active-dot-color: #1677ff;
+  --dot-size: 3PX;
+  --active-dot-size: 13PX;
+  --dot-border-radius: 1PX;
+  --active-dot-border-radius: var(--dot-border-radius);
+  --dot-spacing: 3PX;
+
+  &-dot {
+    display: block;
+    width: var(--dot-size);
+    height: var(--dot-size);
+    border-radius: var(--dot-border-radius);
+    background: var(--dot-color);
+
+    &:last-child {
+      margin-right: 0;
+    }
+
+    &-active {
+      border-radius: var(--active-dot-border-radius);
+      background: var(--active-dot-color);
+    }
+  }
+
+  &-color-white {
+    --dot-color: rgba(255, 255, 255, 50%);
+    --active-dot-color: #fff;
+  }
+
+  &-horizontal {
+    flex-direction: row;
+
+    .triones-antm-page-indicator-dot {
+      margin-right: var(--dot-spacing);
+
+      &-active {
+        width: var(--active-dot-size);
+      }
+    }
+  }
+
+  &-vertical {
+    flex-direction: column;
+
+    .triones-antm-page-indicator-dot {
+      margin-bottom: var(--dot-spacing);
+
+      &-active {
+        height: var(--active-dot-size);
+      }
+    }
+  }
+}

package/dist/Progress/Progress.js

@@ -11,7 +11,7 @@ export var Progress = function Progress(_ref) {
     _ref$percent = _ref.percent,
     percent = _ref$percent === void 0 ? 0 : _ref$percent,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'middle' : _ref$size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
     _ref$showInfo = _ref.showInfo,
     showInfo = _ref$showInfo === void 0 ? true : _ref$showInfo,
     _ref$railColor = _ref.railColor,

package/dist/Progress/ProgressCircle.js

@@ -30,12 +30,15 @@ export var ProgressCircle = /*#__PURE__*/memo(function (_ref) {
     switch (size) {
       case 'small':
         return 50;
-      case 'middle':
+      case 'medium':
         return 100;
       case 'large':
         return 150;
       default:
-        return size || 50;
+        if (typeof size === 'number') {
+          return size;
+        }
+        return 50;
     }
   }, [size]);
   var style = {

package/dist/Progress/ProgressLine.js

@@ -7,7 +7,7 @@ export var ProgressLine = function ProgressLine(_ref) {
     _ref$percent = _ref.percent,
     percent = _ref$percent === void 0 ? 0 : _ref$percent,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'middle' : _ref$size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
     _ref$showInfo = _ref.showInfo,
     showInfo = _ref$showInfo === void 0 ? true : _ref$showInfo,
     _ref$railColor = _ref.railColor,
@@ -22,7 +22,7 @@ export var ProgressLine = function ProgressLine(_ref) {
     switch (size) {
       case 'small':
         return 6;
-      case 'middle':
+      case 'medium':
         return 8;
       case 'large':
         return 12;

package/dist/Progress/style.scss

@@ -1,33 +1,33 @@
-$progressLineCls: 'triones-antm-progress-line';
-$progressCircleCls: 'triones-antm-progress-circle';
-
-.#{$progressLineCls}{
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 4Px;
-  &-rail{
-    flex: 1 auto;
-    border-radius: 90Px;
-  }
-  &-track{
-    border-radius: 90Px;
-  }
-  &-indicator{}
-}
-
-.#{$progressCircleCls} {
-  position: relative;
-  &-indicator {
-    position: absolute;
-    inset-block-start: 50%;
-    inset-inline-start: 0;
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    line-height: 1;
-    white-space: normal;
-    text-align: center;
-    transform: translatey(-50%);
-  }
-}
+$progressLineCls: 'triones-antm-progress-line';
+$progressCircleCls: 'triones-antm-progress-circle';
+
+.#{$progressLineCls}{
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 4Px;
+  &-rail{
+    flex: 1 auto;
+    border-radius: 90Px;
+  }
+  &-track{
+    border-radius: 90Px;
+  }
+  &-indicator{}
+}
+
+.#{$progressCircleCls} {
+  position: relative;
+  &-indicator {
+    position: absolute;
+    inset-block-start: 50%;
+    inset-inline-start: 0;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    line-height: 1;
+    white-space: normal;
+    text-align: center;
+    transform: translatey(-50%);
+  }
+}

package/dist/Progress/types.d.ts

@@ -1,5 +1,5 @@
-import { SizeType } from "..";
-export type Size = SizeType | number;
+import { AntSize } from "..";
+export type Size = AntSize | number;
 export type ProgressStatus = 'normal' | 'active' | 'success' | 'exception';
 export type PercentPositionAlign = 'start' | 'end';
 export declare const successColor = "#53C31B";

package/dist/Radio/radio.js

@@ -8,7 +8,7 @@ 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; }
-import { CheckOutline } from "../../../antd-mobile-icons-react";
+import { CheckOutline } from '@trionesdev/antd-mobile-icons-react';
 import classNames from 'classnames';
 import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { RadioGroupContext } from "./GroupContext";