chore: 更新插件名称和版本，添加 Element UI 依赖，修改 README 文档以反映新功能

Author: cklwblove

.github/workflows/release.yml

@@ -114,4 +114,4 @@ jobs:
           echo "🎉 发布成功!"
           echo "📦 版本: ${{ steps.get_version.outputs.version }}"
           echo "🏷️ 标签: ${{ steps.get_version.outputs.tag_name }}"
-          echo "📝 npm: https://www.npmjs.com/package/winjs-plugin-template"
+          echo "📝 npm: https://www.npmjs.com/package/@winner-fed/plugin-element-ui"

README.md

@@ -1,54 +1,156 @@
-# winjs-plugin-example
+# winjs-plugin-element-ui
 
-Example plugin for WinJS.
+适配 WinJS 的 Element UI 插件，为 Vue 2 项目提供 Element UI 组件库的自动导入和配置支持。
 
 <p>
-  <a href="https://npmjs.com/package/winjs-plugin-example">
-   <img src="https://img.shields.io/npm/v/winjs-plugin-example?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" />
+  <a href="https://npmjs.com/package/@winner-fed/plugin-element-ui">
+   <img src="https://img.shields.io/npm/v/@winner-fed/plugin-element-ui?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" />
   </a>
   <img src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="license" />
-  <a href="https://npmcharts.com/compare/winjs-plugin-example?minimal=true"><img src="https://img.shields.io/npm/dm/winjs-plugin-example.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="downloads" /></a>
+  <a href="https://npmcharts.com/compare/@winner-fed/plugin-element-ui?minimal=true"><img src="https://img.shields.io/npm/dm/@winner-fed/plugin-element-ui.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="downloads" /></a>
 </p>
 
-## Usage
+## 功能特性
 
-Install:
+- 🚀 **自动导入**: 支持 Element UI 组件的按需自动导入
+- 📦 **零配置**: 开箱即用，无需手动配置组件导入
+- 🔧 **集成性**: 与 WinJS 框架深度集成
+- 🎯 **Vue 2 兼容**: 专为 Vue 2 项目设计
+
+## 安装
 
 ```bash
-npm add winjs-plugin-example -D
+npm install @winner-fed/plugin-element-ui element-ui
+# 或者
+yarn add @winner-fed/plugin-element-ui element-ui
+# 或者
+pnpm add @winner-fed/plugin-element-ui element-ui
+```
+
+## 快速开始
+
+### 1. 在 `.winrc.ts` 中配置插件
+
+```typescript
+import { defineConfig } from 'win';
+
+export default defineConfig({
+  plugins: [
+    require.resolve('@winner-fed/plugin-element-ui')
+  ],
+  elementUI: {
+    // 插件配置选项（可选）
+  }
+});
 ```
 
-Add plugin to your `.winrc.ts`:
+### 2. 在 Vue 组件中使用
+
+插件会自动处理 Element UI 组件的导入，你可以直接在模板中使用：
 
-```ts
-// .winrc.ts
+```vue
+<template>
+  <div>
+    <el-button type="primary">主要按钮</el-button>
+    <el-button type="success">成功按钮</el-button>
+    <el-input v-model="input" placeholder="请输入内容"></el-input>
+    <el-date-picker
+      v-model="date"
+      type="date"
+      placeholder="选择日期">
+    </el-date-picker>
+  </div>
+</template>
+
+<script>
 export default {
-  plugins: ['winjs-plugin-example'],
-  // 开启配置
-  example: {}
-};
+  data() {
+    return {
+      input: '',
+      date: ''
+    }
+  }
+}
+</script>
+```
+
+## 配置选项
+
+### elementUI
+
+类型：`object`
+
+Element UI 相关配置，目前支持的配置项：
+
+```typescript
+export default defineConfig({
+  elementUI: {
+    // 未来可能会添加更多配置选项
+  }
+});
 ```
 
-## Options
+## 工作原理
+
+本插件通过以下方式实现 Element UI 的集成：
+
+1. **自动检测依赖**: 插件会自动检测项目中是否安装了 `element-ui` 包
+2. **配置解析器**: 使用 `unplugin-vue-components` 的 `ElementUiResolver` 来处理组件的自动导入
+3. **版本信息**: 自动读取 Element UI 的版本信息并注入到应用数据中
+4. **按需导入**: 只导入实际使用的组件，减少打包体积
+
+## 依赖要求
 
-### foo
+- Vue 2.x
+- Element UI 2.15.13+
+- WinJS 框架
 
-Some description.
+### 示例代码
 
-- Type: `string`
-- Default: `undefined`
-- Example:
+```vue
+<!-- src/pages/index.vue -->
+<template>
+  <div>
+    <h2>Welcome to WinJS + Element UI!</h2>
+    <el-button type="primary">我是 Element UI 的按钮</el-button>
+    <el-input v-model="message" placeholder="输入一些内容"></el-input>
+  </div>
+</template>
 
-```js
+<script>
 export default {
-  plugins: ['winjs-plugin-example'],
-  // 开启配置
-  example: {
-    foo: 'bar'
+  data() {
+    return {
+      message: ''
+    }
   }
-};
+}
+</script>
+```
+
+## 常见问题
+
+### Q: 插件无法找到 Element UI 包？
+
+A: 确保已经安装了 `element-ui` 依赖：
+
+```bash
+npm install element-ui
+```
+
+### Q: 组件样式没有生效？
+
+A: Element UI 的样式需要单独引入，可以在入口文件中添加：
+
+```javascript
+// 在 main.js 或入口文件中
+import 'element-ui/lib/theme-chalk/index.css'
 ```
 
-## License
+### Q: 如何使用 Element UI 的按需导入？
+
+A: 插件已经自动配置了按需导入，你只需要在模板中使用组件即可，无需手动导入。
+
+## 许可证
 
 [MIT](./LICENSE).

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "winjs-plugin-template",
+  "name": "@winner-fed/plugin-element-ui",
   "keywords": [
     "winjs",
     "plugin",
@@ -11,10 +11,10 @@
     "typescript",
     "biome"
   ],
-  "version": "0.0.0",
+  "version": "1.0.0",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/winjs-dev/winjs-plugin-template.git"
+    "url": "git+https://github.com/winjs-dev/winjs-plugin-element-ui.git"
   },
   "license": "MIT",
   "type": "module",
@@ -52,13 +52,16 @@
     "@winner-fed/winjs": "*",
     "playwright": "^1.53.2",
     "simple-git-hooks": "^2.13.0",
+    "unplugin-vue-components": "28.4.1",
     "typescript": "^5.8.3"
   },
   "peerDevDependencies": {
-    "@winner-fed/winjs": "*"
+    "@winner-fed/winjs": "*",
+    "unplugin-vue-components": "28.4.1"
   },
   "peerDependencies": {
-    "@winner-fed/utils": "*"
+    "@winner-fed/utils": "*",
+    "element-ui": "^2.15.13"
   },
   "peerDependenciesMeta": {
     "@rsbuild/core": {

playground/.winrc.ts

@@ -1,8 +1,7 @@
 import { defineConfig } from 'win';
 
 export default defineConfig({
+  presets: [require.resolve('@winner-fed/preset-vue2')],
   plugins: ['../src'],
-  example: {
-    foo: 'bar',
-  },
+  elementUI: {},
 });

playground/package.json

@@ -11,9 +11,12 @@
     "preview": "win preview"
   },
   "dependencies": {
-    "@winner-fed/winjs": "*"
+    "@winner-fed/winjs": "*",
+    "element-ui": "^2.15.14",
+    "vue": "^2.7.14"
   },
   "devDependencies": {
+    "@winner-fed/preset-vue2": "*",
     "typescript": "^5.0.3"
   }
 }

playground/src/pages/index.vue

@@ -4,6 +4,7 @@
     <p>
       <img src="@/assets/img/logo.png" width="200" height="200" alt="logo" />
     </p>
+    <p><el-button type="primary">我是 element-ui 的 Button</el-button></p>
     <p>To get started, edit <code>pages/index.vue</code> and save to reload.</p>
   </div>
 </template>