浏览代码

update 1.2.5

Franslee 7 年之前
父节点
当前提交
241eb60842
共有 100 个文件被更改,包括 554 次插入0 次删除
  1. 9 0
      .babelrc
  2. 71 0
      README.md
  3. 282 0
      config.json
  4. 2 0
      dist/0.js
  5. 2 0
      dist/1.js
  6. 2 0
      dist/10.js
  7. 2 0
      dist/11.js
  8. 2 0
      dist/12.js
  9. 2 0
      dist/13.js
  10. 2 0
      dist/14.js
  11. 2 0
      dist/15.js
  12. 2 0
      dist/16.js
  13. 2 0
      dist/17.js
  14. 2 0
      dist/18.js
  15. 2 0
      dist/19.js
  16. 2 0
      dist/2.js
  17. 2 0
      dist/20.js
  18. 2 0
      dist/21.js
  19. 2 0
      dist/22.js
  20. 2 0
      dist/23.js
  21. 2 0
      dist/24.js
  22. 2 0
      dist/25.js
  23. 2 0
      dist/26.js
  24. 2 0
      dist/27.js
  25. 2 0
      dist/28.js
  26. 2 0
      dist/29.js
  27. 2 0
      dist/3.js
  28. 2 0
      dist/30.js
  29. 2 0
      dist/31.js
  30. 2 0
      dist/32.js
  31. 2 0
      dist/33.js
  32. 2 0
      dist/34.js
  33. 2 0
      dist/35.js
  34. 2 0
      dist/36.js
  35. 2 0
      dist/37.js
  36. 2 0
      dist/38.js
  37. 2 0
      dist/39.js
  38. 2 0
      dist/4.js
  39. 2 0
      dist/40.js
  40. 2 0
      dist/41.js
  41. 2 0
      dist/42.js
  42. 2 0
      dist/43.js
  43. 2 0
      dist/44.js
  44. 2 0
      dist/45.js
  45. 2 0
      dist/46.js
  46. 2 0
      dist/47.js
  47. 2 0
      dist/48.js
  48. 2 0
      dist/49.js
  49. 2 0
      dist/5.js
  50. 2 0
      dist/50.js
  51. 2 0
      dist/51.js
  52. 2 0
      dist/52.js
  53. 2 0
      dist/53.js
  54. 2 0
      dist/54.js
  55. 2 0
      dist/55.js
  56. 2 0
      dist/56.js
  57. 2 0
      dist/57.js
  58. 2 0
      dist/58.js
  59. 2 0
      dist/59.js
  60. 2 0
      dist/6.js
  61. 2 0
      dist/60.js
  62. 2 0
      dist/61.js
  63. 2 0
      dist/62.js
  64. 2 0
      dist/63.js
  65. 2 0
      dist/64.js
  66. 2 0
      dist/65.js
  67. 2 0
      dist/66.js
  68. 2 0
      dist/67.js
  69. 2 0
      dist/68.js
  70. 2 0
      dist/69.js
  71. 2 0
      dist/7.js
  72. 2 0
      dist/70.js
  73. 2 0
      dist/71.js
  74. 2 0
      dist/72.js
  75. 2 0
      dist/73.js
  76. 2 0
      dist/74.js
  77. 2 0
      dist/75.js
  78. 2 0
      dist/76.js
  79. 2 0
      dist/77.js
  80. 2 0
      dist/78.js
  81. 2 0
      dist/79.js
  82. 2 0
      dist/8.js
  83. 2 0
      dist/80.js
  84. 2 0
      dist/81.js
  85. 2 0
      dist/82.js
  86. 2 0
      dist/83.js
  87. 2 0
      dist/84.js
  88. 2 0
      dist/85.js
  89. 2 0
      dist/86.js
  90. 2 0
      dist/87.js
  91. 2 0
      dist/88.js
  92. 2 0
      dist/89.js
  93. 2 0
      dist/9.js
  94. 2 0
      dist/90.js
  95. 2 0
      dist/91.js
  96. 2 0
      dist/92.js
  97. 2 0
      dist/93.js
  98. 2 0
      dist/94.js
  99. 2 0
      dist/95.js
  100. 0 0
      dist/96.js

+ 9 - 0
.babelrc

@@ -0,0 +1,9 @@
+{
+  "presets": [
+    "env"
+  ],
+  "plugins": [
+    "transform-runtime",
+    "syntax-dynamic-import"
+  ]
+}

+ 71 - 0
README.md

@@ -0,0 +1,71 @@
+<p align="center">
+  <a href="http://nutui.jd.com">
+    <img alt="nutui logo" src="http://nutui.jd.com/asset/img/nutui-logo.png">
+  </a>
+</p>
+
+# NutUI
+
+[![version](https://img.shields.io/badge/version-1.2-blue.svg?style=flat-square)](http://nutui.jd.com/)
+[![license](https://img.shields.io/badge/license-MIT-yellow.svg?style=flat-square)](http://nutui.jd.com/)
+
+> 基于Vue 2.0的移动端轻量级UI组件库
+
+<p align="center">
+    <img alt="" src="http://nutui.jd.com/asset/img/erweima.jpg">
+</p>
+
+# 安装
+
+``` bash
+使用npm安装NutUI
+npm install @nutui/nutui --save
+```
+
+#### 引用完整组件库
+``` bash
+1,在入口文件(如app.js)中引入
+import NutUI from '@nutui/nutui'
+
+2,初始化
+NutUI.install(Vue)
+```
+通过以上步骤即可完成整个NutUI组件库的安装。
+
+#### 自定义构建(按需引用)
+本组件库支持自定义构建(1.1.0版本以上),您可以根据需要只打包部分组件。
+``` bash
+1,在NutUI项目目录下执行
+npm install
+
+2,执行自定义构建命令
+npm run custom
+
+3, 在出现的组件列表中,选择所有您需要打包的组件,然后按下回车键即开始构建
+
+4,片刻之后,自定义构建出的nutui.js文件会出现在dist目录下
+
+5,在项目中引入和初始化的操作同上
+```
+
+# 组件用法
+###### 组件从使用方法上大致分为两类。
+*  一类是扩展 HTML 元素,典型的Vue组件形式,使用方式类似原生HTML元素。
+``` bash
+如遮罩层(Mask)组件,直接使用nut-mask标签即可
+<nut-mask :visible.sync="maskShow"><nut-mask>
+```
+*  另一类是Vue构造器的扩展组件,使用方式类似jQuery/Zepto方法。
+``` bash
+如对话框(Dialog)组件
+this.$dialog(options);
+提示框(Toast)组件
+this.$toast(msg,during);
+```
+每个组件的使用方式请参考具体组件[文档](http://nutui.jd.com/index.html#/intro)。
+
+# 联系我们
+[nutui@jd.com](mailto:nutui@jd.com)
+
+# License
+[MIT](https://github.com/jdf2e/nutui/blob/master/LICENSE)

+ 282 - 0
config.json

@@ -0,0 +1,282 @@
+{
+  "version": "1.2.5",
+  "packages": [
+    {
+      "name": "DatePicker",
+      "chnName": "日历",
+      "type": "component",
+      "desc": "日历组件,支持左右滑动切换月份。"
+    },
+    {
+      "name": "Dialog",
+      "chnName": "对话框",
+      "type": "method",
+      "desc": "一种对话框,支持按钮交互。"
+    },
+    {
+      "name": "Toast",
+      "chnName": "无焦点提示",
+      "type": "method",
+      "desc": "一种无焦点的消息提示框,显示一段时间后会自行消失,多用于主动操作后的反馈提示。"
+    },
+    {
+      "name": "Switch",
+      "chnName": "开关",
+      "type": "component",
+      "desc": "一种滑动开关,通过点击使按钮左右滑动,同时触发对应的开关状态。"
+    },
+    {
+      "name": "Coupon",
+      "chnName": "优惠券",
+      "type": "component",
+      "desc": "优惠券,包括京券、东券、运费券、不可用券,支持领取、选中事件。"
+    },
+    {
+      "name": "Loading",
+      "chnName": "加载等待蒙层",
+      "type": "method",
+      "desc": "Loading蒙层,一般用于加载等待等场景。"
+    },
+    {
+      "name": "Swiper",
+      "chnName": "轮播",
+      "type": "component",
+      "desc": "轮播组件,支持滑动。"
+    },
+    {
+      "name": "Rate",
+      "chnName": "评分",
+      "type": "component",
+      "desc": "评分组件,支持配置ICON。"
+    },
+    {
+      "name": "Price",
+      "chnName": "价格",
+      "type": "component",
+      "desc": "商品价格组件,支持小数点前后应用不同样式、千位分隔、人民币符号等功能。"
+    },
+    {
+      "name": "BackTop",
+      "chnName": "返回顶部",
+      "type": "component",
+      "desc": "返回页面顶部的快捷按钮。"
+    },
+    {
+      "name": "TextBox",
+      "chnName": "文本框",
+      "type": "component",
+      "desc": "多行文本输入框,支持字数提示、字数限制等功能。"
+    },
+    {
+      "name": "Tab",
+      "chnName": "选项卡",
+      "type": "component",
+      "desc": "选项卡组件。"
+    },
+    {
+      "name": "TelInput",
+      "chnName": "电话号码框",
+      "type": "component",
+      "desc": "电话号码输入框,支持自定义间隔位数,支持基本电话号码校验。"
+    },
+    {
+      "name": "Steps",
+      "chnName": "步骤条",
+      "type": "component",
+      "desc": "步骤条。"
+    },
+    {
+      "name": "Timer",
+      "chnName": "倒计时",
+      "type": "component",
+      "desc": "倒计时组件。"
+    },
+    {
+      "name": "Elevator",
+      "chnName": "楼层电梯",
+      "type": "component",
+      "showDemo": true,
+      "desc": "电梯楼层组件。"
+    },
+    {
+      "name": "LuckyCard",
+      "chnName": "刮刮卡",
+      "type": "component",
+      "showDemo": true,
+      "desc": "刮刮卡,通常用于抽奖活动场景。"
+    },
+    {
+      "name": "Signature",
+      "chnName": "签名",
+      "type": "component",
+      "showDemo": true,
+      "desc": "签名组件。"
+    },
+    {
+      "name": "SlideCalendar",
+      "chnName": "日期时间滑动选择",
+      "type": "component",
+      "desc": "日期时间滑动选择器。",
+      "showDemo": true
+    },
+    {
+      "name": "FormatDateTime",
+      "chnName": "时间格式化",
+      "type": "component",
+      "desc": "日期时间格式化组件,用于将时间戳或者已格式化的时间字符串转换成指定格式。"
+    },
+    {
+      "name": "Select",
+      "chnName": "选择面板",
+      "type": "component",
+      "desc": "下拉选择面板,从页面底部弹出,支持多级联动选择及异步请求。"
+    },
+    {
+      "name": "Badge",
+      "chnName": "徽标",
+      "type": "component",
+      "desc": "数字或状态标记,一般展示在按钮或文字旁。"
+    },
+    {
+      "name": "Drag",
+      "chnName": "拖拽",
+      "type": "component",
+      "desc": "吸边拖拽组件。"
+    },
+    {
+      "name": "Image",
+      "chnName": "图片加载",
+      "type": "component",
+      "desc": "图片加载组件,支持检测环境加载webp格式图片,支持设置加载中和加载失败占位图。"
+    },
+    {
+      "name": "Uploader",
+      "chnName": "单文件上传",
+      "type": "component",
+      "desc": "单个文件异步上传组件,支持预览本地图片。",
+      "showDemo": false
+    },
+    {
+      "name": "SearchBar",
+      "chnName": "搜索栏",
+      "type": "component",
+      "desc": "搜索栏。"
+    },
+    {
+      "name": "CeilingLamp",
+      "chnName": "吸顶条",
+      "type": "component",
+      "desc": "吸顶条,支持在页面滑动到指定位置时固定在顶部,常用于导航栏和搜索条。"
+    },
+    {
+      "name": "Webp",
+      "chnName": "webp图片过滤器",
+      "type": "filter",
+      "desc": "在支持webp格式的浏览器里给图片url加上“.webp”扩展名。"
+    },
+    {
+      "name": "InfiniteLoading",
+      "chnName": "无限加载",
+      "type": "component",
+      "desc": "无限加载组件。"
+    },
+    {
+      "name": "Mask",
+      "chnName": "遮罩层",
+      "type": "component",
+      "desc": "通用遮罩层,通常被其他组件依赖,亦可单独使用。"
+    },
+    {
+      "name": "NumOperate",
+      "chnName": "加减按钮",
+      "type": "component",
+      "desc": "商品数量加减按钮组件。"
+    },
+    {
+      "name": "Radio",
+      "chnName": "单选按钮",
+      "type": "component",
+      "desc": "单选按钮。"
+    },
+    {
+      "name": "RadioGroup",
+      "chnName": "单选按钮组",
+      "type": "component",
+      "desc": "单选按钮组。"
+    },
+    {
+      "name": "ImgSet",
+      "chnName": "图片设置",
+      "type": "filter",
+      "desc": "京东图片系统图片过滤器,可配置访问渠道、尺寸、业务等。",
+      "showDemo": false
+    },
+    {
+      "name": "Checkbox",
+      "chnName": "复选按钮",
+      "type": "component",
+      "desc": "复选按钮。"
+    },
+    {
+      "name": "CheckboxGroup",
+      "chnName": "复选按钮组",
+      "type": "component",
+      "desc": "复选按钮组。"
+    },
+    {
+      "name": "Slider",
+      "chnName": "滑块",
+      "type": "component",
+      "desc": "滑块组件。"
+    },
+    {
+      "name": "Lazyload",
+      "chnName": "懒加载",
+      "type": "directive",
+      "desc": "图片懒加载。"
+    },
+    {
+      "name": "PictureView",
+      "chnName": "图片查看器",
+      "type": "component",
+      "desc": "图片查看器,支持左右滑动切换。"
+    },
+    {
+      "name": "Handle",
+      "chnName": "工具函数",
+      "type": "filter",
+      "desc": "工具函数。"
+    },
+    {
+      "name": "Popup",
+      "chnName": "面板",
+      "type": "component",
+      "desc": "弹出面板,可自定义内容,通常作为基础组件被其他组件依赖。"
+    },
+    {
+      "name": "SideslipButton",
+      "chnName": "侧滑",
+      "type": "component",
+      "desc": "左划展示操作按钮,例如删除、收藏等按钮。"
+    },
+    {
+      "name": "AdvertiseMask",
+      "chnName": "广告弹窗",
+      "type": "component",
+      "desc": "广告图片弹层。"
+    },
+    {
+      "name": "Dpg",
+      "chnName": "dpg图片过滤器",
+      "type": "filter",
+      "desc": "将jpg格式图片url转换为对应的dpg格式url,也支持原始图片是jpg格式的webp图片。"
+    },
+    {
+      "name": "AddImagesBox",
+      "chnName": "图片选取",
+      "type": "component",
+      "desc": "图片选取组件。",
+      "showDemo": true
+    }
+  ]
+}

文件差异内容过多而无法显示
+ 2 - 0
dist/0.js


文件差异内容过多而无法显示
+ 2 - 0
dist/1.js


文件差异内容过多而无法显示
+ 2 - 0
dist/10.js


文件差异内容过多而无法显示
+ 2 - 0
dist/11.js


文件差异内容过多而无法显示
+ 2 - 0
dist/12.js


文件差异内容过多而无法显示
+ 2 - 0
dist/13.js


文件差异内容过多而无法显示
+ 2 - 0
dist/14.js


文件差异内容过多而无法显示
+ 2 - 0
dist/15.js


文件差异内容过多而无法显示
+ 2 - 0
dist/16.js


文件差异内容过多而无法显示
+ 2 - 0
dist/17.js


文件差异内容过多而无法显示
+ 2 - 0
dist/18.js


文件差异内容过多而无法显示
+ 2 - 0
dist/19.js


文件差异内容过多而无法显示
+ 2 - 0
dist/2.js


文件差异内容过多而无法显示
+ 2 - 0
dist/20.js


文件差异内容过多而无法显示
+ 2 - 0
dist/21.js


文件差异内容过多而无法显示
+ 2 - 0
dist/22.js


文件差异内容过多而无法显示
+ 2 - 0
dist/23.js


文件差异内容过多而无法显示
+ 2 - 0
dist/24.js


文件差异内容过多而无法显示
+ 2 - 0
dist/25.js


文件差异内容过多而无法显示
+ 2 - 0
dist/26.js


文件差异内容过多而无法显示
+ 2 - 0
dist/27.js


文件差异内容过多而无法显示
+ 2 - 0
dist/28.js


文件差异内容过多而无法显示
+ 2 - 0
dist/29.js


文件差异内容过多而无法显示
+ 2 - 0
dist/3.js


文件差异内容过多而无法显示
+ 2 - 0
dist/30.js


文件差异内容过多而无法显示
+ 2 - 0
dist/31.js


文件差异内容过多而无法显示
+ 2 - 0
dist/32.js


文件差异内容过多而无法显示
+ 2 - 0
dist/33.js


文件差异内容过多而无法显示
+ 2 - 0
dist/34.js


文件差异内容过多而无法显示
+ 2 - 0
dist/35.js


文件差异内容过多而无法显示
+ 2 - 0
dist/36.js


文件差异内容过多而无法显示
+ 2 - 0
dist/37.js


文件差异内容过多而无法显示
+ 2 - 0
dist/38.js


文件差异内容过多而无法显示
+ 2 - 0
dist/39.js


文件差异内容过多而无法显示
+ 2 - 0
dist/4.js


文件差异内容过多而无法显示
+ 2 - 0
dist/40.js


文件差异内容过多而无法显示
+ 2 - 0
dist/41.js


文件差异内容过多而无法显示
+ 2 - 0
dist/42.js


文件差异内容过多而无法显示
+ 2 - 0
dist/43.js


文件差异内容过多而无法显示
+ 2 - 0
dist/44.js


文件差异内容过多而无法显示
+ 2 - 0
dist/45.js


文件差异内容过多而无法显示
+ 2 - 0
dist/46.js


文件差异内容过多而无法显示
+ 2 - 0
dist/47.js


文件差异内容过多而无法显示
+ 2 - 0
dist/48.js


文件差异内容过多而无法显示
+ 2 - 0
dist/49.js


文件差异内容过多而无法显示
+ 2 - 0
dist/5.js


文件差异内容过多而无法显示
+ 2 - 0
dist/50.js


文件差异内容过多而无法显示
+ 2 - 0
dist/51.js


文件差异内容过多而无法显示
+ 2 - 0
dist/52.js


文件差异内容过多而无法显示
+ 2 - 0
dist/53.js


文件差异内容过多而无法显示
+ 2 - 0
dist/54.js


文件差异内容过多而无法显示
+ 2 - 0
dist/55.js


文件差异内容过多而无法显示
+ 2 - 0
dist/56.js


文件差异内容过多而无法显示
+ 2 - 0
dist/57.js


文件差异内容过多而无法显示
+ 2 - 0
dist/58.js


文件差异内容过多而无法显示
+ 2 - 0
dist/59.js


文件差异内容过多而无法显示
+ 2 - 0
dist/6.js


文件差异内容过多而无法显示
+ 2 - 0
dist/60.js


文件差异内容过多而无法显示
+ 2 - 0
dist/61.js


文件差异内容过多而无法显示
+ 2 - 0
dist/62.js


文件差异内容过多而无法显示
+ 2 - 0
dist/63.js


文件差异内容过多而无法显示
+ 2 - 0
dist/64.js


文件差异内容过多而无法显示
+ 2 - 0
dist/65.js


文件差异内容过多而无法显示
+ 2 - 0
dist/66.js


文件差异内容过多而无法显示
+ 2 - 0
dist/67.js


文件差异内容过多而无法显示
+ 2 - 0
dist/68.js


文件差异内容过多而无法显示
+ 2 - 0
dist/69.js


文件差异内容过多而无法显示
+ 2 - 0
dist/7.js


文件差异内容过多而无法显示
+ 2 - 0
dist/70.js


文件差异内容过多而无法显示
+ 2 - 0
dist/71.js


文件差异内容过多而无法显示
+ 2 - 0
dist/72.js


文件差异内容过多而无法显示
+ 2 - 0
dist/73.js


文件差异内容过多而无法显示
+ 2 - 0
dist/74.js


文件差异内容过多而无法显示
+ 2 - 0
dist/75.js


文件差异内容过多而无法显示
+ 2 - 0
dist/76.js


文件差异内容过多而无法显示
+ 2 - 0
dist/77.js


文件差异内容过多而无法显示
+ 2 - 0
dist/78.js


文件差异内容过多而无法显示
+ 2 - 0
dist/79.js


文件差异内容过多而无法显示
+ 2 - 0
dist/8.js


文件差异内容过多而无法显示
+ 2 - 0
dist/80.js


文件差异内容过多而无法显示
+ 2 - 0
dist/81.js


文件差异内容过多而无法显示
+ 2 - 0
dist/82.js


文件差异内容过多而无法显示
+ 2 - 0
dist/83.js


文件差异内容过多而无法显示
+ 2 - 0
dist/84.js


文件差异内容过多而无法显示
+ 2 - 0
dist/85.js


文件差异内容过多而无法显示
+ 2 - 0
dist/86.js


文件差异内容过多而无法显示
+ 2 - 0
dist/87.js


文件差异内容过多而无法显示
+ 2 - 0
dist/88.js


文件差异内容过多而无法显示
+ 2 - 0
dist/89.js


文件差异内容过多而无法显示
+ 2 - 0
dist/9.js


文件差异内容过多而无法显示
+ 2 - 0
dist/90.js


文件差异内容过多而无法显示
+ 2 - 0
dist/91.js


文件差异内容过多而无法显示
+ 2 - 0
dist/92.js


文件差异内容过多而无法显示
+ 2 - 0
dist/93.js


文件差异内容过多而无法显示
+ 2 - 0
dist/94.js


文件差异内容过多而无法显示
+ 2 - 0
dist/95.js


+ 0 - 0
dist/96.js


部分文件因为文件数量过多而无法显示