# 命名空间与样式

> 源自 [自定义命名空间](http://wued.winning-health.com.cn:8088/win-design-next/zh-CN/component/namespace)。

## 默认：`w3`

自 **win-design-next V1.1.0** 起：

| 层面             | 示例                                           |
| ---------------- | ---------------------------------------------- |
| Vue 组件标签     | `<w-button>`、`<w-table>`（**不变**）          |
| 编译后 DOM class | `.w3-button`、`.w3-table`                      |
| CSS 变量         | `--w3-color-primary`、`--w3-font-color-normal` |

AI 生成代码时：

- **模板**继续写 `w-*` 组件标签
- **自定义样式**选择器写 `.w3-*`，或直接用 `var(--w3-*)`
- **禁止**假设 class 仍为 `.w-button`（Vue 2 旧版）

## 恢复 `w` 命名空间（存量项目）

```vue
<w-config-provider namespace="w">
  <App />
</w-config-provider>
```

并配合 SCSS `$namespace: 'w'` 引入 theme-chalk（见官网 namespace 文档）。

## ConfigProvider 主题色

通过 `WConfigProvider` 的 `theme` 可切换 5 种内置主题；主色会写入 `--COLOR-NORMAL` 等变量，覆盖 `--w3-color-primary*`。
