chore: beta.2 publish

README.md

@@ -1,7 +1,7 @@
 # NutUI 3
 ![npm version](https://img.shields.io/npm/v/@nutui/nutui.svg)  [![Build Status](https://api.travis-ci.org/jdf2e/nutui.svg?branch=master)](https://github.com/jdf2e/nutui/) [![Coverage Status](https://coveralls.io/repos/github/jdf2e/nutui/badge.svg?branch=master)](https://coveralls.io/github/jdf2e/nutui?branch=master) ![license](https://img.shields.io/npm/l/@nutui/nutui.svg)
  
-Vue3.0 一套移动端轻量级组件库
+一套京东风格的轻量级移动端 Vue3组件库
     
 ![NutUI](https://img11.360buyimg.com/uba/jfs/t1/11117/21/3608/18942/5c20ab52E35e5a500/02e3c1f89cd3dad1.png)
 

package.json

@@ -1,18 +1,12 @@
 {
   "name": "@nutui/nutui",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-beta.2",
   "npm": {
-    "tag": "next"
+    "tag": "beta"
   },
   "description": "一套京东风格的轻量级移动端 Vue 组件库",
   "main": "dist/nutui.umd.js",
   "module": "dist/nutui.es.js",
-  "exports": {
-    ".": {
-      "import": "./dist/nutui.es.js",
-      "require": "./dist/nutui.umd.js"
-    }
-  },
   "style": "dist/style.css",
   "typings": "dist/types/nutui.d.ts",
   "keywords": [
@@ -48,7 +42,8 @@
     "build:ts": "rm -rf dist/es && tsc",
     "serve": "vite preview",
     "upload": "yarn build:site && node ./jd/upload.js",
-    "add": "node jd/createComponentMode.js"
+    "add": "node jd/createComponentMode.js",
+    "publish:beta": "npm publish --tag=beta"
   },
   "dependencies": {
     "axios": "^0.21.0",
@@ -61,6 +56,7 @@
     "@commitlint/cli": "^10.0.0",
     "@commitlint/config-conventional": "^10.0.0",
     "@types/node": "^14.14.31",
+    "@vitejs/plugin-legacy": "^1.3.1",
     "@vitejs/plugin-vue": "^1.1.4",
     "@vue/compiler-sfc": "^3.0.5",
     "@vue/eslint-config-prettier": "^6.0.0",
@@ -112,4 +108,4 @@
     "type": "git",
     "url": "https://github.com/jdf2e/nutui.git"
   }
-}
+}

src/docs/intro.md

@@ -1,6 +1,6 @@
-# NutUI
+# NutUI 3.0
 
-NutUI是一套京东风格的移动端组件库，开发和服务于移动Web界面的企业级产品。
+NutUI 是一套京东风格的移动端组件库，开发和服务于移动Web界面的企业级产品。
 
 <div style="margin:30px 0;">
     <img src="http://img14.360buyimg.com/uba/jfs/t1/8543/6/11560/22014/5c2c6136E8023ac0a/6abbd9de10999c48.png" width="150" alt="NutUI">
@@ -14,16 +14,13 @@ NutUI是一套京东风格的移动端组件库，开发和服务于移动Web界
 
 ## 特性
 
-* 50+ 高质量组件
-* 40+ 京东移动端项目正在使用
+* 30+ 高质量组件
 * 基于京东APP 9.0 视觉规范
 * 支持按需加载
 * 详尽的文档和示例
 * 支持定制主题
-* 支持多语言（国际化）
 * 支持 TypeScript
 * 支持服务端渲染（Vue SSR）
-* 单元测试加持
 * 配套有基于Webpack的构建工具，可快速创建已内置本组件库的Vue工程
 
 ## 示例
@@ -34,14 +31,14 @@ NutUI是一套京东风格的移动端组件库，开发和服务于移动Web界
 
 * Android 4.0+
 * iOS 8.0+
-* 支持服务端渲染
+* 服务端渲染
 
 ## 构建版本
 
-* UMD版 **nutui.js**
-* UMD压缩版 **nutui.min.js**
+* es **nutui.es.js**
+* umd **nutui.umd.js**
 
-> AMD 环境、Webpack 等构建工具环境、服务端建议使用 UMD 版，非模块化环境（如通过 `<script>` 标签直接引用）建议使用 UMD 压缩版。
+> AMD 环境、Webpack、Vite 等构建工具环境、服务端建议使用 es 版，非模块化环境（如通过 `<script>` 标签直接引用）建议使用 umd 压缩版。
 
 最新稳定版：![npm](https://img.shields.io/npm/v/@nutui/nutui.svg)
 
@@ -50,10 +47,10 @@ NutUI是一套京东风格的移动端组件库，开发和服务于移动Web界
 ## 链接
 * [Vue官方文档](http://cn.vuejs.org/)
 * [Webpack](http://webpack.github.io/)
+* [Vite](https://vitejs.dev/)
 * [意见反馈](https://github.com/jdf2e/nutui/issues)
 * [更新日志](https://github.com/jdf2e/nutui/releases)
 * [案例征集](https://github.com/jdf2e/nutui/issues/16)
-* [模板工程命令行工具(Gaea CLI)](https://www.npmjs.com/package/gaea-cli)
 * 联系我们：nutui@jd.com
 * [加入我们](#/joinus)
 

src/docs/start.md

@@ -1,25 +1,21 @@
 # 快速上手
 
-## 推荐工程
-
-我们提供一个命令行工具 [Gaea CLI](https://www.npmjs.com/package/gaea-cli) ，可用来快速生成一个已经内置了本组件库的基于 Webpack 的 Vue 项目工程。基于这个工程开发项目，可省去大量配置和调试环境的时间，也可略过下面组件库安装使用部分内容直接进入开发阶段。
-
 ## 安装
 
 * 通过 NPM 或 YARN 安装（推荐）
 
 #### NPM
 ```bash
-npm i @nutui/nutui -S
+npm i @nutui/nutui@next -S
 ```
 
 #### YARN
 ```bash
-yarn add @nutui/nutui
+yarn add @nutui/nutui@next
 ```
 > 如果你的网络环境不佳，不妨试试国内的npm镜像
 
-> 默认安装最新版，如需使用 1.x 版本，请指定版本号，如：  `npm i @nutui/nutui@1.3.2 -S`
+> 默认安装最新版 2.x，如需使用 1.x 版本，请指定版本号，如：  `npm i @nutui/nutui@1.3.2 -S`
 
 * 页面直接引用
 
@@ -30,24 +26,24 @@ yarn add @nutui/nutui
 ```html 开发环境版本，包含了有帮助的命令行警告
 <!-- 开发环境版本，包含了有帮助的命令行警告 -->
 <!-- 引入样式 -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@nutui/nutui@latest/dist/nutui.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@nutui/nutui@beta/dist/nutui.css">
 <!-- 引入Vue -->
-<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue@next"></script>
 <!-- 引入组件库 -->
-<script src="https://cdn.jsdelivr.net/npm/@nutui/nutui@latest/dist/nutui.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@nutui/nutui@beta/dist/nutui.js"></script>
 ```
 或者
 ```html
 <!-- 生产环境版本，优化了尺寸和速度 -->
 <!-- 引入样式 -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@nutui/nutui@latest/dist/nutui.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@nutui/nutui@beta/dist/nutui.min.css">
 <!-- 引入Vue -->
-<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue@next"></script>
 <!-- 引入组件库 -->
-<script src="https://cdn.jsdelivr.net/npm/@nutui/nutui@latest/dist/nutui.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@nutui/nutui@beta/dist/nutui.min.js"></script>
 ```
 
-CDN 引入示例
+CDN 使用示例
 
 ```html
 <!DOCTYPE html>
@@ -56,31 +52,18 @@ CDN 引入示例
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- 引入样式 -->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@nutui/nutui@latest/dist/nutui.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@nutui/nutui@beta/dist/nutui.min.css">
+    <!-- 引入Vue -->
+    <script src="https://cdn.jsdelivr.net/npm/vue@next"></script>
+    <!-- 引入NutUI组件库 -->
+    <script src="https://cdn.jsdelivr.net/npm/@nutui/nutui@beta/dist/nutui.min.js"></script>
 </head>
 <body>
     <div id="app">
-        <nut-button @click="showDialog">
-            Button
-        </nut-button>
+        <nut-button>Button</nut-button>
     </div>
-
-    <!-- 引入Vue -->
-    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
-    <!-- 引入NutUI组件库 -->
-    <script src="https://cdn.jsdelivr.net/npm/@nutui/nutui@latest/dist/nutui.min.js"></script>
     <script>
-        new Vue({
-            el: '#app',
-            methods: {
-                showDialog() {
-                    this.$dialog({
-                        title: "确定删除此订单？",
-                        content: "删除后将从你的记录里消失，无法找回"
-                    });
-                }
-            }
-        });
+        new Vue({el: '#app'});
     </script>
 </body>
 </html>

vite.config.build.ts

@@ -2,6 +2,7 @@ import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import Markdown from 'vite-plugin-md';
 import path from 'path';
+import config from './package.json';
 // https://vitejs.dev/config/
 export default defineConfig({
   resolve: {
@@ -27,6 +28,11 @@ export default defineConfig({
       // 请确保外部化那些你的库中不需要的依赖
       external: ['vue'],
       output: {
+        banner: `/*!
+* ${config.name} v${config.version} ${new Date()}
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/`,
         // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
         globals: {
           vue: 'Vue'

vite.config.ts

@@ -2,6 +2,7 @@ import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import Markdown from 'vite-plugin-md';
 import path from 'path';
+import legacy from '@vitejs/plugin-legacy';
 const resolve = path.resolve;
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -30,7 +31,10 @@ export default defineConfig({
     vue({
       include: [/\.vue$/, /\.md$/]
     }),
-    Markdown()
+    Markdown(),
+    legacy({
+      targets: ['defaults', 'not IE 11']
+    })
   ],
   build: {
     cssCodeSplit: false,