@templmf/temp-solf-lmf 0.0.149 → 0.0.150

package/new.txt

@@ -1,21 +1,31 @@
-换算公式：rem值 = px值 / 100
-例如：JSON 中读到某元素 width: 200px → 输出为 width: 2rem
-例如：JSON 中读到 fontSize: 28px → 输出为 font-size: 0.28rem
+【数据提取规则】
+1. 识别设计稿中所有"内容型"节点（文本、图片、列表项、
+   状态类图标如选中/未选中、数值/计数、用户头像等），
+   不要把它们的具体值直接写进模板（如 <div>张三</div>），
+   而是定义为响应式变量，模板里用插值引用（如 {{ userName }}）。
 
-边框（border-width）、1px 分割线等极小数值可以保留 px，
-避免出现小数点过多位的 rem 值影响渲染精度。
+2. 对于重复结构（同一组件在设计稿里出现多次，比如卡片列表、
+   tab 项、评论项），必须识别为"同一个组件 + 循环渲染"，
+   不要为每一项单独写一份重复的静态 HTML/JSX。
+   用 v-for / .map() 遍历一个数组类型的 ref，而不是
+   把每条数据都平铺展开。
 
-【SVG 尺寸规则】
-所有内联 SVG 图标不要写死 width/height 属性值（不要用
-get_node_svg 返回的原始像素尺寸直接赋值）。
-SVG 容器尺寸应使用 em 单位或继承父级 font-size，
-使其能随外部 rem 环境自动缩放。
-具体做法：
-- SVG 根标签只保留 viewBox，去掉写死的 width/height，
-  或将 width/height 设为 1em
-- 外层包裹容器用 rem 控制实际显示尺寸，如：
-  .icon { width: 0.4rem; height: 0.4rem; }
-  .icon svg { width: 100%; height: 100%; }
+3. 状态类 UI（选中态、hover态、展开/收起、开关切换、
+   tab 当前激活项等）必须提取为响应式状态变量，
+   并写出对应的切换逻辑（如 @click 绑定的方法），
+   不要只输出某一个静态状态的样式结果。
 
-请在生成代码后自查：所有尺寸类 CSS 属性是否已按上述比例
-换算为 rem，且没有遗漏 SVG 内部的写死尺寸。
+4. 数值类内容（价格、数量、进度百分比、评分等）提取为
+   独立的 ref，方便后续接口对接时直接替换数据源，
+   不要把计算结果或格式化后的字符串写死。
+
+5. 图片/头像类 src 也提取为 ref 或 props，不要把
+   本地 assets 路径直接硬编码在多处。
+
+【输出结构要求】
+- 用 Vue3 <script setup> 语法，数据统一在顶部用
+  ref()/reactive() 声明
+- 模板中不出现设计稿里的具体文案、数字、图片路径，
+  这些都应该来自上面声明的变量
+- 如果同一数据结构在设计稿中重复出现三次以上，
+  必须重构为数组 + v-for，而不是逐个复制粘贴

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@templmf/temp-solf-lmf",
-  "version": "0.0.149",
+  "version": "0.0.150",
   "description": "",
   "main": "index.js",
   "scripts": {