mvframe 1.1.10 → 1.1.12

package/.cursor/rules/global-components.mdc

@@ -27,7 +27,7 @@ alwaysApply: false
 | `Frame` | 框架布局（菜单、页头、Tab 等） |
 | `Icon` | 图标字体 |
 | `Lang` | 语言下拉（与 `app.use(mvframe, { lang: { use: [...] } })` 对齐，见 `locale/langUseDefaults.js`） |
-| `Input` / `Textarea` | 输入封装 |
+| `Input` / `InputNumber` / `Textarea` / `Mention` | 输入封装 |
 | `Loading` | 局部/容器内全屏遮罩加载（`position: absolute` 铺满**最近一层 `position: relative` 祖先**，见 `Table` / `Drawer`） |
 | `Login` | 登录页（表单项用 **`Form`** + **`Input`**，勿裸用 `el-form` / `el-input` 拼账号密码区） |
 | `Page` | 页面布局块 |

package/.cursor/rules/style-system.mdc

@@ -281,7 +281,26 @@ alwaysApply: true
 
 - `hover`：hover 时 opacity 0.6 + 过渡
 
-## 6. 组件通用样式（cpt.scss）
+## 6. 主题专用样式（theme.scss）
+
+### Glass Rect Area
+
+`rectArea` 是 `html.mv-theme-glass` 下专用的矩形玻璃区域样式，适合快捷入口、小卡片、色块、状态块等需要跟随 glass 主题背景、阴影、hover 和 active 状态的矩形容器。
+
+| 类名 | 用途 |
+|------|------|
+| `rectArea` | 默认 gray 玻璃矩形面 |
+| `rectArea active` | 激活态 |
+| `rectArea primary/blue/green/yellow/orange/red/purple/pink/black/dark/body/white/gray` | 颜色变体，色值与 `var.scss` 的全局颜色体系一致 |
+
+使用建议：
+
+- `rectArea` 只在 glass 主题下承担背景和阴影视觉；其它主题下不要依赖它作为唯一背景
+- 直接组合布局、尺寸、圆角工具类：`class="rectArea w88 h88 radius8"`、`class="rectArea primary active"`
+- 需要 glass 主题矩形区域时，优先使用 `rectArea`，不要在业务 scoped 样式里重复写 `--glass-bg-*` / `--glass-shadow-*`
+- hover / active 已由 `theme.scss` 统一处理，业务侧只需要切换颜色类和 `active` 类
+
+## 7. 组件通用样式（cpt.scss）
 
 ### 组件变量
 
@@ -332,7 +351,7 @@ alwaysApply: true
 
 ### 表单 Label（element.scss）
 
-`Input`、`Textarea`、`Select`、`SelectV2` 支持统一的 label 接口：
+`Input`、`InputNumber`、`Textarea`、`Mention`、`Select`、`SelectV2` 支持统一的 label 接口：
 
 | 属性 | 用途 |
 |------|------|
@@ -357,9 +376,15 @@ Material 风格的上浮条件：
 <Input v-model="form.name" label="Name" />
 <Input v-model="form.name" label="Material Name" material-label />
 
+<InputNumber v-model="form.count" label="Count" />
+<InputNumber v-model="form.count" label="Material Count" material-label />
+
 <Textarea v-model="form.remark" label="Remark" />
 <Textarea v-model="form.remark" label="Material Remark" material-label />
 
+<Mention v-model="form.owner" :options="users" label="Owner" />
+<Mention v-model="form.owner" :options="users" label="Material Owner" material-label />
+
 <Select v-model="form.type" :options="options" label="Type" />
 <Select
   v-model="form.type"
@@ -375,7 +400,7 @@ Material 风格的上浮条件：
 - 如果要做 Material 风格，优先直接使用 `label` + `material-label`，不要再额外包一层自定义标题
 - 如需特殊背景色，优先通过 field surface 相关变量覆写，不要直接把 label 写死成固定背景色
 
-## 7. 动画（ani.scss）
+## 8. 动画（ani.scss）
 
 | 类名 | 用途 |
 |------|------|