@coze-arch/cli 0.0.12-alpha.208357 → 0.0.12-alpha.3cee6f

package/lib/__templates__/expo/AGENTS.md

@@ -152,17 +152,25 @@ export default function TabLayout() {
     '--color-border',
   ]) as string[];
 
+  let tabBarStyle = {
+    backgroundColor: background,
+    borderTopWidth: 1,
+    borderTopColor: border,
+  };
+
+  // 用于修复 Web 上高度异常的问题（这个 if 逻辑必须添加）
+  if (Platform.OS === 'web') {
+    tabBarStyle = {
+      ...tabBarStyle,
+      height: 'auto',
+    }
+  }
+
   return (
     <Tabs
       screenOptions={{
         headerShown: false,
-        tabBarStyle: {
-          backgroundColor: background,
-          borderTopWidth: 1,
-          borderTopColor: border,
-          // 通过固定宽度 55 来修正 Web 上的表现
-          height: Platform.OS === 'web' ? 55 : 50 + insets.bottom,
-        },
+        tabBarStyle,
         tabBarActiveTintColor: accent,
         tabBarInactiveTintColor: muted,
       }}

package/lib/__templates__/expo/README.md

@@ -152,17 +152,25 @@ export default function TabLayout() {
     '--color-border',
   ]) as string[];
 
+  let tabBarStyle = {
+    backgroundColor: background,
+    borderTopWidth: 1,
+    borderTopColor: border,
+  };
+
+  // 用于修复 Web 上高度异常的问题（这个 if 逻辑必须添加）
+  if (Platform.OS === 'web') {
+    tabBarStyle = {
+      ...tabBarStyle,
+      height: 'auto',
+    }
+  }
+
   return (
     <Tabs
       screenOptions={{
         headerShown: false,
-        tabBarStyle: {
-          backgroundColor: background,
-          borderTopWidth: 1,
-          borderTopColor: border,
-          // 通过固定宽度 55 来修正 Web 上的表现
-          height: Platform.OS === 'web' ? 55 : 50 + insets.bottom,
-        },
+        tabBarStyle,
         tabBarActiveTintColor: accent,
         tabBarInactiveTintColor: muted,
       }}

package/lib/__templates__/expo/client/components/PrettyScrollbar.tsx

@@ -0,0 +1,43 @@
+import { useEffect, ReactNode } from 'react';
+import { Platform } from 'react-native';
+
+const STYLE_ID = 'coze-pretty-scrollbar';
+
+function WebOnlyPrettyScrollbar({ children }: { children: ReactNode }) {
+  useEffect(() => {
+    if (Platform.OS === 'web') {
+      let style = document.getElementById(STYLE_ID);
+      if (!style) {
+        style = document.createElement('style');
+        style.id = STYLE_ID;
+        style.textContent = `
+        ::-webkit-scrollbar {
+          width: 4px;
+          height: 4px;
+        }
+
+        ::-webkit-scrollbar-track {
+          background: transparent;
+        }
+
+        ::-webkit-scrollbar-thumb {
+          background: rgba(0, 0, 0, 0.2);
+          border-radius: 2px;
+        }
+        `;
+        document.head.appendChild(style);
+      }
+
+      return () => {
+        const existingStyle = document.getElementById(STYLE_ID);
+        if (existingStyle) {
+          existingStyle.remove();
+        }
+      }
+    }
+  }, []);
+
+  return <>{children}</>
+}
+
+export { WebOnlyPrettyScrollbar }

package/lib/__templates__/expo/client/components/Provider.tsx

@@ -2,17 +2,20 @@ import { AuthProvider } from '@/contexts/AuthContext';
 import { type ReactNode } from 'react';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { WebOnlyColorSchemeUpdater } from './ColorSchemeUpdater';
+import { WebOnlyPrettyScrollbar } from './PrettyScrollbar'
 import { HeroUINativeProvider } from '@/heroui';
 
 function Provider({ children }: { children: ReactNode }) {
   return <WebOnlyColorSchemeUpdater>
-    <AuthProvider>
-      <GestureHandlerRootView style={{ flex: 1 }}>
-        <HeroUINativeProvider>
-          {children}
-        </HeroUINativeProvider>
-      </GestureHandlerRootView>
-    </AuthProvider>
+    <WebOnlyPrettyScrollbar>
+      <AuthProvider>
+        <GestureHandlerRootView style={{ flex: 1 }}>
+          <HeroUINativeProvider>
+            {children}
+          </HeroUINativeProvider>
+        </GestureHandlerRootView>
+      </AuthProvider>
+    </WebOnlyPrettyScrollbar>
   </WebOnlyColorSchemeUpdater>
 }
 

package/lib/cli.js

@@ -2107,7 +2107,7 @@ const EventBuilder = {
 };
 
 var name = "@coze-arch/cli";
-var version = "0.0.12-alpha.208357";
+var version = "0.0.12-alpha.3cee6f";
 var description = "coze coding devtools cli";
 var license = "MIT";
 var author = "fanwenjie.fe@bytedance.com";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coze-arch/cli",
-  "version": "0.0.12-alpha.208357",
+  "version": "0.0.12-alpha.3cee6f",
   "private": false,
   "description": "coze coding devtools cli",
   "license": "MIT",