@nutui/nutui 4.0.6-beta.1 → 4.0.6-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +28 -37
- package/dist/nutui.es.js +1 -1
- package/dist/nutui.umd.js +2 -2
- package/dist/packages/_es/DatePicker.js +39 -24
- package/dist/smartips/web-types.json +1 -1
- package/dist/style.css +1 -1
- package/dist/styles/themes/default.scss +49 -49
- package/dist/styles/themes/jdb.scss +49 -49
- package/dist/styles/themes/jddkh.scss +49 -49
- package/dist/styles/themes/jdt.scss +49 -49
- package/dist/types/__VUE/datepicker/index.vue.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -74,35 +74,43 @@
|
|
|
74
74
|
* 🍭 单元测试覆盖率超过 80%,保障稳定性
|
|
75
75
|
* 📖 提供 Sketch 设计资源
|
|
76
76
|
|
|
77
|
-
##
|
|
77
|
+
## 文档
|
|
78
78
|
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
79
|
+
官网:[nutui.jd.com](https://nutui.jd.com)
|
|
80
|
+
|
|
81
|
+
[@nutui/nutui](https://nutui.jd.com/h5/vue/4x/#/zh-CN/guide/intro):适用于移动端 H5 页面开发
|
|
82
|
+
|
|
83
|
+
[@nutui/nutui-taro](https://nutui.jd.com/taro/vue/4x/#/zh-CN/guide/intro):支持开发 Taro 多端小程序(微信、支付宝、京东等小程序)和 Taro-H5 项目
|
|
84
|
+
|
|
85
|
+
## 安装
|
|
83
86
|
|
|
84
87
|
```bash
|
|
85
|
-
//
|
|
88
|
+
// H5 项目
|
|
86
89
|
npm i @nutui/nutui
|
|
87
90
|
```
|
|
88
91
|
|
|
89
92
|
```bash
|
|
90
|
-
//
|
|
93
|
+
// Taro 小程序项目
|
|
91
94
|
npm i @nutui/nutui-taro
|
|
92
95
|
```
|
|
93
96
|
|
|
97
|
+
## 版本说明
|
|
98
|
+
|
|
99
|
+
目前 NutUI 有以下版本:
|
|
100
|
+
* NutUI 4.x,默认推荐版本,定期迭代更新发版。
|
|
101
|
+
* NutUI 3.x,长期维护版本,会同步 V4 版本问题修复,不对 API 做调整,不定期发版。
|
|
102
|
+
* NutUI 2.x,仅修复重要阻塞性问题,不定期发版。
|
|
103
|
+
|
|
94
104
|
## 示例
|
|
95
105
|
|
|
96
106
|
```js
|
|
97
|
-
import { createApp } from "vue"
|
|
98
|
-
import App from "./App.vue"
|
|
107
|
+
import { createApp } from "vue"
|
|
108
|
+
import App from "./App.vue"
|
|
99
109
|
|
|
100
|
-
|
|
101
|
-
import
|
|
102
|
-
// 采用按需加载时 此全局css样式,需要删除
|
|
103
|
-
import "@nutui/nutui/dist/style.css";
|
|
110
|
+
import NutUI from "@nutui/nutui"
|
|
111
|
+
import "@nutui/nutui/dist/style.css"
|
|
104
112
|
|
|
105
|
-
createApp(App).use(NutUI).mount("#app")
|
|
113
|
+
createApp(App).use(NutUI).mount("#app")
|
|
106
114
|
```
|
|
107
115
|
|
|
108
116
|
## 学习资源
|
|
@@ -114,30 +122,13 @@ createApp(App).use(NutUI).mount("#app");
|
|
|
114
122
|
|
|
115
123
|
## 主题
|
|
116
124
|
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
* <a href="https://nutui.jd.com/#/zh-CN/component/button" target="_blank">京东APP视觉(Vue3,默认)</a>
|
|
120
|
-
* <a href="https://nutui.jd.com/jdt/#/zh-CN/component/button" target="_blank">京东科技视觉(Vue3)</a>
|
|
121
|
-
* <a href="https://nutui.jd.com/?jdb#/zh-CN/component/button" target="_blank">京东零售B商城主题(Vue3)</a>
|
|
122
|
-
* <a href="https://nutui.jd.com/?jddkh#/zh-CN/component/button" target="_blank">京东企业业务主题(Vue3)</a>
|
|
123
|
-
* <a href="https://nutui.jd.com/jdl/#/cell" target="_blank">京东物流视觉(Vue2)</a>
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
## 版本说明
|
|
127
|
-
|
|
128
|
-
> @nutui/nutui 和 @nutui/nutui-taro 属于并行版本,存在部分差异,版本号始终保持一致。如果兼容 ios 10 以下请使用 @nutui/nutui@2
|
|
129
|
-
|
|
130
|
-
* NutUI 2x & NutUI-JDL 使用 Vue2 开发,支持现代浏览器及 Android >= 4.0、iOS >= 8.0,仅 H5 应用。
|
|
131
|
-
* NutUI 3x 使用 Vue3 开发,支持现代浏览器及 Chrome >= 51、iOS >= 10.0,可输出 H5 和小程序两类应用。
|
|
132
|
-
|
|
133
|
-
## 构建版本
|
|
134
|
-
|
|
135
|
-
> AMD 环境、Webpack、Vite 等构建工具环境、服务端建议使用 es 版,非模块化环境(如通过 `<script>` 标签直接引用)建议使用 umd 压缩版。
|
|
136
|
-
|
|
137
|
-
* es **nutui.es.js**
|
|
138
|
-
|
|
139
|
-
* umd **nutui.umd.js**
|
|
125
|
+
我们提供了几套官方主题,来自京东内部实际业务,欢迎在项目中使用,如果不能满足需求,你也可以使用 ConfigProvider 组件自定义主题。
|
|
140
126
|
|
|
127
|
+
* <a href="https://nutui.jd.com/#/" target="_blank">京东APP视觉(Vue3,默认)</a>
|
|
128
|
+
* <a href="https://nutui.jd.com/h5/vue/4x/?jdb#/zh-CN/component/button" target="_blank">京东零售B商城主题(Vue3)</a>
|
|
129
|
+
* <a href="https://nutui.jd.com/h5/vue/4x/?jddkh#/zh-CN/component/button" target="_blank">京东企业业务主题(Vue3)</a>
|
|
130
|
+
* <a href="https://nutui.jd.com/jdt/#/zh-CN/guide/intro-jdt" target="_blank">京东科技视觉(Vue3,NutUI3.0)</a>
|
|
131
|
+
* <a href="https://nutui.jd.com/jdl/#/cell" target="_blank">京东物流视觉(Vue2,NutUI2.0)</a>
|
|
141
132
|
|
|
142
133
|
## 使用案例
|
|
143
134
|
|