# 禁用清单

## 绝对禁止

- `element-plus`、`ant-design-vue`、`naive-ui` 及任何第三方 UI 库
- 所有 `el-*` 标签
- 混用 **win-design**（Vue 2 / `w-` 旧版）与 **win-design-next**（Vue 3）API
- Vue 2 写法：`Vue.use`、`$Message` 大驼峰全局挂载（Next 推荐按需 import）
- `v-loading` → 使用 `v-loading`（Next 内置）或 `WLoading` 服务，勿用 Element 指令

## Element Plus → WinDesign Next 对照

| Element Plus     | WinDesign Next                    | 备注                                         |
| ---------------- | --------------------------------- | -------------------------------------------- |
| `el-button`      | `w-button`                        |                                              |
| `el-dialog`      | `w-dialog` / `w-modal`            | 用 `v-model` 控制显隐                        |
| `el-table`       | `w-table` / `w-table-v2`          | 大数据用 table-v2                            |
| `el-form`        | `w-form`                          |                                              |
| `el-message`     | `WMessage`                        | `import { WMessage } from 'win-design-next'` |
| `el-message-box` | `WMessageBox`                     |                                              |
| `type="danger"`  | `type="danger"` 或 `type="error"` | 以 by-name 文档为准                          |

## WinDesign Next 特有

| 项           | 说明                                                                                 |
| ------------ | ------------------------------------------------------------------------------------ | ------------------------------------------------------------------ |
| 组件标签前缀 | `w-`                                                                                 |
| 样式命名空间 | 默认 **`w3`**：`.w3-button`、`--w3-color-primary`（见 [namespace.md](namespace.md)） |
| 包名         | `win-design-next`                                                                    |
| Vue          | **3.3+**，推荐 `<script setup>`                                                      |
| 双向绑定     | `v-model`，勿用 `.sync`                                                              |
| 默认尺寸     | `default`（非 Vue2 的 medium）                                                       |
| 颜色         | 用 CSS 变量 `var(--w3-*)`，勿硬编码色值                                              |
| 图标         | `@win-design-next/icons-vue`                                                         |
| 表格大数据   | `w-table-v2`（**无** `w-table-pro`）                                                 |
| 日期时间     | **一律 Pro**：`w-date-picker-pro`、`w-time-picker-pro`                               | 禁止新生成 `w-date-picker` / `w-datetime-picker` / `w-time-picker` |

## 日期时间（新生成禁止非 Pro）

| 禁止                  | 改用                                                      |
| --------------------- | --------------------------------------------------------- |
| `w-date-picker`       | `w-date-picker-pro`                                       |
| `w-datetime-picker`   | `w-date-picker-pro` + `type="datetime"` / `datetimerange` |
| `w-time-picker`       | `w-time-picker-pro`                                       |
| `w-date-picker-panel` | `w-date-picker-panel-pro`                                 |

详见 [date-time-advanced.md](date-time-advanced.md)。

## 校验

生成代码前对照 [component-index.md](component-index.md) 与 `components/by-name/`；禁止臆造 props。
