@trionesdev/antd-taro-react 0.0.1-beta.3 → 0.0.1-beta.4

package/dist/Result/use-result-icon.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const useResultIcon: (status?: 'success' | 'error' | 'info' | 'waiting' | 'warning') => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null;
+export declare const useResultIcon: (status?: 'success' | 'error' | 'info' | 'waiting' | 'warning') => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null;

package/dist/SafeArea/style.scss

@@ -3,15 +3,15 @@
 $class-prefix-safe-area: 'triones-antm-safe-area';
 
 .#{$class-prefix-safe-area} {
-  --multiple: var($trionesSafeAreaMultiple, 1);
+
   display: block;
   width: 100%;
 
   &-position-top {
-    padding-top: calc(env(safe-area-inset-top) * var(--multiple));
+    padding-top: calc(env(safe-area-inset-top) * $trionesSafeAreaMultiple);
   }
 
   &-position-bottom {
-    padding-bottom: calc(env(safe-area-inset-bottom) * var(--multiple));
+    padding-bottom: calc(env(safe-area-inset-bottom) * $trionesSafeAreaMultiple);
   }
 }

package/dist/Scaffold/scaffold.d.ts

@@ -1,6 +1,8 @@
 import React, { FC } from 'react';
 import './style.scss';
 export type ScaffoldProps = {
+    className?: string;
+    style?: React.CSSProperties;
     appBar?: React.ReactNode;
     children?: React.ReactNode;
     bottomNavigationBar?: React.ReactNode;

package/dist/Scaffold/scaffold.js

@@ -3,12 +3,15 @@ import React from 'react';
 import SafeArea from "../SafeArea";
 import "./style.scss";
 export var Scaffold = function Scaffold(_ref) {
-  var appBar = _ref.appBar,
+  var className = _ref.className,
+    style = _ref.style,
+    appBar = _ref.appBar,
     children = _ref.children,
     bottomNavigationBar = _ref.bottomNavigationBar;
   var scaffoldCls = 'triones-antm-scaffold';
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames(scaffoldCls)
+    className: classNames(scaffoldCls, className),
+    style: style
   }, appBar && /*#__PURE__*/React.createElement(SafeArea, {
     position: 'top'
   }, appBar), /*#__PURE__*/React.createElement("div", {

package/dist/Switch/switch.d.ts

@@ -1,7 +1,10 @@
+import React from 'react';
 import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../utils/native-props';
 import './style.scss';
 export type SwitchProps = {
+    className?: string;
+    style?: React.CSSProperties;
     loading?: boolean;
     disabled?: boolean;
     checked?: boolean;

package/dist/Switch/switch.js

@@ -103,7 +103,8 @@ export var Switch = function Switch(p) {
   }
   return withNativeProps(props, /*#__PURE__*/React.createElement("div", {
     onClick: onClick,
-    className: classNames(classPrefix, _defineProperty(_defineProperty({}, "".concat(classPrefix, "-checked"), checked), "".concat(classPrefix, "-disabled"), disabled || changing)),
+    className: classNames(classPrefix, p.className, _defineProperty(_defineProperty({}, "".concat(classPrefix, "-checked"), checked), "".concat(classPrefix, "-disabled"), disabled || changing)),
+    style: p.style,
     role: "switch",
     "aria-label": locale.Switch.name,
     "aria-checked": checked,

package/dist/TabBar/tab-bar.d.ts

@@ -38,6 +38,8 @@ type TabBarItemProps = Omit<TabBarItemType, 'key'> & {
 };
 export declare const TabBarItem: FC<TabBarItemProps>;
 export type TabBarProps = {
+    className?: string;
+    style?: React.CSSProperties;
     /**
      * @description 默认激活key
      */

package/dist/TabBar/tab-bar.js

@@ -51,7 +51,9 @@ export var TabBarItem = function TabBarItem(_ref) {
   }, label)));
 };
 export var TabBar = function TabBar(_ref2) {
-  var activeKey = _ref2.activeKey,
+  var className = _ref2.className,
+    style = _ref2.style,
+    activeKey = _ref2.activeKey,
     defaultActiveKey = _ref2.defaultActiveKey,
     items = _ref2.items,
     children = _ref2.children,
@@ -70,7 +72,8 @@ export var TabBar = function TabBar(_ref2) {
       onTabClick: onClick
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(tabBarCls)
+    className: classNames(tabBarCls, className),
+    style: style
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(tabBarCls, "-wrap"))
   }, !_.isEmpty(items) && items.map(function (item) {

package/dist/utils/use-isomorphic-update-layout-effect.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const useIsomorphicUpdateLayoutEffect: typeof import("react").useEffect | typeof import("react").useLayoutEffect;
+export declare const useIsomorphicUpdateLayoutEffect: typeof import("react").useLayoutEffect | typeof import("react").useEffect;

package/dist/utils/use-props-value.d.ts

@@ -4,5 +4,5 @@ type Options<T> = {
     defaultValue: T;
     onChange?: (v: T) => void;
 };
-export declare function usePropsValue<T>(options: Options<T>): readonly [T, (this: unknown, v: SetStateAction<T>, forceTrigger?: boolean | undefined) => void];
+export declare function usePropsValue<T>(options: Options<T>): readonly [T, (v: SetStateAction<T>, forceTrigger?: boolean) => void];
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trionesdev/antd-taro-react",
-  "version": "0.0.1-beta.3",
+  "version": "0.0.1-beta.4",
   "description": "antd taro react ",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -102,5 +102,5 @@
   "optionalDependencies": {
     "@trionesdev/antd-taro-icons-react": "^0.0.1-beta.1"
   },
-  "gitHead": "e40c2363a9ec15795e0caea702f2a2bf46da2b59"
+  "gitHead": "953e90e7f4bc98d4d14f32f823e592bed8aa1da8"
 }