antd - npm Package Compare versions

Comparing version 0.7.1 to 0.7.2

CHANGELOG.md

@@ -0,1 +1,9 @@
+## 0.7.2 (2015-07-27)
+
+* 修复本地模式下 pagination 为 false 时数据无法显示的 [问题](https://github.com/ant-design/ant-design/commit/1954586665e59031eae5d2c8b2cdb08f83d64fcb)。
+* 重构了 message 组件。
+* 添加英文版说明文档 [README-en_US.md](https://github.com/ant-design/ant-design/blob/master/README-en_US.md)。
+* 部分代码切换至 ES6 模式。
+* 修正了部分组件的样式和演示，优化部分动画。
+
 ## 0.7.1 (2015-07-22)
@@ -2,0 +10,0 @@

lib/checkbox/index.js

 'use strict';
 
-var Checkbox = require('rc-checkbox');
-var React = require('react');
-var AntCheckbox = React.createClass({
-  displayName: 'AntCheckbox',
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var _rcCheckbox = require('rc-checkbox');
+
+var _rcCheckbox2 = _interopRequireDefault(_rcCheckbox);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+exports['default'] = _react2['default'].createClass({
+  displayName: 'index',
+
   getDefaultProps: function getDefaultProps() {
     return { prefixCls: 'ant-checkbox' };
   }, render: function render() {
-    return React.createElement(Checkbox, this.props);
+    return _react2['default'].createElement(_rcCheckbox2['default'], this.props);
   }
 });
-
-module.exports = AntCheckbox;
+module.exports = exports['default'];

lib/collapse/index.js

 'use strict';
 
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
 var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
@@ -7,8 +11,16 @@
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) subClass.__proto__ = superClass; }
+function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-var Collapse = require('rc-collapse');
-var React = require('react');
+var _rcCollapse = require('rc-collapse');
+
+var _rcCollapse2 = _interopRequireDefault(_rcCollapse);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
 var prefixCls = 'ant-collapse';
@@ -28,3 +40,3 @@
     value: function render() {
-      return React.createElement(Collapse, this.props);
+      return _react2['default'].createElement(_rcCollapse2['default'], this.props);
     }
@@ -34,3 +46,3 @@ }]);
   return AntCollapse;
-})(React.Component);
+})(_react2['default'].Component);
 
@@ -41,4 +53,5 @@ AntCollapse.defaultProps = {
 
-AntCollapse.Panel = Collapse.Panel;
+AntCollapse.Panel = _rcCollapse2['default'].Panel;
 
-module.exports = AntCollapse;
+exports['default'] = AntCollapse;
+module.exports = exports['default'];

lib/datepicker/index.js

@@ -31,6 +31,6 @@ 'use strict';
 
+// 和顶部文案保持一致
+
 var _gregorianCalendarFormat2 = _interopRequireDefault(_gregorianCalendarFormat);
 
-// 和顶部文案保持一致
-
 var _gregorianCalendarFormatLibLocaleZhCn = require('gregorian-calendar-format/lib/locale/zh-cn');
@@ -92,3 +92,3 @@
       showTime: this.props.showTime,
-      prefixCls: 'ant-calendar',
+      prefixCls: "ant-calendar",
       showOk: this.props.showTime,
@@ -101,3 +101,3 @@ showClear: false });
         disabled: this.props.disabled,
-        trigger: _react2['default'].createElement('span', { className: 'ant-calendar-picker-icon' }),
+        trigger: _react2['default'].createElement('span', { className: "ant-calendar-picker-icon" }),
         calendar: calendar,
@@ -107,5 +107,5 @@ adjustOrientOnCalendarOverflow: false,
         value: this.state.value,
-        prefixCls: 'ant-calendar-picker',
+        prefixCls: "ant-calendar-picker",
         onChange: this.handleChange },
-      _react2['default'].createElement('input', { placeholder: this.props.placeholder, className: 'ant-calendar-picker-input ant-input' })
+      _react2['default'].createElement('input', { placeholder: this.props.placeholder, className: "ant-calendar-picker-input ant-input" })
     );
@@ -112,0 +112,0 @@ }

lib/dropdown/index.js

 'use strict';
 
-var React = require('react');
-var Dropdown = require('rc-dropdown');
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 
-var AntDropdown = React.createClass({
-  displayName: 'AntDropdown',
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _rcDropdown = require('rc-dropdown');
+
+var _rcDropdown2 = _interopRequireDefault(_rcDropdown);
+
+exports['default'] = _react2['default'].createClass({
+  displayName: 'index',
+
   getDefaultProps: function getDefaultProps() {
@@ -16,6 +27,5 @@ return {
   render: function render() {
-    return React.createElement(Dropdown, this.props);
+    return _react2['default'].createElement(_rcDropdown2['default'], this.props);
   }
 });
-
-module.exports = AntDropdown;
+module.exports = exports['default'];

lib/index.js

@@ -31,2 +31,2 @@ require('./index.css');
 
-antd.version = '0.7.1';
+antd.version = '0.7.2';

lib/input-number/index.js

 'use strict';
 
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var InputNumber = require('rc-input-number');
-var React = require('react');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-var AntInputNumber = React.createClass({
-  displayName: 'AntInputNumber',
+var _rcInputNumber = require('rc-input-number');
 
+var _rcInputNumber2 = _interopRequireDefault(_rcInputNumber);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+exports['default'] = _react2['default'].createClass({
+  displayName: 'index',
+
   getDefaultProps: function getDefaultProps() {
@@ -17,6 +28,5 @@ return {
   render: function render() {
-    return React.createElement(InputNumber, _extends({ style: { width: 90 } }, this.props));
+    return _react2['default'].createElement(_rcInputNumber2['default'], _extends({ style: { width: 90 } }, this.props));
   }
 });
-
-module.exports = AntInputNumber;
+module.exports = exports['default'];

lib/message/index.js

@@ -19,3 +19,3 @@ 'use strict';
 
-var getMessageInstance = function getMessageInstance() {
+function getMessageInstance() {
   return _rcNotification2['default'].newInstance({
@@ -26,65 +26,40 @@ prefixCls: 'ant-message',
   });
-};
+}
 
+function notice(content, duration, type) {
+  if (duration === undefined) duration = defaultDuration;
+
+  var iconClass = ({
+    'info': 'anticon-info-circle ant-message-info',
+    'success': 'anticon-check-circle ant-message-success',
+    'error': 'anticon-exclamation-circle ant-message-error'
+  })[type];
+  getMessageInstance().notice({
+    key: 'simpleMessage',
+    duration: duration,
+    style: {},
+    content: _react2['default'].createElement(
+      'div',
+      { className: "ant-message-custom-content" },
+      _react2['default'].createElement('i', { className: 'anticon ' + iconClass }),
+      _react2['default'].createElement(
+        'span',
+        null,
+        content
+      )
+    )
+  });
+}
+
 exports['default'] = {
-  info: function info(m, t) {
-    var message = getMessageInstance();
-    t = t || defaultDuration;
-    message.notice({
-      key: 'simpleMessage',
-      duration: t,
-      style: {},
-      content: _react2['default'].createElement(
-        'div',
-        { className: 'ant-message-custom-content' },
-        _react2['default'].createElement('i', { className: 'anticon anticon-info-circle ant-message-info' }),
-        _react2['default'].createElement(
-          'span',
-          null,
-          m
-        )
-      )
-    });
+  info: function info(content, duration) {
+    notice(content, duration, 'info');
   },
-  success: function success(m, t) {
-    var message = getMessageInstance();
-    t = t || defaultDuration;
-    message.notice({
-      key: 'simpleMessage1',
-      transitionName: 'move-up',
-      duration: t,
-      style: {},
-      content: _react2['default'].createElement(
-        'div',
-        { className: 'ant-message-custom-content' },
-        _react2['default'].createElement('i', { className: 'anticon anticon-check-circle ant-message-success' }),
-        _react2['default'].createElement(
-          'span',
-          null,
-          m
-        )
-      )
-    });
+  success: function success(content, duration) {
+    notice(content, duration, 'success');
   },
-  error: function error(m, t) {
-    var message = getMessageInstance();
-    t = t || defaultDuration;
-    message.notice({
-      key: 'simpleMessage2',
-      transitionName: 'move-up',
-      duration: t,
-      style: {},
-      content: _react2['default'].createElement(
-        'div',
-        { className: 'ant-message-custom-content' },
-        _react2['default'].createElement('i', { className: 'anticon anticon-exclamation-circle ant-message-error' }),
-        _react2['default'].createElement(
-          'span',
-          null,
-          m
-        )
-      )
-    });
+  error: function error(content, duration) {
+    notice(content, duration, 'error');
   }
 };
 module.exports = exports['default'];

lib/modal/confirm.js

 'use strict';
 
-var React = require('react');
-var Dialog = require('rc-dialog');
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _rcDialog = require('rc-dialog');
+
+var _rcDialog2 = _interopRequireDefault(_rcDialog);
+
 var div;
 
-module.exports = function (props) {
+exports['default'] = function (props) {
   var d;
@@ -59,28 +71,28 @@ props = props || {};
 
-  var body = React.createElement(
+  var body = _react2['default'].createElement(
     'div',
-    { className: 'ant-confirm-body' },
-    React.createElement('i', { className: 'anticon ' + props.iconClassName }),
-    React.createElement(
+    { className: "ant-confirm-body" },
+    _react2['default'].createElement('i', { className: 'anticon ' + props.iconClassName }),
+    _react2['default'].createElement(
       'span',
-      { className: 'ant-confirm-title' },
+      { className: "ant-confirm-title" },
       props.title
     ),
-    React.createElement(
+    _react2['default'].createElement(
       'div',
-      { className: 'ant-confirm-content' },
+      { className: "ant-confirm-content" },
       props.content
     )
   );
-  var footer = React.createElement(
+  var footer = _react2['default'].createElement(
     'div',
-    { className: 'ant-confirm-btns' },
-    React.createElement(
+    { className: "ant-confirm-btns" },
+    _react2['default'].createElement(
       'button',
-      { type: 'button', className: 'ant-btn-default ant-btn ant-btn-lg', onClick: onCancel },
+      { type: "button", className: "ant-btn-default ant-btn ant-btn-lg", onClick: onCancel },
       '取 消'
     ),
-    React.createElement(
+    _react2['default'].createElement(
       'button',
-      { type: 'button', className: 'ant-btn-primary ant-btn ant-btn-lg', onClick: onOk },
+      { type: "button", className: "ant-btn-primary ant-btn ant-btn-lg", onClick: onOk },
       '确 定'
@@ -95,14 +107,14 @@ )
 
-  React.render(React.createElement(
-    Dialog,
+  _react2['default'].render(_react2['default'].createElement(
+    _rcDialog2['default'],
     {
-      prefixCls: 'ant-modal',
-      className: 'ant-confirm',
+      prefixCls: "ant-modal",
+      className: "ant-confirm",
       renderToBody: false,
       visible: true,
       closable: false,
-      title: '',
-      transitionName: 'zoom',
-      maskTransitionName: 'fade', width: width },
-    React.createElement(
+      title: "",
+      transitionName: "zoom",
+      maskTransitionName: "fade", width: width },
+    _react2['default'].createElement(
       'div',
@@ -117,2 +129,4 @@ { style: { zoom: 1, overflow: 'hidden' } },
   });
-};
+};
+
+module.exports = exports['default'];

lib/modal/index.js

 'use strict';
 
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var React = require('react');
-var Dialog = require('rc-dialog');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _rcDialog = require('rc-dialog');
+
+var _rcDialog2 = _interopRequireDefault(_rcDialog);
+
 function noop() {}
 
-var Modal = React.createClass({
-  displayName: 'Modal',
+exports['default'] = _react2['default'].createClass({
+  displayName: 'index',
 
   getInitialState: function getInitialState() {
     return {
-      visible: false
+      visible: false,
+      confirmLoading: false
     };
@@ -31,33 +44,38 @@ },
 
-  show: function show() {
+  handleOk: function handleOk() {
     this.setState({
-      visible: true
+      confirmLoading: true
     });
+    if (typeof this.props.onOk) {
+      this.props.onOk();
+    }
   },
 
-  hide: function hide() {
-    this.setState({
-      visible: false
-    });
+  componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
+    if ('visible' in nextProps) {
+      // 隐藏后去除按钮 loading 效果
+      if (!nextProps.visible) {
+        this.setState({
+          confirmLoading: false
+        });
+      }
+    }
   },
 
-  handleOk: function handleOk() {
-    this.props.onOk();
-  },
-
   render: function render() {
+    var loadingIcon = this.state.confirmLoading ? _react2['default'].createElement('i', { className: "anticon anticon-loading" }) : '';
     var props = this.props;
-    var footer = props.footer || [React.createElement(
+    var footer = props.footer || [_react2['default'].createElement(
       'button',
-      { key: 'cancel', type: 'button', className: 'ant-btn-default ant-btn', onClick: this.handleCancel },
+      { key: "cancel", type: "button", className: "ant-btn ant-btn-lg", onClick: this.handleCancel },
       '取 消'
-    ), React.createElement(
+    ), _react2['default'].createElement(
       'button',
-      { key: 'confirm', type: 'button', className: 'ant-btn-primary ant-btn', onClick: this.handleOk },
-      '确 定'
+      { key: "confirm", type: "button", className: "ant-btn ant-btn-primary ant-btn-lg", onClick: this.handleOk },
+      '确 定 ',
+      loadingIcon
     )];
-    return React.createElement(Dialog, _extends({ transitionName: 'zoom', onBeforeClose: props.onCancel, visible: this.state.visible, maskAnimation: 'fade', width: '500', footer: footer }, props, { ref: 'd' }));
+    return _react2['default'].createElement(_rcDialog2['default'], _extends({ transitionName: "zoom", onBeforeClose: props.onCancel, visible: this.state.visible, maskAnimation: "fade", width: "500", footer: footer }, props, { ref: "d" }));
   }
 });
-
-module.exports = Modal;
+module.exports = exports['default'];

lib/pagination/index.js

 'use strict';
 
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
@@ -9,10 +13,20 @@
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) subClass.__proto__ = superClass; }
+function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-var React = require('react');
-var Pagination = require('rc-pagination');
-var Select = require('rc-select');
+var _react = require('react');
 
+var _react2 = _interopRequireDefault(_react);
+
+var _rcPagination = require('rc-pagination');
+
+var _rcPagination2 = _interopRequireDefault(_rcPagination);
+
+var _rcSelect = require('rc-select');
+
+var _rcSelect2 = _interopRequireDefault(_rcSelect);
+
 var prefixCls = 'ant-pagination';
@@ -32,4 +46,4 @@
     value: function render() {
-      return React.createElement(Pagination, _extends({ selectComponentClass: Select,
-        selectPrefixCls: 'ant-select',
+      return _react2['default'].createElement(_rcPagination2['default'], _extends({ selectComponentClass: _rcSelect2['default'],
+        selectPrefixCls: "ant-select",
         prefixCls: prefixCls
@@ -41,4 +55,5 @@ }, this.props));
   return AntPagination;
-})(React.Component);
+})(_react2['default'].Component);
 
-module.exports = AntPagination;
+exports['default'] = AntPagination;
+module.exports = exports['default'];

lib/popconfirm/index.js

@@ -58,3 +58,3 @@ 'use strict';
           { className: prefixCls + '-message' },
-          _react2['default'].createElement('i', { className: 'anticon anticon-exclamation-circle' }),
+          _react2['default'].createElement('i', { className: "anticon anticon-exclamation-circle" }),
           this.props.title
@@ -67,3 +67,3 @@ ),
             'button',
-            { onClick: this.cancel, className: 'ant-btn ant-btn-sm' },
+            { onClick: this.cancel, className: "ant-btn ant-btn-sm" },
             '取 消'
@@ -73,3 +73,3 @@ ),
             'button',
-            { onClick: this.confirm, className: 'ant-btn ant-btn-primary ant-btn-sm' },
+            { onClick: this.confirm, className: "ant-btn ant-btn-primary ant-btn-sm" },
             '确 定'
@@ -76,0 +76,0 @@ )

lib/progress/index.js

 'use strict';
 
-var Progressline = require('rc-progress').Line;
-var Progresscircle = require('rc-progress').Circle;
-var React = require('react');
-var assign = require('object-assign');
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 
-var Line = React.createClass({
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var _rcProgress = require('rc-progress');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _objectAssign = require('object-assign');
+
+var _objectAssign2 = _interopRequireDefault(_objectAssign);
+
+var Line = _react2['default'].createClass({
   displayName: 'Line',
@@ -26,3 +37,3 @@
 
-    var props = assign({}, this.props);
+    var props = (0, _objectAssign2['default'])({}, this.props);
 
@@ -45,15 +56,15 @@ if (parseInt(props.percent) === 100) {
     if (props.status === 'exception') {
-      progressInfo = React.createElement(
+      progressInfo = _react2['default'].createElement(
         'span',
         { style: textStyle, className: 'ant-progress-line-text' },
-        React.createElement('i', { style: iconStyle, className: 'anticon anticon-exclamation-circle' })
+        _react2['default'].createElement('i', { style: iconStyle, className: "anticon anticon-exclamation-circle" })
       );
     } else if (props.status === 'success') {
-      progressInfo = React.createElement(
+      progressInfo = _react2['default'].createElement(
         'span',
         { style: textStyle, className: 'ant-progress-line-text' },
-        React.createElement('i', { style: iconStyle, className: 'anticon anticon-check-circle' })
+        _react2['default'].createElement('i', { style: iconStyle, className: "anticon anticon-check-circle" })
       );
     } else {
-      progressInfo = React.createElement(
+      progressInfo = _react2['default'].createElement(
         'span',
@@ -66,10 +77,10 @@ { className: 'ant-progress-line-text' },
 
-    return React.createElement(
+    return _react2['default'].createElement(
       'div',
       { className: 'ant-progress-line-wrap' },
-      React.createElement(
+      _react2['default'].createElement(
         'div',
         { className: 'ant-progress-line-inner', style: style },
-        React.createElement(Progressline, { percent: props.percent, strokeWidth: props.strokeWidth,
-          strokeColor: statusColorMap[props.status], trailColor: '#e9e9e9' })
+        _react2['default'].createElement(_rcProgress.Line, { percent: props.percent, strokeWidth: props.strokeWidth,
+          strokeColor: statusColorMap[props.status], trailColor: "#e9e9e9" })
       ),
@@ -81,3 +92,3 @@ progressInfo
 
-var Circle = React.createClass({
+var Circle = _react2['default'].createClass({
   displayName: 'Circle',
@@ -100,3 +111,3 @@
 
-    var props = assign({}, this.props);
+    var props = (0, _objectAssign2['default'])({}, this.props);
 
@@ -119,17 +130,17 @@ if (parseInt(props.percent) === 100) {
     if (props.status === 'exception') {
-      progressInfo = React.createElement(
+      progressInfo = _react2['default'].createElement(
         'span',
         { style: textStyle, className: 'ant-progress-circle-text' },
-        React.createElement('i', { className: 'anticon anticon-exclamation' })
+        _react2['default'].createElement('i', { className: 'anticon anticon-exclamation' })
       );
     } else if (props.status === 'success') {
-      progressInfo = React.createElement(
+      progressInfo = _react2['default'].createElement(
         'span',
         { style: textStyle, className: 'ant-progress-circle-text' },
-        React.createElement('i', { className: 'anticon anticon-check' })
+        _react2['default'].createElement('i', { className: "anticon anticon-check" })
       );
     } else {
-      progressInfo = React.createElement(
+      progressInfo = _react2['default'].createElement(
         'span',
-        { className: 'ant-progress-circle-text' },
+        { className: "ant-progress-circle-text" },
         props.percent,
@@ -140,10 +151,10 @@ '%'
 
-    return React.createElement(
+    return _react2['default'].createElement(
       'div',
-      { className: 'ant-progress-circle-wrap', style: wrapStyle },
-      React.createElement(
+      { className: "ant-progress-circle-wrap", style: wrapStyle },
+      _react2['default'].createElement(
         'div',
-        { className: 'ant-progress-circle-inner', style: style },
-        React.createElement(Progresscircle, { percent: props.percent, strokeWidth: props.strokeWidth,
-          strokeColor: statusColorMap[props.status], trailColor: '#e9e9e9' }),
+        { className: "ant-progress-circle-inner", style: style },
+        _react2['default'].createElement(_rcProgress.Circle, { percent: props.percent, strokeWidth: props.strokeWidth,
+          strokeColor: statusColorMap[props.status], trailColor: "#e9e9e9" }),
         progressInfo
@@ -155,5 +166,6 @@ )
 
-module.exports = {
+exports['default'] = {
   Line: Line,
   Circle: Circle
-};
+};
+module.exports = exports['default'];

lib/radio/group.js

 'use strict';
 
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var React = require('react');
-var Radio = require('./index');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require('./index');
+
+var _index2 = _interopRequireDefault(_index);
+
 function getCheckedValue(children) {
@@ -18,4 +29,4 @@ var checkedValue = null;
 
-var AntRadioGroup = React.createClass({
-  displayName: 'AntRadioGroup',
+exports['default'] = _react2['default'].createClass({
+  displayName: 'group',
 
@@ -47,3 +58,3 @@ getDefaultProps: function getDefaultProps() {
       if (radio.props) {
-        return React.createElement(Radio, _extends({
+        return _react2['default'].createElement(_index2['default'], _extends({
           key: radio.props.value
@@ -57,3 +68,3 @@ }, radio.props, {
     });
-    return React.createElement(
+    return _react2['default'].createElement(
       'div',
@@ -71,3 +82,2 @@ { className: props.prefixCls },
 });
-
-module.exports = AntRadioGroup;
+module.exports = exports['default'];

lib/radio/index.js

 'use strict';
 
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var Radio = require('rc-radio');
-var React = require('react');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-var AntRadio = React.createClass({
-  displayName: 'AntRadio',
+var _rcRadio = require('rc-radio');
 
+var _rcRadio2 = _interopRequireDefault(_rcRadio);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+exports['default'] = _react2['default'].createClass({
+  displayName: 'index',
+
   getDefaultProps: function getDefaultProps() {
@@ -17,6 +28,6 @@ return {
   render: function render() {
-    return React.createElement(
+    return _react2['default'].createElement(
       'label',
       null,
-      React.createElement(Radio, _extends({}, this.props, { children: null })),
+      _react2['default'].createElement(_rcRadio2['default'], _extends({}, this.props, { children: null })),
       this.props.children
@@ -26,3 +37,2 @@ );
 });
-
-module.exports = AntRadio;
+module.exports = exports['default'];

lib/select/index.js

 'use strict';
 
-var React = require('react');
-var Select = require('rc-select');
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 
-module.exports = React.createClass({
-  displayName: 'exports',
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _rcSelect = require('rc-select');
+
+var _rcSelect2 = _interopRequireDefault(_rcSelect);
+
+exports['default'] = _react2['default'].createClass({
+  displayName: 'index',
+
   getDefaultProps: function getDefaultProps() {
@@ -18,6 +29,5 @@ return {
   render: function render() {
-    return React.createElement(Select, this.props);
+    return _react2['default'].createElement(_rcSelect2['default'], this.props);
   }
 });
-
-module.exports.Option = Select.Option;
+module.exports = exports['default'];

lib/slider/index.js

 'use strict';
 
-var React = require('react');
-var Slider = require('rc-slider');
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 
-var AntSlider = React.createClass({
-  displayName: 'AntSlider',
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _rcSlider = require('rc-slider');
+
+var _rcSlider2 = _interopRequireDefault(_rcSlider);
+
+exports['default'] = _react2['default'].createClass({
+  displayName: 'index',
+
   getDefaultProps: function getDefaultProps() {
@@ -15,6 +26,5 @@ return {
   render: function render() {
-    return React.createElement(Slider, this.props);
+    return _react2['default'].createElement(_rcSlider2['default'], this.props);
   }
 });
-
-module.exports = AntSlider;
+module.exports = exports['default'];

lib/steps/index.js

 'use strict';
 
-var React = require('react');
-var Steps = require('rc-steps');
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 
-var AntSteps = React.createClass({
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _rcSteps = require('rc-steps');
+
+var _rcSteps2 = _interopRequireDefault(_rcSteps);
+
+var AntSteps = _react2['default'].createClass({
   displayName: 'AntSteps',
@@ -18,4 +29,4 @@
   render: function render() {
-    return React.createElement(
-      Steps,
+    return _react2['default'].createElement(
+      _rcSteps2['default'],
       { size: this.props.size,
@@ -29,4 +40,5 @@ iconPrefix: this.props.iconPrefix,
 });
-AntSteps.Step = Steps.Step;
+AntSteps.Step = _rcSteps2['default'].Step;
 
-module.exports = AntSteps;
+exports['default'] = AntSteps;
+module.exports = exports['default'];

lib/switch/index.js

 'use strict';
 
-var Switch = require('rc-switch');
-var React = require('react');
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 
-var AntSwitch = React.createClass({
-  displayName: 'AntSwitch',
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+var _rcSwitch = require('rc-switch');
+
+var _rcSwitch2 = _interopRequireDefault(_rcSwitch);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+exports['default'] = _react2['default'].createClass({
+  displayName: 'index',
+
   getDefaultProps: function getDefaultProps() {
@@ -15,6 +26,5 @@ return {
   render: function render() {
-    return React.createElement(Switch, this.props);
+    return _react2['default'].createElement(_rcSwitch2['default'], this.props);
   }
 });
-
-module.exports = AntSwitch;
+module.exports = exports['default'];

lib/table/filterMenu.js

@@ -67,4 +67,4 @@ 'use strict';
       { multiple: true,
-        prefixCls: 'ant-dropdown-menu',
-        className: 'ant-table-filter-dropdown',
+        prefixCls: "ant-dropdown-menu",
+        className: "ant-table-filter-dropdown",
         onSelect: this.handleSelectFilter,
@@ -80,3 +80,3 @@ onDeselect: this.handleDeselectFilter,
           'a',
-          { className: 'ant-table-filter-dropdown-link confirm',
+          { className: "ant-table-filter-dropdown-link confirm",
             style: {
@@ -91,3 +91,3 @@ cursor: 'pointer',
           'a',
-          { className: 'ant-table-filter-dropdown-link clear',
+          { className: "ant-table-filter-dropdown-link clear",
             style: {
@@ -94,0 +94,0 @@ cursor: 'pointer',

lib/table/index.js

@@ -43,4 +43,4 @@ 'use strict';
 
-var AntTable = _react2['default'].createClass({
-  displayName: 'AntTable',
+exports['default'] = _react2['default'].createClass({
+  displayName: 'index',
 
@@ -235,6 +235,6 @@ getInitialState: function getInitialState() {
           _dropdown2['default'],
-          { trigger: 'click',
+          { trigger: "click",
             closeOnSelect: false,
             overlay: menus },
-          _react2['default'].createElement('i', { title: '筛选', className: 'anticon anticon-bars ' + dropdownSelectedClass })
+          _react2['default'].createElement('i', { title: "筛选", className: 'anticon anticon-bars ' + dropdownSelectedClass })
         );
@@ -246,9 +246,9 @@ }
           'div',
-          { className: 'ant-table-column-sorter' },
+          { className: "ant-table-column-sorter" },
           _react2['default'].createElement(
             'span',
             { className: 'ant-table-column-sorter-up ' + (isSortColumn && _this2.state.sortOrder === 'ascend' ? 'on' : 'off'),
-              title: '升序排序',
+              title: "升序排序",
               onClick: _this2.toggleSortOrder.bind(_this2, 'ascend', column) },
-            _react2['default'].createElement('i', { className: 'anticon anticon-caret-up' })
+            _react2['default'].createElement('i', { className: "anticon anticon-caret-up" })
           ),
@@ -258,5 +258,5 @@ _react2['default'].createElement(
             { className: 'ant-table-column-sorter-down ' + (isSortColumn && _this2.state.sortOrder === 'descend' ? 'on' : 'off'),
-              title: '降序排序',
+              title: "降序排序",
               onClick: _this2.toggleSortOrder.bind(_this2, 'descend', column) },
-            _react2['default'].createElement('i', { className: 'anticon anticon-caret-down' })
+            _react2['default'].createElement('i', { className: "anticon anticon-caret-down" })
           )
@@ -271,3 +271,3 @@ );
     // 强制不需要分页
-    if (this.state.pagination === false) {
+    if (this.props.pagination === false) {
       return '';
@@ -338,4 +338,4 @@ }
         // 如果没有分页的话，默认全部展示
-        if (_this3.state.pagination === false) {
-          pageSize = Number.POSITIVE_INFINITY;
+        if (_this3.props.pagination === false) {
+          pageSize = Number.MAX_VALUE;
           current = 1;
@@ -389,3 +389,3 @@ } else {
       'div',
-      { className: 'clearfix' },
+      { className: "clearfix" },
       _react2['default'].createElement(_rcTable2['default'], _extends({ data: this.state.data,
@@ -399,4 +399,2 @@ columns: this.renderColumnsDropdown(),
 });
-
-exports['default'] = AntTable;
 module.exports = exports['default'];

lib/tabs/index.js

 'use strict';
 
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
@@ -9,8 +13,16 @@
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) subClass.__proto__ = superClass; }
+function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-var Tabs = require('rc-tabs');
-var React = require('react');
+var _rcTabs = require('rc-tabs');
+
+var _rcTabs2 = _interopRequireDefault(_rcTabs);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
 var prefixCls = 'ant-tabs';
@@ -34,3 +46,3 @@
       }
-      return React.createElement(Tabs, _extends({}, this.props, { className: sizeCls }));
+      return _react2['default'].createElement(_rcTabs2['default'], _extends({}, this.props, { className: sizeCls }));
     }
@@ -40,3 +52,3 @@ }]);
   return AntTabs;
-})(React.Component);
+})(_react2['default'].Component);
 
@@ -48,4 +60,5 @@ AntTabs.defaultProps = {
 
-AntTabs.TabPane = Tabs.TabPane;
+AntTabs.TabPane = _rcTabs2['default'].TabPane;
 
-module.exports = AntTabs;
+exports['default'] = AntTabs;
+module.exports = exports['default'];

lib/tooltip/index.js

 'use strict';
 
-var React = require('react');
-var Tooltip = require('rc-tooltip');
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 
-module.exports = React.createClass({
-  displayName: 'exports',
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _rcTooltip = require('rc-tooltip');
+
+var _rcTooltip2 = _interopRequireDefault(_rcTooltip);
+
+exports['default'] = _react2['default'].createClass({
+  displayName: 'index',
+
   getDefaultProps: function getDefaultProps() {
@@ -21,6 +32,6 @@ return {
     })[this.props.placement];
-    return React.createElement(
-      Tooltip,
+    return _react2['default'].createElement(
+      _rcTooltip2['default'],
       { placement: this.props.placement,
-        prefixCls: 'ant-tooltip',
+        prefixCls: "ant-tooltip",
         delay: 0.1,
@@ -33,2 +44,3 @@ trigger: this.props.trigger,
   }
-});
+});
+module.exports = exports['default'];

package.json

 {
   "name": "antd",
-  "version": "0.7.1",
-  "stableVersion": "0.7.0",
+  "version": "0.7.2",
+  "stableVersion": "0.7.2",
   "title": "Ant Design",
-  "description": "一个设计&前端框架",
+  "description": "一个设计语言&前端框架",
   "homepage": "http://ant.design/",
@@ -8,0 +8,0 @@ "keywords": [

README.md

@@ -5,7 +5,6 @@ # 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) [![Dependency Status](https://david-dm.org/ant-design/ant-design.svg?style=flat-square)](https://david-dm.org/ant-design/ant-design)
 
-仍在紧密开发中，预计 8 月份推出 beta 版本。
+设计文档和组件实现均在紧密整理和开发中，部分页面可能不完善，预计 8 月份释出正式版本。
 
 ![](https://t.alipayobjects.com/images/rmsweb/T11aVgXc4eXXXXXXXX.svg)
 
-
 ## 特性
@@ -52,2 +51,3 @@
 ```bash
+$ npm install
 $ npm start
@@ -54,0 +54,0 @@ ```

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

240005

increased by2.75%

Lines of code

8870

increased by0.92%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes