ZhongAnTech · JeromeLin · Jun 5, 2023 · Jun 5, 2023 · Jun 5, 2023
diff --git a/packages/site/web/docs/migration-v3.md b/packages/site/web/docs/migration-v3.md
@@ -55,8 +55,8 @@
 
 ### Checkbox / Radio
 
- - 组合使用时 `type` 类型可选值 `cell` 调整为 `list`。
- - 废弃样式相关属性 `size`、`shape`、`ghost`，可以通过 css 变量方式更改样式。
+- 组合使用时 `type` 类型可选值 `cell` 调整为 `list`。
+- 废弃样式相关属性 `size`、`shape`、`ghost`，可以通过 css 变量方式更改样式。
 
 ```diff
   <Checkbox.Group
@@ -236,6 +236,16 @@
 
 - 移除 `format` 属性
 
+### Tabbar
+
+移除 `visible` 属性
+
+```diff
+  <Tabbar
+-   visible={false}
+  />
+```
+
 ## 常见问题
 
 ### 如何在已经使用 Zarm 2.x 的项目中 Zarm 3.0

diff --git a/packages/zarm/src/__tests__/index.test.ts b/packages/zarm/src/__tests__/index.test.ts
@@ -465,9 +465,6 @@ describe('index', () => {
             "$$typeof": Symbol(react.forward_ref),
             "render": [Function],
           },
-          "defaultProps": Object {
-            "visible": true,
-          },
           "render": [Function],
         },
         "Tabs": Object {

diff --git a/packages/zarm/src/date-picker-view/__tests__/__snapshots__/index.test.tsx.snap b/packages/zarm/src/date-picker-view/__tests__/__snapshots__/index.test.tsx.snap
@@ -91,7 +91,7 @@ exports[`DatePickerView meridiem hour snapshot 1`] = `
             8时
           </div>
           <div
-            class="za-wheel__item"
+            class="za-wheel__item za-wheel__item--selected"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             9时
@@ -376,7 +376,7 @@ exports[`DatePickerView meridiem hour snapshot 1`] = `
             42分
           </div>
           <div
-            class="za-wheel__item"
+            class="za-wheel__item za-wheel__item--selected"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             43分
@@ -671,7 +671,7 @@ exports[`DatePickerView snapshot 1`] = `
             5月
           </div>
           <div
-            class="za-wheel__item"
+            class="za-wheel__item za-wheel__item--selected"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             6月
@@ -746,7 +746,7 @@ exports[`DatePickerView snapshot 1`] = `
             4日
           </div>
           <div
-            class="za-wheel__item"
+            class="za-wheel__item za-wheel__item--selected"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             5日
@@ -901,12 +901,6 @@ exports[`DatePickerView snapshot 1`] = `
           >
             30日
           </div>
-          <div
-            class="za-wheel__item"
-            style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
-          >
-            31日
-          </div>
         </div>
       </div>
     </div>
@@ -1203,7 +1197,7 @@ exports[`DatePickerView week snapshot 1`] = `
             22周
           </div>
           <div
-            class="za-wheel__item"
+            class="za-wheel__item za-wheel__item--selected"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             23周

diff --git a/packages/zarm/src/tab-bar/TabBar.tsx b/packages/zarm/src/tab-bar/TabBar.tsx
@@ -27,8 +27,7 @@ const TabBar = React.forwardRef<HTMLDivElement, TabBarProps>((props, ref) => {
 
   const bem = createBEM('tab-bar', { prefixCls });
 
-  const { visible, className, children, onChange, activeKey, defaultActiveKey, safeArea, ...rest } =
-    props;
+  const { className, children, onChange, activeKey, defaultActiveKey, safeArea, ...rest } = props;
 
   const [selectedKey, setSelectedKey] = useState(defaultActiveKey);
 
@@ -78,16 +77,7 @@ const TabBar = React.forwardRef<HTMLDivElement, TabBarProps>((props, ref) => {
     },
   );
   return (
-    <div
-      {...rest}
-      ref={ref}
-      className={bem([
-        {
-          hidden: !visible,
-        },
-        className,
-      ])}
-    >
+    <div {...rest} ref={ref} className={bem([className])}>
       <div className={bem('wrapper')}>{items}</div>
       {safeArea && <SafeArea position="bottom" />}
     </div>
@@ -96,8 +86,4 @@ const TabBar = React.forwardRef<HTMLDivElement, TabBarProps>((props, ref) => {
 
 TabBar.displayName = 'TabBar';
 
-TabBar.defaultProps = {
-  visible: true,
-};
-
 export default TabBar;
diff --git a/packages/zarm/src/tab-bar/__tests__/index.test.tsx b/packages/zarm/src/tab-bar/__tests__/index.test.tsx
@@ -128,7 +128,7 @@ describe('TabBar', () => {
 
   it('should select first tab bar item if activeKey and defaultActivceKey are not existed', () => {
     const { container } = render(
-      <TabBar visible={false} className="test">
+      <TabBar className="test">
         <TabBarItem itemKey="home" title="主页" />
         <TabBarItem itemKey="about us" title="关于我们" />
       </TabBar>,
@@ -166,52 +166,4 @@ describe('TabBar', () => {
     const el = container.querySelectorAll('.za-tab-bar__item');
     expect(el[0].className).toEqual('za-tab-bar__item za-tab-bar__item--active');
   });
-
-  // it('should use element index as the fallback itemKey', () => {
-  //   const wrapper = shallow(
-  //     <TabBar>
-  //       <TabBarItem />
-  //       <TabBarItem />
-  //     </TabBar>,
-  //   );
-  //   expect(wrapper.childAt(0).prop('itemKey')).toBe(0);
-  //   expect(wrapper.childAt(1).prop('itemKey')).toBe(1);
-  // });
-
-  it('should have hidden class name if visible prop is false', () => {
-    const { container } = render(
-      <TabBar visible={false} className="test">
-        <TabBarItem itemKey="home" title="主页" />
-      </TabBar>,
-    );
-    const el = container.querySelector('.za-tab-bar');
-    expect(el?.classList.contains('test')).toBeTruthy();
-    expect(el?.classList.contains('za-tab-bar')).toBeTruthy();
-    expect(el?.classList.contains('za-tab-bar--hidden')).toBeTruthy();
-  });
-
-  // it('should render children with extra props', () => {
-  //   const wrapper = shallow(
-  //     <TabBar visible={false} className="test">
-  //       <TabBarItem itemKey="home" title="主页" />
-  //       <TabBarItem itemKey="about us" title="关于我们" />
-  //     </TabBar>,
-  //   );
-  //   expect(wrapper.childAt(0).props()).toEqual(
-  //     expect.objectContaining({
-  //       title: '主页',
-  //       itemKey: 'home',
-  //       onChange: expect.any(Function),
-  //       selected: true,
-  //     }),
-  //   );
-  //   expect(wrapper.childAt(1).props()).toEqual(
-  //     expect.objectContaining({
-  //       title: '关于我们',
-  //       itemKey: 'about us',
-  //       onChange: expect.any(Function),
-  //       selected: false,
-  //     }),
-  //   );
-  // });
 });
diff --git a/packages/zarm/src/tab-bar/demo.md b/packages/zarm/src/tab-bar/demo.md
@@ -176,7 +176,6 @@ ReactDOM.render(<Demo />, mountNode);
 
 | 属性             | 类型                              | 默认值 | 说明                       |
 | :--------------- | :-------------------------------- | :----- | :------------------------- |
-| visible          | boolean                           | true   | 是否显示                   |
 | activeKey        | number \| string                  | -      | 当前选中项                 |
 | defaultActiveKey | number \| string                  | -      | 初始选中项, 默认第一个选中 |
 | safeArea         | boolean                           | false  | 是否适配安全区域           |

diff --git a/packages/zarm/src/tab-bar/interface.ts b/packages/zarm/src/tab-bar/interface.ts
@@ -2,7 +2,6 @@ import type { ReactNode } from 'react';
 import type { BaseBadgeProps } from '../badge/interface';
 
 export interface BaseTabBarProps {
-  visible?: boolean;
   defaultActiveKey?: string | number;
   activeKey?: string | number;
   safeArea?: boolean;