@kmlckj/licos-ai-cli 0.0.24 → 0.0.25

package/lib/__templates__/taro/AGENTS.md

@@ -164,6 +164,9 @@ CRITICAL：
 - 默认先写 `className`，再考虑 `style`。
 - 颜色、间距、圆角、边框、阴影、排版、flex/grid、宽高等常规样式必须收敛在 Tailwind 类名中。
 - 禁止使用 `w-[340px]`、`text-[14px]`、`p-[16px]` 这类带 `px` 的 Tailwind 任意值。
+- 禁止使用颜色不透明度简写，例如 `bg-primary/10`、`text-slate-500/70`、`border-white/20`；小程序端 opacity 容易丢失，必须拆成基础颜色类和 `bg-opacity-*` / `text-opacity-*` / `border-opacity-*`。
+- 禁止使用小数值类名，例如 `space-y-1.5`、`w-0.5`、`h-2.5`；统一改成整数刻度，例如 `space-y-2`、`w-1`、`h-3`。
+- 禁止使用 `peer-*`、`group-*`、`has-*`、复杂任意选择器和属性选择器类名；这些写法在小程序构建或上传时容易失败。
 - 禁止使用 `style={{ width: '200px' }}`、`fontSize: '14px'` 这类硬编码尺寸。
 - Taro 会通过 `pxtransform` 将尺寸转换为跨端单位（小程序 `rpx`、H5 `rem`），业务代码里直接写 `px` 容易导致不同端显示不一致。
 - `style` 只允许用于少量跨端兼容修正；`.css` 只用于 Tailwind 明显不适合的场景，且范围必须最小。
@@ -415,8 +418,8 @@ const { avatar_url } = res.data; // 报错或 undefined
 ### 跨端规则速查表
 
 - Taro 原生 Text 换行/白屏：小程序 block 正常，H5 inline 白屏 → 垂直 Text 添加 `block` 类 + 平台检 测直接判断
-- Taro 原生 Input 样式：H5 端 inline 导致样式失效 → View 包裹，样式放外层
-- Taro 原生 Input/Button Flex：H5 不支持 flex → View 包装，flex 放 View 上
+- 输入框/多行输入：页面中使用 `@/components/ui/input` 和 `@/components/ui/textarea`，不要直接从 `@tarojs/components` 导入原生 `Input` / `Textarea`
+- 输入框和按钮组合：使用 `@/components/ui/input`、`@/components/ui/button` 和外层 `View` 布局；原生 Input/Button 只能出现在 `src/components/ui` 封装内部
 - Fixed + Flex：H5 Tailwind 失效 → 必须 `style={{ position: 'fixed', display: 'flex' }}`
 - 底部 TabBar 重叠 → 底部固定元素 `bottom: 50`+，列表加底部内边距
 - 原生组件：H5 不可用 → `Taro.getEnv() === WEAPP` + H5 降级
@@ -444,39 +447,36 @@ useEffect(() => { setIsWeapp(Taro.getEnv() === Taro.ENV_TYPE.WEAPP) }, [])
 <Text className="block text-sm text-gray-500">说明</Text>
 ```
 
-**Taro 原生 Input/Textarea 样式**：必须 View 包裹，样式放 View 上（H5 端 Input 是 inline 元素）
+**Input/Textarea 样式**：页面必须使用 UI 封装组件，原生 Input/Textarea 的兼容包装已经在 `src/components/ui` 内处理
 
 ```tsx
-// ✅ 正确：View 包裹
-<View className="bg-gray-50 rounded-xl px-4 py-3">
-  <Input className="w-full bg-transparent" placeholder="请输入内容" />
-</View>
-// ❌ 错误：H5 端样式不生效
-<Input className="bg-gray-50 rounded-xl px-4 py-3 w-full" />
+import { Input } from '@/components/ui/input'
+import { Textarea } from '@/components/ui/textarea'
 
-// ✅ Textarea 同理
-<View className="bg-gray-50 rounded-2xl p-4 mb-4">
-  <Textarea style={{ width: '100%', minHeight: '100px', backgroundColor: 'transparent' }} placeholder="请输入详细描述..." maxlength={500} />
-</View>
+// ✅ 正确：使用 UI 封装
+<Input className="bg-gray-50" placeholder="请输入内容" />
+<Textarea className="bg-gray-50" placeholder="请输入详细描述..." maxlength={500} />
+
+// ❌ 错误：页面直接使用原生 Input/Textarea 会被 pnpm validate 拦截
+// import { Input, Textarea } from '@tarojs/components'
 ```
 
-**Taro 原生 Input + Button Flex 布局**：flex 放 View，Input 用 `width: 100%`
+**Input + Button Flex 布局**：flex 放外层 `View`，控件使用 UI 封装组件
 
 ```tsx
-// ✅ 正确：View 包装 + inline style
-<View style={{ display: 'flex', flexDirection: 'row', gap: '8px', padding: '12px' }}>
-  <View style={{ flex: 1, backgroundColor: '#f5f5f5', borderRadius: '20px', padding: '8px 12px' }}>
-    <Input style={{ width: '100%', fontSize: '14px' }} placeholder="输入消息..." />
-  </View>
-  <View style={{ flexShrink: 0 }}>
-    <Button size="mini" type="primary">发送</Button>
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+
+// ✅ 正确：外层布局 + UI 组件
+<View className="flex flex-row gap-2 p-3">
+  <View className="flex-1">
+    <Input placeholder="输入消息..." />
   </View>
-</View>
-// ❌ 错误：H5 端 Input 不支持 flex
-<View style={{ display: 'flex', flexDirection: 'row', gap: '8px' }}>
-  <Input style={{ flex: 1 }} placeholder="输入消息..." />
   <Button>发送</Button>
 </View>
+
+// ❌ 错误：页面直接使用原生 Input/Button 会被 pnpm validate 拦截
+// import { Button, Input } from '@tarojs/components'
 ```
 
 **Fixed + Flex 布局**：必须 inline style（Tailwind fixed+flex 在 H5 失效），`bottom: 50` 避开 TabBar

package/lib/cli.js

@@ -2107,7 +2107,7 @@ const EventBuilder = {
 };
 
 var name = "@kmlckj/licos-ai-cli";
-var version = "0.0.24";
+var version = "0.0.25";
 var description = "LICOS AI coding workspace CLI - project template engine and dev tools";
 var license = "MIT";
 var author = "kmlckj";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmlckj/licos-ai-cli",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "description": "LICOS AI coding workspace CLI - project template engine and dev tools",
   "license": "MIT",
   "author": "kmlckj",