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

package/dist/NavBar/style.scss

@@ -1,61 +1,61 @@
-@import "../style/variable";
-$trionesNavBarColorBg:$trionesColorBorderBg !default;
-$trionesNavBarColorText:$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 *;
+$trionesNavBarColorBg:$trionesColorBorderBg !default;
+$trionesNavBarColorText:$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/Picker/picker.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 classNames from 'classnames';
-import { size } from 'lodash';
+import { size } from 'lodash-es';
 import React, { useEffect, useState } from 'react';
 import ConfigProvider from "../ConfigProvider";
 import PickerView from "../PickerView";

package/dist/Picker/style.scss

@@ -1,41 +1,41 @@
-@import "../style/variable";
-$pickerCls: 'triones-antm-picker';
-
-.#{$pickerCls} {
-  width: 100%;
-  height: 300Px;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-
-  &-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border-bottom: 1Px solid #eee;
-    padding: 4Px;
-
-    &-button {
-      padding: 8Px;
-      font-size: 12Px;
-      &-ok{
-        color: $trionesColorPrimary;
-      }
-    }
-
-    &-title {
-    }
-  }
-
-  &-body {
-    flex: 1 1;
-    width: 100%;
-    height: 100%;
-    pointer-events: unset;
-  }
-  &-view{
-    --height: 100%;
-  }
-
-}
+@use "../style/variable" as *;
+$pickerCls: 'triones-antm-picker';
+
+.#{$pickerCls} {
+  width: 100%;
+  height: 300Px;
+  overflow: hidden;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+
+  &-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: 1Px solid #eee;
+    padding: 4Px;
+
+    &-button {
+      padding: 8Px;
+      font-size: 12Px;
+      &-ok{
+        color: $trionesColorPrimary;
+      }
+    }
+
+    &-title {
+    }
+  }
+
+  &-body {
+    flex: 1 1;
+    width: 100%;
+    height: 100%;
+    pointer-events: unset;
+  }
+  &-view{
+    --height: 100%;
+  }
+
+}

package/dist/PickerView/picker-view-column.js

@@ -7,7 +7,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useState } from "react";
 import classNames from "classnames";
 import { PickerViewColumnItem } from "./picker-view-column-item";
-import { findIndex, isEmpty, size } from "lodash";
+import { findIndex, isEmpty, size } from "lodash-es";
 var pickerViewCls = "triones-antm-picker-view";
 export var PickerViewColumn = /*#__PURE__*/React.memo(function (_ref) {
   var options = _ref.options,

package/dist/PickerView/picker-view.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 classNames from "classnames";
-import { isEmpty, size } from "lodash";
+import { isEmpty, size } from "lodash-es";
 import { PickerViewColumn } from "./picker-view-column";
 import React, { useEffect, useState } from "react";
 import "./style.scss";