@xhsreds/reds-rn-next 0.1.5 → 0.1.6

package/src/components/TabBar/doc/index.mdx

@@ -10,14 +10,15 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
 
 ### Props
 
-| 属性            | 描述             | 类型                 | 默认值 |
-| --------------- | ---------------- | -------------------- | ------ |
-| list            | 底部导航数据列表 | DataType[]           | `[]`   |
-| customTabBar    | 自定义tab        | DataType             |        |
-| type            | 类型             | "text" | "icon" | text   |
-| activeTab       | active tab key   | string               |        |
-| badge           | 是否需要badge    | boolean              | false  |
-| containerStyles | 容器样式         | any                  |        |
+| 属性            | 描述             | 类型                 | 默认值    |
+| --------------- | ---------------- | -------------------- | --------- |
+| list            | 底部导航数据列表 | DataType[]           | `[]`      |
+| customTabBar    | 自定义tab        | DataType             |           |
+| type            | 类型             | "text" | "icon" | text      |
+| active          | active tab key   | string               |           |
+| value           | 当前的状态       | boolean              | undefined |
+| badge           | 是否需要badge    | boolean              | false     |
+| containerStyles | 容器样式         | any                  |           |
 
 ### Events
 

package/src/components/TabBar/interface/index.ts

@@ -5,7 +5,8 @@ export interface RedsTabBar {
   list: DataType[];
   customTabBar?: DataType;
   type: "text" | "icon";
-  activeTab: string;
+  active: string;
+  value?: boolean;
   badge?: boolean;
   containerStyles?: any;
   onChange?: (value: string) => any;
@@ -34,5 +35,6 @@ export interface RedsTabBarEvent {}
 export const TabBarDefaultProps = {
   list: [] as DataType[],
   type: "text",
+  value: undefined,
   badge: false,
 };

package/src/components/TabBar/test/index.bench.tsx

@@ -35,6 +35,6 @@ const data = [
 
 describe("render", () => {
   redsBench("base", async () => {
-    render(<TabBar list={data} activeTab={"0"} onChange={() => {}} type="text" />);
+    render(<TabBar list={data} active={"0"} onChange={() => {}} type="text" />);
   });
 });

package/src/components/TabBar/test/index.test.tsx

@@ -29,7 +29,7 @@ const sampleListData = [
 
 describe("TabBar", () => {
   it("should render correctly with text tabs", () => {
-    const { getByText } = render(<TabBar list={sampleListData} activeTab="1" type="text" />);
+    const { getByText } = render(<TabBar list={sampleListData} active="1" type="text" />);
 
     // 检查渲染是否正确
     expect(getByText("Tab 1")).toBeTruthy();
@@ -37,7 +37,7 @@ describe("TabBar", () => {
   });
 
   it("should render correctly with icon tabs", () => {
-    const { getByText } = render(<TabBar list={sampleListData} activeTab="1" type="icon" />);
+    const { getByText } = render(<TabBar list={sampleListData} active="1" type="icon" />);
 
     // 检查渲染是否正确
     expect(getByText("Tab 1")).toBeTruthy();
@@ -46,7 +46,7 @@ describe("TabBar", () => {
 
   it("should call handleTabChange on tab click", () => {
     const handleChange = vi.fn();
-    const { getByText } = render(<TabBar list={sampleListData} activeTab="1" type="icon" onChange={handleChange} />);
+    const { getByText } = render(<TabBar list={sampleListData} active="1" type="icon" onChange={handleChange} />);
 
     fireEvent.press(getByText("Tab 2"));
     expect(handleChange).toHaveBeenCalledWith("2");
@@ -54,7 +54,7 @@ describe("TabBar", () => {
 
   it("should calculate text class correctly", () => {
     const { getByText } = render(
-      <TabBar list={sampleListData} activeTab="1" type="text" containerStyles={tabBarContainer} />,
+      <TabBar list={sampleListData} active="1" type="text" containerStyles={tabBarContainer} />,
     );
 
     expect(getByText("Tab 1").props.style[0]).toBeTruthy();
@@ -62,14 +62,14 @@ describe("TabBar", () => {
   });
 
   it("should calculate text color correctly", () => {
-    const { getByText } = render(<TabBar list={sampleListData} activeTab="1" type="text" />);
+    const { getByText } = render(<TabBar list={sampleListData} active="1" type="text" />);
 
     expect(getByText("Tab 1").props.style[1]).toEqual({ color: "red" });
     expect(getByText("Tab 2").props.style[1]).toEqual({ color: "gray" });
   });
 
   it("should calculate icon color correctly", () => {
-    const { getByText } = render(<TabBar list={sampleListData} activeTab="1" type="icon" />);
+    const { getByText } = render(<TabBar list={sampleListData} active="1" type="icon" />);
     expect(getByText("Tab 1").props.style[1]?.color).toEqual("red");
   });
 
@@ -77,7 +77,7 @@ describe("TabBar", () => {
     const { getByText } = render(
       <TabBar
         list={sampleListData}
-        activeTab="1"
+        active="1"
         customTabBar={{ text: "Custom", key: "custom", iconProps: { icon: Star } }}
         type="icon"
       />,

package/src/components/Tabs/Tabs.tsx

@@ -115,7 +115,13 @@ const Tabs = (props: RedsTab) => {
    */
 
   const BadgeContainer = (badgeProps: { badgeProps: BadgeType.RedsBadge; key: string; children: React.ReactNode }) => {
-    return props?.badge ? <Badge {...badgeProps.badgeProps}>{badgeProps.children}</Badge> : badgeProps.children;
+    return props?.badge ? (
+      <Badge {...badgeProps.badgeProps}>
+        <View style={[styles.flexCenter, { height: "100%" }]}>{badgeProps.children}</View>
+      </Badge>
+    ) : (
+      badgeProps.children
+    );
   };
 
   useEffect(() => {

package/src/components/Tabs/demo/index.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { Text, StyleSheet, ScrollView } from "react-native";
+import { Text, StyleSheet, ScrollView, View } from "react-native";
 import { Tab, TabType, Tabs } from "@xhs/reds-rn-next";
 import { Add } from "@xhs/reder-icon-svg";
 
@@ -207,7 +207,9 @@ export default function App() {
         {data.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -218,7 +220,9 @@ export default function App() {
         {data.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -229,7 +233,9 @@ export default function App() {
         {data.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -240,7 +246,9 @@ export default function App() {
         {data.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -257,7 +265,9 @@ export default function App() {
         {iconData.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key} iconProps={item.iconProps}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -274,7 +284,9 @@ export default function App() {
         {iconData.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key} iconProps={item.iconProps}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -291,7 +303,9 @@ export default function App() {
         {numberData.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key} labelNumber={item.labelNumber}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -302,7 +316,9 @@ export default function App() {
         {badgeData1.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key} badgeProps={item.badgeProps}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -313,7 +329,9 @@ export default function App() {
           return (
             // @ts-expect-error
             <Tab name={item.name} value={item.key} badgeProps={item.badgeProps}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -324,7 +342,9 @@ export default function App() {
         {leftData.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -341,7 +361,9 @@ export default function App() {
         {leftData.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -358,7 +380,9 @@ export default function App() {
         {leftData.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -369,7 +393,9 @@ export default function App() {
         {data.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -385,7 +411,9 @@ export default function App() {
         {iconData.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key} iconProps={item.iconProps}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -395,7 +423,9 @@ export default function App() {
         {badgeData1.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key} badgeProps={item.badgeProps}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -406,7 +436,9 @@ export default function App() {
         {data.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -422,7 +454,9 @@ export default function App() {
         {iconData.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key} iconProps={item.iconProps}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}
@@ -432,7 +466,9 @@ export default function App() {
         {badgeData1.map((item, index) => {
           return (
             <Tab name={item.name} value={item.key} badgeProps={item.badgeProps}>
-              <Text>内容{index}</Text>
+              <View style={{ backgroundColor: "pink", height: 100, width: "100%" }}>
+                <Text>内容{index}</Text>
+              </View>
             </Tab>
           );
         })}

package/src/components/Tabs/interface/index.ts

@@ -64,7 +64,6 @@ export interface TabChild {
   badgeProps?: RedsBadge;
   children: ReactNode;
 }
-
 export interface RedsTabs {
   theme?: TabThemeType;
   size?: TabSizeType;

package/src/components/Tabs/styles.ts

@@ -122,7 +122,7 @@ export const getRedsDropDownVariantStyles = () => {
       description: { color: themeColor.Description },
     },
     backgroundColor: {
-      bg: { backgroundColor: themeColor.Bg },
+      bg: { backgroundColor: themeColor.Fill1 },
       description: { backgroundColor: themeColor.Description },
       fill5: { backgroundColor: themeColor.Fill5 },
       fill1: { backgroundColor: themeColor.Fill1 },

package/src/components/Tag/test/spectrum.bench.tsx

@@ -0,0 +1,13 @@
+import React, { useState } from "react";
+import { describe } from "vitest";
+// @ts-ignore
+import { redsBench } from "~root/utils/redsBench";
+import { BaseTag } from "@xhs/spectrum";
+import { render, fireEvent } from "@testing-library/react-native";
+import { Text, Dimensions } from "react-native";
+
+describe("render", () => {
+  redsBench("base", async () => {
+    render(<BaseTag type="Filled">主标签</BaseTag>);
+  });
+});

package/src/components/Toast/test/spectrum.bench.tsx

@@ -0,0 +1,13 @@
+import React, { useState } from "react";
+import { describe } from "vitest";
+// @ts-ignore
+import { redsBench } from "~root/utils/redsBench";
+import { Toast } from "@xhs/spectrum";
+import { render, fireEvent } from "@testing-library/react-native";
+import { Text, Dimensions } from "react-native";
+
+describe("render", () => {
+  redsBench("base", async () => {
+    Toast.show({ message: "失败提示", type: "fail" });
+  });
+});

package/vitest.config.ts

@@ -9,6 +9,7 @@ export default defineConfig({
     watch: false,
     exclude: [...configDefaults.exclude, "**/lib/**"],
     alias: {
+      "@xhs/spectrum": path.join(__dirname, "./lib/esm/index.js"),
       "@xhs/reds-rn-next": path.join(__dirname, "./lib/esm/index.js"),
       "~root": path.join(__dirname, "../../"),
     },
@@ -18,4 +19,8 @@ export default defineConfig({
       exclude: [...configDefaults.exclude, "**/lib/**", "**/test/**", "**/demo/**", "**/doc/**"],
     },
   },
+  server: {
+    host: "0.0.0.0",
+    port: 3000,
+  },
 });

package/lib/cjs/_chunks/C61-qTj5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"C61-qTj5.js","sources":["../../../src/components/ConfigProvider/interface/index.ts"],"sourcesContent":["type ColorMode = \"light\" | \"dark\";\ntype Component = \"Button\" | \"Popover\" | \"Text\" | \"Tag\" | \"Switch\" | \"Toast\";\n\ntype ComponentsToken = {\n  [K in Component]?: {\n    lightColor?: Record<string, string>;\n    darkColor?: Record<string, string>;\n    alwaysColor?: Record<string, string>;\n  };\n};\n\ninterface IThemeConfig {\n  token?: {\n    lightColor?: Record<string, string>;\n    darkColor?: Record<string, string>;\n    alwaysColor?: Record<string, string>;\n    components?: ComponentsToken;\n  };\n  inherit?: boolean;\n  colorMode?: ColorMode;\n}\n\nexport interface ConfigProviderProps {\n  id?: string;\n  children: React.ReactNode;\n  theme?: IThemeConfig;\n  parentId?: string;\n}\nexport interface RedsConfigProvider {\n  id?: string;\n  parentId?: string;\n  theme?: IThemeConfig;\n  colorMode?: string;\n  inherit?: boolean;\n  token: Object;\n}\n\nexport interface RedsConfigProviderEvent {}\nexport const defaultProps: RedsConfigProvider = {\n  id: \"root\",\n  parentId: \"root\",\n  theme: {\n    colorMode: \"light\",\n    inherit: true,\n    token: {\n      lightColor: {},\n      darkColor: {},\n      alwaysColor: {},\n    },\n  },\n  colorMode: \"light\",\n  inherit: true,\n  token: {},\n};\nexport const ConfigProviderDefaultProps = {\n  id: \"root\",\n  parentId: \"root\",\n  theme: {\n    colorMode: \"light\",\n    inherit: true,\n    token: {\n      lightColor: {},\n      darkColor: {},\n      alwaysColor: {},\n    },\n  },\n  colorMode: \"light\",\n  inherit: true,\n  token: {},\n};\n"],"names":["defaultProps","id","parentId","theme","colorMode","inherit","token","lightColor","darkColor","alwaysColor","ConfigProviderDefaultProps"],"mappings":";;AAsCO,IAAMA,YAAmC,GAAA;AAC9CC,EAAAA,EAAI,EAAA,MAAA;AACJC,EAAAA,QAAU,EAAA,MAAA;AACVC,EAAAA,KAAO,EAAA;AACLC,IAAAA,SAAW,EAAA,OAAA;AACXC,IAAAA,OAAS,EAAA,IAAA;AACTC,IAAAA,KAAO,EAAA;MACLC,YAAY,EAAC;MACbC,WAAW,EAAC;AACZC,MAAAA,aAAa,EAAC;AAChB,KAAA;GACF;AACAL,EAAAA,SAAW,EAAA,OAAA;AACXC,EAAAA,OAAS,EAAA,IAAA;AACTC,EAAAA,OAAO,EAAC;AACV,EAAA;AACO,IAAMI,0BAA6B,GAAA;AACxCT,EAAAA,EAAI,EAAA,MAAA;AACJC,EAAAA,QAAU,EAAA,MAAA;AACVC,EAAAA,KAAO,EAAA;AACLC,IAAAA,SAAW,EAAA,OAAA;AACXC,IAAAA,OAAS,EAAA,IAAA;AACTC,IAAAA,KAAO,EAAA;MACLC,YAAY,EAAC;MACbC,WAAW,EAAC;AACZC,MAAAA,aAAa,EAAC;AAChB,KAAA;GACF;AACAL,EAAAA,SAAW,EAAA,OAAA;AACXC,EAAAA,OAAS,EAAA,IAAA;AACTC,EAAAA,OAAO,EAAC;AACV;;;;;;;;;;;;"}

package/lib/cjs/_chunks/K-GkcnsQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"K-GkcnsQ.js","sources":["../../../src/components/TabBar/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhsreds/reds-token-next\";\nimport { RedsIcon } from \"../../Icon/interface\";\nexport interface RedsTabBar {\n  list: DataType[];\n  customTabBar?: DataType;\n  type: \"text\" | \"icon\";\n  activeTab: string;\n  badge?: boolean;\n  containerStyles?: any;\n  onChange?: (value: string) => any;\n}\n\nexport interface RedsBadge {\n  content?: number | string;\n  color?: string;\n  dot?: boolean;\n  max?: number | string;\n  offset?: [number | string, number | string];\n  showZero?: boolean;\n  position?: \"topLeft\" | \"centerLeft\" | \"centerRight\" | \"topCenter\" | \"centerCenter\";\n}\n\nexport interface DataType {\n  text?: string;\n  key: string;\n  badgeProps?: RedsBadge;\n  iconProps?: RedsIcon;\n  activeColor?: string;\n  normalColor?: string;\n}\n\nexport interface RedsTabBarEvent {}\nexport const TabBarDefaultProps = {\n  list: [] as DataType[],\n  type: \"text\",\n  badge: false,\n};\n"],"names":["TabBarDefaultProps","list","type","badge"],"mappings":";;AAiCO,IAAMA,kBAAqB,GAAA;AAChCC,EAAAA,MAAM,EAAC;AACPC,EAAAA,IAAM,EAAA,MAAA;AACNC,EAAAA,KAAO,EAAA,KAAA;AACT;;;;;;;;;;"}

package/lib/esm/_chunks/DKABHJAn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DKABHJAn.js","sources":["../../../src/components/ConfigProvider/interface/index.ts"],"sourcesContent":["type ColorMode = \"light\" | \"dark\";\ntype Component = \"Button\" | \"Popover\" | \"Text\" | \"Tag\" | \"Switch\" | \"Toast\";\n\ntype ComponentsToken = {\n  [K in Component]?: {\n    lightColor?: Record<string, string>;\n    darkColor?: Record<string, string>;\n    alwaysColor?: Record<string, string>;\n  };\n};\n\ninterface IThemeConfig {\n  token?: {\n    lightColor?: Record<string, string>;\n    darkColor?: Record<string, string>;\n    alwaysColor?: Record<string, string>;\n    components?: ComponentsToken;\n  };\n  inherit?: boolean;\n  colorMode?: ColorMode;\n}\n\nexport interface ConfigProviderProps {\n  id?: string;\n  children: React.ReactNode;\n  theme?: IThemeConfig;\n  parentId?: string;\n}\nexport interface RedsConfigProvider {\n  id?: string;\n  parentId?: string;\n  theme?: IThemeConfig;\n  colorMode?: string;\n  inherit?: boolean;\n  token: Object;\n}\n\nexport interface RedsConfigProviderEvent {}\nexport const defaultProps: RedsConfigProvider = {\n  id: \"root\",\n  parentId: \"root\",\n  theme: {\n    colorMode: \"light\",\n    inherit: true,\n    token: {\n      lightColor: {},\n      darkColor: {},\n      alwaysColor: {},\n    },\n  },\n  colorMode: \"light\",\n  inherit: true,\n  token: {},\n};\nexport const ConfigProviderDefaultProps = {\n  id: \"root\",\n  parentId: \"root\",\n  theme: {\n    colorMode: \"light\",\n    inherit: true,\n    token: {\n      lightColor: {},\n      darkColor: {},\n      alwaysColor: {},\n    },\n  },\n  colorMode: \"light\",\n  inherit: true,\n  token: {},\n};\n"],"names":["defaultProps","id","parentId","theme","colorMode","inherit","token","lightColor","darkColor","alwaysColor","ConfigProviderDefaultProps"],"mappings":"AAsCO,IAAMA,YAAmC,GAAA;AAC9CC,EAAAA,EAAI,EAAA,MAAA;AACJC,EAAAA,QAAU,EAAA,MAAA;AACVC,EAAAA,KAAO,EAAA;AACLC,IAAAA,SAAW,EAAA,OAAA;AACXC,IAAAA,OAAS,EAAA,IAAA;AACTC,IAAAA,KAAO,EAAA;MACLC,YAAY,EAAC;MACbC,WAAW,EAAC;AACZC,MAAAA,aAAa,EAAC;AAChB,KAAA;GACF;AACAL,EAAAA,SAAW,EAAA,OAAA;AACXC,EAAAA,OAAS,EAAA,IAAA;AACTC,EAAAA,OAAO,EAAC;AACV,EAAA;AACO,IAAMI,0BAA6B,GAAA;AACxCT,EAAAA,EAAI,EAAA,MAAA;AACJC,EAAAA,QAAU,EAAA,MAAA;AACVC,EAAAA,KAAO,EAAA;AACLC,IAAAA,SAAW,EAAA,OAAA;AACXC,IAAAA,OAAS,EAAA,IAAA;AACTC,IAAAA,KAAO,EAAA;MACLC,YAAY,EAAC;MACbC,WAAW,EAAC;AACZC,MAAAA,aAAa,EAAC;AAChB,KAAA;GACF;AACAL,EAAAA,SAAW,EAAA,OAAA;AACXC,EAAAA,OAAS,EAAA,IAAA;AACTC,EAAAA,OAAO,EAAC;AACV;;;;;;;;;;"}

package/lib/esm/_chunks/DUTFT_ka.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DUTFT_ka.js","sources":["../../../src/components/TabBar/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhsreds/reds-token-next\";\nimport { RedsIcon } from \"../../Icon/interface\";\nexport interface RedsTabBar {\n  list: DataType[];\n  customTabBar?: DataType;\n  type: \"text\" | \"icon\";\n  activeTab: string;\n  badge?: boolean;\n  containerStyles?: any;\n  onChange?: (value: string) => any;\n}\n\nexport interface RedsBadge {\n  content?: number | string;\n  color?: string;\n  dot?: boolean;\n  max?: number | string;\n  offset?: [number | string, number | string];\n  showZero?: boolean;\n  position?: \"topLeft\" | \"centerLeft\" | \"centerRight\" | \"topCenter\" | \"centerCenter\";\n}\n\nexport interface DataType {\n  text?: string;\n  key: string;\n  badgeProps?: RedsBadge;\n  iconProps?: RedsIcon;\n  activeColor?: string;\n  normalColor?: string;\n}\n\nexport interface RedsTabBarEvent {}\nexport const TabBarDefaultProps = {\n  list: [] as DataType[],\n  type: \"text\",\n  badge: false,\n};\n"],"names":["TabBarDefaultProps","list","type","badge"],"mappings":"AAiCO,IAAMA,kBAAqB,GAAA;AAChCC,EAAAA,MAAM,EAAC;AACPC,EAAAA,IAAM,EAAA,MAAA;AACNC,EAAAA,KAAO,EAAA,KAAA;AACT;;;;;;;;;"}