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

package/dist/Tag/style.scss

@@ -1,86 +1,108 @@
-@use "../style/variable" as *;
-$tagCls: 'triones-antm-tag';
-
-.#{$tagCls} {
-  display: inline-block;
-  align-items: center;
-  padding: 2Px 8Px;
-  font-size: 11Px;
-  line-height: 1.2;
-  border-radius: $trionesBorderRadius;
-  box-sizing: border-box;
-  white-space: nowrap;
-
-  &-square {
-    border-radius: 0;
-  }
-
-  &-round {
-    border-radius: 12px;
-  }
-
-  // Default variant styles
-  &-default {
-    &.#{$tagCls}-solid {
-      background: #666;
-      color: #fff;
-    }
-    &.#{$tagCls}-outline {
-      color: #666;
-      border: 1px solid #666;
-      background: transparent;
-    }
-  }
-
-  // Primary variant styles
-  &-primary {
-    &.#{$tagCls}-solid {
-      background: $trionesColorPrimary;
-      color: #fff;
-    }
-    &.#{$tagCls}-outline {
-      color: $trionesColorPrimary;
-      border: 1px solid $trionesColorPrimary;
-      background: transparent;
-    }
-  }
-
-  // Success variant styles
-  &-success {
-    &.#{$tagCls}-solid {
-      background: $trionesColorSuccess;
-      color: #fff;
-    }
-    &.#{$tagCls}-outline {
-      color: $trionesColorSuccess;
-      border: 1px solid $trionesColorSuccess;
-      background: transparent;
-    }
-  }
-
-  // Warning variant styles
-  &-warning {
-    &.#{$tagCls}-solid {
-      background: $trionesColorWarning;
-      color: #fff;
-    }
-    &.#{$tagCls}-outline {
-      color: $trionesColorWarning;
-      border: 1px solid $trionesColorWarning;
-      background: transparent;
-    }
-  }
-
-  // Danger variant styles
-  &-danger {
-    &.#{$tagCls}-solid {
-      background: $trionesColorError;
-      color: #fff;
-    }
-    &.#{$tagCls}-outline {
-      color: $trionesColorError;
-      border: 1px solid $trionesColorError;
-      background: transparent;
-    }
-  }
-}
+@use "../style/variable" as variable;
+
+$tagCls: 'triones-antm-tag';
+
+.#{$tagCls} {
+  display: inline-flex;
+  align-items: center;
+  padding: 2Px 8Px;
+  font-size: 12Px;
+  line-height: 1.2;
+  border-radius: variable.$trionesBorderRadius;
+  box-sizing: border-box;
+  white-space: nowrap;
+
+  &-square {
+    border-radius: 0;
+  }
+
+  &-round {
+    border-radius: 12px;
+  }
+
+  // Default variant styles
+  &-default {
+    &.#{$tagCls}-solid {
+      background: #666;
+      color: #fff;
+    }
+
+    &.#{$tagCls}-outline {
+      color: #666;
+      border: 1px solid #666;
+      background: transparent;
+    }
+  }
+
+  // Primary variant styles
+  &-primary {
+    &.#{$tagCls}-solid {
+      background: variable.$trionesColorPrimary;
+      color: #fff;
+    }
+
+    &.#{$tagCls}-outline {
+      color: variable.$trionesColorPrimary;
+      border: 1px solid variable.$trionesColorPrimary;
+      background: transparent;
+    }
+  }
+
+  // Success variant styles
+  &-success {
+    &.#{$tagCls}-solid {
+      background: variable.$trionesColorSuccess;
+      color: #fff;
+    }
+
+    &.#{$tagCls}-outline {
+      color: variable.$trionesColorSuccess;
+      border: 1px solid variable.$trionesColorSuccess;
+      background: transparent;
+    }
+  }
+
+  // Warning variant styles
+  &-warning {
+    &.#{$tagCls}-solid {
+      background: variable.$trionesColorWarning;
+      color: #fff;
+    }
+
+    &.#{$tagCls}-outline {
+      color: variable.$trionesColorWarning;
+      border: 1px solid variable.$trionesColorWarning;
+      background: transparent;
+    }
+  }
+
+  // Danger variant styles
+  &-danger {
+    &.#{$tagCls}-solid {
+      background: variable.$trionesColorError;
+      color: #fff;
+    }
+
+    &.#{$tagCls}-outline {
+      color: variable.$trionesColorError;
+      border: 1px solid variable.$trionesColorError;
+      background: transparent;
+    }
+  }
+
+  &-icon {
+    margin-inline-end: 4Px;
+
+    .triones-antm-icon {
+      font-size: 10Px;
+    }
+  }
+
+  &-close {
+    margin-inline-start: 4Px;
+
+    .triones-antm-icon {
+      font-size: 10Px;
+    }
+  }
+}

package/dist/Tag/tag.d.ts

@@ -14,6 +14,8 @@ export type TagProps = {
      * 点击时的回调
      */
     onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    closeIcon?: boolean | React.ReactNode | null;
+    icon?: React.ReactNode;
     /**
      * 是否圆角
      */
@@ -26,6 +28,6 @@ export type TagProps = {
      * 自定义样式
      */
     style?: React.CSSProperties;
+    onClose?: (e: React.MouseEvent<HTMLElement>) => void;
 };
 export declare const Tag: FC<TagProps>;
-//# sourceMappingURL=tag.d.ts.map

package/dist/Tag/tag.js

@@ -11,6 +11,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import classNames from 'classnames';
 import React from 'react';
 import "./style.scss";
+import { CloseOutline } from "@trionesdev/antd-mobile-icons-react";
 export var Tag = function Tag(_ref) {
   var children = _ref.children,
     _ref$color = _ref.color,
@@ -40,5 +41,10 @@ export var Tag = function Tag(_ref) {
     style: customStyle
   }, props, {
     onClick: onClick
-  }), children);
+  }), props.icon && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(clsPrefix, "-icon")
+  }, props.icon), children, props.closeIcon && /*#__PURE__*/React.createElement("div", {
+    onClick: props.onClose,
+    className: "".concat(clsPrefix, "-close")
+  }, /*#__PURE__*/React.isValidElement(props.closeIcon) ? props.closeIcon : /*#__PURE__*/React.createElement(CloseOutline, null), " "));
 };

package/dist/WaterMark/index.d.ts

@@ -1,4 +1,3 @@
 import { WaterMark } from './water-mark';
 export type { WaterMarkProps } from './water-mark';
 export default WaterMark;
-//# sourceMappingURL=index.d.ts.map

package/dist/WaterMark/style.scss

@@ -1,17 +1,17 @@
-$class-prefix-water-mark: 'triones-antm-water-mark';
-/* prettier-ignore */
-.#{$class-prefix-water-mark} {
-  --z-index: var(--triones-antm-water-mark-z-index, 2000);
-
-  position: absolute;
-  z-index: var(--z-index);
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  pointer-events: none;
-  background-repeat: repeat;
-  &-full-page {
-    position: fixed;
-  }
-}
+$class-prefix-water-mark: 'triones-antm-water-mark';
+/* prettier-ignore */
+.#{$class-prefix-water-mark} {
+  --z-index: var(--triones-antm-water-mark-z-index, 2000);
+
+  position: absolute;
+  z-index: var(--z-index);
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  pointer-events: none;
+  background-repeat: repeat;
+  &-full-page {
+    position: fixed;
+  }
+}

package/dist/WaterMark/water-mark.d.ts

@@ -20,4 +20,3 @@ export type WaterMarkProps = {
     fullPage?: boolean;
 } & NativeProps<'--z-index'>;
 export declare const WaterMark: FC<WaterMarkProps>;
-//# sourceMappingURL=water-mark.d.ts.map

package/dist/index.d.ts

@@ -1,6 +1,4 @@
 import './style';
-export { default as ActionSheet } from "./ActionSheet";
-export type { ActionSheetProps } from './ActionSheet';
 export { default as Alert } from './Alert';
 export type { AlertProps } from './Alert';
 export { default as Avatar } from './Avatar';
@@ -9,8 +7,6 @@ export { default as Badge } from './Badge';
 export type { BadgeFill, BadgeProps } from './Badge';
 export { default as Card } from './Card';
 export type { CardProps } from './Card';
-export { default as CascaderPicker } from './CascaderPicker';
-export type { CascaderPickerProps } from './CascaderPicker';
 export { default as CascaderView } from './CascaderView';
 export type { CascaderViewProps } from './CascaderView';
 export { default as Cell } from './Cell';
@@ -31,28 +27,22 @@ export { default as ErrorBlock, createErrorBlock } from './ErrorBlock';
 export type { ErrorBlockStatus, ErrorBlockProps } from './ErrorBlock';
 export { default as Footer } from './Footer';
 export type { FooterProps, ChipItem, LinkItem } from './Footer';
-export { default as Form } from './Form';
-export type { FormItemProps, FormProps } from './Form';
+export { default as Form, useFormContext } from './Form';
+export type { FormProps, FormLayout, FormLayoutAlign, FormItemLayout } from './Form';
 export { default as Grid } from './Grid';
 export type { GridProps, GridItemProps } from './Grid';
-export { default as Input } from './Input';
-export type { InputOPTProps, InputPasswordProps, InputProps, InputTextareaProps } from './Input';
+export { default as IndexedStack } from './IndexedStack';
+export type { IndexedStackProps } from './IndexedStack';
 export { default as InputNumber } from './InputNumber';
 export type { InputNumberProps } from './InputNumber';
-export { default as Mask } from "./Mask";
-export type { MaskProps } from "./Mask";
 export { default as NavBar } from './NavBar';
 export type { NavBarProps } from './NavBar';
 export { default as NoticeBar } from './NoticeBar';
 export type { NoticeBarProps } from './NoticeBar';
 export { default as PageIndicator } from './PageIndicator';
 export type { PageIndicatorProps } from './PageIndicator';
-export { default as Picker } from './Picker';
-export type { PickerProps } from './Picker';
-export { default as PickerView } from './PickerView';
-export type { PickerViewProps, PickerColumnOption } from './PickerView';
-export { default as Popup } from './Popup';
-export type { PopupProps } from './Popup';
+export { default as Progress } from './Progress';
+export type { ProgressProps } from './Progress';
 export { default as Radio } from './Radio';
 export type { RadioGroupProps, RadioProps } from './Radio';
 export { default as Rate } from './Rate';
@@ -63,10 +53,6 @@ export { default as SafeArea } from './SafeArea';
 export type { SafeAreaProps } from './SafeArea';
 export { default as Scaffold } from './Scaffold';
 export type { ScaffoldProps } from './Scaffold';
-export { default as ScrollView } from './ScrollView';
-export type { ScrollViewProps } from './ScrollView';
-export { default as SideBar } from './SideBar';
-export type { SideBarProps } from './SideBar';
 export { default as Space } from './Space';
 export type { SpaceProps } from './Space';
 export { default as SpinLoading } from './SpinLoading';
@@ -79,13 +65,8 @@ export { default as TabBar } from './TabBar';
 export type { TabBarProps } from './TabBar';
 export { default as Tag } from './Tag';
 export type { TagProps } from './Tag';
-export { default as Toast } from './Toast';
-export type { ToastProps } from './Toast';
 export { default as Tabs } from './Tabs';
 export type { TabsProps } from './Tabs';
-export { default as VerificationCodeInput } from './VerificationCodeInput';
-export type { ValidationCodeInputProps } from './VerificationCodeInput';
 export { default as WaterMark } from './WaterMark';
 export type { WaterMarkProps } from './WaterMark';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,10 +1,8 @@
 import "./style";
-export { default as ActionSheet } from "./ActionSheet";
 export { default as Alert } from "./Alert";
 export { default as Avatar } from "./Avatar";
 export { default as Badge } from "./Badge";
 export { default as Card } from "./Card";
-export { default as CascaderPicker } from "./CascaderPicker";
 export { default as CascaderView } from "./CascaderView";
 export { default as Cell } from "./Cell";
 export { default as Checkbox } from "./Checkbox";
@@ -15,32 +13,25 @@ export { default as Ellipsis } from "./Ellipsis";
 export { default as Empty } from "./Empty";
 export { default as ErrorBlock, createErrorBlock } from "./ErrorBlock";
 export { default as Footer } from "./Footer";
-export { default as Form } from "./Form";
+export { default as Form, useFormContext } from "./Form";
 export { default as Grid } from "./Grid";
-export { default as Input } from "./Input";
+export { default as IndexedStack } from "./IndexedStack";
 export { default as InputNumber } from "./InputNumber";
-export { default as Mask } from "./Mask";
 export { default as NavBar } from "./NavBar";
 export { default as NoticeBar } from "./NoticeBar";
 export { default as PageIndicator } from "./PageIndicator";
-export { default as Picker } from "./Picker";
-export { default as PickerView } from "./PickerView";
-export { default as Popup } from "./Popup";
+export { default as Progress } from "./Progress";
 export { default as Radio } from "./Radio";
 export { default as Rate } from "./Rate";
 export { default as Result } from "./Result";
 export { default as SafeArea } from "./SafeArea";
 export { default as Scaffold } from "./Scaffold";
-export { default as ScrollView } from "./ScrollView";
-export { default as SideBar } from "./SideBar";
 export { default as Space } from "./Space";
 export { default as SpinLoading } from "./SpinLoading";
 export { default as Steps } from "./Steps";
 export { default as Switch } from "./Switch";
 export { default as TabBar } from "./TabBar";
 export { default as Tag } from "./Tag";
-export { default as Toast } from "./Toast";
 export { default as Tabs } from "./Tabs";
-export { default as VerificationCodeInput } from "./VerificationCodeInput";
 export { default as WaterMark } from "./WaterMark";
 export * from "./types";

package/dist/locales/base.d.ts

@@ -137,4 +137,3 @@ export declare const base: {
     };
 };
 export type Locale = typeof base;
-//# sourceMappingURL=base.d.ts.map

package/dist/locales/en-US.d.ts

@@ -137,4 +137,3 @@ declare const enUS: {
     };
 };
 export default enUS;
-//# sourceMappingURL=en-US.d.ts.map

package/dist/locales/zh-CN.d.ts

@@ -1,4 +1,3 @@
 import { Locale } from './base';
 declare const zhCN: Locale;
 export default zhCN;
-//# sourceMappingURL=zh-CN.d.ts.map

package/dist/style/css-variable.scss

@@ -0,0 +1,6 @@
+:root,page {
+  //--triones-blue: #1677FF;
+  //--trioens-color-primary: #1677FF;
+
+  --triones-safe-area-multiple:1;
+}

package/dist/style/index.d.ts

@@ -1,2 +1 @@
 import './style.scss';
-//# sourceMappingURL=index.d.ts.map

package/dist/style/style.scss

@@ -1,52 +1,52 @@
-@use './theme-default.scss' as *;
-@use './theme-dark.scss' as *;
-
-:root {
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-html {
-  background-color: var(--triones-antm-color-background-body);
-}
-
-body {
-  color: var(--triones-antm-color-text);
-  font-size: 14Px;
-  font-family: var(--triones-antm-font-family);
-}
-
-a,
-button {
-  cursor: pointer;
-}
-
-a {
-  color: var(--triones-antm-color-primary);
-  transition: opacity ease-in-out 0.2s;
-  &:active {
-    opacity: 0.8;
-  }
-}
-
-.adm-plain-anchor {
-  color: unset;
-  transition: none;
-  &:active {
-    opacity: unset;
-  }
-}
-
-body.triones-antm-overflow-hidden {
-  overflow: hidden !important;
-}
-
-div.triones-antm-px-tester {
-  --size: 1;
-  height: calc(var(--size) / 2 * 2Px);
-  width: 0;
-  position: fixed;
-  left: -100vw;
-  top: -100vh;
-  user-select: none;
-  pointer-events: none;
-}
+@use './theme-default.scss' as default;
+@use './theme-dark.scss' as dark;
+
+:root {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+html {
+  background-color: var(--triones-antm-color-background-body);
+}
+
+body {
+  color: var(--triones-antm-color-text);
+  font-size: 14Px;
+  font-family: var(--triones-antm-font-family);
+}
+
+a,
+button {
+  cursor: pointer;
+}
+
+a {
+  color: var(--triones-antm-color-primary);
+  transition: opacity ease-in-out 0.2s;
+  &:active {
+    opacity: 0.8;
+  }
+}
+
+.adm-plain-anchor {
+  color: unset;
+  transition: none;
+  &:active {
+    opacity: unset;
+  }
+}
+
+body.triones-antm-overflow-hidden {
+  overflow: hidden !important;
+}
+
+div.triones-antm-px-tester {
+  --size: 1;
+  height: calc(var(--size) / 2 * 2Px);
+  width: 0;
+  position: fixed;
+  left: -100vw;
+  top: -100vh;
+  user-select: none;
+  pointer-events: none;
+}

package/dist/style/theme-dark.scss

@@ -1,24 +1,24 @@
-html[data-prefers-color-scheme='dark'] {
-  // variables should be exposed to users:
-  --triones-antm-color-primary: #3086ff;
-  --triones-antm-color-success: #34b368;
-  --triones-antm-color-warning: #ffa930;
-  --triones-antm-color-danger: #ff4a58;
-
-  --triones-antm-color-yellow: #ffa930;
-  --triones-antm-color-orange: #e65a2b;
-  --triones-antm-color-wathet: #0d2543;
-
-  --triones-antm-color-text: #e6e6e6;
-  --triones-antm-color-text-secondary: #b3b3b3;
-  --triones-antm-color-weak: #808080;
-  --triones-antm-color-light: #4d4d4d;
-  --triones-antm-color-border: #2b2b2b;
-  --triones-antm-color-box: #0a0a0a;
-  --triones-antm-color-background: #1a1a1a;
-
-  --triones-antm-color-background-body: var(--triones-antm-color-background);
-
-  // The variables below are deprecated and only exist for backward compatibility:
-  --triones-antm-border-color: var(--triones-antm-color-border);
-}
+html[data-prefers-color-scheme='dark'] {
+  // variables should be exposed to users:
+  --triones-antm-color-primary: #3086ff;
+  --triones-antm-color-success: #34b368;
+  --triones-antm-color-warning: #ffa930;
+  --triones-antm-color-danger: #ff4a58;
+
+  --triones-antm-color-yellow: #ffa930;
+  --triones-antm-color-orange: #e65a2b;
+  --triones-antm-color-wathet: #0d2543;
+
+  --triones-antm-color-text: #e6e6e6;
+  --triones-antm-color-text-secondary: #b3b3b3;
+  --triones-antm-color-weak: #808080;
+  --triones-antm-color-light: #4d4d4d;
+  --triones-antm-color-border: #2b2b2b;
+  --triones-antm-color-box: #0a0a0a;
+  --triones-antm-color-background: #1a1a1a;
+
+  --triones-antm-color-background-body: var(--triones-antm-color-background);
+
+  // The variables below are deprecated and only exist for backward compatibility:
+  --triones-antm-border-color: var(--triones-antm-color-border);
+}