antd - npm Package Compare versions

Comparing version 0.9.0-beta1 to 0.9.0-beta10

CHANGELOG.md

@@ -1,4 +0,9 @@
-## 0.9.0 (not ready)
+# 更新日志
 
+- category: 4
 
+---
+
+## 0.9.0 `not ready`
+
 ### Upload
@@ -11,5 +16,8 @@
 * 设置 fileList 数组项的 url 属性可以作为链接展示在文件列表中方便下载。
+* 移除内建的上传成功或失败的信息提示，业务可自行实现。
+* 修正多文件选择上传时文件列表只展示一个文件的问题。
 
 ### Table
 
+* 新增可展开的 table。[#258](https://github.com/ant-design/ant-design/pull/258)
 * 新增无数据的展示样式。[4c54644](https://github.com/ant-design/ant-design/commit/4c54644116d46cb2510d2d475234529bad60e5d5)
@@ -40,10 +48,30 @@ * 修复本地模式 `dataSource` 无法更新的问题。[6d2dcc4](https://github.com/ant-design/ant-design/commit/6d2dcc45393b6ec0ad1ba73caf8b1ec42353743f)
 
+### Modal
+
+* 添加 [通知类型](http://ant.design/components/modal/#demo-info) 的对话框函数。
+* 用 `Modal.confirm()` 代替 `confirm()` 方法。
+* 修改为需要在 onCancel 手动设置 visible 属性来关闭。
+
+### Message
+
+* 添加 [加载中类型](http://ant.design/components/message/#demo-loading)。
+
+### Radio
+
+* 修改 Radio.Group 容器的盒模型属性为 inline-block 。
+
+### Enter Animation
+
+* 大幅度的重构，全新 API 的设计。
+* 支持和 react-router 结合使用。
+
 ### 其他
 
-* 新增 [badge](http://ant.design/components/badge) 组件。
+* 新增 [timeline](http://ant.design/components/timeline) 和 [badge](http://ant.design/components/badge) 组件。
 * tooltip、popover、popconfirm 等动画效果优化。
 * 部分文案更新。
 * 优化主站在小分辨率屏幕下的样式。
+* 使用 http://instantclick.io/ 改造主站，加载速度有明显提升。
 
-## 0.8.0 (2015-08-25)
+## 0.8.0 `2015-08-25`
 
@@ -60,3 +88,3 @@ 这个版本是第一个稳定版，组件经过三期迭代，基本到齐，并有大量改进和变化，不向下兼容。
 
-## 0.7.3 (2015-07-30)
+## 0.7.3 `2015-07-30`
 
@@ -66,3 +94,3 @@ * 小幅重构了 Table 分页，修复了分页导致的数据不展示的问题。
 
-## 0.7.2 (2015-07-27)
+## 0.7.2 `2015-07-27`
 
@@ -75,3 +103,3 @@ * 修复本地模式下 pagination 为 false 时数据无法显示的 [问题](https://github.com/ant-design/ant-design/commit/1954586665e59031eae5d2c8b2cdb08f83d64fcb)。
 
-## 0.7.1 (2015-07-22)
+## 0.7.1 `2015-07-22`
 
@@ -83,5 +111,5 @@ * 修复了 Table 组件的 pagination 为 false 时分页未消失的 [问题](https://github.com/ant-design/ant-design/commit/01a6c0f1e6707b72a54ef30d073d148a87b391a8)。
 
-## 0.7.0 (2015-07-21)
+## 0.7.0 `2015-07-21`
 
 * 第一个公开版本，发布 `layout`、`iconfont`、`button`、`form`、`checkbox`、`radio`、`switch`、`slider`、`input-number`、`datepicker`、`select`、`tabs`、`steps`、`breadcrumb`、`collapse`、`pagination`、`modal`、`message`、`dropdown`、`popover`、`popconfirm`、`tooltip`、`progress`、`table` 等组件。
 * 发布 [Ant Design 首页](http://ant.design/) 和入门文档。

lib/affix/index.js

@@ -55,2 +55,6 @@ 'use strict';
 
+  propTypes: {
+    offset: _react2['default'].PropTypes.number
+  },
+
   getInitialState: function getInitialState() {
@@ -57,0 +61,0 @@ return {

lib/alert/index.js

@@ -69,4 +69,4 @@ 'use strict';
     }
-    var html = undefined,
-        closeName = !this.state.closing ? ' ' + this.props.prefixCls + '-close' : '';
+    var html = undefined;
+    var closeName = !this.state.closing ? ' ' + this.props.prefixCls + '-close' : '';
     if (this.props.description) {
@@ -73,0 +73,0 @@ var _close = this.props.closable ? _react2['default'].createElement(

lib/badge/index.js

@@ -77,3 +77,8 @@ 'use strict';
 
+AntBadge.propTypes = {
+  count: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.string, _react2['default'].PropTypes.number]),
+  dot: _react2['default'].PropTypes.bool
+};
+
 exports['default'] = AntBadge;
 module.exports = exports['default'];

lib/breadcrumb/index.js

@@ -20,2 +20,5 @@ 'use strict';
 
+  propTypes: {
+    href: _react2['default'].PropTypes.string
+  },
   render: function render() {
@@ -51,2 +54,5 @@ var link = _react2['default'].createElement(
 
+  propTypes: {
+    router: _react2['default'].PropTypes.object
+  },
   contextTypes: {
@@ -56,2 +62,4 @@ router: _react2['default'].PropTypes.object
   render: function render() {
+    var _this = this;
+
     var crumbs = undefined,
@@ -62,29 +70,31 @@ routes = undefined,
     if (this.context.router && ReactRouter) {
-      var Link = ReactRouter.Link;
-      routes = this.context.router.state.branch;
-      params = this.context.router.state.params;
-      crumbs = routes.map(function (route, i) {
-        var name = route.breadcrumbName.replace(/\:(.*)/g, function (replacement, key) {
-          return params[key] || replacement;
+      (function () {
+        var Link = ReactRouter.Link;
+        routes = _this.context.router.state.branch;
+        params = _this.context.router.state.params;
+        crumbs = routes.map(function (route, i) {
+          var name = route.breadcrumbName.replace(/\:(.*)/g, function (replacement, key) {
+            return params[key] || replacement;
+          });
+          var link = undefined;
+          if (i === routes.length - 1) {
+            link = _react2['default'].createElement(
+              'span',
+              null,
+              name
+            );
+          } else {
+            link = _react2['default'].createElement(
+              Link,
+              { to: route.path, params: params },
+              name
+            );
+          }
+          return _react2['default'].createElement(
+            BreadcrumbItem,
+            { key: name },
+            link
+          );
         });
-        var link;
-        if (i === routes.length - 1) {
-          link = _react2['default'].createElement(
-            'span',
-            null,
-            name
-          );
-        } else {
-          link = _react2['default'].createElement(
-            Link,
-            { to: route.path, params: params },
-            name
-          );
-        }
-        return _react2['default'].createElement(
-          BreadcrumbItem,
-          { key: name },
-          link
-        );
-      });
+      })();
     } else {
@@ -91,0 +101,0 @@ crumbs = this.props.children;

lib/carousel/index.js

@@ -9,5 +9,5 @@ 'use strict';
 
-var _reactSlick2 = require('react-slick2');
+var _reactSlick = require('react-slick');
 
-var _reactSlick22 = _interopRequireDefault(_reactSlick2);
+var _reactSlick2 = _interopRequireDefault(_reactSlick);
 
@@ -47,3 +47,3 @@ var _react = require('react');
       { className: className },
-      _react2['default'].createElement(_reactSlick22['default'], props)
+      _react2['default'].createElement(_reactSlick2['default'], props)
     );
@@ -50,0 +50,0 @@ }

lib/datepicker/index.js

@@ -46,6 +46,6 @@ 'use strict';
 
-function createPicker(Calendar) {
+function createPicker(TheCalendar) {
   return _react2['default'].createClass({
     getInitialState: function getInitialState() {
-      var value;
+      var value = undefined;
       if (this.props.value) {
@@ -86,3 +86,3 @@ value = new _gregorianCalendar2['default'](_gregorianCalendarLibLocaleZhCn2['default']);
     render: function render() {
-      var calendar = _react2['default'].createElement(Calendar, {
+      var calendar = _react2['default'].createElement(TheCalendar, {
         disabledDate: this.props.disabledDate,
@@ -89,0 +89,0 @@ locale: _rcCalendarLibLocaleZhCn2['default'],

lib/index.js

@@ -45,7 +45,11 @@ require('./index.css');
   Badge: require('./badge'),
-  Menu: require('./menu')
+  Menu: require('./menu'),
+  Timeline: require('./timeline')
 };
 
+// deprecate antd.confirm
+antd.confirm = require('util-deprecate')(antd.confirm, 'antd.confirm() is deprecated, use antd.Modal.confirm() instead');
+
 module.exports = antd;
 
-antd.version = '0.9.0-beta1';
+antd.version = '0.9.0-beta10';

lib/menu/index.js

@@ -38,3 +38,3 @@ 'use strict';
       case 'vertical':
-        openAnimation = 'zoom';
+        openAnimation = 'zoom-big';
         break;
@@ -44,2 +44,3 @@ case 'inline':
         break;
+      default:
     }
@@ -46,0 +47,0 @@ if (this.props.mode === 'inline') {

lib/message/index.js

@@ -19,5 +19,5 @@ 'use strict';
 var top = undefined;
+var messageInstance = undefined;
+var key = 1;
 
-var messageInstance;
-
 function getMessageInstance() {
@@ -34,3 +34,3 @@ messageInstance = messageInstance || _rcNotification2['default'].newInstance({
 
-function notice(content, duration, type) {
+function notice(content, duration, type, onClose) {
   if (duration === undefined) duration = defaultDuration;
@@ -41,5 +41,8 @@
     'success': 'anticon-check-circle ant-message-success',
-    'error': 'anticon-exclamation-circle ant-message-error'
+    'error': 'anticon-exclamation-circle ant-message-error',
+    'loading': 'anticon-loading ant-message-loading'
   })[type];
-  getMessageInstance().notice({
+  var instance = getMessageInstance();
+  instance.notice({
+    key: key,
     duration: duration,
@@ -56,16 +59,26 @@ style: {},
       )
-    )
+    ),
+    onClose: onClose
   });
+  return (function () {
+    var target = key++;
+    return function () {
+      instance.removeNotice(target);
+    };
+  })();
 }
 
 exports['default'] = {
-  info: function info(content, duration) {
-    notice(content, duration, 'info');
+  info: function info(content, duration, onClose) {
+    return notice(content, duration, 'info', onClose);
   },
-  success: function success(content, duration) {
-    notice(content, duration, 'success');
+  success: function success(content, duration, onClose) {
+    return notice(content, duration, 'success', onClose);
   },
-  error: function error(content, duration) {
-    notice(content, duration, 'error');
+  error: function error(content, duration, onClose) {
+    return notice(content, duration, 'error', onClose);
   },
+  loading: function loading(content, duration, onClose) {
+    return notice(content, duration, 'loading', onClose);
+  },
   config: function config(options) {
@@ -72,0 +85,0 @@ if (options.top) {

lib/modal/confirm.js

@@ -17,10 +17,15 @@ 'use strict';
 
-var div;
+var div = undefined;
 
 exports['default'] = function (props) {
-  var d;
+  var d = undefined;
   props = props || {};
-  props.iconClassName = props.iconClassName || 'anticon-exclamation-circle';
-  var width = props.width || 375;
+  props.iconClassName = props.iconClassName || 'anticon-question-circle';
+  var width = props.width || 416;
 
+  // 默认为 true，保持向下兼容
+  if (!('okCancel' in props)) {
+    props.okCancel = true;
+  }
+
   function close() {
@@ -35,3 +40,3 @@ d.setState({
     if (cancelFn) {
-      var ret;
+      var ret = undefined;
       if (cancelFn.length) {
@@ -56,3 +61,3 @@ ret = cancelFn(close);
     if (okFn) {
-      var ret;
+      var ret = undefined;
       if (okFn.length) {
@@ -104,2 +109,29 @@ ret = okFn(close);
 
+  if (props.okCancel) {
+    footer = _react2['default'].createElement(
+      'div',
+      { className: 'ant-confirm-btns' },
+      _react2['default'].createElement(
+        'button',
+        { type: 'button', className: 'ant-btn-default ant-btn ant-btn-lg', onClick: onCancel },
+        '取 消'
+      ),
+      _react2['default'].createElement(
+        'button',
+        { type: 'button', className: 'ant-btn-primary ant-btn ant-btn-lg', onClick: onOk },
+        '确 定'
+      )
+    );
+  } else {
+    footer = _react2['default'].createElement(
+      'div',
+      { className: 'ant-confirm-btns' },
+      _react2['default'].createElement(
+        'button',
+        { type: 'button', className: 'ant-btn-primary ant-btn ant-btn-lg', onClick: onOk },
+        '知道了'
+      )
+    );
+  }
+
   if (!div) {
@@ -106,0 +138,0 @@ div = document.createElement('div');

lib/modal/index.js

@@ -21,2 +21,6 @@ 'use strict';
 
+var _confirm = require('./confirm');
+
+var _confirm2 = _interopRequireDefault(_confirm);
+
 function noop() {}
@@ -27,4 +31,4 @@
 
-exports['default'] = _react2['default'].createClass({
-  displayName: 'index',
+var AntModal = _react2['default'].createClass({
+  displayName: 'AntModal',
 
@@ -51,5 +55,2 @@ getDefaultProps: function getDefaultProps() {
     this.props.onCancel();
-    this.setState({
-      visible: false
-    });
   },
@@ -118,2 +119,27 @@
 });
+
+AntModal.info = function (props) {
+  props.iconClassName = 'anticon-info-circle';
+  props.okCancel = false;
+  return (0, _confirm2['default'])(props);
+};
+
+AntModal.success = function (props) {
+  props.iconClassName = 'anticon-check-circle';
+  props.okCancel = false;
+  return (0, _confirm2['default'])(props);
+};
+
+AntModal.error = function (props) {
+  props.iconClassName = 'anticon-exclamation-circle';
+  props.okCancel = false;
+  return (0, _confirm2['default'])(props);
+};
+
+AntModal.confirm = function (props) {
+  props.okCancel = true;
+  return (0, _confirm2['default'])(props);
+};
+
+exports['default'] = AntModal;
 module.exports = exports['default'];

lib/notification/index.js

@@ -9,2 +9,6 @@ 'use strict';
 
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
 var _rcNotification = require('rc-notification');
@@ -18,6 +22,2 @@
 
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
 var top = 24;
@@ -24,0 +24,0 @@ var notificationInstance = undefined;

lib/progress/index.js

@@ -47,8 +47,8 @@ 'use strict';
 
-    if (parseInt(props.percent) === 100) {
+    if (parseInt(props.percent, 10) === 100) {
       props.status = 'success';
     }
 
-    var progressInfo,
-        fullCls = '';
+    var progressInfo = undefined;
+    var fullCls = '';
     if (props.showInfo === true) {
@@ -114,3 +114,3 @@ if (props.status === 'exception') {
 
-    if (parseInt(props.percent) === 100) {
+    if (parseInt(props.percent, 10) === 100) {
       props.status = 'success';
@@ -124,3 +124,3 @@ }
     };
-    var progressInfo;
+    var progressInfo = undefined;
     if (props.status === 'exception') {
@@ -127,0 +127,0 @@ progressInfo = _react2['default'].createElement(

lib/steps/index.js

@@ -40,2 +40,3 @@ 'use strict';
 });
+
 AntSteps.Step = _rcSteps2['default'].Step;
@@ -42,0 +43,0 @@

lib/table/index.js

@@ -532,2 +532,3 @@ 'use strict';
     var classString = '';
+    var expandIconAsCell = this.props.expandedRowRender && this.props.expandIconAsCell !== false;
     if (this.state.loading && !this.isLocalDataSource()) {
@@ -562,3 +563,4 @@ classString += ' ant-table-loading';
         columns: columns,
-        className: classString
+        className: classString,
+        expandIconAsCell: expandIconAsCell
       })),
@@ -565,0 +567,0 @@ emptyText,

lib/upload/index.js

@@ -23,6 +23,2 @@ 'use strict';
 
-var _message = require('../message');
-
-var _message2 = _interopRequireDefault(_message);
-
 var _uploadList = require('./uploadList');
@@ -50,4 +46,11 @@
     var nextFileList = this.state.fileList.concat();
-    file.status = 'uploading';
-    nextFileList.push(file);
+    if (file.length > 0) {
+      file.forEach(function (f) {
+        f.status = 'uploading';
+      });
+      nextFileList = nextFileList.concat(file);
+    } else {
+      file.status = 'uploading';
+      nextFileList.push(file);
+    }
     this.onChange({
@@ -71,3 +74,2 @@ file: file,
     var fileList = this.state.fileList.concat();
-    _message2['default'].success(file.name + '上传完成。');
     var targetItem = (0, _getFileItem2['default'])(file, fileList);
@@ -96,3 +98,2 @@ // 之前已经删除
   onError: function onError(error, response, file) {
-    _message2['default'].error(file.name + ' 上传失败。');
     file.error = error;
@@ -99,0 +100,0 @@ file.response = response;

lib/upload/uploadList.js

@@ -13,6 +13,2 @@ 'use strict';
 
-var _getFileItem = require('./getFileItem');
-
-var _getFileItem2 = _interopRequireDefault(_getFileItem);
-
 var _rcAnimate = require('rc-animate');
@@ -19,0 +15,0 @@

package.json

 {
   "name": "antd",
-  "version": "0.9.0-beta1",
+  "version": "0.9.0-beta10",
   "stableVersion": "0.8.0",
@@ -36,3 +36,3 @@ "title": "Ant Design",
     "css-animation": "~1.1.0",
-    "enter-animation": "~0.3.0",
+    "enter-animation": "~0.4.9",
     "gregorian-calendar": "~3.0.0",
@@ -54,28 +54,32 @@ "gregorian-calendar-format": "~3.0.1",
     "rc-radio": "~2.0.0",
-    "rc-select": "~4.8.5",
+    "rc-select": "~4.9.0",
     "rc-slider": "~1.4.0",
-    "rc-steps": "~1.2.1",
+    "rc-steps": "~1.2.3",
     "rc-switch": "~1.2.0",
-    "rc-table": "~3.1.0",
+    "rc-table": "~3.2.0",
     "rc-tabs": "~5.3.2",
     "rc-tooltip": "~2.6.4",
     "rc-tree": "~0.15.4",
-    "rc-upload": "~1.3.1",
+    "rc-upload": "~1.4.0",
     "rc-util": "~2.0.3",
-    "react-slick2": "~0.6.6",
+    "react-slick": "~0.7.0",
     "reqwest-without-xhr2": "~2.0.2",
+    "util-deprecate": "~1.0.1",
     "velocity-animate": "^1.2.2"
   },
   "devDependencies": {
-    "autoprefixer-loader": "~2.0.0",
+    "autoprefixer-loader": "^2.0.0",
     "babel": "^5.8.12",
     "babel-core": "^5.8.12",
+    "babel-eslint": "^4.1.0",
     "babel-loader": "^5.3.2",
-    "busboy": "~0.2.9",
-    "chalk": "~1.1.0",
+    "busboy": "^0.2.9",
+    "chalk": "^1.1.0",
     "css-loader": "^0.14.1",
     "eslint": "^1.1.0",
-    "eslint-plugin-react": "~3.2.2",
+    "eslint-config-airbnb": "^0.0.8",
+    "eslint-plugin-babel": "^2.1.1",
+    "eslint-plugin-react": "^3.3.1",
     "extract-text-webpack-plugin": "^0.8.1",
-    "gh-pages": "~0.3.1",
+    "gh-pages": "^0.3.1",
     "json-loader": "^0.5.1",
@@ -88,3 +92,3 @@ "less": "~2.5.1",
     "precommit-hook": "^1.0.7",
-    "react-router": "~1.0.0-beta3",
+    "react-router": "1.0.0-beta3",
     "webpack": "^1.10.1",
@@ -102,3 +106,4 @@ "webpack-dev-middleware": "^1.2.0"
     "test": "webpack && npm run lint",
-    "prepublish": "npm run babel && rm -rf dist && webpack --config webpack.config.production.js && node scripts/prenpm.js"
+    "pub": "sh ./scripts/publish.sh",
+    "beta": "sh ./scripts/publish.sh --tag beta"
   },
@@ -105,0 +110,0 @@ "precommit": [

README.md

@@ -14,3 +14,3 @@ # Ant Design [![](https://img.shields.io/travis/ant-design/ant-design.svg?style=flat-square)](https://travis-ci.org/ant-design/ant-design) [![npm package](https://img.shields.io/npm/v/antd.svg?style=flat-square)](https://www.npmjs.org/package/antd) [![Join the chat at https://gitter.im/ant-design/ant-design](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/ant-design/ant-design?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 - 提炼自企业级后台产品的交互语言和视觉风格。
-- 丰富实用的 React UI 组件。
+- [React Component](http://react-component.github.io/badgeboard/) 基础上二次封装的丰富实用的 UI 组件。
 - 基于 React 的组件化开发模式。
@@ -24,5 +24,3 @@ - 背靠 npm 生态圈。
 ```jsx
-var antd = require('antd');
-var Datepicker = antd.Datepicker;
-
+import { Datepicker } from 'antd';
 React.render(<Datepicker />, mountNode);
@@ -47,2 +45,2 @@ ```
 
-我们欢迎任何形式的贡献，有任何建议或意见您可以进行 [Pull Request](https://github.com/ant-design/ant-design/pulls)，或者给我们[提问](https://github.com/ant-design/ant-design/issues)。
+我们欢迎任何形式的贡献，有任何建议或意见您可以进行 [Pull Request](https://github.com/ant-design/ant-design/pulls)，或者给我们 [提问](https://github.com/ant-design/ant-design/issues)。

No alert changes

Improved metrics

Total package byte prevSize

356848

increased by2.52%

Number of package files

47

increased by2.17%

Lines of code

12622

increased by2.26%

Worsened metrics

Dependency count

32

increased by3.23%

Dev dependency count

24

increased by14.29%

Number of lines in readme file

44

decreased by-4.35%

Dependency changes

• + Addedreact-slick@~0.7.0

• + Addedutil-deprecate@~1.0.1

• + Addedasync@1.5.2(transitive)

• + Addedcombined-stream@1.0.8(transitive)

• + Addedcomponent-emitter@1.2.1(transitive)

• + Addedcookiejar@2.0.6(transitive)

• + Addeddelayed-stream@1.0.0(transitive)

• + Addedenter-animation@0.4.9(transitive)

• + Addedextend@3.0.0(transitive)

• + Addedform-data@1.0.0-rc3(transitive)

• + Addedformidable@1.0.17(transitive)

• + Addedmethods@1.1.2(transitive)

• + Addedmime-db@1.52.0(transitive)

• + Addedmime-types@2.1.35(transitive)

• + Addedrc-select@4.9.1(transitive)

• + Addedrc-table@3.2.0(transitive)

• + Addedrc-upload@1.4.4(transitive)

• + Addedreact-slick@0.7.2(transitive)

• + Addedsuperagent@1.8.5(transitive)

• + Addedutil-deprecate@1.0.2(transitive)

• - Removedreact-slick2@~0.6.6

• - Removedasync@0.9.2(transitive)

• - Removedcombined-stream@0.0.7(transitive)

• - Removedcomponent-emitter@1.1.2(transitive)

• - Removedcookiejar@2.0.1(transitive)

• - Removeddelayed-stream@0.0.5(transitive)

• - Removedenter-animation@0.3.0(transitive)

• - Removedextend@1.2.1(transitive)

• - Removedform-data@0.2.0(transitive)

• - Removedformidable@1.0.14(transitive)

• - Removedmethods@1.0.1(transitive)

• - Removedmime-db@1.12.0(transitive)

• - Removedmime-types@2.0.14(transitive)

• - Removedrc-select@4.8.6(transitive)

• - Removedrc-table@3.1.0(transitive)

• - Removedrc-upload@1.3.7(transitive)

• - Removedreact-slick2@0.6.6(transitive)

• - Removedsuperagent@1.2.0(transitive)

• - Removeduuid@2.0.3(transitive)

• Updatedenter-animation@~0.4.9

• Updatedrc-select@~4.9.0

• Updatedrc-steps@~1.2.3

• Updatedrc-table@~3.2.0

• Updatedrc-upload@~1.4.0