@nutui/nutui 3.1.12-beta.1 → 3.1.14

package/CHANGELOG.md

@@ -1,3 +1,59 @@
+## v3.1.14
+
+`2021-12-22`
+
+NutUI 非常感谢您对开源事业做出的贡献！🌷🌷🌷
+本次社区贡献者 @deity-wu、@297cwrun、@sumy7、@haiweilian
+
+* :zap: feat(indicator): 新增指示器组件 (#900)  @senyawang
+* :zap: feat(table): 新增表格组件  @szg2008
+* :zap: feat(skeleton): 新增骨架屏组件 (#882)  @liqiong-lab
+* :zap: feat(cascader): 新增级联选择器组件 (#856)  @dongj0316
+* :zap: feat(empty): 新增空状态组件 (#899)  @jessjava
+* :zap: feat(grid): 新增宫格组件 (#895)  @haiweilian
+* :zap: feat(uploader): add before-upload in uploader(taro) (#862)  @haiweilian
+* :zap: feat(tabs): props add size  @richard1015
+* :zap: feat: 增加Switch组件value值的类型 (#864)  @deity-wu
+* :zap: chore: website mobile  @richard1015
+* :zap: feat(form): add blur、change validate & fix (#902)  @richard1015
+* :bug: fix(countdown): countdown restTime didn't pass 2s to 1s (#906) @yangxiaolu1993
+* :bug: docs(numberkeyboard): props update (#868) @Drjingfubo
+* :bug: docs(checkbox): checkboxGroup 的 v-model 类型说明错写成 String (#871) @297cwrun
+* :bug: docs(popup): fix quotation mark pairing (#878) @sumy7
+* :bug: fix(uploader): 修复多张图片同时上传时图片类型判断错误 (#872) @haiweilian
+* :bug: docs(dialog&popup): 引用文档修改 @richard1015
+* :bug: fix(searchbar): 小程序下search事件失效 (#885) @297cwrun
+* :bug: fix(noticeBar): speed、height 设置为某些值时，不触发滚动问题 (#894)  @yangxiaolu1993
+
+## v3.1.13
+
+## v3.1.12
+
+`2021-11-27`
+
+NutUI 非常感谢您对开源事业做出的贡献！🌷🌷🌷
+本次社区贡献者 @AsherSun、@LeeHarlan、@297cwrun
+
+* :zap: feat: 新增 form 表单校验组件 #846  @richard1015
+* :zap: feat: 新增 menu 菜单组件 #844 @yangjinjun3
+* :zap: feat: 新增 card 商品卡片 @Drjingfubo
+* :zap: feat(imagepreview): 新增函数式调用、视频 (#858) @JackieScorpio
+* :zap: feat(uploader): 新增 ready 状态对应的UI展示 (#837) @AsherSun
+* :zap: feat(button): 新增 mini 尺寸 (#837) @Drjingfubo
+* :zap: feat(numberkeyboard): add overlay props @Drjingfubo
+* :zap: feat(switch、icon): 图标库增加loading，switch组件增加加载中状态 @szg2008
+* :zap: feat(toast): 增加标题属性，调整自定义位置 @Drjingfubo
+* :zap: feat(fixednav): Demo 增加拖拽效果 @richard1015
+* :zap: feat(cellgroup): add desc props & slots @richard1015
+* :zap: feat(dialog): add props footer-direction @richard1015
+* :zap: feat(rate): 支持自定义 icon @richard1015
+* :bug: fix(input): readonly时不显示placeholder (#840) @297cwrun
+* :bug: fix(rate): 半星情况出现颜色差异 #810  @richard1015
+* :bug: fix(timeselect): 修改配送时间组件 style @szg2008
+* :bug: fix(popover): 关闭点击优化 #851 @liqiong-lab
+* :bug: fix(popover): popover list item click error (#843) @LeeHarlan
+* :bug: fix(uploader): 修复小程序端传图后报错问题 (#836) @AsherSun
+
 ## v3.1.11
 
 `2021-11-15`

package/README.md

@@ -1,58 +1,160 @@
-# 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)
- 
-京东风格的轻量级移动端 Vue2、Vue3 组件库（支持多端小程序开发）
-    
-![NutUI](https://img14.360buyimg.com/imagetools/s200x200_jfs/t1/167902/2/8762/791358/603742d7E9b4275e3/e09d8f9a8bf4c0ef.png)
-
-
-## 特性
-
-* 70+ 高质量组件（3.0 持续开发中）
-* 支持小程序开发
-* 基于京东APP 10.0 视觉规范
-* 支持按需引用
-* 详尽的文档和示例
-* 支持 TypeScript
-* 支持服务端渲染（测试阶段）
-* 支持定制主题
-* 单元测试覆盖（3.0 开发中）
+
+<p align="center">
+    <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;">
+</p>
+
+<p align="center">京东风格的轻量级移动端 Vue2、Vue3 组件库</p>
+
+<p align="center">（支持一套代码生成 H5 和小程序）</p>
+
+<p align="center">
+    <a href="http://makeapullrequest.com">
+    <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square" alt="PRs Welcome">
+  </a>
+    <a href="https://github.com/jdf2e/nutui">
+    <img src="https://coveralls.io/repos/github/jdf2e/nutui/badge.svg?branch=master" alt="Coverage Status" />
+    </a>
+    <a href="https://github.com/jdf2e/nutui">
+    <img src="https://img.shields.io/npm/l/@nutui/nutui.svg" alt="license"/>
+    </a>
+    <a href="https://www.npmjs.com/package/@nutui/nutui">
+    <img src="https://img.shields.io/npm/v/@nutui/nutui.svg?style=flat-square">
+    </a>
+    <a href="https://www.npmjs.com/package/@nutui/nutui">
+    <img src="https://img.shields.io/npm/dt/@nutui/nutui.svg?style=flat-square">
+    </a>
+    <a href="https://travis-ci.org/jdf2e/nutui">
+    <img src="https://img.shields.io/travis/jdf2e/nutui.svg?style=flat-square">
+    </a>  
+    <a href="https://github.com/jdf2e/nutui">
+    <img src="https://img.shields.io/github/contributors/jdf2e/nutui" alt="GitHub contributors">
+    </a>
+    <a href="https://github.com/jdf2e/nutui">
+    <img src="https://img.shields.io/github/commit-activity/w/jdf2e/nutui" alt="GitHub commit activity">
+    </a>
+    <a href="https://github.com/jdf2e/nutui">
+    <img src="https://img.shields.io/github/issues-closed/jdf2e/nutui" alt="GitHub closed issues">
+    </a>  
+    <a href="https://github.com/jdf2e/nutui">
+    <img src="https://img.shields.io/github/commits-since/jdf2e/nutui/latest/next" alt="GitHub commits since latest release (by date)">
+    </a>
+    <a href="https://github.com/jdf2e/nutui">
+    <img src="https://img.shields.io/github/release-date/jdf2e/nutui" alt="GitHub Release Date">
+  </a>
+</p>
+
+
+> Nut[nʌt]，源自电影《冰河世纪》里松鼠 Scrat "执迷不悟"，一生追求，即便引发大灾难也绝不松手的坚果。
+---
+
+
+##  特性
+
+* 🚀 70+ 高质量组件（3.0 持续开发中）,覆盖移动端主流场景
+* 💪 支持小程序开发
+* 📖 基于京东APP 10.0 视觉规范
+* 🍭 支持按需引用
+* 📖 详尽的文档和示例
+* 💪 支持 TypeScript
+* 💪 支持服务端渲染（测试阶段）
+* 🍭 支持定制主题
+* 🍭 单元测试覆盖（3.0 开发中）,保障稳定性
+* 📖 提供 Sketch 设计资源
 
 ## 示例 H5 & 小程序
 
-<img src="https://img12.360buyimg.com/imagetools/jfs/t1/162421/39/13392/9425/6052ea60E592310a9/264bdff23ef5fe95.png" width="200" alt="NutUI" />
-<img src="https://storage.360buyimg.com/jdc-article/gh_f2231eb941be_258.jpg" width="200" alt="NutUI" />
+<p>
+   <!-- <img src="https://img12.360buyimg.com/imagetools/jfs/t1/162421/39/13392/9425/6052ea60E592310a9/264bdff23ef5fe95.png" width="100" alt="NutUI" />
+  <span>  </span>
+   <img src="https://storage.360buyimg.com/jdc-article/gh_f2231eb941be_258.jpg" style="margin-left:40px" width="100" alt="NutUI" />   -->
+   <img src="https://img10.360buyimg.com/imagetools/jfs/t1/200153/16/20367/65061/61b87cf5Edd8c846b/0f64b38d096f9ab9.jpg" height="250" alt="NutUI" />  
+</p>
+
+## 版本说明
 
-## 支持环境
+> @next 和 @nutui-taro 属于并行版本，存在部分的差异化，版本号始终保持一致。如果想要兼容低版本，请使用 @nutui/nutui
 
-* Android 5.0+
-* iOS 9.2+
+| 版本 | 支持的框架 | 视觉规范 | 支持的应用类型 | 兼容
+| --- | --- | --- | --- | --- |
+| @nutui/nutui  | Vue 2x | 京东 APP 7.0 规范 | H5 | 现代浏览器及 Android >= 4.0、iOS >= 8.0
+| @nutui/nutui-jdl  | Vue 2x | [京东物流视觉规范](https://nutui.jd.com/jdl/#/design) | H5 | 现代浏览器及 Android >= 4.0、iOS >= 8.0
+| @nutui/nutui@next  | Vue 3x | 京东 [APP 10.0](https://nutui.jd.com/#/resource) 规范 | H5 | 现代浏览器以 Chrome >= 51、iOS >= 10.0（与 Vue3 一致）
+| @nutui/nutui-taro  | Vue3 + Taro | 京东 [APP 10.0](https://nutui.jd.com/#/resource) 规范 | H5&小程序，可[开发多端](https://nutui.jd.com/#/starttaro) | 现代浏览器及 Chrome >= 51、iOS >= 10.0（与 Vue3 一致）
 
-> 如果想要兼容低版本，请使用 NutUI2.x
 
 ## 构建版本
 
+> AMD 环境、Webpack、Vite 等构建工具环境、服务端建议使用 es 版，非模块化环境（如通过 `<script>` 标签直接引用）建议使用 umd 压缩版。
+
 * es **nutui.es.js**
+
 * umd **nutui.umd.js**
 
-## 安装使用
 
-具体安装使用方法请参考 NutUI 官网 https://nutui.jd.com
+## 使用案例
+
+NutUI 已经投入了我们的生产环境中使用，业界也在广泛地使用 NutUI 开发多端应用。
+
+<img src="https://raw.githubusercontent.com/jdf2e/nutui-user-cases/master/user-cases.jpg" width="800" alt="NutUI" />
+
+<p><a href="https://nutui.jd.com/#/case">查看等多的案例，请点击</a></p>
+<p><a href="https://get.jd.com/#/survey/index?id=4217247740034539">我们正在征集更多优秀案例，欢迎点击提交</a></p>
+
+## 链接
+
+<ul>
+    <li>
+        <a href="https://github.com/jdf2e/nutui/discussions">
+            Discussions  (用👍投票)
+        </a>
+    </li>
+    <li>
+        <a href="https://github.com/jdf2e/nutui/issues?q=is%3Aissue+is%3Aopen+label%3A%22help+wanted%22">
+            Feature Requests (用👍投票)
+        </a>
+    </li>
+     <li>
+        <a href="https://github.com/jdf2e/nutui/labels/bug%203.0">
+            Bugs (用👍投票)
+        </a>
+    </li>
+     <li>
+        <a href="https://github.com/jdf2e/nutui/issues?q=is%3Aissue+is%3Aopen+label%3Aquestion">
+            Question  (用👍投票)
+        </a>
+    </li>
+</ul>
+
+## 开发交流
+
+| 版本 | 微信群 |内部咚咚群 |
+| --- | --- |--- |
+| [NutUI Vue](https://github.com/jdf2e/nutui/issues) | <img src="https://nutui.jd.com/3x/3.1.12/vx-code1.png" width="100" /> 关注后回复「NutUI」 | 82957939
+| [NutUI x Taro](https://github.com/jdf2e/nutui/issues) | <img src="https://camo.githubusercontent.com/db4276b4ee4b443158195e943e9e678cb4d2afb7580f70d4d817ef0a90413aec/687474703a2f2f73746f726167652e333630627579696d672e636f6d2f7461726f2d6a642d636f6d2f7374617469632f636f6e746163745f7461726f5f6e757475695f71722e706e67" width="100" /> 关注后回复「NutUI」 | 1022545110 |
+| [NutUI React](https://github.com/jdf2e/nutui-react/issues) | 回复「NutUI」 | 1022619199
+
+
+## 贡献者们
+
+感谢以下小伙伴们为 NutUI 发展做出的贡献：
+
+<a href="https://github.com/jdf2e/nutui/graphs/contributors">
+  <img src="https://opencollective.com/nutui/contributors.svg?width=890&button=false" alt="contributors">
+</a>
+
+## 参与共建
+
+非常欢迎社区开发者为 NutUI 贡献代码，在贡献之前请先阅读 [贡献指南](https://nutui.jd.com/#/contributing)，参与共建提 [PR](https://github.com/jdf2e/nutui/pulls)。
 
-## ⌨️ 本地开发
+感谢以下所有给 NutUI 贡献过代码的 [开发者](https://github.com/jdf2e/nutui/graphs/contributors)。
 
-你可以使用 Gitpod 进行在线开发：
+## 开发计划
 
-[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/jdf2e/nutui.git)
+[Milestones](https://github.com/jdf2e/nutui/projects)
 
-或者克隆到本地开发:
+## 更新日志
 
-```bash
-$ git clone https://github.com/jdf2e/nutui.git
-$ cd nutui
-$ npm install
-$ npm run dev
-```
+本项目遵从 [Angular Style Commit Message Conventions](https://gist.github.com/stephenparish/9941e89d80e2bc58a153)，更新日志请查阅 [Release](https://github.com/jdf2e/nutui/releases)。
 
 ## 开源协议
 

package/dist/nutui.d.ts

@@ -13,7 +13,7 @@ declare class Divider extends UIComponent {}
 declare class Layout extends UIComponent {}
 declare class Col extends UIComponent {}
 declare class Row extends UIComponent {}
-declare class ImagePreview extends UIComponent {}
+declare function ImagePreview(options: any): void
 declare class Swipe extends UIComponent {}
 declare class ActionSheet extends UIComponent {}
 declare class BackTop extends UIComponent {}
@@ -36,6 +36,7 @@ declare class Progress extends UIComponent {}
 declare class CircleProgress extends UIComponent {}
 declare class NoticeBar extends UIComponent {}
 declare class SearchBar extends UIComponent {}
+declare class Empty extends UIComponent {}
 declare class Navbar extends UIComponent {}
 declare class FixedNav extends UIComponent {}
 declare class Menu extends UIComponent {}
@@ -46,6 +47,9 @@ declare class Elevator extends UIComponent {}
 declare class Pagination extends UIComponent {}
 declare class Tabs extends UIComponent {}
 declare class TabPane extends UIComponent {}
+declare class Indicator extends UIComponent {}
+declare class Grid extends UIComponent {}
+declare class GridItem extends UIComponent {}
 declare class Calendar extends UIComponent {}
 declare class Checkbox extends UIComponent {}
 declare class CheckboxGroup extends UIComponent {}
@@ -67,6 +71,8 @@ declare class Tag extends UIComponent {}
 declare class Popover extends UIComponent {}
 declare class Form extends UIComponent {}
 declare class FormItem extends UIComponent {}
+declare class Skeleton extends UIComponent {}
+declare class Cascader extends UIComponent {}
 declare class Address extends UIComponent {}
 declare class Barrage extends UIComponent {}
 declare class Signature extends UIComponent {}
@@ -75,13 +81,14 @@ declare class TimePannel extends UIComponent {}
 declare class TimeDetail extends UIComponent {}
 declare class Sku extends UIComponent {}
 declare class Card extends UIComponent {}
+declare class Table extends UIComponent {}
 
 export interface InstallationOptions {
   locale?: any;
   lang?: any;
 }
 declare function install(app: App, options?: InstallationOptions): void;
-export { Avatar,Button,Cell,CellGroup,Icon,Price,OverLay,Divider,Layout,Col,Row,ImagePreview,Swipe,ActionSheet,BackTop,Collapse,CollapseItem,Drag,Dialog,InfiniteLoading,Notify,Range,Video,Popup,Steps,Step,Swiper,SwiperItem,Switch,Toast,Progress,CircleProgress,NoticeBar,SearchBar,Navbar,FixedNav,Menu,MenuItem,Tabbar,TabbarItem,Elevator,Pagination,Tabs,TabPane,Calendar,Checkbox,CheckboxGroup,DatePicker,InputNumber,Input,Radio,RadioGroup,Rate,Picker,ShortPassword,TextArea,Uploader,CountUp,NumberKeyboard,CountDown,Badge,Tag,Popover,Form,FormItem,Address,Barrage,Signature,TimeSelect,TimePannel,TimeDetail,Sku,Card,install };
+export { Avatar,Button,Cell,CellGroup,Icon,Price,OverLay,Divider,Layout,Col,Row,ImagePreview,Swipe,ActionSheet,BackTop,Collapse,CollapseItem,Drag,Dialog,InfiniteLoading,Notify,Range,Video,Popup,Steps,Step,Swiper,SwiperItem,Switch,Toast,Progress,CircleProgress,NoticeBar,SearchBar,Empty,Navbar,FixedNav,Menu,MenuItem,Tabbar,TabbarItem,Elevator,Pagination,Tabs,TabPane,Indicator,Grid,GridItem,Calendar,Checkbox,CheckboxGroup,DatePicker,InputNumber,Input,Radio,RadioGroup,Rate,Picker,ShortPassword,TextArea,Uploader,CountUp,NumberKeyboard,CountDown,Badge,Tag,Popover,Form,FormItem,Skeleton,Cascader,Address,Barrage,Signature,TimeSelect,TimePannel,TimeDetail,Sku,Card,Table,install };
 declare const _default: {
   install: typeof install;
   version: string;