fix(sidebar): disabled props and content display abnormal in harmony (#3084)

Author: Miles-hxy

src/packages/sidebar/demos/taro/demo1.tsx

@@ -15,7 +15,7 @@ const Demo1 = () => {
       >
         {list.map((item) => (
           <SideBar.Item key={item} title={`Opt ${item + 1}`}>
-            Content {item + 1}
+            {`Content ${item + 1}`}
           </SideBar.Item>
         ))}
       </SideBar>

src/packages/sidebar/demos/taro/demo4.tsx

@@ -15,7 +15,7 @@ const Demo4 = () => {
       >
         {list.map((item) => (
           <SideBar.Item key={item} title={`Opt ${item + 1}`}>
-            Content {item + 1}
+            {`Content ${item + 1}`}
           </SideBar.Item>
         ))}
       </SideBar>

src/packages/sidebar/demos/taro/demo5.tsx

@@ -17,7 +17,7 @@ const Demo5 = () => {
       >
         {list.map((item) => (
           <SideBar.Item key={item} title={`Opt ${item + 1}`}>
-            Content {item + 1}
+            {`Content ${item + 1}`}
           </SideBar.Item>
         ))}
       </SideBar>

src/packages/sidebar/demos/taro/demo6.tsx

@@ -17,7 +17,7 @@ const Demo6 = () => {
       >
         {list.map((item) => (
           <SideBar.Item key={item} title={`Opt ${item + 1}`}>
-            Content {item + 1}
+            {`Content ${item + 1}`}
           </SideBar.Item>
         ))}
       </SideBar>

src/packages/sidebar/sidebar.taro.tsx

@@ -147,7 +147,7 @@ export const SideBar: FC<Partial<TaroSideBarProps>> & {
     )
     index = index < 0 ? 0 : index
     return {
-      transform: `translate3d( 0,-${index * 100}%, 0)`,
+      transform: `translateY(-${index * 100}%)`,
       transitionDuration: `${contentDuration}ms`,
     }
   }
@@ -192,14 +192,14 @@ export const SideBar: FC<Partial<TaroSideBarProps>> & {
                 className={classNames(`${classPrefix}-titles-item`, {
                   [`${classPrefix}-titles-item-active`]:
                     !item.disabled && String(item.value) === String(value),
-                  [`${classPrefix}-titles-item-disabled`]: item.disabled,
                 })}
                 key={item.value}
               >
                 <View
                   className={classNames(
                     `${classPrefix}-ellipsis`,
-                    `${classPrefix}-titles-item-text`
+                    `${classPrefix}-titles-item-text`,
+                    { [`${classPrefix}-titles-item-disabled`]: item.disabled }
                   )}
                 >
                   {item.title}