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

package/dist/Grid/style.scss

@@ -1,17 +1,17 @@
-$class-prefix-grid: 'triones-antm-grid';
-/* prettier-ignore */
-.#{$class-prefix-grid} {
-  --gap: 0;
-  --gap-horizontal: var(--gap);
-  --gap-vertical: var(--gap);
-
-  display: grid;
-  grid-gap: 10PX;
-  column-gap: var(--gap-horizontal);
-  row-gap: var(--gap-vertical);
-  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
-  align-items: stretch;
-  &-item {
-    grid-column-end: span var(--item-span);
-  }
-}
+$class-prefix-grid: 'triones-antm-grid';
+/* prettier-ignore */
+.#{$class-prefix-grid} {
+  --gap: 0;
+  --gap-horizontal: var(--gap);
+  --gap-vertical: var(--gap);
+
+  display: grid;
+  grid-gap: 10PX;
+  column-gap: var(--gap-horizontal);
+  row-gap: var(--gap-vertical);
+  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
+  align-items: stretch;
+  &-item {
+    grid-column-end: span var(--item-span);
+  }
+}

package/dist/Icon/check-icon.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { NativeProps } from '../utils/native-props';
 export declare const CheckIcon: React.NamedExoticComponent<NativeProps>;
-//# sourceMappingURL=check-icon.d.ts.map

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

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

package/dist/Icon/demo/base.js

@@ -1,5 +1,5 @@
-/**
- * compact: true
+/**
+ * compact: true
  */
 import React from "react";
 import * as icons from "../../../../antd-mobile-icons-react";

package/dist/Input/base-input.d.ts

@@ -12,4 +12,3 @@ export interface BaseInputHandle {
     clear?: () => void;
 }
 export declare const BaseInput: React.ForwardRefExoticComponent<BaseInputProps & React.RefAttributes<BaseInputHandle>>;
-//# sourceMappingURL=base-input.d.ts.map

package/dist/Input/index.d.ts

@@ -10,4 +10,3 @@ type CompoundedComponent = typeof InternalInput & {
 declare const Input: CompoundedComponent;
 export type { InputOPTProps, InputPasswordProps, InputProps, InputTextareaProps, };
 export default Input;
-//# sourceMappingURL=index.d.ts.map

package/dist/Input/index.scss

@@ -1,173 +1,173 @@
-@use "../style/variable" as *;
-
-$inputCls: 'triones-antm-input';
-$inputAffixWrapperCls: 'triones-antm-input-affix-wrapper';
-$inputGroupWrapperCls: 'triones-antm-input-group-wrapper';
-$inputPotCls: 'triones-antm-pot';
-
-input {
-  height: auto;
-}
-
-.#{$inputCls} {
-  box-sizing: border-box;
-  display: inline-block;
-  position: relative;
-  width: 100%;
-  min-width: 0;
-  transition: all .2s;
-  padding: $trionesInputPaddingBlock $trionesInputPaddingInline;
-  outline: none;
-  box-shadow: none;
-  border: none;
-  line-height: $trionesLineHeight;
-  border-radius: $trionesBorderRadius;
-  font-size: $trionesInputInputFontSize;
-  height: auto;
-
-  &::placeholder {
-    font-size: $trionesInputInputFontSize;
-    color: #cccccc;
-  }
-}
-
-
-.#{$inputAffixWrapperCls} {
-  box-sizing: border-box;
-  position: relative;
-  display: inline-flex;
-  width: 100%;
-  min-width: 0;
-  line-height: $trionesLineHeight;
-  padding: $trionesInputPaddingBlock $trionesInputPaddingInline;
-  gap: 4Px;
-
-  &::before {
-
-    display: inline-block;
-    width: 0;
-    visibility: hidden;
-    content: "\a0";
-  }
-
-  &::after {
-
-  }
-
-  .#{$inputCls} {
-    padding: 0;
-    background-color: transparent;
-
-    &-prifix {
-    }
-
-    &-suffix {
-      display: inline-flex;
-      align-items: center;
-      flex-shrink: 0;
-      gap: 4Px;
-
-      .clear-icon {
-        color: rgba(0, 0, 0, 0.25);
-
-
-        &:hover {
-          color: rgba(0, 0, 0, 0.45);
-        }
-      }
-
-      .triones-antm-icon {
-        cursor: pointer;
-      }
-    }
-  }
-}
-
-.#{$inputGroupWrapperCls} {
-}
-
-
-.#{$inputPotCls} {
-  position: relative;
-  display: inline-flex;
-  &-wrapper{
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    flex-wrap: nowrap;
-    column-gap: 8Px;
-  }
-  &-input {
-    position: absolute;
-    background-color: transparent;
-    z-index: -1;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    opacity: 0;
-    -moz-appearance: textfield;
-    &::-webkit-outer-spin-button,
-    &::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-  }
-
-  &-item {
-    text-align: center;
-    font-size: $trionesInputInputFontSize;
-    height: 32Px;
-    width: 32Px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-
-
-    &::placeholder {
-      font-size: $trionesInputInputFontSize;
-    }
-    &-focus{
-      &::after{
-        content: ' ';
-        height: 100%;
-        width: 0.5Px;
-        background-color: #0a0a0a;
-        transition: transform 0.1s ease;
-        animation: blink 1s step-end infinite;
-      }
-    }
-
-  }
-
-  .#{$inputCls}-outlined {
-    font-size: $trionesInputInputFontSize;
-    color: rgba(0, 0, 0, 0.88);
-    background: #ffffff;
-    border-width: 1Px;
-    border-style: solid;
-    border-color: #d9d9d9;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-  }
-}
-
-
-.#{$inputCls}-textarea {
-  box-sizing: border-box;
-  width: 100%;
-  border: 0;
-  outline: 0;
-  padding: $trionesInputPaddingBlock $trionesInputPaddingInline;
-  &::placeholder {
-    font-size: $trionesInputInputFontSize;
-    color: #cccccc;
-  }
-}
-
-@keyframes blink  {
-  50% {
-    background-color: transparent;
-  }
-}
+@use "../style/variable" as *;
+
+$inputCls: 'triones-antm-input';
+$inputAffixWrapperCls: 'triones-antm-input-affix-wrapper';
+$inputGroupWrapperCls: 'triones-antm-input-group-wrapper';
+$inputPotCls: 'triones-antm-pot';
+
+input {
+  height: auto;
+}
+
+.#{$inputCls} {
+  box-sizing: border-box;
+  display: inline-block;
+  position: relative;
+  width: 100%;
+  min-width: 0;
+  transition: all .2s;
+  padding: $trionesInputPaddingBlock $trionesInputPaddingInline;
+  outline: none;
+  box-shadow: none;
+  border: none;
+  line-height: $trionesLineHeight;
+  border-radius: $trionesBorderRadius;
+  font-size: $trionesInputInputFontSize;
+  height: auto;
+
+  &::placeholder {
+    font-size: $trionesInputInputFontSize;
+    color: #cccccc;
+  }
+}
+
+
+.#{$inputAffixWrapperCls} {
+  box-sizing: border-box;
+  position: relative;
+  display: inline-flex;
+  width: 100%;
+  min-width: 0;
+  line-height: $trionesLineHeight;
+  padding: $trionesInputPaddingBlock $trionesInputPaddingInline;
+  gap: 4Px;
+
+  &::before {
+
+    display: inline-block;
+    width: 0;
+    visibility: hidden;
+    content: "\a0";
+  }
+
+  &::after {
+
+  }
+
+  .#{$inputCls} {
+    padding: 0;
+    background-color: transparent;
+
+    &-prifix {
+    }
+
+    &-suffix {
+      display: inline-flex;
+      align-items: center;
+      flex-shrink: 0;
+      gap: 4Px;
+
+      .clear-icon {
+        color: rgba(0, 0, 0, 0.25);
+
+
+        &:hover {
+          color: rgba(0, 0, 0, 0.45);
+        }
+      }
+
+      .triones-antm-icon {
+        cursor: pointer;
+      }
+    }
+  }
+}
+
+.#{$inputGroupWrapperCls} {
+}
+
+
+.#{$inputPotCls} {
+  position: relative;
+  display: inline-flex;
+  &-wrapper{
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    flex-wrap: nowrap;
+    column-gap: 8Px;
+  }
+  &-input {
+    position: absolute;
+    background-color: transparent;
+    z-index: -1;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    opacity: 0;
+    -moz-appearance: textfield;
+    &::-webkit-outer-spin-button,
+    &::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+  }
+
+  &-item {
+    text-align: center;
+    font-size: $trionesInputInputFontSize;
+    height: 32Px;
+    width: 32Px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+
+
+    &::placeholder {
+      font-size: $trionesInputInputFontSize;
+    }
+    &-focus{
+      &::after{
+        content: ' ';
+        height: 100%;
+        width: 0.5Px;
+        background-color: #0a0a0a;
+        transition: transform 0.1s ease;
+        animation: blink 1s step-end infinite;
+      }
+    }
+
+  }
+
+  .#{$inputCls}-outlined {
+    font-size: $trionesInputInputFontSize;
+    color: rgba(0, 0, 0, 0.88);
+    background: #ffffff;
+    border-width: 1Px;
+    border-style: solid;
+    border-color: #d9d9d9;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+  }
+}
+
+
+.#{$inputCls}-textarea {
+  box-sizing: border-box;
+  width: 100%;
+  border: 0;
+  outline: 0;
+  padding: $trionesInputPaddingBlock $trionesInputPaddingInline;
+  &::placeholder {
+    font-size: $trionesInputInputFontSize;
+    color: #cccccc;
+  }
+}
+
+@keyframes blink  {
+  50% {
+    background-color: transparent;
+  }
+}

package/dist/Input/input-affix-wrapper.d.ts

@@ -6,4 +6,3 @@ export type InputAffixWrapperProps = BaseInputProps & {
     allowClear?: boolean;
 };
 export declare const InputAffixWrapper: FC<InputAffixWrapperProps>;
-//# sourceMappingURL=input-affix-wrapper.d.ts.map

package/dist/Input/input-opt.d.ts

@@ -14,4 +14,3 @@ export type InputOPTItemProps = {
     onFocus?: (index: number) => void;
 };
 export declare const InputOPT: FC<InputOPTProps>;
-//# sourceMappingURL=input-opt.d.ts.map

package/dist/Input/input-password.d.ts

@@ -5,4 +5,3 @@ export type InputPasswordProps = Omit<InputProps, 'type'> & {
     visibilityToggle?: boolean;
 };
 export declare const InputPassword: FC<InputPasswordProps>;
-//# sourceMappingURL=input-password.d.ts.map

package/dist/Input/input.d.ts

@@ -13,4 +13,3 @@ export type InputProps = {
     onChange?: (e: any) => void;
 };
 export declare const Input: FC<InputProps>;
-//# sourceMappingURL=input.d.ts.map

package/dist/Input/textarea.d.ts

@@ -11,4 +11,3 @@ export type InputTextareaProps = {
     onChange?: (e: any) => void;
 };
 export declare const Textarea: FC<InputTextareaProps>;
-//# sourceMappingURL=textarea.d.ts.map

package/dist/Input/types.d.ts

@@ -1,2 +1 @@
 export declare const inputCls = "triones-antm-input";
-//# sourceMappingURL=types.d.ts.map

package/dist/InputNumber/index.d.ts

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

package/dist/InputNumber/input-number.d.ts

@@ -11,4 +11,3 @@ export type InputNumberProps = {
     style?: React.CSSProperties;
 };
 export declare const InputNumber: FC<InputNumberProps>;
-//# sourceMappingURL=input-number.d.ts.map

package/dist/InputNumber/style.scss

@@ -1,43 +1,43 @@
-@use "../style/variable" as *;
-$trionesInputNumberCls: 'triones-antm-input-number';
-
-.#{$trionesInputNumberCls} {
-  display: inline-flex;
-  align-items: center;
-  gap: 4Px;
-  border-radius: $trionesBorderRadius;
-  background-color: $trionesColorTextQuaternary;
-
-  input {
-    &::-webkit-outer-spin-button,
-    &::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-
-    border: 0;
-    text-align: center;
-    width: 30Px;
-
-    &:focus {
-      outline: none;
-    }
-  }
-
-  &-button {
-    cursor: pointer;
-    display: flex;
-    font-size: 10Px;
-    height: 20Px;
-    width: 20Px;
-    justify-content: center;
-    align-items: center;
-    &-disabled{
-      cursor: not-allowed;
-      color: $trionesColorTextDisabled;
-    }
-    .triones-antm-icon{
-      font-size: 10Px!important;
-    }
-  }
-}
+@use "../style/variable" as *;
+$trionesInputNumberCls: 'triones-antm-input-number';
+
+.#{$trionesInputNumberCls} {
+  display: inline-flex;
+  align-items: center;
+  gap: 4Px;
+  border-radius: $trionesBorderRadius;
+  background-color: $trionesColorTextQuaternary;
+
+  input {
+    &::-webkit-outer-spin-button,
+    &::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+
+    border: 0;
+    text-align: center;
+    width: 30Px;
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  &-button {
+    cursor: pointer;
+    display: flex;
+    font-size: 10Px;
+    height: 20Px;
+    width: 20Px;
+    justify-content: center;
+    align-items: center;
+    &-disabled{
+      cursor: not-allowed;
+      color: $trionesColorTextDisabled;
+    }
+    .triones-antm-icon{
+      font-size: 10Px!important;
+    }
+  }
+}

package/dist/Mask/index.d.ts

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

package/dist/Mask/mask-modal.d.ts

@@ -43,4 +43,3 @@ export type MaskModalProps = {
     onDestroy?: () => void;
 };
 export declare const MaskModal: FC<PropsWithChildren<MaskModalProps>>;
-//# sourceMappingURL=mask-modal.d.ts.map

package/dist/Mask/mask.d.ts

@@ -3,4 +3,3 @@ import "./style.scss";
 import { MaskModalProps } from "./mask-modal";
 export type MaskProps = Omit<MaskModalProps, 'onDestroy'>;
 export declare const Mask: FC<PropsWithChildren<MaskProps>>;
-//# sourceMappingURL=mask.d.ts.map

package/dist/Mask/style.scss

@@ -1,20 +1,20 @@
-$maskCls:'triones-antm-mask2';
-
-.#{$maskCls}{
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  display: none;
-  background-color: rgba(0, 0, 0, .15);
-  z-index: 1000;
-  &-open{
-    display: block;
-  }
-  &-inner{
-    height: 100%;
-    width: 100%;
-    position: relative;
-  }
-}
+$maskCls:'triones-antm-mask2';
+
+.#{$maskCls}{
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: none;
+  background-color: rgba(0, 0, 0, .15);
+  z-index: 1000;
+  &-open{
+    display: block;
+  }
+  &-inner{
+    height: 100%;
+    width: 100%;
+    position: relative;
+  }
+}

package/dist/NavBar/index.d.ts

@@ -1,4 +1,3 @@
 import { NavBar } from './nav-bar';
 export type { NavBarProps } from './nav-bar';
 export default NavBar;
-//# sourceMappingURL=index.d.ts.map

package/dist/NavBar/nav-bar.d.ts

@@ -29,4 +29,3 @@ export type NavBarProps = {
     style?: CSSProperties;
 };
 export declare const NavBar: FC<NavBarProps>;
-//# sourceMappingURL=nav-bar.d.ts.map