vue-devui 1.0.0-beta.1 → 1.0.0-beta.13

package/README.md

@@ -1,6 +1,6 @@
 <p align="center">
   <a href="https://devui.design/home" target="_blank" rel="noopener noreferrer">
-    <img alt="DevUI Logo" src="public/logo.svg?sanitize=true" width="180" style="max-width:100%;">
+    <img alt="DevUI Logo" src="https://github.com/DevCloudFE/vue-devui/raw/dev/packages/devui-vue/public/logo.svg" width="180" style="max-width:100%;">
   </a>
 </p>
 
@@ -8,7 +8,7 @@ Vue DevUI 是 Vue3 版本的 DevUI 组件库，基于 [https://github.com/devclo
 
 DevUI 官方网站：[https://devui.design](https://devui.design)
 
-# 当前状态: Beta
+## 当前状态: Beta
 
 该项目还处于孵化和演进阶段，欢迎大家参与到 Vue DevUI 项目的建设中来！🎉🎉
 
@@ -18,11 +18,11 @@ DevUI 官方网站：[https://devui.design](https://devui.design)
 - ⭐ 参与到开源社区中来
 - 🎊 结识一群热爱学习、热爱开源的朋友
 
-[贡献指南](https://gitee.com/devui/vue-devui/wikis/【必看】快速开始)
+[贡献指南](https://github.com/DevCloudFE/vue-devui/wiki/%E8%B4%A1%E7%8C%AE%E6%8C%87%E5%8D%97)
 
-# 快速开始
+## 快速开始
 
-## 1 安装依赖
+### 1 安装依赖
 
 ```
 yarn(推荐)
@@ -32,7 +32,7 @@ or
 npm i
 ```
 
-## 2 启动
+### 2 启动
 
 ```
 yarn dev(推荐)
@@ -42,11 +42,11 @@ or
 npm run dev
 ```
 
-## 3 访问
+### 3 访问
 
 [http://localhost:3000/](http://localhost:3000/)
 
-## 4 生产打包
+### 4 生产打包
 
 ```
 yarn build(推荐)
@@ -56,16 +56,17 @@ or
 npm run build
 ```
 
-# 使用 Vue DevUI
+## 使用 Vue DevUI
 
-## 1. 安装
+### 1. 安装
 
 ```
 yarn add vue-devui
 ```
 
-## 2. 全量引入
+### 2. 全量引入
 
+在`main.ts`文件中编写以下代码：
 ```
 import { createApp } from 'vue'
 import App from './App.vue'
@@ -80,10 +81,11 @@ createApp(App)
 .mount('#app')
 ```
 
-## 3. 按需引入
+### 3. 按需引入
 
 除了全量引入，我们也支持单个组件按需引入。
 
+在`main.ts`文件中编写以下代码：
 ```
 import { createApp } from 'vue'
 import App from './App.vue'
@@ -99,7 +101,32 @@ createApp(App)
 .mount('#app')
 ```
 
-## 4. 使用
+### 4. 配置自动按需引入`unplugin-vue-components`（推荐）
+
+配置`unplugin-vue-components`插件可以无需引入Vue DevUI就可以直接按需使用其中的组件，具体使用方式如下：
+
+在`vite.config.ts`文件中添加以下代码：
+```
+import Components from 'unplugin-vue-components/vite'
+import { DevUiResolver } from 'unplugin-vue-components/resolvers'
+
+export default defineConfig({
+  plugins: [
+    vue(),
+
+    // 新增
+    Components({
+      resolvers: [
+        DevUiResolver()
+      ]
+    })
+  ]
+})
+```
+
+配置了以上插件，就可以直接在代码中使用`Vue DevUI`的组件，而无需在`main.ts`文件中引入`Vue DevUI`。
+
+### 5. 使用
 
 ```
 <template>
@@ -107,13 +134,13 @@ createApp(App)
 </template>
 ```
 
-# 图标库
+## 图标库
 
-图标库可以使用[DevUI图标库](https://devui.design/icon/ruleResource)，也可以使用第三方图标库，比如：iconfont。
+图标库推荐使用[DevUI图标库](https://devui.design/icon/ruleResource)，也可以使用第三方图标库，比如：iconfont。
 
-## 使用DevUI图标库
+### 使用DevUI图标库
 
-### 安装
+#### 安装
 
 ```
 yarn add @devui-design/icons(推荐)
@@ -123,7 +150,7 @@ or
 npm i @devui-design/icons
 ```
 
-### 引入
+#### 引入
 
 在`main.ts`文件中，编写以下代码：
 
@@ -131,42 +158,32 @@ npm i @devui-design/icons
 import '@devui-design/icons/icomoon/devui-icon.css'
 ```
 
-### 使用
+#### 使用
 
 ```
 <d-icon name="love" color="red"></d-icon>
 ```
 
-## 使用第三方图标库
+## Contributors ✨
 
-如果有第三方图标库，可以用类似的方式引入。
+Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
 
-### 引入
+<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
+<!-- prettier-ignore-start -->
+<!-- markdownlint-disable -->
+<table>
+  <tr>
+    <td align="center"><a href="https://juejin.cn/user/712139267650141"><img src="https://avatars.githubusercontent.com/u/9566362?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Kagol</b></sub></a><br /><a href="#maintenance-kagol" title="Maintenance">🚧</a> <a href="https://github.com/DevCloudFE/vue-devui/commits?author=kagol" title="Code">💻</a> <a href="https://github.com/DevCloudFE/vue-devui/commits?author=kagol" title="Documentation">📖</a></td>
+  </tr>
+</table>
 
-在`main.ts`文件中，编写以下代码：
+<!-- markdownlint-restore -->
+<!-- prettier-ignore-end -->
 
-```
-import 'your-folder/my-icon.css'
-```
-
-### 使用
-
-```
-<d-icon classPrefix="my-icon" name="love" color="red"></d-icon>
-```
-
-其中的`classPrefix`参数的值，应该和你的字体图标样式文件`my-icon.css`里定义的样式前缀保持一致。
-
-比如`my-icon.css`里的图标样式：
-
-```css
-.my-icon-branch-node:before {
-	content: "\E001";
-}
-```
+<!-- ALL-CONTRIBUTORS-LIST:END -->
 
-那么`classPrefix`就是`my-icon`。
+This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
 
-# License
+## License
 
-[MIT](https://gitee.com/devui/vue-devui/blob/dev/LICENSE)
+[MIT](https://github.com/DevCloudFE/vue-devui/blob/dev/LICENSE)

package/accordion/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;